@pieai/swimmer-ui-kit 1.0.0

package/dist/index.js

@@ -0,0 +1,3058 @@
+import { jsx as e, jsxs as o, Fragment as Ge } from "react/jsx-runtime";
+import { useId as Y, useState as M, useEffect as te, forwardRef as Oe, useRef as aa, createContext as ia, useContext as ta } from "react";
+let W = null, we = !1;
+function Ne(a) {
+  return typeof a != "number" || !Number.isFinite(a) ? 1 : Math.min(1, Math.max(0, a));
+}
+function na() {
+  we || typeof document > "u" || (document.addEventListener("visibilitychange", () => {
+    document.visibilityState === "hidden" && W?.state === "running" && W.suspend();
+  }), we = !0);
+}
+function la() {
+  return typeof window > "u" || typeof window.AudioContext > "u" ? null : (na(), W ??= new window.AudioContext(), W);
+}
+function oa(a) {
+  const t = /* @__PURE__ */ new WeakMap();
+  return {
+    createGain: () => {
+      const i = a.createGain(), l = {
+        connect: (n) => {
+          n instanceof AudioNode && i.connect(n);
+        },
+        gain: i.gain
+      };
+      return t.set(l, i), l;
+    },
+    createOscillator: () => {
+      const i = a.createOscillator();
+      return {
+        connect: (l) => {
+          const n = t.get(l);
+          n && i.connect(n);
+        },
+        frequency: i.frequency,
+        start: (l) => i.start(l),
+        stop: (l) => i.stop(l),
+        get type() {
+          return i.type;
+        },
+        set type(l) {
+          i.type = l;
+        }
+      };
+    },
+    currentTime: a.currentTime,
+    destination: a.destination,
+    resume: () => a.resume(),
+    state: a.state,
+    suspend: () => a.suspend()
+  };
+}
+function sa(a, t = {}) {
+  if (t.enabled === !1) return !1;
+  const i = 0.06 * Ne(t.masterVolume) * Ne(t.sfxVolume);
+  if (i <= 0) return !1;
+  a.state === "suspended" && a.resume();
+  const l = a.currentTime, n = a.createOscillator(), s = a.createGain();
+  return n.type = "triangle", n.frequency.setValueAtTime(420, l), n.frequency.exponentialRampToValueAtTime(620, l + 0.045), s.gain.setValueAtTime(1e-4, l), s.gain.exponentialRampToValueAtTime(i, l + 8e-3), s.gain.exponentialRampToValueAtTime(1e-4, l + 0.055), n.connect(s), s.connect(a.destination), n.start(l), n.stop(l + 0.055), !0;
+}
+function ra(a = {}) {
+  const t = la();
+  return t ? sa(oa(t), a) : !1;
+}
+function C({
+  children: a,
+  className: t,
+  onClick: i,
+  sound: l = !1,
+  static: n = !1,
+  type: s = "button",
+  variant: r = "secondary",
+  ...d
+}) {
+  const u = ["game-ui-button", `game-ui-button--${r}`, n && "game-ui-button--static", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("button", { className: u, onClick: (b) => {
+    l && ra(l), i?.(b);
+  }, type: s, ...d, children: a });
+}
+function ca({ children: a, className: t, title: i }) {
+  const l = Y(), n = ["game-ui-dialog", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("section", { "aria-labelledby": l, "aria-modal": "true", className: n, role: "dialog", children: [
+    /* @__PURE__ */ e("h2", { id: l, children: i }),
+    /* @__PURE__ */ e("div", { className: "game-ui-dialog-body", children: a })
+  ] });
+}
+function da({ entries: a, label: t }) {
+  return /* @__PURE__ */ e("section", { "aria-label": t, className: "game-ui-history", children: a.map((i) => /* @__PURE__ */ o("article", { className: "game-ui-history-entry", "data-entry-kind": i.kind, children: [
+    /* @__PURE__ */ o("div", { className: "game-ui-history-entry-header", children: [
+      /* @__PURE__ */ e("strong", { children: i.speaker }),
+      /* @__PURE__ */ e("span", { children: i.meta })
+    ] }),
+    /* @__PURE__ */ e("p", { children: i.text })
+  ] }, i.id)) });
+}
+function K({ children: a, className: t, label: i, ...l }) {
+  const n = ["game-ui-hud-actions", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("nav", { "aria-label": i, className: n, "data-safe-area": "hud-actions", ...l, children: a });
+}
+function B({ children: a, className: t, title: i, tone: l = "default", ...n }) {
+  const s = ["game-ui-panel", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("section", { ...n, className: s, "data-panel-tone": l, children: [
+    i ? /* @__PURE__ */ e("h3", { children: i }) : null,
+    a
+  ] });
+}
+function O({ children: a, className: t, label: i, type: l = "button", ...n }) {
+  const s = ["game-ui-icon-button", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("button", { "aria-label": i, className: s, type: l, ...n, children: a });
+}
+function ma({ children: a, label: t }) {
+  return /* @__PURE__ */ o("span", { className: "game-ui-tooltip", children: [
+    a,
+    /* @__PURE__ */ e("span", { role: "tooltip", children: t })
+  ] });
+}
+function ua({ activeId: a, onSelect: t, tabs: i }) {
+  return /* @__PURE__ */ e("div", { className: "game-ui-tabs", onKeyDown: (n) => {
+    if (!t || i.length === 0) return;
+    const s = Math.max(0, i.findIndex((c) => c.id === a));
+    let r;
+    switch (n.key) {
+      case "ArrowLeft":
+        r = (s - 1 + i.length) % i.length;
+        break;
+      case "ArrowRight":
+        r = (s + 1) % i.length;
+        break;
+      case "Home":
+        r = 0;
+        break;
+      case "End":
+        r = i.length - 1;
+        break;
+      default:
+        return;
+    }
+    n.preventDefault();
+    const d = i[r];
+    if (!d) return;
+    d.id !== a && t(d.id), n.currentTarget.querySelectorAll('[role="tab"]')[r]?.focus();
+  }, role: "tablist", children: i.map((n) => /* @__PURE__ */ e(
+    "button",
+    {
+      "aria-selected": n.id === a,
+      className: "game-ui-tab",
+      onClick: t ? () => t(n.id) : void 0,
+      role: "tab",
+      tabIndex: n.id === a ? 0 : -1,
+      type: "button",
+      children: n.label
+    },
+    n.id
+  )) });
+}
+function Pe({ activeId: a, label: t, onSelect: i, options: l }) {
+  return /* @__PURE__ */ e("div", { "aria-label": t, className: "game-ui-segmented", role: "group", children: l.map((n) => /* @__PURE__ */ e(
+    "button",
+    {
+      "aria-pressed": n.id === a,
+      className: "game-ui-segmented-option",
+      onClick: i ? () => i(n.id) : void 0,
+      type: "button",
+      children: n.label
+    },
+    n.id
+  )) });
+}
+function ga({ label: a, max: t, min: i, onChange: l, value: n }) {
+  return /* @__PURE__ */ o("label", { className: "game-ui-slider", children: [
+    /* @__PURE__ */ e("span", { children: a }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        "aria-label": a,
+        max: t,
+        min: i,
+        onChange: l ? (s) => l(Number(s.currentTarget.value)) : void 0,
+        readOnly: !l,
+        type: "range",
+        value: n
+      }
+    )
+  ] });
+}
+function pa({ checked: a, disabled: t, label: i, onClick: l }) {
+  return /* @__PURE__ */ o("button", { "aria-checked": a, className: "game-ui-toggle", disabled: t, onClick: l, role: "switch", type: "button", children: [
+    /* @__PURE__ */ e("span", { children: i }),
+    /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-toggle-track" })
+  ] });
+}
+function ha({ items: a, label: t }) {
+  return /* @__PURE__ */ e("div", { "aria-label": t, className: "game-ui-radial-menu", role: "menu", children: a.map((i) => /* @__PURE__ */ e("button", { className: "game-ui-radial-item", role: "menuitem", type: "button", children: i.label }, i.id)) });
+}
+function ke({ children: a, tone: t = "info" }) {
+  return /* @__PURE__ */ e("div", { className: "game-ui-toast", "data-toast-tone": t, role: t === "danger" ? "alert" : "status", children: a });
+}
+function Ti({ actionLabel: a, children: t, title: i }) {
+  return /* @__PURE__ */ o("section", { "aria-label": i, className: "game-ui-prompt", children: [
+    /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ e("h3", { children: i }),
+      /* @__PURE__ */ e("p", { children: t })
+    ] }),
+    a ? /* @__PURE__ */ e(C, { variant: "primary", children: a }) : null
+  ] });
+}
+const N = {
+  ink: "#3b2d23",
+  inkMuted: "#7b6652",
+  parchment: "#fff8ec",
+  parchmentDeep: "#f4e2c6",
+  cream: "#f3e8d8",
+  wood: "#6c4f38",
+  woodDeep: "#3a2518",
+  honey: "#f2b35c",
+  orange: "#e8743b",
+  teal: "#1d9a8b",
+  green: "#4f9d6b",
+  mint: "#7ee0b6",
+  berry: "#9b6dd6",
+  red: "#d85a45",
+  sky: "#5ca6d8",
+  shadow: "rgba(76, 52, 28, 0.24)",
+  glass: "rgba(255, 248, 236, 0.82)",
+  nightGlass: "rgba(31, 24, 18, 0.76)"
+}, ne = {
+  background: "var(--game-ui-bg)",
+  playfieldScrim: "var(--game-ui-playfield-scrim)",
+  surface: "var(--game-ui-surface)",
+  surfaceRaised: "var(--game-ui-surface-raised)",
+  panel: "var(--game-ui-panel)",
+  panelStrong: "var(--game-ui-panel-strong)",
+  text: "var(--game-ui-text)",
+  textMuted: "var(--game-ui-text-muted)",
+  accent: "var(--game-ui-accent)",
+  accentContrast: "var(--game-ui-accent-contrast)",
+  secondary: "var(--game-ui-secondary)",
+  success: "var(--game-ui-success)",
+  danger: "var(--game-ui-danger)",
+  warning: "var(--game-ui-warning)",
+  focusRing: "var(--game-ui-focus-ring)",
+  borderSubtle: "var(--game-ui-border-subtle)",
+  borderStrong: "var(--game-ui-border-strong)",
+  disabled: "var(--game-ui-disabled)"
+}, le = {
+  familyDisplay: "var(--game-ui-font-display)",
+  familyBody: "var(--game-ui-font-body)",
+  xs: "var(--game-ui-font-xs)",
+  sm: "var(--game-ui-font-sm)",
+  md: "var(--game-ui-font-md)",
+  lg: "var(--game-ui-font-lg)",
+  xl: "var(--game-ui-font-xl)",
+  xxl: "var(--game-ui-font-xxl)",
+  lineTight: "var(--game-ui-line-tight)",
+  lineBody: "var(--game-ui-line-body)",
+  weightBody: "var(--game-ui-weight-body)",
+  weightStrong: "var(--game-ui-weight-strong)",
+  weightTitle: "var(--game-ui-weight-title)"
+}, oe = {
+  px2: "var(--game-ui-space-2)",
+  px4: "var(--game-ui-space-4)",
+  px6: "var(--game-ui-space-6)",
+  px8: "var(--game-ui-space-8)",
+  px10: "var(--game-ui-space-10)",
+  px12: "var(--game-ui-space-12)",
+  px16: "var(--game-ui-space-16)",
+  px20: "var(--game-ui-space-20)",
+  px24: "var(--game-ui-space-24)",
+  px32: "var(--game-ui-space-32)",
+  safeTop: "var(--game-ui-safe-top)",
+  safeRight: "var(--game-ui-safe-right)",
+  safeBottom: "var(--game-ui-safe-bottom)",
+  safeLeft: "var(--game-ui-safe-left)"
+}, se = {
+  bead: "var(--game-ui-radius-bead)",
+  control: "var(--game-ui-radius-control)",
+  card: "var(--game-ui-radius-card)",
+  panel: "var(--game-ui-radius-panel)",
+  modal: "var(--game-ui-radius-modal)"
+}, re = {
+  button: "var(--game-ui-shadow-button)",
+  panel: "var(--game-ui-shadow-panel)",
+  modal: "var(--game-ui-shadow-modal)",
+  inset: "var(--game-ui-shadow-inset)",
+  stroke: "var(--game-ui-stroke)"
+}, ce = {
+  fast: "var(--game-ui-motion-fast)",
+  base: "var(--game-ui-motion-base)",
+  slow: "var(--game-ui-motion-slow)",
+  easingPop: "var(--game-ui-ease-pop)",
+  easingSoft: "var(--game-ui-ease-soft)",
+  reducedMotion: "var(--game-ui-reduced-motion-policy)"
+}, de = {
+  playfield: "var(--game-ui-z-playfield)",
+  hud: "var(--game-ui-z-hud)",
+  sidebar: "var(--game-ui-z-sidebar)",
+  overlay: "var(--game-ui-z-overlay)",
+  modal: "var(--game-ui-z-modal)",
+  toast: "var(--game-ui-z-toast)"
+}, me = {
+  touchMinimumPx: 44,
+  touchPrimaryPx: 52,
+  touchIconPx: 48,
+  touchRowPx: 46,
+  adjacentSpacingPx: 8,
+  mobileLandscapeMinHeightPx: 390,
+  desktopProofWidthPx: 1440,
+  desktopProofHeightPx: 900,
+  mobileLandscapeProofWidthPx: 844,
+  mobileLandscapeProofHeightPx: 390
+}, ue = {
+  iconSm: "var(--game-ui-asset-icon-sm)",
+  iconMd: "var(--game-ui-asset-icon-md)",
+  iconLg: "var(--game-ui-asset-icon-lg)",
+  iconXl: "var(--game-ui-asset-icon-xl)",
+  buttonSkinMinWidth: "var(--game-ui-asset-button-min-width)",
+  cardFanWidth: "var(--game-ui-asset-card-fan-width)",
+  stageTileMinHeight: "var(--game-ui-stage-tile-min-height)",
+  terrainSwatchSize: "var(--game-ui-terrain-swatch-size)",
+  terrainToolHitSize: "var(--game-ui-terrain-tool-hit-size)",
+  buildRailCardSize: "var(--game-ui-build-rail-card-size)",
+  brushNumberWidth: "var(--game-ui-brush-number-width)"
+}, Ci = {
+  colors: N,
+  semantic: ne,
+  typography: le,
+  spacing: oe,
+  radius: se,
+  elevation: re,
+  motion: ce,
+  layers: de,
+  targets: me,
+  assetSizing: ue
+}, ba = "/assets/game/ui/clay/phase03-clay-kit", m = (a) => `${ba}/${a}`, ge = {
+  ai: { line: m("icons/function/brain-v1.png") },
+  alert: { game: m("components/common/alert-v1.png"), line: m("icons/function/warning-v1.png") },
+  card: { line: m("icons/function/card-v1.png") },
+  chat: { line: m("icons/function/chat-v1.png") },
+  check: { line: m("icons/function/check-v1.png") },
+  close: { game: m("components/language/button-close-v1.png"), line: m("icons/function/cancel-v1.png") },
+  coin: { game: m("icons/common/gold-v1.png"), line: m("icons/function/gold-v1.png") },
+  compass: { line: m("icons/function/compass-v1.png") },
+  copy: { line: m("icons/function/copy-v1.png") },
+  crown: { game: m("icons/common/crown-v1.png"), line: m("icons/function/crown-v1.png") },
+  energy: { game: m("icons/common/energy-v1.png"), line: m("icons/function/energy-v1.png") },
+  gem: { game: m("icons/common/gem-v1.png"), line: m("icons/function/gem-v1.png") },
+  gift: { game: m("icons/common/gift-red-v1.png"), line: m("icons/function/gift-v1.png") },
+  globe: { line: m("icons/function/globe-v1.png") },
+  history: { line: m("icons/function/list-v1.png") },
+  home: { line: m("icons/function/home-v1.png") },
+  hourglass: { game: m("icons/common/sandglass-v1.png"), line: m("icons/function/sandglass-v1.png") },
+  laurel: { game: m("icons/common/laurel-v1.png") },
+  lock: { game: m("icons/common/lock-v1.png"), line: m("icons/function/lock-v1.png") },
+  lucky: { game: m("icons/common/lucky-v1.png") },
+  mail: { game: m("icons/common/envelope-v1.png"), line: m("icons/function/mail-unread-v1.png") },
+  medal: { game: m("icons/common/medal-gold-v1.png"), line: m("icons/function/medal-v1.png") },
+  mission: { game: m("icons/common/mission-v1.png") },
+  mobile: { line: m("icons/function/mobile-v1.png") },
+  // Portal/Tavern entry: the game family has no compass, so the on-brand
+  // default is the sculpted key ("enter a code / unlock a table"). The flat
+  // compass stays available as the line alternate.
+  portal: { game: m("icons/common/key-v1.png"), line: m("icons/function/compass-v1.png") },
+  scroll: { game: m("icons/common/scroll-v1.png"), line: m("icons/function/list-v1.png") },
+  settings: { game: m("icons/common/setting-v1.png"), line: m("icons/function/setting-1-v1.png") },
+  shirt: { line: m("icons/function/user-v1.png") },
+  shop: { game: m("icons/common/shop-v1.png"), line: m("icons/function/shop-v1.png") },
+  smile: { line: m("icons/function/emoji-good-v1.png") },
+  timer: { game: m("icons/common/timer-v1.png"), line: m("icons/function/stopwatch-v1.png") },
+  trophy: { game: m("icons/common/trophy-v1.png"), line: m("icons/function/trophy-v1.png") },
+  undo: { line: m("icons/function/back-v1.png") },
+  redo: { line: m("icons/function/refresh-v1.png") },
+  vote: { game: m("icons/common/target-v1.png"), line: m("icons/function/target-v1.png") }
+}, pe = Object.keys(ge);
+function he(a, t) {
+  const i = ge[a];
+  return t === "line" ? i.line ?? i.game ?? "" : i.game ?? i.line ?? "";
+}
+function _e(a) {
+  const t = ge[a], i = [];
+  return t.game && i.push("game"), t.line && i.push("line"), i;
+}
+const ze = {
+  anvil: m("icons/common/anvil-v1.png"),
+  arrow: m("icons/common/arrow-v1.png"),
+  bomb: m("icons/common/bomb-v1.png"),
+  candle: m("icons/common/candle-v1.png"),
+  chicken: m("icons/common/chicken-v1.png"),
+  giftBlue: m("icons/common/gift-blue-v1.png"),
+  hammer: m("icons/common/hammer-v1.png"),
+  horn: m("icons/common/horner-v1.png"),
+  horseshoe: m("icons/common/horseshoes-v1.png"),
+  letter: m("icons/common/letter-v1.png"),
+  medalBronze: m("icons/common/medal-bronze-v1.png"),
+  medalSilver: m("icons/common/medal-silver-v1.png"),
+  pickaxe: m("icons/common/pickax-v1.png"),
+  potionPurple: m("icons/common/poiton-purple-v1.png"),
+  potionRed: m("icons/common/poition-red-v1.png"),
+  purpleGem: m("icons/common/purplegem-v1.png"),
+  shieldA: m("icons/common/shield-a-v1.png"),
+  shieldB: m("icons/common/shield-b-v1.png"),
+  shieldC: m("icons/common/shield-c-v1.png"),
+  shieldD: m("icons/common/shield-d-v1.png"),
+  skull: m("icons/common/skull-v1.png"),
+  soulGem: m("icons/common/soulgem-v1.png"),
+  swordA: m("icons/common/sword-a-v1.png"),
+  swordB: m("icons/common/sword-b-v1.png"),
+  talaria: m("icons/common/talaria-v1.png"),
+  treasure: m("icons/common/treasure-v1.png")
+}, va = Object.keys(ze), V = {
+  buttons: {
+    primary: m("buttons/button-brown-large-v2.png"),
+    blue: m("buttons/button-blue-large-v2.png"),
+    brown: m("buttons/button-brown-large-v2.png"),
+    green: m("buttons/button-green-large-v2.png"),
+    purple: m("buttons/button-purple-large-v2.png"),
+    red: m("buttons/button-red-large-v2.png")
+  },
+  panels: {
+    popup: m("components/popup/popup-v1.png"),
+    commonTitle: m("components/settings/common-popup-title-v1.png"),
+    language: m("components/language/language-v1.png")
+  },
+  controls: {
+    switchOn: m("components/common/switch-on-v1.png"),
+    switchOff: m("components/common/switch-off-v1.png"),
+    slider: m("components/settings/slidebar-v1.png"),
+    tabSelected: m("components/common/tab-s-v1.png"),
+    tabNormal: m("components/common/tab-n-v1.png")
+  },
+  // The default (game-preferred) path for every semantic icon, derived from the
+  // variant table above so there is a single source of truth.
+  icons: Object.fromEntries(pe.map((a) => [a, he(a)])),
+  catalog: {
+    manifest: "/assets/game/ui/clay/asset-manifest.json",
+    sourceCatalog: m("catalog/phase03-clay-ui-catalog.json"),
+    contactSheetCommon: m("catalog/common-icons-contact-sheet-v1.png"),
+    contactSheetComponents: m("catalog/component-candidates-contact-sheet-v1.png"),
+    contactSheetFunction: m("catalog/function-icons-contact-sheet-v1.png")
+  }
+}, fa = {
+  ai: "AI",
+  alert: "!",
+  card: "▣",
+  chat: "··",
+  check: "✓",
+  close: "×",
+  coin: "◉",
+  compass: "⌖",
+  copy: "⧉",
+  crown: "♛",
+  energy: "ϟ",
+  gem: "◆",
+  gift: "❦",
+  globe: "◎",
+  history: "≡",
+  redo: "↻",
+  undo: "↶",
+  home: "⌂",
+  hourglass: "⧗",
+  laurel: "❧",
+  lock: "⌘",
+  lucky: "✲",
+  mail: "✉",
+  medal: "✦",
+  mission: "❖",
+  mobile: "▯",
+  portal: "◇",
+  scroll: "☰",
+  settings: "⚙",
+  shirt: "◔",
+  shop: "⊞",
+  smile: "☺",
+  timer: "◷",
+  trophy: "★",
+  vote: "⌾"
+}, ya = {
+  ai: N.berry,
+  alert: N.red,
+  card: N.honey,
+  chat: N.sky,
+  check: N.green,
+  close: N.red,
+  coin: N.honey,
+  compass: N.teal,
+  copy: N.wood,
+  crown: N.honey,
+  energy: N.orange,
+  gem: N.sky,
+  gift: N.red,
+  globe: N.teal,
+  history: N.inkMuted,
+  redo: N.wood,
+  undo: N.wood,
+  home: N.wood,
+  hourglass: N.orange,
+  laurel: N.green,
+  lock: N.ink,
+  lucky: N.green,
+  mail: N.sky,
+  medal: N.honey,
+  mission: N.berry,
+  mobile: N.sky,
+  portal: N.teal,
+  scroll: N.berry,
+  settings: N.inkMuted,
+  shirt: N.sky,
+  shop: N.inkMuted,
+  smile: N.honey,
+  timer: N.orange,
+  trophy: N.honey,
+  vote: N.red
+};
+function wa(a) {
+  const t = fa[a], i = ya[a], l = N.parchment, n = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96"><defs><filter id="s" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="0" dy="5" stdDeviation="4" flood-color="#4c341c" flood-opacity=".22"/></filter></defs><rect x="10" y="8" width="76" height="76" rx="25" fill="${l}" filter="url(#s)"/><circle cx="48" cy="46" r="28" fill="${i}" opacity=".88"/><path d="M23 28c10-12 36-16 52 0" stroke="#fff" stroke-width="6" stroke-linecap="round" opacity=".38"/><text x="48" y="58" text-anchor="middle" font-family="system-ui,sans-serif" font-size="28" font-weight="900" fill="${l}">${t}</text></svg>`;
+  return `data:image/svg+xml,${encodeURIComponent(n)}`;
+}
+let be = "inline";
+function Ai(a) {
+  be = a;
+}
+function Bi() {
+  return be;
+}
+function Z(a, t = {}) {
+  return t.inline ?? be === "inline" ? wa(a) : he(a, t.style);
+}
+function xi(a, t) {
+  return he(a, t);
+}
+function S({ children: a, className: t, tone: i = "neutral" }) {
+  const l = ["game-ui-badge", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("span", { className: l, "data-badge-tone": i, children: a });
+}
+function L({ className: a, icon: t, label: i, size: l = "md", style: n, useSourceAsset: s = !1 }) {
+  const r = ["game-ui-asset-icon", a].filter(Boolean).join(" "), d = i ? { "aria-label": i } : { "aria-hidden": !0 }, u = Z(t, { ...n ? { style: n } : {}, ...s ? { inline: !1 } : {} });
+  return /* @__PURE__ */ e("span", { className: r, "data-icon-size": l, "data-icon-style": n ?? "game", ...d, children: /* @__PURE__ */ e("img", { alt: "", src: u }) });
+}
+function Ve({ actions: a, className: t, items: i, label: l }) {
+  const n = ["game-ui-hud", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("section", { "aria-label": l, className: n, children: [
+    /* @__PURE__ */ e("div", { className: "game-ui-hud-cluster", children: i.map((s) => /* @__PURE__ */ o("article", { className: "game-ui-hud-chip", children: [
+      s.icon ? /* @__PURE__ */ e(L, { icon: s.icon, size: "md" }) : null,
+      /* @__PURE__ */ o("span", { children: [
+        /* @__PURE__ */ e("small", { children: s.label }),
+        /* @__PURE__ */ e("strong", { children: s.value }),
+        s.meta ? /* @__PURE__ */ e("em", { children: s.meta }) : null
+      ] })
+    ] }, s.id)) }),
+    a ? /* @__PURE__ */ e("div", { className: "game-ui-hud-tools", children: a }) : null
+  ] });
+}
+function Na({ cards: a, className: t, label: i }) {
+  const l = ["game-ui-card-fan", t].filter(Boolean).join(" "), n = (a.length - 1) / 2;
+  return /* @__PURE__ */ e("div", { "aria-label": i, className: l, role: "list", children: a.map((s, r) => {
+    const d = {
+      "--game-ui-card-index": r,
+      "--game-ui-card-offset": r - n
+    };
+    return /* @__PURE__ */ o("article", { className: "game-ui-card-fan-card", role: "listitem", style: d, children: [
+      s.icon ? /* @__PURE__ */ e(L, { icon: s.icon, size: "lg" }) : null,
+      /* @__PURE__ */ e("small", { children: s.kicker }),
+      /* @__PURE__ */ e("strong", { children: s.title })
+    ] }, s.id);
+  }) });
+}
+function q({ badge: a, className: t, icon: i, kicker: l, selected: n = !1, summary: s, title: r, tone: d = "daily", type: u = "button", ...c }) {
+  const b = ["game-ui-stage-tile", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("button", { "aria-pressed": n, className: b, "data-stage-tone": d, type: u, ...c, children: [
+    i ? /* @__PURE__ */ e(L, { icon: i, size: "xl" }) : null,
+    /* @__PURE__ */ o("span", { className: "game-ui-stage-tile-copy", children: [
+      /* @__PURE__ */ e("small", { children: l }),
+      /* @__PURE__ */ e("strong", { children: r }),
+      /* @__PURE__ */ e("span", { children: s })
+    ] }),
+    a ? /* @__PURE__ */ e(S, { tone: n ? "success" : "neutral", children: a }) : null
+  ] });
+}
+function J() {
+  return typeof window > "u" ? !1 : (window.matchMedia?.("(pointer: coarse), (max-width: 899px)").matches ?? window.innerWidth < 900) && window.innerHeight > window.innerWidth;
+}
+function ka({ body: a, cta: t, badgeLabel: i = "Landscape only", manualHint: l = "Rotate manually if this browser blocks automatic landscape lock.", preview: n = !1, title: s }) {
+  const [r, d] = M(n || J), [u, c] = M("");
+  if (te(() => {
+    if (n) return;
+    const g = () => {
+      const v = J();
+      d(v), v || c("");
+    };
+    return g(), window.addEventListener("resize", g), window.addEventListener("orientationchange", g), () => {
+      window.removeEventListener("resize", g), window.removeEventListener("orientationchange", g);
+    };
+  }, [n]), !r) return null;
+  const b = async () => {
+    if (c(""), !n)
+      try {
+        const g = document.documentElement;
+        !document.fullscreenElement && g.requestFullscreen && await g.requestFullscreen(), await screen.orientation.lock?.("landscape-primary"), d(J());
+      } catch {
+        c(l);
+      }
+  };
+  return /* @__PURE__ */ e("aside", { "aria-label": s, className: "game-ui-orientation-gate", children: /* @__PURE__ */ o("div", { className: "game-ui-orientation-card", children: [
+    /* @__PURE__ */ e(L, { icon: "mobile", size: "xl" }),
+    /* @__PURE__ */ e(S, { tone: "warning", children: i }),
+    /* @__PURE__ */ e("h2", { children: s }),
+    /* @__PURE__ */ e("p", { children: a }),
+    /* @__PURE__ */ e("button", { onClick: () => {
+      b();
+    }, type: "button", children: t }),
+    u ? /* @__PURE__ */ e("small", { children: u }) : null
+  ] }) });
+}
+function Sa({ className: a, currentLabel: t, label: i, options: l, value: n, defaultValue: s, onSelect: r }) {
+  const [d, u] = M(!1), [c, b] = M(s ?? l[0]?.id ?? ""), g = Y(), v = ["game-ui-language-menu", a].filter(Boolean).join(" "), y = n ?? c, k = l.find((w) => w.id === y), p = t ?? k?.label ?? l[0]?.label ?? "", f = (w) => {
+    n === void 0 && b(w), r?.(w), u(!1);
+  };
+  return /* @__PURE__ */ o("div", { className: v, children: [
+    /* @__PURE__ */ o("button", { "aria-controls": g, "aria-expanded": d, className: "game-ui-language-trigger", onClick: () => u((w) => !w), type: "button", children: [
+      /* @__PURE__ */ e(L, { icon: "globe", size: "sm" }),
+      /* @__PURE__ */ e("span", { children: p })
+    ] }),
+    d ? /* @__PURE__ */ e("div", { "aria-label": i, className: "game-ui-language-popover", id: g, role: "menu", children: l.map((w) => /* @__PURE__ */ e(
+      "button",
+      {
+        "aria-checked": w.id === y,
+        "data-selected": w.id === y,
+        onClick: () => f(w.id),
+        role: "menuitemradio",
+        type: "button",
+        children: /* @__PURE__ */ o("span", { children: [
+          /* @__PURE__ */ e("strong", { children: w.label }),
+          /* @__PURE__ */ e("small", { children: w.meta })
+        ] })
+      },
+      w.id
+    )) }) : null
+  ] });
+}
+function Se({ label: a, tone: t = "loading" }) {
+  return /* @__PURE__ */ o("div", { className: "game-ui-loading-state", "data-loading-tone": t, role: t === "error" ? "alert" : "status", children: [
+    /* @__PURE__ */ e("img", { alt: "", src: Z(t === "error" ? "alert" : "timer") }),
+    /* @__PURE__ */ e("span", { children: a })
+  ] });
+}
+function Ii() {
+  return V.catalog;
+}
+function z({ fallback: a, slot: t }) {
+  return t ?? /* @__PURE__ */ e(L, { icon: a, size: "sm" });
+}
+function La({ authenticated: a, batteryCount: t, className: i, dailyStreak: l, iconSlots: n, labels: s, onHistory: r, onSettings: d, onWardrobe: u, playerName: c }) {
+  const b = ["swimmer-first-session-shell", i].filter(Boolean).join(" "), g = a ? `${t} 🔋` : s.guest ?? "guest";
+  return /* @__PURE__ */ o("section", { "aria-label": s.shell, className: b, children: [
+    /* @__PURE__ */ e(
+      Ve,
+      {
+        className: "swimmer-first-session-hud",
+        items: [
+          { icon: "crown", id: "role", label: s.roleLabel, meta: c, value: s.roleValue },
+          { icon: "portal", id: "room", label: s.roomLabel, meta: g, value: s.roomValue },
+          { icon: "trophy", id: "goal", label: s.goalLabel, meta: `${s.streak ?? "Daily"} ${l}`, value: s.goalValue },
+          { icon: "timer", id: "timer", label: s.timerLabel, value: s.timerValue }
+        ],
+        label: s.hud,
+        actions: /* @__PURE__ */ o(K, { className: "swimmer-first-session-hud-actions", label: s.tools, children: [
+          /* @__PURE__ */ o(C, { "aria-label": s.wardrobe, onClick: u, variant: "secondary", children: [
+            /* @__PURE__ */ e(z, { fallback: "shirt", slot: n?.wardrobe }),
+            s.wardrobe
+          ] }),
+          /* @__PURE__ */ o(C, { "aria-label": s.settings, onClick: d, variant: "secondary", children: [
+            /* @__PURE__ */ e(z, { fallback: "settings", slot: n?.settings }),
+            s.settings
+          ] }),
+          /* @__PURE__ */ o(C, { "aria-label": s.history, onClick: r, variant: "secondary", children: [
+            /* @__PURE__ */ e(z, { fallback: "history", slot: n?.history }),
+            s.history
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ o("div", { "aria-label": s.controls, className: "swimmer-first-session-controls", children: [
+      /* @__PURE__ */ e("div", { "aria-hidden": "true", className: "swimmer-first-session-joystick", children: /* @__PURE__ */ e("span", {}) }),
+      /* @__PURE__ */ o("div", { className: "swimmer-first-session-control-copy", children: [
+        /* @__PURE__ */ e(S, { tone: "ai", children: s.moveBadge }),
+        /* @__PURE__ */ e("strong", { children: s.move })
+      ] }),
+      /* @__PURE__ */ o("label", { className: "swimmer-first-session-input", children: [
+        /* @__PURE__ */ e(z, { fallback: "chat", slot: n?.input }),
+        /* @__PURE__ */ e("span", { children: s.input })
+      ] }),
+      /* @__PURE__ */ o("button", { className: "swimmer-first-session-emote", type: "button", children: [
+        /* @__PURE__ */ e(z, { fallback: "smile", slot: n?.emote }),
+        s.emote
+      ] })
+    ] })
+  ] });
+}
+function Ta({ labels: a, onDismiss: t, open: i }) {
+  return i ? /* @__PURE__ */ o("aside", { "aria-labelledby": "swimmer-first-session-onboarding-title", "aria-modal": "true", className: "swimmer-first-session-onboarding", role: "dialog", children: [
+    /* @__PURE__ */ e("div", { className: "swimmer-first-session-onboarding-scrim" }),
+    /* @__PURE__ */ o("div", { className: "swimmer-first-session-onboarding-card", children: [
+      /* @__PURE__ */ e(L, { icon: "trophy", size: "xl" }),
+      /* @__PURE__ */ e(S, { tone: "warning", children: a.badge }),
+      /* @__PURE__ */ e("h2", { id: "swimmer-first-session-onboarding-title", children: a.title }),
+      /* @__PURE__ */ e("p", { children: a.body }),
+      /* @__PURE__ */ e("ol", { className: "swimmer-first-session-onboarding-steps", children: a.steps.map((l, n) => /* @__PURE__ */ o("li", { children: [
+        /* @__PURE__ */ e("span", { children: String(n + 1).padStart(2, "0") }),
+        /* @__PURE__ */ e("strong", { children: l.title }),
+        /* @__PURE__ */ e("small", { children: l.body })
+      ] }, l.title)) }),
+      /* @__PURE__ */ o("div", { className: "swimmer-first-session-onboarding-actions", children: [
+        /* @__PURE__ */ e(C, { onClick: t, variant: "primary", children: a.start }),
+        /* @__PURE__ */ e(C, { onClick: t, variant: "ghost", children: a.skip })
+      ] })
+    ] })
+  ] }) : null;
+}
+const Le = Oe(function({ className: t, invalid: i, type: l = "text", ...n }, s) {
+  const r = ["game-ui-input", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("input", { className: r, "data-invalid": i ? "true" : void 0, ref: s, type: l, ...n });
+}), Ca = Oe(function({ className: t, invalid: i, rows: l = 3, ...n }, s) {
+  const r = ["game-ui-input", "game-ui-textarea", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("textarea", { className: r, "data-invalid": i ? "true" : void 0, ref: s, rows: l, ...n });
+});
+function H({ children: a, className: t, error: i, hint: l, label: n, required: s }) {
+  const r = ["game-ui-field", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("label", { className: r, "data-invalid": i ? "true" : void 0, children: [
+    /* @__PURE__ */ o("span", { className: "game-ui-field-label", children: [
+      n,
+      s ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-field-required", children: " *" }) : null
+    ] }),
+    a,
+    l && !i ? /* @__PURE__ */ e("span", { className: "game-ui-field-hint", children: l }) : null,
+    i ? /* @__PURE__ */ e("span", { className: "game-ui-field-error", role: "alert", children: i }) : null
+  ] });
+}
+function Aa({ className: a, label: t, ...i }) {
+  const l = ["game-ui-checkbox", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("label", { className: l, children: [
+    /* @__PURE__ */ e("input", { className: "game-ui-checkbox-input", type: "checkbox", ...i }),
+    /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-checkbox-box" }),
+    /* @__PURE__ */ e("span", { className: "game-ui-checkbox-label", children: t })
+  ] });
+}
+function Ba(a) {
+  const t = a.trim().split(/\s+/).filter(Boolean);
+  return t.length === 0 ? "?" : t.slice(0, 2).map((l) => l[0] ?? "").join("").toUpperCase();
+}
+function $({ className: a, name: t, size: i = "md", src: l, status: n = "none" }) {
+  const s = ["game-ui-avatar", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("span", { className: s, "data-avatar-size": i, "data-avatar-status": n, children: [
+    l ? /* @__PURE__ */ e("img", { alt: t, src: l }) : /* @__PURE__ */ o(Ge, { children: [
+      /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-avatar-initials", children: Ba(t) }),
+      /* @__PURE__ */ e("span", { className: "game-ui-sr-only", children: t })
+    ] }),
+    n !== "none" ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-avatar-status" }) : null
+  ] });
+}
+function D({ className: a, label: t, max: i = 100, showValue: l = !1, tone: n = "accent", value: s }) {
+  const r = i <= 0 ? 100 : i, d = Math.max(0, Math.min(100, s / r * 100)), u = ["game-ui-progress", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("div", { className: u, "data-progress-tone": n, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        "aria-label": t,
+        "aria-valuemax": r,
+        "aria-valuemin": 0,
+        "aria-valuenow": s,
+        className: "game-ui-progress-track",
+        role: "progressbar",
+        children: /* @__PURE__ */ e("div", { className: "game-ui-progress-fill", style: { width: `${d}%` } })
+      }
+    ),
+    l ? /* @__PURE__ */ o("span", { className: "game-ui-progress-value", children: [
+      Math.round(d),
+      "%"
+    ] }) : null
+  ] });
+}
+function P({ action: a, className: t, description: i, icon: l, title: n }) {
+  const s = ["game-ui-empty-state", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("div", { className: s, children: [
+    l ? /* @__PURE__ */ e(L, { icon: l, size: "xl" }) : null,
+    /* @__PURE__ */ e("strong", { className: "game-ui-empty-state-title", children: n }),
+    i ? /* @__PURE__ */ e("p", { className: "game-ui-empty-state-body", children: i }) : null,
+    a ? /* @__PURE__ */ e("div", { className: "game-ui-empty-state-action", children: a }) : null
+  ] });
+}
+function He({
+  assetLibrary: a,
+  bottomBar: t,
+  children: i,
+  className: l,
+  density: n = "comfortable",
+  hud: s,
+  layout: r = "auto",
+  movementPad: d,
+  overlay: u,
+  sidePanel: c,
+  title: b
+}) {
+  const g = ["game-ui-shell", l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("section", { "aria-label": b, className: g, "data-density": n, "data-layout": r, children: [
+    /* @__PURE__ */ e("div", { className: "game-ui-shell-scene", children: i }),
+    s ? /* @__PURE__ */ e("div", { className: "game-ui-shell-hud", children: s }) : null,
+    a ? /* @__PURE__ */ e("aside", { className: "game-ui-shell-library", children: a }) : null,
+    c ? /* @__PURE__ */ e("aside", { className: "game-ui-shell-side-panel", children: c }) : null,
+    d ? /* @__PURE__ */ e("div", { className: "game-ui-shell-movement", children: d }) : null,
+    t ? /* @__PURE__ */ e("div", { className: "game-ui-shell-bottom-bar", children: t }) : null,
+    u ? /* @__PURE__ */ e("div", { className: "game-ui-shell-overlay", children: u }) : null
+  ] });
+}
+const Ei = He;
+function ve({ className: a, density: t = "comfortable", facts: i, label: l, variant: n = "facts" }) {
+  const s = ["game-ui-fact-list", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("section", { "aria-label": l, className: s, "data-density": t, "data-variant": n, children: i.map((r) => /* @__PURE__ */ o("article", { className: "game-ui-fact", children: [
+    r.icon ? /* @__PURE__ */ e(L, { icon: r.icon, size: t === "dense" ? "sm" : "md" }) : null,
+    /* @__PURE__ */ o("span", { className: "game-ui-fact-copy", children: [
+      /* @__PURE__ */ e("small", { children: r.label }),
+      /* @__PURE__ */ e("strong", { children: r.value }),
+      r.meta ? /* @__PURE__ */ e("em", { children: r.meta }) : null
+    ] }),
+    r.tone ? /* @__PURE__ */ e(S, { tone: r.tone, children: n === "stats" ? r.label : r.value }) : null
+  ] }, r.id)) });
+}
+const Ri = ve;
+function U({ actions: a, className: t, density: i = "comfortable", iconLabelMode: l = "hidden", label: n, style: s = "button" }) {
+  const r = ["game-ui-action-grid", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o(K, { className: r, "data-icon-label-mode": s === "icon" ? l : void 0, label: n, children: [
+    /* @__PURE__ */ e("span", { className: "game-ui-sr-only", children: n }),
+    a.map((d) => {
+      const u = d.compactLabel ?? d.label, c = /* @__PURE__ */ o(Ge, { children: [
+        d.icon ? /* @__PURE__ */ e(L, { icon: d.icon, size: i === "dense" ? "sm" : "md", ...s === "icon" ? { style: "line" } : {} }) : null,
+        s === "button" ? /* @__PURE__ */ e("span", { children: d.label }) : null,
+        s === "icon" && l === "caption" ? /* @__PURE__ */ e("span", { className: "game-ui-action-grid-caption", children: u }) : null,
+        d.badge ? /* @__PURE__ */ e(S, { tone: d.selected ? "success" : "neutral", children: d.badge }) : null,
+        d.shortcut ? /* @__PURE__ */ e("kbd", { children: d.shortcut }) : null
+      ] }), b = () => d.onAction?.(d.id);
+      return s === "icon" ? /* @__PURE__ */ e(
+        O,
+        {
+          "aria-pressed": d.selected,
+          className: "game-ui-action-grid-button",
+          disabled: d.disabled,
+          label: d.ariaLabel ?? d.label,
+          onClick: b,
+          children: c
+        },
+        d.id
+      ) : /* @__PURE__ */ e(
+        C,
+        {
+          "aria-pressed": d.selected,
+          className: "game-ui-action-grid-button",
+          disabled: d.disabled,
+          onClick: b,
+          variant: d.tone ?? "secondary",
+          children: c
+        },
+        d.id
+      );
+    })
+  ] });
+}
+const xa = [
+  { direction: "forward", label: "Move forward", shortcut: "W / ↑", symbol: "↑" },
+  { direction: "left", label: "Move left", shortcut: "A / ←", symbol: "←" },
+  { direction: "right", label: "Move right", shortcut: "D / →", symbol: "→" },
+  { direction: "backward", label: "Move backward", shortcut: "S / ↓", symbol: "↓" }
+], Ia = {
+  ArrowUp: "forward",
+  w: "forward",
+  W: "forward",
+  ArrowLeft: "left",
+  a: "left",
+  A: "left",
+  ArrowRight: "right",
+  d: "right",
+  D: "right",
+  ArrowDown: "backward",
+  s: "backward",
+  S: "backward",
+  " ": "reset"
+};
+function Ea({
+  actions: a = xa,
+  className: t,
+  density: i = "comfortable",
+  disabled: l = !1,
+  helpText: n,
+  label: s,
+  layout: r = "dpad",
+  onMove: d
+}) {
+  const u = ["game-ui-movement-pad", t].filter(Boolean).join(" "), c = (g) => {
+    l || d?.(g);
+  };
+  return /* @__PURE__ */ o("section", { "aria-label": s, className: u, "data-density": i, "data-layout": r, onKeyDown: (g) => {
+    const v = Ia[g.key];
+    if (!v) return;
+    const y = a.find((k) => k.direction === v);
+    !y || y.disabled || l || (g.preventDefault(), c(v));
+  }, tabIndex: 0, children: [
+    /* @__PURE__ */ e("div", { className: "game-ui-movement-pad-grid", children: a.map((g) => /* @__PURE__ */ o(
+      O,
+      {
+        className: "game-ui-movement-button",
+        "data-direction": g.direction,
+        disabled: l || g.disabled,
+        label: g.label,
+        onClick: () => c(g.direction),
+        children: [
+          g.icon ? /* @__PURE__ */ e(L, { icon: g.icon, size: i === "dense" ? "sm" : "md", style: "line" }) : /* @__PURE__ */ e("span", { "aria-hidden": "true", children: g.symbol ?? g.label }),
+          g.shortcut ? /* @__PURE__ */ e("kbd", { children: g.shortcut }) : null
+        ]
+      },
+      g.direction
+    )) }),
+    n ? /* @__PURE__ */ e("p", { children: n }) : null
+  ] });
+}
+const X = {
+  generated: "Generated",
+  imported: "Imported",
+  starter: "Starter"
+}, Q = {
+  generated: "ai",
+  imported: "warning",
+  starter: "neutral"
+}, Ra = {
+  error: "danger",
+  generating: "ai",
+  missing: "danger",
+  placed: "success",
+  ready: "neutral",
+  selected: "success"
+};
+function Ma({
+  assetId: a,
+  badges: t = [],
+  cardLayout: i = "list",
+  className: l,
+  description: n,
+  disabled: s,
+  facts: r = [],
+  icon: d = "gem",
+  onClick: u,
+  onSelect: c,
+  selected: b = !1,
+  source: g,
+  sourceLabel: v,
+  status: y = "ready",
+  statusLabel: k,
+  thumbnailAlt: p = "",
+  thumbnailSrc: f,
+  title: w,
+  type: h = "button",
+  ...A
+}) {
+  const { "aria-label": T, ...G } = A, _ = ["game-ui-asset-card", l].filter(Boolean).join(" "), x = v ?? X[g], E = k ?? y;
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      "aria-label": T ?? w,
+      "aria-pressed": b,
+      className: _,
+      "data-asset-card-layout": i,
+      "data-asset-source": g,
+      "data-asset-status": y,
+      disabled: s,
+      onClick: (I) => {
+        u?.(I), I.defaultPrevented || c?.(a);
+      },
+      type: h,
+      ...G,
+      children: [
+        /* @__PURE__ */ e("span", { className: "game-ui-asset-card-preview", children: f ? /* @__PURE__ */ e("img", { alt: p, src: f }) : /* @__PURE__ */ e(L, { className: "game-ui-asset-card-icon", icon: d, size: "xl" }) }),
+        /* @__PURE__ */ o("span", { className: "game-ui-asset-card-copy", children: [
+          /* @__PURE__ */ o("span", { className: "game-ui-asset-card-badges", children: [
+            /* @__PURE__ */ e(S, { tone: Q[g], children: x }),
+            /* @__PURE__ */ e(S, { tone: Ra[y], children: E }),
+            t.map((I) => /* @__PURE__ */ e(S, { tone: I.tone ?? "neutral", children: I.label }, I.label))
+          ] }),
+          /* @__PURE__ */ e("strong", { children: w }),
+          n ? /* @__PURE__ */ e("span", { children: n }) : null,
+          r.length > 0 ? /* @__PURE__ */ e("span", { className: "game-ui-asset-card-facts", children: r.map((I) => /* @__PURE__ */ o("span", { children: [
+            /* @__PURE__ */ e("small", { children: I.label }),
+            /* @__PURE__ */ e("b", { children: I.value })
+          ] }, I.id)) }) : null
+        ] })
+      ]
+    }
+  );
+}
+function De({
+  cardLayout: a = "auto",
+  className: t,
+  density: i = "comfortable",
+  emptyAction: l,
+  emptyDescription: n = "Assets will appear here when they are ready to place.",
+  emptyTitle: s = "No assets ready",
+  groups: r,
+  label: d,
+  onSelectAsset: u,
+  selectedAssetId: c,
+  subtitle: b,
+  title: g
+}) {
+  const v = ["game-ui-asset-library", t].filter(Boolean).join(" "), y = r.reduce((p, f) => p + f.assets.length, 0), k = r.reduce((p, f) => (f.assets.forEach((w) => {
+    p[w.source] += 1;
+  }), p), { generated: 0, imported: 0, starter: 0 });
+  return /* @__PURE__ */ e(B, { className: v, "data-card-layout": a, title: g, tone: "strong", children: /* @__PURE__ */ o("section", { "aria-label": d, "data-density": i, children: [
+    b ? /* @__PURE__ */ e("p", { className: "game-ui-asset-library-subtitle", children: b }) : null,
+    /* @__PURE__ */ e("div", { "aria-label": "Asset source counts", className: "game-ui-asset-library-counts", children: Object.entries(k).map(([p, f]) => /* @__PURE__ */ o(S, { tone: Q[p], children: [
+      X[p],
+      " ",
+      f
+    ] }, p)) }),
+    y === 0 ? /* @__PURE__ */ e(P, { action: l, description: n, icon: "gem", title: s }) : /* @__PURE__ */ e("div", { className: "game-ui-asset-library-groups", children: r.map((p) => /* @__PURE__ */ o("section", { "aria-label": p.label, className: "game-ui-asset-library-group", "data-asset-source": p.source, children: [
+      /* @__PURE__ */ o("header", { children: [
+        /* @__PURE__ */ e("strong", { children: p.label }),
+        p.source ? /* @__PURE__ */ e(S, { tone: Q[p.source], children: X[p.source] }) : null
+      ] }),
+      /* @__PURE__ */ e("div", { className: "game-ui-asset-library-grid", children: p.assets.map((f) => {
+        const w = a === "auto" ? f.cardLayout : a;
+        return /* @__PURE__ */ e(
+          Ma,
+          {
+            ...f,
+            ...w ? { cardLayout: w } : {},
+            ...u ? { onSelect: u } : {},
+            selected: f.assetId === c
+          },
+          f.assetId
+        );
+      }) })
+    ] }, p.id)) })
+  ] }) });
+}
+function Ue({
+  actions: a = [],
+  capacityLabel: t = "Objects",
+  className: i,
+  density: l = "comfortable",
+  maxObjects: n,
+  objectActions: s = [],
+  placedObjects: r,
+  selectedLabel: d = "Selected",
+  selectedTitle: u,
+  statusLabel: c = "Status",
+  statusTone: b = "neutral",
+  statusValue: g = "Idle",
+  title: v
+}) {
+  const y = ["game-ui-placement-toolbar", i].filter(Boolean).join(" "), k = typeof r == "number" && typeof n == "number", p = k && n > 0 ? Math.min(n, r) : 0;
+  return /* @__PURE__ */ e(B, { className: y, title: v, tone: "strong", children: /* @__PURE__ */ o("div", { "data-density": l, children: [
+    /* @__PURE__ */ e(ve, { density: l, facts: [
+      { icon: "gem", id: "selected", label: d, value: u ?? "None" },
+      { icon: "check", id: "status", label: c, tone: b, value: g }
+    ], label: `${v} facts` }),
+    k ? /* @__PURE__ */ e(D, { label: t, max: n, showValue: !0, tone: p >= n ? "warning" : "success", value: p }) : null,
+    a.length > 0 ? /* @__PURE__ */ e(U, { actions: a, density: l, label: `${v} actions` }) : null,
+    s.length > 0 ? /* @__PURE__ */ e(U, { actions: s, density: l, label: `${v} object actions`, style: "icon" }) : null
+  ] }) });
+}
+const Mi = Ue, fe = {
+  build: "home",
+  flatten: "card",
+  inspect: "compass",
+  lower: "close",
+  paint: "gem",
+  place: "gem",
+  raise: "energy",
+  smooth: "lucky",
+  terrain: "portal"
+}, Ga = {
+  error: "danger",
+  locked: "warning",
+  missing: "danger",
+  progress: "ai",
+  ready: "neutral",
+  selected: "success"
+};
+function Oa(a, t, i, l) {
+  const n = {
+    disabled: !!(l || a.disabled),
+    icon: a.icon ?? fe[a.id] ?? "gem",
+    id: a.id,
+    label: a.label,
+    selected: a.id === t,
+    tone: a.id === t ? "primary" : "secondary"
+  };
+  return a.ariaLabel && (n.ariaLabel = a.ariaLabel), a.compactLabel && (n.compactLabel = a.compactLabel), a.meta && (n.meta = a.meta), a.shortcut && (n.shortcut = a.shortcut), i && (n.onAction = i), n;
+}
+function F(a, t, i) {
+  return Number.isNaN(a) ? t : Math.min(i, Math.max(t, a));
+}
+function Pa(a, t) {
+  return a !== "auto" ? a : t === "mobile" || t === "small-mobile" ? "caption" : "hidden";
+}
+function _a({
+  activeModeId: a,
+  className: t,
+  disabled: i = !1,
+  label: l,
+  modes: n,
+  onModeChange: s,
+  variant: r = "desktop",
+  "data-testid": d
+}) {
+  const u = ["game-ui-terrain-mode-control", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("section", { "aria-label": l, className: u, "data-ui-hook": "terrain-mode-control", "data-variant": r, "data-testid": d, children: [
+    /* @__PURE__ */ e("span", { className: "game-ui-sr-only", children: l }),
+    /* @__PURE__ */ e("div", { className: "game-ui-terrain-mode-options", role: "group", children: n.map((c) => {
+      const b = c.id === a, g = i || c.disabled, v = r === "small-mobile" ? c.compactLabel ?? c.label : c.label;
+      return /* @__PURE__ */ o(
+        "button",
+        {
+          "aria-describedby": c.meta ? `${c.id}-mode-meta` : void 0,
+          "aria-label": c.ariaLabel ?? c.label,
+          "aria-pressed": b,
+          className: "game-ui-terrain-mode-option",
+          "data-mode-id": c.id,
+          "data-selected": b ? "true" : "false",
+          disabled: g,
+          onClick: s && !g ? () => s(c.id) : void 0,
+          type: "button",
+          children: [
+            /* @__PURE__ */ e(L, { icon: c.icon ?? fe[c.id] ?? "portal", size: r === "small-mobile" ? "sm" : "md", style: "line" }),
+            /* @__PURE__ */ e("span", { children: v }),
+            c.meta ? /* @__PURE__ */ e("small", { id: `${c.id}-mode-meta`, children: c.meta }) : null
+          ]
+        },
+        c.id
+      );
+    }) })
+  ] });
+}
+function za({
+  activeToolId: a,
+  className: t,
+  compactLabelMode: i = "auto",
+  density: l = "comfortable",
+  disabled: n = !1,
+  label: s,
+  onToolChange: r,
+  tools: d,
+  variant: u = "desktop",
+  "data-testid": c
+}) {
+  const b = ["game-ui-terrain-tool-strip", t].filter(Boolean).join(" "), g = Pa(i, u);
+  return /* @__PURE__ */ e("section", { "aria-label": s, className: b, "data-active-tool": a, "data-icon-label-mode": g, "data-ui-hook": "terrain-tool-strip", "data-variant": u, "data-testid": c, children: /* @__PURE__ */ e(
+    U,
+    {
+      actions: d.map((v) => Oa(v, a, r, n)),
+      density: l,
+      iconLabelMode: g,
+      label: s,
+      style: u === "desktop" ? "button" : "icon"
+    }
+  ) });
+}
+function Va({
+  className: a,
+  labels: t = {},
+  onRadiusChange: i,
+  onStrengthChange: l,
+  state: n,
+  variant: s = "desktop",
+  "data-testid": r
+}) {
+  const d = ["game-ui-brush-controls", a].filter(Boolean).join(" "), u = n.minRadius ?? 1, c = n.maxRadius ?? 8, b = n.radiusStep ?? 0.25, g = n.minStrength ?? 0, v = n.maxStrength ?? 1, y = n.strengthStep ?? 0.05, k = F(n.radius, u, c), p = F(n.strength, g, v), f = !!n.disabled, w = (A) => {
+    i?.(F(Number(A.currentTarget.value), u, c));
+  }, h = (A) => {
+    l?.(F(Number(A.currentTarget.value), g, v));
+  };
+  return /* @__PURE__ */ o("section", { className: d, "data-ui-hook": "brush-controls", "data-variant": s, "data-testid": r, children: [
+    /* @__PURE__ */ e(H, { ...t.radiusHint ? { hint: t.radiusHint } : {}, label: t.radius ?? "Brush radius", children: /* @__PURE__ */ o("div", { className: "game-ui-brush-control-row", "data-control": "radius", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          "aria-label": t.radius ?? "Brush radius",
+          className: "game-ui-brush-range",
+          disabled: f,
+          max: c,
+          min: u,
+          onChange: i ? w : void 0,
+          readOnly: !i,
+          step: b,
+          type: "range",
+          value: k
+        }
+      ),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          "aria-label": `${t.radius ?? "Brush radius"} value`,
+          className: "game-ui-brush-number",
+          disabled: f,
+          max: c,
+          min: u,
+          onChange: i ? w : void 0,
+          readOnly: !i,
+          step: b,
+          type: "number",
+          value: k
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e(H, { ...t.strengthHint ? { hint: t.strengthHint } : {}, label: t.strength ?? "Brush strength", children: /* @__PURE__ */ o("div", { className: "game-ui-brush-control-row", "data-control": "strength", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          "aria-label": t.strength ?? "Brush strength",
+          className: "game-ui-brush-range",
+          disabled: f,
+          max: v,
+          min: g,
+          onChange: l ? h : void 0,
+          readOnly: !l,
+          step: y,
+          type: "range",
+          value: p
+        }
+      ),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          "aria-label": `${t.strength ?? "Brush strength"} value`,
+          className: "game-ui-brush-number",
+          disabled: f,
+          max: v,
+          min: g,
+          onChange: l ? h : void 0,
+          readOnly: !l,
+          step: y,
+          type: "number",
+          value: p
+        }
+      )
+    ] }) })
+  ] });
+}
+function Ha({
+  activeMaterialId: a,
+  className: t,
+  disabled: i = !1,
+  label: l,
+  materials: n,
+  onMaterialChange: s,
+  variant: r = "desktop",
+  "data-testid": d
+}) {
+  const u = ["game-ui-material-swatches", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("section", { "aria-label": l, className: u, "data-ui-hook": "material-swatches", "data-variant": r, "data-testid": d, children: /* @__PURE__ */ e("div", { className: "game-ui-material-swatch-grid", role: "listbox", "aria-label": l, children: n.map((c) => {
+    const b = c.id === a, g = i || c.disabled, v = r === "small-mobile" ? c.compactLabel ?? c.label : c.label, y = {
+      "--swatch-color": c.color,
+      "--swatch-secondary-color": c.secondaryColor ?? c.color
+    };
+    return /* @__PURE__ */ o(
+      "button",
+      {
+        "aria-describedby": c.meta ? `${c.id}-material-meta` : void 0,
+        "aria-label": c.label,
+        "aria-selected": b,
+        className: "game-ui-material-swatch",
+        "data-material-id": c.id,
+        disabled: g,
+        onClick: s && !g ? () => s(c.id) : void 0,
+        role: "option",
+        type: "button",
+        children: [
+          /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-material-swatch-chip", "data-swatch-pattern": c.pattern ?? "solid", style: y }),
+          /* @__PURE__ */ o("span", { className: "game-ui-material-swatch-copy", children: [
+            /* @__PURE__ */ e("strong", { children: v }),
+            c.meta ? /* @__PURE__ */ e("small", { id: `${c.id}-material-meta`, children: c.meta }) : null
+          ] })
+        ]
+      },
+      c.id
+    );
+  }) }) });
+}
+function Da({
+  canRedo: a = !1,
+  canUndo: t = !1,
+  className: i,
+  disabled: l = !1,
+  label: n,
+  onRedo: s,
+  onUndo: r,
+  redoLabel: d = "Redo",
+  undoLabel: u = "Undo",
+  variant: c = "desktop",
+  "data-testid": b
+}) {
+  const g = ["game-ui-undo-redo-actions", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("section", { "aria-label": n, className: g, "data-ui-hook": "undo-redo-actions", "data-variant": c, "data-testid": b, children: /* @__PURE__ */ e(U, { actions: [
+    { disabled: l || !t, icon: "undo", id: "undo", label: u, onAction: (y) => {
+      r?.();
+    }, shortcut: "⌘Z" },
+    { disabled: l || !a, icon: "redo", id: "redo", label: d, onAction: (y) => {
+      s?.();
+    }, shortcut: "⇧⌘Z" }
+  ], density: "dense", label: n, style: "icon" }) });
+}
+function Ua({
+  activeCategoryId: a,
+  categories: t,
+  className: i,
+  density: l = "comfortable",
+  emptyDescription: n = "Building pieces will appear here when a category is available.",
+  emptyTitle: s = "No build pieces ready",
+  label: r,
+  onCategoryChange: d,
+  onSelectItem: u,
+  selectedItemId: c,
+  title: b,
+  variant: g = "desktop",
+  "data-testid": v
+}) {
+  const y = ["game-ui-build-library", i].filter(Boolean).join(" "), k = t.filter((h) => !h.disabled), p = t.find((h) => h.id === a) ?? k[0] ?? t[0], f = p?.items ?? [], w = g === "small-mobile";
+  return /* @__PURE__ */ e(B, { className: y, "data-ui-hook": "build-library", "data-variant": g, "data-testid": v, title: b, tone: "strong", children: /* @__PURE__ */ o("section", { "aria-label": r, "data-density": l, children: [
+    /* @__PURE__ */ e("div", { "aria-label": "Build categories", className: "game-ui-build-categories", role: "tablist", children: t.map((h) => {
+      const A = h.id === p?.id, T = g === "small-mobile" ? h.compactLabel ?? h.label : h.label;
+      return /* @__PURE__ */ o(
+        "button",
+        {
+          "aria-controls": `${h.id}-build-panel`,
+          "aria-label": h.label,
+          "aria-selected": A,
+          className: "game-ui-build-category",
+          "data-build-category-id": h.id,
+          disabled: h.disabled,
+          onClick: d && !h.disabled ? () => d(h.id) : void 0,
+          role: "tab",
+          type: "button",
+          children: [
+            /* @__PURE__ */ e(L, { icon: h.icon ?? fe[h.id] ?? "home", size: "sm", style: "line" }),
+            /* @__PURE__ */ e("span", { children: T }),
+            h.meta ? /* @__PURE__ */ e("small", { children: h.meta }) : null
+          ]
+        },
+        h.id
+      );
+    }) }),
+    f.length === 0 || !p ? /* @__PURE__ */ e(P, { description: n, icon: "home", title: s }) : /* @__PURE__ */ e("div", { "aria-label": `${p.label} pieces`, className: "game-ui-build-items", "data-card-layout": w ? "rail" : "list", id: `${p.id}-build-panel`, role: "tabpanel", children: f.map((h) => {
+      const A = h.id === c || h.status === "selected", T = A ? "selected" : h.status ?? "ready", G = !!(h.disabled || T === "locked" || T === "missing"), _ = w ? h.compactLabel ?? h.label : h.label;
+      return /* @__PURE__ */ o(
+        "button",
+        {
+          "aria-label": `${h.label}, ${T}`,
+          "aria-pressed": A,
+          className: "game-ui-build-item",
+          "data-build-category-id": p.id,
+          "data-build-item-id": h.id,
+          "data-build-item-status": T,
+          disabled: G,
+          onClick: u && !G ? () => u(h.id, p.id) : void 0,
+          type: "button",
+          children: [
+            /* @__PURE__ */ e("span", { className: "game-ui-build-item-icon", children: h.previewSrc ? /* @__PURE__ */ e("img", { alt: h.previewAlt ?? "", className: "game-ui-build-item-preview", src: h.previewSrc }) : /* @__PURE__ */ e(L, { icon: h.icon ?? p.icon ?? "home", size: w ? "sm" : "md" }) }),
+            /* @__PURE__ */ o("span", { className: "game-ui-build-item-copy", children: [
+              /* @__PURE__ */ o("span", { className: "game-ui-build-item-badges", children: [
+                /* @__PURE__ */ e(S, { tone: Ga[T], children: T }),
+                h.badges?.map((x) => /* @__PURE__ */ e(S, { tone: x.tone ?? "neutral", children: x.label }, x.label))
+              ] }),
+              /* @__PURE__ */ e("strong", { children: _ }),
+              h.description ? /* @__PURE__ */ e("span", { children: h.description }) : null,
+              h.meta ? /* @__PURE__ */ e("small", { children: h.meta }) : null
+            ] })
+          ]
+        },
+        h.id
+      );
+    }) })
+  ] }) });
+}
+function $e({
+  children: a,
+  className: t,
+  closeIcon: i = "close",
+  closeLabel: l = "Close tools",
+  disabled: n = !1,
+  label: s,
+  onOpenChange: r,
+  open: d,
+  panelId: u,
+  title: c,
+  triggerIcon: b = "settings",
+  triggerLabel: g = "Tools",
+  variant: v = "mobile",
+  "data-testid": y
+}) {
+  const k = ["game-ui-compact-game-drawer", t].filter(Boolean).join(" "), p = u ?? `${c.toLowerCase().replace(/[^a-z0-9]+/g, "-") || "tools"}-drawer-panel`;
+  return /* @__PURE__ */ o("aside", { "aria-label": s, className: k, "data-open": d ? "true" : "false", "data-ui-hook": "compact-game-drawer", "data-variant": v, "data-testid": y, children: [
+    /* @__PURE__ */ o(
+      C,
+      {
+        "aria-controls": p,
+        "aria-expanded": d,
+        className: "game-ui-compact-game-drawer-trigger",
+        disabled: n,
+        onClick: r ? () => r(!d) : void 0,
+        type: "button",
+        variant: "secondary",
+        children: [
+          /* @__PURE__ */ e(L, { icon: d ? i : b, size: "sm", style: "line" }),
+          d ? l : g
+        ]
+      }
+    ),
+    /* @__PURE__ */ e("div", { "aria-hidden": !d, className: "game-ui-compact-game-drawer-panel", "data-drawer-panel": "true", id: p, children: /* @__PURE__ */ e(B, { title: c, tone: "strong", children: a }) })
+  ] });
+}
+function $a({ status: a }) {
+  if (!a) return null;
+  const t = typeof a.progressValue == "number" && typeof a.progressMax == "number", i = a.tone === "danger" ? "danger" : a.tone === "warning" ? "warning" : "success", l = a.progressMax ?? 100, n = a.progressValue ?? 0;
+  return /* @__PURE__ */ o("div", { className: "game-ui-terrain-status", "data-status-tone": a.tone ?? "neutral", "data-ui-hook": "terrain-status", children: [
+    /* @__PURE__ */ e(S, { tone: a.tone ?? "neutral", children: a.label }),
+    a.description ? /* @__PURE__ */ e("p", { children: a.description }) : null,
+    t ? /* @__PURE__ */ e(
+      D,
+      {
+        label: a.progressLabel ?? a.label,
+        max: l,
+        showValue: !0,
+        tone: i,
+        value: n
+      }
+    ) : null
+  ] });
+}
+function Fa({
+  activeBuildCategoryId: a,
+  activeMaterialId: t,
+  activeModeId: i,
+  activeToolId: l,
+  brush: n,
+  buildCategories: s = [],
+  density: r = "comfortable",
+  disabled: d = !1,
+  materials: u = [],
+  modes: c,
+  onBrushRadiusChange: b,
+  onBrushStrengthChange: g,
+  onBuildCategoryChange: v,
+  onMaterialChange: y,
+  onModeChange: k,
+  onRedo: p,
+  onSelectBuildItem: f,
+  onToolChange: w,
+  onUndo: h,
+  selectedBuildItemId: A,
+  status: T,
+  toolCompactLabelMode: G = "auto",
+  tools: _,
+  undoRedo: x,
+  variant: E = "desktop"
+}) {
+  return /* @__PURE__ */ o("div", { className: "game-ui-terrain-build-toolbox-body", "data-active-mode": i, "data-active-tool": l, "data-variant": E, children: [
+    /* @__PURE__ */ e($a, { status: T }),
+    /* @__PURE__ */ e(_a, { activeModeId: i, disabled: d, label: "Tool mode", modes: c, onModeChange: k, variant: E }),
+    /* @__PURE__ */ o("div", { className: "game-ui-terrain-build-main-grid", children: [
+      /* @__PURE__ */ e(za, { activeToolId: l, compactLabelMode: G, density: r, disabled: d, label: "Terrain tools", onToolChange: w, tools: _, variant: E }),
+      /* @__PURE__ */ e(Da, { canRedo: x?.canRedo, canUndo: x?.canUndo, disabled: d, label: "Terrain history", onRedo: p, onUndo: h, redoLabel: x?.redoLabel, undoLabel: x?.undoLabel, variant: E }),
+      /* @__PURE__ */ e(Va, { onRadiusChange: b, onStrengthChange: g, state: { ...n, disabled: !!(d || n.disabled) }, variant: E }),
+      u.length > 0 ? /* @__PURE__ */ e(Ha, { activeMaterialId: t, disabled: d, label: "Terrain materials", materials: u, onMaterialChange: y, variant: E }) : null
+    ] }),
+    s.length > 0 ? /* @__PURE__ */ e(
+      Ua,
+      {
+        activeCategoryId: a,
+        categories: s,
+        density: r,
+        label: "Build library",
+        onCategoryChange: v,
+        onSelectItem: f,
+        selectedItemId: A,
+        title: "Build pieces",
+        variant: E
+      }
+    ) : null
+  ] });
+}
+function Te({
+  className: a,
+  drawerOpen: t = !1,
+  drawerTitle: i = "Terrain and build tools",
+  label: l,
+  onDrawerOpenChange: n,
+  title: s,
+  variant: r = "desktop",
+  "data-testid": d,
+  ...u
+}) {
+  const c = ["game-ui-terrain-build-toolbox", a].filter(Boolean).join(" "), b = /* @__PURE__ */ e(Fa, { ...u, variant: r });
+  return r === "mobile" || r === "small-mobile" ? /* @__PURE__ */ e(
+    $e,
+    {
+      className: c,
+      label: l,
+      onOpenChange: n,
+      open: t,
+      title: i,
+      triggerLabel: s,
+      variant: r,
+      "data-testid": d,
+      children: b
+    }
+  ) : /* @__PURE__ */ e(B, { className: c, "data-ui-hook": "terrain-build-toolbox", "data-variant": r, "data-testid": d, title: s, tone: "strong", children: /* @__PURE__ */ e("section", { "aria-label": l, children: b }) });
+}
+const Fe = {
+  accepted: "success",
+  blocked: "danger",
+  cancelled: "neutral",
+  draft: "neutral",
+  preview: "ai",
+  queued: "warning",
+  readyForReview: "success",
+  working: "ai"
+}, je = {
+  accepted: "check",
+  blocked: "alert",
+  cancelled: "close",
+  draft: "scroll",
+  preview: "compass",
+  queued: "hourglass",
+  readyForReview: "vote",
+  working: "energy"
+}, ja = {
+  active: "ai",
+  blocked: "danger",
+  complete: "success",
+  pending: "neutral"
+}, Wa = {
+  blocked: "danger",
+  done: "success",
+  idle: "neutral",
+  queued: "warning",
+  working: "ai"
+}, We = {
+  "local-only": "Local only",
+  mock: "Mock run",
+  "paid-disabled": "Paid provider off"
+}, Ye = {
+  "local-only": "success",
+  mock: "ai",
+  "paid-disabled": "warning"
+}, Ya = {
+  accepted: [{ id: "revert", label: "Revert", icon: "undo", tone: "ghost" }],
+  blocked: [
+    { id: "revise", label: "Revise", icon: "scroll", tone: "primary" },
+    { id: "revert", label: "Revert", icon: "undo", tone: "ghost" },
+    { id: "cancel", label: "Cancel", icon: "close", tone: "danger" }
+  ],
+  cancelled: [{ id: "revert", label: "Revert", icon: "undo", tone: "secondary" }],
+  draft: [
+    { id: "preview", label: "Preview", icon: "compass", tone: "primary" },
+    { id: "revise", label: "Revise", icon: "scroll", tone: "secondary" },
+    { id: "cancel", label: "Cancel", icon: "close", tone: "ghost" }
+  ],
+  preview: [
+    { id: "approve", label: "Approve", icon: "check", tone: "primary" },
+    { id: "revise", label: "Revise", icon: "scroll", tone: "secondary" },
+    { id: "cancel", label: "Cancel", icon: "close", tone: "danger" }
+  ],
+  queued: [{ id: "cancel", label: "Cancel", icon: "close", tone: "danger" }],
+  readyForReview: [
+    { id: "approve", label: "Approve", icon: "check", tone: "primary" },
+    { id: "revise", label: "Revise", icon: "scroll", tone: "secondary" },
+    { id: "revert", label: "Revert", icon: "undo", tone: "ghost" }
+  ],
+  working: [{ id: "cancel", label: "Cancel", icon: "close", tone: "danger" }]
+};
+function Ke(a, t) {
+  return t || (a === "readyForReview" ? "Ready for review" : a.replace(/([A-Z])/g, " $1").replace(/^./, (i) => i.toUpperCase()));
+}
+function Ka(a) {
+  return a === "blocked" || a === "cancelled" ? "danger" : a === "accepted" || a === "readyForReview" ? "success" : a === "queued" || a === "draft" || a === "preview" ? "warning" : "accent";
+}
+function qa(a) {
+  switch (a) {
+    case "accepted":
+      return 100;
+    case "blocked":
+      return 42;
+    case "cancelled":
+      return 0;
+    case "draft":
+      return 8;
+    case "preview":
+      return 22;
+    case "queued":
+      return 34;
+    case "readyForReview":
+      return 92;
+    case "working":
+      return 64;
+  }
+}
+function Ja(a, t, i) {
+  const l = {
+    disabled: !!(i || a.disabled),
+    id: a.id,
+    label: a.label,
+    tone: a.tone ?? "secondary"
+  };
+  return a.icon && (l.icon = a.icon), a.ariaLabel && (l.ariaLabel = a.ariaLabel), a.meta && (l.meta = a.meta), t && (l.onAction = t), l;
+}
+function Za(a) {
+  return a === "danger" || a === "warning" ? "alert" : "status";
+}
+function ee(a) {
+  return !!(a.before && a.after);
+}
+function qe({
+  className: a,
+  label: t,
+  max: i = 100,
+  progressLabel: l = "Construction progress",
+  showStatusBadge: n = !0,
+  status: s,
+  statusLabel: r,
+  steps: d = [],
+  validationWarnings: u = [],
+  value: c,
+  variant: b = "desktop",
+  "data-testid": g
+}) {
+  const v = ["game-ui-construction-progress", a].filter(Boolean).join(" "), y = c ?? qa(s), k = Ke(s, r);
+  return /* @__PURE__ */ o("section", { "aria-label": t, className: v, "data-status": s, "data-ui-hook": "construction-progress", "data-variant": b, "data-testid": g, children: [
+    /* @__PURE__ */ o("header", { className: "game-ui-construction-progress-header", children: [
+      /* @__PURE__ */ o("span", { children: [
+        /* @__PURE__ */ e(L, { icon: je[s], size: "sm" }),
+        /* @__PURE__ */ e("strong", { children: l })
+      ] }),
+      n ? /* @__PURE__ */ e(S, { tone: Fe[s], children: k }) : null
+    ] }),
+    /* @__PURE__ */ e(D, { label: l, max: i, showValue: !0, tone: Ka(s), value: y }),
+    d.length > 0 ? /* @__PURE__ */ e("ol", { className: "game-ui-construction-steps", "aria-label": `${l} steps`, children: d.map((p) => /* @__PURE__ */ o("li", { "data-step-status": p.status, children: [
+      /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-construction-step-dot" }),
+      /* @__PURE__ */ o("span", { children: [
+        /* @__PURE__ */ e("strong", { children: p.label }),
+        p.caption ? /* @__PURE__ */ e("small", { children: p.caption }) : null
+      ] }),
+      /* @__PURE__ */ e(S, { tone: ja[p.status], children: p.status })
+    ] }, p.id)) }) : null,
+    u.length > 0 ? /* @__PURE__ */ e("div", { className: "game-ui-construction-warnings", "data-ui-hook": "construction-validation-warnings", children: u.map((p) => /* @__PURE__ */ o("div", { className: "game-ui-construction-warning", "data-warning-tone": p.tone ?? "warning", role: Za(p.tone), children: [
+      /* @__PURE__ */ e(L, { icon: p.tone === "danger" || p.tone === "warning" ? "alert" : "check", size: "sm" }),
+      /* @__PURE__ */ o("span", { children: [
+        /* @__PURE__ */ e("strong", { children: p.label }),
+        p.description ? /* @__PURE__ */ e("small", { children: p.description }) : null
+      ] })
+    ] }, p.id)) }) : null
+  ] });
+}
+function Je({
+  actions: a,
+  className: t,
+  disabled: i = !1,
+  label: l,
+  localOnlyLabel: n = "Local-only construction",
+  onAction: s,
+  providerMode: r,
+  status: d,
+  validationWarnings: u = [],
+  variant: c = "desktop",
+  "data-testid": b
+}) {
+  const g = ["game-ui-construction-approval-bar", t].filter(Boolean).join(" "), v = a ?? Ya[d], y = u.filter((p) => p.tone !== "success").length, k = v.map((p) => Ja(p, s, i));
+  return /* @__PURE__ */ o("section", { "aria-label": l, className: g, "data-status": d, "data-ui-hook": "construction-approval-bar", "data-variant": c, "data-testid": b, children: [
+    /* @__PURE__ */ o("div", { className: "game-ui-construction-approval-meta", children: [
+      r ? /* @__PURE__ */ e(S, { tone: Ye[r], children: We[r] }) : /* @__PURE__ */ e(S, { tone: "success", children: n }),
+      y > 0 ? /* @__PURE__ */ o(S, { tone: "warning", children: [
+        y,
+        " validation warning",
+        y === 1 ? "" : "s"
+      ] }) : /* @__PURE__ */ e(S, { tone: "success", children: "Validation clear" })
+    ] }),
+    k.length > 0 ? /* @__PURE__ */ e(U, { actions: k, density: c === "small-mobile" ? "dense" : "comfortable", label: `${l} actions` }) : null
+  ] });
+}
+function Ze({
+  className: a,
+  crew: t,
+  emptyDescription: i = "Robot crew members appear here when a construction job starts.",
+  emptyTitle: l = "No robot crew assigned",
+  label: n,
+  title: s,
+  variant: r = "desktop",
+  "data-testid": d
+}) {
+  const u = ["game-ui-robot-crew-status", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ o("section", { "aria-label": n, className: u, "data-ui-hook": "robot-crew-status", "data-variant": r, "data-testid": d, children: [
+    s ? /* @__PURE__ */ e("header", { children: /* @__PURE__ */ e("strong", { children: s }) }) : null,
+    t.length === 0 ? /* @__PURE__ */ e(P, { description: i, icon: "ai", title: l }) : /* @__PURE__ */ e("div", { className: "game-ui-robot-crew-list", children: t.map((c) => /* @__PURE__ */ o("article", { className: "game-ui-robot-crew-member", "data-crew-status": c.status, children: [
+      /* @__PURE__ */ e(L, { icon: c.icon ?? "ai", size: r === "small-mobile" ? "sm" : "md" }),
+      /* @__PURE__ */ o("span", { className: "game-ui-robot-crew-copy", children: [
+        /* @__PURE__ */ e("strong", { children: c.name }),
+        /* @__PURE__ */ e("small", { children: c.role }),
+        c.task ? /* @__PURE__ */ e("em", { children: c.task }) : null
+      ] }),
+      /* @__PURE__ */ e(S, { tone: Wa[c.status], children: c.status })
+    ] }, c.id)) })
+  ] });
+}
+function Xe({
+  activeView: a,
+  after: t,
+  before: i,
+  className: l,
+  label: n,
+  onViewChange: s,
+  variant: r = "desktop",
+  "data-testid": d
+}) {
+  const u = ["game-ui-before-after-toggle", l].filter(Boolean).join(" "), c = a === "before" ? i : t;
+  return /* @__PURE__ */ o("section", { "aria-label": n, className: u, "data-active-view": a, "data-ui-hook": "before-after-toggle", "data-variant": r, "data-testid": d, children: [
+    /* @__PURE__ */ e(
+      Pe,
+      {
+        activeId: a,
+        label: `${n} view`,
+        ...s ? { onSelect: (b) => s(b) } : {},
+        options: [{ id: "before", label: i.label }, { id: "after", label: t.label }]
+      }
+    ),
+    /* @__PURE__ */ o("figure", { className: "game-ui-before-after-preview", children: [
+      c.content ? /* @__PURE__ */ e("div", { className: "game-ui-before-after-content", children: c.content }) : /* @__PURE__ */ e("div", { "aria-hidden": "true", className: "game-ui-before-after-placeholder", children: /* @__PURE__ */ e(L, { icon: a === "before" ? "home" : "check", size: "xl" }) }),
+      c.caption ? /* @__PURE__ */ e("figcaption", { children: c.caption }) : null
+    ] })
+  ] });
+}
+function ae({
+  className: a,
+  density: t = "comfortable",
+  job: i,
+  onAction: l,
+  onSelect: n,
+  selected: s = !1,
+  showApprovalBar: r = !0,
+  showBeforeAfter: d = !1,
+  variant: u = "desktop",
+  "data-testid": c
+}) {
+  const b = ["game-ui-construction-job-card", a].filter(Boolean).join(" "), g = Ke(i.status, i.statusLabel), v = u === "mobile" || u === "small-mobile", y = i.facts ?? [], k = () => n?.(i.id), p = (f) => l?.(f, i.id);
+  return /* @__PURE__ */ o("article", { className: b, "data-density": t, "data-job-id": i.id, "data-selected": s ? "true" : "false", "data-status": i.status, "data-ui-hook": "construction-job-card", "data-variant": u, "data-testid": c, children: [
+    /* @__PURE__ */ o("header", { className: "game-ui-construction-job-header", children: [
+      /* @__PURE__ */ o("button", { "aria-pressed": s, className: "game-ui-construction-job-select", disabled: !n, onClick: k, type: "button", children: [
+        /* @__PURE__ */ e(L, { icon: je[i.status], size: v ? "sm" : "md" }),
+        /* @__PURE__ */ o("span", { children: [
+          /* @__PURE__ */ e("strong", { children: i.title }),
+          i.description ? /* @__PURE__ */ e("small", { children: i.description }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ o("span", { className: "game-ui-construction-job-badges", children: [
+        /* @__PURE__ */ e(S, { tone: Fe[i.status], children: g }),
+        i.providerMode ? /* @__PURE__ */ e(S, { tone: Ye[i.providerMode], children: We[i.providerMode] }) : null,
+        i.badges?.map((f) => /* @__PURE__ */ e(S, { tone: f.tone ?? "neutral", children: f.label }, f.label))
+      ] })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "game-ui-construction-job-facts", "aria-label": `${i.title} facts`, children: [
+      i.location ? /* @__PURE__ */ o("span", { children: [
+        /* @__PURE__ */ e("small", { children: "Location" }),
+        /* @__PURE__ */ e("b", { children: i.location })
+      ] }) : null,
+      i.estimate ? /* @__PURE__ */ o("span", { children: [
+        /* @__PURE__ */ e("small", { children: "ETA" }),
+        /* @__PURE__ */ e("b", { children: i.estimate })
+      ] }) : null,
+      y.map((f) => /* @__PURE__ */ o("span", { children: [
+        /* @__PURE__ */ e("small", { children: f.label }),
+        /* @__PURE__ */ e("b", { children: f.value })
+      ] }, f.id))
+    ] }),
+    /* @__PURE__ */ e(
+      qe,
+      {
+        label: `${i.title} progress`,
+        progressLabel: i.progressLabel,
+        status: i.status,
+        statusLabel: g,
+        steps: v ? [] : i.steps,
+        validationWarnings: i.validationWarnings,
+        value: i.progressValue,
+        max: i.progressMax,
+        variant: u
+      }
+    ),
+    d && ee(i) ? /* @__PURE__ */ e(Xe, { activeView: "after", after: i.after, before: i.before, label: `${i.title} preview`, variant: u }) : null,
+    i.crew && i.crew.length > 0 ? /* @__PURE__ */ e(Ze, { crew: i.crew, label: `${i.title} robot crew`, variant: u }) : null,
+    r ? /* @__PURE__ */ e(
+      Je,
+      {
+        actions: i.actions,
+        label: `${i.title} approval`,
+        onAction: p,
+        providerMode: i.providerMode,
+        status: i.status,
+        validationWarnings: i.validationWarnings,
+        variant: u
+      }
+    ) : null
+  ] });
+}
+function Xa({
+  children: a,
+  className: t,
+  closeLabel: i = "Close jobs",
+  disabled: l = !1,
+  jobs: n = [],
+  label: s,
+  onAction: r,
+  onOpenChange: d,
+  onSelectJob: u,
+  open: c,
+  panelId: b = "game-compact-job-drawer-panel",
+  selectedJobId: g,
+  title: v,
+  triggerLabel: y = "Construction jobs",
+  variant: k = "mobile",
+  "data-testid": p
+}) {
+  const f = ["game-ui-compact-job-drawer", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(
+    $e,
+    {
+      className: f,
+      closeLabel: i,
+      disabled: l,
+      label: s,
+      onOpenChange: d,
+      open: c,
+      panelId: b,
+      title: v,
+      triggerIcon: "energy",
+      triggerLabel: y,
+      variant: k,
+      "data-testid": p,
+      children: a ?? /* @__PURE__ */ e("div", { className: "game-ui-compact-job-drawer-list", children: n.map((w) => /* @__PURE__ */ e(
+        ae,
+        {
+          density: "dense",
+          job: w,
+          onAction: r,
+          onSelect: u,
+          selected: w.id === g,
+          showApprovalBar: !1,
+          variant: k
+        },
+        w.id
+      )) })
+    }
+  );
+}
+function Ce({
+  activePreviewView: a = "after",
+  className: t,
+  density: i = "comfortable",
+  drawerOpen: l = !1,
+  emptyDescription: n = "Draft construction jobs will appear here before any provider call is allowed.",
+  emptyTitle: s = "No construction jobs",
+  jobs: r,
+  label: d,
+  onAction: u,
+  onDrawerOpenChange: c,
+  onPreviewViewChange: b,
+  onSelectJob: g,
+  selectedJobId: v,
+  subtitle: y,
+  title: k,
+  variant: p = "desktop",
+  "data-testid": f
+}) {
+  const w = ["game-ui-contractor-panel", t].filter(Boolean).join(" "), h = r.find((T) => T.id === v) ?? r[0];
+  return p === "mobile" || p === "small-mobile" ? /* @__PURE__ */ o("section", { "aria-label": d, className: w, "data-ui-hook": "contractor-panel", "data-variant": p, "data-testid": f, children: [
+    /* @__PURE__ */ e(
+      Xa,
+      {
+        jobs: r,
+        label: `${d} drawer`,
+        onAction: u,
+        onOpenChange: c,
+        onSelectJob: g,
+        open: l,
+        selectedJobId: h?.id,
+        title: k,
+        triggerLabel: "Contractor",
+        variant: p
+      }
+    ),
+    h ? /* @__PURE__ */ e(ae, { density: "dense", job: h, onAction: u, onSelect: g, selected: !0, showBeforeAfter: ee(h), variant: p }) : /* @__PURE__ */ e(P, { description: n, icon: "energy", title: s })
+  ] }) : /* @__PURE__ */ e(B, { className: w, "data-ui-hook": "contractor-panel", "data-variant": p, "data-testid": f, title: k, tone: "strong", children: /* @__PURE__ */ o("section", { "aria-label": d, "data-density": i, children: [
+    y ? /* @__PURE__ */ e("p", { className: "game-ui-contractor-panel-subtitle", children: y }) : null,
+    r.length === 0 ? /* @__PURE__ */ e(P, { description: n, icon: "energy", title: s }) : null,
+    r.length > 0 ? /* @__PURE__ */ o("div", { className: "game-ui-contractor-panel-grid", children: [
+      /* @__PURE__ */ e("div", { className: "game-ui-contractor-job-list", "aria-label": "Construction job queue", children: r.map((T) => /* @__PURE__ */ e(
+        ae,
+        {
+          density: i,
+          job: T,
+          onAction: u,
+          onSelect: g,
+          selected: T.id === h?.id,
+          showApprovalBar: !1,
+          variant: p
+        },
+        T.id
+      )) }),
+      h ? /* @__PURE__ */ o("aside", { className: "game-ui-contractor-detail", "aria-label": `${h.title} detail`, children: [
+        /* @__PURE__ */ e(
+          qe,
+          {
+            label: `${h.title} progress detail`,
+            progressLabel: h.progressLabel,
+            status: h.status,
+            statusLabel: h.statusLabel,
+            steps: h.steps,
+            validationWarnings: h.validationWarnings,
+            value: h.progressValue,
+            max: h.progressMax,
+            variant: p
+          }
+        ),
+        ee(h) ? /* @__PURE__ */ e(
+          Xe,
+          {
+            activeView: a,
+            after: h.after,
+            before: h.before,
+            label: `${h.title} before and after`,
+            onViewChange: b,
+            variant: p
+          }
+        ) : null,
+        /* @__PURE__ */ e(Ze, { crew: h.crew ?? [], label: `${h.title} robot crew`, title: "Robot crew", variant: p }),
+        /* @__PURE__ */ e(
+          Je,
+          {
+            actions: h.actions,
+            label: `${h.title} approval`,
+            onAction: u ? (T) => u(T, h.id) : void 0,
+            providerMode: h.providerMode,
+            status: h.status,
+            validationWarnings: h.validationWarnings,
+            variant: p
+          }
+        )
+      ] }) : null
+    ] }) : null
+  ] }) });
+}
+function ye(...a) {
+  return a.filter(Boolean).join(" ");
+}
+const Qa = {
+  collapse: "Collapse",
+  expand: "Expand"
+};
+function Gi({
+  actions: a,
+  children: t,
+  className: i,
+  defaultOpen: l = !0,
+  labels: n,
+  onOpenChange: s,
+  open: r,
+  title: d,
+  tone: u = "default",
+  ...c
+}) {
+  const b = Y(), [g, v] = M(l), y = r ?? g, k = { ...Qa, ...n }, p = () => {
+    const f = !y;
+    r === void 0 && v(f), s?.(f);
+  };
+  return /* @__PURE__ */ o(
+    "section",
+    {
+      ...c,
+      className: ye("game-ui-collapsible", i),
+      "data-open": y,
+      "data-panel-tone": u,
+      children: [
+        /* @__PURE__ */ o("header", { className: "game-ui-collapsible-header", children: [
+          /* @__PURE__ */ e("h3", { className: "game-ui-collapsible-heading", children: /* @__PURE__ */ o(
+            "button",
+            {
+              "aria-controls": b,
+              "aria-expanded": y,
+              className: "game-ui-collapsible-toggle",
+              onClick: p,
+              title: y ? k.collapse : k.expand,
+              type: "button",
+              children: [
+                /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-collapsible-chevron" }),
+                /* @__PURE__ */ e("span", { className: "game-ui-collapsible-title", children: d })
+              ]
+            }
+          ) }),
+          a ? /* @__PURE__ */ e("span", { className: "game-ui-collapsible-actions", children: a }) : null
+        ] }),
+        /* @__PURE__ */ e("div", { className: "game-ui-collapsible-region", id: b, children: /* @__PURE__ */ e("div", { className: "game-ui-collapsible-clip", children: /* @__PURE__ */ e("div", { className: "game-ui-collapsible-content", children: t }) }) })
+      ]
+    }
+  );
+}
+const ei = {
+  close: "Close",
+  maximize: "Maximize",
+  minimize: "Minimize",
+  restore: "Restore"
+};
+function j({ kind: a }) {
+  return /* @__PURE__ */ e("svg", { "aria-hidden": "true", fill: "none", height: "14", viewBox: "0 0 14 14", width: "14", children: /* @__PURE__ */ e("path", { d: {
+    close: "M3 3l8 8M11 3l-8 8",
+    maximize: "M3 5V3h2M9 3h2v2M11 9v2H9M5 11H3V9",
+    minimize: "M3 7h8",
+    restore: "M4 6h6v5H4zM6 6V4h6v5h-2"
+  }[a], stroke: "currentColor", strokeLinecap: "round", strokeWidth: "2" }) });
+}
+function Oi({
+  allowMaximize: a = !0,
+  allowMinimize: t = !0,
+  children: i,
+  className: l,
+  defaultState: n = "normal",
+  footer: s,
+  icon: r,
+  labels: d,
+  onClose: u,
+  onStateChange: c,
+  state: b,
+  title: g,
+  ...v
+}) {
+  const [y, k] = M(n), p = b ?? y, f = { ...ei, ...d }, w = (T) => {
+    b === void 0 && k(T), c?.(T);
+  }, h = p === "minimized", A = p === "maximized";
+  return /* @__PURE__ */ o(
+    "section",
+    {
+      ...v,
+      "aria-label": g,
+      className: ye("game-ui-window", l),
+      "data-window-state": p,
+      role: "group",
+      children: [
+        /* @__PURE__ */ o("header", { className: "game-ui-window-titlebar", children: [
+          r ? /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "game-ui-window-icon", children: r }) : null,
+          /* @__PURE__ */ e("h3", { className: "game-ui-window-title", children: g }),
+          /* @__PURE__ */ o("span", { className: "game-ui-window-actions", children: [
+            t ? /* @__PURE__ */ e(
+              "button",
+              {
+                "aria-label": h ? f.restore : f.minimize,
+                className: "game-ui-icon-button game-ui-window-button",
+                onClick: () => w(h ? "normal" : "minimized"),
+                type: "button",
+                children: /* @__PURE__ */ e(j, { kind: h ? "restore" : "minimize" })
+              }
+            ) : null,
+            a ? /* @__PURE__ */ e(
+              "button",
+              {
+                "aria-label": A ? f.restore : f.maximize,
+                className: "game-ui-icon-button game-ui-window-button",
+                onClick: () => w(A ? "normal" : "maximized"),
+                type: "button",
+                children: /* @__PURE__ */ e(j, { kind: A ? "restore" : "maximize" })
+              }
+            ) : null,
+            u ? /* @__PURE__ */ e(
+              "button",
+              {
+                "aria-label": f.close,
+                className: "game-ui-icon-button game-ui-window-button",
+                onClick: u,
+                type: "button",
+                children: /* @__PURE__ */ e(j, { kind: "close" })
+              }
+            ) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "game-ui-window-region", children: /* @__PURE__ */ o("div", { className: "game-ui-window-clip", children: [
+          /* @__PURE__ */ e("div", { className: "game-ui-window-body", children: i }),
+          s ? /* @__PURE__ */ e("footer", { className: "game-ui-window-footer", children: s }) : null
+        ] }) })
+      ]
+    }
+  );
+}
+function Pi({
+  children: a,
+  className: t,
+  closeLabel: i = "Close",
+  closeOnBackdrop: l = !0,
+  footer: n,
+  onClose: s,
+  open: r,
+  size: d = "md",
+  title: u
+}) {
+  const c = aa(null), b = Y();
+  te(() => {
+    const v = c.current;
+    v && (r && !v.open && v.showModal(), !r && v.open && v.close());
+  }, [r]);
+  const g = (v) => {
+    l && v.target === c.current && s();
+  };
+  return /* @__PURE__ */ e(
+    "dialog",
+    {
+      "aria-labelledby": b,
+      className: ye("game-ui-modal", t),
+      "data-size": d,
+      onCancel: (v) => {
+        v.preventDefault(), s();
+      },
+      onClick: g,
+      ref: c,
+      children: /* @__PURE__ */ o("div", { className: "game-ui-modal-frame", children: [
+        /* @__PURE__ */ o("header", { className: "game-ui-modal-header", children: [
+          /* @__PURE__ */ e("h2", { className: "game-ui-modal-title", id: b, children: u }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              "aria-label": i,
+              className: "game-ui-icon-button game-ui-window-button",
+              onClick: s,
+              type: "button",
+              children: /* @__PURE__ */ e(j, { kind: "close" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "game-ui-modal-body", children: r ? a : null }),
+        n ? /* @__PURE__ */ e("footer", { className: "game-ui-modal-footer", children: n }) : null
+      ] })
+    }
+  );
+}
+const ai = [
+  {
+    id: "history-human-long",
+    kind: "human",
+    meta: "Round 2 · public table",
+    speaker: "Mika",
+    text: "This answer feels rehearsed because it names every possibility but never risks a real preference."
+  },
+  {
+    id: "history-zh-long",
+    kind: "mystery",
+    meta: "第 2 局 · 桌边发言",
+    speaker: "Noa",
+    text: "这段回答太顺了，像是在把所有安全选项都摆出来，却故意不留下能被追问的破绽。"
+  },
+  {
+    id: "history-system",
+    kind: "system",
+    meta: "Reveal soon",
+    speaker: "Table",
+    text: "Three votes are locked. One more read can still change the pact."
+  }
+], ii = [
+  { id: "history-human-long", kind: "human", meta: "第 2 局 · 公开桌", speaker: "Mika", text: "这个回答像背稿——把每种可能都点了一遍,却从不押一个真实的偏好。" },
+  { id: "history-zh-long", kind: "mystery", meta: "第 2 局 · 桌边发言", speaker: "Noa", text: "这段回答太顺了,像是在把所有安全选项都摆出来,却故意不留下能被追问的破绽。" },
+  { id: "history-system", kind: "system", meta: "即将揭晓", speaker: "牌桌", text: "三票已锁定。再读一轮,仍可能改写这份密约。" }
+], Qe = {
+  en: {
+    triggerLabel: "EN",
+    langMenuLabel: "Preview language",
+    heroTitle: "Clay game UI kit",
+    heroBody: "Self-contained React 19 + TypeScript game UI kit — zero runtime dependencies, 100% standard CSS. Tokens are CSS variables and the components do not depend on any host store or i18n.",
+    sections: { tokens: "Tokens", icons: "Icon families", typography: "Typography scale", components: "Component surface", forms: "Forms, inputs and status", firstSession: "First-session shell", orientation: "Orientation gate preview", responsive: "Responsive proof targets" },
+    tokenGroups: { colors: "colors", semantic: "semantic", typography: "typography", spacing: "spacing", radius: "radius", elevation: "elevation", motion: "motion", layers: "layers", targets: "targets", assetSizing: "asset sizing" },
+    iconsIntro: "Every icon ships in two families. Cards default to the sculpted game family; the flat line family is the utility alternate.",
+    gallery: {
+      gameLabel: "Game · primary",
+      gameHint: "Sculpted, colorful clay objects — the default, on-brand look for anything a player sees.",
+      lineLabel: "Line · alternate",
+      lineHint: "Flat white glyphs for dense toolbars or when a sculpted object would feel too heavy.",
+      spriteLabel: "Game sprites · decorative",
+      spriteHint: "Loot, weapons, currency and rewards from the same clay pack. For popups, inventories and win screens — not buttons or toolbars. Kept out of the UI icon set on purpose."
+    },
+    tiles: {
+      daily: { badge: "solo", kicker: "Daily", title: "Daily Turing Challenge", summary: "Read one case, pick the AI, share the result." },
+      portal: { badge: "free guests", kicker: "Portal", title: "Tavern Portal", summary: "Enter a code, resume a table, or open your own." },
+      host: { kicker: "Host Gate", title: "Open my own table", summary: "Only hosts see account and battery checks. Guests never do." }
+    },
+    forms: {
+      formsTitle: "Join a table",
+      roomCodeLabel: "Room code",
+      roomCodeHint: "Ask the host for the 6-character code.",
+      roomCodePlaceholder: "74X8VB",
+      nameLabel: "Display name",
+      namePlaceholder: "How should the table see you?",
+      readLabel: "Your read",
+      readPlaceholder: "Type why this one feels human…",
+      readError: "A read needs at least a few words.",
+      rememberLabel: "Remember me on this device",
+      displayTitle: "Players and status",
+      revealLabel: "Reveal countdown",
+      batteryLabel: "Batteries",
+      emptyTitle: "No open tables yet",
+      emptyBody: "Be the first to host. Guests join free through your invite.",
+      emptyCta: "Open my own table",
+      guestName: "Guest 74"
+    },
+    type: { kicker: "Round status", h1: "One of us isn’t.", h2: "Read the table, vote, reveal.", body: "Clay UI text remains DOM-rendered for localization and accessibility while the game world stays visible underneath.", small: "Reduced-motion keeps texture, shadow, and hierarchy but removes non-essential movement." },
+    buttons: {
+      panelTitle: "Buttons and controls",
+      openTable: "Open my own table",
+      useCode: "Use room code",
+      continueHost: "Continue as host",
+      readyUp: "Ready up",
+      leaveTable: "Leave table",
+      waiting: "Waiting",
+      settingsTip: "Compact settings affordance",
+      copyInvite: "Copy invite",
+      aiBadge: "AI?",
+      readyBadge: "Ready",
+      hostGateBadge: "Host gate",
+      segmentedLabel: "Preview mode",
+      segDaily: "Daily",
+      segLive: "Live room",
+      segTokens: "Tokens",
+      tabsPortal: "Portal",
+      tabsVote: "Vote",
+      tabsHistory: "History",
+      radialLabel: "Emote wheel",
+      wave: "Wave",
+      think: "Think",
+      doubt: "Doubt",
+      sliderLabel: "Effects volume",
+      toggleLabel: "Sound on"
+    },
+    hud: { label: "Persistent HUD cluster", youAre: "You are", roleValue: "Resistance", rolePrivate: "private", room: "Room", reveal: "Reveal", tools: "HUD tools", history: "History", settings: "Settings", calloutA: "Too perfect.", calloutB: "Maybe.", emote: "😀 Emote", sendRead: "Send read" },
+    modals: { dialogTitle: "Host Gate", dialogBody: "Open your own table as host. Guests join free through your invite link or code.", actionsLabel: "Host gate actions", confirm: "Confirm host table", back: "Back to Portal", panelTitle: "Toast / loading / error", toastOk: "Seat confirmed. Waiting for the table host.", toastErr: "That room code expired. Ask for a fresh Portal link.", loading: "Opening the tavern portal…", loadingErr: "The portal could not reach the tavern." },
+    cards: { fanTitle: "Card fan", fanLabel: "Reveal card fan", human: "Human", ai: "AI", sympathizer: "Sympathizer", assetTitle: "Asset inventory reference", assetNote: "The kit exports source asset paths and inline SVG fallbacks. Source inventory includes:" },
+    firstSession: {
+      controls: "First session controls",
+      emote: "Emote",
+      goalLabel: "Goal",
+      goalValue: "Find the AI",
+      streak: "Daily",
+      guest: "guest",
+      history: "History",
+      hud: "First session HUD",
+      input: "Type a read",
+      moveBadge: "Move",
+      move: "Drag to inspect the table",
+      roomLabel: "Room",
+      roomValue: "Portal",
+      roleLabel: "Role",
+      roleValue: "Guest",
+      settings: "Settings",
+      shell: "First session shell",
+      timerLabel: "Timer",
+      tools: "Player tools",
+      wardrobe: "Wardrobe",
+      playerName: "Guest 74",
+      obBadge: "First table",
+      obBody: "The package keeps onboarding copy injectable so the host app owns product language and routing.",
+      obSkip: "Skip",
+      obStart: "Start playing",
+      obTitle: "Learn the table in 30 seconds",
+      obMoveT: "Move",
+      obMoveB: "Look around the clay table.",
+      obReadT: "Read",
+      obReadB: "Notice who sounds too clean.",
+      obVoteT: "Vote",
+      obVoteB: "Lock your guess before reveal."
+    },
+    responsive: { desktop: "desktop", mobileLandscape: "mobile landscape" },
+    orientation: { title: "Please rotate your device", body: "Clay game surfaces are tuned for a landscape table. Rotate before live chat so keyboard, emotes, and vote rail do not crush the playfield.", cta: "Try landscape", badge: "Landscape only", hint: "Rotate manually if this browser blocks automatic landscape lock." },
+    historyLabel: "Round history",
+    history: ai
+  },
+  "zh-CN": {
+    triggerLabel: "中",
+    langMenuLabel: "预览语言",
+    heroTitle: "黏土游戏 UI 套件",
+    heroBody: "自包含的 React 19 + TypeScript 游戏 UI 组件库——零运行时依赖、100% 标准 CSS。令牌即 CSS 变量,组件不依赖任何宿主状态库或 i18n。",
+    sections: { tokens: "设计令牌", icons: "图标双族", typography: "字号层级", components: "组件总览", forms: "表单、输入与状态", firstSession: "首次会话外壳", orientation: "横屏门预览", responsive: "响应式验证目标" },
+    tokenGroups: { colors: "颜色", semantic: "语义", typography: "字体", spacing: "间距", radius: "圆角", elevation: "阴影", motion: "动效", layers: "层级", targets: "触控目标", assetSizing: "资源尺寸" },
+    iconsIntro: "每个图标都有两族。卡片默认用立体游戏风,扁平线性风是工具型备选。",
+    gallery: {
+      gameLabel: "游戏风 · 主用",
+      gameHint: "立体、彩色的黏土实物。玩家能看到的地方默认都用这一族,最贴合品牌。",
+      lineLabel: "线性 · 备选",
+      lineHint: "扁平白色线条图标,适合密集工具栏,或立体图标显得太重的场合。",
+      spriteLabel: "游戏素材 · 装饰",
+      spriteHint: "同一套黏土包里的战利品、武器、货币与奖励。用于奖励弹窗、背包、胜利结算等场景,不用于按钮或工具栏。刻意不放进 UI 图标集,以免污染界面词汇。"
+    },
+    tiles: {
+      daily: { badge: "单人", kicker: "每日", title: "每日图灵挑战", summary: "读一个案例,指认 AI,分享结果。" },
+      portal: { badge: "免费加入", kicker: "传送门", title: "酒馆传送门", summary: "输入房号、恢复牌桌,或自己开一桌。" },
+      host: { kicker: "房主门槛", title: "开我自己的牌桌", summary: "只有房主看到账号与电量校验,客人永远看不到。" }
+    },
+    forms: {
+      formsTitle: "加入牌桌",
+      roomCodeLabel: "房间号",
+      roomCodeHint: "向房主要 6 位房间号。",
+      roomCodePlaceholder: "74X8VB",
+      nameLabel: "显示昵称",
+      namePlaceholder: "牌桌上别人怎么称呼你?",
+      readLabel: "你的判断",
+      readPlaceholder: "说说为什么觉得这个是真人…",
+      readError: "判断至少要写几个字。",
+      rememberLabel: "在此设备上记住我",
+      displayTitle: "玩家与状态",
+      revealLabel: "揭晓倒计时",
+      batteryLabel: "电量",
+      emptyTitle: "还没有开放的牌桌",
+      emptyBody: "来当第一个房主吧。客人通过你的邀请免费加入。",
+      emptyCta: "开我自己的牌桌",
+      guestName: "访客 74"
+    },
+    type: { kicker: "回合状态", h1: '我们之中有"假"的。', h2: "读牌桌、投票、揭晓。", body: "黏土 UI 文字始终由 DOM 渲染,方便本地化与无障碍,而游戏世界仍透在下方可见。", small: "降低动效会保留质感、阴影与层次,只去掉非必要的运动。" },
+    buttons: {
+      panelTitle: "按钮与控件",
+      openTable: "开我自己的牌桌",
+      useCode: "用房间号",
+      continueHost: "以房主继续",
+      readyUp: "准备就绪",
+      leaveTable: "离开牌桌",
+      waiting: "等待中",
+      settingsTip: "紧凑的设置入口",
+      copyInvite: "复制邀请",
+      aiBadge: "AI?",
+      readyBadge: "就绪",
+      hostGateBadge: "房主门槛",
+      segmentedLabel: "预览模式",
+      segDaily: "每日",
+      segLive: "在线房",
+      segTokens: "令牌",
+      tabsPortal: "传送门",
+      tabsVote: "投票",
+      tabsHistory: "历史",
+      radialLabel: "表情轮盘",
+      wave: "挥手",
+      think: "思考",
+      doubt: "怀疑",
+      sliderLabel: "音效音量",
+      toggleLabel: "声音开"
+    },
+    hud: { label: "常驻 HUD 集群", youAre: "你的身份", roleValue: "反抗军", rolePrivate: "私密", room: "房间", reveal: "揭晓", tools: "HUD 工具", history: "历史", settings: "设置", calloutA: "太完美了。", calloutB: "也许吧。", emote: "😀 表情", sendRead: "发送判断" },
+    modals: { dialogTitle: "房主门槛", dialogBody: "以房主身份开自己的牌桌。客人通过你的邀请链接或房号免费加入。", actionsLabel: "房主门槛操作", confirm: "确认开桌", back: "返回传送门", panelTitle: "提示 / 加载 / 错误", toastOk: "座位已确认,正在等待房主。", toastErr: "该房号已过期,请向房主要新的传送门链接。", loading: "正在开启酒馆传送门…", loadingErr: "传送门无法连到酒馆。" },
+    cards: { fanTitle: "卡牌扇", fanLabel: "揭晓卡牌扇", human: "真人", ai: "AI", sympathizer: "同情者", assetTitle: "资源清单参考", assetNote: "套件导出源资源路径与内联 SVG 兜底。源清单包含:" },
+    firstSession: {
+      controls: "首次会话控件",
+      emote: "表情",
+      goalLabel: "目标",
+      goalValue: "找出 AI",
+      streak: "连续",
+      guest: "访客",
+      history: "历史",
+      hud: "首次会话 HUD",
+      input: "输入判断",
+      moveBadge: "移动",
+      move: "拖动以查看牌桌",
+      roomLabel: "房间",
+      roomValue: "传送门",
+      roleLabel: "身份",
+      roleValue: "客人",
+      settings: "设置",
+      shell: "首次会话外壳",
+      timerLabel: "计时",
+      tools: "玩家工具",
+      wardrobe: "衣橱",
+      playerName: "访客 74",
+      obBadge: "第一桌",
+      obBody: "套件让引导文案可注入,所以由宿主 App 掌管产品语言与路由。",
+      obSkip: "跳过",
+      obStart: "开始游戏",
+      obTitle: "30 秒学会这一桌",
+      obMoveT: "移动",
+      obMoveB: "环顾这张黏土牌桌。",
+      obReadT: "研判",
+      obReadB: "留意谁说得太干净。",
+      obVoteT: "投票",
+      obVoteB: "揭晓前锁定你的判断。"
+    },
+    responsive: { desktop: "桌面", mobileLandscape: "手机横屏" },
+    orientation: { title: "请旋转你的设备", body: "黏土游戏界面是为横屏牌桌调校的。开聊前请先横屏,以免键盘、表情与投票栏挤压牌面。", cta: "试试横屏", badge: "仅限横屏", hint: "若浏览器拦截了自动横屏锁定,请手动旋转。" },
+    historyLabel: "回合历史",
+    history: ii
+  }
+}, ea = ia(Qe.en), R = () => ta(ea), ti = [
+  { id: "colors", tokens: N },
+  { id: "semantic", tokens: ne },
+  { id: "typography", tokens: le },
+  { id: "spacing", tokens: oe },
+  { id: "radius", tokens: se },
+  { id: "elevation", tokens: re },
+  { id: "motion", tokens: ce },
+  { id: "layers", tokens: de },
+  { id: "targets", tokens: me },
+  { id: "assetSizing", tokens: ue }
+];
+function ni({ id: a, label: t, tokens: i }) {
+  return /* @__PURE__ */ o("article", { className: "game-ui-token-card", children: [
+    /* @__PURE__ */ e("h3", { children: t }),
+    /* @__PURE__ */ e("div", { className: "game-ui-token-grid", children: Object.entries(i).map(([l, n]) => /* @__PURE__ */ o("div", { className: "game-ui-token-row", children: [
+      /* @__PURE__ */ e("span", { children: l }),
+      /* @__PURE__ */ e("code", { children: String(n) })
+    ] }, `${a}-${l}`)) })
+  ] });
+}
+function li() {
+  return /* @__PURE__ */ e("div", { "aria-label": "Clay color swatches", className: "game-ui-swatch-grid", children: Object.entries(N).map(([a, t]) => /* @__PURE__ */ o("figure", { className: "game-ui-swatch", children: [
+    /* @__PURE__ */ e("span", { style: { background: t } }),
+    /* @__PURE__ */ o("figcaption", { children: [
+      /* @__PURE__ */ e("strong", { children: a }),
+      /* @__PURE__ */ e("code", { children: t })
+    ] })
+  ] }, a)) });
+}
+function oi() {
+  const { type: a } = R();
+  return /* @__PURE__ */ o("div", { className: "game-ui-type-scale", children: [
+    /* @__PURE__ */ e("p", { className: "game-ui-type-kicker", children: a.kicker }),
+    /* @__PURE__ */ e("h1", { children: a.h1 }),
+    /* @__PURE__ */ e("h2", { children: a.h2 }),
+    /* @__PURE__ */ e("p", { children: a.body }),
+    /* @__PURE__ */ e("small", { children: a.small })
+  ] });
+}
+function si() {
+  const { buttons: a } = R();
+  return /* @__PURE__ */ o(B, { title: a.panelTitle, tone: "strong", children: [
+    /* @__PURE__ */ o("div", { className: "game-ui-component-row", children: [
+      /* @__PURE__ */ e(C, { variant: "primary", children: a.openTable }),
+      /* @__PURE__ */ e(C, { variant: "secondary", children: a.useCode }),
+      /* @__PURE__ */ e(C, { variant: "ghost", children: a.continueHost }),
+      /* @__PURE__ */ e(C, { variant: "success", children: a.readyUp }),
+      /* @__PURE__ */ e(C, { variant: "danger", children: a.leaveTable }),
+      /* @__PURE__ */ e(C, { disabled: !0, variant: "secondary", children: a.waiting })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "game-ui-component-row", children: [
+      /* @__PURE__ */ e(ma, { label: a.settingsTip, children: /* @__PURE__ */ e(O, { label: a.settingsTip, children: /* @__PURE__ */ e(L, { icon: "settings", size: "sm" }) }) }),
+      /* @__PURE__ */ e(O, { label: a.copyInvite, children: /* @__PURE__ */ e(L, { icon: "copy", size: "sm" }) }),
+      /* @__PURE__ */ e(S, { tone: "ai", children: a.aiBadge }),
+      /* @__PURE__ */ e(S, { tone: "success", children: a.readyBadge }),
+      /* @__PURE__ */ e(S, { tone: "warning", children: a.hostGateBadge })
+    ] }),
+    /* @__PURE__ */ e(Pe, { activeId: "live", label: a.segmentedLabel, options: [{ id: "daily", label: a.segDaily }, { id: "live", label: a.segLive }, { id: "tokens", label: a.segTokens }] }),
+    /* @__PURE__ */ e(ua, { activeId: "portal", tabs: [{ id: "portal", label: a.tabsPortal }, { id: "vote", label: a.tabsVote }, { id: "history", label: a.tabsHistory }] }),
+    /* @__PURE__ */ e(ha, { items: [{ id: "wave", label: a.wave }, { id: "think", label: a.think }, { id: "doubt", label: a.doubt }], label: a.radialLabel }),
+    /* @__PURE__ */ e(ga, { label: a.sliderLabel, max: 100, min: 0, value: 68 }),
+    /* @__PURE__ */ e(pa, { checked: !0, label: a.toggleLabel })
+  ] });
+}
+function ie() {
+  const { hud: a, tiles: t } = R();
+  return /* @__PURE__ */ o("div", { className: "game-ui-stage-demo", children: [
+    /* @__PURE__ */ o("div", { "aria-label": "Clay world HUD preview", className: "game-ui-stage-world", children: [
+      /* @__PURE__ */ e(
+        Ve,
+        {
+          label: a.label,
+          items: [{ id: "role", icon: "lock", label: a.youAre, value: a.roleValue, meta: a.rolePrivate }, { id: "room", icon: "copy", label: a.room, value: "74X8VB" }, { id: "timer", icon: "timer", label: a.reveal, value: "02:46" }],
+          actions: /* @__PURE__ */ o(K, { label: a.tools, children: [
+            /* @__PURE__ */ e(O, { label: a.history, children: /* @__PURE__ */ e(L, { icon: "scroll", size: "sm" }) }),
+            /* @__PURE__ */ e(O, { label: a.settings, children: /* @__PURE__ */ e(L, { icon: "settings", size: "sm" }) })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ o("div", { "aria-hidden": "true", className: "game-ui-table-prop", children: [
+        /* @__PURE__ */ e("span", { className: "game-ui-seat is-host" }),
+        /* @__PURE__ */ e("span", { className: "game-ui-seat is-guest-a" }),
+        /* @__PURE__ */ e("span", { className: "game-ui-seat is-guest-b" }),
+        /* @__PURE__ */ e("span", { className: "game-ui-callout is-a", children: a.calloutA }),
+        /* @__PURE__ */ e("span", { className: "game-ui-callout is-b", children: a.calloutB })
+      ] }),
+      /* @__PURE__ */ o("div", { className: "game-ui-input-strip", children: [
+        /* @__PURE__ */ e(C, { variant: "secondary", children: a.emote }),
+        /* @__PURE__ */ e(C, { variant: "primary", children: a.sendRead })
+      ] })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "game-ui-stage-sidecar", children: [
+      /* @__PURE__ */ e(q, { badge: t.daily.badge, icon: "scroll", kicker: t.daily.kicker, selected: !0, summary: t.daily.summary, title: t.daily.title, tone: "daily" }),
+      /* @__PURE__ */ e(q, { badge: t.portal.badge, icon: "portal", kicker: t.portal.kicker, summary: t.portal.summary, title: t.portal.title, tone: "portal" }),
+      /* @__PURE__ */ e(q, { icon: "energy", kicker: t.host.kicker, summary: t.host.summary, title: t.host.title, tone: "host" })
+    ] })
+  ] });
+}
+function ri() {
+  const { modals: a } = R();
+  return /* @__PURE__ */ o("div", { className: "game-ui-preview-two-up", children: [
+    /* @__PURE__ */ o(ca, { title: a.dialogTitle, children: [
+      /* @__PURE__ */ e("p", { children: a.dialogBody }),
+      /* @__PURE__ */ o(K, { label: a.actionsLabel, children: [
+        /* @__PURE__ */ e(C, { variant: "primary", children: a.confirm }),
+        /* @__PURE__ */ e(C, { variant: "ghost", children: a.back })
+      ] })
+    ] }),
+    /* @__PURE__ */ o(B, { title: a.panelTitle, tone: "strong", children: [
+      /* @__PURE__ */ e(ke, { tone: "success", children: a.toastOk }),
+      /* @__PURE__ */ e(ke, { tone: "danger", children: a.toastErr }),
+      /* @__PURE__ */ e(Se, { label: a.loading }),
+      /* @__PURE__ */ e(Se, { label: a.loadingErr, tone: "error" })
+    ] })
+  ] });
+}
+function ci() {
+  const { cards: a } = R();
+  return /* @__PURE__ */ o("div", { className: "game-ui-preview-two-up", children: [
+    /* @__PURE__ */ e(B, { title: a.fanTitle, tone: "strong", children: /* @__PURE__ */ e(Na, { label: a.fanLabel, cards: [{ id: "human", icon: "home", kicker: a.human, title: "Mika" }, { id: "ai", icon: "ai", kicker: a.ai, title: "River" }, { id: "sympathizer", icon: "crown", kicker: a.sympathizer, title: "Noa" }] }) }),
+    /* @__PURE__ */ o(B, { title: a.assetTitle, tone: "strong", children: [
+      /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: a.assetNote }),
+      /* @__PURE__ */ o("div", { className: "game-ui-asset-path-grid", children: [
+        /* @__PURE__ */ e("code", { children: V.catalog.manifest }),
+        /* @__PURE__ */ e("code", { children: V.catalog.sourceCatalog }),
+        /* @__PURE__ */ e("code", { children: V.buttons.primary }),
+        /* @__PURE__ */ e("code", { children: V.icons.trophy })
+      ] })
+    ] })
+  ] });
+}
+const Ae = [
+  { id: "terrain", label: "Terrain", icon: "portal" },
+  { id: "build", label: "Build", icon: "home" },
+  { id: "place", label: "Place", icon: "gem" }
+], Be = [
+  { id: "raise", label: "Raise", shortcut: "1" },
+  { id: "lower", label: "Lower", shortcut: "2" },
+  { id: "flatten", label: "Flatten", shortcut: "3" },
+  { id: "smooth", label: "Smooth", shortcut: "4" },
+  { id: "paint", label: "Paint", shortcut: "5" }
+], xe = [
+  { id: "grass", label: "Grass", color: "#4f9d6b" },
+  { id: "soil", label: "Soil", color: "#8a5a32" },
+  { id: "path", label: "Path", color: "#b98d5d" }
+], Ie = [
+  { id: "foundation", label: "Foundation", icon: "home", items: [{ id: "floor-2x2", label: "2x2 floor", status: "selected" }] },
+  { id: "wall", label: "Walls", icon: "card", items: [{ id: "wall-solid", label: "Solid wall", status: "ready" }] }
+];
+function di() {
+  return /* @__PURE__ */ o("div", { className: "game-ui-preview-two-up", children: [
+    /* @__PURE__ */ e(
+      Te,
+      {
+        activeBuildCategoryId: "foundation",
+        activeMaterialId: "grass",
+        activeModeId: "terrain",
+        activeToolId: "raise",
+        brush: { radius: 2.75, strength: 0.45 },
+        buildCategories: Ie,
+        label: "Desktop terrain and build tools",
+        materials: xe,
+        modes: Ae,
+        selectedBuildItemId: "floor-2x2",
+        status: { label: "Ready", tone: "success", description: "Brush edits are local and reversible.", progressLabel: "Optimization", progressMax: 100, progressValue: 68 },
+        title: "Island tools",
+        tools: Be,
+        undoRedo: { canRedo: !1, canUndo: !0 }
+      }
+    ),
+    /* @__PURE__ */ e(
+      Te,
+      {
+        activeBuildCategoryId: "foundation",
+        activeMaterialId: "path",
+        activeModeId: "terrain",
+        activeToolId: "paint",
+        brush: { radius: 1.5, strength: 0.3 },
+        buildCategories: Ie,
+        drawerOpen: !0,
+        label: "Small mobile terrain drawer",
+        materials: xe,
+        modes: Ae,
+        selectedBuildItemId: "floor-2x2",
+        status: { label: "Blocked", tone: "warning", description: "This edit would bury a placed object." },
+        title: "Tools",
+        tools: Be,
+        undoRedo: { canRedo: !0, canUndo: !0 },
+        variant: "small-mobile"
+      }
+    )
+  ] });
+}
+function Ee({ label: a, mode: t }) {
+  return /* @__PURE__ */ o("div", { className: "game-ui-construction-preview-card", "data-preview": t, children: [
+    /* @__PURE__ */ e(L, { icon: t === "before" ? "home" : "check", size: "xl" }),
+    /* @__PURE__ */ e("strong", { children: a }),
+    /* @__PURE__ */ e("small", { children: t === "before" ? "current build zone" : "approved preview" })
+  ] });
+}
+const Re = [
+  {
+    id: "preview-deck",
+    title: "Deck robot crew",
+    description: "Local-only construction queue for approved build assets.",
+    status: "working",
+    location: "South ledge",
+    estimate: "4 min",
+    progressValue: 64,
+    providerMode: "local-only",
+    crew: [
+      { id: "bolt", name: "Bolt", role: "Foundation robot", status: "working", task: "Snapping beams", icon: "energy" },
+      { id: "moss", name: "Moss", role: "Material robot", status: "queued", task: "Waiting for path tiles", icon: "gem" }
+    ],
+    steps: [
+      { id: "draft", label: "Draft", status: "complete" },
+      { id: "preview", label: "Preview", status: "complete" },
+      { id: "build", label: "Build", status: "active", caption: "placing beams" },
+      { id: "review", label: "Review", status: "pending" }
+    ]
+  },
+  {
+    id: "review-house-pad",
+    title: "House pad review",
+    description: "Owner approval required before accepting terrain and block placement.",
+    status: "readyForReview",
+    location: "Main island",
+    estimate: "review",
+    progressValue: 92,
+    providerMode: "local-only",
+    before: { label: "Before", caption: "Uneven terrain pad.", content: /* @__PURE__ */ e(Ee, { label: "Rough pad", mode: "before" }) },
+    after: { label: "After", caption: "Flattened foundation pad with safe clearance.", content: /* @__PURE__ */ e(Ee, { label: "Foundation ready", mode: "after" }) },
+    validationWarnings: [{ id: "clearance", label: "Validation clear", description: "Avatar path and saved objects stay clear.", tone: "success" }]
+  },
+  {
+    id: "blocked-fence",
+    title: "Garden fence blocked",
+    description: "Fence segment crosses a saved object; revise or revert before commit.",
+    status: "blocked",
+    location: "Garden edge",
+    estimate: "blocked",
+    progressValue: 44,
+    providerMode: "paid-disabled",
+    validationWarnings: [{ id: "collision", label: "Collision risk", description: "Fence crosses an existing chair placement.", tone: "warning" }]
+  }
+];
+function mi() {
+  return /* @__PURE__ */ o("div", { className: "game-ui-preview-two-up", children: [
+    /* @__PURE__ */ e(
+      Ce,
+      {
+        jobs: Re,
+        label: "AI contractor jobs",
+        selectedJobId: "review-house-pad",
+        subtitle: "Official contractor UI covers drafts, previews, robot work, validation, review, and local-only provider boundaries.",
+        title: "AI contractor",
+        variant: "desktop"
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ce,
+      {
+        drawerOpen: !0,
+        jobs: Re,
+        label: "Small mobile contractor jobs",
+        selectedJobId: "blocked-fence",
+        title: "Contractor",
+        variant: "small-mobile"
+      }
+    )
+  ] });
+}
+function ui() {
+  return /* @__PURE__ */ e(
+    He,
+    {
+      title: "OwnMySpace island editor preview",
+      hud: /* @__PURE__ */ e(
+        ve,
+        {
+          label: "Island facts",
+          facts: [
+            { id: "objects", icon: "gem", label: "Objects", value: "3/12" },
+            { id: "status", icon: "check", label: "Status", tone: "success", value: "Ready" },
+            { id: "position", icon: "compass", label: "Position", value: "0, 0, 0" }
+          ]
+        }
+      ),
+      movementPad: /* @__PURE__ */ e(Ea, { helpText: "WASD or arrows", label: "Move avatar" }),
+      assetLibrary: /* @__PURE__ */ e(
+        De,
+        {
+          label: "Placeable assets",
+          title: "Assets",
+          subtitle: "Starter, generated, and imported assets stay visibly distinct but share one placement path.",
+          selectedAssetId: "manual-chair",
+          groups: [
+            { id: "starter", label: "Starter", source: "starter", assets: [{ assetId: "starter-table", source: "starter", title: "Starter table", description: "Built-in", status: "ready", icon: "home" }] },
+            { id: "generated", label: "Generated", source: "generated", assets: [{ assetId: "generated-lamp", source: "generated", title: "Generated lamp", description: "Provider output", status: "ready", icon: "gem" }] },
+            { id: "imported", label: "Imported", source: "imported", assets: [{ assetId: "manual-chair", source: "imported", title: "Manual chair", description: "Manual fixture", status: "selected", icon: "shop" }] }
+          ]
+        }
+      ),
+      bottomBar: /* @__PURE__ */ e(
+        Ue,
+        {
+          title: "Placement",
+          selectedTitle: "Manual chair",
+          placedObjects: 3,
+          maxObjects: 12,
+          statusTone: "success",
+          statusValue: "Ready",
+          actions: [{ id: "place", label: "Place object", icon: "check", tone: "primary", shortcut: "Enter" }, { id: "save", label: "Save island", icon: "copy" }],
+          objectActions: [{ id: "rotate", label: "Rotate object", icon: "compass", shortcut: "R" }, { id: "remove", label: "Remove object", icon: "close", tone: "danger" }]
+        }
+      ),
+      children: /* @__PURE__ */ e("div", { className: "game-ui-surface-pack-demo-scene", children: /* @__PURE__ */ e("span", { children: "3D scene slot" }) })
+    }
+  );
+}
+const gi = [
+  {
+    id: "starter",
+    label: "Starter pieces",
+    source: "starter",
+    assets: [
+      { assetId: "asset-repro-platform", source: "starter", title: "Starter platform", status: "ready", icon: "portal", "data-testid": "asset-repro-platform" },
+      { assetId: "asset-repro-chair", source: "starter", title: "Starter chair", status: "selected", icon: "shop", "data-testid": "asset-repro-chair" },
+      { assetId: "asset-repro-table", source: "starter", title: "Starter table", status: "ready", icon: "card", "data-testid": "asset-repro-table" }
+    ]
+  }
+];
+function pi() {
+  return /* @__PURE__ */ e("div", { className: "game-ui-asset-compression-repro", "aria-label": "Asset card compression repro", children: [
+    { id: "comfortable", label: "Comfortable library", width: "320px" },
+    { id: "narrow", label: "Narrow library", width: "156px" },
+    { id: "rail", label: "Rail library", width: "64px" }
+  ].map((a) => /* @__PURE__ */ o("article", { className: "game-ui-asset-compression-repro-surface", "data-repro-surface": a.id, style: { "--repro-width": a.width }, children: [
+    /* @__PURE__ */ e(S, { children: a.label }),
+    /* @__PURE__ */ e(
+      De,
+      {
+        density: "dense",
+        groups: gi,
+        label: `${a.label} assets`,
+        selectedAssetId: "asset-repro-chair",
+        title: "Build"
+      }
+    )
+  ] }, a.id)) });
+}
+function hi() {
+  const { firstSession: a } = R(), t = {
+    controls: a.controls,
+    emote: a.emote,
+    goalLabel: a.goalLabel,
+    goalValue: a.goalValue,
+    streak: a.streak,
+    guest: a.guest,
+    history: a.history,
+    hud: a.hud,
+    input: a.input,
+    moveBadge: a.moveBadge,
+    move: a.move,
+    roomLabel: a.roomLabel,
+    roomValue: a.roomValue,
+    roleLabel: a.roleLabel,
+    roleValue: a.roleValue,
+    settings: a.settings,
+    shell: a.shell,
+    timerLabel: a.timerLabel,
+    timerValue: "02:46",
+    tools: a.tools,
+    wardrobe: a.wardrobe
+  };
+  return /* @__PURE__ */ o("div", { className: "game-ui-first-session-preview", children: [
+    /* @__PURE__ */ e("div", { className: "game-ui-first-session-world", children: /* @__PURE__ */ e(La, { authenticated: !0, batteryCount: 5, dailyStreak: 3, labels: t, onHistory: () => {
+    }, onSettings: () => {
+    }, onWardrobe: () => {
+    }, playerName: a.playerName }) }),
+    /* @__PURE__ */ e("div", { className: "game-ui-first-session-modal-slot", children: /* @__PURE__ */ e(
+      Ta,
+      {
+        open: !0,
+        onDismiss: () => {
+        },
+        labels: {
+          badge: a.obBadge,
+          body: a.obBody,
+          skip: a.obSkip,
+          start: a.obStart,
+          title: a.obTitle,
+          steps: [
+            { title: a.obMoveT, body: a.obMoveB },
+            { title: a.obReadT, body: a.obReadB },
+            { title: a.obVoteT, body: a.obVoteB }
+          ]
+        }
+      }
+    ) })
+  ] });
+}
+function bi() {
+  const { responsive: a } = R();
+  return /* @__PURE__ */ o("div", { className: "game-ui-proof-frames", children: [
+    /* @__PURE__ */ o("article", { className: "game-ui-proof-frame is-desktop", children: [
+      /* @__PURE__ */ o("header", { children: [
+        /* @__PURE__ */ e(S, { children: a.desktop }),
+        /* @__PURE__ */ e("strong", { children: "1440×900" })
+      ] }),
+      /* @__PURE__ */ e(ie, {})
+    ] }),
+    /* @__PURE__ */ o("article", { className: "game-ui-proof-frame is-mobile-landscape", children: [
+      /* @__PURE__ */ o("header", { children: [
+        /* @__PURE__ */ e(S, { children: a.mobileLandscape }),
+        /* @__PURE__ */ e("strong", { children: "844×390" })
+      ] }),
+      /* @__PURE__ */ e(ie, {})
+    ] })
+  ] });
+}
+function vi() {
+  const { forms: a } = R();
+  return /* @__PURE__ */ o("div", { className: "game-ui-preview-two-up", children: [
+    /* @__PURE__ */ o(B, { title: a.formsTitle, tone: "strong", children: [
+      /* @__PURE__ */ e(H, { hint: a.roomCodeHint, label: a.roomCodeLabel, children: /* @__PURE__ */ e(Le, { placeholder: a.roomCodePlaceholder }) }),
+      /* @__PURE__ */ e(H, { label: a.nameLabel, required: !0, children: /* @__PURE__ */ e(Le, { placeholder: a.namePlaceholder }) }),
+      /* @__PURE__ */ e(H, { error: a.readError, label: a.readLabel, children: /* @__PURE__ */ e(Ca, { invalid: !0, placeholder: a.readPlaceholder }) }),
+      /* @__PURE__ */ e(Aa, { defaultChecked: !0, label: a.rememberLabel })
+    ] }),
+    /* @__PURE__ */ o(B, { title: a.displayTitle, tone: "strong", children: [
+      /* @__PURE__ */ o("div", { className: "game-ui-component-row", children: [
+        /* @__PURE__ */ e($, { name: "Mika Ono", status: "online" }),
+        /* @__PURE__ */ e($, { name: "River", size: "lg", status: "busy" }),
+        /* @__PURE__ */ e($, { name: "Noa", status: "away" }),
+        /* @__PURE__ */ e($, { name: a.guestName, size: "sm" })
+      ] }),
+      /* @__PURE__ */ e(D, { label: a.revealLabel, showValue: !0, value: 64 }),
+      /* @__PURE__ */ e(D, { label: a.batteryLabel, max: 20, showValue: !0, tone: "success", value: 14 }),
+      /* @__PURE__ */ e(
+        P,
+        {
+          action: /* @__PURE__ */ e(C, { variant: "primary", children: a.emptyCta }),
+          description: a.emptyBody,
+          icon: "scroll",
+          title: a.emptyTitle
+        }
+      )
+    ] })
+  ] });
+}
+const fi = pe.filter((a) => _e(a).includes("game")), yi = pe.filter((a) => _e(a).includes("line"));
+function Me({ names: a, style: t }) {
+  return /* @__PURE__ */ e("div", { className: "game-ui-icon-grid", children: a.map((i) => /* @__PURE__ */ o("figure", { className: "game-ui-icon-cell", children: [
+    /* @__PURE__ */ e(L, { icon: i, size: "lg", style: t }),
+    /* @__PURE__ */ e("figcaption", { children: i })
+  ] }, `${t}-${i}`)) });
+}
+function wi() {
+  return /* @__PURE__ */ e("div", { className: "game-ui-icon-grid", children: va.map((a) => /* @__PURE__ */ o("figure", { className: "game-ui-icon-cell", children: [
+    /* @__PURE__ */ e("span", { className: "game-ui-asset-icon", "data-icon-size": "lg", "data-icon-style": "game", "aria-hidden": !0, children: /* @__PURE__ */ e("img", { alt: "", src: ze[a] }) }),
+    /* @__PURE__ */ e("figcaption", { children: a })
+  ] }, `sprite-${a}`)) });
+}
+function Ni() {
+  const { gallery: a } = R();
+  return /* @__PURE__ */ o("div", { className: "game-ui-icon-gallery", children: [
+    /* @__PURE__ */ o("section", { className: "game-ui-icon-family", children: [
+      /* @__PURE__ */ o("header", { className: "game-ui-icon-family-head", children: [
+        /* @__PURE__ */ e(S, { tone: "success", children: a.gameLabel }),
+        /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: a.gameHint })
+      ] }),
+      /* @__PURE__ */ e(Me, { names: fi, style: "game" })
+    ] }),
+    /* @__PURE__ */ o("section", { className: "game-ui-icon-family", children: [
+      /* @__PURE__ */ o("header", { className: "game-ui-icon-family-head", children: [
+        /* @__PURE__ */ e(S, { children: a.lineLabel }),
+        /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: a.lineHint })
+      ] }),
+      /* @__PURE__ */ e(Me, { names: yi, style: "line" })
+    ] }),
+    /* @__PURE__ */ o("section", { className: "game-ui-icon-family", children: [
+      /* @__PURE__ */ o("header", { className: "game-ui-icon-family-head", children: [
+        /* @__PURE__ */ e(S, { tone: "warning", children: a.spriteLabel }),
+        /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: a.spriteHint })
+      ] }),
+      /* @__PURE__ */ e(wi, {})
+    ] })
+  ] });
+}
+function _i({ title: a, body: t }) {
+  const [i, l] = M("en"), n = Qe[i], s = a && i === "en" ? a : n.heroTitle, r = t && i === "en" ? t : n.heroBody;
+  return te(() => (document.documentElement.dataset.gameUiPreview = "clay", () => {
+    delete document.documentElement.dataset.gameUiPreview;
+  }), []), /* @__PURE__ */ e(ea.Provider, { value: n, children: /* @__PURE__ */ o("main", { "aria-label": "Swimmer UI Kit clay preview", className: "game-ui-preview game-ui-clay-preview", children: [
+    /* @__PURE__ */ o("header", { className: "game-ui-preview-hero", children: [
+      /* @__PURE__ */ e(S, { tone: "ai", children: "@pieai/swimmer-ui-kit" }),
+      /* @__PURE__ */ e(
+        Sa,
+        {
+          currentLabel: n.triggerLabel,
+          label: n.langMenuLabel,
+          onSelect: (d) => l(d),
+          options: [{ id: "en", label: "English", meta: "DOM UI labels" }, { id: "zh-CN", label: "简体中文", meta: "Host app owned copy" }],
+          value: i
+        }
+      ),
+      /* @__PURE__ */ e("h1", { children: s }),
+      /* @__PURE__ */ e("p", { children: r })
+    ] }),
+    /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-token-title", className: "game-ui-preview-section", children: [
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-token-title", children: n.sections.tokens }),
+      /* @__PURE__ */ e(li, {}),
+      /* @__PURE__ */ e("div", { className: "game-ui-token-ledger", children: ti.map((d) => /* @__PURE__ */ e(ni, { id: d.id, label: n.tokenGroups[d.id] ?? d.id, tokens: d.tokens }, d.id)) })
+    ] }),
+    /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-icons-title", className: "game-ui-preview-section", children: [
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-icons-title", children: n.sections.icons }),
+      /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: n.iconsIntro }),
+      /* @__PURE__ */ e(Ni, {})
+    ] }),
+    /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-type-title", className: "game-ui-preview-section", children: [
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-type-title", children: n.sections.typography }),
+      /* @__PURE__ */ e(oi, {})
+    ] }),
+    /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-components-title", className: "game-ui-preview-section", children: [
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-components-title", children: n.sections.components }),
+      /* @__PURE__ */ e(si, {}),
+      /* @__PURE__ */ e(ie, {}),
+      /* @__PURE__ */ e(ri, {}),
+      /* @__PURE__ */ e(ci, {}),
+      /* @__PURE__ */ e(da, { entries: n.history, label: n.historyLabel })
+    ] }),
+    /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-forms-title", className: "game-ui-preview-section", children: [
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-forms-title", children: n.sections.forms }),
+      /* @__PURE__ */ e(vi, {})
+    ] }),
+    /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-ownmyspace-title", className: "game-ui-preview-section", children: [
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-ownmyspace-title", children: "OwnMySpace game surface pack" }),
+      /* @__PURE__ */ e(ui, {})
+    ] }),
+    /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-terrain-build-title", className: "game-ui-preview-section", children: [
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-terrain-build-title", children: "Terrain/build tooling" }),
+      /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: "Official terrain controls cover mode, brush, material, undo/redo, build library, status, progress, and compact mobile drawer surfaces." }),
+      /* @__PURE__ */ e(di, {})
+    ] }),
+    /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-contractor-title", className: "game-ui-preview-section", children: [
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-contractor-title", children: "AI contractor / construction robot UI" }),
+      /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: "Official construction surfaces cover job queue states, before/after review, robot crew status, validation warnings, approval actions, and local-only provider badges." }),
+      /* @__PURE__ */ e(mi, {})
+    ] }),
+    /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-asset-compression-title", className: "game-ui-preview-section", children: [
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-asset-compression-title", children: "Asset card compression proof" }),
+      /* @__PURE__ */ e("p", { className: "game-ui-small-copy", children: "Official asset cards must stay visually complete when a game shell uses dense, narrow, or rail-style inventory slots." }),
+      /* @__PURE__ */ e(pi, {})
+    ] }),
+    /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-first-session-title", className: "game-ui-preview-section", children: [
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-first-session-title", children: n.sections.firstSession }),
+      /* @__PURE__ */ e(hi, {})
+    ] }),
+    /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-orientation-title", className: "game-ui-preview-section", children: [
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-orientation-title", children: n.sections.orientation }),
+      /* @__PURE__ */ e(ka, { badgeLabel: n.orientation.badge, body: n.orientation.body, cta: n.orientation.cta, manualHint: n.orientation.hint, preview: !0, title: n.orientation.title })
+    ] }),
+    /* @__PURE__ */ o("section", { "aria-labelledby": "game-ui-preview-responsive-title", className: "game-ui-preview-section", children: [
+      /* @__PURE__ */ e("h2", { id: "game-ui-preview-responsive-title", children: n.sections.responsive }),
+      /* @__PURE__ */ e(bi, {})
+    ] })
+  ] }) });
+}
+const zi = {
+  ...ne,
+  ...le,
+  ...oe,
+  ...se,
+  ...re,
+  ...ce,
+  ...de,
+  ...ue
+}, Vi = me;
+export {
+  V as CLAY_ASSETS,
+  ba as CLAY_ASSET_BASE_PATH,
+  ue as CLAY_ASSET_SIZE_TOKENS,
+  N as CLAY_COLOR_TOKENS,
+  re as CLAY_ELEVATION_TOKENS,
+  ze as CLAY_GAME_SPRITES,
+  va as CLAY_GAME_SPRITE_NAMES,
+  pe as CLAY_ICON_NAMES,
+  ge as CLAY_ICON_VARIANTS,
+  de as CLAY_LAYER_TOKENS,
+  ce as CLAY_MOTION_TOKENS,
+  se as CLAY_RADIUS_TOKENS,
+  ne as CLAY_SEMANTIC_TOKENS,
+  oe as CLAY_SPACE_TOKENS,
+  me as CLAY_TARGET_TOKENS,
+  le as CLAY_TYPE_TOKENS,
+  Ci as CLAY_UI_TOKENS,
+  La as FirstSessionHud,
+  Ta as FirstSessionOnboarding,
+  ai as GAME_UI_PREVIEW_MESSAGES,
+  Vi as GAME_UI_TARGETS,
+  zi as GAME_UI_TOKENS,
+  U as GameActionGrid,
+  Ma as GameAssetCard,
+  L as GameAssetIcon,
+  De as GameAssetLibrary,
+  $ as GameAvatar,
+  S as GameBadge,
+  Xe as GameBeforeAfterToggle,
+  Va as GameBrushControls,
+  Ua as GameBuildLibrary,
+  C as GameButton,
+  Na as GameCardFan,
+  Aa as GameCheckbox,
+  Gi as GameCollapsiblePanel,
+  $e as GameCompactGameDrawer,
+  Xa as GameCompactJobDrawer,
+  Je as GameConstructionApprovalBar,
+  ae as GameConstructionJobCard,
+  qe as GameConstructionProgress,
+  Ce as GameContractorPanel,
+  ca as GameDialog,
+  P as GameEmptyState,
+  ve as GameFactList,
+  H as GameField,
+  da as GameHistoryPanel,
+  Ve as GameHud,
+  K as GameHudActions,
+  O as GameIconButton,
+  Le as GameInput,
+  Sa as GameLanguageMenu,
+  Se as GameLoadingState,
+  Ha as GameMaterialSwatches,
+  Pi as GameModal,
+  Ea as GameMovementPad,
+  Mi as GameObjectToolbar,
+  ka as GameOrientationGate,
+  B as GamePanel,
+  Ue as GamePlacementToolbar,
+  D as GameProgress,
+  Ti as GamePrompt,
+  ha as GameRadialMenu,
+  Ze as GameRobotCrewStatus,
+  Ei as GameSceneHudLayout,
+  Pe as GameSegmentedControl,
+  He as GameShell,
+  ga as GameSlider,
+  q as GameStageTile,
+  Ri as GameStatList,
+  ua as GameTabs,
+  Te as GameTerrainBuildToolbox,
+  _a as GameTerrainModeControl,
+  za as GameTerrainToolStrip,
+  Ca as GameTextArea,
+  ke as GameToast,
+  pa as GameToggle,
+  ma as GameTooltip,
+  _i as GameUiPreview,
+  Da as GameUndoRedoActions,
+  Oi as GameWindowPanel,
+  Bi as getClayAssetMode,
+  Ii as getClayCatalogPaths,
+  Z as getClayIconPath,
+  _e as getClayIconStyles,
+  xi as getClaySourceAssetPath,
+  ra as playGameInteractionSound,
+  sa as playGameInteractionSoundForContext,
+  Ai as setClayAssetMode
+};