@open-slot-ui/core 0.0.1 → 0.1.1

package/dist/index.cjs

@@ -95,8 +95,11 @@ function extendTheme(base, patch) {
 
 // src/layout/screen.ts
 var defaultLayoutConfig = {
+  // Reference design frames, matching the Figma "DEF" frames 1:1 so offsets map
+  // directly: desktop 1920×1080, mobile 360×779 (×3 = 1080×2337). The portrait
+  // aspect matches real phones (~0.46), so scaling no longer squashes vertically.
   refLandscape: [1920, 1080],
-  refPortrait: [1080, 1920],
+  refPortrait: [1080, 2337],
   portraitBelowAspect: 0.85,
   breakpoints: { mobile: 480, tablet: 840 }
 };
@@ -1169,9 +1172,6 @@ function validateSpec(spec) {
     if (spec.rtp != null && !(typeof spec.rtp === "number" && Number.isFinite(spec.rtp))) {
       add("error", "rtp", "bad-rtp", `rtp must be a number, got ${String(spec.rtp)}`);
     }
-    if (spec.statusBar != null && spec.statusBar !== "top" && spec.statusBar !== "bottom") {
-      add("error", "statusBar", "bad-statusbar", `statusBar must be 'top' or 'bottom', got "${String(spec.statusBar)}"`);
-    }
     if (spec.realityCheck != null && !(typeof spec.realityCheck.everyMinutes === "number" && spec.realityCheck.everyMinutes > 0)) {
       add("error", "realityCheck.everyMinutes", "bad-interval", "realityCheck.everyMinutes must be a number > 0");
     }
@@ -1346,10 +1346,10 @@ var RGS_ERROR_KEYS = Object.freeze({
   ERR_TIMEOUT: { title: "openui.err.connection.title", message: "openui.err.connection.message" }
 });
 var DEFAULT_NOTICE_ACTION = { label: "openui.ok", variant: "primary" };
-function errorBlocks(message, title, tone) {
+function errorBlocks(message, title, _tone) {
   return [
     { kind: "heading", id: "notice-title", text: title },
-    { kind: "callout", id: "notice-body", tone, text: message }
+    { kind: "text", id: "notice-body", text: message }
   ];
 }
 
@@ -1620,11 +1620,11 @@ var OpenUI = class {
     this.betMinus = new ButtonControl({ id: "bet-minus", layout: { anchor: "bottom-center", offset: [-150, -270] } }, this.bus);
     this.betPlus = new ButtonControl({ id: "bet-plus", layout: { anchor: "bottom-center", offset: [150, -270] } }, this.bus);
     this.betStepper = new StepperControl({ id: "bet-stepper", layout: { anchor: "center" }, levels: [0.5, 1, 2, 5, 10, 20], index: 1 }, this.bus);
-    this.muteButton = new ButtonControl({ id: "mute", layout: { anchor: "top-right", offset: [-110, 28] } }, this.bus);
-    this.fullscreenButton = new ButtonControl({ id: "fullscreen", layout: { anchor: "top-right", offset: [-52, 28] } }, this.bus);
-    this.rtp = new ReadoutControl({ id: "rtp", kind: "percent", label: "RTP", layout: { anchor: "top-left", offset: [120, 96] } });
-    this.netPosition = new ReadoutControl({ id: "net-position", kind: "currency", label: "Net", currency: { code: "USD", decimals: 2 }, layout: { anchor: "top-center", offset: [0, 56] } });
-    this.sessionTimer = new ReadoutControl({ id: "session-timer", kind: "duration", label: "Session", layout: { anchor: "top-left", offset: [120, 56] } });
+    this.muteButton = new ButtonControl({ id: "mute", layout: { anchor: "top-right", offset: [-122, 46] } }, this.bus);
+    this.fullscreenButton = new ButtonControl({ id: "fullscreen", layout: { anchor: "top-right", offset: [-46, 46] } }, this.bus);
+    this.rtp = new ReadoutControl({ id: "rtp", kind: "percent", label: "RTP", layout: { anchor: "top-left", offset: [18, 18] } });
+    this.sessionTimer = new ReadoutControl({ id: "session-timer", kind: "duration", label: "Session Time", layout: { anchor: "top-left", offset: [18, 36] } });
+    this.netPosition = new ReadoutControl({ id: "net-position", kind: "currency", label: "Net", currency: { code: "USD", symbol: "$", display: "symbol", position: "prefix", decimals: 2 }, layout: { anchor: "top-left", offset: [18, 60] } });
     this.noticePanel = new PanelControl({ id: "notice-panel", variant: "modal", layout: { anchor: "center" } }, this.bus);
     for (const c of [
       this.spin,
@@ -1961,7 +1961,7 @@ var OpenUI = class {
 
 // src/spec/responsive.ts
 function cloneLayout(l) {
-  return { anchor: l.anchor, offset: l.offset ? [l.offset[0], l.offset[1]] : void 0, scale: l.scale };
+  return { anchor: l.anchor, offset: l.offset ? [l.offset[0], l.offset[1]] : void 0, scale: l.scale, rotation: l.rotation };
 }
 function activeKeys(screen) {
   return [screen.orientation, screen.breakpoint];
@@ -2254,20 +2254,6 @@ function clampBet(amount, cfg, divisor = API_AMOUNT_DIVISOR) {
   return Math.min(max, Math.max(min, v));
 }
 
-// src/win.ts
-var DEFAULT_WIN_TIERS = Object.freeze([
-  { name: "big", minMultiplier: 10 },
-  { name: "mega", minMultiplier: 50 },
-  { name: "epic", minMultiplier: 100 }
-]);
-function winTier(win, stake, tiers = DEFAULT_WIN_TIERS) {
-  if (!Number.isFinite(win) || !Number.isFinite(stake) || stake <= 0 || win <= stake) return "none";
-  const mult = win / stake;
-  let name = "win";
-  for (const t of tiers) if (mult >= t.minMultiplier) name = t.name;
-  return name;
-}
-
 exports.API_AMOUNT_DIVISOR = API_AMOUNT_DIVISOR;
 exports.AutoplayControl = AutoplayControl;
 exports.BLOCK_KINDS = BLOCK_KINDS;
@@ -2278,7 +2264,6 @@ exports.Control = Control;
 exports.ControlRegistry = ControlRegistry;
 exports.DEFAULT_MENU_TITLES = DEFAULT_MENU_TITLES;
 exports.DEFAULT_NOTICE_ACTION = DEFAULT_NOTICE_ACTION;
-exports.DEFAULT_WIN_TIERS = DEFAULT_WIN_TIERS;
 exports.DictionaryTranslator = DictionaryTranslator;
 exports.EventBus = EventBus;
 exports.EventLog = EventLog;
@@ -2338,6 +2323,5 @@ exports.sanitizeThemeOverrides = sanitizeThemeOverrides;
 exports.themePresets = themePresets;
 exports.validateSpec = validateSpec;
 exports.valueFitMaxWidth = valueFitMaxWidth;
-exports.winTier = winTier;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map