@oddsmith/ui 1.0.5 → 1.0.6

package/dist/components/os-leaderboard-casino/sections/marquee-section/marquee-section.scss.js

@@ -1,5 +0,0 @@
-const a = '@charset "UTF-8";:host{display:block;width:100%}.marquee{position:relative;overflow:hidden}:host([data-variant=classic]) .marquee,:host(:not([data-variant])) .marquee{border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow)}:host([data-variant=classic]) .marquee:before,:host([data-variant=classic]) .marquee:after,:host(:not([data-variant])) .marquee:before,:host(:not([data-variant])) .marquee:after{content:"";position:absolute;top:0;bottom:0;width:56px;z-index:2;pointer-events:none}:host([data-variant=classic]) .marquee:before,:host(:not([data-variant])) .marquee:before{left:0;background:linear-gradient(90deg,var(--panel-fade-start),transparent)}:host([data-variant=classic]) .marquee:after,:host(:not([data-variant])) .marquee:after{right:0;background:linear-gradient(-90deg,var(--panel-fade-end),transparent)}:host([data-variant=classic]) .track,:host(:not([data-variant])) .track{display:flex;width:max-content;animation:scroll var(--speed, 30s) linear infinite}:host([data-variant=classic]) .group,:host(:not([data-variant])) .group{display:flex;align-items:center}:host([data-variant=classic]) .item,:host(:not([data-variant])) .item{display:inline-flex;align-items:center;gap:7px;padding:8px 0;white-space:nowrap;font-size:12px;color:var(--text-dim)}:host([data-variant=classic]) .item .txt,:host(:not([data-variant])) .item .txt{display:inline-flex;align-items:center;gap:.35em;line-height:1}:host([data-variant=classic]) .item .amt,:host(:not([data-variant])) .item .amt{font-family:var(--font-mono);font-weight:800;color:var(--gold-strong);text-shadow:0 0 12px var(--gold-glow)}:host([data-variant=classic]) .item .tail,:host(:not([data-variant])) .item .tail{display:inline-flex;align-items:center;gap:.35em}:host([data-variant=classic]) .item .icon img,:host(:not([data-variant])) .item .icon img{width:16px;height:16px;object-fit:contain;border-radius:3px;vertical-align:middle}:host([data-variant=classic]) .sep,:host(:not([data-variant])) .sep{margin:0 18px;font-size:10px;line-height:1;color:var(--text-faint);opacity:.5}:host([data-variant=ticker]) .marquee{border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--panel-bg);padding:10px 0;box-shadow:inset 0 1px #ffffff0d,var(--panel-shadow)}:host([data-variant=ticker]) .marquee:before,:host([data-variant=ticker]) .marquee:after{content:"";position:absolute;top:0;bottom:0;width:56px;z-index:2;pointer-events:none}:host([data-variant=ticker]) .marquee:before{left:0;background:linear-gradient(90deg,var(--panel-fade-start),transparent)}:host([data-variant=ticker]) .marquee:after{right:0;background:linear-gradient(-90deg,var(--panel-fade-end),transparent)}:host([data-variant=ticker]) .track{display:flex;align-items:center;width:max-content;animation:scroll var(--speed, 38s) linear infinite}:host([data-variant=ticker]) .group{display:flex;flex-shrink:0;align-items:center}:host([data-variant=ticker]) .win{display:inline-flex;align-items:center;gap:8px;padding:0 18px;white-space:nowrap}:host([data-variant=ticker]) .win .chip{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:var(--green);background:color-mix(in srgb,var(--green) 16%,transparent);flex-shrink:0}:host([data-variant=ticker]) .win.big .chip{color:var(--gold-strong);background:color-mix(in srgb,var(--gold) 18%,transparent)}:host([data-variant=ticker]) .win .chip svg{width:15px;height:15px}:host([data-variant=ticker]) .win .chip img{width:15px;height:15px;object-fit:contain;border-radius:3px}:host([data-variant=ticker]) .txt{display:inline-flex;align-items:center;gap:.35em;line-height:1;font-size:13px;color:var(--text)}:host([data-variant=ticker]) .txt .verb,:host([data-variant=ticker]) .txt .on{color:var(--text-dim)}:host([data-variant=ticker]) .txt .tail{display:inline-flex;align-items:center;gap:.35em}:host([data-variant=ticker]) .txt .player-name .name{font-weight:700}:host([data-variant=ticker]) .txt .game{color:var(--text-faint)}:host([data-variant=ticker]) .amt{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--green)}:host([data-variant=ticker]) .win.big .amt{color:var(--gold-strong)}:host([data-variant=ticker]) .win.big .player-name:not(.is-vip) .name{color:var(--gold-strong)}:host([data-variant=ticker]) .sep{flex-shrink:0;align-self:center;margin:0 14px;font-size:10px;line-height:1;color:var(--text-faint);opacity:.5;user-select:none}:host([data-variant=hud]) .marquee{display:flex;align-items:stretch;gap:0;background:var(--panel-bg);border:1px solid color-mix(in srgb,var(--violet) 35%,var(--panel-border));clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);box-shadow:var(--panel-shadow),inset 0 0 30px color-mix(in srgb,var(--violet) 8%,transparent)}:host([data-variant=hud]) .hero{display:flex;align-items:center;gap:14px;padding:16px 22px;flex-shrink:0;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 16%,transparent),transparent);border-right:1px solid color-mix(in srgb,var(--violet) 25%,transparent);position:relative}:host([data-variant=hud]) .hero .badge{position:absolute;top:8px;left:22px;font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--violet) 80%,white)}:host([data-variant=hud]) .hero .chip{display:grid;place-items:center;width:40px;height:40px;color:var(--gold-strong);margin-top:10px}:host([data-variant=hud]) .hero .chip svg{width:32px;height:32px}:host([data-variant=hud]) .hero .chip img{width:32px;height:32px;object-fit:contain;border-radius:4px}:host([data-variant=hud]) .hero .info{display:flex;flex-direction:column;margin-top:12px;animation:flip .5s ease}:host([data-variant=hud]) .hero .who{font-size:13px;color:var(--text);font-weight:700}:host([data-variant=hud]) .hero .val{font-family:var(--font-mono);font-weight:800;font-size:22px;color:var(--gold-strong);line-height:1}:host([data-variant=hud]) .stream{position:relative;overflow:hidden;flex:1;display:flex;align-items:center}:host([data-variant=hud]) .stream:after{content:"";position:absolute;right:0;top:0;bottom:0;width:60px;background:linear-gradient(270deg,var(--panel-bg),transparent)}:host([data-variant=hud]) .track{display:flex;width:max-content;animation:scroll var(--speed, 32s) linear infinite}:host([data-variant=hud]) .group{display:flex;flex-shrink:0}:host([data-variant=hud]) .win{display:inline-flex;align-items:center;gap:8px;padding:0 18px;white-space:nowrap;font-size:13px;color:var(--text-faint)}:host([data-variant=hud]) .win svg{width:15px;height:15px;color:color-mix(in srgb,var(--violet) 75%,white)}:host([data-variant=hud]) .win .name,:host([data-variant=hud]) .win .player-name .name{color:var(--text)}:host([data-variant=hud]) .win .amt{font-family:var(--font-mono);font-weight:700;color:var(--gold-strong)}:host([data-variant=hud]) .win .sep{color:color-mix(in srgb,var(--violet) 50%,transparent)}:host([data-variant=belt]) .marquee{display:flex;flex-direction:column;gap:10px;padding:16px 0;border:1px solid var(--panel-border);border-radius:18px;background:linear-gradient(180deg,var(--panel-bg),var(--bg));box-shadow:var(--panel-shadow)}:host([data-variant=belt]) .marquee:before,:host([data-variant=belt]) .marquee:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}:host([data-variant=belt]) .marquee:before{left:0;background:linear-gradient(90deg,var(--panel-bg),transparent)}:host([data-variant=belt]) .marquee:after{right:0;background:linear-gradient(270deg,var(--panel-bg),transparent)}:host([data-variant=belt]) .lane{display:flex;width:max-content}:host([data-variant=belt]) .lane-a{animation:scroll var(--speed, 40s) linear infinite}:host([data-variant=belt]) .lane-b{animation:scroll-reverse var(--speed, 40s) linear infinite}:host([data-variant=belt]) .group{display:flex;flex-shrink:0;gap:10px;padding-right:10px}:host([data-variant=belt]) .pill{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;white-space:nowrap;background:#ffffff0a;border:1px solid var(--panel-border)}:host([data-variant=belt]) .pill.big{background:color-mix(in srgb,var(--gold) 12%,transparent);border-color:color-mix(in srgb,var(--gold) 35%,transparent)}:host([data-variant=belt]) .pill .chip{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;color:#46d18a;background:color-mix(in srgb,#46d18a 16%,transparent);flex-shrink:0}:host([data-variant=belt]) .pill.big .chip{color:var(--gold-strong);background:color-mix(in srgb,var(--gold) 20%,transparent)}:host([data-variant=belt]) .pill .chip svg{width:15px;height:15px}:host([data-variant=belt]) .pill .chip img{width:15px;height:15px;object-fit:contain;border-radius:3px}:host([data-variant=belt]) .pill .player-name .name{font-size:13px;font-weight:700;color:var(--text)}:host([data-variant=belt]) .pill .game{font-size:12px;color:var(--text-faint)}:host([data-variant=belt]) .pill .amt{font-family:var(--font-mono);font-weight:700;font-size:13px;color:#46d18a}:host([data-variant=belt]) .pill.big .amt{color:var(--gold-strong)}:host([data-variant=feed]) .feed-panel{border:1px solid var(--panel-border);border-radius:18px;background:linear-gradient(180deg,var(--panel-bg),var(--bg));padding:14px;box-shadow:var(--panel-shadow)}:host([data-variant=feed]) .head{display:flex;align-items:center;gap:8px;padding:2px 6px 12px}:host([data-variant=feed]) .live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#46d18a;text-transform:uppercase}:host([data-variant=feed]) .live i{width:7px;height:7px;border-radius:50%;background:#46d18a;box-shadow:0 0 color-mix(in srgb,#46d18a 70%,transparent);animation:pulse 1.6s infinite}:host([data-variant=feed]) .head small{color:var(--text-faint);font-size:12px}:host([data-variant=feed]) .list{display:flex;flex-direction:column;gap:8px;overflow:hidden}:host([data-variant=feed]) .row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid var(--panel-border);animation:drop .5s cubic-bezier(.22,1,.36,1)}:host([data-variant=feed]) .row.big{background:color-mix(in srgb,var(--gold) 12%,transparent);border-color:color-mix(in srgb,var(--gold) 35%,transparent)}:host([data-variant=feed]) .row .chip{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;flex-shrink:0;color:#46d18a;background:color-mix(in srgb,#46d18a 16%,transparent)}:host([data-variant=feed]) .row.big .chip{color:var(--gold-strong);background:color-mix(in srgb,var(--gold) 20%,transparent)}:host([data-variant=feed]) .row .chip svg{width:20px;height:20px}:host([data-variant=feed]) .row .chip img{width:20px;height:20px;object-fit:contain;border-radius:4px}:host([data-variant=feed]) .meta{display:flex;flex-direction:column;min-width:0}:host([data-variant=feed]) .meta .player-name .name{font-size:14px;color:var(--text)}:host([data-variant=feed]) .meta .game-line{font-size:12px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([data-variant=feed]) .amt{margin-left:auto;font-family:var(--font-mono);font-weight:700;font-size:15px;color:#46d18a}:host([data-variant=feed]) .row.big .amt{color:var(--gold-strong)}.marquee:hover .track,.marquee:hover .lane{animation-play-state:paused}@keyframes scroll{to{transform:translate(-50%)}}@keyframes scroll-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes flip{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes drop{0%{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{to{box-shadow:0 0 0 7px transparent}}@media(prefers-reduced-motion:reduce){.track,.lane{animation:none!important}:host([data-variant=hud]) .hero .info,:host([data-variant=feed]) .row,:host([data-variant=feed]) .live i{animation:none}}';
-export {
-  a as default
-};
-//# sourceMappingURL=marquee-section.scss.js.map

