@open-slot-ui/pixi 0.12.0 → 0.13.0

package/dist/index.d.cts

@@ -479,7 +479,7 @@ interface MenuViewOptions {
     controlSkins?: Partial<Record<string, ControlViewFactory>>;
     /** Header title (localizable). Default 'Menu'. */
     title?: string;
-    /** Max card width in px. Default 560. */
+    /** Max card width in px. Default 760 (the reference sheet width). */
     maxWidth?: number;
 }
 /**

package/dist/index.d.ts

@@ -479,7 +479,7 @@ interface MenuViewOptions {
     controlSkins?: Partial<Record<string, ControlViewFactory>>;
     /** Header title (localizable). Default 'Menu'. */
     title?: string;
-    /** Max card width in px. Default 560. */
+    /** Max card width in px. Default 760 (the reference sheet width). */
     maxWidth?: number;
 }
 /**

package/dist/index.js

@@ -1,5 +1,5 @@
-import { ControlView, ButtonView, SliderView, buildBlockColumn, OpenUIPixi } from './chunk-FN6UJ3WO.js';
-export { AutoplayDrawerView, AutoplayView, ButtonView, ControlView, DialogView, MenuView, OpenUIPixi, ReadoutView, SelectView, SliderView, SpinView, StepperView, TextCellRenderer, ToggleView, TurboView, Tweener, ValueDisplayView, buildBlockColumn, defaultSpinSkin, drawSpin, isDesktop, svgSpinSkin } from './chunk-FN6UJ3WO.js';
+import { ControlView, ButtonView, SliderView, buildBlockColumn, OpenUIPixi } from './chunk-MKTMN76I.js';
+export { AutoplayDrawerView, AutoplayView, ButtonView, ControlView, DialogView, MenuView, OpenUIPixi, ReadoutView, SelectView, SliderView, SpinView, StepperView, TextCellRenderer, ToggleView, TurboView, Tweener, ValueDisplayView, buildBlockColumn, defaultSpinSkin, drawSpin, isDesktop, svgSpinSkin } from './chunk-MKTMN76I.js';
 import { Text, Graphics, Container, Rectangle, Texture, Sprite, Assets } from 'pixi.js';
 import { INFO_MENU_VARS, escapeHtml, LOCALE_LABELS, renderBlocksHtml, INFO_MENU_CSS, createUI, composeMenu, buildPanel, factsVars, renderRulesAuditHtml, auditRules, formatAmountPrecise } from '@open-slot-ui/core';
 
@@ -933,7 +933,7 @@ function showBootError(opts = {}) {
   host.innerHTML = `
     <div class="openui-be-card">
       <div class="openui-be-icon" aria-hidden="true">
-        <svg viewBox="0 0 48 48" width="48" height="48"><path d="M24 4 3 42h42L24 4Z" fill="none" stroke="#ffc935" stroke-width="3" stroke-linejoin="round"/><rect x="22" y="18" width="4" height="12" rx="2" fill="#ffc935"/><circle cx="24" cy="35" r="2.4" fill="#ffc935"/></svg>
+        <svg viewBox="0 0 48 48" width="46" height="46"><path d="M24 5 4 41h40L24 5Z" fill="none" stroke="#000" stroke-width="4" stroke-linejoin="round"/><rect x="22" y="19" width="4" height="12" rx="2" fill="#000"/><circle cx="24" cy="35.5" r="2.5" fill="#000"/></svg>
       </div>
       <h1 class="openui-be-title">${esc2(title)}</h1>
       <p class="openui-be-msg">${esc2(message)}</p>
@@ -941,19 +941,23 @@ function showBootError(opts = {}) {
       ${showReload ? `<button class="openui-be-reload" type="button">${esc2(opts.reloadLabel ?? "Reload")}</button>` : ""}
     </div>
     <style>
+      /* MONOCHROME by design \u2014 a neutral black-and-white system card, no theme accent. */
       .openui-boot-error { position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center;
-        font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #e9edf2;
-        background: rgba(6,8,11,.92); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
-      .openui-be-card { width: min(90%, 440px); text-align: center; padding: 38px 32px 34px;
-        background: #161b22; border: 1.5px solid #ffc935; border-radius: 16px; box-shadow: 0 30px 80px rgba(0,0,0,.6); }
-      .openui-be-icon { margin-bottom: 14px; line-height: 0; }
-      .openui-be-title { margin: 0 0 12px; font-size: 24px; font-weight: 800; color: #ffc935; letter-spacing: .3px; }
-      .openui-be-msg { margin: 0 0 20px; font-size: 15px; line-height: 1.55; color: #c4ccd6; }
-      .openui-be-detail { margin: 0 0 20px; font-size: 12px; line-height: 1.4; color: #78828f; word-break: break-word; }
-      .openui-be-reload { appearance: none; border: 0; cursor: pointer; padding: 13px 42px; border-radius: 999px;
-        background: #ffc935; color: #161b22; font-weight: 800; font-size: 15px; letter-spacing: .3px;
-        box-shadow: 0 8px 22px rgba(255,201,53,.32); transition: transform .12s, filter .12s; }
-      .openui-be-reload:hover { filter: brightness(1.06); }
+        font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #181b20;
+        background: rgba(8,8,8,.62); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
+      .openui-be-card { width: min(90%, 440px); text-align: center; padding: 40px 36px 32px;
+        display: flex; flex-direction: column; align-items: center; gap: 14px;
+        background: #fff; border: 4px solid #000; border-radius: 24px; box-shadow: 0 24px 60px rgba(0,0,0,.55); }
+      .openui-be-icon { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 999px;
+        border: 4px solid #000; line-height: 0; }
+      .openui-be-title { margin: 0; font-size: 26px; font-weight: 800; color: #000; letter-spacing: .01em; }
+      .openui-be-msg { margin: 0; font-size: 16px; line-height: 1.5; font-weight: 600; color: #3a3f47; max-width: 34ch; }
+      .openui-be-detail { margin: 0; font-size: 12px; line-height: 1.4; color: #8a9099; word-break: break-word;
+        font-family: ui-monospace, "SF Mono", Menlo, monospace; max-width: 40ch; }
+      .openui-be-reload { appearance: none; cursor: pointer; margin-top: 8px; padding: 14px 42px; border-radius: 999px;
+        border: 4px solid #000; background: #000; color: #fff; font-weight: 800; font-size: 16px; letter-spacing: .03em;
+        transition: transform .1s ease, background .12s ease; }
+      .openui-be-reload:hover { background: #1c1c1c; }
       .openui-be-reload:active { transform: scale(.96); }
     </style>`;
   if (showReload) {