@starcried/starlite-inochi2d 0.1.0-alpha.2 → 0.1.0

package/dist/dialogue.js

@@ -1,4 +1,32 @@
 // ../core/dist/dialogue.js
+function resolveDialogueContext(input) {
+  if (!input || typeof input !== "object" || Array.isArray(input))
+    throw new Error("dialogue context must be an object");
+  const value = input;
+  if (Object.keys(value).some((key) => !["id", "lines", "animation", "triggers", "mode", "order"].includes(key)))
+    throw new Error("dialogue context has an unknown field");
+  const text = (item, maximum, field) => {
+    if (typeof item !== "string" || !item.trim() || new TextEncoder().encode(item.trim()).byteLength > maximum)
+      throw new Error(`dialogue context ${field} is invalid`);
+    return item.trim();
+  };
+  const id = text(value.id, 2048, "id");
+  const lines = resolveDialogueSentences({ lines: value.lines }, [], "dialogue context").lines;
+  if (!Array.isArray(value.triggers) || !value.triggers.length || value.triggers.length > 2 || new Set(value.triggers).size !== value.triggers.length || value.triggers.some((trigger) => trigger !== "click" && trigger !== "idle"))
+    throw new Error("dialogue context triggers are invalid");
+  if (value.mode !== "replace" && value.mode !== "merge")
+    throw new Error("dialogue context mode is invalid");
+  if (value.order !== "sequential" && value.order !== "random")
+    throw new Error("dialogue context order is invalid");
+  return {
+    id,
+    lines,
+    ...value.animation !== void 0 ? { animation: text(value.animation, 1024, "animation") } : {},
+    triggers: ["click", "idle"].filter((trigger) => value.triggers.includes(trigger)),
+    mode: value.mode,
+    order: value.order
+  };
+}
 function resolveDialogueSentences(input, animations, field) {
   const resolve = (value, path) => {
     if (!Array.isArray(value) || value.length < 1 || value.length > 128) {
@@ -40,6 +68,10 @@ var DialogueScheduler = class {
   #started = false;
   #enterDueAt;
   #nextIdleAt;
+  #context = null;
+  #contextSignature = "null";
+  #contextEntries = [];
+  #contextCursor = 0;
   constructor(config, random) {
     this.#config = config;
     this.#random = random;
@@ -54,6 +86,25 @@ var DialogueScheduler = class {
     }
     this.#scheduleIdle(timestampMs);
   }
+  /** Preserve the model and first entrance while replacing host-owned text. */
+  setContext(input, timestampMs) {
+    if (!Number.isFinite(timestampMs))
+      throw new Error("dialogue context timestamp is invalid");
+    const context = input === null ? null : resolveDialogueContext(input);
+    const signature = JSON.stringify(context);
+    if (signature === this.#contextSignature)
+      return false;
+    this.#context = context;
+    this.#contextSignature = signature;
+    this.#contextCursor = 0;
+    this.#contextEntries = context ? [
+      ...context.lines.map((line) => ({ line, ...context.animation !== void 0 ? { animation: context.animation } : {}, triggers: context.triggers })),
+      ...context.mode === "merge" ? context.triggers.flatMap((scene) => this.#entries(scene)) : []
+    ] : [];
+    if (this.#started)
+      this.#scheduleIdle(timestampMs);
+    return true;
+  }
   poll(timestampMs, foregroundActive) {
     if (!this.#started || foregroundActive) {
       return void 0;
@@ -64,8 +115,8 @@ var DialogueScheduler = class {
       this.#scheduleIdle(timestampMs + action.durationMs);
       return action;
     }
-    if (this.#config.idle && this.#nextIdleAt !== void 0 && timestampMs >= this.#nextIdleAt) {
-      const action = this.#action("idle", this.#config.idle);
+    if ((this.#config.idle || this.#context?.triggers.includes("idle")) && this.#nextIdleAt !== void 0 && timestampMs >= this.#nextIdleAt) {
+      const action = this.#contextAction("idle") ?? this.#action("idle", this.#config.idle);
       this.#scheduleIdle(timestampMs + action.durationMs);
       return action;
     }
@@ -73,10 +124,10 @@ var DialogueScheduler = class {
   }
   triggerClick(timestampMs) {
     this.deferIdle(timestampMs);
-    if (!this.#config.click) {
+    if (!this.#config.click && !this.#context?.triggers.includes("click")) {
       return void 0;
     }
-    const action = this.#action("click", this.#config.click);
+    const action = this.#contextAction("click") ?? this.#action("click", this.#config.click);
     this.#scheduleIdle(timestampMs + action.durationMs);
     return action;
   }
@@ -86,6 +137,39 @@ var DialogueScheduler = class {
       this.#scheduleIdle(timestampMs);
     }
   }
+  #entries(scene) {
+    const config = this.#config[scene];
+    if (!config)
+      return [];
+    const animations = config.animations?.length ? config.animations : config.animation ? [config.animation] : [];
+    if (config.linesByAnimation)
+      return animations.flatMap((animation) => (config.linesByAnimation[animation] ?? []).map((line) => ({ line, animation, durationMs: config.durationMs, triggers: [scene] })));
+    return (animations.length ? animations : [void 0]).flatMap((animation) => (config.lines ?? []).map((line) => ({ line, ...animation !== void 0 ? { animation } : {}, durationMs: config.durationMs, triggers: [scene] })));
+  }
+  #contextAction(scene) {
+    const context = this.#context;
+    if (!context?.triggers.includes(scene))
+      return void 0;
+    let entry;
+    if (context.order === "random") {
+      const eligible = this.#contextEntries.filter((item) => item.triggers.includes(scene));
+      entry = eligible[Math.floor(this.#unitRandom() * eligible.length)];
+    } else {
+      for (let offset = 0; offset < this.#contextEntries.length; offset++) {
+        const index = (this.#contextCursor + offset) % this.#contextEntries.length;
+        const item = this.#contextEntries[index];
+        if (!item.triggers.includes(scene))
+          continue;
+        entry = item;
+        this.#contextCursor = (index + 1) % this.#contextEntries.length;
+        break;
+      }
+    }
+    if (!entry)
+      return void 0;
+    const config = this.#config[scene];
+    return { scene, line: entry.line, ...entry.animation !== void 0 ? { animation: entry.animation } : {}, durationMs: entry.durationMs ?? (config ? config.durationMs : 4e3) };
+  }
   #action(scene, config) {
     const chooseAnimation = () => config.animations?.length ? config.animations[Math.floor(this.#unitRandom() * config.animations.length)] : config.animation;
     const animation = config.linesByAnimation ? chooseAnimation() : void 0;
@@ -105,11 +189,11 @@ var DialogueScheduler = class {
       return;
     }
     const idle = this.#config.idle;
-    if (!idle) {
+    if (!idle && !this.#context?.triggers.includes("idle")) {
       this.#nextIdleAt = void 0;
       return;
     }
-    const interval = idle.intervalMinMs + (idle.intervalMaxMs - idle.intervalMinMs) * this.#unitRandom();
+    const interval = (idle ? idle.intervalMinMs : 3e4) + ((idle ? idle.intervalMaxMs : 6e4) - (idle ? idle.intervalMinMs : 3e4)) * this.#unitRandom();
     this.#nextIdleAt = timestampMs + interval;
   }
   #unitRandom() {
@@ -125,10 +209,12 @@ var DialogueScheduler = class {
 var DialogueBubble = class {
   element;
   #host;
+  #anchor;
   #until = 0;
   #timeout;
-  constructor(host) {
+  constructor(host, anchor) {
     this.#host = host;
+    this.#anchor = anchor;
     this.element = document.createElement("div");
     this.element.className = "model-widget__bubble";
     this.element.hidden = true;
@@ -170,8 +256,20 @@ var DialogueBubble = class {
       return;
     const host = this.#host.getBoundingClientRect(), bubble = this.element.getBoundingClientRect();
     const width = Math.max(1, document.documentElement.clientWidth || window.innerWidth);
-    const margin = 12, centered = host.left + host.width / 2 - bubble.width / 2;
-    this.element.dataset.modelPlacement = host.top >= bubble.height + margin * 2 ? "above" : "below";
+    const candidate = this.#anchor?.();
+    const anchor = candidate && Number.isFinite(candidate.x) && Number.isFinite(candidate.y) ? candidate : void 0;
+    const margin = 12, centered = host.left + (anchor?.x ?? host.width / 2) - bubble.width / 2;
+    const above = host.top + (anchor?.y ?? 0) >= bubble.height + margin * 2;
+    this.element.dataset.modelPlacement = above ? "above" : "below";
+    if (anchor) {
+      const height = Math.max(1, document.documentElement.clientHeight || window.innerHeight);
+      const preferredTop = above ? host.top + anchor.y - margin - bubble.height : host.top + host.height + margin;
+      const top = Math.max(margin, Math.min(Math.max(margin, height - bubble.height - margin), preferredTop));
+      Object.assign(this.element.style, { left: `${anchor.x}px`, top: `${top - host.top}px`, bottom: "auto" });
+    } else {
+      for (const property of ["left", "top", "bottom"])
+        this.element.style.removeProperty(property);
+    }
     const left = Math.max(margin, Math.min(Math.max(margin, width - bubble.width - margin), centered));
     this.element.style.setProperty("--model-bubble-shift-x", `${Math.round(left - centered)}px`);
   }
@@ -186,6 +284,8 @@ function observePassThroughClicks(surface, onClick) {
   let down;
   let ready;
   const inside = (event) => {
+    if (event.composedPath().some((target) => target instanceof Element && target.matches("[data-starlite-quick-settings],[data-starlite-widget-restore]")))
+      return false;
     const rect = surface.getBoundingClientRect();
     return rect.width > 0 && rect.height > 0 && event.clientX >= rect.left && event.clientX < rect.right && event.clientY >= rect.top && event.clientY < rect.bottom;
   };
@@ -242,5 +342,6 @@ export {
   DialogueBubble,
   DialogueScheduler,
   observePassThroughClicks,
+  resolveDialogueContext,
   resolveDialogueSentences
 };

package/dist/dialogue.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogue.js","sourceRoot":"","sources":["../src/dialogue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,wBAAwB,EAAE,wBAAwB,EAAuB,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"dialogue.js","sourceRoot":"","sources":["../src/dialogue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,wBAAwB,EAA6C,MAAM,0BAA0B,CAAC"}

package/dist/hit-mask.js

@@ -18,8 +18,8 @@ var RenderedHitMask = class {
     if (!listener)
       this.#surface = void 0;
   }
-  capture(canvas, timestamp) {
-    if (!this.#listener || timestamp - this.#lastTime < 50)
+  capture(canvas, timestamp, force = false) {
+    if (!this.#listener || !force && timestamp - this.#lastTime < 50)
       return;
     this.#lastTime = timestamp;
     const rect = canvas.getBoundingClientRect();

package/dist/index.d.ts

@@ -1,4 +1,6 @@
+export { resolveLocale, type StarLiteLocale } from "./locale.js";
 export { validateInochi2DWidgetConfig } from "./config.js";
+export { QuickSettingsMenu, type QuickSettingsOptions, type QuickSettingItem } from "./quick-settings.js";
 export type { AmbientAnimationConfig, AnimationClip, AnimationInterpolation, AnimationKeyframe, AnimationLane, AnimationPlaybackMode, AnimationPlaybackOptions, AnimationPlaybackResult, DialogueConfig, DialogueSceneConfig, DialogueSceneName, EnterDialogueSceneConfig, IdleDialogueSceneConfig, Inochi2dWasmRuntime, ModelAnimationInfo, ParameterAxis, ParameterBinding, ParameterIds, ParameterTarget, ResolvedParameterBindings, ResolvedParameterTarget, ResolvedWidgetConfig, RuntimeFactory, WidgetConfig, WidgetController, WidgetStatus, } from "./types.js";
 /** Mount an Inochi2D widget and resolve once it is running or in fallback state. */
 export declare function mountInochi2DWidget(element: HTMLElement, config: import("./types.js").WidgetConfig, options?: import("@starcried/starlite-core").MountOptions): Promise<import("./types.js").WidgetController>;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAE3D,YAAY,EACV,sBAAsB,EACtB,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EACjB,wBAAwB,EACxB,uBAAuB,EACvB,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,yBAAyB,EACzB,uBAAuB,EACvB,oBAAoB,EACpB,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACb,MAAM,YAAY,CAAC;AAEpB,oFAAoF;AACpF,wBAAsB,mBAAmB,CACvC,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,OAAO,YAAY,EAAE,YAAY,EACzC,OAAO,GAAE,OAAO,0BAA0B,EAAE,YAAiB,GAC5D,OAAO,CAAC,OAAO,YAAY,EAAE,gBAAgB,CAAC,CAEhD;AAED,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,4BAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAIjE,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,KAAK,oBAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE1G,YAAY,EACV,sBAAsB,EACtB,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EACjB,wBAAwB,EACxB,uBAAuB,EACvB,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,yBAAyB,EACzB,uBAAuB,EACvB,oBAAoB,EACpB,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACb,MAAM,YAAY,CAAC;AAEpB,oFAAoF;AACpF,wBAAsB,mBAAmB,CACvC,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,OAAO,YAAY,EAAE,YAAY,EACzC,OAAO,GAAE,OAAO,0BAA0B,EAAE,YAAiB,GAC5D,OAAO,CAAC,OAAO,YAAY,EAAE,gBAAgB,CAAC,CAEhD;AAED,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,4BAAsB,CAAC"}

package/dist/index.js

@@ -1,6 +1,8 @@
+export { resolveLocale } from "./locale.js";
 import { mountWithDependencies } from "./controller.js";
 import { createDefaultDependencies } from "./dependencies.js";
 export { validateInochi2DWidgetConfig } from "./config.js";
+export { QuickSettingsMenu } from "./quick-settings.js";
 /** Mount an Inochi2D widget and resolve once it is running or in fallback state. */
 export async function mountInochi2DWidget(element, config, options = {}) {
     return mountWithDependencies(element, config, createDefaultDependencies(), options.signal);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AA+B3D,oFAAoF;AACpF,MAAM,CAAC,KAAK,UAAU,mBAAmB,CACvC,OAAoB,EACpB,MAAyC,EACzC,OAAO,GAAoD,EAAE;IAE7D,OAAO,qBAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,yBAAyB,EAAE,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;AAC7F,CAAC;AAED,iFAAiF;AACjF,MAAM,CAAC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAuB,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAoD,MAAM,qBAAqB,CAAC;AA+B1G,oFAAoF;AACpF,MAAM,CAAC,KAAK,UAAU,mBAAmB,CACvC,OAAoB,EACpB,MAAyC,EACzC,OAAO,GAAoD,EAAE;IAE7D,OAAO,qBAAqB,CAAC,OAAO,EAAE,MAAM,EAAE,yBAAyB,EAAE,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;AAC7F,CAAC;AAED,iFAAiF;AACjF,MAAM,CAAC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC"}

package/dist/locale.d.ts

@@ -0,0 +1,2 @@
+export { resolveLocale, validateLocale, type StarLiteLocale } from "@starcried/starlite-core";
+//# sourceMappingURL=locale.d.ts.map

package/dist/locale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.d.ts","sourceRoot":"","sources":["../src/locale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/locale.js

@@ -0,0 +1,16 @@
+// ../core/dist/locale.js
+function resolveLocale(language) {
+  const value = Array.isArray(language) ? language[0] : language;
+  if (typeof value !== "string" || !value.trim())
+    return "zh-CN";
+  return /^zh(?:[-_]|$)/i.test(value.trim()) ? "zh-CN" : "en";
+}
+function validateLocale(value) {
+  if (value !== void 0 && value !== "zh-CN" && value !== "en") {
+    throw new Error("locale must be zh-CN or en");
+  }
+}
+export {
+  resolveLocale,
+  validateLocale
+};

package/dist/locale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.js","sourceRoot":"","sources":["../src/locale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAuB,MAAM,0BAA0B,CAAC"}

package/dist/performance.d.ts

@@ -0,0 +1,2 @@
+export { PerformanceOverlay, validatePerformanceConfig } from "@starcried/starlite-core";
+//# sourceMappingURL=performance.d.ts.map

package/dist/performance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"performance.d.ts","sourceRoot":"","sources":["../src/performance.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/performance.js

@@ -0,0 +1,114 @@
+// ../core/dist/performance.js
+function validatePerformanceConfig(value) {
+  if (value === void 0)
+    return;
+  if (!value || typeof value !== "object" || Array.isArray(value) || Object.keys(value).some((key) => key !== "show") || "show" in value && value.show !== void 0 && typeof value.show !== "boolean") {
+    throw new Error("performance must be an object with an optional boolean show");
+  }
+}
+var FrameSamples = class {
+  #values;
+  #next = 0;
+  #size = 0;
+  constructor(capacity = 240) {
+    if (!Number.isSafeInteger(capacity) || capacity < 1)
+      throw new Error("invalid sample capacity");
+    this.#values = new Float64Array(capacity);
+  }
+  add(value) {
+    if (!Number.isFinite(value) || value < 0)
+      return;
+    this.#values[this.#next] = value;
+    this.#next = (this.#next + 1) % this.#values.length;
+    this.#size = Math.min(this.#size + 1, this.#values.length);
+  }
+  reset() {
+    this.#next = 0;
+    this.#size = 0;
+  }
+  values() {
+    return Array.from({ length: this.#size }, (_, i) => this.#values[(this.#next - this.#size + i + this.#values.length) % this.#values.length]);
+  }
+};
+var PerformanceOverlay = class {
+  element;
+  #intervals = new FrameSamples();
+  #cpu = new FrameSamples();
+  #previous;
+  #lastPaint;
+  #status = "loading";
+  #destroyed = false;
+  constructor(host) {
+    this.element = document.createElement("output");
+    this.element.className = "model-widget__performance";
+    this.element.setAttribute("data-model-performance", "");
+    this.element.setAttribute("aria-label", "StarLite model performance");
+    this.element.setAttribute("aria-live", "off");
+    this.element.title = "Rendered FPS and frame-interval p95; CPU p95 is the wall time of model update and WebGL submission, including any driver waits, not measured GPU execution or CPU utilization. The latest 240 frames are sampled. Pausing resets measurements.";
+    Object.assign(this.element.style, {
+      position: "absolute",
+      left: "8px",
+      bottom: "8px",
+      zIndex: "2",
+      maxWidth: "calc(100% - 16px)",
+      boxSizing: "border-box",
+      padding: "6px 8px",
+      borderRadius: "6px",
+      background: "rgba(15, 23, 42, .86)",
+      color: "#f1f5f9",
+      font: "11px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace",
+      whiteSpace: "pre-line",
+      overflowWrap: "anywhere",
+      pointerEvents: "none",
+      userSelect: "none",
+      textAlign: "left"
+    });
+    host.append(this.element);
+    this.#paintStatus();
+  }
+  setStatus(status) {
+    if (this.#destroyed || status === this.#status)
+      return;
+    this.#status = status;
+    this.#intervals.reset();
+    this.#cpu.reset();
+    this.#previous = void 0;
+    this.#lastPaint = void 0;
+    this.#paintStatus();
+  }
+  recordFrame(timestampMs, cpuMs, details = {}) {
+    if (this.#destroyed || this.#status !== "running" || !Number.isFinite(timestampMs))
+      return;
+    if (this.#previous !== void 0 && timestampMs > this.#previous)
+      this.#intervals.add(timestampMs - this.#previous);
+    this.#previous = timestampMs;
+    this.#cpu.add(cpuMs);
+    if (this.#lastPaint !== void 0 && timestampMs - this.#lastPaint < 500)
+      return;
+    this.#lastPaint = timestampMs;
+    const intervals = this.#intervals.values(), cpu = this.#cpu.values();
+    const sum = intervals.reduce((total, value) => total + value, 0);
+    const fps = sum > 0 ? `${(1e3 * intervals.length / sum).toFixed(1)} FPS` : "FPS warming up";
+    const p95 = (values) => values.length ? values.sort((a, b) => a - b)[Math.ceil(values.length * 0.95) - 1].toFixed(1) : "\u2014";
+    const lines = [fps, `Frame p95 ${p95(intervals)} ms`, `CPU p95 ${p95(cpu)} ms`];
+    if (Number.isFinite(details.calls) && Number.isFinite(details.triangles)) {
+      lines.push(`${details.calls} calls \xB7 ${details.triangles.toLocaleString("en-US")} tris`);
+    }
+    this.element.textContent = lines.join("\n");
+    this.element.dataset.modelPerformanceStatus = this.#status;
+  }
+  destroy() {
+    if (this.#destroyed)
+      return;
+    this.#destroyed = true;
+    this.element.remove();
+  }
+  #paintStatus() {
+    this.element.textContent = `StarLite \xB7 ${this.#status}`;
+    this.element.dataset.modelPerformanceStatus = this.#status;
+  }
+};
+export {
+  PerformanceOverlay,
+  validatePerformanceConfig
+};

package/dist/performance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"performance.js","sourceRoot":"","sources":["../src/performance.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/quick-settings.d.ts

@@ -0,0 +1,2 @@
+export { QuickSettingsMenu, type QuickSettingsOptions, type QuickSettingItem } from "@starcried/starlite-core";
+//# sourceMappingURL=quick-settings.d.ts.map

package/dist/quick-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quick-settings.d.ts","sourceRoot":"","sources":["../src/quick-settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,oBAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}