package/dist/components/os-leaderboard-casino/sections/marquee-section/marquee-section.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"marquee-section.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/os-leaderboard-casino/sections/marquee-section/marquee-variants.d.ts

@@ -1,6 +0,0 @@
-/** Visual treatments for the winners ticker (v0 + legacy). */
-export declare const MARQUEE_VARIANTS: readonly ["classic", "ticker", "feed", "hud", "belt"];
-export type MarqueeVariant = (typeof MARQUEE_VARIANTS)[number];
-/** Active variant — v0 seamless ticker from `v0-components/marquee-section`. */
-export declare const ACTIVE_MARQUEE_VARIANT: MarqueeVariant;
-export declare function isMarqueeVariant(value: string): value is MarqueeVariant;

package/dist/components/os-leaderboard-casino/sections/marquee-section/marquee-variants.js

@@ -1,16 +0,0 @@
-const t = [
-  "classic",
-  "ticker",
-  "feed",
-  "hud",
-  "belt"
-], c = "ticker";
-function i(e) {
-  return t.includes(e);
-}
-export {
-  c as ACTIVE_MARQUEE_VARIANT,
-  t as MARQUEE_VARIANTS,
-  i as isMarqueeVariant
-};
-//# sourceMappingURL=marquee-variants.js.map

package/dist/components/os-leaderboard-casino/sections/marquee-section/marquee-variants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"marquee-variants.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/marquee-section/marquee-variants.ts"],"sourcesContent":["/** Visual treatments for the winners ticker (v0 + legacy). */\nexport const MARQUEE_VARIANTS = [\n  'classic',\n  'ticker',\n  'feed',\n  'hud',\n  'belt',\n] as const;\n\nexport type MarqueeVariant = (typeof MARQUEE_VARIANTS)[number];\n\n/** Active variant — v0 seamless ticker from `v0-components/marquee-section`. */\nexport const ACTIVE_MARQUEE_VARIANT: MarqueeVariant = 'ticker';\n\nexport function isMarqueeVariant(value: string): value is MarqueeVariant {\n  return (MARQUEE_VARIANTS as readonly string[]).includes(value);\n}\n"],"names":["MARQUEE_VARIANTS","ACTIVE_MARQUEE_VARIANT","isMarqueeVariant","value"],"mappings":"AACO,MAAMA,IAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKaC,IAAyC;AAE/C,SAASC,EAAiBC,GAAwC;AACvE,SAAQH,EAAuC,SAASG,CAAK;AAC/D;"}

package/dist/components/os-leaderboard-casino/sections/prize-section/components/medal-coin/medal-coin.d.ts

