@digilogiclabs/saas-factory-ui 2.2.0 → 2.4.0

package/dist/index.mjs

@@ -30463,14 +30463,35 @@ var PIP_POS = {
     [75, 75]
   ]
 };
-var SHOW_ROT = {
+var D6_FACE_PLACEMENTS = {
   1: { x: 0, y: 0 },
-  2: { x: 0, y: 180 },
-  3: { x: 0, y: -90 },
-  4: { x: 0, y: 90 },
-  5: { x: -90, y: 0 },
-  6: { x: 90, y: 0 }
+  2: { x: 0, y: 90 },
+  3: { x: 90, y: 0 },
+  4: { x: -90, y: 0 },
+  5: { x: 0, y: -90 },
+  6: { x: 0, y: 180 }
 };
+function d6LandingRotation(value) {
+  const p = D6_FACE_PLACEMENTS[value];
+  return {
+    x: Math.abs(p.x) === 180 ? 180 : -p.x || 0,
+    y: Math.abs(p.y) === 180 ? 180 : -p.y || 0
+  };
+}
+var POLY_SHAPES = {
+  4: { points: "50,8 93,86 7,86", textY: 62, fontScale: 0.3 },
+  8: { points: "50,4 96,50 50,96 4,50", textY: 51, fontScale: 0.33 },
+  10: { points: "50,4 93,44 50,96 7,44", textY: 47, fontScale: 0.3 },
+  12: { points: "50,4 95,37 78,93 22,93 5,37", textY: 54, fontScale: 0.33 },
+  20: {
+    points: "50,3 91,26 91,74 50,97 9,74 9,26",
+    textY: 51,
+    fontScale: 0.33
+  }
+};
+function formatDieValue(v, sides) {
+  return sides > 8 && (v === 6 || v === 9) ? `${v}.` : String(v);
+}
 var MAX_COUNT = 6;
 var TUMBLE_MS = 950;
 var SETTLE_MS = 1100;
@@ -30622,6 +30643,7 @@ function Face({ value, pipColor, pipShadow, pipDiameter }) {
 }
 function DiceRoller({
   count: count2 = 2,
+  sides = 6,
   theme: theme5 = "red",
   darkMode,
   size = 80,
@@ -30643,13 +30665,13 @@ function DiceRoller({
 }) {
   const clampedCount = Math.max(1, Math.min(MAX_COUNT, count2));
   const dark = useDarkMode(darkMode);
-  const reducedMotion = usePrefersReducedMotion();
   const [rolling, setRolling] = useState70(false);
   const [results, setResults] = useState70(null);
   const [history, setHistory] = useState70([]);
   const dieWrapperRefs = useRef39([]);
   const cubeRefs = useRef39([]);
   const shadowRefs = useRef39([]);
+  const numeralRefs = useRef39([]);
   const currentPositionsRef = useRef39(null);
   const rollingRef = useRef39(false);
   const dieSetters = useRef39([]);
@@ -30679,6 +30701,15 @@ function DiceRoller({
     }
     return shadowSetters.current[i];
   };
+  const numeralSetters = useRef39([]);
+  const getNumeralSetter = (i) => {
+    if (!numeralSetters.current[i]) {
+      numeralSetters.current[i] = (el) => {
+        numeralRefs.current[i] = el;
+      };
+    }
+    return numeralSetters.current[i];
+  };
   const timersRef = useRef39([]);
   const rafHandleRef = useRef39(null);
   const arenaRef = useRef39(null);
@@ -30731,15 +30762,15 @@ function DiceRoller({
   const pipDiameter = Math.round(effectiveSize * 0.2);
   const faceRadius = Math.round(effectiveSize * 0.07);
   const arenaHeight = arenaHeightProp ?? Math.max(effectiveSize * 3, 200);
-  const faceTransforms = useMemo28(
-    () => [
-      `translateZ(${half}px)`,
-      `rotateY(180deg) translateZ(${half}px)`,
-      `rotateY(-90deg) translateZ(${half}px)`,
-      `rotateY(90deg) translateZ(${half}px)`,
-      `rotateX(90deg) translateZ(${half}px)`,
-      `rotateX(-90deg) translateZ(${half}px)`
-    ],
+  const faceTransformFor = useCallback44(
+    (value) => {
+      const p = D6_FACE_PLACEMENTS[value];
+      const parts = [];
+      if (p.x !== 0) parts.push(`rotateX(${p.x}deg)`);
+      if (p.y !== 0) parts.push(`rotateY(${p.y}deg)`);
+      parts.push(`translateZ(${half}px)`);
+      return parts.join(" ");
+    },
     [half]
   );
   const defaultPositions = useCallback44(
@@ -30761,15 +30792,23 @@ function DiceRoller({
     [half]
   );
   const writeCubeRotation = useCallback44(
-    (i, rx, ry, rz, withTransition) => {
+    (i, rx, ry, rz, withTransition, tiltZ = 0) => {
       const el = cubeRefs.current[i];
       if (!el) return;
       el.style.transition = withTransition ? "transform 0.95s cubic-bezier(0.12,0.8,0.22,1)" : "none";
-      el.style.transform = `rotateX(${rx}deg) rotateY(${ry}deg) rotateZ(${rz}deg)`;
+      el.style.transform = `${tiltZ ? `rotateZ(${tiltZ}deg) ` : ""}rotateX(${rx}deg) rotateY(${ry}deg) rotateZ(${rz}deg)`;
     },
     []
   );
   useEffect54(() => {
+    if (timersRef.current.length > 0) {
+      timersRef.current.forEach((t) => clearTimeout(t));
+      timersRef.current = [];
+    }
+    if (rollingRef.current) {
+      rollingRef.current = false;
+      setRolling(false);
+    }
     const rawW = arenaRef.current?.offsetWidth ?? 0;
     const rawH = arenaRef.current?.offsetHeight ?? 0;
     const w = rawW > 20 ? rawW : arena.w > 20 ? arena.w : 400;
@@ -30795,19 +30834,23 @@ function DiceRoller({
     setResults(null);
   }, [
     clampedCount,
+    sides,
     effectiveSize,
     arena.w,
     arenaHeight,
     defaultPositions,
     half
   ]);
+  useEffect54(() => {
+    setHistory([]);
+  }, [sides]);
   const roll = useCallback44(() => {
     if (rollingRef.current) return;
     rollingRef.current = true;
     setRolling(true);
     const vals = Array.from(
       { length: clampedCount },
-      () => Math.floor(Math.random() * 6) + 1
+      () => Math.floor(Math.random() * sides) + 1
     );
     timersRef.current.forEach((t) => clearTimeout(t));
     timersRef.current = [];
@@ -30822,13 +30865,17 @@ function DiceRoller({
     const starts = currentPositionsRef.current ?? defaultPositions(w, h, clampedCount);
     const frames = simulateDice(w, h, effectiveSize, starts, clampedCount);
     for (let i = 0; i < clampedCount; i++) {
-      writeCubeRotation(
-        i,
-        (Math.random() - 0.5) * 720,
-        (Math.random() - 0.5) * 720,
-        (Math.random() - 0.5) * 720,
-        false
-      );
+      if (sides === 6) {
+        writeCubeRotation(
+          i,
+          (Math.random() - 0.5) * 720,
+          (Math.random() - 0.5) * 720,
+          (Math.random() - 0.5) * 720,
+          false
+        );
+      } else {
+        writeCubeRotation(i, 0, 0, (Math.random() - 0.5) * 720, false);
+      }
       const el = dieWrapperRefs.current[i];
       if (el) el.style.transition = "none";
       const shadow = shadowRefs.current[i];
@@ -30861,18 +30908,47 @@ function DiceRoller({
       }, capturedStep * stepMs);
       timersRef.current.push(timer);
     }
+    if (sides !== 6) {
+      const flickerTicks = 8;
+      const flickerStep = Math.max(60, Math.floor(TUMBLE_MS / flickerTicks));
+      for (let f = 1; f <= flickerTicks; f++) {
+        const t = setTimeout(() => {
+          for (let i = 0; i < clampedCount; i++) {
+            const el = numeralRefs.current[i];
+            if (el)
+              el.textContent = formatDieValue(
+                Math.floor(Math.random() * sides) + 1,
+                sides
+              );
+          }
+        }, f * flickerStep);
+        timersRef.current.push(t);
+      }
+    }
     requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         for (let i = 0; i < clampedCount; i++) {
-          const tgt = SHOW_ROT[vals[i]];
-          const lx = tgt.x + (Math.random() > 0.5 ? 720 : -720);
-          const ly = tgt.y;
-          const lz = (Math.random() > 0.5 ? 1 : -1) * 360;
-          writeCubeRotation(i, lx, ly, lz, true);
+          const tilt = (Math.random() - 0.5) * 18;
+          if (sides === 6) {
+            const tgt = d6LandingRotation(vals[i]);
+            const lx = tgt.x + (Math.random() > 0.5 ? 720 : -720);
+            const ly = tgt.y;
+            const lz = (Math.random() > 0.5 ? 1 : -1) * 360;
+            writeCubeRotation(i, lx, ly, lz, true, tilt);
+          } else {
+            const lz = (Math.random() > 0.5 ? 1 : -1) * 720 + tilt;
+            writeCubeRotation(i, 0, 0, lz, true);
+          }
         }
       });
     });
     const settleTimer = setTimeout(() => {
+      if (sides !== 6) {
+        for (let i = 0; i < clampedCount; i++) {
+          const el = numeralRefs.current[i];
+          if (el) el.textContent = formatDieValue(vals[i], sides);
+        }
+      }
       setResults(vals);
       setRolling(false);
       rollingRef.current = false;
@@ -30885,10 +30961,10 @@ function DiceRoller({
     timersRef.current.push(settleTimer);
   }, [
     clampedCount,
+    sides,
     defaultPositions,
     effectiveSize,
     half,
-    reducedMotion,
     onRoll,
     writeCubeRotation,
     writeDiePosition,
@@ -30930,7 +31006,7 @@ function DiceRoller({
           {
             ref: arenaRef,
             role: "img",
-            "aria-label": ariaLabel ?? `${clampedCount} dice`,
+            "aria-label": ariaLabel ?? `${clampedCount} ${sides === 6 ? "dice" : `${sides}-sided dice`}`,
             "aria-live": "polite",
             style: {
               position: "relative",
@@ -30993,7 +31069,7 @@ function DiceRoller({
                       transformStyle: "preserve-3d",
                       willChange: "transform"
                     },
-                    children: [1, 2, 3, 4, 5, 6].map((val, fi) => /* @__PURE__ */ jsx114(
+                    children: sides === 6 ? [1, 2, 3, 4, 5, 6].map((val) => /* @__PURE__ */ jsx114(
                       "div",
                       {
                         style: {
@@ -31003,7 +31079,7 @@ function DiceRoller({
                           background: colors.face,
                           border: `1px solid ${colors.faceBorder}`,
                           borderRadius: faceRadius,
-                          transform: faceTransforms[fi],
+                          transform: faceTransformFor(val),
                           transition: "background 0.3s, border-color 0.3s"
                         },
                         children: /* @__PURE__ */ jsx114(
@@ -31017,7 +31093,64 @@ function DiceRoller({
                         )
                       },
                       val
-                    ))
+                    )) : (() => {
+                      const shape = POLY_SHAPES[sides];
+                      const shown = results?.[d] ?? sides;
+                      return /* @__PURE__ */ jsxs86(
+                        "svg",
+                        {
+                          viewBox: "0 0 100 100",
+                          width: "100%",
+                          height: "100%",
+                          style: { display: "block", overflow: "visible" },
+                          "aria-hidden": "true",
+                          children: [
+                            /* @__PURE__ */ jsx114(
+                              "polygon",
+                              {
+                                points: shape.points,
+                                fill: colors.face,
+                                stroke: colors.faceBorder,
+                                strokeWidth: 2.5,
+                                strokeLinejoin: "round",
+                                style: { transition: "fill 0.3s, stroke 0.3s" }
+                              }
+                            ),
+                            /* @__PURE__ */ jsx114(
+                              "polygon",
+                              {
+                                points: shape.points,
+                                fill: "none",
+                                stroke: colors.faceBorder,
+                                strokeWidth: 1.5,
+                                strokeLinejoin: "round",
+                                opacity: 0.55,
+                                transform: "translate(50 50) scale(0.76) translate(-50 -50)"
+                              }
+                            ),
+                            /* @__PURE__ */ jsx114(
+                              "text",
+                              {
+                                ref: getNumeralSetter(d),
+                                x: 50,
+                                y: shape.textY,
+                                textAnchor: "middle",
+                                dominantBaseline: "central",
+                                fontSize: 100 * shape.fontScale,
+                                fontWeight: 800,
+                                fill: colors.pip,
+                                style: {
+                                  fontVariantNumeric: "tabular-nums",
+                                  transition: "fill 0.3s",
+                                  userSelect: "none"
+                                },
+                                children: formatDieValue(shown, sides)
+                              }
+                            )
+                          ]
+                        }
+                      );
+                    })()
                   }
                 )
               ] }, d);
@@ -32857,6 +32990,9 @@ function CoinFlipper({
   }, [flipping, onFlip, historyMax]);
   useEffect56(() => {
     if (flipRef) flipRef.current = flip;
+    return () => {
+      if (flipRef && flipRef.current === flip) flipRef.current = null;
+    };
   }, [flip, flipRef]);
   useEffect56(() => {
     if (autoFlip) {
@@ -33754,6 +33890,8 @@ function RandomPlayerPicker({
   const particleTimer = useRef42(null);
   const popTimer = useRef42(null);
   const tickInterval = useRef42(null);
+  const pendingPopIdxRef = useRef42(null);
+  const removeWinnersRef = useRef42(removeWinners);
   const tickAudioRef = useRef42(null);
   const winAudioRef = useRef42(null);
   const containerRef = useRef42(null);
@@ -33792,10 +33930,27 @@ function RandomPlayerPicker({
       winAudioRef.current = null;
     };
   }, [winSoundUrl, soundVolume]);
+  useEffect57(() => {
+    removeWinnersRef.current = removeWinners;
+  }, [removeWinners]);
   useEffect57(() => {
     const ids = participants.map((p) => p.id).join("|");
     const structuralChange = ids !== prevIdsRef.current;
     if (structuralChange) {
+      if (winnerTimer.current) {
+        clearTimeout(winnerTimer.current);
+        winnerTimer.current = null;
+      }
+      if (tickInterval.current) {
+        clearTimeout(tickInterval.current);
+        tickInterval.current = null;
+      }
+      if (popTimer.current) {
+        clearTimeout(popTimer.current);
+        popTimer.current = null;
+      }
+      pendingPopIdxRef.current = null;
+      setSpinning(false);
       setPool(participants);
       setHistory([]);
       setWinner(null);
@@ -33852,33 +34007,50 @@ function RandomPlayerPicker({
     [dark]
   );
   const spin = useCallback47(() => {
-    if (spinning || n < 2) return;
+    if (spinning) return;
+    let activePool = pool;
+    if (popTimer.current) {
+      clearTimeout(popTimer.current);
+      popTimer.current = null;
+      const pendingIdx = pendingPopIdxRef.current;
+      pendingPopIdxRef.current = null;
+      if (pendingIdx != null && pendingIdx >= 0 && pendingIdx < pool.length && removeWinnersRef.current) {
+        activePool = pool.filter((_, i) => i !== pendingIdx);
+        setPool(activePool);
+        setWinner(null);
+      }
+    }
+    const activeN = activePool.length;
+    if (activeN < 2) return;
+    const activeAnglePerWedge = 2 * Math.PI / activeN;
+    const activeRotation = rotation;
+    const activeReelY = reelY;
     onSpinStart?.();
-    const winnerIdx = weightedIndex(pool);
+    const winnerIdx = weightedIndex(activePool);
     const minRev = minRevolutions + intensityCfg.revsBoost;
     const maxRev = maxRevolutions + intensityCfg.revsBoost;
     const minFullRevs = Math.ceil(minRev);
     const maxFullRevs = Math.max(minFullRevs, Math.floor(maxRev));
     const revolutions = minFullRevs + Math.floor(Math.random() * (maxFullRevs - minFullRevs + 1));
-    const wedgeMidRad = winnerIdx * anglePerWedge + anglePerWedge / 2;
+    const wedgeMidRad = winnerIdx * activeAnglePerWedge + activeAnglePerWedge / 2;
     const wedgeMidDeg = wedgeMidRad * 180 / Math.PI;
-    const wheelWobble = (Math.random() - 0.5) * (anglePerWedge * 180 / Math.PI) * 0.6;
-    const currentMod = (rotation % 360 + 360) % 360;
+    const wheelWobble = (Math.random() - 0.5) * (activeAnglePerWedge * 180 / Math.PI) * 0.6;
+    const currentMod = (activeRotation % 360 + 360) % 360;
     const targetMod = ((-wedgeMidDeg + wheelWobble) % 360 + 360) % 360;
     let deltaMod = targetMod - currentMod;
     if (deltaMod < 0) deltaMod += 360;
-    const finalRotation = rotation + deltaMod + revolutions * 360;
+    const finalRotation = activeRotation + deltaMod + revolutions * 360;
     const centerOffsetRows = (reelVisibleRows - 1) / 2;
     const centerOffsetPx = centerOffsetRows * reelRowHeight;
     const currentCenterRow = Math.round(
-      (reelY + centerOffsetPx) / reelRowHeight
+      (activeReelY + centerOffsetPx) / reelRowHeight
     );
-    const currentCenterMod = mod(currentCenterRow, n);
-    const targetRowOffset = (winnerIdx - currentCenterMod + n) % n;
-    const reelRevRows = Math.round(revolutions * n);
-    const finalReelY = reelY + (reelRevRows + targetRowOffset) * reelRowHeight;
-    const settledWinnerIdx = mode === "reel" ? reelIndexAtCenter(finalReelY, centerOffsetPx, reelRowHeight, n) : wheelIndexAtPointer(finalRotation, n);
-    const finalWinnerIdx = settledWinnerIdx >= 0 && settledWinnerIdx < pool.length ? settledWinnerIdx : winnerIdx;
+    const currentCenterMod = mod(currentCenterRow, activeN);
+    const targetRowOffset = (winnerIdx - currentCenterMod + activeN) % activeN;
+    const reelRevRows = Math.round(revolutions * activeN);
+    const finalReelY = activeReelY + (reelRevRows + targetRowOffset) * reelRowHeight;
+    const settledWinnerIdx = mode === "reel" ? reelIndexAtCenter(finalReelY, centerOffsetPx, reelRowHeight, activeN) : wheelIndexAtPointer(finalRotation, activeN);
+    const finalWinnerIdx = settledWinnerIdx >= 0 && settledWinnerIdx < activePool.length ? settledWinnerIdx : winnerIdx;
     const effectiveDuration = reducedMotion ? 250 : Math.round(spinDuration * intensityCfg.durationMult);
     setSpinning(true);
     setWinner(null);
@@ -33891,7 +34063,7 @@ function RandomPlayerPicker({
     if ((onTick || tickAudioRef.current) && !reducedMotion) {
       const wedges = mode === "reel" ? Math.max(1, reelRevRows + targetRowOffset) : (() => {
         const totalDelta = deltaMod + revolutions * 360;
-        const wedgeDeg = anglePerWedge * 180 / Math.PI;
+        const wedgeDeg = activeAnglePerWedge * 180 / Math.PI;
         return Math.max(
           1,
           Math.round(totalDelta / Math.max(wedgeDeg, 1))
@@ -33923,7 +34095,7 @@ function RandomPlayerPicker({
       schedule();
     }
     winnerTimer.current = setTimeout(() => {
-      const picked = pool[finalWinnerIdx];
+      const picked = activePool[finalWinnerIdx];
       if (!picked) {
         setSpinning(false);
         return;
@@ -33969,7 +34141,11 @@ function RandomPlayerPicker({
         particleTimer.current = setTimeout(() => setParticles([]), 2400);
       }
       if (removeWinners) {
+        pendingPopIdxRef.current = finalWinnerIdx;
         popTimer.current = setTimeout(() => {
+          popTimer.current = null;
+          pendingPopIdxRef.current = null;
+          if (!removeWinnersRef.current) return;
           setPool((p) => p.filter((_, i) => i !== finalWinnerIdx));
           setWinner(null);
           setRotation(0);
@@ -33980,8 +34156,6 @@ function RandomPlayerPicker({
   }, [
     pool,
     spinning,
-    n,
-    anglePerWedge,
     rotation,
     reelY,
     mode,
@@ -34017,6 +34191,7 @@ function RandomPlayerPicker({
     []
   );
   useEffect57(() => {
+    if (trigger === "external") return;
     const el = containerRef.current;
     if (!el) return;
     const h = (e) => {
@@ -34027,8 +34202,22 @@ function RandomPlayerPicker({
     };
     el.addEventListener("keydown", h);
     return () => el.removeEventListener("keydown", h);
-  }, [spin]);
+  }, [spin, trigger]);
   const reset = useCallback47(() => {
+    if (winnerTimer.current) {
+      clearTimeout(winnerTimer.current);
+      winnerTimer.current = null;
+    }
+    if (tickInterval.current) {
+      clearTimeout(tickInterval.current);
+      tickInterval.current = null;
+    }
+    if (popTimer.current) {
+      clearTimeout(popTimer.current);
+      popTimer.current = null;
+    }
+    pendingPopIdxRef.current = null;
+    setSpinning(false);
     setPool(participants);
     setHistory([]);
     setWinner(null);
@@ -38501,27 +38690,28 @@ function GameTimer({
     const now = performance.now();
     const delta = now - lastTickRef.current;
     lastTickRef.current = now;
-    setElapsedMs((prev) => {
-      const next = prev + delta;
-      if (mode === "countdown" && next >= durationMs) {
-        setRunning(false);
-        setCompleted(true);
-        onComplete?.();
-        return durationMs;
+    const next = elapsedRef.current + delta;
+    if (mode === "countdown" && next >= durationMs) {
+      elapsedRef.current = durationMs;
+      setElapsedMs(durationMs);
+      setRunning(false);
+      setCompleted(true);
+      onComplete?.();
+      return;
+    }
+    if (mode === "countdown") {
+      const secLeft = Math.ceil((durationMs - next) / 1e3);
+      if (secLeft <= warningAt && !warningFiredRef.current) {
+        warningFiredRef.current = true;
+        onWarning?.();
       }
-      if (mode === "countdown") {
-        const secLeft = Math.ceil((durationMs - next) / 1e3);
-        if (secLeft <= warningAt && !warningFiredRef.current) {
-          warningFiredRef.current = true;
-          onWarning?.();
-        }
-        if (secLeft <= dangerAt && !dangerFiredRef.current) {
-          dangerFiredRef.current = true;
-          onDanger?.();
-        }
+      if (secLeft <= dangerAt && !dangerFiredRef.current) {
+        dangerFiredRef.current = true;
+        onDanger?.();
       }
-      return next;
-    });
+    }
+    elapsedRef.current = next;
+    setElapsedMs(next);
     rafRef.current = requestAnimationFrame(tick);
   }, [mode, durationMs, warningAt, dangerAt, onComplete, onWarning, onDanger]);
   useEffect61(() => {
@@ -38542,6 +38732,7 @@ function GameTimer({
   }, []);
   const reset = useCallback51(() => {
     setRunning(false);
+    elapsedRef.current = 0;
     setElapsedMs(0);
     setCompleted(false);
     setLaps([]);
@@ -40703,6 +40894,8 @@ function RoundRobinScheduler({
   theme: theme5 = "slate",
   darkMode,
   minTeams = 3,
+  maxTeams,
+  nameMaxLength,
   defaultTeams = [],
   resumeRounds,
   onTeamsChange,
@@ -40725,39 +40918,41 @@ function RoundRobinScheduler({
   useEffect64(() => {
     onTeamsChange?.(teams);
   }, [teams, onTeamsChange]);
-  const addTeams = useCallback54((raw) => {
-    const names = raw.split(",").map((s) => s.trim()).filter((s) => s.length > 0);
-    if (names.length === 0) return;
-    setTeams((prev) => {
+  const mergeNames = useCallback54(
+    (prev, incoming) => {
       const existing = new Set(prev.map((t) => t.toLowerCase()));
       const next = [...prev];
-      for (const name of names) {
-        if (!existing.has(name.toLowerCase())) {
-          existing.add(name.toLowerCase());
-          next.push(name);
-        }
-      }
-      return next;
-    });
-    setInput("");
-    setRounds([]);
-  }, []);
-  const importTeams = useCallback54((incoming) => {
-    if (incoming.length === 0) return;
-    setTeams((prev) => {
-      const existing = new Set(prev.map((t) => t.toLowerCase()));
-      const next = [...prev];
-      for (const name of incoming) {
+      for (const rawName of incoming) {
+        if (maxTeams != null && next.length >= maxTeams) break;
+        const name = nameMaxLength != null ? rawName.slice(0, nameMaxLength) : rawName;
         const key = name.toLowerCase();
-        if (!existing.has(key)) {
+        if (name.length > 0 && !existing.has(key)) {
           existing.add(key);
           next.push(name);
         }
       }
       return next;
-    });
-    setRounds([]);
-  }, []);
+    },
+    [maxTeams, nameMaxLength]
+  );
+  const addTeams = useCallback54(
+    (raw) => {
+      const names = raw.split(",").map((s) => s.trim()).filter((s) => s.length > 0);
+      if (names.length === 0) return;
+      setTeams((prev) => mergeNames(prev, names));
+      setInput("");
+      setRounds([]);
+    },
+    [mergeNames]
+  );
+  const importTeams = useCallback54(
+    (incoming) => {
+      if (incoming.length === 0) return;
+      setTeams((prev) => mergeNames(prev, incoming));
+      setRounds([]);
+    },
+    [mergeNames]
+  );
   const handleKeyDown = useCallback54(
     (e) => {
       if (e.key === "Enter") {
@@ -41251,6 +41446,8 @@ function Scoreboard({
   onTeamsChange,
   onRoundAdvance,
   onNewGame,
+  onReset,
+  nameMaxLength,
   labels,
   ariaLabel = "Scoreboard",
   className
@@ -41325,7 +41522,8 @@ function Scoreboard({
     setRound(1);
     setHistory([]);
     setHistoryOpen(false);
-  }, []);
+    onReset?.();
+  }, [onReset]);
   const newGame = useCallback55(() => {
     setTeams(createDefaultTeams(seedCount, L.teamNamePrefix));
     setRound(1);
@@ -41547,6 +41745,7 @@ function Scoreboard({
                     {
                       type: "text",
                       value: team.name,
+                      maxLength: nameMaxLength,
                       onChange: (e) => updateName(index, e.target.value),
                       style: nameInputStyle,
                       "aria-label": `Team ${index + 1} name`
@@ -44885,6 +45084,7 @@ export {
   CommentSystem,
   Container,
   ConversionKPI,
+  D6_FACE_PLACEMENTS,
   DISTANCES,
   DURATIONS,
   DashboardGrid,
@@ -45174,6 +45374,7 @@ export {
   createOptimizedStore,
   createSlideVariant,
   createTransition,
+  d6LandingRotation,
   dailyTrendingConfig,
   detectAuthProvider,
   detectDelimiter,