@cristiancosano/pallet-builder 0.1.4 → 0.1.5

package/dist/pallet-builder.js

@@ -1,17 +1,17 @@
-import Le, { createContext as Ge, useContext as Ve, useMemo as k, useCallback as q, memo as V, useRef as _e, useEffect as fe, useState as ae } from "react";
-import { Edges as Xe, Html as ke, OrbitControls as Ze } from "@react-three/drei";
+import Le, { createContext as Ge, useContext as Ve, useMemo as _, useCallback as q, memo as V, useRef as Ee, useEffect as pe, useState as ce } from "react";
+import { Edges as Xe, Html as _e, OrbitControls as De } from "@react-three/drei";
 import * as B from "three";
-import { useThree as Ae, Canvas as pe } from "@react-three/fiber";
+import { useThree as Ae, Canvas as fe } from "@react-three/fiber";
 const N = {
   WOOD: "WOOD",
   PLASTIC: "PLASTIC",
   METAL: "METAL",
   COMPOSITE: "COMPOSITE"
-}, me = {
+}, ae = {
   CARDBOARD: "CARDBOARD",
   WOOD: "WOOD",
   PLASTIC: "PLASTIC"
-}, ie = {
+}, oe = {
   BOX: "BOX",
   REFRIGERATED: "REFRIGERATED",
   FLATBED: "FLATBED",
@@ -92,20 +92,20 @@ const N = {
   }
 };
 ue.GMA;
