@rb-games/core 0.1.1 → 0.1.3

package/dist/ui/index.js

@@ -1,31 +1,8 @@
-import { Rectangle, Color, Texture, Sprite, Graphics, Container, Text, ColorMatrixFilter, Assets, Point } from 'pixi.js';
-import { merge } from 'lodash';
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  __defProp(target, "default", { value: mod, enumerable: true }) ,
-  mod
-));
+import { Align, Flow } from '../chunk-FOZO6TLY.js';
+import { getNestedValue } from '../chunk-5BLUF2HG.js';
+import { require_lodash } from '../chunk-NAQG7TMS.js';
+import { __commonJS, __toESM } from '../chunk-G3PMV62Z.js';
+import { Rectangle, Color, Texture, Sprite, Graphics, Container, Text, ColorMatrixFilter, Assets } from 'pixi.js';
 
 // ../../node_modules/eventemitter3/index.js
 var require_eventemitter3 = __commonJS({
@@ -189,7 +166,7 @@ var require_eventemitter3 = __commonJS({
 });
 
 // ../../node_modules/eventemitter3/index.mjs
-var import_index = __toESM(require_eventemitter3());
+var import_index = __toESM(require_eventemitter3(), 1);
 
 // ui/behaviors/ButtonBehavior.ts
 var ButtonBehavior = class _ButtonBehavior extends import_index.default {
@@ -1198,12 +1175,11 @@ var InputBehavior = class extends import_index.default {
   }
 };
 
-// utils/ObjectUtils.ts
-function getNestedValue(obj, path) {
-  return path.split(".").reduce((current, key) => current == null ? void 0 : current[key], obj);
-}
+// ui/components/ButtonComp.ts
+var import_lodash2 = __toESM(require_lodash(), 1);
 
 // ui/components/Skinable.ts
+var import_lodash = __toESM(require_lodash(), 1);
 var SKIN = Symbol("skinData");
 function Skinable(Base) {
   class SkinableClass extends Base {
@@ -1220,9 +1196,9 @@ function Skinable(Base) {
       }
       const current = this[SKIN];
       if (mergeWithExisting && current) {
-        this[SKIN] = merge({}, current, data);
+        this[SKIN] = (0, import_lodash.merge)({}, current, data);
       } else {
-        this[SKIN] = merge({}, data);
+        this[SKIN] = (0, import_lodash.merge)({}, data);
       }
       (_b = this.skinApply) == null ? void 0 : _b.call(this, this[SKIN] ?? null);
     }
@@ -2688,13 +2664,13 @@ var ButtonComp = class _ButtonComp extends Skinable(Container) {
             base = stateData.base;
           }
           if (stateData.background !== void 0) {
-            background = background ? merge({}, background, stateData.background) : stateData.background;
+            background = background ? (0, import_lodash2.merge)({}, background, stateData.background) : stateData.background;
           }
           if (stateData.textConfig !== void 0) {
-            textConfig = textConfig ? merge({}, textConfig, stateData.textConfig) : stateData.textConfig;
+            textConfig = textConfig ? (0, import_lodash2.merge)({}, textConfig, stateData.textConfig) : stateData.textConfig;
           }
           if (stateData.icon !== void 0) {
-            icon = icon ? merge({}, icon, stateData.icon) : stateData.icon;
+            icon = icon ? (0, import_lodash2.merge)({}, icon, stateData.icon) : stateData.icon;
           }
           if (stateData.layout !== void 0) {
             layout = stateData.layout;
@@ -2969,6 +2945,9 @@ var ButtonComp = class _ButtonComp extends Skinable(Container) {
     return this._buttonBehaviors;
   }
 };
+
+// ui/components/InputComp.ts
+var import_lodash3 = __toESM(require_lodash(), 1);
 var InputComp = class extends Skinable(Container) {
   _background;
   _textMask;
@@ -3052,7 +3031,7 @@ var InputComp = class extends Skinable(Container) {
     if (!skin) return null;
     const baseData = skin.up;
     const stateData = skin[this._currentState] || {};
-    return merge({}, baseData, stateData);
+    return (0, import_lodash3.merge)({}, baseData, stateData);
   }
   updateBackground(stateData) {
     const bg = stateData.background;
@@ -3106,6 +3085,9 @@ var InputComp = class extends Skinable(Container) {
     super.destroy();
   }
 };
+
+// ui/components/SliderComp.ts
+var import_lodash4 = __toESM(require_lodash(), 1);
 var SliderComp = class extends Skinable(Container) {
   _slider;
   _trackContainer;
@@ -3185,7 +3167,7 @@ var SliderComp = class extends Skinable(Container) {
     if (!skin) return null;
     const baseData = skin.up;
     const stateData = skin[this._currentState] || {};
-    return merge({}, baseData, stateData);
+    return (0, import_lodash4.merge)({}, baseData, stateData);
   }
   updateTrack(stateData) {
     var _a, _b;
@@ -3570,502 +3552,9 @@ function createFlatButtonEffect(options) {
     }
   });
 }
-function rectToBoundsLike(r) {
-  const left = r.x;
-  const top = r.y;
-  const width = r.width;
-  const height = r.height;
-  const right = left + width;
-  const bottom = top + height;
-  return {
-    left,
-    right,
-    top,
-    bottom,
-    width,
-    height,
-    centerX: left + width / 2,
-    centerY: top + height / 2
-  };
-}
-function getCommonParent(items) {
-  var _a;
-  const parent = (_a = items[0]) == null ? void 0 : _a.parent;
-  if (!parent) throw new Error("Items must have a parent");
-  for (const it of items) {
-    if (it.parent !== parent) throw new Error("All items must share the same parent");
-  }
-  return parent;
-}
-function getLocalBoundsInParent(child, parent) {
-  const world = child.getBounds();
-  const topLeft = parent.toLocal(new Point(world.x, world.y));
-  const bottomRight = parent.toLocal(new Point(world.x + world.width, world.y + world.height));
-  const left = Math.min(topLeft.x, bottomRight.x);
-  const right = Math.max(topLeft.x, bottomRight.x);
-  const top = Math.min(topLeft.y, bottomRight.y);
-  const bottom = Math.max(topLeft.y, bottomRight.y);
-  const width = right - left;
-  const height = bottom - top;
-  return {
-    left,
-    right,
-    top,
-    bottom,
-    width,
-    height,
-    centerX: left + width / 2,
-    centerY: top + height / 2
-  };
-}
-function getSelectionBounds(items, parent) {
-  const p = parent ?? getCommonParent(items);
-  let left = Infinity, right = -Infinity, top = Infinity, bottom = -Infinity;
-  for (const it of items) {
-    const b = getLocalBoundsInParent(it, p);
-    left = Math.min(left, b.left);
-    right = Math.max(right, b.right);
-    top = Math.min(top, b.top);
-    bottom = Math.max(bottom, b.bottom);
-  }
-  const width = right - left;
-  const height = bottom - top;
-  return {
-    left,
-    right,
-    top,
-    bottom,
-    width,
-    height,
-    centerX: left + width / 2,
-    centerY: top + height / 2
-  };
-}
-function getReferenceBounds(items, options) {
-  if (options == null ? void 0 : options.container) {
-    const box = options.container;
-    if (box instanceof Container) {
-      const parent2 = box;
-      const world = parent2.getBounds();
-      const topLeft = parent2.toLocal(new Point(world.x, world.y));
-      const bottomRight = parent2.toLocal(new Point(world.x + world.width, world.y + world.height));
-      const left = Math.min(topLeft.x, bottomRight.x);
-      const right = Math.max(topLeft.x, bottomRight.x);
-      const top = Math.min(topLeft.y, bottomRight.y);
-      const bottom = Math.max(topLeft.y, bottomRight.y);
-      const width = right - left;
-      const height = bottom - top;
-      return {
-        ref: {
-          left,
-          right,
-          top,
-          bottom,
-          width,
-          height,
-          centerX: left + width / 2,
-          centerY: top + height / 2
-        },
-        parent: parent2
-      };
-    } else {
-      const parent2 = getCommonParent(items);
-      return { ref: rectToBoundsLike(box), parent: parent2 };
-    }
-  }
-  const parent = getCommonParent(items);
-  if (options == null ? void 0 : options.key) {
-    if (options.key.parent !== parent) throw new Error("key and items must share the same parent");
-    return { ref: getLocalBoundsInParent(options.key, parent), parent };
-  }
-  return { ref: getSelectionBounds(items, parent), parent };
-}
-function nudgeX(child, dx) {
-  child.x += dx;
-}
-function nudgeY(child, dy) {
-  child.y += dy;
-}
-
-// layout/Flow.ts
-function normalizeGap(opts) {
-  if (typeof opts.gap === "number") return { h: opts.gap, v: opts.gap };
-  if (typeof opts.gap === "object" && opts.gap) return { h: opts.gap.h ?? 0, v: opts.gap.v ?? 0 };
-  const h = opts.columnGap ?? 0;
-  const v = opts.rowGap ?? 0;
-  return { h, v };
-}
-function normalizePadding(p) {
-  if (typeof p === "number") return { top: p, right: p, bottom: p, left: p };
-  return { top: (p == null ? void 0 : p.top) ?? 0, right: (p == null ? void 0 : p.right) ?? 0, bottom: (p == null ? void 0 : p.bottom) ?? 0, left: (p == null ? void 0 : p.left) ?? 0 };
-}
-function normalizeMargin(value) {
-  if (value === void 0) {
-    return { top: 0, right: 0, bottom: 0, left: 0 };
-  }
-  if (typeof value === "number") {
-    return { top: value, right: value, bottom: value, left: value };
-  }
-  const top = value.top ?? value.y ?? 0;
-  const bottom = value.bottom ?? value.y ?? 0;
-  const left = value.left ?? value.x ?? 0;
-  const right = value.right ?? value.x ?? 0;
-  return { top, right, bottom, left };
-}
-function getFlowBounds(items, opts, parent) {
-  const pad = normalizePadding(opts.padding);
-  if (opts.wrap === "bounds" && opts.bounds) {
-    let r;
-    if (opts.bounds instanceof Rectangle) {
-      r = opts.bounds;
-    } else {
-      const b = getLocalBoundsInParent(opts.bounds, parent);
-      r = new Rectangle(b.left, b.top, b.width, b.height);
-    }
-    return new Rectangle(
-      r.x + pad.left,
-      r.y + pad.top,
-      Math.max(0, r.width - pad.left - pad.right),
-      Math.max(0, r.height - pad.top - pad.bottom)
-    );
-  }
-  const sel = getSelectionBounds(items, parent);
-  return new Rectangle(
-    // TODO Not sure side effects check this out latter
-    /*sel.left +*/
-    pad.left,
-    /*sel.top + */
-    pad.top,
-    Math.max(0, sel.width - pad.left - pad.right),
-    Math.max(0, sel.height - pad.top - pad.bottom)
-  );
-}
-var Flow = class {
-  /**
-   * Arranges containers in a flexbox-like layout.
-   *
-   * This method modifies container positions in-place to create the desired layout.
-   * Items are sorted (if order function provided) and then arranged according to
-   * direction, wrapping, alignment, and justification settings.
-   *
-   * @param items - Array of containers to layout
-   * @param options - Layout configuration options
-   *
-   * @example
-   * ```typescript
-   * // Simple horizontal row
-   * Flow.layout(items, { direction: 'row', gap: 10 });
-   *
-   * // Grid with 4 columns
-   * Flow.layout(items, {
-   *   direction: 'row',
-   *   wrap: 'count',
-   *   columnCount: 4,
-   *   gap: { h: 10, v: 15 }
-   * });
-   *
-   * // Centered vertical list
-   * Flow.layout(items, {
-   *   direction: 'column',
-   *   align: 'center',
-   *   gap: 20
-   * });
-   * ```
-   */
-  static layout(items, options) {
-    if (!items || items.length === 0) return;
-    const opts = {
-      direction: "row",
-      wrap: "none",
-      gap: 0,
-      justify: "start",
-      align: "start",
-      ...options
-    };
-    const parent = getCommonParent(items);
-    const gap = normalizeGap(opts);
-    const dir = opts.direction ?? "row";
-    const wrap = opts.wrap ?? "none";
-    const ordered = opts.order ? [...items].sort(opts.order) : [...items];
-    const area = getFlowBounds(ordered, opts, parent);
-    if (wrap === "count") {
-      if (dir === "row") {
-        const cols = opts.columnCount ?? (opts.rowCount ? Math.ceil(ordered.length / opts.rowCount) : ordered.length);
-        const lines = [];
-        for (let i = 0; i < ordered.length; i += cols) lines.push(ordered.slice(i, i + cols));
-        layoutLinesRow(lines, parent, area, gap, opts.justify, opts.align, opts.margins);
-      } else {
-        const rows = opts.rowCount ?? (opts.columnCount ? Math.ceil(ordered.length / opts.columnCount) : ordered.length);
-        const columns = [];
-        for (let i = 0; i < ordered.length; i += rows) columns.push(ordered.slice(i, i + rows));
-        layoutLinesColumn(columns, parent, area, gap, opts.justify, opts.align, opts.margins);
-      }
-      return;
-    }
-    if (wrap === "bounds") {
-      if (dir === "row") {
-        const lines = [];
-        let line = [];
-        let lineW = 0;
-        for (const it of ordered) {
-          const b = getLocalBoundsInParent(it, parent);
-          const needed = line.length === 0 ? b.width : gap.h + b.width;
-          if (line.length > 0 && lineW + needed > area.width) {
-            lines.push(line);
-            line = [it];
-            lineW = b.width;
-          } else {
-            line.push(it);
-            lineW += needed;
-          }
-        }
-        if (line.length) lines.push(line);
-        layoutLinesRow(lines, parent, area, gap, opts.justify, opts.align, opts.margins);
-      } else {
-        const columns = [];
-        let col = [];
-        let colH = 0;
-        for (const it of ordered) {
-          const b = getLocalBoundsInParent(it, parent);
-          const needed = col.length === 0 ? b.height : gap.v + b.height;
-          if (col.length > 0 && colH + needed > area.height) {
-            columns.push(col);
-            col = [it];
-            colH = b.height;
-          } else {
-            col.push(it);
-            colH += needed;
-          }
-        }
-        if (col.length) columns.push(col);
-        layoutLinesColumn(columns, parent, area, gap, opts.justify, opts.align, opts.margins);
-      }
-      return;
-    }
-    if (wrap === "none") {
-      if (dir === "row") {
-        const lines = [ordered];
-        layoutLinesRow(lines, parent, area, gap, opts.justify, opts.align, opts.margins);
-      } else {
-        const columns = [ordered];
-        layoutLinesColumn(columns, parent, area, gap, opts.justify, opts.align, opts.margins);
-      }
-    }
-  }
-};
-function layoutLinesRow(lines, parent, area, gap, justify, align, margins) {
-  let y = area.y;
-  for (const line of lines) {
-    let contentW = 0;
-    let lineH = 0;
-    const sizes = line.map((it) => {
-      const b = getLocalBoundsInParent(it, parent);
-      lineH = Math.max(lineH, b.height);
-      return b;
-    });
-    if (line.length > 0) contentW = sizes.reduce((s, b, i) => s + b.width + (i > 0 ? gap.h : 0), 0);
-    let x = area.x;
-    if (justify === "center") {
-      x += Math.max(0, (area.width - contentW) / 2);
-    } else if (justify === "end") {
-      x += Math.max(0, area.width - contentW);
-    } else if (justify === "space-between" && line.length > 1) {
-      const free = Math.max(0, area.width - sizes.reduce((s, b) => s + b.width, 0));
-      const g = free / (line.length - 1);
-      positionRow(line, sizes, parent, x, y, lineH, { h: g, v: gap.v }, align, margins);
-      y += lineH + gap.v;
-      continue;
-    } else if (justify === "space-around" && line.length > 0) {
-      const free = Math.max(0, area.width - sizes.reduce((s, b) => s + b.width, 0));
-      const g = free / line.length;
-      x += g / 2;
-      positionRow(line, sizes, parent, x, y, lineH, { h: g, v: gap.v }, align, margins);
-      y += lineH + gap.v;
-      continue;
-    } else if (justify === "space-evenly" && line.length > 0) {
-      const free = Math.max(0, area.width - sizes.reduce((s, b) => s + b.width, 0));
-      const g = free / (line.length + 1);
-      x += g;
-      positionRow(line, sizes, parent, x, y, lineH, { h: g, v: gap.v }, align, margins);
-      y += lineH + gap.v;
-      continue;
-    }
-    positionRow(line, sizes, parent, x, y, lineH, gap, align, margins);
-    y += lineH + gap.v;
-  }
-}
-function positionRow(line, sizes, parent, x, y, lineH, gap, align, margins) {
-  let cursor = x;
-  for (let i = 0; i < line.length; i++) {
-    const it = line[i];
-    const b = sizes[i];
-    const margin = normalizeMargin(margins == null ? void 0 : margins[i]);
-    const dx = cursor + margin.left - b.left;
-    let dy = 0;
-    if (align === "start") dy = y + margin.top - b.top;
-    else if (align === "center") dy = y + margin.top + (lineH - b.height) / 2 - b.top;
-    else dy = y + margin.top + (lineH - b.height) - b.top;
-    nudgeX(it, dx);
-    nudgeY(it, dy);
-    cursor += margin.left + b.width + margin.right + gap.h;
-  }
-}
-function layoutLinesColumn(columns, parent, area, gap, justify, align, margins) {
-  let x = area.x;
-  for (const col of columns) {
-    let contentH = 0;
-    let colW = 0;
-    const sizes = col.map((it) => {
-      const b = getLocalBoundsInParent(it, parent);
-      colW = Math.max(colW, b.width);
-      return b;
-    });
-    if (col.length > 0) contentH = sizes.reduce((s, b, i) => s + b.height + (i > 0 ? gap.v : 0), 0);
-    let y = area.y;
-    if (justify === "center") {
-      y += Math.max(0, (area.height - contentH) / 2);
-    } else if (justify === "end") {
-      y += Math.max(0, area.height - contentH);
-    } else if (justify === "space-between" && col.length > 1) {
-      const free = Math.max(0, area.height - sizes.reduce((s, b) => s + b.height, 0));
-      const g = free / (col.length - 1);
-      positionColumn(col, sizes, parent, x, y, colW, { h: gap.h, v: g }, align, margins);
-      x += colW + gap.h;
-      continue;
-    } else if (justify === "space-around" && col.length > 0) {
-      const free = Math.max(0, area.height - sizes.reduce((s, b) => s + b.height, 0));
-      const g = free / col.length;
-      y += g / 2;
-      positionColumn(col, sizes, parent, x, y, colW, { h: gap.h, v: g }, align, margins);
-      x += colW + gap.h;
-      continue;
-    } else if (justify === "space-evenly" && col.length > 0) {
-      const free = Math.max(0, area.height - sizes.reduce((s, b) => s + b.height, 0));
-      const g = free / (col.length + 1);
-      y += g;
-      positionColumn(col, sizes, parent, x, y, colW, { h: gap.h, v: g }, align, margins);
-      x += colW + gap.h;
-      continue;
-    }
-    positionColumn(col, sizes, parent, x, y, colW, gap, align, margins);
-    x += colW + gap.h;
-  }
-}
-function positionColumn(col, sizes, parent, x, y, colW, gap, align, margins) {
-  let cursor = y;
-  for (let i = 0; i < col.length; i++) {
-    const it = col[i];
-    const b = sizes[i];
-    const margin = normalizeMargin(margins == null ? void 0 : margins[i]);
-    let dx = 0;
-    if (align === "start") dx = x + margin.left - b.left;
-    else if (align === "center") dx = x + margin.left + (colW - b.width) / 2 - b.left;
-    else dx = x + margin.left + (colW - b.width) - b.left;
-    const dy = cursor + margin.top - b.top;
-    nudgeX(it, dx);
-    nudgeY(it, dy);
-    cursor += margin.top + b.height + margin.bottom + gap.v;
-  }
-}
-
-// layout/Align.ts
-var Align = class {
-  /**
-   * Aligns containers to the left edge of the reference bounds.
-   *
-   * @param items - Array of containers to align
-   * @param options - Alignment options to control the reference point
-   *
-   * @example
-   * ```typescript
-   * // Align to selection bounds (default)
-   * Align.left([sprite1, sprite2, sprite3]);
-   *
-   * // Align to container
-   * Align.left([sprite1, sprite2], { container: bounds });
-   * ```
-   */
-  static left(items, options) {
-    const { ref, parent } = getReferenceBounds(items, options);
-    for (const it of items) {
-      const b = getLocalBoundsInParent(it, parent);
-      nudgeX(it, ref.left - b.left);
-    }
-  }
-  /**
-   * Aligns containers to the horizontal center of the reference bounds.
-   *
-   * @param items - Array of containers to align
-   * @param options - Alignment options to control the reference point
-   *
-   * @example
-   * ```typescript
-   * // Center horizontally within selection
-   * Align.hCenter([sprite1, sprite2, sprite3]);
-   * ```
-   */
-  static hCenter(items, options) {
-    const { ref, parent } = getReferenceBounds(items, options);
-    for (const it of items) {
-      const b = getLocalBoundsInParent(it, parent);
-      nudgeX(it, ref.centerX - b.centerX);
-    }
-  }
-  /**
-   * Aligns containers to the right edge of the reference bounds.
-   *
-   * @param items - Array of containers to align
-   * @param options - Alignment options to control the reference point
-   */
-  static right(items, options) {
-    const { ref, parent } = getReferenceBounds(items, options);
-    for (const it of items) {
-      const b = getLocalBoundsInParent(it, parent);
-      nudgeX(it, ref.right - b.right);
-    }
-  }
-  /**
-   * Aligns containers to the top edge of the reference bounds.
-   *
-   * @param items - Array of containers to align
-   * @param options - Alignment options to control the reference point
-   */
-  static top(items, options) {
-    const { ref, parent } = getReferenceBounds(items, options);
-    for (const it of items) {
-      const b = getLocalBoundsInParent(it, parent);
-      nudgeY(it, ref.top - b.top);
-    }
-  }
-  /**
-   * Aligns containers to the vertical center of the reference bounds.
-   *
-   * @param items - Array of containers to align
-   * @param options - Alignment options to control the reference point
-   */
-  static vCenter(items, options) {
-    const { ref, parent } = getReferenceBounds(items, options);
-    for (const it of items) {
-      const b = getLocalBoundsInParent(it, parent);
-      nudgeY(it, ref.centerY - b.centerY);
-    }
-  }
-  /**
-   * Aligns containers to the bottom edge of the reference bounds.
-   *
-   * @param items - Array of containers to align
-   * @param options - Alignment options to control the reference point
-   */
-  static bottom(items, options) {
-    const { ref, parent } = getReferenceBounds(items, options);
-    for (const it of items) {
-      const b = getLocalBoundsInParent(it, parent);
-      nudgeY(it, ref.bottom - b.bottom);
-    }
-  }
-};
 
 // ui/components/StepperComp.ts
+var import_lodash5 = __toESM(require_lodash(), 1);
 var StepperComp = class extends Skinable(Container) {
   _minusButton;
   _plusButton;
@@ -4190,7 +3679,7 @@ var StepperComp = class extends Skinable(Container) {
     if (!skin) return null;
     const baseData = skin.up;
     const stateData = skin[this._currentState] || {};
-    return merge({}, baseData, stateData);
+    return (0, import_lodash5.merge)({}, baseData, stateData);
   }
   updateDisplay(stateData) {
     const displayConfig = stateData.display;
@@ -4357,6 +3846,9 @@ var StepperComp = class extends Skinable(Container) {
     super.destroy();
   }
 };
+
+// ui/components/LabelBox.ts
+var import_lodash6 = __toESM(require_lodash(), 1);
 var LabelBox = class extends Skinable(Container) {
   _background;
   _text;
@@ -4401,7 +3893,7 @@ var LabelBox = class extends Skinable(Container) {
     if (!skin) return {};
     const baseState = skin.default;
     const stateOverride = skin[state];
-    const merged = stateOverride ? merge({}, baseState, stateOverride) : baseState;
+    const merged = stateOverride ? (0, import_lodash6.merge)({}, baseState, stateOverride) : baseState;
     this._stateDataCache.set(state, merged);
     return merged;
   }