@@ -1,16 +0,0 @@
-import { LitElement } from 'lit';
-export type MedalCoinVariant = 'gold' | 'silver' | 'bronze';
-/** Layered rank coin for podium slots — themed via glam CSS tokens. */
-export declare class OsLeaderboardCasinoMedalCoin extends LitElement {
-    static styles: import('lit').CSSResult[];
-    variant: MedalCoinVariant;
-    rank: number;
-    /** Optional label override (defaults to rank number). */
-    label?: string;
-    /** Pixel diameter — also sets `--coin-size` on the host. */
-    size: number;
-    protected willUpdate(): void;
-    private get displayLabel();
-    private get medalAriaLabel();
-    render(): import('lit').TemplateResult<1>;
-}

package/dist/components/os-leaderboard-casino/sections/prize-section/components/medal-coin/medal-coin.js

@@ -1,73 +0,0 @@
-import "../../../../../../shared/vendor/lit-reactive-element-reactive-element.js";
-import { svg as m, html as c } from "../../../../../../shared/vendor/lit-html-lit-html.js";
-import { LitElement as y } from "../../../../../../shared/vendor/lit-element-lit-element.js";
-import { property as a } from "../../../../../../shared/vendor/lit-reactive-element-property.js";
-import { Component as f } from "../../../../../../shared/lib/lit/component.js";
-import { scss as d } from "../../../../../../shared/lib/lit/scss.js";
-import { OS_LEADERBOARD_CASINO_MEDAL_COIN as h } from "../../../../constants/tags.js";
-import { osLeaderboardCasinoTheme as b } from "../../../../theme/styles.js";
-import "../../../../../../shared/vendor/lit-html-unsafe-svg.js";
-import v from "./medal-coin.scss.js";
-var g = Object.defineProperty, x = Object.getOwnPropertyDescriptor, t = (i, o, l, s) => {
-  for (var e = s > 1 ? void 0 : s ? x(o, l) : o, p = i.length - 1, n; p >= 0; p--)
-    (n = i[p]) && (e = (s ? n(o, l, e) : n(e)) || e);
-  return s && e && g(o, l, e), e;
-};
-let r = class extends y {
-  constructor() {
-    super(...arguments), this.variant = "gold", this.rank = 1, this.size = 52;
-  }
-  willUpdate() {
-    this.style.setProperty("--coin-size", `${this.size}px`);
-  }
-  get displayLabel() {
-    return this.label ?? String(this.rank);
-  }
-  get medalAriaLabel() {
-    return this.label ?? `Rank ${this.rank} medal`;
-  }
-  render() {
-    const i = this.displayLabel;
-    return c`
-      <svg viewBox="0 0 72 72" role="img" aria-label=${this.medalAriaLabel}>
-        <circle cx="36" cy="36" r="34" fill="var(--coin-edge)" />
-        <circle cx="36" cy="34" r="32" fill="var(--coin-face)" />
-        <circle
-          cx="36"
-          cy="34"
-          r="25"
-          fill="none"
-          stroke="var(--coin-ring)"
-          stroke-width="2"
-          opacity="0.55"
-        />
-        ${m`<text
-          class="rank-text"
-          x="36"
-          y="44"
-          text-anchor="middle"
-          >${i}</text>`}
-      </svg>
-    `;
-  }
-};
-r.styles = [b, d(v)];
-t([
-  a({ type: String, reflect: !0 })
-], r.prototype, "variant", 2);
-t([
-  a({ type: Number })
-], r.prototype, "rank", 2);
-t([
-  a({ type: String })
-], r.prototype, "label", 2);
-t([
-  a({ type: Number })
-], r.prototype, "size", 2);
-r = t([
-  f({ selector: h })
-], r);
-export {
-  r as OsLeaderboardCasinoMedalCoin
-};
-//# sourceMappingURL=medal-coin.js.map

package/dist/components/os-leaderboard-casino/sections/prize-section/components/medal-coin/medal-coin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"medal-coin.js","sources":["../../../../../../../src/components/os-leaderboard-casino/sections/prize-section/components/medal-coin/medal-coin.ts"],"sourcesContent":["import { LitElement, html, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Component } from '@oddsmith/lib/lit/component.js';\nimport { scss } from '@oddsmith/lib/lit/scss.js';\nimport { OS_LEADERBOARD_CASINO_MEDAL_COIN } from '@os-leaderboard-casino/constants/tags.js';\nimport { osLeaderboardCasinoTheme } from '@os-leaderboard-casino/theme/index.js';\nimport styles from './medal-coin.scss?inline';\n\nexport type MedalCoinVariant = 'gold' | 'silver' | 'bronze';\n\n/** Layered rank coin for podium slots — themed via glam CSS tokens. */\n@Component({ selector: OS_LEADERBOARD_CASINO_MEDAL_COIN })\nexport class OsLeaderboardCasinoMedalCoin extends LitElement {\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  @property({ type: String, reflect: true })\n  variant: MedalCoinVariant = 'gold';\n\n  @property({ type: Number })\n  rank = 1;\n\n  /** Optional label override (defaults to rank number). */\n  @property({ type: String })\n  label?: string;\n\n  /** Pixel diameter — also sets `--coin-size` on the host. */\n  @property({ type: Number })\n  size = 52;\n\n  protected override willUpdate(): void {\n    this.style.setProperty('--coin-size', `${this.size}px`);\n  }\n\n  private get displayLabel(): string {\n    return this.label ?? String(this.rank);\n  }\n\n  private get medalAriaLabel(): string {\n    return this.label ?? `Rank ${this.rank} medal`;\n  }\n\n  render() {\n    const text = this.displayLabel;\n    return html`\n      <svg viewBox=\"0 0 72 72\" role=\"img\" aria-label=${this.medalAriaLabel}>\n        <circle cx=\"36\" cy=\"36\" r=\"34\" fill=\"var(--coin-edge)\" />\n        <circle cx=\"36\" cy=\"34\" r=\"32\" fill=\"var(--coin-face)\" />\n        <circle\n          cx=\"36\"\n          cy=\"34\"\n          r=\"25\"\n          fill=\"none\"\n          stroke=\"var(--coin-ring)\"\n          stroke-width=\"2\"\n          opacity=\"0.55\"\n        />\n        ${svg`<text\n          class=\"rank-text\"\n          x=\"36\"\n          y=\"44\"\n          text-anchor=\"middle\"\n          >${text}</text>`}\n      </svg>\n    `;\n  }\n}\n"],"names":["OsLeaderboardCasinoMedalCoin","LitElement","text","html","svg","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","Component","OS_LEADERBOARD_CASINO_MEDAL_COIN"],"mappings":";;;;;;;;;;;;;;;AAYO,IAAMA,IAAN,cAA2CC,EAAW;AAAA,EAAtD,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,UAA4B,QAG5B,KAAA,OAAO,GAQP,KAAA,OAAO;AAAA,EAAA;AAAA,EAEY,aAAmB;AACpC,SAAK,MAAM,YAAY,eAAe,GAAG,KAAK,IAAI,IAAI;AAAA,EACxD;AAAA,EAEA,IAAY,eAAuB;AACjC,WAAO,KAAK,SAAS,OAAO,KAAK,IAAI;AAAA,EACvC;AAAA,EAEA,IAAY,iBAAyB;AACnC,WAAO,KAAK,SAAS,QAAQ,KAAK,IAAI;AAAA,EACxC;AAAA,EAEA,SAAS;AACP,UAAMC,IAAO,KAAK;AAClB,WAAOC;AAAAA,uDAC4C,KAAK,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAYhEC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,aAKGF,CAAI,SAAS;AAAA;AAAA;AAAA,EAGxB;AACF;AArDaF,EACJ,SAAS,CAACK,GAA0BC,EAAKC,CAAM,CAAC;AAGvDC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAH9BT,EAIX,WAAA,WAAA,CAAA;AAGAQ,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GANfT,EAOX,WAAA,QAAA,CAAA;AAIAQ,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAVfT,EAWX,WAAA,SAAA,CAAA;AAIAQ,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAdfT,EAeX,WAAA,QAAA,CAAA;AAfWA,IAANQ,EAAA;AAAA,EADNE,EAAU,EAAE,UAAUC,EAAA,CAAkC;AAAA,GAC5CX,CAAA;"}

