@cristiancosano/pallet-builder 0.1.2 → 0.1.3

package/dist/pallet-builder.js

@@ -1,8 +1,8 @@
-import De, { createContext as Ge, useContext as Ve, useMemo as k, useCallback as H, memo as V, useRef as Ee, useEffect as fe, useState as ae } from "react";
+import Le, { createContext as Ge, useContext as Ve, useMemo as k, useCallback as q, memo as V, useRef as Ee, useEffect as pe, useState as ae } from "react";
 import { Html as ke, OrbitControls as Xe } from "@react-three/drei";
-import * as $ from "three";
-import { useThree as Ae, Canvas as pe } from "@react-three/fiber";
-const L = {
+import * as B from "three";
+import { useThree as Ae, Canvas as fe } from "@react-three/fiber";
+const N = {
   WOOD: "WOOD",
   PLASTIC: "PLASTIC",
   METAL: "METAL",
@@ -11,7 +11,7 @@ const L = {
   CARDBOARD: "CARDBOARD",
   WOOD: "WOOD",
   PLASTIC: "PLASTIC"
-}, ie = {
+}, oe = {
   BOX: "BOX",
   REFRIGERATED: "REFRIGERATED",
   FLATBED: "FLATBED",
@@ -21,7 +21,7 @@ const L = {
   /** Palet EUR/EPAL — Estándar europeo (1200×800×144mm, ISO 6780) */
   EUR: {
     dimensions: { width: 1200, height: 144, depth: 800 },
-    material: L.WOOD,
+    material: N.WOOD,
     maxWeight: 1e3,
     maxStackHeight: 2200,
     weight: 25
@@ -29,7 +29,7 @@ const L = {
   /** Palet GMA/Americano — Estándar norteamericano (1219×1016×145mm, 48"×40") */
   GMA: {
     dimensions: { width: 1219, height: 145, depth: 1016 },
-    material: L.WOOD,
+    material: N.WOOD,
     maxWeight: 1200,
     maxStackHeight: 2200,
     weight: 30
@@ -37,7 +37,7 @@ const L = {
   /** Palet UK Standard — Reino Unido (1200×1000×150mm) */
   UK: {
     dimensions: { width: 1200, height: 150, depth: 1e3 },
-    material: L.WOOD,
+    material: N.WOOD,
     maxWeight: 1e3,
     maxStackHeight: 2200,
     weight: 28
@@ -45,7 +45,7 @@ const L = {
   /** Palet asiático estándar — Asia Pallet (1100×1100×150mm, ISO 6780) */
   ASIA: {
     dimensions: { width: 1100, height: 150, depth: 1100 },
-    material: L.WOOD,
+    material: N.WOOD,
     maxWeight: 1e3,
     maxStackHeight: 2200,
     weight: 28
@@ -53,7 +53,7 @@ const L = {
   /** Palet australiano estándar — Australia (1165×1165×150mm) */
   AUSTRALIAN: {
     dimensions: { width: 1165, height: 150, depth: 1165 },
-    material: L.WOOD,
+    material: N.WOOD,
     maxWeight: 1e3,
     maxStackHeight: 2200,
     weight: 29
@@ -61,7 +61,7 @@ const L = {
   /** Medio palet EUR — Half European Pallet (800×600×144mm) */
   HALF_EUR: {
     dimensions: { width: 800, height: 144, depth: 600 },
-    material: L.WOOD,
+    material: N.WOOD,
     maxWeight: 500,
     maxStackHeight: 2200,
     weight: 12
@@ -69,7 +69,7 @@ const L = {
   /** Cuarto de palet EUR — Quarter European Pallet (600×400×144mm) */
   QUARTER_EUR: {
     dimensions: { width: 600, height: 144, depth: 400 },
-    material: L.WOOD,
+    material: N.WOOD,
     maxWeight: 250,
     maxStackHeight: 2200,
     weight: 6
@@ -77,7 +77,7 @@ const L = {
   /** Palet ISO 1 — ISO 6780 (1200×1000×150mm) */
   ISO_1: {
     dimensions: { width: 1200, height: 150, depth: 1e3 },
-    material: L.WOOD,
+    material: N.WOOD,
     maxWeight: 1e3,
     maxStackHeight: 2200,
     weight: 28
@@ -85,7 +85,7 @@ const L = {
   /** Palet ISO 2 — ISO 6780 (1200×800×144mm, equivalente a EUR) */
   ISO_2: {
     dimensions: { width: 1200, height: 144, depth: 800 },
-    material: L.WOOD,
+    material: N.WOOD,
     maxWeight: 1e3,
     maxStackHeight: 2200,
     weight: 25
@@ -93,31 +93,31 @@ const L = {
 };
 ue.GMA;
 const Ze = {
-  [ie.BOX]: {
+  [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
   }
-}, At = {
+}, It = {
   thickness: 10,
   // mm
   weight: 2
   // kg
-}, Y = {
+}, U = {
   MM_TO_M: 1e-3,
   M_TO_MM: 1e3
-}, Ne = 1, Me = 0.6, Oe = 0.9, Le = {
+}, De = 1, ze = 0.6, Ie = 0.9, Ne = {
   id: "unstyled",
   name: "Sin estilo",
   box: {
@@ -162,7 +162,7 @@ const Ze = {
     chassisColor: "#2a2a2a",
     wheelColor: "#1a1a1a"
   }
-}, Ie = {
+}, Oe = {
   id: "industrial",
   name: "Industrial",
   box: {
@@ -207,195 +207,195 @@ const Ze = {
     chassisColor: "#1e1e1e",
     wheelColor: "#111111"
   }
-}, Ye = {
-  unstyled: Le,
-  industrial: Ie
-}, xe = Ie;
-var re = { exports: {} }, ee = {};
-var Pe;
-function Ue() {
-  if (Pe) return ee;
-  Pe = 1;
+}, Ue = {
+  unstyled: Ne,
+  industrial: Oe
+}, xe = Oe;
+var re = { exports: {} }, te = {};
+var Ce;
+function He() {
+  if (Ce) return te;
+  Ce = 1;
   var o = /* @__PURE__ */ Symbol.for("react.transitional.element"), e = /* @__PURE__ */ Symbol.for("react.fragment");
-  function t(i, n, r) {
+  function t(i, s, n) {
     var a = null;
-    if (r !== void 0 && (a = "" + r), n.key !== void 0 && (a = "" + n.key), "key" in n) {
-      r = {};
-      for (var f in n)
-        f !== "key" && (r[f] = n[f]);
-    } else r = n;
-    return n = r.ref, {
+    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]);
+    } else n = s;
+    return s = n.ref, {
       $$typeof: o,
       type: i,
       key: a,
-      ref: n !== void 0 ? n : null,
-      props: r
+      ref: s !== void 0 ? s : null,
+      props: n
     };
   }
-  return ee.Fragment = e, ee.jsx = t, ee.jsxs = t, ee;
+  return te.Fragment = e, te.jsx = t, te.jsxs = t, te;
 }
-var te = {};
-var Re;
-function Fe() {
-  return Re || (Re = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(m) {
-      if (m == null) return null;
-      if (typeof m == "function")
-        return m.$$typeof === R ? null : m.displayName || m.name || null;
-      if (typeof m == "string") return m;
-      switch (m) {
-        case h:
+var ie = {};
+var Pe;
+function Ye() {
+  return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && (function() {
+    function o(f) {
+      if (f == null) return null;
+      if (typeof f == "function")
+        return f.$$typeof === T ? null : f.displayName || f.name || null;
+      if (typeof f == "string") return f;
+      switch (f) {
+        case d:
           return "Fragment";
-        case T:
-          return "Profiler";
         case j:
+          return "Profiler";
+        case b:
           return "StrictMode";
-        case _:
+        case z:
           return "Suspense";
         case y:
           return "SuspenseList";
         case E:
           return "Activity";
       }
-      if (typeof m == "object")
-        switch (typeof m.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."
-        ), m.$$typeof) {
-          case d:
+        ), f.$$typeof) {
+          case u:
             return "Portal";
-          case b:
-            return m.displayName || "Context";
-          case z:
-            return (m._context.displayName || "Context") + ".Consumer";
-          case M:
-            var C = m.render;
-            return m = m.displayName, m || (m = C.displayName || C.name || "", m = m !== "" ? "ForwardRef(" + m + ")" : "ForwardRef"), m;
-          case w:
-            return C = m.displayName || null, C !== null ? C : o(m.type) || "Memo";
           case S:
-            C = m._payload, m = m._init;
+            return f.displayName || "Context";
+          case _:
+            return (f._context.displayName || "Context") + ".Consumer";
+          case C:
+            var P = f.render;
+            return f = f.displayName, f || (f = P.displayName || P.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
+          case v:
+            return P = f.displayName || null, P !== null ? P : o(f.type) || "Memo";
+          case M:
+            P = f._payload, f = f._init;
             try {
-              return o(m(C));
+              return o(f(P));
             } catch {
             }
         }
       return null;
     }
-    function e(m) {
-      return "" + m;
+    function e(f) {
+      return "" + f;
     }
-    function t(m) {
+    function t(f) {
       try {
-        e(m);
-        var C = !1;
+        e(f);
+        var P = !1;
       } catch {
-        C = !0;
+        P = !0;
       }
-      if (C) {
-        C = console;
-        var I = C.error, W = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
-        return I.call(
-          C,
+      if (P) {
+        P = console;
+        var O = P.error, W = 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(m);
+        ), e(f);
       }
     }
-    function i(m) {
-      if (m === h) return "<>";
-      if (typeof m == "object" && m !== null && m.$$typeof === S)
+    function i(f) {
+      if (f === d) return "<>";
+      if (typeof f == "object" && f !== null && f.$$typeof === M)
         return "<...>";
       try {
-        var C = o(m);
-        return C ? "<" + C + ">" : "<...>";
+        var P = o(f);
+        return P ? "<" + P + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function n() {
-      var m = O.A;
-      return m === null ? null : m.getOwner();
+    function s() {
+      var f = I.A;
+      return f === null ? null : f.getOwner();
     }
-    function r() {
+    function n() {
       return Error("react-stack-top-frame");
     }
-    function a(m) {
-      if (P.call(m, "key")) {
-        var C = Object.getOwnPropertyDescriptor(m, "key").get;
-        if (C && C.isReactWarning) return !1;
+    function a(f) {
+      if (R.call(f, "key")) {
+        var P = Object.getOwnPropertyDescriptor(f, "key").get;
+        if (P && P.isReactWarning) return !1;
       }
-      return m.key !== void 0;
+      return f.key !== void 0;
     }
-    function f(m, C) {
-      function I() {
-        N || (N = !0, console.error(
+    function c(f, P) {
+      function O() {
+        D || (D = !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)",
-          C
+          P
         ));
       }
-      I.isReactWarning = !0, Object.defineProperty(m, "key", {
-        get: I,
+      O.isReactWarning = !0, Object.defineProperty(f, "key", {
+        get: O,
         configurable: !0
       });
     }
-    function g() {
-      var m = o(this.type);
-      return U[m] || (U[m] = !0, console.error(
+    function l() {
+      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."
-      )), m = this.props.ref, m !== void 0 ? m : null;
+      )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function v(m, C, I, W, ne, de) {
-      var B = I.ref;
-      return m = {
-        $$typeof: l,
-        type: m,
-        key: C,
-        props: I,
+    function p(f, P, O, W, ne, de) {
+      var $ = O.ref;
+      return f = {
+        $$typeof: x,
+        type: f,
+        key: P,
+        props: O,
         _owner: W
-      }, (B !== void 0 ? B : null) !== null ? Object.defineProperty(m, "ref", {
+      }, ($ !== void 0 ? $ : null) !== null ? Object.defineProperty(f, "ref", {
         enumerable: !1,
-        get: g
-      }) : Object.defineProperty(m, "ref", { enumerable: !1, value: null }), m._store = {}, Object.defineProperty(m._store, "validated", {
+        get: l
+      }) : 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(m, "_debugInfo", {
+      }), Object.defineProperty(f, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(m, "_debugStack", {
+      }), Object.defineProperty(f, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: ne
-      }), Object.defineProperty(m, "_debugTask", {
+      }), Object.defineProperty(f, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: de
-      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function u(m, C, I, W, ne, de) {
-      var B = C.children;
-      if (B !== void 0)
+    function h(f, P, O, W, ne, de) {
+      var $ = P.children;
+      if ($ !== void 0)
         if (W)
-          if (A(B)) {
-            for (W = 0; W < B.length; W++)
-              x(B[W]);
-            Object.freeze && Object.freeze(B);
+          if (A($)) {
+            for (W = 0; W < $.length; W++)
+              g($[W]);
+            Object.freeze && Object.freeze($);
           } 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 x(B);
-      if (P.call(C, "key")) {
-        B = o(m);
-        var Q = Object.keys(C).filter(function(Be) {
-          return Be !== "key";
+        else g($);
+      if (R.call(P, "key")) {
+        $ = o(f);
+        var Q = Object.keys(P).filter(function($e) {
+          return $e !== "key";
         });
-        W = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", J[B + W] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
+        W = 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} />
@@ -403,116 +403,116 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           W,
-          B,
+          $,
           Q,
-          B
-        ), J[B + W] = !0);
+          $
+        ), J[$ + W] = !0);
       }
-      if (B = null, I !== void 0 && (t(I), B = "" + I), a(C) && (t(C.key), B = "" + C.key), "key" in C) {
-        I = {};
-        for (var he in C)
-          he !== "key" && (I[he] = C[he]);
-      } else I = C;
-      return B && f(
-        I,
-        typeof m == "function" ? m.displayName || m.name || "Unknown" : m
-      ), v(
-        m,
-        B,
-        I,
-        n(),
+      if ($ = null, O !== void 0 && (t(O), $ = "" + O), a(P) && (t(P.key), $ = "" + P.key), "key" in P) {
+        O = {};
+        for (var he in P)
+          he !== "key" && (O[he] = P[he]);
+      } else O = P;
+      return $ && c(
+        O,
+        typeof f == "function" ? f.displayName || f.name || "Unknown" : f
+      ), p(
+        f,
+        $,
+        O,
+        s(),
         ne,
         de
       );
     }
-    function x(m) {
-      p(m) ? m._store && (m._store.validated = 1) : typeof m == "object" && m !== null && m.$$typeof === S && (m._payload.status === "fulfilled" ? p(m._payload.value) && m._payload.value._store && (m._payload.value._store.validated = 1) : m._store && (m._store.validated = 1));
+    function g(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 p(m) {
-      return typeof m == "object" && m !== null && m.$$typeof === l;
+    function w(f) {
+      return typeof f == "object" && f !== null && f.$$typeof === x;
     }
-    var c = De, l = /* @__PURE__ */ Symbol.for("react.transitional.element"), d = /* @__PURE__ */ Symbol.for("react.portal"), h = /* @__PURE__ */ Symbol.for("react.fragment"), j = /* @__PURE__ */ Symbol.for("react.strict_mode"), T = /* @__PURE__ */ Symbol.for("react.profiler"), z = /* @__PURE__ */ Symbol.for("react.consumer"), b = /* @__PURE__ */ Symbol.for("react.context"), M = /* @__PURE__ */ Symbol.for("react.forward_ref"), _ = /* @__PURE__ */ Symbol.for("react.suspense"), y = /* @__PURE__ */ Symbol.for("react.suspense_list"), w = /* @__PURE__ */ Symbol.for("react.memo"), S = /* @__PURE__ */ Symbol.for("react.lazy"), E = /* @__PURE__ */ Symbol.for("react.activity"), R = /* @__PURE__ */ Symbol.for("react.client.reference"), O = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, P = Object.prototype.hasOwnProperty, A = Array.isArray, G = console.createTask ? console.createTask : function() {
+    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"), _ = /* @__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"), 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() {
       return null;
     };
-    c = {
-      react_stack_bottom_frame: function(m) {
-        return m();
+    m = {
+      react_stack_bottom_frame: function(f) {
+        return f();
       }
     };
-    var N, U = {}, F = c.react_stack_bottom_frame.bind(
-      c,
-      r
-    )(), X = G(i(r)), J = {};
-    te.Fragment = h, te.jsx = function(m, C, I) {
-      var W = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return u(
-        m,
-        C,
-        I,
+    var D, H = {}, F = m.react_stack_bottom_frame.bind(
+      m,
+      n
+    )(), X = G(i(n)), J = {};
+    ie.Fragment = d, ie.jsx = function(f, P, O) {
+      var W = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return h(
+        f,
+        P,
+        O,
         !1,
         W ? Error("react-stack-top-frame") : F,
-        W ? G(i(m)) : X
+        W ? G(i(f)) : X
       );
-    }, te.jsxs = function(m, C, I) {
-      var W = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return u(
-        m,
-        C,
-        I,
+    }, ie.jsxs = function(f, P, O) {
+      var W = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return h(
+        f,
+        P,
+        O,
         !0,
         W ? Error("react-stack-top-frame") : F,
-        W ? G(i(m)) : X
+        W ? G(i(f)) : X
       );
     };
-  })()), te;
+  })()), ie;
 }
-var _e;
-function He() {
-  return _e || (_e = 1, process.env.NODE_ENV === "production" ? re.exports = Ue() : re.exports = Fe()), re.exports;
+var Re;
+function Fe() {
+  return Re || (Re = 1, process.env.NODE_ENV === "production" ? re.exports = He() : re.exports = Ye()), re.exports;
 }
-var s = He();
-const $e = Ge(xe);
-function ve({ preset: o, children: e }) {
-  const t = k(() => o ? typeof o == "string" ? Ye[o] ?? xe : o : xe, [o]);
-  return /* @__PURE__ */ s.jsx($e.Provider, { value: t, children: e });
+var r = Fe();
+const Be = Ge(xe);
+function we({ preset: o, children: e }) {
+  const t = k(() => o ? typeof o == "string" ? Ue[o] ?? xe : o : xe, [o]);
+  return /* @__PURE__ */ r.jsx(Be.Provider, { value: t, children: e });
 }
 function ce() {
-  return Ve($e);
+  return Ve(Be);
 }
 function le(o) {
   let e = 0;
   for (const t of o.floors) {
     e += t.pallet.dimensions.height;
-    const i = t.boxes.reduce((n, r) => {
-      const a = r.position.y + r.box.dimensions.height;
-      return Math.max(n, a);
+    const i = t.boxes.reduce((s, n) => {
+      const a = n.position.y + n.box.dimensions.height;
+      return Math.max(s, a);
     }, 0);
     e += i, t.separatorAbove && (e += t.separatorAbove.dimensions.height);
   }
   return e;
 }
-function we(o) {
+function ye(o) {
   let e = 0;
   for (const t of o.floors)
-    e += t.pallet.weight, e += t.boxes.reduce((i, n) => i + n.box.weight, 0), t.separatorAbove && (e += t.separatorAbove.weight);
+    e += t.pallet.weight, e += t.boxes.reduce((i, s) => i + s.box.weight, 0), t.separatorAbove && (e += t.separatorAbove.weight);
   return e;
 }
 function qe(o, e) {
-  const t = e || o.id, i = o.floors.map((n, r) => {
-    const a = n.boxes.map((f, g) => {
-      const v = `${t}:f${r}:b${g}`, u = (x) => x.map((p) => {
-        const c = n.boxes.findIndex((l) => l.id === p);
-        return c >= 0 ? `${t}:f${r}:b${c}` : p;
+  const t = e || o.id, i = o.floors.map((s, n) => {
+    const a = s.boxes.map((c, l) => {
+      const p = `${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;
       });
       return {
-        ...f,
-        id: v,
-        supportedBy: u(f.supportedBy),
-        supporting: u(f.supporting)
+        ...c,
+        id: p,
+        supportedBy: h(c.supportedBy),
+        supporting: h(c.supporting)
       };
     });
     return {
-      ...n,
+      ...s,
       boxes: a
     };
   });
@@ -521,7 +521,7 @@ function qe(o, e) {
     floors: i
   };
 }
-function D(o) {
+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]), {
@@ -533,34 +533,34 @@ function D(o) {
     maxZ: o.position.z + t
   };
 }
-function oe(o) {
-  const e = o.stackedPallet, t = e.floors[0].pallet, i = t.dimensions.width, n = t.dimensions.depth, r = le(e), a = o.yRotation * Math.PI / 180, f = Math.cos(a), g = Math.sin(a), u = [
+function se(o) {
+  const e = o.stackedPallet, t = e.floors[0].pallet, i = t.dimensions.width, s = t.dimensions.depth, n = le(e), a = o.yRotation * Math.PI / 180, c = Math.cos(a), l = Math.sin(a), h = [
     { x: 0, z: 0 },
     { x: i, z: 0 },
-    { x: i, z: n },
-    { x: 0, z: n }
-  ].map((d) => ({
-    x: o.position.x + d.x * f + d.z * g,
-    z: o.position.z - d.x * g + d.z * f
-  })), x = Math.min(...u.map((d) => d.x)), p = Math.max(...u.map((d) => d.x)), c = Math.min(...u.map((d) => d.z)), l = Math.max(...u.map((d) => d.z));
+    { x: i, z: s },
+    { x: 0, z: s }
+  ].map((u) => ({
+    x: o.position.x + u.x * c + u.z * l,
+    z: o.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));
   return {
-    minX: x,
-    maxX: p,
+    minX: g,
+    maxX: w,
     minY: o.position.y,
-    maxY: o.position.y + r,
-    minZ: c,
-    maxZ: l
+    maxY: o.position.y + n,
+    minZ: m,
+    maxZ: x
   };
 }
-function ye(o, e, t = Ne) {
+function ve(o, e, t = De) {
   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 Je(o) {
   const e = [];
   for (let t = 0; t < o.length; t++)
     for (let i = t + 1; i < o.length; i++) {
-      const n = D(o[t]), r = D(o[i]);
-      ye(n, r) && e.push({
+      const s = L(o[t]), n = L(o[i]);
+      ve(s, n) && e.push({
         code: "BR-002",
         severity: "error",
         message: `Colisión entre cajas ${o[t].id} y ${o[i].id}`,
@@ -573,8 +573,8 @@ function Qe(o) {
   const e = [];
   for (let t = 0; t < o.length; t++)
     for (let i = t + 1; i < o.length; i++) {
-      const n = oe(o[t]), r = oe(o[i]);
-      ye(n, r) && e.push({
+      const s = se(o[t]), n = se(o[i]);
+      ve(s, n) && e.push({
         code: "BR-003",
         severity: "error",
         message: `Colisión entre palets ${o[t].id} y ${o[i].id}`,
@@ -584,7 +584,7 @@ function Qe(o) {
   return { isValid: e.length === 0, violations: e };
 }
 function Ke(o, e) {
-  const t = [], i = D(o);
+  const t = [], i = L(o);
   return (i.minX < 0 || i.maxX > e.dimensions.width) && t.push({
     code: "BR-001",
     severity: "error",
@@ -605,24 +605,24 @@ function Ke(o, e) {
 function et(o, e) {
   const t = [];
   for (const i of o) {
-    const n = Ke(i, e);
-    t.push(...n.violations);
+    const s = Ke(i, e);
+    t.push(...s.violations);
   }
   return { isValid: t.length === 0, violations: t };
 }
 function tt(o, e) {
-  const t = [], i = oe(o), n = e.dimensions;
-  return (i.minX < 0 || i.maxX > n.width) && t.push({
+  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 ${o.id} sobresale por el ancho del camión`,
     involvedIds: [o.id, e.id]
-  }), (i.minZ < 0 || i.maxZ > n.depth) && t.push({
+  }), (i.minZ < 0 || i.maxZ > s.depth) && t.push({
     code: "BR-402",
     severity: "error",
     message: `Palet ${o.id} sobresale por la profundidad del camión`,
     involvedIds: [o.id, e.id]
-  }), i.maxY > n.height && t.push({
+  }), i.maxY > s.height && t.push({
     code: "BR-404",
     severity: "error",
     message: `Palet ${o.id} excede la altura del camión`,
@@ -630,7 +630,7 @@ function tt(o, e) {
   }), { isValid: t.length === 0, violations: t };
 }
 function Ot(o, e) {
-  const t = [], i = oe(o);
+  const t = [], i = se(o);
   return i.maxY > e && t.push({
     code: "BR-403",
     severity: "error",
@@ -639,22 +639,22 @@ function Ot(o, e) {
   }), { isValid: t.length === 0, violations: t };
 }
 function it(o) {
-  const e = [], t = o.boxes.reduce((n, r) => n + r.box.weight, 0), i = o.pallet.maxWeight;
+  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 (${i}kg)`,
     involvedIds: [o.pallet.id]
-  }) : t > i * Oe && e.push({
+  }) : 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 (${i}kg)`,
     involvedIds: [o.pallet.id]
-  }), { isValid: e.filter((n) => n.severity === "error").length === 0, violations: e };
+  }), { isValid: e.filter((s) => s.severity === "error").length === 0, violations: e };
 }
-function It(o) {
+function Bt(o) {
   const e = [], t = o.pallets.reduce(
-    (i, n) => i + we(n.stackedPallet),
+    (i, s) => i + ye(s.stackedPallet),
     0
   );
   return t > o.maxWeight ? e.push({
@@ -662,7 +662,7 @@ function It(o) {
     severity: "error",
     message: `Peso total (${t.toFixed(1)}kg) excede el máximo del camión (${o.maxWeight}kg)`,
     involvedIds: [o.id]
-  }) : t > o.maxWeight * Oe && e.push({
+  }) : 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 (${o.maxWeight}kg)`,
@@ -673,42 +673,42 @@ function ot(o) {
   const e = [];
   for (const t of o) {
     if (!t.box.fragile) continue;
-    const i = t.box.fragilityMaxWeight ?? 0, n = st(t, o);
-    n > i && e.push({
+    const i = t.box.fragilityMaxWeight ?? 0, s = st(t, o);
+    s > i && e.push({
       code: "BR-103",
       severity: "error",
-      message: `Caja frágil ${t.id} soporta ${n.toFixed(1)}kg (máx: ${i}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 st(o, e) {
-  const t = D(o);
+  const t = L(o);
   let i = 0;
-  for (const n of e) {
-    if (n.id === o.id) continue;
-    const r = D(n);
-    r.minY >= t.maxY - 1 && r.minX < t.maxX && r.maxX > t.minX && r.minZ < t.maxZ && r.maxZ > t.minZ && (i += n.box.weight);
+  for (const s of e) {
+    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 && (i += s.box.weight);
   }
   return i;
 }
 function nt(o, e) {
   const t = [];
   if (e.length === 0) return { isValid: !0, violations: t };
-  const i = e.reduce((g, v) => g + v.box.weight, 0);
+  const i = e.reduce((l, p) => l + p.box.weight, 0);
   if (i === 0) return { isValid: !0, violations: t };
-  let n = 0, r = 0;
-  for (const g of e) {
-    const v = D(g), u = (v.minX + v.maxX) / 2, x = (v.minZ + v.maxZ) / 2;
-    n += u * g.box.weight, r += x * g.box.weight;
-  }
-  n /= i, r /= i;
-  const a = o.dimensions.width / 2, f = o.dimensions.depth / 2;
-  return (Math.abs(n - a) > o.dimensions.width / 6 || Math.abs(r - f) > o.dimensions.depth / 6) && t.push({
+  let s = 0, n = 0;
+  for (const l of e) {
+    const p = L(l), h = (p.minX + p.maxX) / 2, g = (p.minZ + p.maxZ) / 2;
+    s += h * l.box.weight, n += g * l.box.weight;
+  }
+  s /= i, n /= i;
+  const a = o.dimensions.width / 2, c = o.dimensions.depth / 2;
+  return (Math.abs(s - a) > o.dimensions.width / 6 || Math.abs(n - c) > o.dimensions.depth / 6) && t.push({
     code: "BR-104",
     severity: "warning",
-    message: `Centro de gravedad descentrado (${n.toFixed(0)}, ${r.toFixed(0)}) respecto al centro del palet`,
+    message: `Centro de gravedad descentrado (${s.toFixed(0)}, ${n.toFixed(0)}) respecto al centro del palet`,
     involvedIds: [o.id]
   }), { isValid: !0, violations: t };
 }
@@ -716,15 +716,15 @@ function rt(o) {
   const e = [];
   for (const t of o) {
     if (t.box.stackable) continue;
-    const i = D(t);
-    for (const n of o) {
-      if (n.id === t.id) continue;
-      const r = D(n);
-      r.minY >= i.maxY - 1 && r.minX < i.maxX && r.maxX > i.minX && r.minZ < i.maxZ && r.maxZ > i.minZ && e.push({
+    const i = L(t);
+    for (const s of o) {
+      if (s.id === t.id) continue;
+      const n = L(s);
+      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 ${n.id} apilada sobre caja no apilable ${t.id}`,
-        involvedIds: [t.id, n.id]
+        message: `Caja ${s.id} apilada sobre caja no apilable ${t.id}`,
+        involvedIds: [t.id, s.id]
       });
     }
   }
@@ -733,38 +733,38 @@ function rt(o) {
 function at(o) {
   const e = [];
   for (const t of o) {
-    const i = D(t), n = (i.maxX - i.minX) * (i.maxZ - i.minZ);
-    for (const r of o) {
-      if (r.id === t.id) continue;
-      const a = D(r);
+    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 < i.maxY - 1 || a.minX >= i.maxX || a.maxX <= i.minX || a.minZ >= i.maxZ || a.maxZ <= i.minZ) continue;
-      const f = (a.maxX - a.minX) * (a.maxZ - a.minZ);
-      r.box.weight > t.box.weight * 1.5 && f > n * 1.2 && e.push({
+      const c = (a.maxX - a.minX) * (a.maxZ - a.minZ);
+      n.box.weight > t.box.weight * 1.5 && c > s * 1.2 && e.push({
         code: "BR-203",
         severity: "warning",
-        message: `Pirámide invertida: caja ${r.id} (${r.box.weight}kg) sobre caja ${t.id} (${t.box.weight}kg)`,
-        involvedIds: [t.id, r.id]
+        message: `Pirámide invertida: caja ${n.id} (${n.box.weight}kg) sobre caja ${t.id} (${t.box.weight}kg)`,
+        involvedIds: [t.id, n.id]
       });
     }
   }
   return { isValid: !0, violations: e };
 }
-function $t(o) {
+function Wt(o) {
   const e = [];
   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 n = o.floors[i].pallet;
-    (n.dimensions.width !== t.dimensions.width || n.dimensions.depth !== t.dimensions.depth) && e.push({
+    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 ${i}: dimensiones (${n.dimensions.width}×${n.dimensions.depth}) distintas a la base (${t.dimensions.width}×${t.dimensions.depth})`,
-      involvedIds: [t.id, n.id]
+      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 Wt(o) {
+function $t(o) {
   const e = [];
   for (let t = 0; t < o.floors.length - 1; t++)
     o.floors[t].separatorAbove || e.push({
@@ -775,7 +775,7 @@ function Wt(o) {
     });
   return { isValid: e.length === 0, violations: e };
 }
-function Bt(o, e) {
+function Lt(o, e) {
   const t = [], i = le(o);
   return i > e && t.push({
     code: "BR-303",
@@ -784,63 +784,63 @@ function Bt(o, e) {
     involvedIds: [o.id]
   }), { isValid: t.length === 0, violations: t };
 }
-function Dt(o) {
-  const e = [], t = we(o), i = o.floors[0].pallet.maxWeight, n = t - o.floors[0].pallet.weight;
-  return n > i && e.push({
+function Gt(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 (${n.toFixed(1)}kg) excede la capacidad del palet base (${i}kg)`,
+    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 ct(o) {
   const e = [];
   for (const t of o) {
-    const i = D(t);
+    const i = L(t);
     if (i.minY <= 1) continue;
-    const n = (i.maxX - i.minX) * (i.maxZ - i.minZ);
-    let r = 0;
+    const s = (i.maxX - i.minX) * (i.maxZ - i.minZ);
+    let n = 0;
     for (const a of o) {
       if (a.id === t.id) continue;
-      const f = D(a);
-      if (Math.abs(f.maxY - i.minY) > 2) continue;
-      const g = Math.max(0, Math.min(i.maxX, f.maxX) - Math.max(i.minX, f.minX)), v = Math.max(0, Math.min(i.maxZ, f.maxZ) - Math.max(i.minZ, f.minZ));
-      r += g * v;
+      const c = L(a);
+      if (Math.abs(c.maxY - i.minY) > 2) continue;
+      const l = Math.max(0, Math.min(i.maxX, c.maxX) - Math.max(i.minX, c.minX)), p = Math.max(0, Math.min(i.maxZ, c.maxZ) - Math.max(i.minZ, c.minZ));
+      n += l * p;
     }
-    n > 0 && r / n < Me && e.push({
+    s > 0 && n / s < ze && e.push({
       code: "BR-004",
       severity: "error",
-      message: `Caja ${t.id} sin soporte suficiente (${(r / n * 100).toFixed(0)}% < ${Me * 100}%)`,
+      message: `Caja ${t.id} sin soporte suficiente (${(n / s * 100).toFixed(0)}% < ${ze * 100}%)`,
       involvedIds: [t.id]
     });
   }
   return { isValid: e.length === 0, violations: e };
 }
-function q(o) {
+function Y(o) {
   if (o.length === 0) return { x: 0, y: 0, z: 0 };
-  let e = 0, t = 0, i = 0, n = 0;
-  for (const r of o) {
-    const a = D(r), f = (a.minX + a.maxX) / 2, g = (a.minY + a.maxY) / 2, v = (a.minZ + a.maxZ) / 2, u = r.box.weight;
-    t += f * u, i += g * u, n += v * u, e += u;
+  let e = 0, t = 0, i = 0, s = 0;
+  for (const n of o) {
+    const a = L(n), c = (a.minX + a.maxX) / 2, l = (a.minY + a.maxY) / 2, p = (a.minZ + a.maxZ) / 2, h = n.box.weight;
+    t += c * h, i += l * h, s += p * h, e += h;
   }
   return e === 0 ? { x: 0, y: 0, z: 0 } : {
     x: t / e,
     y: i / e,
-    z: n / e
+    z: s / e
   };
 }
-function se(o, e) {
+function ee(o, e) {
   if (e.length === 0) return 100;
-  const t = q(e), i = o.dimensions.width / 2, n = o.dimensions.depth / 2, r = Math.abs(t.x - i) / (o.dimensions.width / 2), a = Math.abs(t.z - n) / (o.dimensions.depth / 2), f = Math.max(0, 100 - (r + a) * 50), g = e.reduce((x, p) => {
-    const c = D(p);
-    return Math.max(x, c.maxY);
-  }, 0), v = g > 0 ? t.y / g : 0, u = Math.max(0, 100 - Math.max(0, v - 0.5) * 100);
-  return Math.round(f * 0.7 + u * 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), c = Math.max(0, 100 - (n + a) * 50), l = e.reduce((g, w) => {
+    const m = L(w);
+    return Math.max(g, m.maxY);
+  }, 0), p = l > 0 ? t.y / l : 0, h = Math.max(0, 100 - Math.max(0, p - 0.5) * 100);
+  return Math.round(c * 0.7 + h * 0.3);
 }
 function lt(o, e) {
   const t = [];
   if (e.length === 0) return { isValid: !0, violations: t };
-  const i = q(e);
+  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",
@@ -851,7 +851,7 @@ function lt(o, e) {
 function dt(o, e) {
   const t = [];
   if (e.length === 0) return { isValid: !0, violations: t };
-  const i = se(o, e);
+  const i = ee(o, e);
   i < 50 ? t.push({
     code: "BR-501",
     severity: "error",
@@ -863,36 +863,36 @@ function dt(o, e) {
     message: `Score de estabilidad mejorable (${i}/100, recomendado: ≥70)`,
     involvedIds: [o.id]
   });
-  const n = q(e), r = e.reduce((a, f) => Math.max(a, D(f).maxY), 0);
-  return r > 0 && n.y > r * 0.6 && t.push({
+  const s = Y(e), n = e.reduce((a, c) => Math.max(a, L(c).maxY), 0);
+  return n > 0 && s.y > n * 0.6 && t.push({
     code: "BR-503",
     severity: "warning",
-    message: `Centro de gravedad alto (${n.y.toFixed(0)}mm, ${(n.y / r * 100).toFixed(0)}% de la altura)`,
+    message: `Centro de gravedad alto (${s.y.toFixed(0)}mm, ${(s.y / n * 100).toFixed(0)}% de la altura)`,
     involvedIds: [o.id]
   }), { isValid: t.filter((a) => a.severity === "error").length === 0, violations: t };
 }
 function ht(o, e) {
   let t = !1;
   const i = e.length;
-  for (let n = 0, r = i - 1; n < i; r = n++) {
-    const a = e[n].x, f = e[n].z, g = e[r].x, v = e[r].z;
-    f > o.z != v > o.z && o.x < (g - a) * (o.z - f) / (v - f) + a && (t = !t);
+  for (let s = 0, n = i - 1; s < i; n = s++) {
+    const a = e[s].x, c = e[s].z, l = e[n].x, p = e[n].z;
+    c > o.z != p > o.z && o.x < (l - a) * (o.z - c) / (p - c) + a && (t = !t);
   }
   return t;
 }
 function We(o, e) {
-  const t = [], i = oe(o), n = [
+  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 r of n)
-    if (!ht(r, e.floorPolygon)) {
+  for (const n of s)
+    if (!ht(n, e.floorPolygon)) {
       t.push({
         code: "BR-401",
         severity: "error",
-        message: `Palet ${o.id} fuera de la estancia ${e.name} en (${r.x}, ${r.z})`,
+        message: `Palet ${o.id} fuera de la estancia ${e.name} en (${n.x}, ${n.z})`,
         involvedIds: [o.id, e.id]
       });
       break;
@@ -908,53 +908,53 @@ class mt {
   id = "column";
   name = "Columnas por tipo";
   pack(e, t) {
-    const i = [], n = [], r = /* @__PURE__ */ new Map();
-    for (const c of e) {
-      const l = c.type ?? c.sku ?? "default";
-      r.has(l) || r.set(l, []), r.get(l).push(c);
+    const i = [], 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);
     }
-    let a = 0, f = 0;
-    for (const [, c] of r) {
-      if (c.length === 0) continue;
-      const l = c[0], d = l.dimensions.width, h = l.dimensions.depth, j = l.dimensions.height;
-      if (a + d > t.dimensions.width) {
-        n.push(...c);
+    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;
+      if (a + u > t.dimensions.width) {
+        s.push(...m);
         continue;
       }
-      let T = 0, z = 0, b = 0;
-      for (; b < c.length; ) {
-        const M = c[b];
-        if (T + h > t.dimensions.depth) {
-          if (T = 0, z += j, z + j > t.maxStackHeight) {
-            n.push(...c.slice(b));
+      let j = 0, _ = 0, S = 0;
+      for (; S < m.length; ) {
+        const C = m[S];
+        if (j + d > t.dimensions.depth) {
+          if (j = 0, _ += b, _ + b > t.maxStackHeight) {
+            s.push(...m.slice(S));
             break;
           }
           continue;
         }
         i.push({
-          id: `placed-${++f}`,
-          box: M,
-          position: { x: a, y: z, z: T },
+          id: `placed-${++c}`,
+          box: C,
+          position: { x: a, y: _, z: j },
           rotation: { x: 0, y: 0, z: 0 },
           supportedBy: [],
           supporting: []
-        }), T += h, b++;
+        }), j += d, S++;
       }
-      a += d;
+      a += u;
     }
-    const g = t.dimensions.width * t.maxStackHeight * t.dimensions.depth, v = i.reduce((c, l) => {
-      const d = l.box.dimensions;
-      return c + d.width * d.height * d.depth;
-    }, 0), u = i.reduce((c, l) => c + l.box.weight, 0), x = q(i), p = se(t, i);
+    const l = t.dimensions.width * t.maxStackHeight * t.dimensions.depth, p = i.reduce((m, x) => {
+      const u = x.box.dimensions;
+      return m + u.width * u.height * u.depth;
+    }, 0), h = i.reduce((m, x) => m + x.box.weight, 0), g = Y(i), w = ee(t, i);
     return {
       placements: i,
       metrics: {
-        volumeUtilization: g > 0 ? v / g : 0,
-        weightUtilization: t.maxWeight > 0 ? u / t.maxWeight : 0,
-        centerOfGravity: x,
-        stabilityScore: p
+        volumeUtilization: l > 0 ? p / l : 0,
+        weightUtilization: t.maxWeight > 0 ? h / t.maxWeight : 0,
+        centerOfGravity: g,
+        stabilityScore: w
       },
-      unplacedBoxes: n
+      unplacedBoxes: s
     };
   }
 }
@@ -962,9 +962,9 @@ class ut {
   id = "bin-packing-3d";
   name = "Bin Packing 3D (FFD Height)";
   pack(e, t) {
-    const i = [], n = [], r = [...e].sort((x, p) => {
-      const c = x.dimensions.width * x.dimensions.height * x.dimensions.depth;
-      return p.dimensions.width * p.dimensions.height * p.dimensions.depth - c;
+    const i = [], 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;
     }), a = [
       {
         x: 0,
@@ -975,69 +975,69 @@ class ut {
         depth: t.dimensions.depth
       }
     ];
-    let f = 0;
-    for (const x of r) {
-      let p = !1;
-      const c = [
-        { w: x.dimensions.width, h: x.dimensions.height, d: x.dimensions.depth, rot: 0 },
-        { w: x.dimensions.depth, h: x.dimensions.height, d: x.dimensions.width, rot: 90 }
+    let c = 0;
+    for (const g 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 }
       ];
-      for (let l = 0; l < a.length && !p; l++) {
-        const d = a[l];
-        for (const h of c)
-          if (h.w <= d.width && h.h <= d.height && h.d <= d.depth) {
-            const j = {
-              id: `placed-${++f}`,
-              box: x,
-              position: { x: d.x, y: d.y, z: d.z },
-              rotation: { x: 0, y: h.rot, z: 0 },
+      for (let x = 0; x < a.length && !w; x++) {
+        const u = a[x];
+        for (const d of m)
+          if (d.w <= u.width && d.h <= u.height && d.d <= u.depth) {
+            const b = {
+              id: `placed-${++c}`,
+              box: g,
+              position: { x: u.x, y: u.y, z: u.z },
+              rotation: { x: 0, y: d.rot, z: 0 },
               supportedBy: [],
               supporting: []
-            }, T = D(j);
+            }, j = L(b);
             if (!i.some(
-              (b) => ye(D(b), T)
+              (S) => ve(L(S), j)
             )) {
-              i.push(j), p = !0, a.splice(l, 1), d.width - h.w > 0 && a.push({
-                x: d.x + h.w,
-                y: d.y,
-                z: d.z,
-                width: d.width - h.w,
-                height: d.height,
-                depth: d.depth
-              }), d.height - h.h > 0 && a.push({
-                x: d.x,
-                y: d.y + h.h,
-                z: d.z,
-                width: h.w,
-                height: d.height - h.h,
-                depth: h.d
-              }), d.depth - h.d > 0 && a.push({
-                x: d.x,
-                y: d.y,
-                z: d.z + h.d,
-                width: h.w,
-                height: d.height,
-                depth: d.depth - h.d
-              }), a.sort((b, M) => b.y - M.y || b.x - M.x || b.z - M.z);
+              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,
+                width: u.width - d.w,
+                height: u.height,
+                depth: u.depth
+              }), u.height - d.h > 0 && a.push({
+                x: u.x,
+                y: u.y + d.h,
+                z: u.z,
+                width: d.w,
+                height: u.height - d.h,
+                depth: d.d
+              }), u.depth - d.d > 0 && a.push({
+                x: u.x,
+                y: u.y,
+                z: u.z + d.d,
+                width: d.w,
+                height: u.height,
+                depth: u.depth - d.d
+              }), a.sort((S, C) => S.y - C.y || S.x - C.x || S.z - C.z);
               break;
             }
           }
       }
-      p || n.push(x);
+      w || s.push(g);
     }
-    const g = t.dimensions.width * t.maxStackHeight * t.dimensions.depth, v = i.reduce((x, p) => {
-      const c = p.box.dimensions;
-      return x + c.width * c.height * c.depth;
-    }, 0), u = i.reduce((x, p) => x + p.box.weight, 0);
+    const l = t.dimensions.width * t.maxStackHeight * t.dimensions.depth, p = i.reduce((g, w) => {
+      const m = w.box.dimensions;
+      return g + m.width * m.height * m.depth;
+    }, 0), h = i.reduce((g, w) => g + w.box.weight, 0);
     return {
       placements: i,
       metrics: {
-        volumeUtilization: g > 0 ? v / g : 0,
-        weightUtilization: t.maxWeight > 0 ? u / t.maxWeight : 0,
-        centerOfGravity: q(i),
-        stabilityScore: se(t, i)
+        volumeUtilization: l > 0 ? p / l : 0,
+        weightUtilization: t.maxWeight > 0 ? h / t.maxWeight : 0,
+        centerOfGravity: Y(i),
+        stabilityScore: ee(t, i)
       },
-      unplacedBoxes: n
+      unplacedBoxes: s
     };
   }
 }
@@ -1045,54 +1045,576 @@ class xt {
   id = "type-group";
   name = "Agrupación por tipo";
   pack(e, t) {
-    const i = [], n = [], r = [...e].sort((l, d) => {
-      const h = l.type ?? l.sku ?? "z", j = d.type ?? d.sku ?? "z";
-      return h !== j ? h.localeCompare(j) : l.fragile !== d.fragile ? l.fragile ? 1 : -1 : d.weight - l.weight;
+    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, f = 0, g = 0, v = 0, u = 0;
-    for (const l of r) {
-      const d = l.dimensions.width, h = l.dimensions.height, j = l.dimensions.depth;
-      if (a + d > t.dimensions.width && (a = 0, f += v > 0 ? j : 0), f + j > t.dimensions.depth && (a = 0, f = 0, g += v, v = 0), g + h > t.maxStackHeight) {
-        n.push(l);
+    let a = 0, c = 0, l = 0, p = 0, h = 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 += p > 0 ? b : 0), c + b > t.dimensions.depth && (a = 0, c = 0, l += p, p = 0), l + d > t.maxStackHeight) {
+        s.push(x);
         continue;
       }
-      if (a + d > t.dimensions.width) {
-        n.push(l);
+      if (a + u > t.dimensions.width) {
+        s.push(x);
         continue;
       }
-      if (f + j > t.dimensions.depth) {
-        n.push(l);
+      if (c + b > t.dimensions.depth) {
+        s.push(x);
         continue;
       }
       i.push({
-        id: `placed-${++u}`,
-        box: l,
-        position: { x: a, y: g, z: f },
+        id: `placed-${++h}`,
+        box: x,
+        position: { x: a, y: l, z: c },
         rotation: { x: 0, y: 0, z: 0 },
         supportedBy: [],
         supporting: []
-      }), a += d, v = Math.max(v, h);
+      }), a += u, p = Math.max(p, d);
     }
-    const x = t.dimensions.width * t.maxStackHeight * t.dimensions.depth, p = i.reduce((l, d) => {
-      const h = d.box.dimensions;
-      return l + h.width * h.height * h.depth;
-    }, 0), c = i.reduce((l, d) => l + d.box.weight, 0);
+    const g = 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 = i.reduce((x, u) => x + u.box.weight, 0);
     return {
       placements: i,
       metrics: {
-        volumeUtilization: x > 0 ? p / x : 0,
-        weightUtilization: t.maxWeight > 0 ? c / t.maxWeight : 0,
-        centerOfGravity: q(i),
-        stabilityScore: se(t, i)
+        volumeUtilization: g > 0 ? w / g : 0,
+        weightUtilization: t.maxWeight > 0 ? m / t.maxWeight : 0,
+        centerOfGravity: Y(i),
+        stabilityScore: ee(t, i)
       },
-      unplacedBoxes: n
+      unplacedBoxes: s
     };
   }
 }
 class gt {
+  id = "material-grouping";
+  name = "Material & Product Grouping";
+  /**
+   * Packs boxes into a pallet using layer-based approach with material ordering
+   *
+   * @param boxes - Boxes to pack
+   * @param pallet - Target pallet
+   * @returns Packing result with placements and metrics
+   */
+  pack(e, t) {
+    if (e.length === 0)
+      return this.emptyResult();
+    const i = this.sortBoxes(e), s = this.groupByMaterialWeight(i), a = this.buildLayers(s, t).flatMap((p) => p.placements), c = e.filter(
+      (p) => !a.some((h) => h.box.id === p.id)
+    ), l = this.calculateMetrics(a, t);
+    return {
+      placements: a,
+      metrics: l,
+      unplacedBoxes: c
+    };
+  }
+  // ─── Phase 1: Sorting ──────────────────────────────────────────────
+  /**
+   * Sorts boxes by multiple criteria:
+   * 1. Material weight (descending) - more resistant boxes first
+   * 2. Product (alphabetical) - group same products together
+   * 3. Base area (descending) - larger boxes first for stable base
+   * 4. Height (descending) - taller boxes first for better layer filling
+   *
+   * @param boxes - Boxes to sort
+   * @returns Sorted boxes array
+   */
+  sortBoxes(e) {
+    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 = i.product ?? "";
+      if (a !== c)
+        return a.localeCompare(c);
+      const l = t.dimensions.width * t.dimensions.depth, p = i.dimensions.width * i.dimensions.depth;
+      return l !== p ? p - l : i.dimensions.height - t.dimensions.height;
+    });
+  }
+  /**
+   * Groups boxes by material weight for layer construction
+   *
+   * @param boxes - Sorted boxes
+   * @returns Map of material weight → boxes with that weight
+   */
+  groupByMaterialWeight(e) {
+    const t = /* @__PURE__ */ new Map();
+    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((i, s) => s[0] - i[0]));
+  }
+  // ─── Phase 2: Layer Construction ──────────────────────────────────
+  /**
+   * Builds layers from bottom to top, processing each material weight group
+   *
+   * @param materialGroups - Boxes grouped by material weight
+   * @param pallet - Target pallet
+   * @returns Array of layers
+   */
+  buildLayers(e, t) {
+    const i = [], s = /* @__PURE__ */ new Map(), n = [];
+    let a = 0;
+    for (const [, c] of e) {
+      let l = [...c];
+      for (; l.length > 0; ) {
+        const p = this.buildNextLayer(
+          l,
+          t,
+          a,
+          s,
+          n
+        );
+        if (p.placements.length === 0)
+          break;
+        i.push(p), n.push(...p.placements), a += p.height;
+        const h = new Set(p.placements.map((g) => g.box.id));
+        if (l = l.filter((g) => !h.has(g.id)), a >= t.maxStackHeight)
+          break;
+      }
+    }
+    return i;
+  }
+  /**
+   * Builds the next layer using available boxes
+   *
+   * Strategy:
+   * 1. Try uniform height layer with 100% coverage
+   * 2. If not possible, try mixed height layer
+   * 3. If still not possible, use partial coverage (last resort)
+   *
+   * @param availableBoxes - Boxes available for this layer
+   * @param pallet - Target pallet
+   * @param currentY - Current vertical position
+   * @param occupiedColumns - Track which (x,z) positions have which product
+   * @param allPreviousPlacements - All placements from previous layers (for support calculation)
+   * @returns Constructed layer
+   */
+  buildNextLayer(e, t, i, s, n) {
+    const a = this.tryUniformHeightLayer(
+      e,
+      t,
+      i,
+      s,
+      n
+    );
+    if (a && a.coverage >= 95)
+      return a;
+    const c = this.tryMixedHeightLayer(
+      e,
+      t,
+      i,
+      s,
+      n
+    );
+    return c && c.coverage >= 95 ? c : ((a?.coverage ?? 0) > (c?.coverage ?? 0) ? a : c) ?? this.emptyLayer(i);
+  }
+  /**
+   * Attempts to create a layer with boxes of uniform height
+   *
+   * @param boxes - Available boxes
+   * @param pallet - Target pallet
+   * @param currentY - Current vertical position
+   * @param occupiedColumns - Occupied column tracker
+   * @param allPreviousPlacements - All placements from previous layers
+   * @returns Layer or null if not possible
+   */
+  tryUniformHeightLayer(e, t, i, s, n) {
+    const a = /* @__PURE__ */ new Map();
+    for (const l of e) {
+      const p = l.dimensions.height;
+      a.has(p) || a.set(p, []), a.get(p).push(l);
+    }
+    const c = [...a.entries()].sort(
+      (l, p) => p[1].length - l[1].length
+    );
+    for (const [l, p] of c) {
+      if (i + l > t.maxStackHeight)
+        continue;
+      const h = this.placeBoxesInLayer(
+        p,
+        t,
+        i,
+        l,
+        s,
+        n
+      );
+      if (h.coverage >= 95)
+        return h;
+    }
+    return null;
+  }
+  /**
+   * Attempts to create a layer with boxes of mixed heights
+   *
+   * @param boxes - Available boxes
+   * @param pallet - Target pallet
+   * @param currentY - Current vertical position
+   * @param occupiedColumns - Occupied column tracker
+   * @param allPreviousPlacements - All placements from previous layers
+   * @returns Layer or null if not possible
+   */
+  tryMixedHeightLayer(e, t, i, s, n) {
+    return this.placeBoxesInLayer(
+      e,
+      t,
+      i,
+      null,
+      s,
+      n
+    );
+  }
+  // ─── Phase 3: Maximal Rectangles 2D Packing ───────────────────────
+  /**
+   * Places boxes in a layer using Maximal Rectangles algorithm
+   *
+   * @param boxes - Boxes to place
+   * @param pallet - Target pallet
+   * @param currentY - Y coordinate of this layer
+   * @param targetHeight - If specified, only use boxes of this height
+   * @param occupiedColumns - Track product columns
+   * @param allPreviousPlacements - All placements from previous layers (for support calculation)
+   * @returns Constructed layer
+   */
+  placeBoxesInLayer(e, t, i, s, n, a) {
+    const c = [
+      {
+        x: 0,
+        z: 0,
+        width: t.dimensions.width,
+        depth: t.dimensions.depth
+      }
+    ], l = [], h = [...this.groupByProduct(e).entries()].sort(
+      (u, d) => d[1].length - u[1].length
+    );
+    let g = 0;
+    for (const [u, d] of h) {
+      const b = s ? d.filter((j) => j.dimensions.height === s) : d;
+      for (const j of b) {
+        if (i + j.dimensions.height > t.maxStackHeight)
+          continue;
+        const _ = [
+          {
+            width: j.dimensions.width,
+            depth: j.dimensions.depth,
+            rotation: 0
+          },
+          {
+            width: j.dimensions.depth,
+            depth: j.dimensions.width,
+            rotation: 90
+          }
+        ];
+        for (const S of _) {
+          const C = [
+            ...a,
+            ...l
+          ], z = this.findBestRectangle(
+            S,
+            c,
+            n,
+            u,
+            i,
+            C
+          );
+          if (z) {
+            const y = {
+              id: `placed-${++g}`,
+              box: j,
+              position: { x: z.x, y: i, z: z.z },
+              rotation: { x: 0, y: S.rotation, z: 0 },
+              supportedBy: [],
+              supporting: []
+            };
+            l.push(y), this.updateOccupiedColumns(
+              n,
+              z.x,
+              z.z,
+              u
+            ), this.updateFreeRectangles(
+              c,
+              z,
+              S.width,
+              S.depth
+            );
+            break;
+          }
+        }
+      }
+    }
+    const w = t.dimensions.width * t.dimensions.depth, m = l.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;
+    return {
+      y: i,
+      height: x,
+      placements: l,
+      coverage: m / w * 100
+    };
+  }
+  /**
+   * Finds the best free rectangle for a box using scoring
+   *
+   * @param boxDims - Box dimensions (with rotation applied)
+   * @param freeRectangles - Available free spaces
+   * @param occupiedColumns - Product column tracker
+   * @param product - Product identifier
+   * @param currentY - Current layer Y position
+   * @param existingPlacements - Already placed boxes in this layer and below
+   * @param pallet - Pallet dimensions
+   * @returns Best rectangle or null if none fit
+   */
+  findBestRectangle(e, t, i, s, n, a) {
+    let c = null, l = -1 / 0;
+    for (const p of t)
+      if (e.width <= p.width && e.depth <= p.depth) {
+        const h = this.calculateSupportArea(
+          p.x,
+          p.z,
+          e.width,
+          e.depth,
+          n,
+          a
+        ), g = e.width * e.depth;
+        if (h / g < 0.7 || this.boxExtendsBeyondLowerLayer(
+          p.x,
+          p.z,
+          e.width,
+          e.depth,
+          n,
+          a
+        ))
+          continue;
+        const m = this.scoreRectangle(
+          p,
+          e,
+          i,
+          s
+        );
+        m > l && (l = m, c = p);
+      }
+    return c;
+  }
+  /**
+   * Calculates the area of support a box would have at a given position
+   *
+   * @param x - X position of box
+   * @param z - Z position of box
+   * @param width - Width of box
+   * @param depth - Depth of box
+   * @param currentY - Y position where box will be placed
+   * @param existingPlacements - Boxes already placed in current and previous layers
+   * @param pallet - Pallet dimensions
+   * @returns Supported area in mm²
+   */
+  calculateSupportArea(e, t, i, s, n, a) {
+    let c = 0;
+    if (n === 0)
+      return i * s;
+    for (const l of a) {
+      const p = 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)
+        continue;
+      const m = this.calculateRectangleIntersection(
+        e,
+        t,
+        i,
+        s,
+        l.position.x,
+        l.position.z,
+        p,
+        h
+      );
+      c += m;
+    }
+    return c;
+  }
+  /**
+   * Calculates intersection area between two rectangles
+   *
+   * @returns Intersection area in mm²
+   */
+  calculateRectangleIntersection(e, t, i, s, n, a, c, l) {
+    const p = Math.max(0, Math.min(e + i, n + c) - Math.max(e, n)), h = Math.max(0, Math.min(t + s, a + l) - Math.max(t, a));
+    return p * h;
+  }
+  /**
+   * Checks if a box would extend beyond the footprint of boxes in the layer directly below
+   *
+   * This ensures that boxes in upper layers are always stacked on top of lower boxes,
+   * preventing boxes from "hanging" over edges when there's available space in the lower layer.
+   *
+   * @param x - X position of box
+   * @param z - Z position of box
+   * @param width - Width of box
+   * @param depth - Depth of box
+   * @param currentY - Y position where box will be placed
+   * @param existingPlacements - Boxes already placed in current and previous layers
+   * @returns true if box extends beyond lower layer footprint
+   */
+  boxExtendsBeyondLowerLayer(e, t, i, s, n, a) {
+    if (n === 0)
+      return !1;
+    const c = a.filter((d) => {
+      const b = d.position.y + d.box.dimensions.height;
+      return Math.abs(b - n) <= 1;
+    });
+    if (c.length === 0)
+      return !0;
+    let l = 1 / 0, p = -1 / 0, h = 1 / 0, g = -1 / 0;
+    for (const d of c) {
+      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), p = Math.max(p, d.position.x + b), h = Math.min(h, d.position.z), g = Math.max(g, d.position.z + j);
+    }
+    const w = e + i, m = t + s, x = 1;
+    return e < l - x || w > p + x || t < h - x || m > g + x;
+  }
+  /**
+   * Scores a rectangle position based on multiple criteria
+   *
+   * Higher score = better position
+   *
+   * @param rect - Free rectangle
+   * @param boxDims - Box dimensions
+   * @param occupiedColumns - Product column tracker
+   * @param product - Product identifier
+   * @returns Score value
+   */
+  scoreRectangle(e, t, i, s) {
+    let n = 0;
+    const a = `${e.x},${e.z}`;
+    i.get(a) === s && (n += 100), i.has(a) && i.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;
+  }
+  /**
+   * Updates free rectangles after placing a box (Maximal Rectangles algorithm)
+   *
+   * @param freeRects - Current free rectangles
+   * @param usedRect - Rectangle being used by the new box
+   * @param boxWidth - Width of placed box
+   * @param boxDepth - Depth of placed box
+   */
+  updateFreeRectangles(e, t, i, s) {
+    const n = [];
+    for (let a = e.length - 1; a >= 0; a--) {
+      const c = e[a];
+      this.rectanglesIntersect(c, t, i, 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 + i < c.x + c.width && n.push({
+        x: t.x + i,
+        z: c.z,
+        width: c.x + c.width - (t.x + i),
+        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,
+        z: t.z + s,
+        width: c.width,
+        depth: c.z + c.depth - (t.z + s)
+      }));
+    }
+    e.push(...n), this.removeContainedRectangles(e);
+  }
+  /**
+   * Checks if two rectangles intersect
+   */
+  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 i = e[t];
+      for (let s = 0; s < e.length; s++) {
+        if (t === s) continue;
+        const n = e[s];
+        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;
+        }
+      }
+    }
+  }
+  /**
+   * Updates the occupied columns map after placing a box
+   */
+  updateOccupiedColumns(e, t, i, s) {
+    const n = `${t},${i}`;
+    e.has(n) || e.set(n, s);
+  }
+  // ─── Utility Methods ───────────────────────────────────────────────
+  /**
+   * Groups boxes by product identifier
+   */
+  groupByProduct(e) {
+    const t = /* @__PURE__ */ new Map();
+    for (const i of e) {
+      const s = i.product ?? "default";
+      t.has(s) || t.set(s, []), t.get(s).push(i);
+    }
+    return t;
+  }
+  /**
+   * Creates an empty layer
+   */
+  emptyLayer(e) {
+    return {
+      y: e,
+      height: 0,
+      placements: [],
+      coverage: 0
+    };
+  }
+  /**
+   * Creates an empty packing result
+   */
+  emptyResult() {
+    return {
+      placements: [],
+      metrics: {
+        volumeUtilization: 0,
+        weightUtilization: 0,
+        centerOfGravity: { x: 0, y: 0, z: 0 },
+        stabilityScore: 100
+      },
+      unplacedBoxes: []
+    };
+  }
+  /**
+   * Calculates packing metrics
+   */
+  calculateMetrics(e, t) {
+    const i = 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);
+    return {
+      volumeUtilization: i > 0 ? s / i : 0,
+      weightUtilization: t.maxWeight > 0 ? n / t.maxWeight : 0,
+      centerOfGravity: Y(e),
+      stabilityScore: ee(t, e)
+    };
+  }
+}
+class pt {
   strategies = /* @__PURE__ */ new Map();
   constructor() {
-    this.register(new mt()), this.register(new ut()), this.register(new xt());
+    this.register(new mt()), this.register(new ut()), this.register(new xt()), this.register(new gt());
   }
   register(e) {
     this.strategies.set(e.id, e);
@@ -1113,10 +1635,10 @@ class gt {
     return this.strategies.has(e);
   }
 }
-const ft = new gt();
-let pt = 0;
+const ft = new pt();
+let wt = 0;
 function Te() {
-  return `pallet-${++pt}`;
+  return `pallet-${++wt}`;
 }
 class Z {
   // ═══ Palets estándar internacionales ═══════════════════════════
@@ -1187,7 +1709,7 @@ class Z {
     return {
       id: Te(),
       dimensions: { ...e },
-      material: L.WOOD,
+      material: N.WOOD,
       maxWeight: 1e3,
       maxStackHeight: 2200,
       weight: 25,
@@ -1208,16 +1730,16 @@ class Z {
     }));
   }
 }
-let vt = 0;
-function ze() {
-  return `truck-${++vt}`;
+let yt = 0;
+function _e() {
+  return `truck-${++yt}`;
 }
-class Gt {
+class Vt {
   /** Crea un camión a partir de un preset de tipo */
   static fromPreset(e, t) {
     const i = Ze[e];
     return {
-      id: ze(),
+      id: _e(),
       name: `Camión ${e}`,
       truckType: e,
       dimensions: { ...i.dimensions },
@@ -1230,9 +1752,9 @@ class Gt {
   /** Crea un camión custom con dimensiones y peso arbitrarios */
   static custom(e, t, i) {
     return {
-      id: ze(),
+      id: _e(),
       name: "Camión Custom",
-      truckType: ie.CUSTOM,
+      truckType: oe.CUSTOM,
       dimensions: { ...e },
       maxWeight: t,
       pallets: [],
@@ -1241,73 +1763,119 @@ class Gt {
     };
   }
 }
-let wt = 0;
-function yt() {
-  return `box-${++wt}`;
+let vt = 0;
+function bt() {
+  return `box-${++vt}`;
 }
 class ge {
-  /** Crea una caja con valores por defecto razonables */
+  /**
+   * Creates a box with default values
+   *
+   * @param dims - Box dimensions in millimeters
+   * @param opts - Optional overrides for any Box property
+   * @returns A new Box instance with defaults applied
+   *
+   * @example
+   * const box = BoxFactory.create(
+   *   { width: 600, height: 400, depth: 400 },
+   *   { product: 'PROD-A', materialWeight: 6 }
+   * )
+   */
   static create(e, t) {
     return {
-      id: yt(),
+      id: bt(),
       dimensions: { ...e },
       weight: 5,
+      materialWeight: 5,
+      // Default: medium resistance
       fragile: !1,
       stackable: !0,
       metadata: {},
       ...t
     };
   }
-  /** Caja frágil con peso máximo encima */
+  /**
+   * Creates a fragile box with maximum weight limit
+   *
+   * @param dims - Box dimensions in millimeters
+   * @param fragilityMaxWeight - Maximum weight (kg) this box can support on top
+   * @param opts - Optional overrides
+   * @returns A fragile Box instance
+   *
+   * @example
+   * const fragileBox = BoxFactory.fragile(
+   *   { width: 400, height: 300, depth: 300 },
+   *   10,  // Can support max 10kg on top
+   *   { materialWeight: 0, product: 'PROD-FRAGILE' }
+   * )
+   */
   static fragile(e, t, i) {
     return ge.create(e, {
       fragile: !0,
       fragilityMaxWeight: t,
+      materialWeight: 0,
+      // Fragile boxes go on top
       ...i
     });
   }
-  /** Caja pesada y no apilable */
+  /**
+   * Creates a heavy, non-stackable box
+   *
+   * @param dims - Box dimensions in millimeters
+   * @param weight - Box weight in kilograms
+   * @param opts - Optional overrides
+   * @returns A heavy Box instance
+   *
+   * @example
+   * const heavyBox = BoxFactory.heavy(
+   *   { width: 800, height: 600, depth: 600 },
+   *   50,  // 50kg
+   *   { materialWeight: 8, product: 'PROD-HEAVY' }
+   * )
+   */
   static heavy(e, t, i) {
     return ge.create(e, {
       weight: t,
       stackable: !1,
+      materialWeight: 8,
+      // Heavy boxes have high resistance
       ...i
     });
   }
 }
-function Vt(o, e) {
+function Xt(o, e) {
   return k(() => {
-    const t = Je(o), i = et(o, e), r = it({ pallet: e, boxes: o }), a = ct(o), f = rt(o), g = at(o), v = dt(e, o), u = lt(e, o), x = ot(o), p = nt(e, o), c = [...f.violations, ...g.violations], l = [...v.violations, ...u.violations], d = [
+    const t = Je(o), i = et(o, e), n = it({ pallet: e, boxes: o }), a = ct(o), c = rt(o), l = at(o), p = dt(e, o), h = lt(e, o), g = ot(o), w = nt(e, o), m = [...c.violations, ...l.violations], x = [...p.violations, ...h.violations], u = [
       ...t.violations,
       ...i.violations,
-      ...r.violations,
+      ...n.violations,
       ...a.violations,
-      ...c,
-      ...l,
-      ...x.violations,
-      ...p.violations
+      ...m,
+      ...x,
+      ...g.violations,
+      ...w.violations
     ];
     return {
-      isValid: d.filter((h) => h.severity === "error").length === 0,
-      violations: d,
+      isValid: u.filter((d) => d.severity === "error").length === 0,
+      violations: u,
       collisions: t,
       bounds: i,
-      weight: r,
+      weight: n,
       gravity: a,
       stacking: {
-        isValid: f.isValid,
-        violations: c
+        isValid: c.isValid,
+        violations: m
       },
       stability: {
-        isValid: v.isValid && u.isValid,
-        violations: l
+        isValid: p.isValid && h.isValid,
+        violations: x
       },
-      fragile: x,
-      distribution: p
+      fragile: g,
+      distribution: w
     };
   }, [o, e]);
 }
-function Xt(o) {
+function Zt(o) {
   return k(() => {
     if (!o || o.floors.length === 0)
       return {
@@ -1320,28 +1888,28 @@ function Xt(o) {
         boxCount: 0,
         floorCount: 0
       };
-    const e = le(o), t = we(o), i = o.floors[0].pallet, n = o.floors.flatMap((x) => x.boxes), r = n.length, a = o.floors.length, f = i.dimensions.width * i.maxStackHeight * i.dimensions.depth, g = n.reduce((x, p) => {
-      const c = p.box.dimensions;
-      return x + c.width * c.height * c.depth;
-    }, 0), v = q(n), u = se(i, n);
+    const e = le(o), t = ye(o), i = o.floors[0].pallet, s = o.floors.flatMap((g) => g.boxes), n = s.length, a = o.floors.length, c = i.dimensions.width * i.maxStackHeight * i.dimensions.depth, l = s.reduce((g, w) => {
+      const m = w.box.dimensions;
+      return g + m.width * m.height * m.depth;
+    }, 0), p = Y(s), h = ee(i, s);
     return {
-      volumeUtilization: f > 0 ? g / f : 0,
+      volumeUtilization: c > 0 ? l / c : 0,
       weightUtilization: i.maxWeight > 0 ? t / i.maxWeight : 0,
-      centerOfGravity: v,
-      stabilityScore: u,
+      centerOfGravity: p,
+      stabilityScore: h,
       totalHeight: e,
       totalWeight: t,
-      boxCount: r,
+      boxCount: n,
       floorCount: a
     };
   }, [o]);
 }
-function Zt(o, e = ft) {
+function Dt(o, e = ft) {
   const t = k(
-    () => e.list().map((n) => ({ id: n.id, name: n.name })),
+    () => e.list().map((s) => ({ id: s.id, name: s.name })),
     [e]
-  ), i = H(
-    (n, r) => e.get(o).pack(n, r),
+  ), i = q(
+    (s, n) => e.get(o).pack(s, n),
     [o, e]
   );
   return { availableStrategies: t, pack: i };
@@ -1349,16 +1917,16 @@ function Zt(o, e = ft) {
 function Nt(o) {
   return k(() => {
     const e = [];
-    for (const n of o.pallets) {
-      const r = We(n, o);
-      e.push(...r.violations);
+    for (const s of o.pallets) {
+      const n = We(s, o);
+      e.push(...n.violations);
     }
     const t = Qe(o.pallets), i = [
       ...e,
       ...t.violations
     ];
     return {
-      isValid: i.filter((n) => n.severity === "error").length === 0,
+      isValid: i.filter((s) => s.severity === "error").length === 0,
       violations: i,
       palletInRoom: {
         isValid: e.length === 0,
@@ -1368,76 +1936,87 @@ function Nt(o) {
     };
   }, [o]);
 }
-const bt = V(function({
+const St = V(function({
   placedBox: e,
   selected: t = !1,
   highlighted: i = !1,
-  showLabel: n = !1,
-  color: r,
+  showLabel: s = !1,
+  color: n,
   opacity: a,
-  selectedColor: f,
-  highlightedColor: g,
-  onClick: v,
-  onHover: u
+  selectedColor: c,
+  highlightedColor: l,
+  onClick: p,
+  onHover: h
 }) {
-  const x = Ee(null), p = ce(), { box: c, position: l, rotation: d } = e, h = Y.MM_TO_M, j = r ?? c.color ?? p.box.color, T = a ?? p.box.opacity, z = f ?? p.selection.selectedColor, b = g ?? p.selection.highlightedColor;
-  let M = c.dimensions.width, _ = c.dimensions.depth;
-  (d.y === 90 || d.y === 270) && ([M, _] = [_, M]);
+  const g = Ee(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, _ = c ?? w.selection.selectedColor, S = l ?? w.selection.highlightedColor;
+  let C = m.dimensions.width, z = m.dimensions.depth;
+  (u.y === 90 || u.y === 270) && ([C, z] = [z, C]);
   const y = k(
-    () => [M * h, c.dimensions.height * h, _ * h],
-    [M, _, c.dimensions.height, h]
-  ), w = k(
-    () => new $.Vector3(
-      l.x * h + y[0] / 2,
-      l.y * h + y[1] / 2,
-      l.z * h + y[2] / 2
+    () => [C * d, m.dimensions.height * d, z * d],
+    [C, z, m.dimensions.height, d]
+  ), v = k(
+    () => new B.Vector3(
+      x.x * d + y[0] / 2,
+      x.y * d + y[1] / 2,
+      x.z * d + y[2] / 2
     ),
-    [l, y, h]
-  ), S = t ? z : i ? b : null, E = H(
-    (P) => {
-      P.stopPropagation(), v?.(e.id);
+    [x, y, d]
+  ), M = t ? _ : i ? S : null, E = q(
+    (R) => {
+      R.stopPropagation(), p?.(e.id);
     },
-    [v, e.id]
-  ), R = H(
-    (P) => {
-      P.stopPropagation(), u?.(e.id);
+    [p, e.id]
+  ), T = q(
+    (R) => {
+      R.stopPropagation(), h?.(e.id);
     },
-    [u, e.id]
-  ), O = H(() => {
-    u?.(null);
-  }, [u]);
-  return /* @__PURE__ */ s.jsxs("group", { children: [
-    /* @__PURE__ */ s.jsxs(
+    [h, e.id]
+  ), I = q(() => {
+    h?.(null);
+  }, [h]);
+  return /* @__PURE__ */ r.jsxs("group", { children: [
+    /* @__PURE__ */ r.jsxs(
       "mesh",
       {
-        ref: x,
-        position: w,
+        ref: g,
+        position: v,
         onClick: E,
-        onPointerOver: R,
-        onPointerOut: O,
+        onPointerOver: T,
+        onPointerOut: I,
         castShadow: !0,
         receiveShadow: !0,
         children: [
-          /* @__PURE__ */ s.jsx("boxGeometry", { args: y }),
-          /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ r.jsx("boxGeometry", { args: y }),
+          /* @__PURE__ */ r.jsx(
             "meshStandardMaterial",
             {
-              color: j,
-              transparent: T < 1,
-              opacity: T,
-              roughness: p.box.roughness,
-              metalness: p.box.metalness
+              color: b,
+              transparent: j < 1,
+              opacity: j,
+              roughness: w.box.roughness,
+              metalness: w.box.metalness
             }
           )
         ]
       }
     ),
-    S && /* @__PURE__ */ s.jsxs("mesh", { position: w, children: [
-      /* @__PURE__ */ s.jsx("boxGeometry", { args: y }),
-      /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ r.jsxs("lineSegments", { position: v, children: [
+      /* @__PURE__ */ r.jsx("edgesGeometry", { args: [new B.BoxGeometry(...y)] }),
+      /* @__PURE__ */ r.jsx(
+        "lineBasicMaterial",
+        {
+          color: M ?? "#000000",
+          opacity: M ? 1 : 0.4,
+          transparent: !0
+        }
+      )
+    ] }),
+    M && /* @__PURE__ */ r.jsxs("mesh", { position: v, children: [
+      /* @__PURE__ */ r.jsx("boxGeometry", { args: y }),
+      /* @__PURE__ */ r.jsx(
         "meshBasicMaterial",
         {
-          color: S,
+          color: M,
           wireframe: !0,
           wireframeLinewidth: 1,
           transparent: !0,
@@ -1446,14 +2025,10 @@ const bt = V(function({
         }
       )
     ] }),
-    S && /* @__PURE__ */ s.jsxs("lineSegments", { position: w, renderOrder: 999, children: [
-      /* @__PURE__ */ s.jsx("edgesGeometry", { args: [new $.BoxGeometry(...y)] }),
-      /* @__PURE__ */ s.jsx("lineBasicMaterial", { color: S })
-    ] }),
-    n && /* @__PURE__ */ s.jsx(
+    s && /* @__PURE__ */ r.jsx(
       ke,
       {
-        position: [w.x, w.y + y[1] / 2 + 0.05, w.z],
+        position: [v.x, v.y + y[1] / 2 + 0.05, v.z],
         center: !0,
         style: {
           background: "rgba(0,0,0,0.75)",
@@ -1464,7 +2039,7 @@ const bt = V(function({
           whiteSpace: "nowrap",
           pointerEvents: "none"
         },
-        children: c.sku ?? c.type ?? c.id
+        children: m.sku ?? m.type ?? m.id
       }
     )
   ] });
@@ -1472,54 +2047,54 @@ const bt = V(function({
   pallet: e,
   position: t = { x: 0, y: 0, z: 0 },
   color: i,
-  edgeColor: n
+  edgeColor: s
 }) {
-  const r = ce(), a = i ?? r.pallet.color, f = n ?? r.pallet.edgeColor, g = Y.MM_TO_M, v = e.dimensions, u = k(
-    () => [v.width * g, v.height * g, v.depth * g],
-    [v, g]
-  ), x = k(
-    () => new $.Vector3(
-      t.x * g + u[0] / 2,
-      t.y * g + u[1] / 2,
-      t.z * g + u[2] / 2
+  const n = ce(), a = i ?? n.pallet.color, c = s ?? n.pallet.edgeColor, l = U.MM_TO_M, p = e.dimensions, h = k(
+    () => [p.width * l, p.height * l, p.depth * l],
+    [p, l]
+  ), g = k(
+    () => new B.Vector3(
+      t.x * l + h[0] / 2,
+      t.y * l + h[1] / 2,
+      t.z * l + h[2] / 2
     ),
-    [t, u, g]
+    [t, h, l]
   );
-  return /* @__PURE__ */ s.jsxs("group", { children: [
-    /* @__PURE__ */ s.jsxs("mesh", { position: x, castShadow: !0, receiveShadow: !0, children: [
-      /* @__PURE__ */ s.jsx("boxGeometry", { args: u }),
-      /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: a, roughness: r.pallet.roughness, metalness: r.pallet.metalness })
+  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.jsx("meshStandardMaterial", { color: a, roughness: n.pallet.roughness, metalness: n.pallet.metalness })
     ] }),
-    /* @__PURE__ */ s.jsxs("lineSegments", { position: x, children: [
-      /* @__PURE__ */ s.jsx("edgesGeometry", { args: [new $.BoxGeometry(...u)] }),
-      /* @__PURE__ */ s.jsx("lineBasicMaterial", { color: f })
+    /* @__PURE__ */ r.jsxs("lineSegments", { position: g, children: [
+      /* @__PURE__ */ r.jsx("edgesGeometry", { args: [new B.BoxGeometry(...h)] }),
+      /* @__PURE__ */ r.jsx("lineBasicMaterial", { color: c })
     ] })
   ] });
-}), St = {
+}), Mt = {
   [me.CARDBOARD]: "#b5926b",
   [me.WOOD]: "#c4a26e",
   [me.PLASTIC]: "#90a4ae"
-}, Ct = V(function({
+}, zt = V(function({
   separator: e,
   position: t = { x: 0, y: 0, z: 0 }
 }) {
-  const i = Y.MM_TO_M, n = e.dimensions, r = k(
-    () => [n.width * i, n.height * i, n.depth * i],
-    [n, i]
+  const i = U.MM_TO_M, s = e.dimensions, n = k(
+    () => [s.width * i, s.height * i, s.depth * i],
+    [s, i]
   ), a = k(
-    () => new $.Vector3(
-      t.x * i + r[0] / 2,
-      t.y * i + r[1] / 2,
-      t.z * i + r[2] / 2
+    () => new B.Vector3(
+      t.x * i + n[0] / 2,
+      t.y * i + n[1] / 2,
+      t.z * i + n[2] / 2
     ),
-    [t, r, i]
-  ), f = St[e.material];
-  return /* @__PURE__ */ s.jsxs("mesh", { position: a, receiveShadow: !0, children: [
-    /* @__PURE__ */ s.jsx("boxGeometry", { args: r }),
-    /* @__PURE__ */ s.jsx(
+    [t, n, i]
+  ), c = Mt[e.material];
+  return /* @__PURE__ */ r.jsxs("mesh", { position: a, receiveShadow: !0, children: [
+    /* @__PURE__ */ r.jsx("boxGeometry", { args: n }),
+    /* @__PURE__ */ r.jsx(
       "meshStandardMaterial",
       {
-        color: f,
+        color: c,
         roughness: 0.9,
         metalness: 0,
         transparent: !0,
@@ -1532,107 +2107,107 @@ const bt = V(function({
     stackedPallet: e,
     position: t = { x: 0, y: 0, z: 0 },
     yRotation: i = 0,
-    palletId: n,
-    selectedBoxId: r,
+    palletId: s,
+    selectedBoxId: n,
     highlightedBoxId: a,
-    selectedColor: f,
-    highlightedColor: g,
-    showLabels: v = !1,
-    onBoxClick: u,
-    onBoxHover: x
+    selectedColor: c,
+    highlightedColor: l,
+    showLabels: p = !1,
+    onBoxClick: h,
+    onBoxHover: g
   }) {
-    const p = k(
-      () => qe(e, n),
-      [e, n]
-    ), c = Y.MM_TO_M, l = k(() => i * Math.PI / 180, [i]), d = k(() => {
-      const h = [];
-      let j = 0;
-      for (const T of p.floors) {
-        h.push(j), j += T.pallet.dimensions.height;
-        const z = T.boxes.reduce(
-          (b, M) => Math.max(b, M.position.y + M.box.dimensions.height),
+    const w = k(
+      () => qe(e, s),
+      [e, s]
+    ), m = U.MM_TO_M, x = k(() => i * Math.PI / 180, [i]), u = k(() => {
+      const d = [];
+      let b = 0;
+      for (const j of w.floors) {
+        d.push(b), b += j.pallet.dimensions.height;
+        const _ = j.boxes.reduce(
+          (S, C) => Math.max(S, C.position.y + C.box.dimensions.height),
           0
         );
-        j += z, T.separatorAbove && (j += T.separatorAbove.dimensions.height);
+        b += _, j.separatorAbove && (b += j.separatorAbove.dimensions.height);
       }
-      return h;
-    }, [p]);
-    return /* @__PURE__ */ s.jsx(
+      return d;
+    }, [w]);
+    return /* @__PURE__ */ r.jsx(
       "group",
       {
-        position: [t.x * c, t.y * c, t.z * c],
-        rotation: [0, l, 0],
-        children: p.floors.map((h, j) => {
-          const T = d[j], z = T + h.pallet.dimensions.height;
-          return /* @__PURE__ */ s.jsxs("group", { children: [
-            /* @__PURE__ */ s.jsx(
+        position: [t.x * m, t.y * m, t.z * m],
+        rotation: [0, x, 0],
+        children: w.floors.map((d, b) => {
+          const j = u[b], _ = j + d.pallet.dimensions.height;
+          return /* @__PURE__ */ r.jsxs("group", { children: [
+            /* @__PURE__ */ r.jsx(
               jt,
               {
-                pallet: h.pallet,
-                position: { x: 0, y: T, z: 0 }
+                pallet: d.pallet,
+                position: { x: 0, y: j, z: 0 }
               }
             ),
-            h.boxes.map((b) => /* @__PURE__ */ s.jsx(
-              bt,
+            d.boxes.map((S) => /* @__PURE__ */ r.jsx(
+              St,
               {
                 placedBox: {
-                  ...b,
+                  ...S,
                   position: {
-                    x: b.position.x,
-                    y: b.position.y + z,
-                    z: b.position.z
+                    x: S.position.x,
+                    y: S.position.y + _,
+                    z: S.position.z
                   }
                 },
-                selected: r === b.id,
-                highlighted: a === b.id,
-                selectedColor: f,
-                highlightedColor: g,
-                showLabel: v,
-                onClick: u,
-                onHover: x
+                selected: n === S.id,
+                highlighted: a === S.id,
+                selectedColor: c,
+                highlightedColor: l,
+                showLabel: p,
+                onClick: h,
+                onHover: g
               },
-              b.id
+              S.id
             )),
-            h.separatorAbove && /* @__PURE__ */ s.jsx(
-              Ct,
+            d.separatorAbove && /* @__PURE__ */ r.jsx(
+              zt,
               {
-                separator: h.separatorAbove,
+                separator: d.separatorAbove,
                 position: {
                   x: 0,
-                  y: z + h.boxes.reduce(
-                    (b, M) => Math.max(b, M.position.y + M.box.dimensions.height),
+                  y: _ + d.boxes.reduce(
+                    (S, C) => Math.max(S, C.position.y + C.box.dimensions.height),
                     0
                   ),
                   z: 0
                 }
               }
             )
-          ] }, `floor-${j}`);
+          ] }, `floor-${b}`);
         })
       }
     );
   }
-), Lt = V(function({
+), Ut = V(function({
   text: e,
   position: t,
   visible: i = !0,
-  fontSize: n = 12,
-  color: r = "white",
+  fontSize: s = 12,
+  color: n = "white",
   background: a = "rgba(0,0,0,0.75)"
 }) {
   if (!i) return null;
-  const f = Y.MM_TO_M;
-  return /* @__PURE__ */ s.jsx(
+  const c = U.MM_TO_M;
+  return /* @__PURE__ */ r.jsx(
     ke,
     {
-      position: [t.x * f, t.y * f, t.z * f],
+      position: [t.x * c, t.y * c, t.z * c],
       center: !0,
       style: {
         background: a,
-        color: r,
+        color: n,
         padding: "2px 8px",
         borderRadius: "4px",
-        fontSize: `${n}px`,
+        fontSize: `${s}px`,
         whiteSpace: "nowrap",
         pointerEvents: "none",
         userSelect: "none"
@@ -1640,42 +2215,42 @@ const bt = V(function({
       children: e
     }
   );
-}), Mt = V(
+}), Ct = V(
   function({
     room: e,
     floorColor: t,
     wallColor: i,
-    showGrid: n,
-    children: r
+    showGrid: s,
+    children: n
   }) {
-    const a = ce(), f = t ?? a.warehouse.floorColor, g = i ?? a.warehouse.wallColor, v = n ?? a.warehouse.showGrid, u = Y.MM_TO_M, x = e.ceilingHeight * u, { shape: p, minX: c, maxX: l, minZ: d, maxZ: h } = k(() => {
+    const a = ce(), c = t ?? a.warehouse.floorColor, l = i ?? a.warehouse.wallColor, p = 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 y = e.floorPolygon;
-      let w = 1 / 0, S = -1 / 0, E = 1 / 0, R = -1 / 0;
-      for (const P of y)
-        w = Math.min(w, P.x * u), S = Math.max(S, P.x * u), E = Math.min(E, P.z * u), R = Math.max(R, P.z * u);
-      const O = new $.Shape();
-      O.moveTo(y[0].x * u, -y[0].z * u);
-      for (let P = 1; P < y.length; P++)
-        O.lineTo(y[P].x * u, -y[P].z * u);
-      return O.closePath(), { shape: O, minX: w, maxX: S, minZ: E, maxZ: R };
-    }, [e.floorPolygon, u]), j = k(() => {
-      const y = e.floorPolygon, w = [], S = [];
-      for (let R = 0; R < y.length; R++) {
-        const O = y[R], P = y[(R + 1) % y.length], A = R * 4;
-        w.push(
-          O.x * u,
+      let v = 1 / 0, M = -1 / 0, E = 1 / 0, T = -1 / 0;
+      for (const R of y)
+        v = Math.min(v, R.x * h), M = Math.max(M, R.x * h), E = Math.min(E, R.z * h), T = Math.max(T, R.z * h);
+      const I = new B.Shape();
+      I.moveTo(y[0].x * h, -y[0].z * h);
+      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: E, maxZ: T };
+    }, [e.floorPolygon, h]), b = k(() => {
+      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;
+        v.push(
+          I.x * h,
           0,
-          O.z * u,
-          P.x * u,
+          I.z * h,
+          R.x * h,
           0,
-          P.z * u,
-          P.x * u,
-          x,
-          P.z * u,
-          O.x * u,
-          x,
-          O.z * u
-        ), S.push(
+          R.z * h,
+          R.x * h,
+          g,
+          R.z * h,
+          I.x * h,
+          g,
+          I.z * h
+        ), M.push(
           A,
           A + 1,
           A + 2,
@@ -1684,41 +2259,41 @@ const bt = V(function({
           A + 3
         );
       }
-      const E = new $.BufferGeometry();
-      return E.setAttribute("position", new $.Float32BufferAttribute(w, 3)), E.setIndex(S), E.computeVertexNormals(), E;
-    }, [e.floorPolygon, x, u]), T = l - c, z = h - d, b = (c + l) / 2, M = (d + h) / 2, _ = k(() => {
-      if (!v) return null;
-      const y = 0.5, w = 0.01, S = [];
-      for (let R = c; R <= l; R += y)
-        S.push(R, w, d, R, w, h);
-      for (let R = d; R <= h; R += y)
-        S.push(c, w, R, l, w, R);
-      const E = new $.BufferGeometry();
-      return E.setAttribute("position", new $.Float32BufferAttribute(S, 3)), E;
-    }, [v, c, l, d, h]);
-    return /* @__PURE__ */ s.jsxs("group", { children: [
-      /* @__PURE__ */ s.jsxs("mesh", { rotation: [-Math.PI / 2, 0, 0], position: [0, -5e-3, 0], receiveShadow: !0, children: [
-        /* @__PURE__ */ s.jsx("shapeGeometry", { args: [p] }),
-        /* @__PURE__ */ s.jsx(
+      const E = new B.BufferGeometry();
+      return E.setAttribute("position", new B.Float32BufferAttribute(v, 3)), E.setIndex(M), E.computeVertexNormals(), E;
+    }, [e.floorPolygon, g, h]), j = x - m, _ = d - u, S = (m + x) / 2, C = (u + d) / 2, z = k(() => {
+      if (!p) 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 E = new B.BufferGeometry();
+      return E.setAttribute("position", new B.Float32BufferAttribute(M, 3)), E;
+    }, [p, m, 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: f,
-            side: $.DoubleSide,
+            color: c,
+            side: B.DoubleSide,
             roughness: a.warehouse.floorRoughness
           }
         )
       ] }),
-      /* @__PURE__ */ s.jsx("mesh", { geometry: j, position: [0, 0, 0], receiveShadow: !0, children: /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ r.jsx("mesh", { geometry: b, position: [0, 0, 0], receiveShadow: !0, children: /* @__PURE__ */ r.jsx(
         "meshStandardMaterial",
         {
-          color: g,
-          side: $.DoubleSide,
+          color: l,
+          side: B.DoubleSide,
           roughness: 0.7,
           transparent: !0,
           opacity: a.warehouse.wallOpacity
         }
       ) }),
-      v && _ && /* @__PURE__ */ s.jsx("lineSegments", { geometry: _, children: /* @__PURE__ */ s.jsx(
+      p && z && /* @__PURE__ */ r.jsx("lineSegments", { geometry: z, children: /* @__PURE__ */ r.jsx(
         "lineBasicMaterial",
         {
           color: a.warehouse.gridColor,
@@ -1727,144 +2302,144 @@ const bt = V(function({
           depthWrite: !1
         }
       ) }),
-      /* @__PURE__ */ s.jsx("ambientLight", { intensity: a.warehouse.ambientIntensity }),
-      /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ r.jsx("ambientLight", { intensity: a.warehouse.ambientIntensity }),
+      /* @__PURE__ */ r.jsx(
         "directionalLight",
         {
-          position: [b + T, x * 0.8, M + z],
+          position: [S + j, g * 0.8, C + _],
           intensity: a.warehouse.directionalIntensity,
           castShadow: !0,
           "shadow-mapSize-width": 1024,
           "shadow-mapSize-height": 1024
         }
       ),
-      /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ r.jsx(
         "pointLight",
         {
-          position: [b, x * 0.9, M],
+          position: [S, g * 0.9, C],
           intensity: 0.5,
-          distance: Math.max(T, z) * 2
+          distance: Math.max(j, _) * 2
         }
       ),
-      r
+      n
     ] });
   }
-), K = V(function({ position: e, radius: t, width: i, color: n }) {
-  return /* @__PURE__ */ s.jsxs("group", { position: e, children: [
-    /* @__PURE__ */ s.jsxs("mesh", { rotation: [0, 0, Math.PI / 2], castShadow: !0, children: [
-      /* @__PURE__ */ s.jsx("cylinderGeometry", { args: [t, t, i, 24] }),
-      /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: n, roughness: 0.9, metalness: 0.1 })
+), 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, i, 24] }),
+      /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: s, roughness: 0.9, metalness: 0.1 })
     ] }),
-    /* @__PURE__ */ s.jsxs("mesh", { rotation: [0, 0, Math.PI / 2], children: [
-      /* @__PURE__ */ s.jsx("cylinderGeometry", { args: [t * 0.55, t * 0.55, i + 5e-3, 16] }),
-      /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: "#888888", roughness: 0.3, metalness: 0.7 })
+    /* @__PURE__ */ r.jsxs("mesh", { rotation: [0, 0, Math.PI / 2], children: [
+      /* @__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 })
     ] })
   ] });
 }), Pt = V(function({
   truck: e,
   showGrid: t,
   wallOpacity: i = 0.3,
-  showRoof: n = !1,
-  showSideWalls: r = !0,
+  showRoof: s = !1,
+  showSideWalls: n = !0,
   children: a
 }) {
-  const g = ce().truck, v = t ?? g.showGrid, u = Y.MM_TO_M, x = e.dimensions.width * u, p = e.dimensions.height * u, c = e.dimensions.depth * u, l = 0.05, d = 0.08, h = 0.28, j = 0.18, T = 0.15, z = 0.25, b = h + T, M = b + h + 0.1, _ = M + z / 2 + d / 2, y = x + l * 2, w = x * 0.65, S = p * 0.85, E = 0.15, R = c + l + E, O = _, P = k(() => {
-    if (!v) return null;
-    const G = 0.5, N = _ + 2e-3, U = [];
-    for (let X = 0; X <= x; X += G)
-      U.push(X, N, 0, X, N, c);
-    for (let X = 0; X <= c; X += G)
-      U.push(0, N, X, x, N, X);
-    const F = new $.BufferGeometry();
-    return F.setAttribute("position", new $.Float32BufferAttribute(U, 3)), F;
-  }, [v, x, c, _]), A = k(
-    () => /* @__PURE__ */ s.jsx(
+  const l = ce().truck, p = 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, _ = 0.25, S = d + j, C = S + d + 0.1, z = C + _ / 2 + u / 2, y = g + x * 2, v = g * 0.65, M = w * 0.85, E = 0.15, T = m + x + E, I = z, R = k(() => {
+    if (!p) 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 F = new B.BufferGeometry();
+    return F.setAttribute("position", new B.Float32BufferAttribute(H, 3)), F;
+  }, [p, g, m, z]), A = k(
+    () => /* @__PURE__ */ r.jsx(
       "meshStandardMaterial",
       {
-        color: g.wallColor,
+        color: l.wallColor,
         roughness: 0.5,
         metalness: 0.3,
         transparent: i < 1,
         opacity: i,
-        side: $.DoubleSide,
+        side: B.DoubleSide,
         depthWrite: i >= 0.95
       }
     ),
-    [g.wallColor, i]
+    [l.wallColor, i]
   );
-  return /* @__PURE__ */ s.jsxs("group", { children: [
-    /* @__PURE__ */ s.jsxs(
+  return /* @__PURE__ */ r.jsxs("group", { children: [
+    /* @__PURE__ */ r.jsxs(
       "mesh",
       {
-        position: [x / 2, _, c / 2],
+        position: [g / 2, z, m / 2],
         rotation: [-Math.PI / 2, 0, 0],
         receiveShadow: !0,
         children: [
-          /* @__PURE__ */ s.jsx("planeGeometry", { args: [x, c] }),
-          /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: g.floorColor, roughness: 0.85 })
+          /* @__PURE__ */ r.jsx("planeGeometry", { args: [g, m] }),
+          /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: l.floorColor, roughness: 0.85 })
         ]
       }
     ),
-    /* @__PURE__ */ s.jsxs("mesh", { position: [x / 2, _ - d / 2, c / 2], castShadow: !0, receiveShadow: !0, children: [
-      /* @__PURE__ */ s.jsx("boxGeometry", { args: [x + l * 2, d, c + l] }),
-      /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: g.floorColor, roughness: 0.85, metalness: 0.1 })
+    /* @__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 })
     ] }),
-    r && /* @__PURE__ */ s.jsxs("mesh", { position: [-l / 2, _ + p / 2, c / 2], castShadow: !0, children: [
-      /* @__PURE__ */ s.jsx("boxGeometry", { args: [l, p, c + l] }),
+    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] }),
       A
     ] }),
-    r && /* @__PURE__ */ s.jsxs("mesh", { position: [x + l / 2, _ + p / 2, c / 2], castShadow: !0, children: [
-      /* @__PURE__ */ s.jsx("boxGeometry", { args: [l, p, c + l] }),
+    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] }),
       A
     ] }),
-    /* @__PURE__ */ s.jsxs("mesh", { position: [x / 2, _ + p / 2, c + l / 2], castShadow: !0, children: [
-      /* @__PURE__ */ s.jsx("boxGeometry", { args: [x + l * 2, p, l] }),
+    /* @__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] }),
       A
     ] }),
-    n && /* @__PURE__ */ s.jsxs("mesh", { position: [x / 2, _ + p, c / 2], castShadow: !0, children: [
-      /* @__PURE__ */ s.jsx("boxGeometry", { args: [x + l * 2, l, c + l] }),
+    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] }),
       A
     ] }),
-    v && P && /* @__PURE__ */ s.jsx("lineSegments", { geometry: P, children: /* @__PURE__ */ s.jsx(
+    p && R && /* @__PURE__ */ r.jsx("lineSegments", { geometry: R, children: /* @__PURE__ */ r.jsx(
       "lineBasicMaterial",
       {
-        color: g.gridColor,
+        color: l.gridColor,
         opacity: 0.5,
         transparent: !0,
         depthWrite: !1
       }
     ) }),
-    /* @__PURE__ */ s.jsxs("mesh", { position: [x * 0.25, M, (c + w + E) / 2], castShadow: !0, children: [
-      /* @__PURE__ */ s.jsx("boxGeometry", { args: [0.12, z, c + w + E] }),
-      /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: g.chassisColor, roughness: 0.7, metalness: 0.5 })
+    /* @__PURE__ */ r.jsxs("mesh", { position: [g * 0.25, C, (m + v + E) / 2], castShadow: !0, children: [
+      /* @__PURE__ */ r.jsx("boxGeometry", { args: [0.12, _, m + v + E] }),
+      /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: l.chassisColor, roughness: 0.7, metalness: 0.5 })
     ] }),
-    /* @__PURE__ */ s.jsxs("mesh", { position: [x * 0.75, M, (c + w + E) / 2], castShadow: !0, children: [
-      /* @__PURE__ */ s.jsx("boxGeometry", { args: [0.12, z, c + w + E] }),
-      /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: g.chassisColor, roughness: 0.7, metalness: 0.5 })
+    /* @__PURE__ */ r.jsxs("mesh", { position: [g * 0.75, C, (m + v + E) / 2], castShadow: !0, children: [
+      /* @__PURE__ */ r.jsx("boxGeometry", { args: [0.12, _, m + v + E] }),
+      /* @__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__ */ s.jsxs("mesh", { position: [x / 2, M, c * G], castShadow: !0, children: [
-      /* @__PURE__ */ s.jsx("boxGeometry", { args: [x * 0.6, 0.06, 0.06] }),
-      /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: g.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 })
     ] }, G)),
-    /* @__PURE__ */ s.jsx(K, { position: [-j / 2 - l, b, c * 0.12], radius: h, width: j, color: g.wheelColor }),
-    /* @__PURE__ */ s.jsx(K, { position: [x + j / 2 + l, b, c * 0.12], radius: h, width: j, color: g.wheelColor }),
-    /* @__PURE__ */ s.jsx(K, { position: [-j / 2 - l, b, c * 0.22], radius: h, width: j, color: g.wheelColor }),
-    /* @__PURE__ */ s.jsx(K, { position: [x + j / 2 + l, b, c * 0.22], radius: h, width: j, color: g.wheelColor }),
-    /* @__PURE__ */ s.jsx(K, { position: [-j / 2 - l, b, R + w * 0.5], radius: h, width: j, color: g.wheelColor }),
-    /* @__PURE__ */ s.jsx(K, { position: [x + j / 2 + l, b, R + w * 0.5], radius: h, width: j, color: g.wheelColor }),
-    /* @__PURE__ */ s.jsxs("group", { position: [x / 2, O, R], children: [
-      /* @__PURE__ */ s.jsxs("mesh", { position: [0, S / 2, w / 2], castShadow: !0, receiveShadow: !0, children: [
-        /* @__PURE__ */ s.jsx("boxGeometry", { args: [y, S, w] }),
-        /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: g.cabColor, roughness: 0.4, metalness: 0.3 })
+    /* @__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.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__ */ s.jsxs(
+      /* @__PURE__ */ r.jsxs(
         "mesh",
         {
-          position: [0, S * 0.6, w + 0.01],
+          position: [0, M * 0.6, v + 0.01],
           castShadow: !0,
           children: [
-            /* @__PURE__ */ s.jsx("planeGeometry", { args: [y * 0.75, S * 0.4] }),
-            /* @__PURE__ */ s.jsx(
+            /* @__PURE__ */ r.jsx("planeGeometry", { args: [y * 0.75, M * 0.4] }),
+            /* @__PURE__ */ r.jsx(
               "meshStandardMaterial",
               {
                 color: "#88bbdd",
@@ -1872,15 +2447,15 @@ const bt = V(function({
                 opacity: 0.5,
                 roughness: 0.1,
                 metalness: 0.6,
-                side: $.DoubleSide
+                side: B.DoubleSide
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ s.jsxs("mesh", { position: [-y / 2 - 0.01, S * 0.6, w * 0.55], rotation: [0, Math.PI / 2, 0], children: [
-        /* @__PURE__ */ s.jsx("planeGeometry", { args: [w * 0.5, S * 0.3] }),
-        /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ r.jsxs("mesh", { position: [-y / 2 - 0.01, M * 0.6, v * 0.55], rotation: [0, Math.PI / 2, 0], children: [
+        /* @__PURE__ */ r.jsx("planeGeometry", { args: [v * 0.5, M * 0.3] }),
+        /* @__PURE__ */ r.jsx(
           "meshStandardMaterial",
           {
             color: "#88bbdd",
@@ -1888,13 +2463,13 @@ const bt = V(function({
             opacity: 0.4,
             roughness: 0.1,
             metalness: 0.6,
-            side: $.DoubleSide
+            side: B.DoubleSide
           }
         )
       ] }),
-      /* @__PURE__ */ s.jsxs("mesh", { position: [y / 2 + 0.01, S * 0.6, w * 0.55], rotation: [0, -Math.PI / 2, 0], children: [
-        /* @__PURE__ */ s.jsx("planeGeometry", { args: [w * 0.5, S * 0.3] }),
-        /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ r.jsxs("mesh", { position: [y / 2 + 0.01, M * 0.6, v * 0.55], rotation: [0, -Math.PI / 2, 0], children: [
+        /* @__PURE__ */ r.jsx("planeGeometry", { args: [v * 0.5, M * 0.3] }),
+        /* @__PURE__ */ r.jsx(
           "meshStandardMaterial",
           {
             color: "#88bbdd",
@@ -1902,69 +2477,69 @@ const bt = V(function({
             opacity: 0.4,
             roughness: 0.1,
             metalness: 0.6,
-            side: $.DoubleSide
+            side: B.DoubleSide
           }
         )
       ] }),
-      /* @__PURE__ */ s.jsxs("mesh", { position: [0, S + 0.04, w / 2], children: [
-        /* @__PURE__ */ s.jsx("boxGeometry", { args: [y * 0.95, 0.08, w * 0.9] }),
-        /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: g.cabColor, roughness: 0.4, metalness: 0.3 })
+      /* @__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__ */ s.jsxs("mesh", { position: [0, S + 0.25, w * 0.1], rotation: [-0.3, 0, 0], children: [
-        /* @__PURE__ */ s.jsx("boxGeometry", { args: [y * 0.9, 0.04, w * 0.5] }),
-        /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: g.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__ */ s.jsxs("mesh", { position: [-y * 0.35, S * 0.2, w + 0.02], children: [
-        /* @__PURE__ */ s.jsx("boxGeometry", { args: [y * 0.15, 0.08, 0.02] }),
-        /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: "#ffffcc", emissive: "#ffffaa", emissiveIntensity: 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] }),
+        /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: "#ffffcc", emissive: "#ffffaa", emissiveIntensity: 0.3 })
       ] }),
-      /* @__PURE__ */ s.jsxs("mesh", { position: [y * 0.35, S * 0.2, w + 0.02], children: [
-        /* @__PURE__ */ s.jsx("boxGeometry", { args: [y * 0.15, 0.08, 0.02] }),
-        /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: "#ffffcc", emissive: "#ffffaa", emissiveIntensity: 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] }),
+        /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: "#ffffcc", emissive: "#ffffaa", emissiveIntensity: 0.3 })
       ] }),
-      /* @__PURE__ */ s.jsxs("mesh", { position: [0, 0.06, w + 0.04], castShadow: !0, children: [
-        /* @__PURE__ */ s.jsx("boxGeometry", { args: [y * 1.02, 0.12, 0.06] }),
-        /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: g.chassisColor, roughness: 0.5, metalness: 0.6 })
+      /* @__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 })
       ] })
     ] }),
-    [-1, 1].map((G) => /* @__PURE__ */ s.jsxs(
+    [-1, 1].map((G) => /* @__PURE__ */ r.jsxs(
       "mesh",
       {
         position: [
-          G === -1 ? -l - j * 0.5 : x + l + j * 0.5,
-          b + h * 0.6,
-          c * 0.17
+          G === -1 ? -x - b * 0.5 : g + x + b * 0.5,
+          S + d * 0.6,
+          m * 0.17
         ],
         castShadow: !0,
         children: [
-          /* @__PURE__ */ s.jsx("boxGeometry", { args: [j + 0.04, 0.04, h * 2.5] }),
-          /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: g.chassisColor, roughness: 0.6, metalness: 0.4 })
+          /* @__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 })
         ]
       },
       `fender-rear-${G}`
     )),
-    /* @__PURE__ */ s.jsxs("mesh", { position: [-l / 2 + 0.01, _ + p * 0.3, -0.01], children: [
-      /* @__PURE__ */ s.jsx("boxGeometry", { args: [0.08, 0.12, 0.02] }),
-      /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: "#ff3333", emissive: "#ff0000", emissiveIntensity: 0.3 })
+    /* @__PURE__ */ r.jsxs("mesh", { position: [-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 })
     ] }),
-    /* @__PURE__ */ s.jsxs("mesh", { position: [x + l / 2 - 0.01, _ + p * 0.3, -0.01], children: [
-      /* @__PURE__ */ s.jsx("boxGeometry", { args: [0.08, 0.12, 0.02] }),
-      /* @__PURE__ */ s.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.jsx("boxGeometry", { args: [0.08, 0.12, 0.02] }),
+      /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: "#ff3333", emissive: "#ff0000", emissiveIntensity: 0.3 })
     ] }),
-    /* @__PURE__ */ s.jsx("ambientLight", { intensity: 0.45 }),
-    /* @__PURE__ */ s.jsx(
+    /* @__PURE__ */ r.jsx("ambientLight", { intensity: 0.45 }),
+    /* @__PURE__ */ r.jsx(
       "directionalLight",
       {
-        position: [x / 2, _ + p * 1.5, c * 0.8],
+        position: [g / 2, z + w * 1.5, m * 0.8],
         intensity: 0.75,
         castShadow: !0,
         "shadow-mapSize-width": 1024,
         "shadow-mapSize-height": 1024
       }
     ),
-    /* @__PURE__ */ s.jsx("pointLight", { position: [x / 2, _ + p * 0.7, c / 2], intensity: 0.35 }),
-    /* @__PURE__ */ s.jsx("pointLight", { position: [x / 2, _ + p * 0.9, c * 0.3], intensity: 0.25 }),
-    /* @__PURE__ */ s.jsx("group", { position: [0, _, 0], children: a })
+    /* @__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("group", { position: [0, z, 0], children: a })
   ] });
 });
 function Rt(o, e, t) {
@@ -1976,57 +2551,57 @@ function Rt(o, e, t) {
       front: [0, 1.5, 5],
       side: [5, 1.5, 0]
     }[o];
-  const { width: i, height: n, depth: r } = t, [a, f, g] = e, u = Math.sqrt(i ** 2 + n ** 2 + r ** 2) * 3;
+  const { width: i, height: s, depth: n } = t, [a, c, l] = e, h = Math.sqrt(i ** 2 + s ** 2 + n ** 2) * 3;
   switch (o) {
     case "perspective":
       return [
-        a + u * 0.6,
-        f + u * 0.5,
-        g + u * 0.6
+        a + h * 0.6,
+        c + h * 0.5,
+        l + h * 0.6
       ];
     case "isometric":
       return [
-        a + u * 0.577,
-        f + u * 0.577,
-        g + u * 0.577
+        a + h * 0.577,
+        c + h * 0.577,
+        l + h * 0.577
       ];
     case "top":
-      return [a, f + Math.max(u, n * 2), g];
+      return [a, c + Math.max(h, s * 2), l];
     case "front":
-      return [a, f + n * 0.5, g + Math.max(u, r * 1.5)];
+      return [a, c + s * 0.5, l + Math.max(h, n * 1.5)];
     case "side":
-      return [a + Math.max(u, i * 1.5), f + n * 0.5, g];
+      return [a + Math.max(h, i * 1.5), c + s * 0.5, l];
   }
 }
-const je = V(function({
+const Se = V(function({
   preset: e = "perspective",
   autoRotate: t = !1,
   enablePan: i = !0,
-  enableZoom: n = !0,
-  target: r = [0, 0, 0],
+  enableZoom: s = !0,
+  target: n = [0, 0, 0],
   minDistance: a = 0.5,
-  maxDistance: f = 50,
-  sceneSize: g
+  maxDistance: c = 50,
+  sceneSize: l
 }) {
-  const { camera: v } = Ae(), u = Ee(null);
-  return fe(() => {
-    const x = Rt(e, r, g), p = new $.Vector3(x[0], x[1], x[2]), c = new $.Vector3(...r), l = v.position.clone(), d = 1e3, h = Date.now(), j = () => {
-      const T = Date.now() - h, z = Math.min(T / d, 1), b = 1 - Math.pow(1 - z, 3);
-      v.position.lerpVectors(l, p, b), u.current && (u.current.target.lerp(c, b), u.current.update()), z < 1 && requestAnimationFrame(j);
+  const { camera: p } = Ae(), h = Ee(null);
+  return pe(() => {
+    const g = Rt(e, n, l), w = new B.Vector3(g[0], g[1], g[2]), m = new B.Vector3(...n), x = p.position.clone(), u = 1e3, d = Date.now(), b = () => {
+      const j = Date.now() - d, _ = Math.min(j / u, 1), S = 1 - Math.pow(1 - _, 3);
+      p.position.lerpVectors(x, w, S), h.current && (h.current.target.lerp(m, S), h.current.update()), _ < 1 && requestAnimationFrame(b);
     };
-    j();
-  }, [e, g, v, r]), /* @__PURE__ */ s.jsx(
+    b();
+  }, [e, l, p, n]), /* @__PURE__ */ r.jsx(
     Xe,
     {
-      ref: u,
-      target: r,
+      ref: h,
+      target: n,
       autoRotate: t,
       autoRotateSpeed: 0.5,
       enablePan: i,
-      enableZoom: n,
+      enableZoom: s,
       enableRotate: !0,
       minDistance: a,
-      maxDistance: f,
+      maxDistance: c,
       enableDamping: !0,
       dampingFactor: 0.05,
       rotateSpeed: 0.5,
@@ -2035,7 +2610,7 @@ const je = V(function({
       makeDefault: !0
     }
   );
-}), _t = {
+}), Tt = {
   perspective: { label: "Perspectiva", icon: "📐" },
   isometric: { label: "Isométrica", icon: "🔲" },
   top: { label: "Superior", icon: "⬇️" },
@@ -2047,56 +2622,56 @@ V(function({
   onPresetChange: t,
   position: i = "top-right"
 }) {
-  const n = ["perspective", "isometric", "top", "front", "side"];
-  return /* @__PURE__ */ s.jsxs("div", { className: `view-controls view-controls--${i}`, children: [
-    /* @__PURE__ */ s.jsx("div", { className: "view-controls__title", children: "Vista" }),
-    /* @__PURE__ */ s.jsx("div", { className: "view-controls__buttons", children: n.map((r) => {
-      const { label: a, icon: f } = _t[r], g = e === r;
-      return /* @__PURE__ */ s.jsxs(
+  const s = ["perspective", "isometric", "top", "front", "side"];
+  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 } = Tt[n], l = e === n;
+      return /* @__PURE__ */ r.jsxs(
         "button",
         {
-          className: `view-controls__button ${g ? "view-controls__button--active" : ""}`,
-          onClick: () => t(r),
+          className: `view-controls__button ${l ? "view-controls__button--active" : ""}`,
+          onClick: () => t(n),
           title: a,
           "aria-label": a,
           children: [
-            /* @__PURE__ */ s.jsx("span", { className: "view-controls__icon", role: "img", "aria-hidden": "true", children: f }),
-            /* @__PURE__ */ s.jsx("span", { className: "view-controls__label", children: a })
+            /* @__PURE__ */ r.jsx("span", { className: "view-controls__icon", role: "img", "aria-hidden": "true", children: c }),
+            /* @__PURE__ */ r.jsx("span", { className: "view-controls__label", children: a })
           ]
         },
-        r
+        n
       );
     }) })
   ] });
 });
-const Se = V(function({
+const je = V(function({
   sceneWidth: e,
   sceneDepth: t,
   sceneType: i,
-  floorPolygon: n,
-  cameraPosition: r,
+  floorPolygon: s,
+  cameraPosition: n,
   targetPosition: a,
-  position: f = "bottom-left"
+  position: c = "bottom-left"
 }) {
-  const u = k(() => 130 / Math.max(e, t), [e, t]), x = (h, j) => ({
-    x: 10 + h * u,
-    y: 10 + j * u
-  }), p = k(() => i !== "warehouse" || !n || n.length === 0 ? "" : `M ${n.map((j) => {
-    const T = x(j.x, j.z);
-    return `${T.x},${T.y}`;
-  }).join(" L ")} Z`, [i, n, u]), c = k(() => {
+  const h = k(() => 130 / Math.max(e, t), [e, t]), g = (d, b) => ({
+    x: 10 + d * h,
+    y: 10 + b * h
+  }), w = k(() => i !== "warehouse" || !s || s.length === 0 ? "" : `M ${s.map((b) => {
+    const j = g(b.x, b.z);
+    return `${j.x},${j.y}`;
+  }).join(" L ")} Z`, [i, s, h]), m = k(() => {
     if (i !== "truck") return null;
-    const h = x(0, 0);
+    const d = g(0, 0);
     return {
-      x: h.x,
-      y: h.y,
-      width: e * u,
-      height: t * u
+      x: d.x,
+      y: d.y,
+      width: e * h,
+      height: t * h
     };
-  }, [i, e, t, u]), l = r ? x(r.x, r.z) : null, d = a ? x(a.x, a.z) : null;
-  return /* @__PURE__ */ s.jsxs("div", { className: `minimap minimap--${f}`, children: [
-    /* @__PURE__ */ s.jsx("div", { className: "minimap__title", children: "Mapa" }),
-    /* @__PURE__ */ s.jsxs(
+  }, [i, 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: [
+    /* @__PURE__ */ r.jsx("div", { className: "minimap__title", children: "Mapa" }),
+    /* @__PURE__ */ r.jsxs(
       "svg",
       {
         className: "minimap__canvas",
@@ -2105,31 +2680,31 @@ const Se = V(function({
         viewBox: "0 0 150 150",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ s.jsx("rect", { width: 150, height: 150, fill: "#1a1a2e" }),
-          i === "warehouse" && p && /* @__PURE__ */ s.jsx("path", { d: p, fill: "rgba(96, 165, 250, 0.15)", stroke: "#60a5fa", strokeWidth: "2" }),
-          i === "truck" && c && /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ r.jsx("rect", { width: 150, height: 150, fill: "#1a1a2e" }),
+          i === "warehouse" && w && /* @__PURE__ */ r.jsx("path", { d: w, fill: "rgba(96, 165, 250, 0.15)", stroke: "#60a5fa", strokeWidth: "2" }),
+          i === "truck" && m && /* @__PURE__ */ r.jsx(
             "rect",
             {
-              x: c.x,
-              y: c.y,
-              width: c.width,
-              height: c.height,
+              x: m.x,
+              y: m.y,
+              width: m.width,
+              height: m.height,
               fill: "rgba(96, 165, 250, 0.15)",
               stroke: "#60a5fa",
               strokeWidth: "2"
             }
           ),
-          /* @__PURE__ */ s.jsx("defs", { children: /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ r.jsx("defs", { children: /* @__PURE__ */ r.jsx(
             "pattern",
             {
               id: "minimap-grid",
-              width: u,
-              height: u,
+              width: h,
+              height: h,
               patternUnits: "userSpaceOnUse",
-              children: /* @__PURE__ */ s.jsx(
+              children: /* @__PURE__ */ r.jsx(
                 "path",
                 {
-                  d: `M ${u} 0 L 0 0 0 ${u}`,
+                  d: `M ${h} 0 L 0 0 0 ${h}`,
                   fill: "none",
                   stroke: "rgba(255, 255, 255, 0.08)",
                   strokeWidth: "0.5"
@@ -2137,29 +2712,29 @@ const Se = V(function({
               )
             }
           ) }),
-          i === "truck" && c && /* @__PURE__ */ s.jsx(
+          i === "truck" && m && /* @__PURE__ */ r.jsx(
             "rect",
             {
-              x: c.x,
-              y: c.y,
-              width: c.width,
-              height: c.height,
+              x: m.x,
+              y: m.y,
+              width: m.width,
+              height: m.height,
               fill: "url(#minimap-grid)"
             }
           ),
-          d && /* @__PURE__ */ s.jsxs("g", { children: [
-            /* @__PURE__ */ s.jsx("circle", { cx: d.x, cy: d.y, r: "3", fill: "#f87171", opacity: "0.6" }),
-            /* @__PURE__ */ s.jsx("circle", { cx: d.x, cy: d.y, r: "5", fill: "none", stroke: "#f87171", strokeWidth: "1.5" })
+          u && /* @__PURE__ */ r.jsxs("g", { children: [
+            /* @__PURE__ */ r.jsx("circle", { cx: u.x, cy: u.y, r: "3", fill: "#f87171", opacity: "0.6" }),
+            /* @__PURE__ */ r.jsx("circle", { cx: u.x, cy: u.y, r: "5", fill: "none", stroke: "#f87171", strokeWidth: "1.5" })
           ] }),
-          l && /* @__PURE__ */ s.jsxs("g", { children: [
-            /* @__PURE__ */ s.jsx("circle", { cx: l.x, cy: l.y, r: "4", fill: "#60a5fa" }),
-            d && /* @__PURE__ */ s.jsx(
+          x && /* @__PURE__ */ r.jsxs("g", { children: [
+            /* @__PURE__ */ r.jsx("circle", { cx: x.x, cy: x.y, r: "4", fill: "#60a5fa" }),
+            u && /* @__PURE__ */ r.jsx(
               "line",
               {
-                x1: l.x,
-                y1: l.y,
-                x2: d.x,
-                y2: d.y,
+                x1: x.x,
+                y1: x.y,
+                x2: u.x,
+                y2: u.y,
                 stroke: "#60a5fa",
                 strokeWidth: "1",
                 strokeDasharray: "2,2",
@@ -2170,103 +2745,103 @@ const Se = V(function({
         ]
       }
     ),
-    /* @__PURE__ */ s.jsxs("div", { className: "minimap__legend", children: [
-      /* @__PURE__ */ s.jsxs("div", { className: "minimap__legend-item", children: [
-        /* @__PURE__ */ s.jsx("span", { className: "minimap__legend-dot minimap__legend-dot--camera" }),
-        /* @__PURE__ */ s.jsx("span", { className: "minimap__legend-text", children: "Cámara" })
+    /* @__PURE__ */ r.jsxs("div", { className: "minimap__legend", children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "minimap__legend-item", children: [
+        /* @__PURE__ */ r.jsx("span", { className: "minimap__legend-dot minimap__legend-dot--camera" }),
+        /* @__PURE__ */ r.jsx("span", { className: "minimap__legend-text", children: "Cámara" })
       ] }),
-      /* @__PURE__ */ s.jsxs("div", { className: "minimap__legend-item", children: [
-        /* @__PURE__ */ s.jsx("span", { className: "minimap__legend-dot minimap__legend-dot--target" }),
-        /* @__PURE__ */ s.jsx("span", { className: "minimap__legend-text", children: "Objetivo" })
+      /* @__PURE__ */ r.jsxs("div", { className: "minimap__legend-item", children: [
+        /* @__PURE__ */ r.jsx("span", { className: "minimap__legend-dot minimap__legend-dot--target" }),
+        /* @__PURE__ */ r.jsx("span", { className: "minimap__legend-text", children: "Objetivo" })
       ] })
     ] })
   ] });
 });
-function Tt() {
+function _t() {
   const { camera: o } = Ae(), [e, t] = ae({
     x: o.position.x,
     y: o.position.y,
     z: o.position.z
   });
-  return fe(() => {
+  return pe(() => {
     let i;
-    const n = () => {
+    const s = () => {
       t({
         x: o.position.x,
         y: o.position.y,
         z: o.position.z
-      }), i = requestAnimationFrame(n);
+      }), i = requestAnimationFrame(s);
     };
-    return i = requestAnimationFrame(n), () => {
+    return i = requestAnimationFrame(s), () => {
       i && cancelAnimationFrame(i);
     };
   }, [o]), e;
 }
-function Ce({ onPositionChange: o }) {
-  const e = Tt();
-  return fe(() => {
+function Me({ onPositionChange: o }) {
+  const e = _t();
+  return pe(() => {
     o(e);
   }, [e, o]), null;
 }
-const Yt = V(function({
+const Ht = V(function({
   stackedPallet: e,
   preset: t,
   selectedBoxId: i,
-  highlightedBoxId: n,
-  selectedColor: r,
+  highlightedBoxId: s,
+  selectedColor: n,
   highlightedColor: a,
-  showLabels: f = !1,
-  cameraPreset: g = "perspective",
-  showGrid: v = !0,
-  showMiniMap: u = !1,
-  onBoxClick: x,
-  onBoxHover: p,
-  children: c,
-  style: l
+  showLabels: c = !1,
+  cameraPreset: l = "perspective",
+  showGrid: p = !0,
+  showMiniMap: h = !1,
+  onBoxClick: g,
+  onBoxHover: w,
+  children: m,
+  style: x
 }) {
-  const d = Y.MM_TO_M, h = e.floors[0]?.pallet, [j, T] = ae({ x: 0, z: 0 }), z = H((w) => {
-    T({ x: w.x, z: w.z });
-  }, []), b = k(() => h ? {
-    width: h.dimensions.width * d,
-    height: le(e) * d,
-    depth: h.dimensions.depth * d
-  } : { width: 1.2, height: 1, depth: 0.8 }, [h, e, d]), M = k(() => {
-    const w = h ? h.dimensions.width * d / 2 : 0, S = h ? h.dimensions.depth * d / 2 : 0, E = b.height / 2;
-    return [w, E, S];
-  }, [h, d, b.height]), _ = k(() => {
-    const S = Math.sqrt(
-      b.width ** 2 + b.height ** 2 + b.depth ** 2
+  const u = U.MM_TO_M, d = e.floors[0]?.pallet, [b, j] = ae({ x: 0, z: 0 }), _ = q((v) => {
+    j({ x: v.x, z: v.z });
+  }, []), S = k(() => d ? {
+    width: d.dimensions.width * u,
+    height: le(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, E = S.height / 2;
+    return [v, E, M];
+  }, [d, u, S.height]), z = k(() => {
+    const M = Math.sqrt(
+      S.width ** 2 + S.height ** 2 + S.depth ** 2
     ) * 3.5;
     return [
-      M[0] + S * 0.7,
-      M[1] + S * 0.6,
-      M[2] + S * 0.7
+      C[0] + M * 0.7,
+      C[1] + M * 0.6,
+      C[2] + M * 0.7
     ];
-  }, [M, b]), y = k(() => {
-    if (!v || !h) return null;
-    const w = h.dimensions.width * d, S = h.dimensions.depth * d, E = 0.2, R = 1e-3, O = [];
-    for (let A = 0; A <= w; A += E)
-      O.push(A, R, 0, A, R, S);
-    for (let A = 0; A <= S; A += E)
-      O.push(0, R, A, w, R, A);
-    const P = new $.BufferGeometry();
-    return P.setAttribute("position", new $.Float32BufferAttribute(O, 3)), P;
-  }, [v, h, d]);
-  return /* @__PURE__ */ s.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
-    /* @__PURE__ */ s.jsx(
-      pe,
+  }, [C, S]), y = k(() => {
+    if (!p || !d) return null;
+    const v = d.dimensions.width * u, M = d.dimensions.depth * u, E = 0.2, T = 1e-3, I = [];
+    for (let A = 0; A <= v; A += E)
+      I.push(A, T, 0, A, T, M);
+    for (let A = 0; A <= M; A += E)
+      I.push(0, T, A, v, T, A);
+    const R = new B.BufferGeometry();
+    return R.setAttribute("position", new B.Float32BufferAttribute(I, 3)), R;
+  }, [p, d, u]);
+  return /* @__PURE__ */ r.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ r.jsx(
+      fe,
       {
         shadows: !0,
         camera: {
-          position: _,
+          position: z,
           fov: 45,
           near: 0.01,
           far: 100
         },
-        style: { width: "100%", height: "100%", ...l },
-        children: /* @__PURE__ */ s.jsxs(ve, { preset: t, children: [
-          /* @__PURE__ */ s.jsx("ambientLight", { intensity: 0.4 }),
-          /* @__PURE__ */ s.jsx(
+        style: { width: "100%", height: "100%", ...x },
+        children: /* @__PURE__ */ r.jsxs(we, { preset: t, children: [
+          /* @__PURE__ */ r.jsx("ambientLight", { intensity: 0.4 }),
+          /* @__PURE__ */ r.jsx(
             "directionalLight",
             {
               position: [5, 8, 5],
@@ -2276,26 +2851,26 @@ const Yt = V(function({
               "shadow-mapSize-height": 1024
             }
           ),
-          /* @__PURE__ */ s.jsx("hemisphereLight", { intensity: 0.3, color: "#ffffff", groundColor: "#444444" }),
-          /* @__PURE__ */ s.jsx(
-            je,
+          /* @__PURE__ */ r.jsx("hemisphereLight", { intensity: 0.3, color: "#ffffff", groundColor: "#444444" }),
+          /* @__PURE__ */ r.jsx(
+            Se,
             {
-              preset: g,
-              target: M,
-              sceneSize: b,
+              preset: l,
+              target: C,
+              sceneSize: S,
               minDistance: 0.3,
-              maxDistance: Math.max(b.width, b.height, b.depth) * 4
+              maxDistance: Math.max(S.width, S.height, S.depth) * 4
             }
           ),
-          /* @__PURE__ */ s.jsx(Ce, { onPositionChange: z }),
-          /* @__PURE__ */ s.jsxs("mesh", { rotation: [-Math.PI / 2, 0, 0], position: [M[0], -2e-3, M[2]], receiveShadow: !0, children: [
-            /* @__PURE__ */ s.jsx("planeGeometry", { args: [
-              h ? h.dimensions.width * d * 1.5 : 3,
-              h ? h.dimensions.depth * d * 1.5 : 3
+          /* @__PURE__ */ r.jsx(Me, { onPositionChange: _ }),
+          /* @__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,
+              d ? d.dimensions.depth * u * 1.5 : 3
             ] }),
-            /* @__PURE__ */ s.jsx("meshStandardMaterial", { color: "#e0e0e0", roughness: 0.9 })
+            /* @__PURE__ */ r.jsx("meshStandardMaterial", { color: "#e0e0e0", roughness: 0.9 })
           ] }),
-          v && y && /* @__PURE__ */ s.jsx("lineSegments", { geometry: y, children: /* @__PURE__ */ s.jsx(
+          p && y && /* @__PURE__ */ r.jsx("lineSegments", { geometry: y, children: /* @__PURE__ */ r.jsx(
             "lineBasicMaterial",
             {
               color: "#aaaaaa",
@@ -2304,135 +2879,135 @@ const Yt = V(function({
               depthWrite: !1
             }
           ) }),
-          /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ r.jsx(
             be,
             {
               stackedPallet: e,
               selectedBoxId: i,
-              highlightedBoxId: n,
-              selectedColor: r,
+              highlightedBoxId: s,
+              selectedColor: n,
               highlightedColor: a,
-              showLabels: f,
-              onBoxClick: x,
-              onBoxHover: p
+              showLabels: c,
+              onBoxClick: g,
+              onBoxHover: w
             }
           ),
-          c
+          m
         ] })
       }
     ),
-    u && h && /* @__PURE__ */ s.jsx(
-      Se,
+    h && d && /* @__PURE__ */ r.jsx(
+      je,
       {
-        sceneWidth: b.width,
-        sceneDepth: b.depth,
+        sceneWidth: S.width,
+        sceneDepth: S.depth,
         sceneType: "truck",
-        cameraPosition: j,
-        targetPosition: { x: M[0], z: M[2] },
+        cameraPosition: b,
+        targetPosition: { x: C[0], z: C[2] },
         position: "bottom-left"
       }
     )
   ] });
-}), Ut = V(function({
+}), Yt = V(function({
   truck: e,
   preset: t,
   selectedBoxId: i,
-  highlightedBoxId: n,
-  selectedColor: r,
+  highlightedBoxId: s,
+  selectedColor: n,
   highlightedColor: a,
-  showLabels: f = !1,
-  showGrid: g,
-  wallOpacity: v = 0.3,
-  showRoof: u = !1,
-  showSideWalls: x = !0,
-  cameraPreset: p = "perspective",
-  showMiniMap: c = !1,
-  onBoxClick: l,
-  onBoxHover: d,
-  children: h,
-  style: j
+  showLabels: c = !1,
+  showGrid: l,
+  wallOpacity: p = 0.3,
+  showRoof: h = !1,
+  showSideWalls: g = !0,
+  cameraPreset: w = "perspective",
+  showMiniMap: m = !1,
+  onBoxClick: x,
+  onBoxHover: u,
+  children: d,
+  style: b
 }) {
-  const [T, z] = ae({ x: 0, z: 0 }), b = H((P) => {
-    z({ x: P.x, z: P.z });
-  }, []), M = Y.MM_TO_M, _ = e.dimensions.width * M, y = e.dimensions.height * M, w = e.dimensions.depth * M, S = k(
-    () => [_ / 2, y / 2, w / 2],
-    [_, y, w]
+  const [j, _] = ae({ x: 0, z: 0 }), S = q((R) => {
+    _({ 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(
+    () => [z / 2, y / 2, v / 2],
+    [z, y, v]
   ), E = k(
-    () => ({ width: _, height: y, depth: w }),
-    [_, y, w]
-  ), R = k(() => [_ * 0.8, y * 1.2, w * 0.4], [_, y, w]), O = k(() => e.pallets.filter((P) => {
-    const A = tt(P, 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 = tt(R, e);
     return A.isValid ? !0 : (console.error(
-      `[TruckScene] Palet "${P.id}" fuera de los límites del camión.`,
+      `[TruckScene] Palet "${R.id}" fuera de los límites del camión.`,
       "Violaciones:",
       A.violations
     ), !1);
   }), [e]);
-  return /* @__PURE__ */ s.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
-    /* @__PURE__ */ s.jsx(
-      pe,
+  return /* @__PURE__ */ r.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ r.jsx(
+      fe,
       {
         shadows: !0,
         camera: {
-          position: R,
+          position: T,
           fov: 45,
           near: 0.01,
           far: 200
         },
-        style: { width: "100%", height: "100%", ...j },
-        children: /* @__PURE__ */ s.jsxs(ve, { preset: t, children: [
-          /* @__PURE__ */ s.jsx(
-            je,
+        style: { width: "100%", height: "100%", ...b },
+        children: /* @__PURE__ */ r.jsxs(we, { preset: t, children: [
+          /* @__PURE__ */ r.jsx(
+            Se,
             {
-              preset: p,
-              target: S,
+              preset: w,
+              target: M,
               sceneSize: E,
-              maxDistance: Math.max(_, y, w) * 3,
+              maxDistance: Math.max(z, y, v) * 3,
               minDistance: 0.5
             }
           ),
-          /* @__PURE__ */ s.jsx(Ce, { onPositionChange: b }),
-          /* @__PURE__ */ s.jsxs(
+          /* @__PURE__ */ r.jsx(Me, { onPositionChange: S }),
+          /* @__PURE__ */ r.jsxs(
             Pt,
             {
               truck: e,
-              showGrid: g,
-              wallOpacity: v,
-              showRoof: u,
-              showSideWalls: x,
+              showGrid: l,
+              wallOpacity: p,
+              showRoof: h,
+              showSideWalls: g,
               children: [
-                O.map((P) => /* @__PURE__ */ s.jsx(
+                I.map((R) => /* @__PURE__ */ r.jsx(
                   be,
                   {
-                    stackedPallet: P.stackedPallet,
-                    position: P.position,
-                    yRotation: P.yRotation,
-                    palletId: P.id,
+                    stackedPallet: R.stackedPallet,
+                    position: R.position,
+                    yRotation: R.yRotation,
+                    palletId: R.id,
                     selectedBoxId: i,
-                    highlightedBoxId: n,
-                    selectedColor: r,
+                    highlightedBoxId: s,
+                    selectedColor: n,
                     highlightedColor: a,
-                    showLabels: f,
-                    onBoxClick: l,
-                    onBoxHover: d
+                    showLabels: c,
+                    onBoxClick: x,
+                    onBoxHover: u
                   },
-                  P.id
+                  R.id
                 )),
-                h
+                d
               ]
             }
           )
         ] })
       }
     ),
-    c && /* @__PURE__ */ s.jsx(
-      Se,
+    m && /* @__PURE__ */ r.jsx(
+      je,
       {
-        sceneWidth: _,
-        sceneDepth: w,
+        sceneWidth: z,
+        sceneDepth: v,
         sceneType: "truck",
-        cameraPosition: T,
-        targetPosition: { x: S[0], z: S[2] },
+        cameraPosition: j,
+        targetPosition: { x: M[0], z: M[2] },
         position: "bottom-left"
       }
     )
@@ -2441,68 +3016,68 @@ const Yt = V(function({
   room: e,
   preset: t,
   selectedBoxId: i,
-  highlightedBoxId: n,
-  selectedColor: r,
+  highlightedBoxId: s,
+  selectedColor: n,
   highlightedColor: a,
-  showLabels: f = !1,
-  cameraPreset: g = "perspective",
-  showMiniMap: v = !1,
-  onBoxClick: u,
-  onBoxHover: x,
-  children: p,
-  style: c
+  showLabels: c = !1,
+  cameraPreset: l = "perspective",
+  showMiniMap: p = !1,
+  onBoxClick: h,
+  onBoxHover: g,
+  children: w,
+  style: m
 }) {
-  const l = Y.MM_TO_M, [d, h] = ae({ x: 0, z: 0 }), j = H((y) => {
-    h({ x: y.x, z: y.z });
-  }, []), { target: T, sceneSize: z, initialCameraPosition: b } = k(() => {
+  const x = U.MM_TO_M, [u, d] = ae({ x: 0, z: 0 }), b = q((y) => {
+    d({ x: y.x, z: y.z });
+  }, []), { target: j, sceneSize: _, initialCameraPosition: S } = k(() => {
     const y = e.floorPolygon;
-    let w = 1 / 0, S = -1 / 0, E = 1 / 0, R = -1 / 0;
-    for (const C of y)
-      w = Math.min(w, C.x * l), S = Math.max(S, C.x * l), E = Math.min(E, C.z * l), R = Math.max(R, C.z * l);
-    const O = S - w, P = R - E, A = e.ceilingHeight * l, G = (w + S) / 2, N = (E + R) / 2, U = [G, A / 2, N], F = { width: O, height: A, depth: P }, J = Math.sqrt(O ** 2 + A ** 2 + P ** 2) * 0.8, m = [
+    let v = 1 / 0, M = -1 / 0, E = 1 / 0, T = -1 / 0;
+    for (const P of y)
+      v = Math.min(v, P.x * x), M = Math.max(M, P.x * x), E = Math.min(E, P.z * x), T = Math.max(T, P.z * x);
+    const I = M - v, R = T - E, A = e.ceilingHeight * x, G = (v + M) / 2, D = (E + 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, f = [
       G + J * 0.6,
       A + J * 0.5,
-      N + J * 0.6
+      D + J * 0.6
     ];
     return {
-      target: U,
+      target: H,
       sceneSize: F,
-      initialCameraPosition: m
+      initialCameraPosition: f
     };
-  }, [e.floorPolygon, e.ceilingHeight, l]), M = k(() => e.floorPolygon.map((y) => ({ x: y.x * l, z: y.z * l })), [e.floorPolygon, l]), _ = k(() => e.pallets.filter((y) => {
-    const w = We(y, e);
-    return w.isValid ? !0 : (console.error(
+  }, [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);
+    return v.isValid ? !0 : (console.error(
       `[WarehouseScene] Palet "${y.id}" fuera de los límites de la estancia "${e.name}".`,
       "Violaciones:",
-      w.violations
+      v.violations
     ), !1);
   }), [e]);
-  return /* @__PURE__ */ s.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
-    /* @__PURE__ */ s.jsx(
-      pe,
+  return /* @__PURE__ */ r.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ r.jsx(
+      fe,
       {
         shadows: !0,
         camera: {
-          position: b,
+          position: S,
           fov: 45,
           near: 0.01,
           far: 300
         },
-        style: { width: "100%", height: "100%", ...c },
-        children: /* @__PURE__ */ s.jsxs(ve, { preset: t, children: [
-          /* @__PURE__ */ s.jsx(
-            je,
+        style: { width: "100%", height: "100%", ...m },
+        children: /* @__PURE__ */ r.jsxs(we, { preset: t, children: [
+          /* @__PURE__ */ r.jsx(
+            Se,
             {
-              preset: g,
-              target: T,
-              sceneSize: z,
-              maxDistance: Math.max(z.width, z.height, z.depth) * 4,
+              preset: l,
+              target: j,
+              sceneSize: _,
+              maxDistance: Math.max(_.width, _.height, _.depth) * 4,
               minDistance: 0.5
             }
           ),
-          /* @__PURE__ */ s.jsx(Ce, { onPositionChange: j }),
-          /* @__PURE__ */ s.jsxs(Mt, { room: e, children: [
-            _.map((y) => /* @__PURE__ */ s.jsx(
+          /* @__PURE__ */ r.jsx(Me, { onPositionChange: b }),
+          /* @__PURE__ */ r.jsxs(Ct, { room: e, children: [
+            z.map((y) => /* @__PURE__ */ r.jsx(
               be,
               {
                 stackedPallet: y.stackedPallet,
@@ -2510,29 +3085,29 @@ const Yt = V(function({
                 yRotation: y.yRotation,
                 palletId: y.id,
                 selectedBoxId: i,
-                highlightedBoxId: n,
-                selectedColor: r,
+                highlightedBoxId: s,
+                selectedColor: n,
                 highlightedColor: a,
-                showLabels: f,
-                onBoxClick: u,
-                onBoxHover: x
+                showLabels: c,
+                onBoxClick: h,
+                onBoxHover: g
               },
               y.id
             )),
-            p
+            w
           ] })
         ] })
       }
     ),
-    v && /* @__PURE__ */ s.jsx(
-      Se,
+    p && /* @__PURE__ */ r.jsx(
+      je,
       {
-        sceneWidth: z.width,
-        sceneDepth: z.depth,
+        sceneWidth: _.width,
+        sceneDepth: _.depth,
         sceneType: "warehouse",
-        floorPolygon: M,
-        cameraPosition: d,
-        targetPosition: { x: T[0], z: T[2] },
+        floorPolygon: C,
+        cameraPosition: u,
+        targetPosition: { x: j[0], z: j[2] },
         position: "bottom-left"
       }
     )
@@ -2540,51 +3115,51 @@ const Yt = V(function({
 });
 export {
   ut as BinPacking3DStrategy,
-  bt as BoxComponent,
+  St as BoxComponent,
   ge as BoxFactory,
-  Ne as COLLISION_TOLERANCE,
-  je as CameraControlsComponent,
+  De as COLLISION_TOLERANCE,
+  Se as CameraControlsComponent,
   mt as ColumnStrategy,
   xe as DEFAULT_PRESET,
-  Lt as Label,
-  Me as MIN_SUPPORT_PERCENTAGE,
-  Ie as PRESET_INDUSTRIAL,
-  Le as PRESET_UNSTYLED,
-  gt as PackingRegistry,
+  Ut as Label,
+  ze as MIN_SUPPORT_PERCENTAGE,
+  Oe as PRESET_INDUSTRIAL,
+  Ne as PRESET_UNSTYLED,
+  pt as PackingRegistry,
   jt as PalletComponent,
   Z as PalletFactory,
-  L as PalletMaterial,
-  Yt as PalletScene,
-  ve as PresetProvider,
-  Ye as SCENE_PRESETS,
-  At as SEPARATOR_DEFAULTS,
+  N as PalletMaterial,
+  Ht as PalletScene,
+  we as PresetProvider,
+  Ue as SCENE_PRESETS,
+  It as SEPARATOR_DEFAULTS,
   ue as STANDARD_PALLETS,
-  Ct as SeparatorComponent,
+  zt as SeparatorComponent,
   me as SeparatorMaterial,
   be as StackedPalletComponent,
   Ze as TRUCK_PRESETS,
   Pt as TruckEnvironment,
-  Gt as TruckFactory,
-  Ut as TruckScene,
-  ie as TruckType,
+  Vt as TruckFactory,
+  Yt as TruckScene,
+  oe as TruckType,
   xt as TypeGroupStrategy,
-  Y as UNITS,
-  Oe as WEIGHT_WARNING_THRESHOLD,
-  Mt as WarehouseEnvironment,
+  U as UNITS,
+  Ie as WEIGHT_WARNING_THRESHOLD,
+  Ct as WarehouseEnvironment,
   Ft as WarehouseScene,
-  ye as aabbIntersects,
-  q as calculateCenterOfGravity,
-  se as calculateStabilityScore,
+  ve as aabbIntersects,
+  Y as calculateCenterOfGravity,
+  ee as calculateStabilityScore,
   ft as defaultRegistry,
   qe as ensureUniqueBoxIds,
-  D as getBoxBoundingBox,
-  oe as getPalletBoundingBox,
+  L as getBoxBoundingBox,
+  se as getPalletBoundingBox,
   le as getStackedPalletTotalHeight,
-  we as getStackedPalletTotalWeight,
+  ye as getStackedPalletTotalWeight,
   ht as pointInPolygon,
-  Zt as usePackingStrategy,
-  Xt as usePalletMetrics,
-  Vt as usePhysicsValidation,
+  Dt as usePackingStrategy,
+  Zt as usePalletMetrics,
+  Xt as usePhysicsValidation,
   ce as usePreset,
   Nt as useWarehouseValidation,
   et as validateAllBoxesInPalletBounds,
@@ -2599,13 +3174,13 @@ export {
   We as validatePalletInRoom,
   tt as validatePalletInTruck,
   it as validatePalletWeight,
-  Wt as validateSeparators,
+  $t as validateSeparators,
   dt as validateStability,
-  $t as validateStackDimensions,
-  Bt as validateStackHeight,
-  Dt as validateStackWeight,
+  Wt as validateStackDimensions,
+  Lt as validateStackHeight,
+  Gt as validateStackWeight,
   ct as validateSupport,
-  It as validateTruckWeight,
+  Bt as validateTruckWeight,
   nt as validateWeightDistribution
 };
 //# sourceMappingURL=pallet-builder.js.map