@joydle/ui 0.1.0 → 0.1.2

package/dist/hud/FloatingNumbers.d.ts

@@ -0,0 +1,43 @@
+import type { JSX } from 'preact';
+export interface FloatNum {
+    id: number;
+    value: string | number;
+    x: number;
+    y: number;
+    crit?: boolean;
+}
+export interface FloatingNumbersProps {
+    numbers: FloatNum[];
+    /** Critical-hit color. Default: var(--joydle-gold, #ffd700) */
+    critColor?: string;
+    /** Normal number color. Default: var(--joydle-text, #fff) */
+    normalColor?: string;
+    /** Duration before removal in ms. Default: 900 */
+    duration?: number;
+}
+/**
+ * Manages a pool of floating numbers.  Call `addNumber` whenever damage
+ * or healing occurs.
+ *
+ * ```tsx
+ * const { numbers, addNumber } = useFloatingNumbers();
+ * // on hit:
+ * addNumber(damage, screenX, screenY, isCrit);
+ * // render:
+ * <FloatingNumbers numbers={numbers} />
+ * ```
+ */
+export declare function useFloatingNumbers(maxItems?: number): {
+    numbers: FloatNum[];
+    addNumber: (value: string | number, x: number, y: number, crit?: boolean) => void;
+};
+/**
+ * Renders the pool of floating numbers returned by `useFloatingNumbers`.
+ * Each number animates upward and fades out.
+ *
+ * ```tsx
+ * <FloatingNumbers numbers={numbers} critColor="#ffd700" />
+ * ```
+ */
+export declare function FloatingNumbers({ numbers, critColor, normalColor, }: FloatingNumbersProps): JSX.Element;
+//# sourceMappingURL=FloatingNumbers.d.ts.map

package/dist/hud/FloatingNumbers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingNumbers.d.ts","sourceRoot":"","sources":["../../src/hud/FloatingNumbers.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAIlC,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,SAAK,GAAG;IACjD,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACnF,CA8BA;AAsBD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,SAAyC,EACzC,WAAwC,GACzC,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAsCpC"}

package/dist/hud/FloatingNumbers.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx } from "preact/jsx-runtime";
+// ---------------------------------------------------------------------------
+//  @joydle/ui — FloatingNumbers: pooled damage/heal number overlays
+// ---------------------------------------------------------------------------
+import { useState, useCallback, useRef, useEffect } from 'preact/hooks';
+// ---- Hook -----------------------------------------------------------------
+let _floatId = 0;
+/**
+ * Manages a pool of floating numbers.  Call `addNumber` whenever damage
+ * or healing occurs.
+ *
+ * ```tsx
+ * const { numbers, addNumber } = useFloatingNumbers();
+ * // on hit:
+ * addNumber(damage, screenX, screenY, isCrit);
+ * // render:
+ * <FloatingNumbers numbers={numbers} />
+ * ```
+ */
+export function useFloatingNumbers(maxItems = 24) {
+    const [numbers, setNumbers] = useState([]);
+    const timersRef = useRef(new Map());
+    const addNumber = useCallback((value, x, y, crit = false) => {
+        const id = ++_floatId;
+        setNumbers(prev => {
+            const next = [...prev, { id, value, x, y, crit }];
+            // Cap pool size
+            return next.length > maxItems ? next.slice(next.length - maxItems) : next;
+        });
+        const t = setTimeout(() => {
+            setNumbers(prev => prev.filter(n => n.id !== id));
+            timersRef.current.delete(id);
+        }, 900);
+        timersRef.current.set(id, t);
+    }, [maxItems]);
+    useEffect(() => {
+        return () => {
+            timersRef.current.forEach(t => clearTimeout(t));
+            timersRef.current.clear();
+        };
+    }, []);
+    return { numbers, addNumber };
+}
+// ---- CSS injection --------------------------------------------------------
+const FLOAT_CSS = `
+@keyframes joydle-float-up {
+  0%   { opacity: 1; transform: translate(-50%, 0); }
+  100% { opacity: 0; transform: translate(-50%, -48px); }
+}
+`;
+let _floatStyleInjected = false;
+function injectFloatStyle() {
+    if (_floatStyleInjected)
+        return;
+    _floatStyleInjected = true;
+    const el = document.createElement('style');
+    el.textContent = FLOAT_CSS;
+    document.head.appendChild(el);
+}
+// ---- Component ------------------------------------------------------------
+/**
+ * Renders the pool of floating numbers returned by `useFloatingNumbers`.
+ * Each number animates upward and fades out.
+ *
+ * ```tsx
+ * <FloatingNumbers numbers={numbers} critColor="#ffd700" />
+ * ```
+ */
+export function FloatingNumbers({ numbers, critColor = 'var(--joydle-gold, #ffd700)', normalColor = 'var(--joydle-text, #fff)', }) {
+    injectFloatStyle();
+    return (_jsx("div", { class: "joydle-floating-numbers", style: {
+            position: 'absolute',
+            inset: 0,
+            pointerEvents: 'none',
+            overflow: 'hidden',
+            zIndex: 13,
+        }, children: numbers.map(n => (_jsx("span", { style: {
+                position: 'absolute',
+                left: n.x,
+                top: n.y,
+                color: n.crit ? critColor : normalColor,
+                fontSize: n.crit ? '1.3rem' : '1rem',
+                fontWeight: 900,
+                textShadow: n.crit
+                    ? `0 0 8px ${critColor}`
+                    : '0 1px 4px rgba(0,0,0,0.8)',
+                animation: 'joydle-float-up 0.9s ease-out forwards',
+                whiteSpace: 'nowrap',
+                pointerEvents: 'none',
+                userSelect: 'none',
+            }, children: n.crit ? `${n.value}!` : n.value }, n.id))) }));
+}
+//# sourceMappingURL=FloatingNumbers.js.map