package/dist/components/os-leaderboard-casino/sections/prize-section/components/medal-coin/medal-coin.scss.js

@@ -1,5 +0,0 @@
-const o = ":host{display:inline-block;line-height:0;--coin-size: 52px}:host([variant=gold]){--coin-highlight: var(--gold-strong);--coin-face: var(--gold);--coin-edge: var(--gold-deep);--coin-ring: color-mix(in srgb, var(--gold-strong) 55%, transparent);--coin-shadow: drop-shadow(0 6px 16px rgba(0, 0, 0, .45));--coin-filter: drop-shadow(0 0 14px var(--gold-glow))}:host([variant=silver]){--coin-highlight: var(--silver);--coin-face: color-mix(in srgb, var(--silver) 78%, var(--surface-solid));--coin-edge: color-mix(in srgb, var(--silver) 52%, #5a6270);--coin-ring: color-mix(in srgb, var(--silver) 45%, transparent);--coin-shadow: drop-shadow(0 6px 14px rgba(0, 0, 0, .4));--coin-filter: none}:host([variant=bronze]){--coin-highlight: color-mix(in srgb, var(--bronze) 72%, #ffe8d4);--coin-face: var(--bronze);--coin-edge: color-mix(in srgb, var(--bronze) 62%, #6b4224);--coin-ring: color-mix(in srgb, var(--bronze) 45%, transparent);--coin-shadow: drop-shadow(0 6px 14px rgba(0, 0, 0, .4));--coin-filter: none}svg{display:block;width:var(--coin-size);height:var(--coin-size);filter:var(--coin-filter, var(--coin-shadow))}.rank-text{font-family:var(--font-display);font-size:calc(var(--coin-size) * .42 * var(--coin-text-scale, 1));font-weight:800;fill:#1a1208}";
-export {
-  o as default
-};
-//# sourceMappingURL=medal-coin.scss.js.map

package/dist/components/os-leaderboard-casino/sections/prize-section/components/medal-coin/medal-coin.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"medal-coin.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/os-leaderboard-casino/sections/prize-section/prize-section.html.js

@@ -1,20 +0,0 @@
-import "../../../../shared/vendor/lit-reactive-element-reactive-element.js";
-import { html as i } from "../../../../shared/vendor/lit-html-lit-html.js";
-import "../../../../shared/vendor/lit-element-lit-element.js";
-function d(e) {
-  return i`<section>
-  <div class="section-header">
-    <h2 class="section-title">${e.sectionTitle}</h2>
-    <span class="strategy" ?hidden=${!e.showStrategy}>${e.strategyLabel}</span>
-  </div>
-
-  <div class="podium">${e.renderPodium()}</div>
-
-  <div class="list" ?hidden=${!e.hasTierList}>${e.renderTierList()}</div>
-</section>
-`;
-}
-export {
-  d as default
-};
-//# sourceMappingURL=prize-section.html.js.map

package/dist/components/os-leaderboard-casino/sections/prize-section/prize-section.html.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prize-section.html.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/prize-section/prize-section.html?lit-html"],"sourcesContent":["\nimport { html } from 'lit';\n\nexport default function render(host) {\n  return html`<section>\n  <div class=\"section-header\">\n    <h2 class=\"section-title\">${host.sectionTitle}</h2>\n    <span class=\"strategy\" ?hidden=${!host.showStrategy}>${host.strategyLabel}</span>\n  </div>\n\n  <div class=\"podium\">${host.renderPodium()}</div>\n\n  <div class=\"list\" ?hidden=${!host.hasTierList}>${host.renderTierList()}</div>\n</section>\n`;\n}\n"],"names":["render","host","html"],"mappings":";;;AAGe,SAASA,EAAOC,GAAM;AACnC,SAAOC;AAAAA;AAAAA,gCAEuBD,EAAK,YAAY;AAAA,qCACZ,CAACA,EAAK,YAAY,IAAIA,EAAK,aAAa;AAAA;AAAA;AAAA,wBAGrDA,EAAK,cAAc;AAAA;AAAA,8BAEb,CAACA,EAAK,WAAW,IAAIA,EAAK,eAAc,CAAE;AAAA;AAAA;AAGxE;"}

package/dist/components/os-leaderboard-casino/sections/prize-section/prize-section.js