-const De = {
-  [ie.BOX]: {
+const Ze = {
+  [oe.BOX]: {
     dimensions: { width: 2480, height: 2700, depth: 13600 },
     maxWeight: 24e3
   },
-  [ie.REFRIGERATED]: {
+  [oe.REFRIGERATED]: {
     dimensions: { width: 2440, height: 2590, depth: 13100 },
     maxWeight: 22e3
   },
-  [ie.FLATBED]: {
+  [oe.FLATBED]: {
     dimensions: { width: 2480, height: 2700, depth: 13600 },
     maxWeight: 25e3
   },
-  [ie.TAUTLINER]: {
+  [oe.TAUTLINER]: {
     dimensions: { width: 2480, height: 2700, depth: 13600 },
     maxWeight: 24e3
   }
@@ -216,17 +216,17 @@ var Ce;
 function Ye() {
   if (Ce) return te;
   Ce = 1;
-  var i = /* @__PURE__ */ Symbol.for("react.transitional.element"), e = /* @__PURE__ */ Symbol.for("react.fragment");
-  function t(o, s, n) {
+  var o = /* @__PURE__ */ Symbol.for("react.transitional.element"), e = /* @__PURE__ */ Symbol.for("react.fragment");
+  function t(i, s, n) {
     var a = null;
     if (n !== void 0 && (a = "" + n), s.key !== void 0 && (a = "" + s.key), "key" in s) {
       n = {};
-      for (var c in s)
-        c !== "key" && (n[c] = s[c]);
+      for (var l in s)
+        l !== "key" && (n[l] = s[l]);
     } else n = s;
     return s = n.ref, {
-      $$typeof: i,
-      type: o,
+      $$typeof: o,
+      type: i,
       key: a,
       ref: s !== void 0 ? s : null,
       props: n
@@ -234,16 +234,16 @@ function Ye() {
   }
   return te.Fragment = e, te.jsx = t, te.jsxs = t, te;
 }
-var oe = {};
+var ie = {};
 var Pe;
 function Fe() {
   return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function i(p) {
-      if (p == null) return null;
-      if (typeof p == "function")
-        return p.$$typeof === T ? null : p.displayName || p.name || null;
-      if (typeof p == "string") return p;
-      switch (p) {
+    function o(f) {
+      if (f == null) return null;
+      if (typeof f == "function")
+        return f.$$typeof === k ? null : f.displayName || f.name || null;
+      if (typeof f == "string") return f;
+      switch (f) {
         case d:
           return "Fragment";
         case j:
@@ -254,217 +254,217 @@ function Fe() {
           return "Suspense";
         case y:
           return "SuspenseList";
-        case _:
+        case E:
           return "Activity";
       }
-      if (typeof p == "object")
-        switch (typeof p.tag == "number" && console.error(
+      if (typeof f == "object")
+        switch (typeof f.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), p.$$typeof) {
+        ), f.$$typeof) {
           case u:
             return "Portal";
           case S:
-            return p.displayName || "Context";
-          case E:
-            return (p._context.displayName || "Context") + ".Consumer";
+            return f.displayName || "Context";
+          case T:
+            return (f._context.displayName || "Context") + ".Consumer";
           case C:
-            var P = p.render;
-            return p = p.displayName, p || (p = P.displayName || P.name || "", p = p !== "" ? "ForwardRef(" + p + ")" : "ForwardRef"), p;
+            var P = f.render;
+            return f = f.displayName, f || (f = P.displayName || P.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
           case v:
-            return P = p.displayName || null, P !== null ? P : i(p.type) || "Memo";
+            return P = f.displayName || null, P !== null ? P : o(f.type) || "Memo";
           case M:
-            P = p._payload, p = p._init;
+            P = f._payload, f = f._init;
             try {
-              return i(p(P));
+              return o(f(P));
             } catch {
             }
         }
       return null;
     }
-    function e(p) {
-      return "" + p;
+    function e(f) {
+      return "" + f;
     }
-    function t(p) {
+    function t(f) {
       try {
-        e(p);
+        e(f);
         var P = !1;
       } catch {
         P = !0;
       }
       if (P) {
         P = console;
-        var O = P.error, W = typeof Symbol == "function" && Symbol.toStringTag && p[Symbol.toStringTag] || p.constructor.name || "Object";
+        var O = P.error, $ = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
         return O.call(
           P,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          W
-        ), e(p);
+          $
+        ), e(f);
       }
     }
-    function o(p) {
-      if (p === d) return "<>";
-      if (typeof p == "object" && p !== null && p.$$typeof === M)
+    function i(f) {
+      if (f === d) return "<>";
+      if (typeof f == "object" && f !== null && f.$$typeof === M)
         return "<...>";
       try {
-        var P = i(p);
+        var P = o(f);
         return P ? "<" + P + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var p = I.A;
-      return p === null ? null : p.getOwner();
+      var f = I.A;
+      return f === null ? null : f.getOwner();
     }
     function n() {
       return Error("react-stack-top-frame");
     }
-    function a(p) {
-      if (R.call(p, "key")) {
-        var P = Object.getOwnPropertyDescriptor(p, "key").get;
+    function a(f) {
+      if (R.call(f, "key")) {
+        var P = Object.getOwnPropertyDescriptor(f, "key").get;
         if (P && P.isReactWarning) return !1;
       }
-      return p.key !== void 0;
+      return f.key !== void 0;
     }
-    function c(p, P) {
+    function l(f, P) {
       function O() {
-        D || (D = !0, console.error(
+        Z || (Z = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           P
         ));
       }
-      O.isReactWarning = !0, Object.defineProperty(p, "key", {
+      O.isReactWarning = !0, Object.defineProperty(f, "key", {
         get: O,
         configurable: !0
       });
     }
-    function l() {
-      var p = i(this.type);
-      return H[p] || (H[p] = !0, console.error(
+    function c() {
+      var f = o(this.type);
+      return H[f] || (H[f] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), p = this.props.ref, p !== void 0 ? p : null;
+      )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function f(p, P, O, W, ne, de) {
-      var $ = O.ref;
-      return p = {
+    function g(f, P, O, $, ne, he) {
+      var W = O.ref;
+      return f = {
         $$typeof: x,
-        type: p,
+        type: f,
         key: P,
         props: O,
-        _owner: W
-      }, ($ !== void 0 ? $ : null) !== null ? Object.defineProperty(p, "ref", {
+        _owner: $
+      }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(f, "ref", {
         enumerable: !1,
-        get: l
-      }) : Object.defineProperty(p, "ref", { enumerable: !1, value: null }), p._store = {}, Object.defineProperty(p._store, "validated", {
+        get: c
+      }) : Object.defineProperty(f, "ref", { enumerable: !1, value: null }), f._store = {}, Object.defineProperty(f._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(p, "_debugInfo", {
+      }), Object.defineProperty(f, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(p, "_debugStack", {
+      }), Object.defineProperty(f, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: ne
-      }), Object.defineProperty(p, "_debugTask", {
+      }), Object.defineProperty(f, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: de
-      }), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
+        value: he
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function h(p, P, O, W, ne, de) {
-      var $ = P.children;
-      if ($ !== void 0)
-        if (W)
-          if (A($)) {
-            for (W = 0; W < $.length; W++)
-              g($[W]);
-            Object.freeze && Object.freeze($);
+    function m(f, P, O, $, ne, he) {
+      var W = P.children;
+      if (W !== void 0)
+        if ($)
+          if (A(W)) {
+            for ($ = 0; $ < W.length; $++)
+              p(W[$]);
+            Object.freeze && Object.freeze(W);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else g($);
+        else p(W);
       if (R.call(P, "key")) {
-        $ = i(p);
-        var Q = Object.keys(P).filter(function($e) {
-          return $e !== "key";
+        W = o(f);
+        var Q = Object.keys(P).filter(function(We) {
+          return We !== "key";
         });
-        W = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", J[$ + W] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
+        $ = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", J[W + $] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          W,
           $,
+          W,
           Q,
-          $
-        ), J[$ + W] = !0);
+          W
+        ), J[W + $] = !0);
       }
-      if ($ = null, O !== void 0 && (t(O), $ = "" + O), a(P) && (t(P.key), $ = "" + P.key), "key" in P) {
+      if (W = null, O !== void 0 && (t(O), W = "" + O), a(P) && (t(P.key), W = "" + P.key), "key" in P) {
         O = {};
-        for (var he in P)
-          he !== "key" && (O[he] = P[he]);
+        for (var me in P)
+          me !== "key" && (O[me] = P[me]);
       } else O = P;
-      return $ && c(
+      return W && l(
         O,
-        typeof p == "function" ? p.displayName || p.name || "Unknown" : p
-      ), f(
-        p,
-        $,
+        typeof f == "function" ? f.displayName || f.name || "Unknown" : f
+      ), g(
+        f,
+        W,
         O,
         s(),
         ne,
-        de
+        he
       );
     }
-    function g(p) {
-      w(p) ? p._store && (p._store.validated = 1) : typeof p == "object" && p !== null && p.$$typeof === M && (p._payload.status === "fulfilled" ? w(p._payload.value) && p._payload.value._store && (p._payload.value._store.validated = 1) : p._store && (p._store.validated = 1));
+    function p(f) {
+      w(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === M && (f._payload.status === "fulfilled" ? w(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
     }
-    function w(p) {
-      return typeof p == "object" && p !== null && p.$$typeof === x;
+    function w(f) {
+      return typeof f == "object" && f !== null && f.$$typeof === x;
     }
-    var m = Le, x = /* @__PURE__ */ Symbol.for("react.transitional.element"), u = /* @__PURE__ */ Symbol.for("react.portal"), d = /* @__PURE__ */ Symbol.for("react.fragment"), b = /* @__PURE__ */ Symbol.for("react.strict_mode"), j = /* @__PURE__ */ Symbol.for("react.profiler"), E = /* @__PURE__ */ Symbol.for("react.consumer"), S = /* @__PURE__ */ Symbol.for("react.context"), C = /* @__PURE__ */ Symbol.for("react.forward_ref"), z = /* @__PURE__ */ Symbol.for("react.suspense"), y = /* @__PURE__ */ Symbol.for("react.suspense_list"), v = /* @__PURE__ */ Symbol.for("react.memo"), M = /* @__PURE__ */ Symbol.for("react.lazy"), _ = /* @__PURE__ */ Symbol.for("react.activity"), T = /* @__PURE__ */ Symbol.for("react.client.reference"), I = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, R = Object.prototype.hasOwnProperty, A = Array.isArray, G = console.createTask ? console.createTask : function() {
+    var h = Le, x = /* @__PURE__ */ Symbol.for("react.transitional.element"), u = /* @__PURE__ */ Symbol.for("react.portal"), d = /* @__PURE__ */ Symbol.for("react.fragment"), b = /* @__PURE__ */ Symbol.for("react.strict_mode"), j = /* @__PURE__ */ Symbol.for("react.profiler"), T = /* @__PURE__ */ Symbol.for("react.consumer"), S = /* @__PURE__ */ Symbol.for("react.context"), C = /* @__PURE__ */ Symbol.for("react.forward_ref"), z = /* @__PURE__ */ Symbol.for("react.suspense"), y = /* @__PURE__ */ Symbol.for("react.suspense_list"), v = /* @__PURE__ */ Symbol.for("react.memo"), M = /* @__PURE__ */ Symbol.for("react.lazy"), E = /* @__PURE__ */ Symbol.for("react.activity"), k = /* @__PURE__ */ Symbol.for("react.client.reference"), I = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, R = Object.prototype.hasOwnProperty, A = Array.isArray, G = console.createTask ? console.createTask : function() {
       return null;
     };
-    m = {
-      react_stack_bottom_frame: function(p) {
-        return p();
+    h = {
+      react_stack_bottom_frame: function(f) {
+        return f();
       }
     };
-    var D, H = {}, F = m.react_stack_bottom_frame.bind(
-      m,
+    var Z, H = {}, F = h.react_stack_bottom_frame.bind(
+      h,
       n
-    )(), X = G(o(n)), J = {};
-    oe.Fragment = d, oe.jsx = function(p, P, O) {
-      var W = 1e4 > I.recentlyCreatedOwnerStacks++;
-      return h(
-        p,
+    )(), X = G(i(n)), J = {};
+    ie.Fragment = d, ie.jsx = function(f, P, O) {
+      var $ = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return m(
+        f,
         P,
         O,
         !1,
-        W ? Error("react-stack-top-frame") : F,
-        W ? G(o(p)) : X
+        $ ? Error("react-stack-top-frame") : F,
+        $ ? G(i(f)) : X
       );
-    }, oe.jsxs = function(p, P, O) {
-      var W = 1e4 > I.recentlyCreatedOwnerStacks++;
-      return h(
-        p,
+    }, ie.jsxs = function(f, P, O) {
+      var $ = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return m(
+        f,
         P,
         O,
         !0,
-        W ? Error("react-stack-top-frame") : F,
-        W ? G(o(p)) : X
+        $ ? Error("react-stack-top-frame") : F,
+        $ ? G(i(f)) : X
       );
     };
-  })()), oe;
+  })()), ie;
 }
 var Re;
 function qe() {
@@ -472,43 +472,43 @@ function qe() {
 }
 var r = qe();
 const Be = Ge(xe);
-function we({ preset: i, children: e }) {
-  const t = k(() => i ? typeof i == "string" ? He[i] ?? xe : i : xe, [i]);
+function we({ preset: o, children: e }) {
+  const t = _(() => o ? typeof o == "string" ? He[o] ?? xe : o : xe, [o]);
   return /* @__PURE__ */ r.jsx(Be.Provider, { value: t, children: e });
 }
-function ce() {
+function le() {
   return Ve(Be);
 }
-function le(i) {
+function de(o) {
   let e = 0;
-  for (const t of i.floors) {
+  for (const t of o.floors) {
     e += t.pallet.dimensions.height;
-    const o = t.boxes.reduce((s, n) => {
+    const i = t.boxes.reduce((s, n) => {
       const a = n.position.y + n.box.dimensions.height;
       return Math.max(s, a);
     }, 0);
-    e += o, t.separatorAbove && (e += t.separatorAbove.dimensions.height);
+    e += i, t.separatorAbove && (e += t.separatorAbove.dimensions.height);
   }
   return e;
 }
-function ye(i) {
+function ye(o) {
   let e = 0;
-  for (const t of i.floors)
-    e += t.pallet.weight, e += t.boxes.reduce((o, s) => o + s.box.weight, 0), t.separatorAbove && (e += t.separatorAbove.weight);
+  for (const t of o.floors)
+    e += t.pallet.weight, e += t.boxes.reduce((i, s) => i + s.box.weight, 0), t.separatorAbove && (e += t.separatorAbove.weight);
   return e;
 }
-function Je(i, e) {
-  const t = e || i.id, o = i.floors.map((s, n) => {
-    const a = s.boxes.map((c, l) => {
-      const f = `${t}:f${n}:b${l}`, h = (g) => g.map((w) => {
-        const m = s.boxes.findIndex((x) => x.id === w);
-        return m >= 0 ? `${t}:f${n}:b${m}` : w;
+function Je(o, e) {
+  const t = e || o.id, i = o.floors.map((s, n) => {
+    const a = s.boxes.map((l, c) => {
+      const g = `${t}:f${n}:b${c}`, m = (p) => p.map((w) => {
+        const h = s.boxes.findIndex((x) => x.id === w);
+        return h >= 0 ? `${t}:f${n}:b${h}` : w;
       });
       return {
-        ...c,
-        id: f,
-        supportedBy: h(c.supportedBy),
-        supporting: h(c.supporting)
+        ...l,
+        id: g,
+        supportedBy: m(l.supportedBy),
+        supporting: m(l.supporting)
       };
     });
     return {
@@ -517,210 +517,210 @@ function Je(i, e) {
     };
   });
   return {
-    ...i,
-    floors: o
+    ...o,
+    floors: i
   };
 }
-function L(i) {
-  let e = i.box.dimensions.width, t = i.box.dimensions.depth;
-  const o = i.box.dimensions.height;
-  return (i.rotation.y === 90 || i.rotation.y === 270) && ([e, t] = [t, e]), {
-    minX: i.position.x,
-    maxX: i.position.x + e,
-    minY: i.position.y,
-    maxY: i.position.y + o,
-    minZ: i.position.z,
-    maxZ: i.position.z + t
+function L(o) {
+  let e = o.box.dimensions.width, t = o.box.dimensions.depth;
+  const i = o.box.dimensions.height;
+  return (o.rotation.y === 90 || o.rotation.y === 270) && ([e, t] = [t, e]), {
+    minX: o.position.x,
+    maxX: o.position.x + e,
+    minY: o.position.y,
+    maxY: o.position.y + i,
+    minZ: o.position.z,
+    maxZ: o.position.z + t
   };
 }
-function se(i) {
-  const e = i.stackedPallet, t = e.floors[0].pallet, o = t.dimensions.width, s = t.dimensions.depth, n = le(e), a = i.yRotation * Math.PI / 180, c = Math.cos(a), l = Math.sin(a), h = [
+function se(o) {
+  const e = o.stackedPallet, t = e.floors[0].pallet, i = t.dimensions.width, s = t.dimensions.depth, n = de(e), a = o.yRotation * Math.PI / 180, l = Math.cos(a), c = Math.sin(a), m = [
     { x: 0, z: 0 },
-    { x: o, z: 0 },
-    { x: o, z: s },
+    { x: i, z: 0 },
+    { x: i, z: s },
     { x: 0, z: s }
   ].map((u) => ({
-    x: i.position.x + u.x * c + u.z * l,
-    z: i.position.z - u.x * l + u.z * c
-  })), g = Math.min(...h.map((u) => u.x)), w = Math.max(...h.map((u) => u.x)), m = Math.min(...h.map((u) => u.z)), x = Math.max(...h.map((u) => u.z));
+    x: o.position.x + u.x * l + u.z * c,
+    z: o.position.z - u.x * c + u.z * l
+  })), p = Math.min(...m.map((u) => u.x)), w = Math.max(...m.map((u) => u.x)), h = Math.min(...m.map((u) => u.z)), x = Math.max(...m.map((u) => u.z));
   return {
-    minX: g,
+    minX: p,
     maxX: w,
-    minY: i.position.y,
-    maxY: i.position.y + n,
-    minZ: m,
+    minY: o.position.y,
+    maxY: o.position.y + n,
+    minZ: h,
     maxZ: x
   };
 }
-function ve(i, e, t = Ne) {
-  return i.minX < e.maxX - t && i.maxX > e.minX + t && i.minY < e.maxY - t && i.maxY > e.minY + t && i.minZ < e.maxZ - t && i.maxZ > e.minZ + t;
+function ve(o, e, t = Ne) {
+  return o.minX < e.maxX - t && o.maxX > e.minX + t && o.minY < e.maxY - t && o.maxY > e.minY + t && o.minZ < e.maxZ - t && o.maxZ > e.minZ + t;
 }
-function Qe(i) {
+function Qe(o) {
   const e = [];
-  for (let t = 0; t < i.length; t++)
-    for (let o = t + 1; o < i.length; o++) {
-      const s = L(i[t]), n = L(i[o]);
+  for (let t = 0; t < o.length; t++)
+    for (let i = t + 1; i < o.length; i++) {
+      const s = L(o[t]), n = L(o[i]);
       ve(s, n) && e.push({
         code: "BR-002",
         severity: "error",
-        message: `Colisión entre cajas ${i[t].id} y ${i[o].id}`,
-        involvedIds: [i[t].id, i[o].id]
+        message: `Colisión entre cajas ${o[t].id} y ${o[i].id}`,
+        involvedIds: [o[t].id, o[i].id]
       });
     }
   return { isValid: e.length === 0, violations: e };
 }
-function Ke(i) {
+function Ke(o) {
   const e = [];
-  for (let t = 0; t < i.length; t++)
-    for (let o = t + 1; o < i.length; o++) {
-      const s = se(i[t]), n = se(i[o]);
+  for (let t = 0; t < o.length; t++)
+    for (let i = t + 1; i < o.length; i++) {
+      const s = se(o[t]), n = se(o[i]);
       ve(s, n) && e.push({
         code: "BR-003",
         severity: "error",
-        message: `Colisión entre palets ${i[t].id} y ${i[o].id}`,
-        involvedIds: [i[t].id, i[o].id]
+        message: `Colisión entre palets ${o[t].id} y ${o[i].id}`,
+        involvedIds: [o[t].id, o[i].id]
       });
     }
   return { isValid: e.length === 0, violations: e };
 }
-function et(i, e) {
-  const t = [], o = L(i);
-  return (o.minX < 0 || o.maxX > e.dimensions.width) && t.push({
+function et(o, e) {
+  const t = [], i = L(o);
+  return (i.minX < 0 || i.maxX > e.dimensions.width) && t.push({
     code: "BR-001",
     severity: "error",
-    message: `Caja ${i.id} sobresale por el eje X del palet`,
-    involvedIds: [i.id, e.id]
-  }), (o.minZ < 0 || o.maxZ > e.dimensions.depth) && t.push({
+    message: `Caja ${o.id} sobresale por el eje X del palet`,
+    involvedIds: [o.id, e.id]
+  }), (i.minZ < 0 || i.maxZ > e.dimensions.depth) && t.push({
     code: "BR-001",
     severity: "error",
-    message: `Caja ${i.id} sobresale por el eje Z del palet`,
-    involvedIds: [i.id, e.id]
-  }), o.maxY > e.maxStackHeight && t.push({
+    message: `Caja ${o.id} sobresale por el eje Z del palet`,
+    involvedIds: [o.id, e.id]
+  }), i.maxY > e.maxStackHeight && t.push({
     code: "BR-001",
     severity: "error",
-    message: `Caja ${i.id} excede la altura máxima de apilamiento del palet`,
-    involvedIds: [i.id, e.id]
+    message: `Caja ${o.id} excede la altura máxima de apilamiento del palet`,
+    involvedIds: [o.id, e.id]
   }), { isValid: t.length === 0, violations: t };
 }
-function tt(i, e) {
+function tt(o, e) {
   const t = [];
-  for (const o of i) {
-    const s = et(o, e);
+  for (const i of o) {
+    const s = et(i, e);
     t.push(...s.violations);
   }
   return { isValid: t.length === 0, violations: t };
 }
-function ot(i, e) {
-  const t = [], o = se(i), s = e.dimensions;
-  return (o.minX < 0 || o.maxX > s.width) && t.push({
+function it(o, e) {
+  const t = [], i = se(o), s = e.dimensions;
+  return (i.minX < 0 || i.maxX > s.width) && t.push({
     code: "BR-402",
     severity: "error",
-    message: `Palet ${i.id} sobresale por el ancho del camión`,
-    involvedIds: [i.id, e.id]
-  }), (o.minZ < 0 || o.maxZ > s.depth) && t.push({
+    message: `Palet ${o.id} sobresale por el ancho del camión`,
+    involvedIds: [o.id, e.id]
+  }), (i.minZ < 0 || i.maxZ > s.depth) && t.push({
     code: "BR-402",
     severity: "error",
-    message: `Palet ${i.id} sobresale por la profundidad del camión`,
-    involvedIds: [i.id, e.id]
-  }), o.maxY > s.height && t.push({
+    message: `Palet ${o.id} sobresale por la profundidad del camión`,
+    involvedIds: [o.id, e.id]
+  }), i.maxY > s.height && t.push({
     code: "BR-404",
     severity: "error",
-    message: `Palet ${i.id} excede la altura del camión`,
-    involvedIds: [i.id, e.id]
+    message: `Palet ${o.id} excede la altura del camión`,
+    involvedIds: [o.id, e.id]
   }), { isValid: t.length === 0, violations: t };
 }
-function Bt(i, e) {
-  const t = [], o = se(i);
-  return o.maxY > e && t.push({
+function Bt(o, e) {
+  const t = [], i = se(o);
+  return i.maxY > e && t.push({
     code: "BR-403",
     severity: "error",
-    message: `Palet ${i.id} excede el techo de la estancia (${o.maxY}mm > ${e}mm)`,
-    involvedIds: [i.id]
+    message: `Palet ${o.id} excede el techo de la estancia (${i.maxY}mm > ${e}mm)`,
+    involvedIds: [o.id]
   }), { isValid: t.length === 0, violations: t };
 }
-function it(i) {
-  const e = [], t = i.boxes.reduce((s, n) => s + n.box.weight, 0), o = i.pallet.maxWeight;
-  return t > o ? e.push({
+function ot(o) {
+  const e = [], t = o.boxes.reduce((s, n) => s + n.box.weight, 0), i = o.pallet.maxWeight;
+  return t > i ? e.push({
     code: "BR-101",
     severity: "error",
-    message: `Peso de cajas (${t.toFixed(1)}kg) excede el máximo del palet (${o}kg)`,
-    involvedIds: [i.pallet.id]
-  }) : t > o * Ie && e.push({
+    message: `Peso de cajas (${t.toFixed(1)}kg) excede el máximo del palet (${i}kg)`,
+    involvedIds: [o.pallet.id]
+  }) : t > i * Ie && e.push({
     code: "BR-101",
     severity: "warning",
-    message: `Peso de cajas (${t.toFixed(1)}kg) supera el 90% del máximo del palet (${o}kg)`,
-    involvedIds: [i.pallet.id]
+    message: `Peso de cajas (${t.toFixed(1)}kg) supera el 90% del máximo del palet (${i}kg)`,
+    involvedIds: [o.pallet.id]
   }), { isValid: e.filter((s) => s.severity === "error").length === 0, violations: e };
 }
-function Wt(i) {
-  const e = [], t = i.pallets.reduce(
-    (o, s) => o + ye(s.stackedPallet),
+function $t(o) {
+  const e = [], t = o.pallets.reduce(
+    (i, s) => i + ye(s.stackedPallet),
     0
   );
-  return t > i.maxWeight ? e.push({
+  return t > o.maxWeight ? e.push({
     code: "BR-102",
     severity: "error",
-    message: `Peso total (${t.toFixed(1)}kg) excede el máximo del camión (${i.maxWeight}kg)`,
-    involvedIds: [i.id]
-  }) : t > i.maxWeight * Ie && e.push({
+    message: `Peso total (${t.toFixed(1)}kg) excede el máximo del camión (${o.maxWeight}kg)`,
+    involvedIds: [o.id]
+  }) : t > o.maxWeight * Ie && e.push({
     code: "BR-102",
     severity: "warning",
-    message: `Peso total (${t.toFixed(1)}kg) supera el 90% del máximo del camión (${i.maxWeight}kg)`,
-    involvedIds: [i.id]
-  }), { isValid: e.filter((o) => o.severity === "error").length === 0, violations: e };
+    message: `Peso total (${t.toFixed(1)}kg) supera el 90% del máximo del camión (${o.maxWeight}kg)`,
+    involvedIds: [o.id]
+  }), { isValid: e.filter((i) => i.severity === "error").length === 0, violations: e };
 }
-function st(i) {
+function st(o) {
   const e = [];
-  for (const t of i) {
+  for (const t of o) {
     if (!t.box.fragile) continue;
-    const o = t.box.fragilityMaxWeight ?? 0, s = nt(t, i);
-    s > o && e.push({
+    const i = t.box.fragilityMaxWeight ?? 0, s = nt(t, o);
+    s > i && e.push({
       code: "BR-103",
       severity: "error",
-      message: `Caja frágil ${t.id} soporta ${s.toFixed(1)}kg (máx: ${o}kg)`,
+      message: `Caja frágil ${t.id} soporta ${s.toFixed(1)}kg (máx: ${i}kg)`,
       involvedIds: [t.id]
     });
   }
   return { isValid: e.length === 0, violations: e };
 }
-function nt(i, e) {
-  const t = L(i);
-  let o = 0;
+function nt(o, e) {
+  const t = L(o);
+  let i = 0;
   for (const s of e) {
-    if (s.id === i.id) continue;
+    if (s.id === o.id) continue;
     const n = L(s);
-    n.minY >= t.maxY - 1 && n.minX < t.maxX && n.maxX > t.minX && n.minZ < t.maxZ && n.maxZ > t.minZ && (o += s.box.weight);
+    n.minY >= t.maxY - 1 && n.minX < t.maxX && n.maxX > t.minX && n.minZ < t.maxZ && n.maxZ > t.minZ && (i += s.box.weight);
   }
-  return o;
+  return i;
 }
-function rt(i, e) {
+function rt(o, e) {
   const t = [];
   if (e.length === 0) return { isValid: !0, violations: t };
-  const o = e.reduce((l, f) => l + f.box.weight, 0);
-  if (o === 0) return { isValid: !0, violations: t };
+  const i = e.reduce((c, g) => c + g.box.weight, 0);
+  if (i === 0) return { isValid: !0, violations: t };
   let s = 0, n = 0;
-  for (const l of e) {
-    const f = L(l), h = (f.minX + f.maxX) / 2, g = (f.minZ + f.maxZ) / 2;
-    s += h * l.box.weight, n += g * l.box.weight;
+  for (const c of e) {
+    const g = L(c), m = (g.minX + g.maxX) / 2, p = (g.minZ + g.maxZ) / 2;
+    s += m * c.box.weight, n += p * c.box.weight;
   }
-  s /= o, n /= o;
-  const a = i.dimensions.width / 2, c = i.dimensions.depth / 2;
-  return (Math.abs(s - a) > i.dimensions.width / 6 || Math.abs(n - c) > i.dimensions.depth / 6) && t.push({
+  s /= i, n /= i;
+  const a = o.dimensions.width / 2, l = o.dimensions.depth / 2;
+  return (Math.abs(s - a) > o.dimensions.width / 6 || Math.abs(n - l) > o.dimensions.depth / 6) && t.push({
     code: "BR-104",
     severity: "warning",
     message: `Centro de gravedad descentrado (${s.toFixed(0)}, ${n.toFixed(0)}) respecto al centro del palet`,
-    involvedIds: [i.id]
+    involvedIds: [o.id]
   }), { isValid: !0, violations: t };
 }
-function at(i) {
+function at(o) {
   const e = [];
-  for (const t of i) {
+  for (const t of o) {
     if (t.box.stackable) continue;
-    const o = L(t);
-    for (const s of i) {
+    const i = L(t);
+    for (const s of o) {
       if (s.id === t.id) continue;
       const n = L(s);
-      n.minY >= o.maxY - 1 && n.minX < o.maxX && n.maxX > o.minX && n.minZ < o.maxZ && n.maxZ > o.minZ && e.push({
+      n.minY >= i.maxY - 1 && n.minX < i.maxX && n.maxX > i.minX && n.minZ < i.maxZ && n.maxZ > i.minZ && e.push({
         code: "BR-201",
         severity: "error",
         message: `Caja ${s.id} apilada sobre caja no apilable ${t.id}`,
@@ -730,16 +730,16 @@ function at(i) {
   }
   return { isValid: e.length === 0, violations: e };
 }
-function ct(i) {
+function ct(o) {
   const e = [];
-  for (const t of i) {
-    const o = L(t), s = (o.maxX - o.minX) * (o.maxZ - o.minZ);
-    for (const n of i) {
+  for (const t of o) {
+    const i = L(t), s = (i.maxX - i.minX) * (i.maxZ - i.minZ);
+    for (const n of o) {
       if (n.id === t.id) continue;
       const a = L(n);
-      if (a.minY < o.maxY - 1 || a.minX >= o.maxX || a.maxX <= o.minX || a.minZ >= o.maxZ || a.maxZ <= o.minZ) continue;
-      const c = (a.maxX - a.minX) * (a.maxZ - a.minZ);
-      n.box.weight > t.box.weight * 1.5 && c > s * 1.2 && e.push({
+      if (a.minY < i.maxY - 1 || a.minX >= i.maxX || a.maxX <= i.minX || a.minZ >= i.maxZ || a.maxZ <= i.minZ) continue;
+      const l = (a.maxX - a.minX) * (a.maxZ - a.minZ);
+      n.box.weight > t.box.weight * 1.5 && l > s * 1.2 && e.push({
         code: "BR-203",
         severity: "warning",
         message: `Pirámide invertida: caja ${n.id} (${n.box.weight}kg) sobre caja ${t.id} (${t.box.weight}kg)`,
@@ -749,63 +749,63 @@ function ct(i) {
   }
   return { isValid: !0, violations: e };
 }
-function $t(i) {
+function Wt(o) {
   const e = [];
-  if (i.floors.length <= 1) return { isValid: !0, violations: e };
-  const t = i.floors[0].pallet;
-  for (let o = 1; o < i.floors.length; o++) {
-    const s = i.floors[o].pallet;
+  if (o.floors.length <= 1) return { isValid: !0, violations: e };
+  const t = o.floors[0].pallet;
+  for (let i = 1; i < o.floors.length; i++) {
+    const s = o.floors[i].pallet;
     (s.dimensions.width !== t.dimensions.width || s.dimensions.depth !== t.dimensions.depth) && e.push({
       code: "BR-301",
       severity: "error",
-      message: `Piso ${o}: dimensiones (${s.dimensions.width}×${s.dimensions.depth}) distintas a la base (${t.dimensions.width}×${t.dimensions.depth})`,
+      message: `Piso ${i}: dimensiones (${s.dimensions.width}×${s.dimensions.depth}) distintas a la base (${t.dimensions.width}×${t.dimensions.depth})`,
       involvedIds: [t.id, s.id]
     });
   }
   return { isValid: e.length === 0, violations: e };
 }
-function Lt(i) {
+function Lt(o) {
   const e = [];
-  for (let t = 0; t < i.floors.length - 1; t++)
-    i.floors[t].separatorAbove || e.push({
+  for (let t = 0; t < o.floors.length - 1; t++)
+    o.floors[t].separatorAbove || e.push({
       code: "BR-302",
       severity: "error",
       message: `Falta separador entre piso ${t} y piso ${t + 1}`,
-      involvedIds: [i.id]
+      involvedIds: [o.id]
     });
   return { isValid: e.length === 0, violations: e };
 }
-function Gt(i, e) {
-  const t = [], o = le(i);
-  return o > e && t.push({
+function Gt(o, e) {
+  const t = [], i = de(o);
+  return i > e && t.push({
     code: "BR-303",
     severity: "error",
-    message: `Altura del stack (${o}mm) excede la del contenedor (${e}mm)`,
-    involvedIds: [i.id]
+    message: `Altura del stack (${i}mm) excede la del contenedor (${e}mm)`,
+    involvedIds: [o.id]
   }), { isValid: t.length === 0, violations: t };
 }
-function Vt(i) {
-  const e = [], t = ye(i), o = i.floors[0].pallet.maxWeight, s = t - i.floors[0].pallet.weight;
-  return s > o && e.push({
+function Vt(o) {
+  const e = [], t = ye(o), i = o.floors[0].pallet.maxWeight, s = t - o.floors[0].pallet.weight;
+  return s > i && e.push({
     code: "BR-304",
     severity: "error",
-    message: `Peso de carga del stack (${s.toFixed(1)}kg) excede la capacidad del palet base (${o}kg)`,
-    involvedIds: [i.id]
+    message: `Peso de carga del stack (${s.toFixed(1)}kg) excede la capacidad del palet base (${i}kg)`,
+    involvedIds: [o.id]
   }), { isValid: e.length === 0, violations: e };
 }
-function lt(i) {
+function lt(o) {
   const e = [];
-  for (const t of i) {
-    const o = L(t);
-    if (o.minY <= 1) continue;
-    const s = (o.maxX - o.minX) * (o.maxZ - o.minZ);
+  for (const t of o) {
+    const i = L(t);
+    if (i.minY <= 1) continue;
+    const s = (i.maxX - i.minX) * (i.maxZ - i.minZ);
     let n = 0;
-    for (const a of i) {
+    for (const a of o) {
       if (a.id === t.id) continue;
-      const c = L(a);
-      if (Math.abs(c.maxY - o.minY) > 2) continue;
-      const l = Math.max(0, Math.min(o.maxX, c.maxX) - Math.max(o.minX, c.minX)), f = Math.max(0, Math.min(o.maxZ, c.maxZ) - Math.max(o.minZ, c.minZ));
-      n += l * f;
+      const l = L(a);
+      if (Math.abs(l.maxY - i.minY) > 2) continue;
+      const c = Math.max(0, Math.min(i.maxX, l.maxX) - Math.max(i.minX, l.minX)), g = Math.max(0, Math.min(i.maxZ, l.maxZ) - Math.max(i.minZ, l.minZ));
+      n += c * g;
     }
     s > 0 && n / s < ze && e.push({
       code: "BR-004",
@@ -816,125 +816,125 @@ function lt(i) {
   }
   return { isValid: e.length === 0, violations: e };
 }
-function Y(i) {
-  if (i.length === 0) return { x: 0, y: 0, z: 0 };
-  let e = 0, t = 0, o = 0, s = 0;
-  for (const n of i) {
-    const a = L(n), c = (a.minX + a.maxX) / 2, l = (a.minY + a.maxY) / 2, f = (a.minZ + a.maxZ) / 2, h = n.box.weight;
-    t += c * h, o += l * h, s += f * h, e += h;
+function Y(o) {
+  if (o.length === 0) return { x: 0, y: 0, z: 0 };
+  let e = 0, t = 0, i = 0, s = 0;
+  for (const n of o) {
+    const a = L(n), l = (a.minX + a.maxX) / 2, c = (a.minY + a.maxY) / 2, g = (a.minZ + a.maxZ) / 2, m = n.box.weight;
+    t += l * m, i += c * m, s += g * m, e += m;
   }
   return e === 0 ? { x: 0, y: 0, z: 0 } : {
     x: t / e,
-    y: o / e,
+    y: i / e,
     z: s / e
   };
 }
-function ee(i, e) {
+function ee(o, e) {
   if (e.length === 0) return 100;
-  const t = Y(e), o = i.dimensions.width / 2, s = i.dimensions.depth / 2, n = Math.abs(t.x - o) / (i.dimensions.width / 2), a = Math.abs(t.z - s) / (i.dimensions.depth / 2), c = Math.max(0, 100 - (n + a) * 50), l = e.reduce((g, w) => {
-    const m = L(w);
-    return Math.max(g, m.maxY);
-  }, 0), f = l > 0 ? t.y / l : 0, h = Math.max(0, 100 - Math.max(0, f - 0.5) * 100);
-  return Math.round(c * 0.7 + h * 0.3);
+  const t = Y(e), i = o.dimensions.width / 2, s = o.dimensions.depth / 2, n = Math.abs(t.x - i) / (o.dimensions.width / 2), a = Math.abs(t.z - s) / (o.dimensions.depth / 2), l = Math.max(0, 100 - (n + a) * 50), c = e.reduce((p, w) => {
+    const h = L(w);
+    return Math.max(p, h.maxY);
+  }, 0), g = c > 0 ? t.y / c : 0, m = Math.max(0, 100 - Math.max(0, g - 0.5) * 100);
+  return Math.round(l * 0.7 + m * 0.3);
 }
-function dt(i, e) {
+function dt(o, e) {
   const t = [];
   if (e.length === 0) return { isValid: !0, violations: t };
-  const o = Y(e);
-  return (o.x < 0 || o.x > i.dimensions.width || o.z < 0 || o.z > i.dimensions.depth) && t.push({
+  const i = Y(e);
+  return (i.x < 0 || i.x > o.dimensions.width || i.z < 0 || i.z > o.dimensions.depth) && t.push({
     code: "BR-502",
     severity: "error",
-    message: `Centro de gravedad (${o.x.toFixed(0)}, ${o.z.toFixed(0)}) fuera del palet`,
-    involvedIds: [i.id]
+    message: `Centro de gravedad (${i.x.toFixed(0)}, ${i.z.toFixed(0)}) fuera del palet`,
+    involvedIds: [o.id]
   }), { isValid: t.length === 0, violations: t };
 }
-function ht(i, e) {
+function ht(o, e) {
   const t = [];
   if (e.length === 0) return { isValid: !0, violations: t };
-  const o = ee(i, e);
-  o < 50 ? t.push({
+  const i = ee(o, e);
+  i < 50 ? t.push({
     code: "BR-501",
     severity: "error",
-    message: `Score de estabilidad bajo (${o}/100, mínimo: 50)`,
-    involvedIds: [i.id]
-  }) : o < 70 && t.push({
+    message: `Score de estabilidad bajo (${i}/100, mínimo: 50)`,
+    involvedIds: [o.id]
+  }) : i < 70 && t.push({
     code: "BR-501",
     severity: "warning",
-    message: `Score de estabilidad mejorable (${o}/100, recomendado: ≥70)`,
-    involvedIds: [i.id]
+    message: `Score de estabilidad mejorable (${i}/100, recomendado: ≥70)`,
+    involvedIds: [o.id]
   });
-  const s = Y(e), n = e.reduce((a, c) => Math.max(a, L(c).maxY), 0);
+  const s = Y(e), n = e.reduce((a, l) => Math.max(a, L(l).maxY), 0);
   return n > 0 && s.y > n * 0.6 && t.push({
     code: "BR-503",
     severity: "warning",
     message: `Centro de gravedad alto (${s.y.toFixed(0)}mm, ${(s.y / n * 100).toFixed(0)}% de la altura)`,
-    involvedIds: [i.id]
+    involvedIds: [o.id]
   }), { isValid: t.filter((a) => a.severity === "error").length === 0, violations: t };
 }
-function mt(i, e) {
+function mt(o, e) {
   let t = !1;
-  const o = e.length;
-  for (let s = 0, n = o - 1; s < o; n = s++) {
-    const a = e[s].x, c = e[s].z, l = e[n].x, f = e[n].z;
-    c > i.z != f > i.z && i.x < (l - a) * (i.z - c) / (f - c) + a && (t = !t);
+  const i = e.length;
+  for (let s = 0, n = i - 1; s < i; n = s++) {
+    const a = e[s].x, l = e[s].z, c = e[n].x, g = e[n].z;
+    l > o.z != g > o.z && o.x < (c - a) * (o.z - l) / (g - l) + a && (t = !t);
   }
   return t;
 }
-function We(i, e) {
-  const t = [], o = se(i), s = [
-    { x: o.minX, z: o.minZ },
-    { x: o.maxX, z: o.minZ },
-    { x: o.maxX, z: o.maxZ },
-    { x: o.minX, z: o.maxZ }
+function $e(o, e) {
+  const t = [], i = se(o), s = [
+    { x: i.minX, z: i.minZ },
+    { x: i.maxX, z: i.minZ },
+    { x: i.maxX, z: i.maxZ },
+    { x: i.minX, z: i.maxZ }
   ];
   for (const n of s)
     if (!mt(n, e.floorPolygon)) {
       t.push({
         code: "BR-401",
         severity: "error",
-        message: `Palet ${i.id} fuera de la estancia ${e.name} en (${n.x}, ${n.z})`,
-        involvedIds: [i.id, e.id]
+        message: `Palet ${o.id} fuera de la estancia ${e.name} en (${n.x}, ${n.z})`,
+        involvedIds: [o.id, e.id]
       });
       break;
     }
-  return o.maxY > e.ceilingHeight && t.push({
+  return i.maxY > e.ceilingHeight && t.push({
     code: "BR-403",
     severity: "error",
-    message: `Palet ${i.id} excede el techo de la estancia ${e.name}`,
-    involvedIds: [i.id, e.id]
+    message: `Palet ${o.id} excede el techo de la estancia ${e.name}`,
+    involvedIds: [o.id, e.id]
   }), { isValid: t.length === 0, violations: t };
 }
 class ut {
   id = "column";
   name = "Columnas por tipo";
   pack(e, t) {
-    const o = [], s = [], n = /* @__PURE__ */ new Map();
-    for (const m of e) {
-      const x = m.type ?? m.sku ?? "default";
-      n.has(x) || n.set(x, []), n.get(x).push(m);
+    const i = [], s = [], n = /* @__PURE__ */ new Map();
+    for (const h of e) {
+      const x = h.type ?? h.sku ?? "default";
+      n.has(x) || n.set(x, []), n.get(x).push(h);
     }
-    let a = 0, c = 0;
-    for (const [, m] of n) {
-      if (m.length === 0) continue;
-      const x = m[0], u = x.dimensions.width, d = x.dimensions.depth, b = x.dimensions.height;
+    let a = 0, l = 0;
+    for (const [, h] of n) {
+      if (h.length === 0) continue;
+      const x = h[0], u = x.dimensions.width, d = x.dimensions.depth, b = x.dimensions.height;
       if (a + u > t.dimensions.width) {
-        s.push(...m);
+        s.push(...h);
         continue;
       }
-      let j = 0, E = 0, S = 0;
-      for (; S < m.length; ) {
-        const C = m[S];
+      let j = 0, T = 0, S = 0;
+      for (; S < h.length; ) {
+        const C = h[S];
         if (j + d > t.dimensions.depth) {
-          if (j = 0, E += b, E + b > t.maxStackHeight) {
-            s.push(...m.slice(S));
+          if (j = 0, T += b, T + b > t.maxStackHeight) {
+            s.push(...h.slice(S));
             break;
           }
           continue;
         }
-        o.push({
-          id: `placed-${++c}`,
+        i.push({
+          id: `placed-${++l}`,
           box: C,
-          position: { x: a, y: E, z: j },
+          position: { x: a, y: T, z: j },
           rotation: { x: 0, y: 0, z: 0 },
           supportedBy: [],
           supporting: []
@@ -942,16 +942,16 @@ class ut {
       }
       a += u;
     }
-    const l = t.dimensions.width * t.maxStackHeight * t.dimensions.depth, f = o.reduce((m, x) => {
+    const c = t.dimensions.width * t.maxStackHeight * t.dimensions.depth, g = i.reduce((h, x) => {
       const u = x.box.dimensions;
-      return m + u.width * u.height * u.depth;
-    }, 0), h = o.reduce((m, x) => m + x.box.weight, 0), g = Y(o), w = ee(t, o);
+      return h + u.width * u.height * u.depth;
+    }, 0), m = i.reduce((h, x) => h + x.box.weight, 0), p = Y(i), w = ee(t, i);
     return {
-      placements: o,
+      placements: i,
       metrics: {
-        volumeUtilization: l > 0 ? f / l : 0,
-        weightUtilization: t.maxWeight > 0 ? h / t.maxWeight : 0,
-        centerOfGravity: g,
+        volumeUtilization: c > 0 ? g / c : 0,
+        weightUtilization: t.maxWeight > 0 ? m / t.maxWeight : 0,
+        centerOfGravity: p,
         stabilityScore: w
       },
       unplacedBoxes: s
@@ -962,9 +962,9 @@ class xt {
   id = "bin-packing-3d";
   name = "Bin Packing 3D (FFD Height)";
   pack(e, t) {
-    const o = [], s = [], n = [...e].sort((g, w) => {
-      const m = g.dimensions.width * g.dimensions.height * g.dimensions.depth;
-      return w.dimensions.width * w.dimensions.height * w.dimensions.depth - m;
+    const i = [], s = [], n = [...e].sort((p, w) => {
+      const h = p.dimensions.width * p.dimensions.height * p.dimensions.depth;
+      return w.dimensions.width * w.dimensions.height * w.dimensions.depth - h;
     }), a = [
       {
         x: 0,
@@ -975,29 +975,29 @@ class xt {
         depth: t.dimensions.depth
       }
     ];
-    let c = 0;
-    for (const g of n) {
+    let l = 0;
+    for (const p of n) {
       let w = !1;
-      const m = [
-        { w: g.dimensions.width, h: g.dimensions.height, d: g.dimensions.depth, rot: 0 },
-        { w: g.dimensions.depth, h: g.dimensions.height, d: g.dimensions.width, rot: 90 }
+      const h = [
+        { w: p.dimensions.width, h: p.dimensions.height, d: p.dimensions.depth, rot: 0 },
+        { w: p.dimensions.depth, h: p.dimensions.height, d: p.dimensions.width, rot: 90 }
       ];
       for (let x = 0; x < a.length && !w; x++) {
         const u = a[x];
-        for (const d of m)
+        for (const d of h)
           if (d.w <= u.width && d.h <= u.height && d.d <= u.depth) {
             const b = {
-              id: `placed-${++c}`,
-              box: g,
+              id: `placed-${++l}`,
+              box: p,
               position: { x: u.x, y: u.y, z: u.z },
               rotation: { x: 0, y: d.rot, z: 0 },
               supportedBy: [],
               supporting: []
             }, j = L(b);
-            if (!o.some(
+            if (!i.some(
               (S) => ve(L(S), j)
             )) {
-              o.push(b), w = !0, a.splice(x, 1), u.width - d.w > 0 && a.push({
+              i.push(b), w = !0, a.splice(x, 1), u.width - d.w > 0 && a.push({
                 x: u.x + d.w,
                 y: u.y,
                 z: u.z,
@@ -1023,19 +1023,19 @@ class xt {
             }
           }
       }
-      w || s.push(g);
+      w || s.push(p);
     }
-    const l = t.dimensions.width * t.maxStackHeight * t.dimensions.depth, f = o.reduce((g, w) => {
-      const m = w.box.dimensions;
-      return g + m.width * m.height * m.depth;
-    }, 0), h = o.reduce((g, w) => g + w.box.weight, 0);
+    const c = t.dimensions.width * t.maxStackHeight * t.dimensions.depth, g = i.reduce((p, w) => {
+      const h = w.box.dimensions;
+      return p + h.width * h.height * h.depth;
+    }, 0), m = i.reduce((p, w) => p + w.box.weight, 0);
     return {
-      placements: o,
+      placements: i,
       metrics: {
-        volumeUtilization: l > 0 ? f / l : 0,
-        weightUtilization: t.maxWeight > 0 ? h / t.maxWeight : 0,
-        centerOfGravity: Y(o),
-        stabilityScore: ee(t, o)
+        volumeUtilization: c > 0 ? g / c : 0,
+        weightUtilization: t.maxWeight > 0 ? m / t.maxWeight : 0,
+        centerOfGravity: Y(i),
+        stabilityScore: ee(t, i)
       },
       unplacedBoxes: s
     };
@@ -1045,14 +1045,14 @@ class gt {
   id = "type-group";
   name = "Agrupación por tipo";
   pack(e, t) {
-    const o = [], s = [], n = [...e].sort((x, u) => {
+    const i = [], s = [], n = [...e].sort((x, u) => {
       const d = x.type ?? x.sku ?? "z", b = u.type ?? u.sku ?? "z";
       return d !== b ? d.localeCompare(b) : x.fragile !== u.fragile ? x.fragile ? 1 : -1 : u.weight - x.weight;
     });
-    let a = 0, c = 0, l = 0, f = 0, h = 0;
+    let a = 0, l = 0, c = 0, g = 0, m = 0;
     for (const x of n) {
       const u = x.dimensions.width, d = x.dimensions.height, b = x.dimensions.depth;
-      if (a + u > t.dimensions.width && (a = 0, c += f > 0 ? b : 0), c + b > t.dimensions.depth && (a = 0, c = 0, l += f, f = 0), l + d > t.maxStackHeight) {
+      if (a + u > t.dimensions.width && (a = 0, l += g > 0 ? b : 0), l + b > t.dimensions.depth && (a = 0, l = 0, c += g, g = 0), c + d > t.maxStackHeight) {
         s.push(x);
         continue;
       }
@@ -1060,36 +1060,36 @@ class gt {
         s.push(x);
         continue;
       }
-      if (c + b > t.dimensions.depth) {
+      if (l + b > t.dimensions.depth) {
         s.push(x);
         continue;
       }
-      o.push({
-        id: `placed-${++h}`,
+      i.push({
+        id: `placed-${++m}`,
         box: x,
-        position: { x: a, y: l, z: c },
+        position: { x: a, y: c, z: l },
         rotation: { x: 0, y: 0, z: 0 },
         supportedBy: [],
         supporting: []
-      }), a += u, f = Math.max(f, d);
+      }), a += u, g = Math.max(g, d);
     }
-    const g = t.dimensions.width * t.maxStackHeight * t.dimensions.depth, w = o.reduce((x, u) => {
+    const p = t.dimensions.width * t.maxStackHeight * t.dimensions.depth, w = i.reduce((x, u) => {
       const d = u.box.dimensions;
       return x + d.width * d.height * d.depth;
-    }, 0), m = o.reduce((x, u) => x + u.box.weight, 0);
+    }, 0), h = i.reduce((x, u) => x + u.box.weight, 0);
     return {
-      placements: o,
+      placements: i,
       metrics: {
-        volumeUtilization: g > 0 ? w / g : 0,
-        weightUtilization: t.maxWeight > 0 ? m / t.maxWeight : 0,
-        centerOfGravity: Y(o),
-        stabilityScore: ee(t, o)
+        volumeUtilization: p > 0 ? w / p : 0,
+        weightUtilization: t.maxWeight > 0 ? h / t.maxWeight : 0,
+        centerOfGravity: Y(i),
+        stabilityScore: ee(t, i)
       },
       unplacedBoxes: s
     };
   }
 }
-class ft {
+class pt {
   id = "material-grouping";
   name = "Material & Product Grouping";
   /**
@@ -1102,13 +1102,13 @@ class ft {
   pack(e, t) {
     if (e.length === 0)
       return this.emptyResult();
-    const o = this.sortBoxes(e), s = this.groupByMaterialWeight(o), a = this.buildLayers(s, t).flatMap((f) => f.placements), c = e.filter(
-      (f) => !a.some((h) => h.box.id === f.id)
-    ), l = this.calculateMetrics(a, t);
+    const i = this.sortBoxes(e), s = this.groupByMaterialWeight(i), a = this.buildLayers(s, t).flatMap((g) => g.placements), l = e.filter(
+      (g) => !a.some((m) => m.box.id === g.id)
+    ), c = this.calculateMetrics(a, t);
     return {
       placements: a,
-      metrics: l,
-      unplacedBoxes: c
+      metrics: c,
+      unplacedBoxes: l
     };
   }
   // ─── Phase 1: Sorting ──────────────────────────────────────────────
@@ -1123,15 +1123,15 @@ class ft {
    * @returns Sorted boxes array
    */
   sortBoxes(e) {
-    return [...e].sort((t, o) => {
-      const s = t.materialWeight ?? 5, n = o.materialWeight ?? 5;
+    return [...e].sort((t, i) => {
+      const s = t.materialWeight ?? 5, n = i.materialWeight ?? 5;
       if (s !== n)
         return n - s;
-      const a = t.product ?? "", c = o.product ?? "";
-      if (a !== c)
-        return a.localeCompare(c);
-      const l = t.dimensions.width * t.dimensions.depth, f = o.dimensions.width * o.dimensions.depth;
-      return l !== f ? f - l : o.dimensions.height - t.dimensions.height;
+      const a = t.product ?? "", l = i.product ?? "";
+      if (a !== l)
+        return a.localeCompare(l);
+      const c = t.dimensions.width * t.dimensions.depth, g = i.dimensions.width * i.dimensions.depth;
+      return c !== g ? g - c : i.dimensions.height - t.dimensions.height;
     });
   }
   /**
@@ -1142,11 +1142,11 @@ class ft {
    */
   groupByMaterialWeight(e) {
     const t = /* @__PURE__ */ new Map();
-    for (const o of e) {
-      const s = o.materialWeight ?? 5;
-      t.has(s) || t.set(s, []), t.get(s).push(o);
+    for (const i of e) {
+      const s = i.materialWeight ?? 5;
+      t.has(s) || t.set(s, []), t.get(s).push(i);
     }
-    return new Map([...t.entries()].sort((o, s) => s[0] - o[0]));
+    return new Map([...t.entries()].sort((i, s) => s[0] - i[0]));
   }
   // ─── Phase 2: Layer Construction ──────────────────────────────────
   /**
@@ -1157,27 +1157,27 @@ class ft {
    * @returns Array of layers
    */
   buildLayers(e, t) {
-    const o = [], s = /* @__PURE__ */ new Map(), n = [];
+    const i = [], s = /* @__PURE__ */ new Map(), n = [];
     let a = 0;
-    for (const [, c] of e) {
-      let l = [...c];
-      for (; l.length > 0; ) {
-        const f = this.buildNextLayer(
-          l,
+    for (const [, l] of e) {
+      let c = [...l];
+      for (; c.length > 0; ) {
+        const g = this.buildNextLayer(
+          c,
           t,
           a,
           s,
           n
         );
-        if (f.placements.length === 0)
+        if (g.placements.length === 0)
           break;
-        o.push(f), n.push(...f.placements), a += f.height;
-        const h = new Set(f.placements.map((g) => g.box.id));
-        if (l = l.filter((g) => !h.has(g.id)), a >= t.maxStackHeight)
+        i.push(g), n.push(...g.placements), a += g.height;
+        const m = new Set(g.placements.map((p) => p.box.id));
+        if (c = c.filter((p) => !m.has(p.id)), a >= t.maxStackHeight)
           break;
       }
     }
-    return o;
+    return i;
   }
   /**
    * Builds the next layer using available boxes
@@ -1194,24 +1194,24 @@ class ft {
    * @param allPreviousPlacements - All placements from previous layers (for support calculation)
    * @returns Constructed layer
    */
-  buildNextLayer(e, t, o, s, n) {
+  buildNextLayer(e, t, i, s, n) {
     const a = this.tryUniformHeightLayer(
       e,
       t,
-      o,
+      i,
       s,
       n
     );
     if (a && a.coverage >= 95)
       return a;
-    const c = this.tryMixedHeightLayer(
+    const l = this.tryMixedHeightLayer(
       e,
       t,
-      o,
+      i,
       s,
       n
     );
-    return c && c.coverage >= 95 ? c : ((a?.coverage ?? 0) > (c?.coverage ?? 0) ? a : c) ?? this.emptyLayer(o);
+    return l && l.coverage >= 95 ? l : ((a?.coverage ?? 0) > (l?.coverage ?? 0) ? a : l) ?? this.emptyLayer(i);
   }
   /**
    * Attempts to create a layer with boxes of uniform height
@@ -1223,28 +1223,28 @@ class ft {
    * @param allPreviousPlacements - All placements from previous layers
    * @returns Layer or null if not possible
    */
-  tryUniformHeightLayer(e, t, o, s, n) {
+  tryUniformHeightLayer(e, t, i, s, n) {
     const a = /* @__PURE__ */ new Map();
-    for (const l of e) {
-      const f = l.dimensions.height;
-      a.has(f) || a.set(f, []), a.get(f).push(l);
+    for (const c of e) {
+      const g = c.dimensions.height;
+      a.has(g) || a.set(g, []), a.get(g).push(c);
     }
-    const c = [...a.entries()].sort(
-      (l, f) => f[1].length - l[1].length
+    const l = [...a.entries()].sort(
+      (c, g) => g[1].length - c[1].length
     );
-    for (const [l, f] of c) {
-      if (o + l > t.maxStackHeight)
+    for (const [c, g] of l) {
+      if (i + c > t.maxStackHeight)
         continue;
-      const h = this.placeBoxesInLayer(
-        f,
+      const m = this.placeBoxesInLayer(
+        g,
         t,
-        o,
-        l,
+        i,
+        c,
         s,
         n
       );
-      if (h.coverage >= 95)
-        return h;
+      if (m.coverage >= 95)
+        return m;
     }
     return null;
   }
@@ -1258,11 +1258,11 @@ class ft {
    * @param allPreviousPlacements - All placements from previous layers
    * @returns Layer or null if not possible
    */
-  tryMixedHeightLayer(e, t, o, s, n) {
+  tryMixedHeightLayer(e, t, i, s, n) {
     return this.placeBoxesInLayer(
       e,
       t,
-      o,
+      i,
       null,
       s,
       n
@@ -1280,24 +1280,24 @@ class ft {
    * @param allPreviousPlacements - All placements from previous layers (for support calculation)
    * @returns Constructed layer
    */
-  placeBoxesInLayer(e, t, o, s, n, a) {
-    const c = [
+  placeBoxesInLayer(e, t, i, s, n, a) {
+    const l = [
       {
         x: 0,
         z: 0,
         width: t.dimensions.width,
         depth: t.dimensions.depth
       }
-    ], l = [], h = [...this.groupByProduct(e).entries()].sort(
+    ], c = [], m = [...this.groupByProduct(e).entries()].sort(
       (u, d) => d[1].length - u[1].length
     );
-    let g = 0;
-    for (const [u, d] of h) {
+    let p = 0;
+    for (const [u, d] of m) {
       const b = s ? d.filter((j) => j.dimensions.height === s) : d;
       for (const j of b) {
-        if (o + j.dimensions.height > t.maxStackHeight)
+        if (i + j.dimensions.height > t.maxStackHeight)
           continue;
-        const E = [
+        const T = [
           {
             width: j.dimensions.width,
             depth: j.dimensions.depth,
@@ -1309,34 +1309,34 @@ class ft {
             rotation: 90
           }
         ];
-        for (const S of E) {
+        for (const S of T) {
           const C = [
             ...a,
-            ...l
+            ...c
           ], z = this.findBestRectangle(
             S,
-            c,
+            l,
             n,
             u,
-            o,
+            i,
             C
           );
           if (z) {
             const y = {
-              id: `placed-${++g}`,
+              id: `placed-${++p}`,
               box: j,
-              position: { x: z.x, y: o, z: z.z },
+              position: { x: z.x, y: i, z: z.z },
               rotation: { x: 0, y: S.rotation, z: 0 },
               supportedBy: [],
               supporting: []
             };
-            l.push(y), this.updateOccupiedColumns(
+            c.push(y), this.updateOccupiedColumns(
               n,
               z.x,
               z.z,
               u
             ), this.updateFreeRectangles(
-              c,
+              l,
               z,
               S.width,
               S.depth
@@ -1346,15 +1346,15 @@ class ft {
         }
       }
     }
-    const w = t.dimensions.width * t.dimensions.depth, m = l.reduce((u, d) => {
+    const w = t.dimensions.width * t.dimensions.depth, h = c.reduce((u, d) => {
       const b = d.rotation.y === 90 ? d.box.dimensions.depth : d.box.dimensions.width, j = d.rotation.y === 90 ? d.box.dimensions.width : d.box.dimensions.depth;
       return u + b * j;
-    }, 0), x = l.length > 0 ? Math.max(...l.map((u) => u.box.dimensions.height)) : 0;
+    }, 0), x = c.length > 0 ? Math.max(...c.map((u) => u.box.dimensions.height)) : 0;
     return {
-      y: o,
+      y: i,
       height: x,
-      placements: l,
-      coverage: m / w * 100
+      placements: c,
+      coverage: h / w * 100
     };
   }
   /**
@@ -1369,36 +1369,36 @@ class ft {
    * @param pallet - Pallet dimensions
    * @returns Best rectangle or null if none fit
    */
-  findBestRectangle(e, t, o, s, n, a) {
-    let c = null, l = -1 / 0;
-    for (const f of t)
-      if (e.width <= f.width && e.depth <= f.depth) {
-        const h = this.calculateSupportArea(
-          f.x,
-          f.z,
+  findBestRectangle(e, t, i, s, n, a) {
+    let l = null, c = -1 / 0;
+    for (const g of t)
+      if (e.width <= g.width && e.depth <= g.depth) {
+        const m = this.calculateSupportArea(
+          g.x,
+          g.z,
           e.width,
           e.depth,
           n,
           a
-        ), g = e.width * e.depth;
-        if (h / g < 0.7 || this.boxExtendsBeyondLowerLayer(
-          f.x,
-          f.z,
+        ), p = e.width * e.depth;
+        if (m / p < 0.7 || this.boxExtendsBeyondLowerLayer(
+          g.x,
+          g.z,
           e.width,
           e.depth,
           n,
           a
         ))
           continue;
-        const m = this.scoreRectangle(
-          f,
+        const h = this.scoreRectangle(
+          g,
           e,
-          o,
+          i,
           s
         );
-        m > l && (l = m, c = f);
+        h > c && (c = h, l = g);
       }
-    return c;
+    return l;
   }
   /**
    * Calculates the area of support a box would have at a given position
@@ -1412,36 +1412,36 @@ class ft {
    * @param pallet - Pallet dimensions
    * @returns Supported area in mm²
    */
-  calculateSupportArea(e, t, o, s, n, a) {
-    let c = 0;
+  calculateSupportArea(e, t, i, s, n, a) {
+    let l = 0;
     if (n === 0)
-      return o * s;
-    for (const l of a) {
-      const f = l.rotation.y === 90 ? l.box.dimensions.depth : l.box.dimensions.width, h = l.rotation.y === 90 ? l.box.dimensions.width : l.box.dimensions.depth, g = l.position.y + l.box.dimensions.height;
-      if (Math.abs(g - n) > 1)
+      return i * s;
+    for (const c of a) {
+      const g = c.rotation.y === 90 ? c.box.dimensions.depth : c.box.dimensions.width, m = c.rotation.y === 90 ? c.box.dimensions.width : c.box.dimensions.depth, p = c.position.y + c.box.dimensions.height;
+      if (Math.abs(p - n) > 1)
         continue;
-      const m = this.calculateRectangleIntersection(
+      const h = this.calculateRectangleIntersection(
         e,
         t,
-        o,
+        i,
         s,
-        l.position.x,
-        l.position.z,
-        f,
-        h
+        c.position.x,
+        c.position.z,
+        g,
+        m
       );
-      c += m;
+      l += h;
     }
-    return c;
+    return l;
   }
   /**
    * Calculates intersection area between two rectangles
    *
    * @returns Intersection area in mm²
    */
-  calculateRectangleIntersection(e, t, o, s, n, a, c, l) {
-    const f = Math.max(0, Math.min(e + o, n + c) - Math.max(e, n)), h = Math.max(0, Math.min(t + s, a + l) - Math.max(t, a));
-    return f * h;
+  calculateRectangleIntersection(e, t, i, s, n, a, l, c) {
+    const g = Math.max(0, Math.min(e + i, n + l) - Math.max(e, n)), m = Math.max(0, Math.min(t + s, a + c) - Math.max(t, a));
+    return g * m;
   }
   /**
    * Checks if a box would extend beyond the footprint of boxes in the layer directly below
@@ -1457,22 +1457,22 @@ class ft {
    * @param existingPlacements - Boxes already placed in current and previous layers
    * @returns true if box extends beyond lower layer footprint
    */
-  boxExtendsBeyondLowerLayer(e, t, o, s, n, a) {
+  boxExtendsBeyondLowerLayer(e, t, i, s, n, a) {
     if (n === 0)
       return !1;
-    const c = a.filter((d) => {
+    const l = a.filter((d) => {
       const b = d.position.y + d.box.dimensions.height;
       return Math.abs(b - n) <= 1;
     });
-    if (c.length === 0)
+    if (l.length === 0)
       return !0;
-    let l = 1 / 0, f = -1 / 0, h = 1 / 0, g = -1 / 0;
-    for (const d of c) {
+    let c = 1 / 0, g = -1 / 0, m = 1 / 0, p = -1 / 0;
+    for (const d of l) {
       const b = d.rotation.y === 90 ? d.box.dimensions.depth : d.box.dimensions.width, j = d.rotation.y === 90 ? d.box.dimensions.width : d.box.dimensions.depth;
-      l = Math.min(l, d.position.x), f = Math.max(f, d.position.x + b), h = Math.min(h, d.position.z), g = Math.max(g, d.position.z + j);
+      c = Math.min(c, d.position.x), g = Math.max(g, d.position.x + b), m = Math.min(m, d.position.z), p = Math.max(p, d.position.z + j);
     }
-    const w = e + o, m = t + s, x = 1;
-    return e < l - x || w > f + x || t < h - x || m > g + x;
+    const w = e + i, h = t + s, x = 1;
+    return e < c - x || w > g + x || t < m - x || h > p + x;
   }
   /**
    * Scores a rectangle position based on multiple criteria
@@ -1485,12 +1485,12 @@ class ft {
    * @param product - Product identifier
    * @returns Score value
    */
-  scoreRectangle(e, t, o, s) {
+  scoreRectangle(e, t, i, s) {
     let n = 0;
     const a = `${e.x},${e.z}`;
-    o.get(a) === s && (n += 100), o.has(a) && o.get(a) !== s && (n -= 50);
-    const c = e.width * e.depth - t.width * t.depth;
-    return n += 50 / (1 + c / 1e4), n += 30 / (1 + e.x / 1e3 + e.z / 1e3), n;
+    i.get(a) === s && (n += 100), i.has(a) && i.get(a) !== s && (n -= 50);
+    const l = e.width * e.depth - t.width * t.depth;
+    return n += 50 / (1 + l / 1e4), n += 30 / (1 + e.x / 1e3 + e.z / 1e3), n;
   }
   /**
    * Updates free rectangles after placing a box (Maximal Rectangles algorithm)
@@ -1500,30 +1500,30 @@ class ft {
    * @param boxWidth - Width of placed box
    * @param boxDepth - Depth of placed box
    */
-  updateFreeRectangles(e, t, o, s) {
+  updateFreeRectangles(e, t, i, s) {
     const n = [];
     for (let a = e.length - 1; a >= 0; a--) {
-      const c = e[a];
-      this.rectanglesIntersect(c, t, o, s) && (e.splice(a, 1), t.x > c.x && n.push({
-        x: c.x,
-        z: c.z,
-        width: t.x - c.x,
-        depth: c.depth
-      }), t.x + o < c.x + c.width && n.push({
-        x: t.x + o,
-        z: c.z,
-        width: c.x + c.width - (t.x + o),
-        depth: c.depth
-      }), t.z > c.z && n.push({
-        x: c.x,
-        z: c.z,
-        width: c.width,
-        depth: t.z - c.z
-      }), t.z + s < c.z + c.depth && n.push({
-        x: c.x,
+      const l = e[a];
+      this.rectanglesIntersect(l, t, i, s) && (e.splice(a, 1), t.x > l.x && n.push({
+        x: l.x,
+        z: l.z,
+        width: t.x - l.x,
+        depth: l.depth
+      }), t.x + i < l.x + l.width && n.push({
+        x: t.x + i,
+        z: l.z,
+        width: l.x + l.width - (t.x + i),
+        depth: l.depth
+      }), t.z > l.z && n.push({
+        x: l.x,
+        z: l.z,
+        width: l.width,
+        depth: t.z - l.z
+      }), t.z + s < l.z + l.depth && n.push({
+        x: l.x,
         z: t.z + s,
-        width: c.width,
-        depth: c.z + c.depth - (t.z + s)
+        width: l.width,
+        depth: l.z + l.depth - (t.z + s)
       }));
     }
     e.push(...n), this.removeContainedRectangles(e);
@@ -1531,19 +1531,19 @@ class ft {
   /**
    * Checks if two rectangles intersect
    */
-  rectanglesIntersect(e, t, o, s) {
-    return !(t.x + o <= e.x || t.x >= e.x + e.width || t.z + s <= e.z || t.z >= e.z + e.depth);
+  rectanglesIntersect(e, t, i, s) {
+    return !(t.x + i <= e.x || t.x >= e.x + e.width || t.z + s <= e.z || t.z >= e.z + e.depth);
   }
   /**
    * Removes rectangles that are fully contained within other rectangles
    */
   removeContainedRectangles(e) {
     for (let t = e.length - 1; t >= 0; t--) {
-      const o = e[t];
+      const i = e[t];
       for (let s = 0; s < e.length; s++) {
         if (t === s) continue;
         const n = e[s];
-        if (o.x >= n.x && o.z >= n.z && o.x + o.width <= n.x + n.width && o.z + o.depth <= n.z + n.depth) {
+        if (i.x >= n.x && i.z >= n.z && i.x + i.width <= n.x + n.width && i.z + i.depth <= n.z + n.depth) {
           e.splice(t, 1);
           break;
         }
@@ -1553,8 +1553,8 @@ class ft {
   /**
    * Updates the occupied columns map after placing a box
    */
-  updateOccupiedColumns(e, t, o, s) {
-    const n = `${t},${o}`;
+  updateOccupiedColumns(e, t, i, s) {
+    const n = `${t},${i}`;
     e.has(n) || e.set(n, s);
   }
   // ─── Utility Methods ───────────────────────────────────────────────
@@ -1563,9 +1563,9 @@ class ft {
    */
   groupByProduct(e) {
     const t = /* @__PURE__ */ new Map();
-    for (const o of e) {
-      const s = o.product ?? "default";
-      t.has(s) || t.set(s, []), t.get(s).push(o);
+    for (const i of e) {
+      const s = i.product ?? "default";
+      t.has(s) || t.set(s, []), t.get(s).push(i);
     }
     return t;
   }
@@ -1599,22 +1599,79 @@ class ft {
    * Calculates packing metrics
    */
   calculateMetrics(e, t) {
-    const o = t.dimensions.width * t.maxStackHeight * t.dimensions.depth, s = e.reduce((a, c) => {
-      const l = c.box.dimensions;
-      return a + l.width * l.height * l.depth;
-    }, 0), n = e.reduce((a, c) => a + c.box.weight, 0);
+    const i = t.dimensions.width * t.maxStackHeight * t.dimensions.depth, s = e.reduce((a, l) => {
+      const c = l.box.dimensions;
+      return a + c.width * c.height * c.depth;
+    }, 0), n = e.reduce((a, l) => a + l.box.weight, 0);
     return {
-      volumeUtilization: o > 0 ? s / o : 0,
+      volumeUtilization: i > 0 ? s / i : 0,
       weightUtilization: t.maxWeight > 0 ? n / t.maxWeight : 0,
       centerOfGravity: Y(e),
       stabilityScore: ee(t, e)
     };
   }
 }
-class pt {
+class Xt {
+  /**
+   * Empaqueta un array de cajas en tantos pallets como sea necesario.
+   * Utiliza la estrategia proporcionada para llenar piso por piso cada pallet,
+   * creando nuevos pallets hasta ubicar todas las cajas.
+   *
+   * @param options Opciones de configuración
+   * @returns Un array de StackedPallet construidos
+   */
+  static packMultiple(e) {
+    const {
+      boxes: t,
+      palletBase: i,
+      strategy: s,
+      maxFloorsPerPallet: n = 1,
+      namePrefix: a = "Pallet"
+    } = e, l = [];
+    let c = [...t], g = 1;
+    for (; c.length > 0; ) {
+      const m = [], p = {
+        id: `sep-auto-${g}`,
+        dimensions: {
+          width: i.dimensions.width,
+          height: 5,
+          depth: i.dimensions.depth
+        },
+        material: ae.CARDBOARD,
+        weight: 1,
+        metadata: {}
+      };
+      for (let w = 0; w < n && c.length !== 0; w++) {
+        const h = s.pack(c, i);
+        if (h.placements.length === 0) break;
+        m.push({
+          level: w,
+          pallet: i,
+          boxes: h.placements,
+          ...w < n - 1 && h.unplacedBoxes.length > 0 ? {
+            separatorAbove: { ...p, id: `sep-${g}-${w}` }
+          } : {}
+        }), c = h.unplacedBoxes;
+      }
+      if (m.length === 0)
+        break;
+      l.push({
+        id: `multi-${Date.now()}-${g}`,
+        floors: m,
+        metadata: { name: `${a} ${g}` }
+      }), g++;
+    }
+    return {
+      pallets: l,
+      // Devuelve las que no se pudieron empaquetar por algún error (caja más grande que el pallet, etc)
+      unplacedBoxes: c
+    };
+  }
+}
+class ft {
   strategies = /* @__PURE__ */ new Map();
   constructor() {
-    this.register(new ut()), this.register(new xt()), this.register(new gt()), this.register(new ft());
+    this.register(new ut()), this.register(new xt()), this.register(new gt()), this.register(new pt());
   }
   register(e) {
     this.strategies.set(e.id, e);
@@ -1635,52 +1692,52 @@ class pt {
     return this.strategies.has(e);
   }
 }
-const wt = new pt();
+const wt = new ft();
 let yt = 0;
-function Te() {
+function ke() {
   return `pallet-${++yt}`;
 }
-class Z {
+class D {
   // ═══ Palets estándar internacionales ═══════════════════════════
   /** Palet EUR/EPAL — Estándar europeo (1200×800×144mm, ISO 6780, madera, 1000kg) */
   static euro(e) {
-    return Z.fromPreset("EUR", e);
+    return D.fromPreset("EUR", e);
   }
   /** Palet GMA — Estándar norteamericano (1219×1016×145mm, 48"×40", madera, 1200kg) */
   static gma(e) {
-    return Z.fromPreset("GMA", e);
+    return D.fromPreset("GMA", e);
   }
   /** @deprecated Use gma() instead. Alias para compatibilidad. */
   static american(e) {
-    return Z.gma(e);
+    return D.gma(e);
   }
   /** Palet UK Standard — Reino Unido (1200×1000×150mm, madera, 1000kg) */
   static uk(e) {
-    return Z.fromPreset("UK", e);
+    return D.fromPreset("UK", e);
   }
   /** Palet Asia — Estándar asiático (1100×1100×150mm, ISO 6780, madera, 1000kg) */
   static asia(e) {
-    return Z.fromPreset("ASIA", e);
+    return D.fromPreset("ASIA", e);
   }
   /** Palet australiano — Estándar de Australia (1165×1165×150mm, madera, 1000kg) */
   static australian(e) {
-    return Z.fromPreset("AUSTRALIAN", e);
+    return D.fromPreset("AUSTRALIAN", e);
   }
   /** Medio palet EUR — Half European Pallet (800×600×144mm, madera, 500kg) */
   static halfEuro(e) {
-    return Z.fromPreset("HALF_EUR", e);
+    return D.fromPreset("HALF_EUR", e);
   }
   /** Cuarto de palet EUR — Quarter European Pallet (600×400×144mm, madera, 250kg) */
   static quarterEuro(e) {
-    return Z.fromPreset("QUARTER_EUR", e);
+    return D.fromPreset("QUARTER_EUR", e);
   }
   /** Palet ISO 1 — ISO 6780 (1200×1000×150mm, igual que UK) */
   static iso1(e) {
-    return Z.fromPreset("ISO_1", e);
+    return D.fromPreset("ISO_1", e);
   }
   /** Palet ISO 2 — ISO 6780 (1200×800×144mm, equivalente a EUR) */
   static iso2(e) {
-    return Z.fromPreset("ISO_2", e);
+    return D.fromPreset("ISO_2", e);
   }
   // ═══ Método genérico desde preset ═════════════════════════════
   /**
@@ -1689,16 +1746,16 @@ class Z {
    * @param overrides - Propiedades a sobrescribir
    */
   static fromPreset(e, t) {
-    const o = ue[e];
-    if (!o)
+    const i = ue[e];
+    if (!i)
       throw new Error(`Unknown pallet preset: ${e}`);
     return {
-      id: Te(),
-      dimensions: { ...o.dimensions },
-      material: o.material,
-      maxWeight: o.maxWeight,
-      maxStackHeight: o.maxStackHeight,
-      weight: o.weight,
+      id: ke(),
+      dimensions: { ...i.dimensions },
+      material: i.material,
+      maxWeight: i.maxWeight,
+      maxStackHeight: i.maxStackHeight,
+      weight: i.weight,
       metadata: { preset: e },
       ...t
     };
@@ -1707,7 +1764,7 @@ class Z {
   /** Palet custom con dimensiones arbitrarias */
   static custom(e, t) {
     return {
-      id: Te(),
+      id: ke(),
       dimensions: { ...e },
       material: N.WOOD,
       maxWeight: 1e3,
@@ -1731,35 +1788,35 @@ class Z {
   }
 }
 let vt = 0;
-function Ee() {
+function Te() {
   return `truck-${++vt}`;
 }
-class Xt {
+class Dt {
   /** Crea un camión a partir de un preset de tipo */
   static fromPreset(e, t) {
-    const o = De[e];
+    const i = Ze[e];
     return {
-      id: Ee(),
+      id: Te(),
       name: `Camión ${e}`,
       truckType: e,
-      dimensions: { ...o.dimensions },
-      maxWeight: o.maxWeight,
+      dimensions: { ...i.dimensions },
+      maxWeight: i.maxWeight,
       pallets: [],
       metadata: {},
       ...t
     };
   }
   /** Crea un camión custom con dimensiones y peso arbitrarios */
-  static custom(e, t, o) {
+  static custom(e, t, i) {
     return {
-      id: Ee(),
+      id: Te(),
       name: "Camión Custom",
-      truckType: ie.CUSTOM,
+      truckType: oe.CUSTOM,
       dimensions: { ...e },
       maxWeight: t,
       pallets: [],
       metadata: {},
-      ...o
+      ...i
     };
   }
 }
@@ -1809,13 +1866,13 @@ class ge {
    *   { materialWeight: 0, product: 'PROD-FRAGILE' }
    * )
    */
-  static fragile(e, t, o) {
+  static fragile(e, t, i) {
     return ge.create(e, {
       fragile: !0,
       fragilityMaxWeight: t,
       materialWeight: 0,
       // Fragile boxes go on top
-      ...o
+      ...i
     });
   }
   /**
@@ -1833,51 +1890,51 @@ class ge {
    *   { materialWeight: 8, product: 'PROD-HEAVY' }
    * )
    */
-  static heavy(e, t, o) {
+  static heavy(e, t, i) {
     return ge.create(e, {
       weight: t,
       stackable: !1,
       materialWeight: 8,
       // Heavy boxes have high resistance
-      ...o
+      ...i
     });
   }
 }
-function Zt(i, e) {
-  return k(() => {
-    const t = Qe(i), o = tt(i, e), n = it({ pallet: e, boxes: i }), a = lt(i), c = at(i), l = ct(i), f = ht(e, i), h = dt(e, i), g = st(i), w = rt(e, i), m = [...c.violations, ...l.violations], x = [...f.violations, ...h.violations], u = [
+function Zt(o, e) {
+  return _(() => {
+    const t = Qe(o), i = tt(o, e), n = ot({ pallet: e, boxes: o }), a = lt(o), l = at(o), c = ct(o), g = ht(e, o), m = dt(e, o), p = st(o), w = rt(e, o), h = [...l.violations, ...c.violations], x = [...g.violations, ...m.violations], u = [
       ...t.violations,
-      ...o.violations,
+      ...i.violations,
       ...n.violations,
       ...a.violations,
-      ...m,
+      ...h,
       ...x,
-      ...g.violations,
+      ...p.violations,
       ...w.violations
     ];
     return {
       isValid: u.filter((d) => d.severity === "error").length === 0,
       violations: u,
       collisions: t,
-      bounds: o,
+      bounds: i,
       weight: n,
       gravity: a,
       stacking: {
-        isValid: c.isValid,
-        violations: m
+        isValid: l.isValid,
+        violations: h
       },
       stability: {
-        isValid: f.isValid && h.isValid,
+        isValid: g.isValid && m.isValid,
         violations: x
       },
-      fragile: g,
+      fragile: p,
       distribution: w
     };
-  }, [i, e]);
+  }, [o, e]);
 }
-function Dt(i) {
-  return k(() => {
-    if (!i || i.floors.length === 0)
+function Nt(o) {
+  return _(() => {
+    if (!o || o.floors.length === 0)
       return {
         volumeUtilization: 0,
         weightUtilization: 0,
@@ -1888,100 +1945,100 @@ function Dt(i) {
         boxCount: 0,
         floorCount: 0
       };
-    const e = le(i), t = ye(i), o = i.floors[0].pallet, s = i.floors.flatMap((g) => g.boxes), n = s.length, a = i.floors.length, c = o.dimensions.width * o.maxStackHeight * o.dimensions.depth, l = s.reduce((g, w) => {
-      const m = w.box.dimensions;
-      return g + m.width * m.height * m.depth;
-    }, 0), f = Y(s), h = ee(o, s);
+    const e = de(o), t = ye(o), i = o.floors[0].pallet, s = o.floors.flatMap((p) => p.boxes), n = s.length, a = o.floors.length, l = i.dimensions.width * i.maxStackHeight * i.dimensions.depth, c = s.reduce((p, w) => {
+      const h = w.box.dimensions;
+      return p + h.width * h.height * h.depth;
+    }, 0), g = Y(s), m = ee(i, s);
     return {
-      volumeUtilization: c > 0 ? l / c : 0,
-      weightUtilization: o.maxWeight > 0 ? t / o.maxWeight : 0,
-      centerOfGravity: f,
-      stabilityScore: h,
+      volumeUtilization: l > 0 ? c / l : 0,
+      weightUtilization: i.maxWeight > 0 ? t / i.maxWeight : 0,
+      centerOfGravity: g,
+      stabilityScore: m,
       totalHeight: e,
       totalWeight: t,
       boxCount: n,
       floorCount: a
     };
-  }, [i]);
+  }, [o]);
 }
-function Nt(i, e = wt) {
-  const t = k(
+function Ut(o, e = wt) {
+  const t = _(
     () => e.list().map((s) => ({ id: s.id, name: s.name })),
     [e]
-  ), o = q(
-    (s, n) => e.get(i).pack(s, n),
-    [i, e]
+  ), i = q(
+    (s, n) => e.get(o).pack(s, n),
+    [o, e]
   );
-  return { availableStrategies: t, pack: o };
+  return { availableStrategies: t, pack: i };
 }
-function Ut(i) {
-  return k(() => {
+function Ht(o) {
+  return _(() => {
     const e = [];
-    for (const s of i.pallets) {
-      const n = We(s, i);
+    for (const s of o.pallets) {
+      const n = $e(s, o);
       e.push(...n.violations);
     }
-    const t = Ke(i.pallets), o = [
+    const t = Ke(o.pallets), i = [
       ...e,
       ...t.violations
     ];
     return {
-      isValid: o.filter((s) => s.severity === "error").length === 0,
-      violations: o,
+      isValid: i.filter((s) => s.severity === "error").length === 0,
+      violations: i,
       palletInRoom: {
         isValid: e.length === 0,
         violations: e
       },
       palletCollisions: t
     };
-  }, [i]);
+  }, [o]);
 }
 const jt = V(function({
   placedBox: e,
   selected: t = !1,
-  highlighted: o = !1,
+  highlighted: i = !1,
   showLabel: s = !1,
   color: n,
   opacity: a,
-  selectedColor: c,
-  highlightedColor: l,
-  onClick: f,
-  onHover: h
+  selectedColor: l,
+  highlightedColor: c,
+  onClick: g,
+  onHover: m
 }) {
-  const g = _e(null), w = ce(), { box: m, position: x, rotation: u } = e, d = U.MM_TO_M, b = n ?? m.color ?? w.box.color, j = a ?? w.box.opacity, E = c ?? w.selection.selectedColor, S = l ?? w.selection.highlightedColor;
-  let C = m.dimensions.width, z = m.dimensions.depth;
+  const p = Ee(null), w = le(), { box: h, position: x, rotation: u } = e, d = U.MM_TO_M, b = n ?? h.color ?? w.box.color, j = a ?? w.box.opacity, T = l ?? w.selection.selectedColor, S = c ?? w.selection.highlightedColor;
+  let C = h.dimensions.width, z = h.dimensions.depth;
   (u.y === 90 || u.y === 270) && ([C, z] = [z, C]);
-  const y = k(
-    () => [C * d, m.dimensions.height * d, z * d],
-    [C, z, m.dimensions.height, d]
-  ), v = k(
+  const y = _(
+    () => [C * d, h.dimensions.height * d, z * d],
+    [C, z, h.dimensions.height, d]
+  ), v = _(
     () => new B.Vector3(
       x.x * d + y[0] / 2,
       x.y * d + y[1] / 2,
       x.z * d + y[2] / 2
     ),
     [x, y, d]
-  ), M = t ? E : o ? S : null, _ = q(
+  ), M = t ? T : i ? S : null, E = q(
     (R) => {
-      R.stopPropagation(), f?.(e.id);
+      R.stopPropagation(), g?.(e.id);
     },
-    [f, e.id]
-  ), T = q(
+    [g, e.id]
+  ), k = q(
     (R) => {
-      R.stopPropagation(), h?.(e.id);
+      R.stopPropagation(), m?.(e.id);
     },
-    [h, e.id]
+    [m, e.id]
   ), I = q(() => {
-    h?.(null);
-  }, [h]);
+    m?.(null);
+  }, [m]);
   return /* @__PURE__ */ r.jsxs("group", { children: [
     /* @__PURE__ */ r.jsxs(
       "mesh",
       {
-        ref: g,
+        ref: p,
         position: v,
-        onClick: _,
-        onPointerOver: T,
+        onClick: E,
+        onPointerOver: k,
         onPointerOut: I,
         castShadow: !0,
         receiveShadow: !0,
@@ -2029,7 +2086,7 @@ const jt = V(function({
       )
     ] }),
     s && /* @__PURE__ */ r.jsx(
-      ke,
+      _e,
       {
         position: [v.x, v.y + y[1] / 2 + 0.05, v.z],
         center: !0,
@@ -2042,62 +2099,62 @@ const jt = V(function({
           whiteSpace: "nowrap",
           pointerEvents: "none"
         },
-        children: m.sku ?? m.type ?? m.id
+        children: h.sku ?? h.type ?? h.id
       }
     )
   ] });
 }), Mt = V(function({
   pallet: e,
   position: t = { x: 0, y: 0, z: 0 },
-  color: o,
+  color: i,
   edgeColor: s
 }) {
-  const n = ce(), a = o ?? n.pallet.color, c = s ?? n.pallet.edgeColor, l = U.MM_TO_M, f = e.dimensions, h = k(
-    () => [f.width * l, f.height * l, f.depth * l],
-    [f, l]
-  ), g = k(
+  const n = le(), a = i ?? n.pallet.color, l = s ?? n.pallet.edgeColor, c = U.MM_TO_M, g = e.dimensions, m = _(
+    () => [g.width * c, g.height * c, g.depth * c],
+    [g, c]
+  ), p = _(
     () => new B.Vector3(
-      t.x * l + h[0] / 2,
-      t.y * l + h[1] / 2,
-      t.z * l + h[2] / 2
+      t.x * c + m[0] / 2,
+      t.y * c + m[1] / 2,
+      t.z * c + m[2] / 2
     ),
-    [t, h, l]
+    [t, m, c]
   );
   return /* @__PURE__ */ r.jsxs("group", { children: [
-    /* @__PURE__ */ r.jsxs("mesh", { position: g, castShadow: !0, receiveShadow: !0, children: [
-      /* @__PURE__ */ r.jsx("boxGeometry", { args: h }),
+    /* @__PURE__ */ r.jsxs("mesh", { position: p, castShadow: !0, receiveShadow: !0, children: [
+      /* @__PURE__ */ r.jsx("boxGeometry", { args: m }),
       /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: a, roughness: n.pallet.roughness, metalness: n.pallet.metalness })
     ] }),
-    /* @__PURE__ */ r.jsxs("lineSegments", { position: g, children: [
-      /* @__PURE__ */ r.jsx("edgesGeometry", { args: [new B.BoxGeometry(...h)] }),
-      /* @__PURE__ */ r.jsx("lineBasicMaterial", { color: c })
+    /* @__PURE__ */ r.jsxs("lineSegments", { position: p, children: [
+      /* @__PURE__ */ r.jsx("edgesGeometry", { args: [new B.BoxGeometry(...m)] }),
+      /* @__PURE__ */ r.jsx("lineBasicMaterial", { color: l })
     ] })
   ] });
 }), zt = {
-  [me.CARDBOARD]: "#b5926b",
-  [me.WOOD]: "#c4a26e",
-  [me.PLASTIC]: "#90a4ae"
+  [ae.CARDBOARD]: "#b5926b",
+  [ae.WOOD]: "#c4a26e",
+  [ae.PLASTIC]: "#90a4ae"
 }, Ct = V(function({
   separator: e,
   position: t = { x: 0, y: 0, z: 0 }
 }) {
-  const o = U.MM_TO_M, s = e.dimensions, n = k(
-    () => [s.width * o, s.height * o, s.depth * o],
-    [s, o]
-  ), a = k(
+  const i = U.MM_TO_M, s = e.dimensions, n = _(
+    () => [s.width * i, s.height * i, s.depth * i],
+    [s, i]
+  ), a = _(
     () => new B.Vector3(
-      t.x * o + n[0] / 2,
-      t.y * o + n[1] / 2,
-      t.z * o + n[2] / 2
+      t.x * i + n[0] / 2,
+      t.y * i + n[1] / 2,
+      t.z * i + n[2] / 2
     ),
-    [t, n, o]
-  ), c = zt[e.material];
+    [t, n, i]
+  ), l = zt[e.material];
   return /* @__PURE__ */ r.jsxs("mesh", { position: a, receiveShadow: !0, children: [
     /* @__PURE__ */ r.jsx("boxGeometry", { args: n }),
     /* @__PURE__ */ r.jsx(
       "meshStandardMaterial",
       {
-        color: c,
+        color: l,
         roughness: 0.9,
         metalness: 0,
         transparent: !0,
@@ -2109,39 +2166,39 @@ const jt = V(function({
   function({
     stackedPallet: e,
     position: t = { x: 0, y: 0, z: 0 },
-    yRotation: o = 0,
+    yRotation: i = 0,
     palletId: s,
     selectedBoxId: n,
     highlightedBoxId: a,
-    selectedColor: c,
-    highlightedColor: l,
-    showLabels: f = !1,
-    onBoxClick: h,
-    onBoxHover: g
+    selectedColor: l,
+    highlightedColor: c,
+    showLabels: g = !1,
+    onBoxClick: m,
+    onBoxHover: p
   }) {
-    const w = k(
+    const w = _(
       () => Je(e, s),
       [e, s]
-    ), m = U.MM_TO_M, x = k(() => o * Math.PI / 180, [o]), u = k(() => {
+    ), h = U.MM_TO_M, x = _(() => i * Math.PI / 180, [i]), u = _(() => {
       const d = [];
       let b = 0;
       for (const j of w.floors) {
         d.push(b), b += j.pallet.dimensions.height;
-        const E = j.boxes.reduce(
+        const T = j.boxes.reduce(
           (S, C) => Math.max(S, C.position.y + C.box.dimensions.height),
           0
         );
-        b += E, j.separatorAbove && (b += j.separatorAbove.dimensions.height);
+        b += T, j.separatorAbove && (b += j.separatorAbove.dimensions.height);
       }
       return d;
     }, [w]);
     return /* @__PURE__ */ r.jsx(
       "group",
       {
-        position: [t.x * m, t.y * m, t.z * m],
+        position: [t.x * h, t.y * h, t.z * h],
         rotation: [0, x, 0],
         children: w.floors.map((d, b) => {
-          const j = u[b], E = j + d.pallet.dimensions.height;
+          const j = u[b], T = j + d.pallet.dimensions.height;
           return /* @__PURE__ */ r.jsxs("group", { children: [
             /* @__PURE__ */ r.jsx(
               Mt,
@@ -2157,17 +2214,17 @@ const jt = V(function({
                   ...S,
                   position: {
                     x: S.position.x,
-                    y: S.position.y + E,
+                    y: S.position.y + T,
                     z: S.position.z
                   }
                 },
                 selected: n === S.id,
                 highlighted: a === S.id,
-                selectedColor: c,
-                highlightedColor: l,
-                showLabel: f,
-                onClick: h,
-                onHover: g
+                selectedColor: l,
+                highlightedColor: c,
+                showLabel: g,
+                onClick: m,
+                onHover: p
               },
               S.id
             )),
@@ -2177,7 +2234,7 @@ const jt = V(function({
                 separator: d.separatorAbove,
                 position: {
                   x: 0,
-                  y: E + d.boxes.reduce(
+                  y: T + d.boxes.reduce(
                     (S, C) => Math.max(S, C.position.y + C.box.dimensions.height),
                     0
                   ),
@@ -2190,20 +2247,20 @@ const jt = V(function({
       }
     );
   }
-), Ht = V(function({
+), Yt = V(function({
   text: e,
   position: t,
-  visible: o = !0,
+  visible: i = !0,
   fontSize: s = 12,
   color: n = "white",
   background: a = "rgba(0,0,0,0.75)"
 }) {
-  if (!o) return null;
-  const c = U.MM_TO_M;
+  if (!i) return null;
+  const l = U.MM_TO_M;
   return /* @__PURE__ */ r.jsx(
-    ke,
+    _e,
     {
-      position: [t.x * c, t.y * c, t.z * c],
+      position: [t.x * l, t.y * l, t.z * l],
       center: !0,
       style: {
         background: a,
@@ -2222,37 +2279,37 @@ const jt = V(function({
   function({
     room: e,
     floorColor: t,
-    wallColor: o,
+    wallColor: i,
     showGrid: s,
     children: n
   }) {
-    const a = ce(), c = t ?? a.warehouse.floorColor, l = o ?? a.warehouse.wallColor, f = s ?? a.warehouse.showGrid, h = U.MM_TO_M, g = e.ceilingHeight * h, { shape: w, minX: m, maxX: x, minZ: u, maxZ: d } = k(() => {
+    const a = le(), l = t ?? a.warehouse.floorColor, c = i ?? a.warehouse.wallColor, g = s ?? a.warehouse.showGrid, m = U.MM_TO_M, p = e.ceilingHeight * m, { shape: w, minX: h, maxX: x, minZ: u, maxZ: d } = _(() => {
       const y = e.floorPolygon;
-      let v = 1 / 0, M = -1 / 0, _ = 1 / 0, T = -1 / 0;
+      let v = 1 / 0, M = -1 / 0, E = 1 / 0, k = -1 / 0;
       for (const R of y)
-        v = Math.min(v, R.x * h), M = Math.max(M, R.x * h), _ = Math.min(_, R.z * h), T = Math.max(T, R.z * h);
+        v = Math.min(v, R.x * m), M = Math.max(M, R.x * m), E = Math.min(E, R.z * m), k = Math.max(k, R.z * m);
       const I = new B.Shape();
-      I.moveTo(y[0].x * h, -y[0].z * h);
+      I.moveTo(y[0].x * m, -y[0].z * m);
       for (let R = 1; R < y.length; R++)
-        I.lineTo(y[R].x * h, -y[R].z * h);
-      return I.closePath(), { shape: I, minX: v, maxX: M, minZ: _, maxZ: T };
-    }, [e.floorPolygon, h]), b = k(() => {
+        I.lineTo(y[R].x * m, -y[R].z * m);
+      return I.closePath(), { shape: I, minX: v, maxX: M, minZ: E, maxZ: k };
+    }, [e.floorPolygon, m]), b = _(() => {
       const y = e.floorPolygon, v = [], M = [];
-      for (let T = 0; T < y.length; T++) {
-        const I = y[T], R = y[(T + 1) % y.length], A = T * 4;
+      for (let k = 0; k < y.length; k++) {
+        const I = y[k], R = y[(k + 1) % y.length], A = k * 4;
         v.push(
-          I.x * h,
+          I.x * m,
           0,
-          I.z * h,
-          R.x * h,
+          I.z * m,
+          R.x * m,
           0,
-          R.z * h,
-          R.x * h,
-          g,
-          R.z * h,
-          I.x * h,
-          g,
-          I.z * h
+          R.z * m,
+          R.x * m,
+          p,
+          R.z * m,
+          I.x * m,
+          p,
+          I.z * m
         ), M.push(
           A,
           A + 1,
@@ -2262,25 +2319,25 @@ const jt = V(function({
           A + 3
         );
       }
-      const _ = new B.BufferGeometry();
-      return _.setAttribute("position", new B.Float32BufferAttribute(v, 3)), _.setIndex(M), _.computeVertexNormals(), _;
-    }, [e.floorPolygon, g, h]), j = x - m, E = d - u, S = (m + x) / 2, C = (u + d) / 2, z = k(() => {
-      if (!f) return null;
+      const E = new B.BufferGeometry();
+      return E.setAttribute("position", new B.Float32BufferAttribute(v, 3)), E.setIndex(M), E.computeVertexNormals(), E;
+    }, [e.floorPolygon, p, m]), j = x - h, T = d - u, S = (h + x) / 2, C = (u + d) / 2, z = _(() => {
+      if (!g) return null;
       const y = 0.5, v = 0.01, M = [];
-      for (let T = m; T <= x; T += y)
-        M.push(T, v, u, T, v, d);
-      for (let T = u; T <= d; T += y)
-        M.push(m, v, T, x, v, T);
-      const _ = new B.BufferGeometry();
-      return _.setAttribute("position", new B.Float32BufferAttribute(M, 3)), _;
-    }, [f, m, x, u, d]);
+      for (let k = h; k <= x; k += y)
+        M.push(k, v, u, k, v, d);
+      for (let k = u; k <= d; k += y)
+        M.push(h, v, k, x, v, k);
+      const E = new B.BufferGeometry();
+      return E.setAttribute("position", new B.Float32BufferAttribute(M, 3)), E;
+    }, [g, h, x, u, d]);
     return /* @__PURE__ */ r.jsxs("group", { children: [
       /* @__PURE__ */ r.jsxs("mesh", { rotation: [-Math.PI / 2, 0, 0], position: [0, -5e-3, 0], receiveShadow: !0, children: [
         /* @__PURE__ */ r.jsx("shapeGeometry", { args: [w] }),
         /* @__PURE__ */ r.jsx(
           "meshStandardMaterial",
           {
-            color: c,
+            color: l,
             side: B.DoubleSide,
             roughness: a.warehouse.floorRoughness
           }
@@ -2289,14 +2346,14 @@ const jt = V(function({
       /* @__PURE__ */ r.jsx("mesh", { geometry: b, position: [0, 0, 0], receiveShadow: !0, children: /* @__PURE__ */ r.jsx(
         "meshStandardMaterial",
         {
-          color: l,
+          color: c,
           side: B.DoubleSide,
           roughness: 0.7,
           transparent: !0,
           opacity: a.warehouse.wallOpacity
         }
       ) }),
-      f && z && /* @__PURE__ */ r.jsx("lineSegments", { geometry: z, children: /* @__PURE__ */ r.jsx(
+      g && z && /* @__PURE__ */ r.jsx("lineSegments", { geometry: z, children: /* @__PURE__ */ r.jsx(
         "lineBasicMaterial",
         {
           color: a.warehouse.gridColor,
@@ -2309,7 +2366,7 @@ const jt = V(function({
       /* @__PURE__ */ r.jsx(
         "directionalLight",
         {
-          position: [S + j, g * 0.8, C + E],
+          position: [S + j, p * 0.8, C + T],
           intensity: a.warehouse.directionalIntensity,
           castShadow: !0,
           "shadow-mapSize-width": 1024,
@@ -2319,121 +2376,121 @@ const jt = V(function({
       /* @__PURE__ */ r.jsx(
         "pointLight",
         {
-          position: [S, g * 0.9, C],
+          position: [S, p * 0.9, C],
           intensity: 0.5,
-          distance: Math.max(j, E) * 2
+          distance: Math.max(j, T) * 2
         }
       ),
       n
     ] });
   }
-), K = V(function({ position: e, radius: t, width: o, color: s }) {
+), K = V(function({ position: e, radius: t, width: i, color: s }) {
   return /* @__PURE__ */ r.jsxs("group", { position: e, children: [
     /* @__PURE__ */ r.jsxs("mesh", { rotation: [0, 0, Math.PI / 2], castShadow: !0, children: [
-      /* @__PURE__ */ r.jsx("cylinderGeometry", { args: [t, t, o, 24] }),
+      /* @__PURE__ */ r.jsx("cylinderGeometry", { args: [t, t, i, 24] }),
       /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: s, roughness: 0.9, metalness: 0.1 })
     ] }),
     /* @__PURE__ */ r.jsxs("mesh", { rotation: [0, 0, Math.PI / 2], children: [
-      /* @__PURE__ */ r.jsx("cylinderGeometry", { args: [t * 0.55, t * 0.55, o + 5e-3, 16] }),
+      /* @__PURE__ */ r.jsx("cylinderGeometry", { args: [t * 0.55, t * 0.55, i + 5e-3, 16] }),
       /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: "#888888", roughness: 0.3, metalness: 0.7 })
     ] })
   ] });
 }), Rt = V(function({
   truck: e,
   showGrid: t,
-  wallOpacity: o = 0.3,
+  wallOpacity: i = 0.3,
   showRoof: s = !1,
   showSideWalls: n = !0,
   children: a
 }) {
-  const l = ce().truck, f = t ?? l.showGrid, h = U.MM_TO_M, g = e.dimensions.width * h, w = e.dimensions.height * h, m = e.dimensions.depth * h, x = 0.05, u = 0.08, d = 0.28, b = 0.18, j = 0.15, E = 0.25, S = d + j, C = S + d + 0.1, z = C + E / 2 + u / 2, y = g + x * 2, v = g * 0.65, M = w * 0.85, _ = 0.15, T = m + x + _, I = z, R = k(() => {
-    if (!f) return null;
-    const G = 0.5, D = z + 2e-3, H = [];
-    for (let X = 0; X <= g; X += G)
-      H.push(X, D, 0, X, D, m);
-    for (let X = 0; X <= m; X += G)
-      H.push(0, D, X, g, D, X);
+  const c = le().truck, g = t ?? c.showGrid, m = U.MM_TO_M, p = e.dimensions.width * m, w = e.dimensions.height * m, h = e.dimensions.depth * m, x = 0.05, u = 0.08, d = 0.28, b = 0.18, j = 0.15, T = 0.25, S = d + j, C = S + d + 0.1, z = C + T / 2 + u / 2, y = p + x * 2, v = p * 0.65, M = w * 0.85, E = 0.15, k = h + x + E, I = z, R = _(() => {
+    if (!g) return null;
+    const G = 0.5, Z = z + 2e-3, H = [];
+    for (let X = 0; X <= p; X += G)
+      H.push(X, Z, 0, X, Z, h);
+    for (let X = 0; X <= h; X += G)
+      H.push(0, Z, X, p, Z, X);
     const F = new B.BufferGeometry();
     return F.setAttribute("position", new B.Float32BufferAttribute(H, 3)), F;
-  }, [f, g, m, z]), A = k(
+  }, [g, p, h, z]), A = _(
     () => /* @__PURE__ */ r.jsx(
       "meshStandardMaterial",
       {
-        color: l.wallColor,
+        color: c.wallColor,
         roughness: 0.5,
         metalness: 0.3,
-        transparent: o < 1,
-        opacity: o,
+        transparent: i < 1,
+        opacity: i,
         side: B.DoubleSide,
-        depthWrite: o >= 0.95
+        depthWrite: i >= 0.95
       }
     ),
-    [l.wallColor, o]
+    [c.wallColor, i]
   );
   return /* @__PURE__ */ r.jsxs("group", { children: [
     /* @__PURE__ */ r.jsxs(
       "mesh",
       {
-        position: [g / 2, z, m / 2],
+        position: [p / 2, z, h / 2],
         rotation: [-Math.PI / 2, 0, 0],
         receiveShadow: !0,
         children: [
-          /* @__PURE__ */ r.jsx("planeGeometry", { args: [g, m] }),
-          /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: l.floorColor, roughness: 0.85 })
+          /* @__PURE__ */ r.jsx("planeGeometry", { args: [p, h] }),
+          /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: c.floorColor, roughness: 0.85 })
         ]
       }
     ),
-    /* @__PURE__ */ r.jsxs("mesh", { position: [g / 2, z - u / 2, m / 2], castShadow: !0, receiveShadow: !0, children: [
-      /* @__PURE__ */ r.jsx("boxGeometry", { args: [g + x * 2, u, m + x] }),
-      /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: l.floorColor, roughness: 0.85, metalness: 0.1 })
+    /* @__PURE__ */ r.jsxs("mesh", { position: [p / 2, z - u / 2, h / 2], castShadow: !0, receiveShadow: !0, children: [
+      /* @__PURE__ */ r.jsx("boxGeometry", { args: [p + x * 2, u, h + x] }),
+      /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: c.floorColor, roughness: 0.85, metalness: 0.1 })
     ] }),
-    n && /* @__PURE__ */ r.jsxs("mesh", { position: [-x / 2, z + w / 2, m / 2], castShadow: !0, children: [
-      /* @__PURE__ */ r.jsx("boxGeometry", { args: [x, w, m + x] }),
+    n && /* @__PURE__ */ r.jsxs("mesh", { position: [-x / 2, z + w / 2, h / 2], castShadow: !0, children: [
+      /* @__PURE__ */ r.jsx("boxGeometry", { args: [x, w, h + x] }),
       A
     ] }),
-    n && /* @__PURE__ */ r.jsxs("mesh", { position: [g + x / 2, z + w / 2, m / 2], castShadow: !0, children: [
-      /* @__PURE__ */ r.jsx("boxGeometry", { args: [x, w, m + x] }),
+    n && /* @__PURE__ */ r.jsxs("mesh", { position: [p + x / 2, z + w / 2, h / 2], castShadow: !0, children: [
+      /* @__PURE__ */ r.jsx("boxGeometry", { args: [x, w, h + x] }),
       A
     ] }),
-    /* @__PURE__ */ r.jsxs("mesh", { position: [g / 2, z + w / 2, m + x / 2], castShadow: !0, children: [
-      /* @__PURE__ */ r.jsx("boxGeometry", { args: [g + x * 2, w, x] }),
+    /* @__PURE__ */ r.jsxs("mesh", { position: [p / 2, z + w / 2, h + x / 2], castShadow: !0, children: [
+      /* @__PURE__ */ r.jsx("boxGeometry", { args: [p + x * 2, w, x] }),
       A
     ] }),
-    s && /* @__PURE__ */ r.jsxs("mesh", { position: [g / 2, z + w, m / 2], castShadow: !0, children: [
-      /* @__PURE__ */ r.jsx("boxGeometry", { args: [g + x * 2, x, m + x] }),
+    s && /* @__PURE__ */ r.jsxs("mesh", { position: [p / 2, z + w, h / 2], castShadow: !0, children: [
+      /* @__PURE__ */ r.jsx("boxGeometry", { args: [p + x * 2, x, h + x] }),
       A
     ] }),
-    f && R && /* @__PURE__ */ r.jsx("lineSegments", { geometry: R, children: /* @__PURE__ */ r.jsx(
+    g && R && /* @__PURE__ */ r.jsx("lineSegments", { geometry: R, children: /* @__PURE__ */ r.jsx(
       "lineBasicMaterial",
       {
-        color: l.gridColor,
+        color: c.gridColor,
         opacity: 0.5,
         transparent: !0,
         depthWrite: !1
       }
     ) }),
-    /* @__PURE__ */ r.jsxs("mesh", { position: [g * 0.25, C, (m + v + _) / 2], castShadow: !0, children: [
-      /* @__PURE__ */ r.jsx("boxGeometry", { args: [0.12, E, m + v + _] }),
-      /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: l.chassisColor, roughness: 0.7, metalness: 0.5 })
+    /* @__PURE__ */ r.jsxs("mesh", { position: [p * 0.25, C, (h + v + E) / 2], castShadow: !0, children: [
+      /* @__PURE__ */ r.jsx("boxGeometry", { args: [0.12, T, h + v + E] }),
+      /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: c.chassisColor, roughness: 0.7, metalness: 0.5 })
     ] }),
-    /* @__PURE__ */ r.jsxs("mesh", { position: [g * 0.75, C, (m + v + _) / 2], castShadow: !0, children: [
-      /* @__PURE__ */ r.jsx("boxGeometry", { args: [0.12, E, m + v + _] }),
-      /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: l.chassisColor, roughness: 0.7, metalness: 0.5 })
+    /* @__PURE__ */ r.jsxs("mesh", { position: [p * 0.75, C, (h + v + E) / 2], castShadow: !0, children: [
+      /* @__PURE__ */ r.jsx("boxGeometry", { args: [0.12, T, h + v + E] }),
+      /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: c.chassisColor, roughness: 0.7, metalness: 0.5 })
     ] }),
-    [0.15, 0.35, 0.55, 0.75, 0.95].map((G) => /* @__PURE__ */ r.jsxs("mesh", { position: [g / 2, C, m * G], castShadow: !0, children: [
-      /* @__PURE__ */ r.jsx("boxGeometry", { args: [g * 0.6, 0.06, 0.06] }),
-      /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: l.chassisColor, roughness: 0.7, metalness: 0.5 })
+    [0.15, 0.35, 0.55, 0.75, 0.95].map((G) => /* @__PURE__ */ r.jsxs("mesh", { position: [p / 2, C, h * G], castShadow: !0, children: [
+      /* @__PURE__ */ r.jsx("boxGeometry", { args: [p * 0.6, 0.06, 0.06] }),
+      /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: c.chassisColor, roughness: 0.7, metalness: 0.5 })
     ] }, G)),
-    /* @__PURE__ */ r.jsx(K, { position: [-b / 2 - x, S, m * 0.12], radius: d, width: b, color: l.wheelColor }),
-    /* @__PURE__ */ r.jsx(K, { position: [g + b / 2 + x, S, m * 0.12], radius: d, width: b, color: l.wheelColor }),
-    /* @__PURE__ */ r.jsx(K, { position: [-b / 2 - x, S, m * 0.22], radius: d, width: b, color: l.wheelColor }),
-    /* @__PURE__ */ r.jsx(K, { position: [g + b / 2 + x, S, m * 0.22], radius: d, width: b, color: l.wheelColor }),
-    /* @__PURE__ */ r.jsx(K, { position: [-b / 2 - x, S, T + v * 0.5], radius: d, width: b, color: l.wheelColor }),
-    /* @__PURE__ */ r.jsx(K, { position: [g + b / 2 + x, S, T + v * 0.5], radius: d, width: b, color: l.wheelColor }),
-    /* @__PURE__ */ r.jsxs("group", { position: [g / 2, I, T], children: [
+    /* @__PURE__ */ r.jsx(K, { position: [-b / 2 - x, S, h * 0.12], radius: d, width: b, color: c.wheelColor }),
+    /* @__PURE__ */ r.jsx(K, { position: [p + b / 2 + x, S, h * 0.12], radius: d, width: b, color: c.wheelColor }),
+    /* @__PURE__ */ r.jsx(K, { position: [-b / 2 - x, S, h * 0.22], radius: d, width: b, color: c.wheelColor }),
+    /* @__PURE__ */ r.jsx(K, { position: [p + b / 2 + x, S, h * 0.22], radius: d, width: b, color: c.wheelColor }),
+    /* @__PURE__ */ r.jsx(K, { position: [-b / 2 - x, S, k + v * 0.5], radius: d, width: b, color: c.wheelColor }),
+    /* @__PURE__ */ r.jsx(K, { position: [p + b / 2 + x, S, k + v * 0.5], radius: d, width: b, color: c.wheelColor }),
+    /* @__PURE__ */ r.jsxs("group", { position: [p / 2, I, k], children: [
       /* @__PURE__ */ r.jsxs("mesh", { position: [0, M / 2, v / 2], castShadow: !0, receiveShadow: !0, children: [
         /* @__PURE__ */ r.jsx("boxGeometry", { args: [y, M, v] }),
-        /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: l.cabColor, roughness: 0.4, metalness: 0.3 })
+        /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: c.cabColor, roughness: 0.4, metalness: 0.3 })
       ] }),
       /* @__PURE__ */ r.jsxs(
         "mesh",
@@ -2486,11 +2543,11 @@ const jt = V(function({
       ] }),
       /* @__PURE__ */ r.jsxs("mesh", { position: [0, M + 0.04, v / 2], children: [
         /* @__PURE__ */ r.jsx("boxGeometry", { args: [y * 0.95, 0.08, v * 0.9] }),
-        /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: l.cabColor, roughness: 0.4, metalness: 0.3 })
+        /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: c.cabColor, roughness: 0.4, metalness: 0.3 })
       ] }),
       /* @__PURE__ */ r.jsxs("mesh", { position: [0, M + 0.25, v * 0.1], rotation: [-0.3, 0, 0], children: [
         /* @__PURE__ */ r.jsx("boxGeometry", { args: [y * 0.9, 0.04, v * 0.5] }),
-        /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: l.cabColor, roughness: 0.4, metalness: 0.3 })
+        /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: c.cabColor, roughness: 0.4, metalness: 0.3 })
       ] }),
       /* @__PURE__ */ r.jsxs("mesh", { position: [-y * 0.35, M * 0.2, v + 0.02], children: [
         /* @__PURE__ */ r.jsx("boxGeometry", { args: [y * 0.15, 0.08, 0.02] }),
@@ -2502,21 +2559,21 @@ const jt = V(function({
       ] }),
       /* @__PURE__ */ r.jsxs("mesh", { position: [0, 0.06, v + 0.04], castShadow: !0, children: [
         /* @__PURE__ */ r.jsx("boxGeometry", { args: [y * 1.02, 0.12, 0.06] }),
-        /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: l.chassisColor, roughness: 0.5, metalness: 0.6 })
+        /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: c.chassisColor, roughness: 0.5, metalness: 0.6 })
       ] })
     ] }),
     [-1, 1].map((G) => /* @__PURE__ */ r.jsxs(
       "mesh",
       {
         position: [
-          G === -1 ? -x - b * 0.5 : g + x + b * 0.5,
+          G === -1 ? -x - b * 0.5 : p + x + b * 0.5,
           S + d * 0.6,
-          m * 0.17
+          h * 0.17
         ],
         castShadow: !0,
         children: [
           /* @__PURE__ */ r.jsx("boxGeometry", { args: [b + 0.04, 0.04, d * 2.5] }),
-          /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: l.chassisColor, roughness: 0.6, metalness: 0.4 })
+          /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: c.chassisColor, roughness: 0.6, metalness: 0.4 })
         ]
       },
       `fender-rear-${G}`
@@ -2525,7 +2582,7 @@ const jt = V(function({
       /* @__PURE__ */ r.jsx("boxGeometry", { args: [0.08, 0.12, 0.02] }),
       /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: "#ff3333", emissive: "#ff0000", emissiveIntensity: 0.3 })
     ] }),
-    /* @__PURE__ */ r.jsxs("mesh", { position: [g + x / 2 - 0.01, z + w * 0.3, -0.01], children: [
+    /* @__PURE__ */ r.jsxs("mesh", { position: [p + x / 2 - 0.01, z + w * 0.3, -0.01], children: [
       /* @__PURE__ */ r.jsx("boxGeometry", { args: [0.08, 0.12, 0.02] }),
       /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: "#ff3333", emissive: "#ff0000", emissiveIntensity: 0.3 })
     ] }),
@@ -2533,19 +2590,19 @@ const jt = V(function({
     /* @__PURE__ */ r.jsx(
       "directionalLight",
       {
-        position: [g / 2, z + w * 1.5, m * 0.8],
+        position: [p / 2, z + w * 1.5, h * 0.8],
         intensity: 0.75,
         castShadow: !0,
         "shadow-mapSize-width": 1024,
         "shadow-mapSize-height": 1024
       }
     ),
-    /* @__PURE__ */ r.jsx("pointLight", { position: [g / 2, z + w * 0.7, m / 2], intensity: 0.35 }),
-    /* @__PURE__ */ r.jsx("pointLight", { position: [g / 2, z + w * 0.9, m * 0.3], intensity: 0.25 }),
+    /* @__PURE__ */ r.jsx("pointLight", { position: [p / 2, z + w * 0.7, h / 2], intensity: 0.35 }),
+    /* @__PURE__ */ r.jsx("pointLight", { position: [p / 2, z + w * 0.9, h * 0.3], intensity: 0.25 }),
     /* @__PURE__ */ r.jsx("group", { position: [0, z, 0], children: a })
   ] });
 });
-function Tt(i, e, t) {
+function kt(o, e, t) {
   if (!t)
     return {
       perspective: [3, 3, 3],
@@ -2553,58 +2610,58 @@ function Tt(i, e, t) {
       top: [0, 5, 0],
       front: [0, 1.5, 5],
       side: [5, 1.5, 0]
-    }[i];
-  const { width: o, height: s, depth: n } = t, [a, c, l] = e, h = Math.sqrt(o ** 2 + s ** 2 + n ** 2) * 3;
-  switch (i) {
+    }[o];
+  const { width: i, height: s, depth: n } = t, [a, l, c] = e, m = Math.sqrt(i ** 2 + s ** 2 + n ** 2) * 3;
+  switch (o) {
     case "perspective":
       return [
-        a + h * 0.6,
-        c + h * 0.5,
-        l + h * 0.6
+        a + m * 0.6,
+        l + m * 0.5,
+        c + m * 0.6
       ];
     case "isometric":
       return [
-        a + h * 0.577,
-        c + h * 0.577,
-        l + h * 0.577
+        a + m * 0.577,
+        l + m * 0.577,
+        c + m * 0.577
       ];
     case "top":
-      return [a, c + Math.max(h, s * 2), l];
+      return [a, l + Math.max(m, s * 2), c];
     case "front":
-      return [a, c + s * 0.5, l + Math.max(h, n * 1.5)];
+      return [a, l + s * 0.5, c + Math.max(m, n * 1.5)];
     case "side":
-      return [a + Math.max(h, o * 1.5), c + s * 0.5, l];
+      return [a + Math.max(m, i * 1.5), l + s * 0.5, c];
   }
 }
 const Se = V(function({
   preset: e = "perspective",
   autoRotate: t = !1,
-  enablePan: o = !0,
+  enablePan: i = !0,
   enableZoom: s = !0,
   target: n = [0, 0, 0],
   minDistance: a = 0.5,
-  maxDistance: c = 50,
-  sceneSize: l
+  maxDistance: l = 50,
+  sceneSize: c
 }) {
-  const { camera: f } = Ae(), h = _e(null);
-  return fe(() => {
-    const g = Tt(e, n, l), w = new B.Vector3(g[0], g[1], g[2]), m = new B.Vector3(...n), x = f.position.clone(), u = 1e3, d = Date.now(), b = () => {
-      const j = Date.now() - d, E = Math.min(j / u, 1), S = 1 - Math.pow(1 - E, 3);
-      f.position.lerpVectors(x, w, S), h.current && (h.current.target.lerp(m, S), h.current.update()), E < 1 && requestAnimationFrame(b);
+  const { camera: g } = Ae(), m = Ee(null);
+  return pe(() => {
+    const p = kt(e, n, c), w = new B.Vector3(p[0], p[1], p[2]), h = new B.Vector3(...n), x = g.position.clone(), u = 1e3, d = Date.now(), b = () => {
+      const j = Date.now() - d, T = Math.min(j / u, 1), S = 1 - Math.pow(1 - T, 3);
+      g.position.lerpVectors(x, w, S), m.current && (m.current.target.lerp(h, S), m.current.update()), T < 1 && requestAnimationFrame(b);
     };
     b();
-  }, [e, l, f, n]), /* @__PURE__ */ r.jsx(
-    Ze,
+  }, [e, c, g, n]), /* @__PURE__ */ r.jsx(
+    De,
     {
-      ref: h,
+      ref: m,
       target: n,
       autoRotate: t,
       autoRotateSpeed: 0.5,
-      enablePan: o,
+      enablePan: i,
       enableZoom: s,
       enableRotate: !0,
       minDistance: a,
-      maxDistance: c,
+      maxDistance: l,
       enableDamping: !0,
       dampingFactor: 0.05,
       rotateSpeed: 0.5,
@@ -2613,7 +2670,7 @@ const Se = V(function({
       makeDefault: !0
     }
   );
-}), Et = {
+}), Tt = {
   perspective: { label: "Perspectiva", icon: "📐" },
   isometric: { label: "Isométrica", icon: "🔲" },
   top: { label: "Superior", icon: "⬇️" },
@@ -2623,22 +2680,22 @@ const Se = V(function({
 V(function({
   currentPreset: e,
   onPresetChange: t,
-  position: o = "top-right"
+  position: i = "top-right"
 }) {
   const s = ["perspective", "isometric", "top", "front", "side"];
-  return /* @__PURE__ */ r.jsxs("div", { className: `view-controls view-controls--${o}`, children: [
+  return /* @__PURE__ */ r.jsxs("div", { className: `view-controls view-controls--${i}`, children: [
     /* @__PURE__ */ r.jsx("div", { className: "view-controls__title", children: "Vista" }),
     /* @__PURE__ */ r.jsx("div", { className: "view-controls__buttons", children: s.map((n) => {
-      const { label: a, icon: c } = Et[n], l = e === n;
+      const { label: a, icon: l } = Tt[n], c = e === n;
       return /* @__PURE__ */ r.jsxs(
         "button",
         {
-          className: `view-controls__button ${l ? "view-controls__button--active" : ""}`,
+          className: `view-controls__button ${c ? "view-controls__button--active" : ""}`,
           onClick: () => t(n),
           title: a,
           "aria-label": a,
           children: [
-            /* @__PURE__ */ r.jsx("span", { className: "view-controls__icon", role: "img", "aria-hidden": "true", children: c }),
+            /* @__PURE__ */ r.jsx("span", { className: "view-controls__icon", role: "img", "aria-hidden": "true", children: l }),
             /* @__PURE__ */ r.jsx("span", { className: "view-controls__label", children: a })
           ]
         },
@@ -2650,29 +2707,29 @@ V(function({
 const je = V(function({
   sceneWidth: e,
   sceneDepth: t,
-  sceneType: o,
+  sceneType: i,
   floorPolygon: s,
   cameraPosition: n,
   targetPosition: a,
-  position: c = "bottom-left"
+  position: l = "bottom-left"
 }) {
-  const h = k(() => 130 / Math.max(e, t), [e, t]), g = (d, b) => ({
-    x: 10 + d * h,
-    y: 10 + b * h
-  }), w = k(() => o !== "warehouse" || !s || s.length === 0 ? "" : `M ${s.map((b) => {
-    const j = g(b.x, b.z);
+  const m = _(() => 130 / Math.max(e, t), [e, t]), p = (d, b) => ({
+    x: 10 + d * m,
+    y: 10 + b * m
+  }), w = _(() => i !== "warehouse" || !s || s.length === 0 ? "" : `M ${s.map((b) => {
+    const j = p(b.x, b.z);
     return `${j.x},${j.y}`;
-  }).join(" L ")} Z`, [o, s, h]), m = k(() => {
-    if (o !== "truck") return null;
-    const d = g(0, 0);
+  }).join(" L ")} Z`, [i, s, m]), h = _(() => {
+    if (i !== "truck") return null;
+    const d = p(0, 0);
     return {
       x: d.x,
       y: d.y,
-      width: e * h,
-      height: t * h
+      width: e * m,
+      height: t * m
     };
-  }, [o, e, t, h]), x = n ? g(n.x, n.z) : null, u = a ? g(a.x, a.z) : null;
-  return /* @__PURE__ */ r.jsxs("div", { className: `minimap minimap--${c}`, children: [
+  }, [i, e, t, m]), x = n ? p(n.x, n.z) : null, u = a ? p(a.x, a.z) : null;
+  return /* @__PURE__ */ r.jsxs("div", { className: `minimap minimap--${l}`, children: [
     /* @__PURE__ */ r.jsx("div", { className: "minimap__title", children: "Mapa" }),
     /* @__PURE__ */ r.jsxs(
       "svg",
@@ -2684,14 +2741,14 @@ const je = V(function({
         xmlns: "http://www.w3.org/2000/svg",
         children: [
           /* @__PURE__ */ r.jsx("rect", { width: 150, height: 150, fill: "#1a1a2e" }),
-          o === "warehouse" && w && /* @__PURE__ */ r.jsx("path", { d: w, fill: "rgba(96, 165, 250, 0.15)", stroke: "#60a5fa", strokeWidth: "2" }),
-          o === "truck" && m && /* @__PURE__ */ r.jsx(
+          i === "warehouse" && w && /* @__PURE__ */ r.jsx("path", { d: w, fill: "rgba(96, 165, 250, 0.15)", stroke: "#60a5fa", strokeWidth: "2" }),
+          i === "truck" && h && /* @__PURE__ */ r.jsx(
             "rect",
             {
-              x: m.x,
-              y: m.y,
-              width: m.width,
-              height: m.height,
+              x: h.x,
+              y: h.y,
+              width: h.width,
+              height: h.height,
               fill: "rgba(96, 165, 250, 0.15)",
               stroke: "#60a5fa",
               strokeWidth: "2"
@@ -2701,13 +2758,13 @@ const je = V(function({
             "pattern",
             {
               id: "minimap-grid",
-              width: h,
-              height: h,
+              width: m,
+              height: m,
               patternUnits: "userSpaceOnUse",
               children: /* @__PURE__ */ r.jsx(
                 "path",
                 {
-                  d: `M ${h} 0 L 0 0 0 ${h}`,
+                  d: `M ${m} 0 L 0 0 0 ${m}`,
                   fill: "none",
                   stroke: "rgba(255, 255, 255, 0.08)",
                   strokeWidth: "0.5"
@@ -2715,13 +2772,13 @@ const je = V(function({
               )
             }
           ) }),
-          o === "truck" && m && /* @__PURE__ */ r.jsx(
+          i === "truck" && h && /* @__PURE__ */ r.jsx(
             "rect",
             {
-              x: m.x,
-              y: m.y,
-              width: m.width,
-              height: m.height,
+              x: h.x,
+              y: h.y,
+              width: h.width,
+              height: h.height,
               fill: "url(#minimap-grid)"
             }
           ),
@@ -2760,58 +2817,58 @@ const je = V(function({
     ] })
   ] });
 });
-function _t() {
-  const { camera: i } = Ae(), [e, t] = ae({
-    x: i.position.x,
-    y: i.position.y,
-    z: i.position.z
+function Et() {
+  const { camera: o } = Ae(), [e, t] = ce({
+    x: o.position.x,
+    y: o.position.y,
+    z: o.position.z
   });
-  return fe(() => {
-    let o;
+  return pe(() => {
+    let i;
     const s = () => {
       t({
-        x: i.position.x,
-        y: i.position.y,
-        z: i.position.z
-      }), o = requestAnimationFrame(s);
+        x: o.position.x,
+        y: o.position.y,
+        z: o.position.z
+      }), i = requestAnimationFrame(s);
     };
-    return o = requestAnimationFrame(s), () => {
-      o && cancelAnimationFrame(o);
+    return i = requestAnimationFrame(s), () => {
+      i && cancelAnimationFrame(i);
     };
-  }, [i]), e;
+  }, [o]), e;
 }
-function Me({ onPositionChange: i }) {
-  const e = _t();
-  return fe(() => {
-    i(e);
-  }, [e, i]), null;
+function Me({ onPositionChange: o }) {
+  const e = Et();
+  return pe(() => {
+    o(e);
+  }, [e, o]), null;
 }
-const Yt = V(function({
+const Ft = V(function({
   stackedPallet: e,
   preset: t,
-  selectedBoxId: o,
+  selectedBoxId: i,
   highlightedBoxId: s,
   selectedColor: n,
   highlightedColor: a,
-  showLabels: c = !1,
-  cameraPreset: l = "perspective",
-  showGrid: f = !0,
-  showMiniMap: h = !1,
-  onBoxClick: g,
+  showLabels: l = !1,
+  cameraPreset: c = "perspective",
+  showGrid: g = !0,
+  showMiniMap: m = !1,
+  onBoxClick: p,
   onBoxHover: w,
-  children: m,
+  children: h,
   style: x
 }) {
-  const u = U.MM_TO_M, d = e.floors[0]?.pallet, [b, j] = ae({ x: 0, z: 0 }), E = q((v) => {
+  const u = U.MM_TO_M, d = e.floors[0]?.pallet, [b, j] = ce({ x: 0, z: 0 }), T = q((v) => {
     j({ x: v.x, z: v.z });
-  }, []), S = k(() => d ? {
+  }, []), S = _(() => d ? {
     width: d.dimensions.width * u,
-    height: le(e) * u,
+    height: de(e) * u,
     depth: d.dimensions.depth * u
-  } : { width: 1.2, height: 1, depth: 0.8 }, [d, e, u]), C = k(() => {
-    const v = d ? d.dimensions.width * u / 2 : 0, M = d ? d.dimensions.depth * u / 2 : 0, _ = S.height / 2;
-    return [v, _, M];
-  }, [d, u, S.height]), z = k(() => {
+  } : { width: 1.2, height: 1, depth: 0.8 }, [d, e, u]), C = _(() => {
+    const v = d ? d.dimensions.width * u / 2 : 0, M = d ? d.dimensions.depth * u / 2 : 0, E = S.height / 2;
+    return [v, E, M];
+  }, [d, u, S.height]), z = _(() => {
     const M = Math.sqrt(
       S.width ** 2 + S.height ** 2 + S.depth ** 2
     ) * 3.5;
@@ -2820,19 +2877,19 @@ const Yt = V(function({
       C[1] + M * 0.6,
       C[2] + M * 0.7
     ];
-  }, [C, S]), y = k(() => {
-    if (!f || !d) return null;
-    const v = d.dimensions.width * u, M = d.dimensions.depth * u, _ = 0.2, T = 1e-3, I = [];
-    for (let A = 0; A <= v; A += _)
-      I.push(A, T, 0, A, T, M);
-    for (let A = 0; A <= M; A += _)
-      I.push(0, T, A, v, T, A);
+  }, [C, S]), y = _(() => {
+    if (!g || !d) return null;
+    const v = d.dimensions.width * u, M = d.dimensions.depth * u, E = 0.2, k = 1e-3, I = [];
+    for (let A = 0; A <= v; A += E)
+      I.push(A, k, 0, A, k, M);
+    for (let A = 0; A <= M; A += E)
+      I.push(0, k, A, v, k, A);
     const R = new B.BufferGeometry();
     return R.setAttribute("position", new B.Float32BufferAttribute(I, 3)), R;
-  }, [f, d, u]);
+  }, [g, d, u]);
   return /* @__PURE__ */ r.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
     /* @__PURE__ */ r.jsx(
-      pe,
+      fe,
       {
         shadows: !0,
         camera: {
@@ -2858,14 +2915,14 @@ const Yt = V(function({
           /* @__PURE__ */ r.jsx(
             Se,
             {
-              preset: l,
+              preset: c,
               target: C,
               sceneSize: S,
               minDistance: 0.3,
               maxDistance: Math.max(S.width, S.height, S.depth) * 4
             }
           ),
-          /* @__PURE__ */ r.jsx(Me, { onPositionChange: E }),
+          /* @__PURE__ */ r.jsx(Me, { onPositionChange: T }),
           /* @__PURE__ */ r.jsxs("mesh", { rotation: [-Math.PI / 2, 0, 0], position: [C[0], -2e-3, C[2]], receiveShadow: !0, children: [
             /* @__PURE__ */ r.jsx("planeGeometry", { args: [
               d ? d.dimensions.width * u * 1.5 : 3,
@@ -2873,7 +2930,7 @@ const Yt = V(function({
             ] }),
             /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: "#e0e0e0", roughness: 0.9 })
           ] }),
-          f && y && /* @__PURE__ */ r.jsx("lineSegments", { geometry: y, children: /* @__PURE__ */ r.jsx(
+          g && y && /* @__PURE__ */ r.jsx("lineSegments", { geometry: y, children: /* @__PURE__ */ r.jsx(
             "lineBasicMaterial",
             {
               color: "#aaaaaa",
@@ -2886,20 +2943,20 @@ const Yt = V(function({
             be,
             {
               stackedPallet: e,
-              selectedBoxId: o,
+              selectedBoxId: i,
               highlightedBoxId: s,
               selectedColor: n,
               highlightedColor: a,
-              showLabels: c,
-              onBoxClick: g,
+              showLabels: l,
+              onBoxClick: p,
               onBoxHover: w
             }
           ),
-          m
+          h
         ] })
       }
     ),
-    h && d && /* @__PURE__ */ r.jsx(
+    m && d && /* @__PURE__ */ r.jsx(
       je,
       {
         sceneWidth: S.width,
@@ -2911,35 +2968,35 @@ const Yt = V(function({
       }
     )
   ] });
-}), Ft = V(function({
+}), qt = V(function({
   truck: e,
   preset: t,
-  selectedBoxId: o,
+  selectedBoxId: i,
   highlightedBoxId: s,
   selectedColor: n,
   highlightedColor: a,
-  showLabels: c = !1,
-  showGrid: l,
-  wallOpacity: f = 0.3,
-  showRoof: h = !1,
-  showSideWalls: g = !0,
+  showLabels: l = !1,
+  showGrid: c,
+  wallOpacity: g = 0.3,
+  showRoof: m = !1,
+  showSideWalls: p = !0,
   cameraPreset: w = "perspective",
-  showMiniMap: m = !1,
+  showMiniMap: h = !1,
   onBoxClick: x,
   onBoxHover: u,
   children: d,
   style: b
 }) {
-  const [j, E] = ae({ x: 0, z: 0 }), S = q((R) => {
-    E({ x: R.x, z: R.z });
-  }, []), C = U.MM_TO_M, z = e.dimensions.width * C, y = e.dimensions.height * C, v = e.dimensions.depth * C, M = k(
+  const [j, T] = ce({ x: 0, z: 0 }), S = q((R) => {
+    T({ x: R.x, z: R.z });
+  }, []), C = U.MM_TO_M, z = e.dimensions.width * C, y = e.dimensions.height * C, v = e.dimensions.depth * C, M = _(
     () => [z / 2, y / 2, v / 2],
     [z, y, v]
-  ), _ = k(
+  ), E = _(
     () => ({ width: z, height: y, depth: v }),
     [z, y, v]
-  ), T = k(() => [z * 0.8, y * 1.2, v * 0.4], [z, y, v]), I = k(() => e.pallets.filter((R) => {
-    const A = ot(R, e);
+  ), k = _(() => [z * 0.8, y * 1.2, v * 0.4], [z, y, v]), I = _(() => e.pallets.filter((R) => {
+    const A = it(R, e);
     return A.isValid ? !0 : (console.error(
       `[TruckScene] Palet "${R.id}" fuera de los límites del camión.`,
       "Violaciones:",
@@ -2948,11 +3005,11 @@ const Yt = V(function({
   }), [e]);
   return /* @__PURE__ */ r.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
     /* @__PURE__ */ r.jsx(
-      pe,
+      fe,
       {
         shadows: !0,
         camera: {
-          position: T,
+          position: k,
           fov: 45,
           near: 0.01,
           far: 200
@@ -2964,7 +3021,7 @@ const Yt = V(function({
             {
               preset: w,
               target: M,
-              sceneSize: _,
+              sceneSize: E,
               maxDistance: Math.max(z, y, v) * 3,
               minDistance: 0.5
             }
@@ -2974,10 +3031,10 @@ const Yt = V(function({
             Rt,
             {
               truck: e,
-              showGrid: l,
-              wallOpacity: f,
-              showRoof: h,
-              showSideWalls: g,
+              showGrid: c,
+              wallOpacity: g,
+              showRoof: m,
+              showSideWalls: p,
               children: [
                 I.map((R) => /* @__PURE__ */ r.jsx(
                   be,
@@ -2986,11 +3043,11 @@ const Yt = V(function({
                     position: R.position,
                     yRotation: R.yRotation,
                     palletId: R.id,
-                    selectedBoxId: o,
+                    selectedBoxId: i,
                     highlightedBoxId: s,
                     selectedColor: n,
                     highlightedColor: a,
-                    showLabels: c,
+                    showLabels: l,
                     onBoxClick: x,
                     onBoxHover: u
                   },
@@ -3003,7 +3060,7 @@ const Yt = V(function({
         ] })
       }
     ),
-    m && /* @__PURE__ */ r.jsx(
+    h && /* @__PURE__ */ r.jsx(
       je,
       {
         sceneWidth: z,
@@ -3015,40 +3072,40 @@ const Yt = V(function({
       }
     )
   ] });
-}), qt = V(function({
+}), Jt = V(function({
   room: e,
   preset: t,
-  selectedBoxId: o,
+  selectedBoxId: i,
   highlightedBoxId: s,
   selectedColor: n,
   highlightedColor: a,
-  showLabels: c = !1,
-  cameraPreset: l = "perspective",
-  showMiniMap: f = !1,
-  onBoxClick: h,
-  onBoxHover: g,
+  showLabels: l = !1,
+  cameraPreset: c = "perspective",
+  showMiniMap: g = !1,
+  onBoxClick: m,
+  onBoxHover: p,
   children: w,
-  style: m
+  style: h
 }) {
-  const x = U.MM_TO_M, [u, d] = ae({ x: 0, z: 0 }), b = q((y) => {
+  const x = U.MM_TO_M, [u, d] = ce({ x: 0, z: 0 }), b = q((y) => {
     d({ x: y.x, z: y.z });
-  }, []), { target: j, sceneSize: E, initialCameraPosition: S } = k(() => {
+  }, []), { target: j, sceneSize: T, initialCameraPosition: S } = _(() => {
     const y = e.floorPolygon;
-    let v = 1 / 0, M = -1 / 0, _ = 1 / 0, T = -1 / 0;
+    let v = 1 / 0, M = -1 / 0, E = 1 / 0, k = -1 / 0;
     for (const P of y)
-      v = Math.min(v, P.x * x), M = Math.max(M, P.x * x), _ = Math.min(_, P.z * x), T = Math.max(T, P.z * x);
-    const I = M - v, R = T - _, A = e.ceilingHeight * x, G = (v + M) / 2, D = (_ + T) / 2, H = [G, A / 2, D], F = { width: I, height: A, depth: R }, J = Math.sqrt(I ** 2 + A ** 2 + R ** 2) * 0.8, p = [
+      v = Math.min(v, P.x * x), M = Math.max(M, P.x * x), E = Math.min(E, P.z * x), k = Math.max(k, P.z * x);
+    const I = M - v, R = k - E, A = e.ceilingHeight * x, G = (v + M) / 2, Z = (E + k) / 2, H = [G, A / 2, Z], F = { width: I, height: A, depth: R }, J = Math.sqrt(I ** 2 + A ** 2 + R ** 2) * 0.8, f = [
       G + J * 0.6,
       A + J * 0.5,
-      D + J * 0.6
+      Z + J * 0.6
     ];
     return {
       target: H,
       sceneSize: F,
-      initialCameraPosition: p
+      initialCameraPosition: f
     };
-  }, [e.floorPolygon, e.ceilingHeight, x]), C = k(() => e.floorPolygon.map((y) => ({ x: y.x * x, z: y.z * x })), [e.floorPolygon, x]), z = k(() => e.pallets.filter((y) => {
-    const v = We(y, e);
+  }, [e.floorPolygon, e.ceilingHeight, x]), C = _(() => e.floorPolygon.map((y) => ({ x: y.x * x, z: y.z * x })), [e.floorPolygon, x]), z = _(() => e.pallets.filter((y) => {
+    const v = $e(y, e);
     return v.isValid ? !0 : (console.error(
       `[WarehouseScene] Palet "${y.id}" fuera de los límites de la estancia "${e.name}".`,
       "Violaciones:",
@@ -3057,7 +3114,7 @@ const Yt = V(function({
   }), [e]);
   return /* @__PURE__ */ r.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
     /* @__PURE__ */ r.jsx(
-      pe,
+      fe,
       {
         shadows: !0,
         camera: {
@@ -3066,15 +3123,15 @@ const Yt = V(function({
           near: 0.01,
           far: 300
         },
-        style: { width: "100%", height: "100%", ...m },
+        style: { width: "100%", height: "100%", ...h },
         children: /* @__PURE__ */ r.jsxs(we, { preset: t, children: [
           /* @__PURE__ */ r.jsx(
             Se,
             {
-              preset: l,
+              preset: c,
               target: j,
-              sceneSize: E,
-              maxDistance: Math.max(E.width, E.height, E.depth) * 4,
+              sceneSize: T,
+              maxDistance: Math.max(T.width, T.height, T.depth) * 4,
               minDistance: 0.5
             }
           ),
@@ -3087,13 +3144,13 @@ const Yt = V(function({
                 position: y.position,
                 yRotation: y.yRotation,
                 palletId: y.id,
-                selectedBoxId: o,
+                selectedBoxId: i,
                 highlightedBoxId: s,
                 selectedColor: n,
                 highlightedColor: a,
-                showLabels: c,
-                onBoxClick: h,
-                onBoxHover: g
+                showLabels: l,
+                onBoxClick: m,
+                onBoxHover: p
               },
               y.id
             )),
@@ -3102,11 +3159,11 @@ const Yt = V(function({
         ] })
       }
     ),
-    f && /* @__PURE__ */ r.jsx(
+    g && /* @__PURE__ */ r.jsx(
       je,
       {
-        sceneWidth: E.width,
-        sceneDepth: E.depth,
+        sceneWidth: T.width,
+        sceneDepth: T.depth,
         sceneType: "warehouse",
         floorPolygon: C,
         cameraPosition: u,
@@ -3124,32 +3181,34 @@ export {
   Se as CameraControlsComponent,
   ut as ColumnStrategy,
   xe as DEFAULT_PRESET,
-  Ht as Label,
+  Yt as Label,
   ze as MIN_SUPPORT_PERCENTAGE,
+  pt as MaterialGroupingStrategy,
+  Xt as MultiPalletBuilder,
   Oe as PRESET_INDUSTRIAL,
   Ue as PRESET_UNSTYLED,
-  pt as PackingRegistry,
+  ft as PackingRegistry,
   Mt as PalletComponent,
-  Z as PalletFactory,
+  D as PalletFactory,
   N as PalletMaterial,
-  Yt as PalletScene,
+  Ft as PalletScene,
   we as PresetProvider,
   He as SCENE_PRESETS,
   Ot as SEPARATOR_DEFAULTS,
   ue as STANDARD_PALLETS,
   Ct as SeparatorComponent,
-  me as SeparatorMaterial,
+  ae as SeparatorMaterial,
   be as StackedPalletComponent,
-  De as TRUCK_PRESETS,
+  Ze as TRUCK_PRESETS,
   Rt as TruckEnvironment,
-  Xt as TruckFactory,
-  Ft as TruckScene,
-  ie as TruckType,
+  Dt as TruckFactory,
+  qt as TruckScene,
+  oe as TruckType,
   gt as TypeGroupStrategy,
   U as UNITS,
   Ie as WEIGHT_WARNING_THRESHOLD,
   Pt as WarehouseEnvironment,
-  qt as WarehouseScene,
+  Jt as WarehouseScene,
   ve as aabbIntersects,
   Y as calculateCenterOfGravity,
   ee as calculateStabilityScore,
@@ -3157,14 +3216,14 @@ export {
   Je as ensureUniqueBoxIds,
   L as getBoxBoundingBox,
   se as getPalletBoundingBox,
-  le as getStackedPalletTotalHeight,
+  de as getStackedPalletTotalHeight,
   ye as getStackedPalletTotalWeight,
   mt as pointInPolygon,
-  Nt as usePackingStrategy,
-  Dt as usePalletMetrics,
+  Ut as usePackingStrategy,
+  Nt as usePalletMetrics,
   Zt as usePhysicsValidation,
-  ce as usePreset,
-  Ut as useWarehouseValidation,
+  le as usePreset,
+  Ht as useWarehouseValidation,
   tt as validateAllBoxesInPalletBounds,
   et as validateBoxInPalletBounds,
   at as validateBoxStackability,
@@ -3174,16 +3233,16 @@ export {
   Qe as validateNoBoxCollisions,
   Ke as validateNoPalletCollisions,
   Bt as validatePalletHeight,
-  We as validatePalletInRoom,
-  ot as validatePalletInTruck,
-  it as validatePalletWeight,
+  $e as validatePalletInRoom,
+  it as validatePalletInTruck,
+  ot as validatePalletWeight,
   Lt as validateSeparators,
   ht as validateStability,
-  $t as validateStackDimensions,
+  Wt as validateStackDimensions,
   Gt as validateStackHeight,
   Vt as validateStackWeight,
   lt as validateSupport,
-  Wt as validateTruckWeight,
+  $t as validateTruckWeight,
   rt as validateWeightDistribution
 };
 //# sourceMappingURL=pallet-builder.js.map