package/dist/hud/FloatingNumbers.js.map

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

package/dist/hud/HUD.d.ts

@@ -5,6 +5,7 @@ interface SlotProps {
 declare const Left: FunctionComponent<SlotProps>;
 declare const Center: FunctionComponent<SlotProps>;
 declare const Right: FunctionComponent<SlotProps>;
+declare const Bottom: FunctionComponent<SlotProps>;
 export interface HUDProps {
     children?: ComponentChildren;
 }
@@ -12,6 +13,7 @@ interface HUDComponent extends FunctionComponent<HUDProps> {
     Left: typeof Left;
     Center: typeof Center;
     Right: typeof Right;
+    Bottom: typeof Bottom;
 }
 export declare const HUD: HUDComponent;
 export {};

package/dist/hud/HUD.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HUD.d.ts","sourceRoot":"","sources":["../../src/hud/HUD.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAInE,UAAU,SAAS;IACjB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAiDD,QAAA,MAAM,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAItC,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,iBAAiB,CAAC,SAAS,CAIxC,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAIvC,CAAC;AAIF,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAID,UAAU,YAAa,SAAQ,iBAAiB,CAAC,QAAQ,CAAC;IACxD,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,KAAK,EAAE,OAAO,KAAK,CAAC;CACrB;AA4BD,eAAO,MAAM,GAAG,EAAE,YAIhB,CAAC"}
+{"version":3,"file":"HUD.d.ts","sourceRoot":"","sources":["../../src/hud/HUD.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAInE,UAAU,SAAS;IACjB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AA2DD,QAAA,MAAM,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAItC,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,iBAAiB,CAAC,SAAS,CAIxC,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAIvC,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,iBAAiB,CAAC,SAAS,CAIxC,CAAC;AAIF,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAID,UAAU,YAAa,SAAQ,iBAAiB,CAAC,QAAQ,CAAC;IACxD,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,MAAM,EAAE,OAAO,MAAM,CAAC;IACtB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,MAAM,EAAE,OAAO,MAAM,CAAC;CACvB;AA4BD,eAAO,MAAM,GAAG,EAAE,YAKhB,CAAC"}

package/dist/hud/HUD.js

@@ -39,10 +39,20 @@ const RIGHT_STYLE = {
     alignItems: 'flex-end',
     gap: 8,
 };
+const BOTTOM_STYLE = {
+    gridColumn: '1 / -1',
+    gridRow: '3',
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    justifyContent: 'center',
+    gap: 16,
+};
 // ---- Sub-components -------------------------------------------------------
 const Left = ({ children }) => (_jsx("div", { class: "joydle-hud-left", style: LEFT_STYLE, children: children }));
 const Center = ({ children }) => (_jsx("div", { class: "joydle-hud-center", style: CENTER_STYLE, children: children }));
 const Right = ({ children }) => (_jsx("div", { class: "joydle-hud-right", style: RIGHT_STYLE, children: children }));
+const Bottom = ({ children }) => (_jsx("div", { class: "joydle-hud-bottom", style: BOTTOM_STYLE, children: children }));
 /**
  * HUD layout container with Left, Center, Right slot sub-components.
  *
@@ -68,5 +78,6 @@ export const HUD = Object.assign(HUDBase, {
     Left,
     Center,
     Right,
+    Bottom,
 });
 //# sourceMappingURL=HUD.js.map

package/dist/hud/HUD.js.map

@@ -1 +1 @@
-{"version":3,"file":"HUD.js","sourceRoot":"","sources":["../../src/hud/HUD.tsx"],"names":[],"mappings":";AAYA,8EAA8E;AAE9E,MAAM,SAAS,GAAoC;IACjD,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,EAAE;IACV,aAAa,EAAE,MAAM;IACrB,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,cAAc;IACnC,gBAAgB,EAAE,eAAe;IACjC,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,gCAAgC;CAC7C,CAAC;AAEF,MAAM,UAAU,GAAoC;IAClD,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,YAAY;IACxB,GAAG,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,YAAY,GAAoC;IACpD,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,WAAW,GAAoC;IACnD,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,UAAU;IACtB,GAAG,EAAE,CAAC;CACP,CAAC;AAEF,8EAA8E;AAE9E,MAAM,IAAI,GAAiC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC3D,cAAK,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,UAAU,YAC3C,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,MAAM,GAAiC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7D,cAAK,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAE,YAAY,YAC/C,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,KAAK,GAAiC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC5D,cAAK,KAAK,EAAC,kBAAkB,EAAC,KAAK,EAAE,WAAW,YAC7C,QAAQ,GACL,CACP,CAAC;AAgBF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,OAAO,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7D,cAAK,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,SAAS,YACrC,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAiB,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE;IACtD,IAAI;IACJ,MAAM;IACN,KAAK;CACN,CAAC,CAAC"}
+{"version":3,"file":"HUD.js","sourceRoot":"","sources":["../../src/hud/HUD.tsx"],"names":[],"mappings":";AAYA,8EAA8E;AAE9E,MAAM,SAAS,GAAoC;IACjD,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,EAAE;IACV,aAAa,EAAE,MAAM;IACrB,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,cAAc;IACnC,gBAAgB,EAAE,eAAe;IACjC,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE,gCAAgC;CAC7C,CAAC;AAEF,MAAM,UAAU,GAAoC;IAClD,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,YAAY;IACxB,GAAG,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,YAAY,GAAoC;IACpD,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,WAAW,GAAoC;IACnD,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,UAAU;IACtB,GAAG,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,YAAY,GAAoC;IACpD,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,UAAU;IACtB,cAAc,EAAE,QAAQ;IACxB,GAAG,EAAE,EAAE;CACR,CAAC;AAEF,8EAA8E;AAE9E,MAAM,IAAI,GAAiC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC3D,cAAK,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,UAAU,YAC3C,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,MAAM,GAAiC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7D,cAAK,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAE,YAAY,YAC/C,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,KAAK,GAAiC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC5D,cAAK,KAAK,EAAC,kBAAkB,EAAC,KAAK,EAAE,WAAW,YAC7C,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,MAAM,GAAiC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7D,cAAK,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAE,YAAY,YAC/C,QAAQ,GACL,CACP,CAAC;AAiBF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,OAAO,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7D,cAAK,KAAK,EAAC,YAAY,EAAC,KAAK,EAAE,SAAS,YACrC,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAiB,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE;IACtD,IAAI;IACJ,MAAM;IACN,KAAK;IACL,MAAM;CACP,CAAC,CAAC"}

package/dist/hud/Lives.d.ts

@@ -1,21 +1,42 @@
 import type { JSX } from 'preact';
+/** @deprecated Use `LivesIconProp` or `IconProp` from `@joydle/icons`. */
 export type LivesIcon = 'heart' | 'shield' | 'diamond' | 'star';
+/**
+ * Icon prop — accepts a Preact component or a string name.
+ * When `@joydle/icons` is installed, pass any `IconProp` value.
+ * Falls back to built-in Unicode glyphs for basic names.
+ */
+export type LivesIconProp = ((props: {
+    size?: number;
+    color?: string;
+    fill?: string;
+    strokeWidth?: number;
+}) => JSX.Element) | string;
 export interface LivesProps {
     /** Number of lives remaining. */
     current: number;
     /** Maximum number of lives. */
     max: number;
-    /** Icon character to display (default: `"heart"`). */
-    icon?: LivesIcon;
+    /** Icon to display — component ref or string name (default: `"heart"`). */
+    icon?: LivesIconProp;
+    /** Color for filled (alive) icons. Default: `"var(--joydle-danger, #ff4444)"` */
+    filledColor?: string;
+    /** Color for empty (lost) icons. Default: `"var(--joydle-text-dim, rgba(255,255,255,0.3))"` */
+    emptyColor?: string;
 }
 /**
- * Renders a row of life icons.  Filled icons represent remaining lives,
- * faded icons represent lost ones.  A GSAP elastic shake plays on the
+ * Renders a row of life icons. Filled icons represent remaining lives,
+ * faded icons represent lost ones. A GSAP elastic shake plays on the
  * container when lives decrease.
  *
  * ```tsx
+ * // With @joydle/icons (recommended):
+ * import { Heart, Shield } from '@joydle/icons';
+ * <Lives current={3} max={5} icon={Heart} />
+ *
+ * // String shorthand (falls back to Unicode without @joydle/icons):
  * <Lives current={3} max={5} icon="heart" />
  * ```
  */
-export declare function Lives({ current, max, icon, }: LivesProps): JSX.Element;
+export declare function Lives({ current, max, icon, filledColor, emptyColor, }: LivesProps): JSX.Element;
 //# sourceMappingURL=Lives.d.ts.map

package/dist/hud/Lives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lives.d.ts","sourceRoot":"","sources":["../../src/hud/Lives.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAclC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,UAAU;IACzB,iCAAiC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAiCD;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,GAAG,EACH,IAAc,GACf,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAgE1B"}
+{"version":3,"file":"Lives.d.ts","sourceRoot":"","sources":["../../src/hud/Lives.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAKlC,0EAA0E;AAC1E,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEhE;;;;GAIG;AACH,MAAM,MAAM,aAAa,GACrB,CAAC,CAAC,KAAK,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,GAAG,CAAC,OAAO,CAAC,GAChG,MAAM,CAAC;AAEX,MAAM,WAAW,UAAU;IACzB,iCAAiC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,2EAA2E;IAC3E,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+FAA+F;IAC/F,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAuBD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,GAAG,EACH,IAAc,EACd,WAA6C,EAC7C,UAA4D,GAC7D,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAoF1B"}

package/dist/hud/Lives.js

@@ -3,21 +3,13 @@ import { jsx as _jsx } from "preact/jsx-runtime";
 //  @joydle/ui — Icon-based lives display with GSAP shake on decrease
 // ---------------------------------------------------------------------------
 import { useRef, useEffect } from 'preact/hooks';
-// ---- GSAP helper ----------------------------------------------------------
-function getGsap() {
-    try {
-        return globalThis.gsap ?? require('gsap').default;
-    }
-    catch {
-        return null;
-    }
-}
-// ---- Icon map -------------------------------------------------------------
-const ICON_MAP = {
-    heart: '\u2665', // black heart suit
-    shield: '\uD83D\uDEE1', // shield emoji
-    diamond: '\u25C6', // black diamond
-    star: '\u2605', // black star
+import { getGsap } from '../deps.js';
+// ---- Fallback Unicode map (when @joydle/icons not installed) ---------------
+const UNICODE_FALLBACK = {
+    heart: '\u2665',
+    shield: '\u25C6',
+    diamond: '\u25C6',
+    star: '\u2605',
 };
 // ---- Styles ---------------------------------------------------------------
 const ROW_STYLE = {
@@ -25,27 +17,24 @@ const ROW_STYLE = {
     gap: 4,
     lineHeight: 1,
     userSelect: 'none',
-};
-const ICON_STYLE_FILLED = {
-    color: 'var(--joydle-danger, #ff4444)',
-    fontSize: '1.2em',
-    transition: 'opacity 0.15s',
-};
-const ICON_STYLE_EMPTY = {
-    ...ICON_STYLE_FILLED,
-    opacity: 0.3,
+    alignItems: 'center',
 };
 // ---- Component ------------------------------------------------------------
 /**
- * Renders a row of life icons.  Filled icons represent remaining lives,
- * faded icons represent lost ones.  A GSAP elastic shake plays on the
+ * Renders a row of life icons. Filled icons represent remaining lives,
+ * faded icons represent lost ones. A GSAP elastic shake plays on the
  * container when lives decrease.
  *
  * ```tsx
+ * // With @joydle/icons (recommended):
+ * import { Heart, Shield } from '@joydle/icons';
+ * <Lives current={3} max={5} icon={Heart} />
+ *
+ * // String shorthand (falls back to Unicode without @joydle/icons):
  * <Lives current={3} max={5} icon="heart" />
  * ```
  */
-export function Lives({ current, max, icon = 'heart', }) {
+export function Lives({ current, max, icon = 'heart', filledColor = 'var(--joydle-danger, #ff4444)', emptyColor = 'var(--joydle-text-dim, rgba(255,255,255,0.3))', }) {
     const rowRef = useRef(null);
     const prevRef = useRef(current);
     const tweenRef = useRef(null);
@@ -53,7 +42,6 @@ export function Lives({ current, max, icon = 'heart', }) {
         const el = rowRef.current;
         if (!el)
             return;
-        // Only animate on decrease.
         if (current < prevRef.current) {
             const gsap = getGsap();
             if (gsap) {
@@ -72,7 +60,6 @@ export function Lives({ current, max, icon = 'heart', }) {
         }
         prevRef.current = current;
     }, [current]);
-    // Cleanup on unmount.
     useEffect(() => {
         return () => {
             if (tweenRef.current) {
@@ -81,11 +68,23 @@ export function Lives({ current, max, icon = 'heart', }) {
             }
         };
     }, []);
-    const glyph = ICON_MAP[icon];
+    const isComponent = typeof icon === 'function';
     const icons = [];
     for (let i = 0; i < max; i++) {
         const filled = i < current;
-        icons.push(_jsx("span", { style: filled ? ICON_STYLE_FILLED : ICON_STYLE_EMPTY, children: glyph }, i));
+        if (isComponent) {
+            const IconComp = icon;
+            icons.push(_jsx("span", { style: { lineHeight: 0, opacity: filled ? 1 : 0.3 }, children: _jsx(IconComp, { size: 16, color: filled ? filledColor : emptyColor, fill: filled ? filledColor : 'none', strokeWidth: 2 }) }, i));
+        }
+        else {
+            const glyph = UNICODE_FALLBACK[icon] ?? icon;
+            icons.push(_jsx("span", { style: {
+                    color: filled ? filledColor : emptyColor,
+                    fontSize: '1.2em',
+                    opacity: filled ? 1 : 0.3,
+                    transition: 'opacity 0.15s',
+                }, children: glyph }, i));
+        }
     }
     return (_jsx("div", { ref: rowRef, class: "joydle-lives", style: ROW_STYLE, children: icons }));
 }

package/dist/hud/Lives.js.map

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

package/dist/hud/Meter.d.ts

@@ -1,4 +1,11 @@
 import type { JSX } from 'preact';
+/** Icon prop — component ref, same pattern as Lives. */
+export type MeterIconProp = ((props: {
+    size?: number;
+    color?: string;
+    fill?: string;
+    strokeWidth?: number;
+}) => JSX.Element);
 export interface MeterProps {
     /** Current value. */
     value: number;
@@ -10,6 +17,8 @@ export interface MeterProps {
     label?: string;
     /** Bar width in pixels (default: `60`). */
     width?: number;
+    /** Optional icon displayed alongside the label. */
+    icon?: MeterIconProp;
 }
 /**
  * A horizontal fill-bar meter.  The fill width is animated with GSAP on
@@ -20,5 +29,5 @@ export interface MeterProps {
  * <Meter value={hp} max={100} label="HP" color="--joydle-danger" />
  * ```
  */
-export declare function Meter({ value, max, color, label, width, }: MeterProps): JSX.Element;
+export declare function Meter({ value, max, color, label, width, icon, }: MeterProps): JSX.Element;
 //# sourceMappingURL=Meter.d.ts.map

package/dist/hud/Meter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Meter.d.ts","sourceRoot":"","sources":["../../src/hud/Meter.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAclC,MAAM,WAAW,UAAU;IACzB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,GAAG,EACH,KAA0B,EAC1B,KAAK,EACL,KAAU,GACX,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA0I1B"}
+{"version":3,"file":"Meter.d.ts","sourceRoot":"","sources":["../../src/hud/Meter.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAKlC,wDAAwD;AACxD,MAAM,MAAM,aAAa,GACrB,CAAC,CAAC,KAAK,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;AAErG,MAAM,WAAW,UAAU;IACzB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAID;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,GAAG,EACH,KAA0B,EAC1B,KAAK,EACL,KAAU,EACV,IAAI,GACL,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA+I1B"}

package/dist/hud/Meter.js

@@ -3,15 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
 //  @joydle/ui — Fill bar meter with GSAP tween and flash on deplete
 // ---------------------------------------------------------------------------
 import { useRef, useEffect } from 'preact/hooks';
-// ---- GSAP helper ----------------------------------------------------------
-function getGsap() {
-    try {
-        return globalThis.gsap ?? require('gsap').default;
-    }
-    catch {
-        return null;
-    }
-}
+import { getGsap } from '../deps.js';
 // ---- Component ------------------------------------------------------------
 /**
  * A horizontal fill-bar meter.  The fill width is animated with GSAP on
@@ -22,7 +14,7 @@ function getGsap() {
  * <Meter value={hp} max={100} label="HP" color="--joydle-danger" />
  * ```
  */
-export function Meter({ value, max, color = '--joydle-primary', label, width = 60, }) {
+export function Meter({ value, max, color = '--joydle-primary', label, width = 60, icon, }) {
     const fillRef = useRef(null);
     const flashRef = useRef(null);
     const prevRef = useRef(value);
@@ -128,6 +120,6 @@ export function Meter({ value, max, color = '--joydle-primary', label, width = 6
         borderRadius: 3,
         pointerEvents: 'none',
     };
-    return (_jsxs("div", { class: "joydle-meter", style: containerStyle, children: [label && _jsx("span", { style: labelStyle, children: label }), _jsxs("div", { style: outerStyle, children: [_jsx("div", { ref: fillRef, style: fillStyle }), _jsx("div", { ref: flashRef, style: flashStyle })] })] }));
+    return (_jsxs("div", { class: "joydle-meter", style: containerStyle, children: [(label || icon) && (_jsxs("span", { style: { ...labelStyle, display: 'inline-flex', alignItems: 'center', gap: 3 }, children: [icon && _jsx("span", { style: { lineHeight: 0 }, children: icon({ size: 12, color: `var(${color}, #00f5ff)`, strokeWidth: 2 }) }), label] })), _jsxs("div", { style: outerStyle, children: [_jsx("div", { ref: fillRef, style: fillStyle }), _jsx("div", { ref: flashRef, style: flashStyle })] })] }));
 }
 //# sourceMappingURL=Meter.js.map

package/dist/hud/Meter.js.map

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

package/dist/hud/ResourceDisplay.d.ts

@@ -0,0 +1,30 @@
+import type { JSX } from 'preact';
+export interface ResourceDisplayProps {
+    /** Current resource amount. */
+    current: number;
+    /** Maximum resource amount. */
+    max: number;
+    /** Optional label (e.g. "AMMO", "MANA"). */
+    label?: string;
+    /** Render individual pip indicators instead of a numeric display. Default: false */
+    pips?: boolean;
+    /** Fraction below which the low-resource warning state activates (0–1). Default: 0.25 */
+    warnThreshold?: number;
+    /** Fill color for bars and pips. Default: var(--joydle-primary, #00f5ff) */
+    color?: string;
+    /** Color when in warn state. Default: var(--joydle-danger, #ff4444) */
+    warnColor?: string;
+    /** Font size in px for numeric display. Default: 22 */
+    fontSize?: number;
+}
+/**
+ * Ammo / mana / energy display with optional pip-bar visualization
+ * and automatic low-resource warning state.
+ *
+ * ```tsx
+ * <ResourceDisplay current={ammo} max={30} label="AMMO" pips />
+ * <ResourceDisplay current={mana} max={100} label="MP" warnThreshold={0.3} />
+ * ```
+ */
+export declare function ResourceDisplay({ current, max, label, pips, warnThreshold, color, warnColor, fontSize, }: ResourceDisplayProps): JSX.Element;
+//# sourceMappingURL=ResourceDisplay.d.ts.map

package/dist/hud/ResourceDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceDisplay.d.ts","sourceRoot":"","sources":["../../src/hud/ResourceDisplay.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAIlC,MAAM,WAAW,oBAAoB;IACnC,+BAA+B;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAID;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,GAAG,EACH,KAAK,EACL,IAAY,EACZ,aAAoB,EACpB,KAAwC,EACxC,SAA2C,EAC3C,QAAa,GACd,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA0EpC"}

package/dist/hud/ResourceDisplay.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
+// ---- Component ------------------------------------------------------------
+/**
+ * Ammo / mana / energy display with optional pip-bar visualization
+ * and automatic low-resource warning state.
+ *
+ * ```tsx
+ * <ResourceDisplay current={ammo} max={30} label="AMMO" pips />
+ * <ResourceDisplay current={mana} max={100} label="MP" warnThreshold={0.3} />
+ * ```
+ */
+export function ResourceDisplay({ current, max, label, pips = false, warnThreshold = 0.25, color = 'var(--joydle-primary, #00f5ff)', warnColor = 'var(--joydle-danger, #ff4444)', fontSize = 22, }) {
+    const ratio = max > 0 ? current / max : 0;
+    const isLow = ratio <= warnThreshold && current < max;
+    const activeColor = isLow ? warnColor : color;
+    return (_jsxs("div", { class: "joydle-resource-display", style: {
+            display: 'inline-flex',
+            flexDirection: 'column',
+            alignItems: 'flex-start',
+            gap: 3,
+            userSelect: 'none',
+        }, children: [label && (_jsx("span", { style: {
+                    fontSize: '0.6rem',
+                    letterSpacing: '0.1em',
+                    color: 'var(--joydle-text-dim, rgba(255,255,255,0.4))',
+                    textTransform: 'uppercase',
+                }, children: label })), pips ? (_jsx("div", { style: { display: 'flex', gap: 3, flexWrap: 'wrap', maxWidth: 120 }, children: Array.from({ length: max }, (_, i) => (_jsx("div", { style: {
+                        width: 6,
+                        height: 12,
+                        borderRadius: 2,
+                        background: i < current ? activeColor : 'rgba(255,255,255,0.1)',
+                        boxShadow: i < current && isLow
+                            ? `0 0 4px ${activeColor}`
+                            : undefined,
+                        transition: 'background 0.1s ease',
+                    } }, i))) })) : (_jsxs("div", { style: { display: 'inline-flex', alignItems: 'baseline', gap: 4 }, children: [_jsx("span", { style: {
+                            fontSize,
+                            fontWeight: 900,
+                            color: activeColor,
+                            textShadow: isLow ? `0 0 8px ${activeColor}` : 'none',
+                            lineHeight: 1,
+                            transition: 'color 0.2s ease, text-shadow 0.2s ease',
+                        }, children: current }), _jsxs("span", { style: {
+                            fontSize: fontSize * 0.55,
+                            color: 'var(--joydle-text-dim, rgba(255,255,255,0.3))',
+                            lineHeight: 1,
+                        }, children: ["/ ", max] })] }))] }));
+}
+//# sourceMappingURL=ResourceDisplay.js.map

package/dist/hud/ResourceDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceDisplay.js","sourceRoot":"","sources":["../../src/hud/ResourceDisplay.tsx"],"names":[],"mappings":";AA2BA,8EAA8E;AAE9E;;;;;;;;GAQG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,GAAG,EACH,KAAK,EACL,IAAI,GAAG,KAAK,EACZ,aAAa,GAAG,IAAI,EACpB,KAAK,GAAG,gCAAgC,EACxC,SAAS,GAAG,+BAA+B,EAC3C,QAAQ,GAAG,EAAE,GACQ;IACrB,MAAM,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,KAAK,GAAG,KAAK,IAAI,aAAa,IAAI,OAAO,GAAG,GAAG,CAAC;IACtD,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAE9C,OAAO,CACL,eACE,KAAK,EAAC,yBAAyB,EAC/B,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,YAAY;YACxB,GAAG,EAAE,CAAC;YACN,UAAU,EAAE,MAAM;SACnB,aAEA,KAAK,IAAI,CACR,eACE,KAAK,EAAE;oBACL,QAAQ,EAAE,QAAQ;oBAClB,aAAa,EAAE,OAAO;oBACtB,KAAK,EAAE,+CAA+C;oBACtD,aAAa,EAAE,WAAW;iBAC3B,YAEA,KAAK,GACD,CACR,EAEA,IAAI,CAAC,CAAC,CAAC,CACN,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,YACrE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACrC,cAEE,KAAK,EAAE;wBACL,KAAK,EAAE,CAAC;wBACR,MAAM,EAAE,EAAE;wBACV,YAAY,EAAE,CAAC;wBACf,UAAU,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,uBAAuB;wBAC/D,SAAS,EAAE,CAAC,GAAG,OAAO,IAAI,KAAK;4BAC7B,CAAC,CAAC,WAAW,WAAW,EAAE;4BAC1B,CAAC,CAAC,SAAS;wBACb,UAAU,EAAE,sBAAsB;qBACnC,IAVI,CAAC,CAWN,CACH,CAAC,GACE,CACP,CAAC,CAAC,CAAC,CACF,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,aACpE,eACE,KAAK,EAAE;4BACL,QAAQ;4BACR,UAAU,EAAE,GAAG;4BACf,KAAK,EAAE,WAAW;4BAClB,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,WAAW,WAAW,EAAE,CAAC,CAAC,CAAC,MAAM;4BACrD,UAAU,EAAE,CAAC;4BACb,UAAU,EAAE,wCAAwC;yBACrD,YAEA,OAAO,GACH,EACP,gBACE,KAAK,EAAE;4BACL,QAAQ,EAAE,QAAQ,GAAG,IAAI;4BACzB,KAAK,EAAE,+CAA+C;4BACtD,UAAU,EAAE,CAAC;yBACd,mBAEE,GAAG,IACD,IACH,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/hud/Score.d.ts

@@ -1,7 +1,18 @@
 import type { JSX } from 'preact';
+/** Icon prop — component ref or string name, same as Lives. */
+export type ScoreIconProp = ((props: {
+    size?: number;
+    color?: string;
+    fill?: string;
+    strokeWidth?: number;
+}) => JSX.Element) | string;
 export interface ScoreProps {
     /** Current score value. */
     value: number;
+    /** Optional icon displayed before the score value. */
+    icon?: ScoreIconProp;
+    /** Icon color override. Default: inherits from score color. */
+    iconColor?: string;
 }
 /**
  * Displays a formatted numeric score with a GSAP scale-pop animation
@@ -11,5 +22,5 @@ export interface ScoreProps {
  * <Score value={12500} />
  * ```
  */
-export declare function Score({ value }: ScoreProps): JSX.Element;
+export declare function Score({ value, icon, iconColor }: ScoreProps): JSX.Element;
 //# sourceMappingURL=Score.d.ts.map

package/dist/hud/Score.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Score.d.ts","sourceRoot":"","sources":["../../src/hud/Score.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAclC,MAAM,WAAW,UAAU;IACzB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf;AAmBD;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAkDxD"}
+{"version":3,"file":"Score.d.ts","sourceRoot":"","sources":["../../src/hud/Score.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAKlC,+DAA+D;AAC/D,MAAM,MAAM,aAAa,GACrB,CAAC,CAAC,KAAK,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,KAAK,GAAG,CAAC,OAAO,CAAC,GAChG,MAAM,CAAC;AAEX,MAAM,WAAW,UAAU;IACzB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAkEzE"}