@@ -1,137 +0,0 @@
-import "../../../../shared/vendor/lit-reactive-element-reactive-element.js";
-import { html as n, nothing as a } from "../../../../shared/vendor/lit-html-lit-html.js";
-import { LitElement as f } from "../../../../shared/vendor/lit-element-lit-element.js";
-import { property as P } from "../../../../shared/vendor/lit-reactive-element-property.js";
-import { Component as p } from "../../../../shared/lib/lit/component.js";
-import { scss as v } from "../../../../shared/lib/lit/scss.js";
-import { DEFAULT_PRIZE_TITLE as b } from "../../constants/defaults.js";
-import { OS_LEADERBOARD_CASINO_PRIZE as $ } from "../../constants/tags.js";
-import { osLeaderboardCasinoTheme as g } from "../../theme/styles.js";
-import { iconService as d } from "../../services/icon.service.js";
-import { labelText as u } from "../../types/data.js";
-import { OS_LEADERBOARD_CASINO_PRIZE_CLICK as k } from "../../types/events.js";
-import "./components/medal-coin/medal-coin.js";
-import S from "./prize-section.html.js";
-import _ from "./prize-section.scss.js";
-var y = Object.defineProperty, z = Object.getOwnPropertyDescriptor, h = (r, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? z(t, e) : t, o = r.length - 1, c; o >= 0; o--)
-    (c = r[o]) && (s = (i ? c(t, e, s) : c(s)) || s);
-  return i && s && y(t, e, s), s;
-};
-function F(r) {
-  return r.rankFrom === r.rankTo ? `#${r.rankFrom}` : `#${r.rankFrom}–${r.rankTo}`;
-}
-function m(r, t) {
-  return r.find(
-    (e) => e.rankFrom === t && e.rankTo === t
-  );
-}
-function C(r) {
-  return r.filter(
-    (t) => !(t.rankFrom === t.rankTo && t.rankFrom >= 1 && t.rankFrom <= 3)
-  );
-}
-let l = class extends f {
-  constructor() {
-    super(...arguments), this.restPrizes = [];
-  }
-  get sectionTitle() {
-    return this.section?.title ?? b;
-  }
-  get showStrategy() {
-    return !!this.section?.allocationStrategy;
-  }
-  get strategyLabel() {
-    return this.section?.allocationStrategy === "SPLIT_PRIZE" ? "Split Prize" : "Best Prize";
-  }
-  get hasTierList() {
-    return this.restPrizes.length > 0;
-  }
-  willUpdate() {
-    const r = this.section?.prizePackage?.prizes ?? [];
-    this.firstPrize = m(r, 1), this.secondPrize = m(r, 2), this.thirdPrize = m(r, 3), this.restPrizes = C(r).sort(
-      (t, e) => t.rankFrom - e.rankFrom
-    );
-  }
-  onPrizeClick(r) {
-    this.dispatchEvent(
-      new CustomEvent(k, {
-        detail: { prize: r },
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  formatValue(r) {
-    if (r.value == null) return "";
-    try {
-      return new Intl.NumberFormat("en-US", {
-        style: "currency",
-        currency: r.currency ?? "USD",
-        maximumFractionDigits: 0
-      }).format(r.value);
-    } catch {
-      return `${r.value} ${r.currency ?? ""}`.trim();
-    }
-  }
-  renderPodiumSlot(r, t) {
-    const e = {
-      first: "gold",
-      second: "silver",
-      third: "bronze"
-    }, i = { first: 1, second: 2, third: 3 }, s = {
-      first: "Champion",
-      second: "2nd place",
-      third: "3rd place"
-    }, o = t === "first" ? 68 : 52;
-    return n`
-      <button class="slot ${t}" @click=${() => this.onPrizeClick(r)}>
-        <div class="coin">
-          <os-leaderboard-casino-medal-coin
-            variant=${e[t]}
-            rank=${i[t]}
-            size=${o}
-          ></os-leaderboard-casino-medal-coin>
-        </div>
-        <div class="place">${s[t]}</div>
-        <div class="name">${u(r.label)}</div>
-        <div class="value">${this.formatValue(r)}</div>
-      </button>
-    `;
-  }
-  renderPodium() {
-    return n`
-      ${this.secondPrize ? this.renderPodiumSlot(this.secondPrize, "second") : a}
-      ${this.firstPrize ? this.renderPodiumSlot(this.firstPrize, "first") : a}
-      ${this.thirdPrize ? this.renderPodiumSlot(this.thirdPrize, "third") : a}
-    `;
-  }
-  renderTierList() {
-    return n`${this.restPrizes.map(
-      (r) => n`
-        <button class="tier" @click=${() => this.onPrizeClick(r)}>
-          <span class="icon">${d.get(d.resolvePrizeIconName(r.label)).svg()}</span>
-          <span class="info">
-            <span class="name">${u(r.label)}</span>
-            <span class="range">Rank ${F(r)}</span>
-          </span>
-          <span class="value">${this.formatValue(r)}</span>
-        </button>
-      `
-    )}`;
-  }
-  render() {
-    return (this.section?.prizePackage?.prizes ?? []).length ? S(this) : a;
-  }
-};
-l.styles = [g, v(_)];
-h([
-  P({ attribute: !1 })
-], l.prototype, "section", 2);
-l = h([
-  p({ selector: $ })
-], l);
-export {
-  l as OsLeaderboardCasinoPrize
-};
-//# sourceMappingURL=prize-section.js.map

package/dist/components/os-leaderboard-casino/sections/prize-section/prize-section.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prize-section.js","sources":["../../../../../src/components/os-leaderboard-casino/sections/prize-section/prize-section.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Component } from '@oddsmith/lib/lit/component.js';\nimport { scss } from '@oddsmith/lib/lit/scss.js';\nimport { DEFAULT_PRIZE_TITLE } from '@os-leaderboard-casino/constants/defaults.js';\nimport { OS_LEADERBOARD_CASINO_PRIZE } from '@os-leaderboard-casino/constants/tags.js';\nimport { osLeaderboardCasinoTheme } from '@os-leaderboard-casino/theme/index.js';\nimport {\n  labelText,\n  type QuizPrize,\n} from '@os-leaderboard-casino/types/data.js';\nimport { iconService } from '@os-leaderboard-casino/services/icon.service.js';\nimport { OS_LEADERBOARD_CASINO_PRIZE_CLICK } from '@os-leaderboard-casino/types/events.js';\nimport type { OsLeaderboardCasinoPrizeSection } from '@os-leaderboard-casino/types/sections.js';\nimport type { PrizeSectionHost } from './prize-section.host.js';\nimport './components/medal-coin/medal-coin.js';\nimport renderTemplate from './prize-section.html?lit-html';\nimport styles from './prize-section.scss?inline';\n\nfunction rankRange(prize: QuizPrize): string {\n  return prize.rankFrom === prize.rankTo\n    ? `#${prize.rankFrom}`\n    : `#${prize.rankFrom}–${prize.rankTo}`;\n}\n\nfunction podiumPrizeForRank(\n  prizes: QuizPrize[],\n  rank: 1 | 2 | 3,\n): QuizPrize | undefined {\n  return prizes.find(\n    (prize) => prize.rankFrom === rank && prize.rankTo === rank,\n  );\n}\n\nfunction tierPrizesFrom(prizes: QuizPrize[]): QuizPrize[] {\n  return prizes.filter(\n    (prize) =>\n      !(\n        prize.rankFrom === prize.rankTo &&\n        prize.rankFrom >= 1 &&\n        prize.rankFrom <= 3\n      ),\n  );\n}\n\n/** Top-3 metallic podium showcase + remaining prize tiers. */\n@Component({ selector: OS_LEADERBOARD_CASINO_PRIZE })\nexport class OsLeaderboardCasinoPrize\n  extends LitElement\n  implements PrizeSectionHost\n{\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  @property({ attribute: false })\n  section!: OsLeaderboardCasinoPrizeSection;\n\n  private restPrizes: QuizPrize[] = [];\n  private secondPrize?: QuizPrize;\n  private firstPrize?: QuizPrize;\n  private thirdPrize?: QuizPrize;\n\n  get sectionTitle(): string {\n    return this.section?.title ?? DEFAULT_PRIZE_TITLE;\n  }\n\n  get showStrategy(): boolean {\n    return Boolean(this.section?.allocationStrategy);\n  }\n\n  get strategyLabel(): string {\n    return this.section?.allocationStrategy === 'SPLIT_PRIZE'\n      ? 'Split Prize'\n      : 'Best Prize';\n  }\n\n  get hasTierList(): boolean {\n    return this.restPrizes.length > 0;\n  }\n\n  willUpdate() {\n    const prizes = this.section?.prizePackage?.prizes ?? [];\n    this.firstPrize = podiumPrizeForRank(prizes, 1);\n    this.secondPrize = podiumPrizeForRank(prizes, 2);\n    this.thirdPrize = podiumPrizeForRank(prizes, 3);\n    this.restPrizes = tierPrizesFrom(prizes).sort(\n      (left, right) => left.rankFrom - right.rankFrom,\n    );\n  }\n\n  private onPrizeClick(prize: QuizPrize) {\n    this.dispatchEvent(\n      new CustomEvent(OS_LEADERBOARD_CASINO_PRIZE_CLICK, {\n        detail: { prize },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private formatValue(prize: QuizPrize): string {\n    if (prize.value == null) return '';\n    try {\n      return new Intl.NumberFormat('en-US', {\n        style: 'currency',\n        currency: prize.currency ?? 'USD',\n        maximumFractionDigits: 0,\n      }).format(prize.value);\n    } catch {\n      return `${prize.value} ${prize.currency ?? ''}`.trim();\n    }\n  }\n\n  private renderPodiumSlot(\n    prize: QuizPrize,\n    place: 'first' | 'second' | 'third',\n  ) {\n    const variants = {\n      first: 'gold',\n      second: 'silver',\n      third: 'bronze',\n    } as const;\n    const ranks = { first: 1, second: 2, third: 3 };\n    const labels = {\n      first: 'Champion',\n      second: '2nd place',\n      third: '3rd place',\n    };\n    const coinSize = place === 'first' ? 68 : 52;\n    return html`\n      <button class=\"slot ${place}\" @click=${() => this.onPrizeClick(prize)}>\n        <div class=\"coin\">\n          <os-leaderboard-casino-medal-coin\n            variant=${variants[place]}\n            rank=${ranks[place]}\n            size=${coinSize}\n          ></os-leaderboard-casino-medal-coin>\n        </div>\n        <div class=\"place\">${labels[place]}</div>\n        <div class=\"name\">${labelText(prize.label)}</div>\n        <div class=\"value\">${this.formatValue(prize)}</div>\n      </button>\n    `;\n  }\n\n  renderPodium() {\n    return html`\n      ${this.secondPrize\n        ? this.renderPodiumSlot(this.secondPrize, 'second')\n        : nothing}\n      ${this.firstPrize\n        ? this.renderPodiumSlot(this.firstPrize, 'first')\n        : nothing}\n      ${this.thirdPrize\n        ? this.renderPodiumSlot(this.thirdPrize, 'third')\n        : nothing}\n    `;\n  }\n\n  renderTierList() {\n    return html`${this.restPrizes.map(\n      (prize) => html`\n        <button class=\"tier\" @click=${() => this.onPrizeClick(prize)}>\n          <span class=\"icon\">${iconService.get(iconService.resolvePrizeIconName(prize.label)).svg()}</span>\n          <span class=\"info\">\n            <span class=\"name\">${labelText(prize.label)}</span>\n            <span class=\"range\">Rank ${rankRange(prize)}</span>\n          </span>\n          <span class=\"value\">${this.formatValue(prize)}</span>\n        </button>\n      `,\n    )}`;\n  }\n\n  render() {\n    const prizes = this.section?.prizePackage?.prizes ?? [];\n    if (!prizes.length) return nothing;\n    return renderTemplate(this);\n  }\n}\n"],"names":["rankRange","prize","podiumPrizeForRank","prizes","rank","tierPrizesFrom","OsLeaderboardCasinoPrize","LitElement","DEFAULT_PRIZE_TITLE","left","right","OS_LEADERBOARD_CASINO_PRIZE_CLICK","place","variants","ranks","labels","coinSize","html","labelText","nothing","iconService","renderTemplate","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","Component","OS_LEADERBOARD_CASINO_PRIZE"],"mappings":"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"}

package/dist/components/os-leaderboard-casino/sections/prize-section/prize-section.scss.js

@@ -1,5 +0,0 @@
-const o = '@charset "UTF-8";:host{display:block;width:100%}.strategy{font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--violet-soft);border:1px solid color-mix(in srgb,var(--violet) 40%,transparent);color:#c9adff}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.slot{position:relative;overflow:hidden;border-radius:var(--radius-sm);padding:16px 12px 14px;text-align:center;border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.slot:hover{transform:translateY(-3px)}.slot.first{order:2;padding-top:22px;padding-bottom:20px;border-color:var(--panel-border);background:radial-gradient(120% 90% at 50% -10%,color-mix(in srgb,var(--gold) 18%,transparent),transparent 60%),var(--panel-bg);box-shadow:var(--panel-shadow)}.slot.second{order:1;border-color:var(--panel-border);background:var(--panel-bg)}.slot.third{order:3;border-color:var(--panel-border);background:var(--panel-bg)}.coin{display:flex;justify-content:center;min-height:52px}.slot.first .coin{min-height:68px}.place{margin-top:7px;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.slot.first .place{color:var(--gold)}.slot.second .place{color:var(--silver)}.slot.third .place{color:var(--bronze)}.slot .name{margin-top:5px;font-size:12px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot .value{margin-top:6px;font-family:var(--font-mono);font-size:16px;font-weight:800;color:var(--gold-strong)}.slot.first .value{font-size:20px;text-shadow:0 0 18px var(--gold-glow)}.list{display:flex;flex-direction:column;gap:7px;margin-top:10px}.tier{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font-family:var(--font-body);padding:11px 14px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-sm);box-shadow:var(--panel-shadow);transition:border-color var(--transition-fast)}.tier:hover{border-color:var(--hairline-gold)}.tier .icon{flex:none;display:grid;place-items:center;line-height:0}.tier .icon svg{width:28px;height:28px}.tier .info{flex:1;min-width:0}.tier .name{font-size:13px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tier .range{margin-top:1px;font-size:11px;color:var(--text-dim)}.tier .value{flex:none;font-family:var(--font-mono);font-size:13.5px;font-weight:700;color:var(--gold)}@media(max-width:480px){.slot .value{font-size:13.5px}.slot.first .value{font-size:16px}}@media(max-width:420px){.podium{gap:8px}.slot{padding:14px 8px 12px}.slot.first{padding-top:18px;padding-bottom:16px}.slot .name{font-size:11px;letter-spacing:-.01em}}';
-export {
-  o as default
-};
-//# sourceMappingURL=prize-section.scss.js.map

package/dist/components/os-leaderboard-casino/sections/prize-section/prize-section.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prize-section.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/os-leaderboard-casino/sections/stats-section/components/stat-band/stat-band.d.ts

@@ -1,17 +0,0 @@
-import { LitElement } from 'lit';
-import { statIcons } from '../stat-icons.js';
-export type StatBandAccent = 'participants' | 'prizes' | 'ends';
-export type StatBandIcon = keyof typeof statIcons;
-export type StatBandSegment = 'solo' | 'start' | 'middle' | 'end';
-/** Centered KPI band — accent stripe, icon ring, stacked value + label. */
-export declare class OsLeaderboardCasinoStatBand extends LitElement {
-    static styles: import('lit').CSSResult[];
-    accent: StatBandAccent;
-    icon: StatBandIcon;
-    value: string;
-    label: string;
-    segment: StatBandSegment;
-    compact: boolean;
-    highlight: boolean;
-    render(): import('lit').TemplateResult<1>;
-}

package/dist/components/os-leaderboard-casino/sections/stats-section/components/stat-card/stat-card.d.ts

@@ -1,15 +0,0 @@
-import { LitElement } from 'lit';
-import { statIcons } from '../stat-icons.js';
-export type StatCardAccent = 'participants' | 'prizes' | 'ends';
-export type StatCardIcon = keyof typeof statIcons;
-/** Classic glow stat tile — rounded glass cards with soft accent wash. */
-export declare class OsLeaderboardCasinoStatCard extends LitElement {
-    static styles: import('lit').CSSResult[];
-    accent: StatCardAccent;
-    icon: StatCardIcon;
-    value: string;
-    label: string;
-    compact: boolean;
-    glow: boolean;
-    render(): import('lit').TemplateResult<1>;
-}

package/dist/components/os-leaderboard-casino/sections/stats-section/components/stat-chip/stat-chip.d.ts

@@ -1,17 +0,0 @@
-import { LitElement } from 'lit';
-import { statIcons } from '../stat-icons.js';
-export type StatChipAccent = 'participants' | 'prizes' | 'ends';
-export type StatChipIcon = keyof typeof statIcons;
-export type StatChipSegment = 'solo' | 'start' | 'middle' | 'end';
-/** Compact chip readout — inline icon + value, label tucked below. */
-export declare class OsLeaderboardCasinoStatChip extends LitElement {
-    static styles: import('lit').CSSResult[];
-    accent: StatChipAccent;
-    icon: StatChipIcon;
-    value: string;
-    label: string;
-    segment: StatChipSegment;
-    compact: boolean;
-    highlight: boolean;
-    render(): import('lit').TemplateResult<1>;
-}

package/dist/components/os-leaderboard-casino/sections/stats-section/components/stat-gauge/stat-gauge.d.ts

@@ -1,14 +0,0 @@
-import { LitElement } from 'lit';
-import { statIcons } from '../stat-icons.js';
-export type StatGaugeAccent = 'participants' | 'prizes' | 'ends';
-export type StatGaugeIcon = keyof typeof statIcons;
-/** Telemetry gauge tile — variant B stat readout from v0 stat-strip. */
-export declare class OsLeaderboardCasinoStatGauge extends LitElement {
-    static styles: import('lit').CSSResult[];
-    accent: StatGaugeAccent;
-    icon: StatGaugeIcon;
-    value: string;
-    label: string;
-    compact: boolean;
-    render(): import('lit').TemplateResult<1>;
-}

package/dist/components/os-leaderboard-casino/sections/stats-section/components/stat-icons.d.ts

@@ -1,5 +0,0 @@
-import { TemplateResult } from 'lit';
-export type StatIconName = 'users' | 'gift' | 'clock' | 'trophy';
-type IconFn = () => TemplateResult;
-export declare const statIcons: Record<StatIconName, IconFn>;
-export {};

package/dist/components/os-leaderboard-casino/sections/stats-section/components/stat-icons.js

@@ -1,11 +0,0 @@
-import { iconService as t } from "../../../services/icon.service.js";
-const o = {
-  users: () => t.svg("stat.users"),
-  gift: () => t.svg("stat.gift"),
-  clock: () => t.svg("stat.clock"),
-  trophy: () => t.svg("win.trophy")
-};
-export {
-  o as statIcons
-};
-//# sourceMappingURL=stat-icons.js.map

package/dist/components/os-leaderboard-casino/sections/stats-section/components/stat-icons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stat-icons.js","sources":["../../../../../../src/components/os-leaderboard-casino/sections/stats-section/components/stat-icons.ts"],"sourcesContent":["import { iconService } from '@os-leaderboard-casino/services/icon.service.js';\nimport type { TemplateResult } from 'lit';\n\nexport type StatIconName = 'users' | 'gift' | 'clock' | 'trophy';\n\ntype IconFn = () => TemplateResult;\n\nexport const statIcons: Record<StatIconName, IconFn> = {\n  users: () => iconService.svg('stat.users'),\n  gift: () => iconService.svg('stat.gift'),\n  clock: () => iconService.svg('stat.clock'),\n  trophy: () => iconService.svg('win.trophy'),\n};\n"],"names":["statIcons","iconService"],"mappings":";AAOO,MAAMA,IAA0C;AAAA,EACrD,OAAO,MAAMC,EAAY,IAAI,YAAY;AAAA,EACzC,MAAM,MAAMA,EAAY,IAAI,WAAW;AAAA,EACvC,OAAO,MAAMA,EAAY,IAAI,YAAY;AAAA,EACzC,QAAQ,MAAMA,EAAY,IAAI,YAAY;AAC5C;"}

package/dist/components/os-leaderboard-casino/sections/stats-section/components/stat-meter/stat-meter.d.ts

@@ -1,17 +0,0 @@
-import { LitElement } from 'lit';
-import { statIcons } from '../stat-icons.js';
-export type StatMeterAccent = 'participants' | 'prizes' | 'ends';
-export type StatMeterIcon = keyof typeof statIcons;
-export type StatMeterSegment = 'solo' | 'start' | 'middle' | 'end';
-/** Meter readout — label + value with animated accent fill bar. */
-export declare class OsLeaderboardCasinoStatMeter extends LitElement {
-    static styles: import('lit').CSSResult[];
-    accent: StatMeterAccent;
-    icon: StatMeterIcon;
-    value: string;
-    label: string;
-    segment: StatMeterSegment;
-    compact: boolean;
-    highlight: boolean;
-    render(): import('lit').TemplateResult<1>;
-}

package/dist/components/os-leaderboard-casino/sections/stats-section/components/stat-rail/stat-rail.d.ts

@@ -1,17 +0,0 @@
-import { LitElement } from 'lit';
-import { statIcons } from '../stat-icons.js';
-export type StatRailAccent = 'participants' | 'prizes' | 'ends' | 'biggestWin';
-export type StatRailIcon = keyof typeof statIcons;
-export type StatRailSegment = 'solo' | 'start' | 'middle' | 'end';
-/** Horizontal rail segment — icon well + label/value with accent shimmer. */
-export declare class OsLeaderboardCasinoStatRail extends LitElement {
-    static styles: import('lit').CSSResult[];
-    accent: StatRailAccent;
-    icon: StatRailIcon;
-    value: string;
-    label: string;
-    segment: StatRailSegment;
-    compact: boolean;
-    highlight: boolean;
-    render(): import('lit').TemplateResult<1>;
-}

package/dist/components/os-leaderboard-casino/sections/stats-section/components/stat-rail/stat-rail.js

@@ -1,63 +0,0 @@
-import "../../../../../../shared/vendor/lit-reactive-element-reactive-element.js";
-import { html as m } from "../../../../../../shared/vendor/lit-html-lit-html.js";
-import { LitElement as h } from "../../../../../../shared/vendor/lit-element-lit-element.js";
-import { property as o } from "../../../../../../shared/vendor/lit-reactive-element-property.js";
-import { Component as f } from "../../../../../../shared/lib/lit/component.js";
-import { scss as v } from "../../../../../../shared/lib/lit/scss.js";
-import { OS_LEADERBOARD_CASINO_STAT_RAIL as y } from "../../../../constants/tags.js";
-import { osLeaderboardCasinoTheme as u } from "../../../../theme/styles.js";
-import "../../../../../../shared/vendor/lit-html-unsafe-svg.js";
-import { statIcons as c } from "../stat-icons.js";
-import d from "./stat-rail.scss.js";
-var g = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, e = (s, i, a, p) => {
-  for (var r = p > 1 ? void 0 : p ? _(i, a) : i, l = s.length - 1, n; l >= 0; l--)
-    (n = s[l]) && (r = (p ? n(i, a, r) : n(r)) || r);
-  return p && r && g(i, a, r), r;
-};
-let t = class extends h {
-  constructor() {
-    super(...arguments), this.accent = "participants", this.icon = "users", this.value = "", this.label = "", this.segment = "solo", this.compact = !1, this.highlight = !1;
-  }
-  render() {
-    const s = c[this.icon] ?? c.users;
-    return m`
-      <div class="rail">
-        <div class="icon-well">${s()}</div>
-        <div class="copy">
-          <div class="label">${this.label}</div>
-          <div class="value">${this.value}</div>
-        </div>
-        <span class="shimmer" aria-hidden="true"></span>
-      </div>
-    `;
-  }
-};
-t.styles = [u, v(d)];
-e([
-  o({ type: String, reflect: !0 })
-], t.prototype, "accent", 2);
-e([
-  o({ type: String })
-], t.prototype, "icon", 2);
-e([
-  o({ type: String })
-], t.prototype, "value", 2);
-e([
-  o({ type: String })
-], t.prototype, "label", 2);
-e([
-  o({ type: String, reflect: !0 })
-], t.prototype, "segment", 2);
-e([
-  o({ type: Boolean, reflect: !0 })
-], t.prototype, "compact", 2);
-e([
-  o({ type: Boolean, reflect: !0 })
-], t.prototype, "highlight", 2);
-t = e([
-  f({ selector: y })
-], t);
-export {
-  t as OsLeaderboardCasinoStatRail
-};
-//# sourceMappingURL=stat-rail.js.map

package/dist/components/os-leaderboard-casino/sections/stats-section/components/stat-rail/stat-rail.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stat-rail.js","sources":["../../../../../../../src/components/os-leaderboard-casino/sections/stats-section/components/stat-rail/stat-rail.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Component } from '@oddsmith/lib/lit/component.js';\nimport { scss } from '@oddsmith/lib/lit/scss.js';\nimport { OS_LEADERBOARD_CASINO_STAT_RAIL } from '@os-leaderboard-casino/constants/tags.js';\nimport { osLeaderboardCasinoTheme } from '@os-leaderboard-casino/theme/index.js';\nimport { statIcons } from '../stat-icons.js';\nimport styles from './stat-rail.scss?inline';\n\nexport type StatRailAccent = 'participants' | 'prizes' | 'ends' | 'biggestWin';\nexport type StatRailIcon = keyof typeof statIcons;\nexport type StatRailSegment = 'solo' | 'start' | 'middle' | 'end';\n\n/** Horizontal rail segment — icon well + label/value with accent shimmer. */\n@Component({ selector: OS_LEADERBOARD_CASINO_STAT_RAIL })\nexport class OsLeaderboardCasinoStatRail extends LitElement {\n  static styles = [osLeaderboardCasinoTheme, scss(styles)];\n\n  @property({ type: String, reflect: true })\n  accent: StatRailAccent = 'participants';\n\n  @property({ type: String })\n  icon: StatRailIcon = 'users';\n\n  @property({ type: String })\n  value = '';\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: String, reflect: true })\n  segment: StatRailSegment = 'solo';\n\n  @property({ type: Boolean, reflect: true })\n  compact = false;\n\n  @property({ type: Boolean, reflect: true })\n  highlight = false;\n\n  render() {\n    const icon = statIcons[this.icon] ?? statIcons.users;\n    return html`\n      <div class=\"rail\">\n        <div class=\"icon-well\">${icon()}</div>\n        <div class=\"copy\">\n          <div class=\"label\">${this.label}</div>\n          <div class=\"value\">${this.value}</div>\n        </div>\n        <span class=\"shimmer\" aria-hidden=\"true\"></span>\n      </div>\n    `;\n  }\n}\n"],"names":["OsLeaderboardCasinoStatRail","LitElement","icon","statIcons","html","osLeaderboardCasinoTheme","scss","styles","__decorateClass","property","Component","OS_LEADERBOARD_CASINO_STAT_RAIL"],"mappings":";;;;;;;;;;;;;;;;AAeO,IAAMA,IAAN,cAA0CC,EAAW;AAAA,EAArD,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,SAAyB,gBAGzB,KAAA,OAAqB,SAGrB,KAAA,QAAQ,IAGR,KAAA,QAAQ,IAGR,KAAA,UAA2B,QAG3B,KAAA,UAAU,IAGV,KAAA,YAAY;AAAA,EAAA;AAAA,EAEZ,SAAS;AACP,UAAMC,IAAOC,EAAU,KAAK,IAAI,KAAKA,EAAU;AAC/C,WAAOC;AAAAA;AAAAA,iCAEsBF,GAAM;AAAA;AAAA,+BAER,KAAK,KAAK;AAAA,+BACV,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKvC;AACF;AArCaF,EACJ,SAAS,CAACK,GAA0BC,EAAKC,CAAM,CAAC;AAGvDC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAH9BT,EAIX,WAAA,UAAA,CAAA;AAGAQ,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GANfT,EAOX,WAAA,QAAA,CAAA;AAGAQ,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GATfT,EAUX,WAAA,SAAA,CAAA;AAGAQ,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAZfT,EAaX,WAAA,SAAA,CAAA;AAGAQ,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAf9BT,EAgBX,WAAA,WAAA,CAAA;AAGAQ,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAlB/BT,EAmBX,WAAA,WAAA,CAAA;AAGAQ,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GArB/BT,EAsBX,WAAA,aAAA,CAAA;AAtBWA,IAANQ,EAAA;AAAA,EADNE,EAAU,EAAE,UAAUC,EAAA,CAAiC;AAAA,GAC3CX,CAAA;"}

package/dist/components/os-leaderboard-casino/sections/stats-section/components/stat-rail/stat-rail.scss.js

@@ -1,5 +0,0 @@
-const t = ':host{display:block;flex:1;min-width:0}:host([hidden]){display:none}.rail{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;height:100%;box-sizing:border-box;padding:16px 18px 18px;border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--panel-bg);box-shadow:var(--panel-shadow)}:host([accent=participants]){--rail-accent: var(--green);--icon-bg: var(--green-soft);--icon-color: var(--green)}:host([accent=prizes]){--rail-accent: var(--gold);--icon-bg: var(--gold-soft);--icon-color: var(--gold)}:host([accent=ends]){--rail-accent: var(--violet);--icon-bg: var(--violet-soft);--icon-color: var(--violet)}:host([accent=biggestWin]){--rail-accent: var(--red);--icon-bg: var(--red-soft);--icon-color: var(--red)}.icon-well{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:var(--icon-bg);border:1px solid color-mix(in srgb,var(--rail-accent) 30%,transparent);color:var(--icon-color);box-shadow:inset 0 1px color-mix(in srgb,white 8%,transparent)}.icon-well svg{width:20px;height:20px}.copy{min-width:0;flex:1}.label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.value{margin-top:6px;font-family:var(--font-mono);font-size:24px;font-weight:800;line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums}:host([compact]) .value{font-size:15px;line-height:1.25}:host([highlight]) .value{color:var(--gold-strong);text-shadow:0 0 16px color-mix(in srgb,var(--gold) 35%,transparent)}.shimmer{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--rail-accent),transparent);opacity:.55}.shimmer:after{content:"";position:absolute;inset:0;background:inherit;filter:blur(4px);opacity:.8}.rail:after{content:"";position:absolute;left:-40%;bottom:0;width:35%;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--rail-accent) 90%,white),transparent);animation:rail-shimmer 3.2s ease-in-out infinite;pointer-events:none}@keyframes rail-shimmer{0%,to{transform:translate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(420%);opacity:0}}@media(prefers-reduced-motion:reduce){.rail:after{animation:none;opacity:.35;left:0;width:100%;transform:none}}';
-export {
-  t as default
-};
-//# sourceMappingURL=stat-rail.scss.js.map

package/dist/components/os-leaderboard-casino/sections/stats-section/components/stat-rail/stat-rail.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stat-rail.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/os-leaderboard-casino/sections/stats-section/stats-section.host.d.ts

@@ -1,13 +0,0 @@
-import { OsLeaderboardCasinoStatsSection } from '../../types/sections.js';
-export type StatRailSegment = 'solo' | 'start' | 'middle' | 'end';
-export interface StatsSectionHost {
-    section: OsLeaderboardCasinoStatsSection;
-    participantsLabel: string;
-    participantsSegment: StatRailSegment;
-    showPrizes: boolean;
-    prizesLabel: string;
-    prizesSegment: StatRailSegment;
-    showBiggestWin: boolean;
-    biggestWinLabel: string;
-    biggestWinSegment: StatRailSegment;
-}