door_models 5.4.6 → 5.4.8

package/dist/index.cjs.js

@@ -1,2392 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var csg = require('@react-three/csg');
-var three = require('@react-spring/three');
-var THREE = require('three');
-var drei = require('@react-three/drei');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
-
-function _defineProperty(e, r, t) {
-  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function (r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
-      _defineProperty(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-    });
-  }
-  return e;
-}
-function _objectWithoutProperties(e, t) {
-  if (null == e) return {};
-  var o,
-    r,
-    i = _objectWithoutPropertiesLoose(e, t);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-  }
-  return i;
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-
-const _excluded = ["doorDepth"];
-const ConfiguratorContext = /*#__PURE__*/React.createContext(undefined);
-const ConfiguratorProvider = _ref => {
-  let {
-    children,
-    initialIs2D = false,
-    initialMaterials = {},
-    totalWidth: widthProp,
-    totalHeight: heightProp,
-    totalDepth: depthProp
-  } = _ref;
-  const [materials, setMaterials] = React.useState(initialMaterials);
-  const [is2D, setIs2D] = React.useState(initialIs2D);
-  const [isPlaneVisible, setIsPlaneVisible] = React.useState(false);
-  const [isFrameVisible, setIsFrameVisible] = React.useState(true);
-  const [cpid, setCpid] = React.useState("");
-  const [totalHeight, setTotalHeight] = React.useState(2700);
-  const [totalWidth, setTotalWidth] = React.useState(974);
-  const [totalDepth, setTotalDepth] = React.useState(103);
-  const [glassVisible, setGlassVisible] = React.useState(false);
-  const [glassDepth, setGlassDepth] = React.useState(8);
-  const [isDoubleDoor, setIsDoubleDoor] = React.useState(false);
-  const [door, setDoor] = React.useState({
-    doorMaterial: "door_material",
-    doorWidth: 0,
-    doorHeight: 0,
-    theDoorDepth: 40,
-    doorPivot: "left",
-    doorOpening: "out"
-  });
-  const [doorFrame, setDoorFrame] = React.useState({
-    frameMaterial: "doorFrame_material",
-    doorStopMaterial: "doorStop_material",
-    gasketMaterial: "gasket_material",
-    hingeMaterial: "hinge_material",
-    glassMaterial: "glass_material",
-    frameDepth: 103,
-    topThk: "20mm",
-    sidesThk: "20mm",
-    doorStopOffset: "30mm",
-    doorStopWidth: 20,
-    doorStopDepth: 13,
-    notchWidth: "20mm",
-    notchDepth: "40mm",
-    notchposition: 0.01,
-    gasketDepth: 5,
-    gasketWidth: 5,
-    secondDoorStopWidth: 20,
-    secondDoorStopDepth: 30,
-    secondDoorStopOffset: 13
-  });
-  const [interiorFanlight, setInteriorFanlight] = React.useState({
-    visible: false,
-    height: 300,
-    material: "interiorFanlight_material"
-  });
-  const [exteriorFanlight, setExteriorFanlight] = React.useState({
-    visible: false,
-    height: 300,
-    depth: 60,
-    material: "exteriorFanlight_material"
-  });
-  const [occulus, setOcculus] = React.useState({
-    visible: false,
-    infillVisible: true,
-    x1: 150,
-    x2: 150,
-    y1: 150,
-    y2: 150,
-    material: "infill_material",
-    depth: 20
-  });
-  const [frontCoverPanel, setFrontCoverPanel] = React.useState({
-    visible: false,
-    width: 73,
-    height: 2200,
-    depth: 12,
-    material: "front_cover_material"
-  });
-  const [backCoverPanel, setBackCoverPanel] = React.useState({
-    visible: false,
-    width: 73,
-    height: 2200,
-    depth: 12,
-    material: "back_cover_material"
-  });
-  const [frontDoorPlane, setFrontDoorPlane] = React.useState({
-    visible: true,
-    material: "frontDoor_material"
-  });
-  const [backDoorPlane, setBackDoorPlane] = React.useState({
-    visible: true,
-    material: "frontDoor_material"
-  });
-  const [glass, setGlass] = React.useState({
-    visible: false,
-    material: "infill_material",
-    depth: 20
-  });
-  const [baseConfig, setBaseConfig] = React.useState(null);
-  const [frameType, setFrameType] = React.useState("AF20_40");
-  const [bodyType, setBodyType] = React.useState("40");
-  const [exteriorFanlightType, setExteriorFanlightType] = React.useState("WPFL");
-  const doorHeight = 0;
-  const [newPivotPosition, setNewPivotPosition] = React.useState(0);
-  const [parseMessage, setParseMessage] = React.useState({
-    type: "",
-    text: ""
-  });
-  React.useEffect(() => {
-    if (widthProp !== undefined) {
-      setTotalWidth(widthProp);
-    }
-  }, [widthProp]);
-  React.useEffect(() => {
-    if (heightProp !== undefined) {
-      setTotalHeight(heightProp);
-    }
-  }, [heightProp]);
-  React.useEffect(() => {
-    if (depthProp !== undefined) {
-      setTotalDepth(depthProp);
-    }
-  }, [depthProp]);
-  React.useEffect(() => {
-    setIs2D(initialIs2D);
-  }, [initialIs2D]);
-  React.useEffect(() => {
-    if (initialMaterials) {
-      setMaterials(initialMaterials);
-    }
-  }, [initialMaterials]);
-  const handleParseCpid = React.useCallback(cpidToParse => {
-    const showMessage = function (text) {
-      let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "error";
-      setParseMessage({
-        text,
-        type
-      });
-      setTimeout(() => setParseMessage({
-        text: "",
-        type: ""
-      }), 4000);
-    };
-    if (!cpidToParse || !cpidToParse.trim().startsWith("P_")) {
-      showMessage("Invalid format: CPID must start with 'P_'.");
-      return;
-    }
-    const parts = cpidToParse.trim().split("_");
-    if (parts.length < 4) {
-      showMessage("Invalid format: Not enough parts in CPID.");
-      return;
-    }
-    const newConfig = {
-      fanlightVisible: false,
-      fanlightType: "WPFL",
-      interiorFanlightVisible: false,
-      occulusVisible: false,
-      frameType: "",
-      bodyType: ""
-    };
-    let currentIndex = 1;
-
-    //  Door Type
-    if (parts[currentIndex] === "SD") {
-      setIsDoubleDoor(false);
-      setTotalHeight(2700);
-      setTotalWidth(974);
-      currentIndex++;
-    } else if (parts[currentIndex] === "DD") {
-      setIsDoubleDoor(true);
-      setTotalWidth(1802);
-      currentIndex++;
-    } else {
-      showMessage("Unsupported Door Type: Only 'SD' or 'DD' is supported.");
-      return;
-    }
-
-    //Fanlight Type
-    const fanlightPart = parts[currentIndex];
-    const validFanlights = ["WPFL", "ALDGFL", "ALSGFL"];
-    if (fanlightPart === "FH") {
-      newConfig.fanlightVisible = false;
-      currentIndex++;
-    } else if (validFanlights.includes(fanlightPart)) {
-      setExteriorFanlight(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-        height: 300
-      }));
-      newConfig.fanlightVisible = true;
-      newConfig.fanlightType = fanlightPart;
-      currentIndex++;
-    } else {
-      showMessage("Invalid Fanlight Type: '".concat(fanlightPart, "'."));
-      return;
-    }
-
-    //  Frame and Body Type
-    const validSimpleFrameTypes = ["AF20", "AF40", "WF", "MXF", "MXCAF", "NOF"];
-    const validBodyTypes = ["40", "50", "FLI", "100", "WDG100", "SG8", "SG10", "SG12"];
-    let framePart = parts[currentIndex];
-    let bodyPartRaw = parts[currentIndex + 1] || "";
-    let frameFound = false;
-    if ("".concat(framePart, "_").concat(bodyPartRaw) === "WDGF_WDG100") {
-      newConfig.frameType = "WDGF_WDG100";
-      newConfig.bodyType = "WDG100";
-      currentIndex += 2;
-      frameFound = true;
-    } else if (validSimpleFrameTypes.includes(framePart)) {
-      let tempBody = bodyPartRaw.replace("OCC", "");
-      if (validBodyTypes.includes(tempBody)) {
-        newConfig.frameType = framePart === "NOF" ? "NOF" : "".concat(framePart, "_").concat(tempBody);
-        newConfig.bodyType = tempBody;
-        if (bodyPartRaw.endsWith("OCC")) {
-          newConfig.occulusVisible = true;
-          setOcculus(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-            x1: 150,
-            x2: 150,
-            y1: 150,
-            y2: 150
-          }));
-        }
-        currentIndex += 2;
-        frameFound = true;
-      }
-    }
-    if (!frameFound) {
-      showMessage("Invalid Frame/Body combination starting with '".concat(framePart, "'."));
-      return;
-    }
-    for (let i = currentIndex; i < parts.length; i++) {
-      if (parts[i] === "IFL") {
-        setInteriorFanlight(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-          height: 300
-        }));
-        newConfig.interiorFanlightVisible = true;
-      } else if (parts[i] === "OCC") {
-        newConfig.occulusVisible = true;
-      }
-    }
-
-    // Apply final configuration
-    setFrameType(newConfig.frameType);
-    setBodyType(newConfig.bodyType);
-    setExteriorFanlight(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-      visible: newConfig.fanlightVisible
-    }));
-    if (newConfig.fanlightVisible) {
-      setExteriorFanlightType(newConfig.fanlightType);
-    }
-    setInteriorFanlight(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-      visible: newConfig.interiorFanlightVisible
-    }));
-    setOcculus(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-      visible: newConfig.occulusVisible
-    }));
-    setCpid(cpidToParse);
-    showMessage("Configuration Applied!", "success");
-  }, [setCpid, setBodyType, setExteriorFanlight, setExteriorFanlightType, setFrameType, setInteriorFanlight, setOcculus, setIsDoubleDoor, setTotalWidth]);
-
-  // --- BodyType Effect ---
-  React.useEffect(() => {
-    let newDoorDepth = 40;
-    switch (bodyType) {
-      case "50":
-        newDoorDepth = 50;
-        break;
-      case "SG8":
-        newDoorDepth = 8;
-        break;
-      case "SG10":
-        newDoorDepth = 10;
-        break;
-      case "SG12":
-        newDoorDepth = 12;
-        break;
-    }
-    setDoor(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-      theDoorDepth: newDoorDepth
-    }));
-  }, [bodyType]);
-
-  // --- FrameType Effect ---
-  React.useEffect(() => {
-    setIsFrameVisible(frameType !== "NOF");
-    setGlassVisible(false);
-    let newSettings = {};
-    let lookupKey = frameType;
-    if (frameType.startsWith("AF20_SG")) {
-      lookupKey = "AF20_40";
-    } else if (frameType.startsWith("AF40_SG")) {
-      lookupKey = "AF40_40";
-    }
-    switch (lookupKey) {
-      case "NOF":
-        newSettings = {
-          topThk: "0mm",
-          sidesThk: "0mm",
-          frameDepth: 0
-        };
-        break;
-      case "AF20_40":
-        newSettings = {
-          frameDepth: 103,
-          topThk: "20mm",
-          sidesThk: "20mm",
-          doorStopOffset: "42mm",
-          doorStopWidth: 20,
-          doorStopDepth: 13,
-          notchWidth: "20mm",
-          notchDepth: "40mm",
-          notchposition: 0.01,
-          gasketDepth: 5,
-          gasketWidth: 5
-        };
-        if (frameType === "AF20_40") {
-          newSettings.doorDepth = 40;
-        }
-        break;
-      case "AF20_50":
-        newSettings = {
-          doorDepth: 50,
-          frameDepth: 103,
-          topThk: "20mm",
-          sidesThk: "20mm",
-          doorStopOffset: "30mm",
-          doorStopWidth: 20,
-          doorStopDepth: 13,
-          notchWidth: "20mm",
-          notchDepth: "40mm",
-          notchposition: 0.01,
-          gasketDepth: 5,
-          gasketWidth: 5
-        };
-        break;
-      case "AF40_40":
-        newSettings = {
-          frameDepth: 103,
-          topThk: "40mm",
-          sidesThk: "40mm",
-          doorStopOffset: "42mm",
-          doorStopWidth: 20,
-          doorStopDepth: 13,
-          notchWidth: "20mm",
-          notchDepth: "40mm",
-          notchposition: 0.01,
-          gasketDepth: 5,
-          gasketWidth: 5
-        };
-        if (frameType === "AF40_40") {
-          newSettings.doorDepth = 40;
-        }
-        break;
-      case "AF40_50":
-        newSettings = {
-          doorDepth: 50,
-          frameDepth: 103,
-          topThk: "40mm",
-          sidesThk: "40mm",
-          doorStopOffset: "30mm",
-          doorStopWidth: 20,
-          doorStopDepth: 13,
-          notchWidth: "20mm",
-          notchDepth: "40mm",
-          notchposition: 0.01,
-          gasketDepth: 5,
-          gasketWidth: 5
-        };
-        break;
-      case "WF_40":
-        newSettings = {
-          doorDepth: 39.6,
-          frameDepth: 103,
-          topThk: "31.6mm",
-          sidesThk: "31.6mm",
-          doorStopOffset: "0mm",
-          doorStopWidth: 16.4,
-          doorStopDepth: 58.4,
-          notchWidth: "20mm",
-          notchDepth: "40mm",
-          notchposition: 0.01,
-          gasketDepth: 5,
-          gasketWidth: 5
-        };
-        break;
-      case "WF_50":
-        newSettings = {
-          doorDepth: 51.6,
-          frameDepth: 103,
-          topThk: "31.6mm",
-          sidesThk: "31.6mm",
-          doorStopOffset: "0mm",
-          doorStopWidth: 16,
-          doorStopDepth: 46.4,
-          notchWidth: "20mm",
-          notchDepth: "40mm",
-          notchposition: 0.01,
-          gasketDepth: 5,
-          gasketWidth: 5
-        };
-        break;
-      case "WF_100":
-        newSettings = {
-          doorDepth: 102,
-          frameDepth: 102,
-          topThk: "52mm",
-          sidesThk: "52mm",
-          doorStopOffset: "17.6mm",
-          doorStopWidth: 16.4,
-          doorStopDepth: 44.8,
-          notchWidth: "16mm",
-          notchDepth: "66.5mm",
-          notchposition: 0.02,
-          gasketDepth: 5,
-          gasketWidth: 5,
-          secondDoorStopWidth: 29,
-          secondDoorStopDepth: 17.6,
-          secondDoorStopOffset: 0
-        };
-        break;
-      case "WF_FLI":
-        newSettings = {
-          doorDepth: 51,
-          frameDepth: 102,
-          topThk: "52mm",
-          sidesThk: "52mm",
-          doorStopOffset: "17.4mm",
-          doorStopWidth: 16.4,
-          doorStopDepth: 34,
-          notchWidth: "14mm",
-          notchDepth: "66mm",
-          notchposition: 0.02,
-          gasketDepth: 5,
-          gasketWidth: 5,
-          secondDoorStopWidth: 29,
-          secondDoorStopDepth: 17.6,
-          secondDoorStopOffset: 0
-        };
-        break;
-      case "WDGF_WDG100":
-        newSettings = {
-          doorDepth: 86,
-          frameDepth: 86,
-          topThk: "50mm",
-          sidesThk: "50mm",
-          doorStopOffset: "34mm",
-          doorStopWidth: 13,
-          doorStopDepth: 30,
-          notchWidth: "14mm",
-          notchDepth: "66mm",
-          notchposition: 0.02,
-          gasketDepth: 4.5,
-          gasketWidth: 5,
-          secondDoorStopWidth: 23,
-          secondDoorStopDepth: 30,
-          secondDoorStopOffset: 13
-        };
-        setGlassVisible(true);
-        break;
-      case "MXF_40":
-        newSettings = {
-          doorDepth: 38,
-          frameDepth: 103,
-          topThk: "18mm",
-          sidesThk: "18mm",
-          doorStopOffset: "45mm",
-          doorStopWidth: 15,
-          doorStopDepth: 15,
-          notchWidth: "20mm",
-          notchDepth: "40mm",
-          notchposition: 0.01,
-          gasketDepth: 5,
-          gasketWidth: 5
-        };
-        break;
-      case "MXF_50":
-        newSettings = {
-          doorDepth: 50,
-          frameDepth: 103,
-          topThk: "18.2mm",
-          sidesThk: "18.2mm",
-          doorStopOffset: "33mm",
-          doorStopWidth: 15,
-          doorStopDepth: 15,
-          notchWidth: "20mm",
-          notchDepth: "40mm",
-          notchposition: 0.01,
-          gasketDepth: 5,
-          gasketWidth: 5
-        };
-        break;
-      case "MXCAF_40":
-        newSettings = {
-          doorDepth: 38,
-          frameDepth: 103,
-          topThk: "18mm",
-          sidesThk: "18mm",
-          doorStopOffset: "45mm",
-          doorStopWidth: 15,
-          doorStopDepth: 15,
-          notchWidth: "20mm",
-          notchDepth: "40mm",
-          notchposition: 0.01,
-          gasketDepth: 5,
-          gasketWidth: 5
-        };
-        break;
-      case "MXCAF_50":
-        newSettings = {
-          doorDepth: 50,
-          frameDepth: 103,
-          topThk: "18.2mm",
-          sidesThk: "18.2mm",
-          doorStopOffset: "33mm",
-          doorStopWidth: 15,
-          doorStopDepth: 15,
-          notchWidth: "20mm",
-          notchDepth: "40mm",
-          notchposition: 0.01,
-          gasketDepth: 5,
-          gasketWidth: 5
-        };
-        break;
-    }
-
-    // Store pristine settings for scaling
-    setBaseConfig(newSettings);
-    const isMxCaf = frameType.startsWith("MXCAF");
-    setFrontCoverPanel(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-      visible: isMxCaf
-    }));
-    setBackCoverPanel(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-      visible: isMxCaf
-    }));
-    const {
-        doorDepth
-      } = newSettings,
-      newFrameSettings = _objectWithoutProperties(newSettings, _excluded);
-    setDoorFrame(prev => _objectSpread2(_objectSpread2({}, prev), newFrameSettings));
-    if (doorDepth !== undefined) {
-      setDoor(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-        theDoorDepth: doorDepth
-      }));
-    }
-
-    // Sync totalDepth with the frame's default depth when frame type changes.
-    if (newSettings.frameDepth) {
-      setTotalDepth(newSettings.frameDepth);
-    }
-  }, [frameType]);
-
-  // --- useEffect for scaling based on totalDepth ---
-  React.useEffect(() => {
-    if (!baseConfig || !baseConfig.frameDepth || baseConfig.frameDepth === 0) return;
-    const baseFrameDepth = baseConfig.frameDepth;
-    const ratio = totalDepth / baseFrameDepth;
-    const scaleProportionally = value => {
-      if (typeof value === "number") {
-        return value * ratio;
-      }
-      if (typeof value === "string" && value.endsWith("mm")) {
-        const num = parseFloat(value);
-        if (!isNaN(num)) {
-          return num * ratio + "mm";
-        }
-      }
-      return value; // Return original if not scalable
-    };
-    setDoorFrame(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-      frameDepth: totalDepth,
-      doorStopDepth: scaleProportionally(baseConfig.doorStopDepth),
-      notchDepth: scaleProportionally(baseConfig.notchDepth),
-      gasketDepth: scaleProportionally(baseConfig.gasketDepth),
-      secondDoorStopDepth: scaleProportionally(baseConfig.secondDoorStopDepth)
-    }));
-    if (baseConfig.doorDepth !== undefined) {
-      const baseDoorDepth = baseConfig.doorDepth;
-      const frameDelta = totalDepth - baseFrameDepth;
-      let newDoorDepth;
-      if (frameDelta > 0) {
-        // --- THIS IS THE VALUE TO TWEAK ---
-        // Increase this multiplier to make the door body grow faster when totalDepth increases.
-        // A value of 1.0 means it grows at the same rate as the frame.
-        // A value of 2.0 means it grows twice as fast as the frame.
-        const increaseMultiplier = 0.8;
-        newDoorDepth = baseDoorDepth + frameDelta * increaseMultiplier;
-      } else {
-        // When decreasing totalDepth, the door body scales down proportionally.
-        newDoorDepth = baseDoorDepth * ratio;
-      }
-      setDoor(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-        theDoorDepth: newDoorDepth
-      }));
-    }
-    const baseCoverPanelDepth = 12;
-    setFrontCoverPanel(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-      depth: baseCoverPanelDepth * ratio
-    }));
-    setBackCoverPanel(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-      depth: baseCoverPanelDepth * ratio
-    }));
-  }, [totalDepth, baseConfig]);
-
-  // ---  Exterior Fanlight Logic ---
-  React.useEffect(() => {
-    if (!exteriorFanlight.visible) return;
-    switch (exteriorFanlightType) {
-      case "WPFL":
-        setExteriorFanlight(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-          depth: doorFrame.frameDepth
-        }));
-        break;
-      case "ALDGFL":
-        setExteriorFanlight(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-          depth: doorFrame.frameDepth
-        }));
-        break;
-      case "ALSGFL":
-        setExteriorFanlight(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-          depth: 40
-        }));
-        break;
-    }
-  }, [exteriorFanlight.visible, exteriorFanlightType, doorFrame.frameDepth, setExteriorFanlight]);
-  React.useEffect(() => {
-    setOcculus(prevOcculus => _objectSpread2(_objectSpread2({}, prevOcculus), {}, {
-      depth: door.theDoorDepth
-    }));
-  }, [door.theDoorDepth]);
-  React.useEffect(() => {
-    const topThkValue = parseInt(doorFrame.topThk) || 0;
-    const exteriorFanlightHeight = exteriorFanlight.visible ? exteriorFanlight.height : 0;
-    const newDoorHeight = totalHeight - topThkValue - exteriorFanlightHeight;
-    setDoor(prevDoor => _objectSpread2(_objectSpread2({}, prevDoor), {}, {
-      doorHeight: newDoorHeight > 0 ? newDoorHeight : 0
-    }));
-  }, [totalHeight, doorFrame.topThk, exteriorFanlight.visible, exteriorFanlight.height]);
-  React.useEffect(() => {
-    const sidesThkValue = parseInt(doorFrame.sidesThk) || 0;
-    const numDoors = isDoubleDoor ? 2 : 1;
-    const newDoorWidth = (totalWidth - sidesThkValue * 2) / numDoors;
-    setDoor(prevDoor => _objectSpread2(_objectSpread2({}, prevDoor), {}, {
-      doorWidth: newDoorWidth > 0 ? newDoorWidth : 0
-    }));
-  }, [totalWidth, doorFrame.sidesThk, isDoubleDoor]);
-  return /*#__PURE__*/jsxRuntime.jsx(ConfiguratorContext.Provider, {
-    value: {
-      materials,
-      setMaterials,
-      is2D,
-      setIs2D,
-      isPlaneVisible,
-      setIsPlaneVisible,
-      isFrameVisible,
-      setIsFrameVisible,
-      cpid,
-      setCpid,
-      door,
-      setDoor,
-      doorFrame,
-      setDoorFrame,
-      interiorFanlight,
-      setInteriorFanlight,
-      exteriorFanlight,
-      setExteriorFanlight,
-      occulus,
-      setOcculus,
-      frontCoverPanel,
-      setFrontCoverPanel,
-      backCoverPanel,
-      setBackCoverPanel,
-      frontDoorPlane,
-      setFrontDoorPlane,
-      backDoorPlane,
-      setBackDoorPlane,
-      glass,
-      setGlass,
-      frameType,
-      setFrameType,
-      bodyType,
-      setBodyType,
-      totalHeight,
-      setTotalHeight,
-      totalDepth,
-      setTotalDepth,
-      totalWidth,
-      setTotalWidth,
-      exteriorFanlightType,
-      setExteriorFanlightType,
-      glassVisible,
-      setGlassVisible,
-      glassDepth,
-      setGlassDepth,
-      handleParseCpid,
-      newPivotPosition,
-      setNewPivotPosition,
-      doorHeight,
-      isDoubleDoor,
-      setIsDoubleDoor
-    },
-    children: children
-  });
-};
-const useConfigurator = () => {
-  const context = React.useContext(ConfiguratorContext);
-  if (!context) {
-    throw new Error("useConfigurator must be used within a ConfiguratorProvider");
-  }
-  return context;
-};
-
-const availableMaterials = {
-  black: new THREE__namespace.MeshStandardMaterial({
-    color: "#000000"
-  }),
-  metal: new THREE__namespace.MeshStandardMaterial({
-    color: "#aaaaaa",
-    metalness: 1.0,
-    roughness: 0.4
-  }),
-  darkgrey: new THREE__namespace.MeshStandardMaterial({
-    color: "#5e5e5e"
-  }),
-  grey: new THREE__namespace.MeshStandardMaterial({
-    color: "#cccccc"
-  }),
-  yellow: new THREE__namespace.MeshStandardMaterial({
-    color: "#ffff00"
-  }),
-  darkBrown: new THREE__namespace.MeshStandardMaterial({
-    color: "#a0522d"
-  }),
-  brown: new THREE__namespace.MeshStandardMaterial({
-    color: "#d2b48c"
-  }),
-  glass: new THREE__namespace.MeshStandardMaterial({
-    color: "#ffffff",
-    roughness: 0.1,
-    transparent: true,
-    opacity: 0.7
-  }),
-  aluminum: new THREE__namespace.MeshStandardMaterial({
-    color: "#abb0aa",
-    metalness: 0.8,
-    roughness: 0.5,
-    envMapIntensity: 1.2
-  }),
-  aluminumBrighter: new THREE__namespace.MeshStandardMaterial({
-    color: "#cdcdcd",
-    metalness: 0.8,
-    roughness: 0.5,
-    envMapIntensity: 1.2
-  }),
-  aluminumExtraBrighter: new THREE__namespace.MeshStandardMaterial({
-    color: "#ececec",
-    metalness: 0.8,
-    roughness: 0.5,
-    envMapIntensity: 1.2
-  }),
-  silver: new THREE__namespace.MeshStandardMaterial({
-    color: "#c0c0c0",
-    metalness: 1.0,
-    roughness: 0.2
-  }),
-  gold: new THREE__namespace.MeshStandardMaterial({
-    color: "#ffd700",
-    metalness: 1.0,
-    roughness: 0.3
-  }),
-  diamond: new THREE__namespace.MeshStandardMaterial({
-    color: "#e0f7fa",
-    metalness: 0.9,
-    roughness: 0.05,
-    transparent: true,
-    opacity: 0.9,
-    envMapIntensity: 1.5
-  }),
-  test_material: new THREE__namespace.MeshStandardMaterial({
-    color: "red",
-    roughness: 0.1
-  })
-};
-new THREE__namespace.MeshStandardMaterial({
-  color: "#cccccc",
-  roughness: 0.8
-});
-new THREE__namespace.MeshStandardMaterial({
-  color: "#000",
-  roughness: 0.8
-});
-
-// Helper function to check for hex color codes
-const isHexColor = str => /^#([0-9A-F]{3}){1,2}$/i.test(str);
-
-/**
- * A simple "builder" that creates a THREE.MeshStandardMaterial from a prop and an
- * optional map of pre-loaded textures. It now loads textures if they are not pre-loaded.
- * @param prop - The material definition (string or object).
- * @param textures - A map of URL -> THREE.Texture, provided by useTexture.
- * @returns A THREE.MeshStandardMaterial instance.
- */
-const buildMaterial = (prop, textures) => {
-  if (!prop) {
-    return new THREE__namespace.MeshStandardMaterial({
-      color: "#cccccc",
-      roughness: 0.8
-    });
-  }
-  const sourceValue = typeof prop === "string" ? prop : prop.value;
-  const opacity = typeof prop === "object" ? prop.opacity : 1;
-
-  // Start with base parameters.
-  const params = {
-    roughness: 0.8,
-    side: THREE__namespace.DoubleSide
-  };
-  if (isHexColor(sourceValue)) {
-    // It's a color. Explicitly set the color and ensure no texture is applied.
-    params.color = sourceValue;
-    params.map = null;
-  } else {
-    // It's a texture. Explicitly set the color to white to avoid tinting the texture.
-    params.color = "#ffffff";
-    let texture = null;
-    if (textures && textures[sourceValue]) {
-      // Use the pre-loaded texture.
-      texture = textures[sourceValue];
-    } else if (sourceValue) {
-      // Not pre-loaded, so load it now.
-      // TextureLoader caches results internally, so this is efficient.
-      texture = new THREE__namespace.TextureLoader().load(sourceValue);
-    }
-    params.map = texture;
-  }
-
-  // Handle transparency explicitly to prevent lingering state.
-  if (opacity !== undefined && opacity < 1) {
-    params.transparent = true;
-    params.opacity = opacity;
-  } else {
-    // Explicitly turn transparency off if opacity is 1 or undefined.
-    params.transparent = false;
-    params.opacity = 1;
-  }
-  return new THREE__namespace.MeshStandardMaterial(params);
-};
-const getFirstValidValue = values => {
-  for (const val of values) {
-    if (val) {
-      return val;
-    }
-  }
-  return undefined;
-};
-
-// Re-export the type for easy access in other components
-
-const useDoorMaterials = function () {
-  let materialsProp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  // 1. Collect all unique texture URLs from the props.
-  const textureUrls = React.useMemo(() => {
-    const urls = new Set();
-    // Iterate over all passed material props
-    Object.values(materialsProp).forEach(prop => {
-      // Get the value, whether it's a string or inside an object
-      const value = typeof prop === "string" ? prop : prop === null || prop === void 0 ? void 0 : prop.value;
-      // If it's a valid URL, add it to our set to avoid duplicates
-      if (value && (value.startsWith("http") || value.startsWith("/"))) {
-        urls.add(value);
-      }
-    });
-    return Array.from(urls);
-  }, [materialsProp]);
-
-  // 2. Load all textures at once.
-  // !! THIS IS THE MAGIC !!
-  // `useTexture` will pause ("suspend") this component's rendering
-  // until all textures in the array are fully loaded.
-  const loadedTextures = drei.useTexture(textureUrls);
-
-  // 3. Create a map from URL back to the loaded THREE.Texture for easy lookup.
-  const textureMap = React.useMemo(() => {
-    const map = {};
-    textureUrls.forEach((url, index) => {
-      map[url] = loadedTextures[index];
-    });
-    return map;
-  }, [textureUrls, loadedTextures]);
-
-  // 4. Now that textures are guaranteed to be loaded, build all materials.
-  // This memo ensures the materials are only created when props or textures change.
-  return React.useMemo(() => {
-    const build = prop => buildMaterial(prop, textureMap);
-    return {
-      doorMaterial: build(materialsProp.Body),
-      frameMaterial: build(getFirstValidValue([materialsProp.D_PRF_COLOR, materialsProp.D_FR_SRF_DECOR, materialsProp.D_FR_SRF_DECOR_S2])),
-      gasketMaterial: build(materialsProp.D_GASKET),
-      doorStopMaterial: build(getFirstValidValue([materialsProp.D_PRF_COLOR, materialsProp.D_FR_SRF_DECOR, materialsProp.D_FR_SRF_DECOR_S2])),
-      interiorFanlightMaterial: build(materialsProp.D_SRF_DECOR),
-      exteriorFanlightMaterial: build(materialsProp.D_SRF_DECOR),
-      occulusInfillMaterial: build(materialsProp.D_FR_COLOR),
-      glassInfillMaterial: build(materialsProp.D_FR_COLOR),
-      frontCoverPanelMaterial: build(getFirstValidValue([materialsProp.D_PRF_COLOR, materialsProp.D_FR_SRF_DECOR, materialsProp.D_FR_SRF_DECOR_S2])),
-      backCoverPanelMaterial: build(getFirstValidValue([materialsProp.D_PRF_COLOR, materialsProp.D_FR_SRF_DECOR, materialsProp.D_FR_SRF_DECOR_S2])),
-      frontDoorPlaneMaterial: build(materialsProp.D_SRF_DECOR_2),
-      backDoorPlaneMaterial: build(materialsProp.D_SRF_DECOR),
-      hingeBodyMaterial: build(materialsProp.Hinge),
-      hingeAccentMaterial: build(materialsProp.HingeCuts)
-    };
-  }, [materialsProp, textureMap]);
-};
-
-function StandardHandle(_ref) {
-  let {
-    position,
-    doorDepthM,
-    doorPivot,
-    frameType
-  } = _ref;
-  // --- Base Dimensions ---
-  const roseRadius = 0.035;
-
-  // --- Thickness ---
-  // default 5mm, but 8mm + 1–2mm if WDG frame
-  const roseThickness = frameType === "WDGF_WDG100" ? 0.008 + 0.0015 : 0.005;
-  const handleRadius = 0.015;
-  const handleLength = 0.2;
-
-  // face offset based on thickness
-  const faceZ = doorDepthM / 2 + roseThickness / 2;
-  const connectorLength = handleLength / 3;
-  const cornerFrontZ = faceZ + roseThickness + connectorLength;
-  const cornerBackZ = -faceZ - roseThickness - connectorLength;
-  const roseGapY = 0.07;
-  return /*#__PURE__*/jsxRuntime.jsxs("group", {
-    position: position,
-    children: [[faceZ, -faceZ].map((z, i) => /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
-      children: [frameType === "WDGF_WDG100" ?
-      /*#__PURE__*/
-      // --- Capsule rose ---
-      jsxRuntime.jsxs("group", {
-        "position-z": z,
-        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-          material: availableMaterials.aluminum,
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [roseRadius * 2, roseRadius * 2, roseThickness]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          "position-y": roseRadius,
-          rotation: [Math.PI / 2, Math.PI / 2, 0],
-          material: availableMaterials.aluminum,
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [roseRadius, roseRadius, roseThickness, 32, 1, false, 0, Math.PI]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          "position-y": -roseRadius,
-          rotation: [-Math.PI / 2, Math.PI / 2, 0],
-          material: availableMaterials.aluminum,
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [roseRadius, roseRadius, roseThickness, 32, 1, false, 0, Math.PI]
-          })
-        })]
-      }) :
-      /*#__PURE__*/
-      // --- Round rose ---
-      jsxRuntime.jsx("mesh", {
-        rotation: [Math.PI / 2, 0, 0],
-        "position-z": z,
-        material: availableMaterials.aluminum,
-        castShadow: true,
-        children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-          args: [roseRadius, roseRadius, roseThickness, 48]
-        })
-      }), frameType === "WDGF_WDG100" ? /*#__PURE__*/jsxRuntime.jsxs("group", {
-        "position-z": z,
-        "position-y": -(0.08 + roseGapY),
-        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-          material: availableMaterials.aluminum,
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [(roseRadius - 0.008) * 2, (roseRadius - 0.008) * 2, roseThickness]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          "position-y": roseRadius - 0.008,
-          rotation: [Math.PI / 2, Math.PI / 2, 0],
-          material: availableMaterials.aluminum,
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [roseRadius - 0.008, roseRadius - 0.008, roseThickness, 32, 1, false, 0, Math.PI]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          "position-y": -(roseRadius - 0.008),
-          rotation: [-Math.PI / 2, Math.PI / 2, 0],
-          material: availableMaterials.aluminum,
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [roseRadius - 0.008, roseRadius - 0.008, roseThickness, 32, 1, false, 0, Math.PI]
-          })
-        })]
-      }) : /*#__PURE__*/jsxRuntime.jsx("mesh", {
-        rotation: [Math.PI / 2, 0, 0],
-        "position-z": z,
-        "position-y": -(0.08 + roseGapY),
-        material: availableMaterials.aluminum,
-        castShadow: true,
-        children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-          args: [roseRadius, roseRadius, roseThickness, 48]
-        })
-      }), /*#__PURE__*/jsxRuntime.jsxs("group", {
-        position: [0, -(0.08 + roseGapY), z + (z > 0 ? roseThickness : -roseThickness)],
-        castShadow: true,
-        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-          rotation: [Math.PI / 2, 0, 0],
-          position: [0, 0.0075, 0],
-          material: availableMaterials.aluminumBrighter,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [0.01, 0.01, roseThickness, 32]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, -0.0075, 0],
-          material: availableMaterials.aluminumBrighter,
-          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [0.01, 0.015, roseThickness]
-          })
-        })]
-      })]
-    }, i)), /*#__PURE__*/jsxRuntime.jsxs("group", {
-      scale: [doorPivot === "left" ? -1 : 1, 1, 1],
-      children: [/*#__PURE__*/jsxRuntime.jsxs("group", {
-        position: [0, 0, -0.01],
-        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, 0, faceZ + roseThickness + connectorLength / 2],
-          rotation: [Math.PI / 2, 0, 0],
-          castShadow: true,
-          material: availableMaterials.aluminum,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [handleRadius, handleRadius, connectorLength, 48]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, 0, cornerFrontZ],
-          castShadow: true,
-          material: availableMaterials.aluminum,
-          children: /*#__PURE__*/jsxRuntime.jsx("sphereGeometry", {
-            args: [handleRadius, 32, 32]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [handleLength / 2, 0, cornerFrontZ],
-          rotation: [0, 0, Math.PI / 2],
-          castShadow: true,
-          material: availableMaterials.aluminum,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [handleRadius, handleRadius, handleLength, 48]
-          })
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsxs("group", {
-        position: [0, 0, 0.01],
-        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, 0, -faceZ - roseThickness - connectorLength / 2],
-          rotation: [Math.PI / 2, 0, 0],
-          castShadow: true,
-          material: availableMaterials.aluminum,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [handleRadius, handleRadius, connectorLength, 48]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, 0, cornerBackZ],
-          castShadow: true,
-          material: availableMaterials.aluminum,
-          children: /*#__PURE__*/jsxRuntime.jsx("sphereGeometry", {
-            args: [handleRadius, 32, 32]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [handleLength / 2, 0, cornerBackZ],
-          rotation: [0, 0, Math.PI / 2],
-          castShadow: true,
-          material: availableMaterials.aluminum,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [handleRadius, handleRadius, handleLength, 48]
-          })
-        })]
-      })]
-    })]
-  });
-}
-
-// {
-//   /* MergedPlate */
-// }
-
-const MergedPlate = _ref2 => {
-  let {
-    plateMaterial,
-    roseThickness,
-    faceZ
-  } = _ref2;
-  const geometry = React.useMemo(() => {
-    const shape = new THREE__namespace.Shape();
-    const width = 0.1;
-    const height = 0.24;
-    const radius = 0.01;
-    shape.moveTo(-width / 2, -height / 2);
-    shape.lineTo(-width / 2, height / 2);
-    shape.lineTo(width / 2 - radius, height / 2);
-    shape.absarc(width / 2 - radius, height / 2 - radius, radius, Math.PI / 2, 0, true);
-    shape.lineTo(width / 2, -height / 2 + radius);
-    shape.absarc(width / 2 - radius, -height / 2 + radius, radius, 0, -Math.PI / 2, true);
-    shape.lineTo(-width / 2, -height / 2);
-    const extrudeSettings = {
-      steps: 2,
-      depth: roseThickness,
-      bevelEnabled: false
-    };
-    return new THREE__namespace.ExtrudeGeometry(shape, extrudeSettings);
-  }, [roseThickness]);
-  return /*#__PURE__*/jsxRuntime.jsx("group", {
-    "position-z": faceZ,
-    children: /*#__PURE__*/jsxRuntime.jsx("mesh", {
-      geometry: geometry,
-      material: plateMaterial,
-      castShadow: true
-    })
-  });
-};
-
-// {
-//   /* GlassHandle */
-// }
-
-function GlassHandle(_ref3) {
-  let {
-    position,
-    doorDepthM,
-    doorPivot
-  } = _ref3;
-  const roseRadius = 0.035;
-  const roseThickness = 0.005;
-  const handleRadius = 0.015;
-  const handleLength = 0.2;
-  const faceZ = doorDepthM / 2 + roseThickness / 2;
-  const connectorLength = handleLength / 3;
-  return /*#__PURE__*/jsxRuntime.jsxs("group", {
-    position: position,
-    children: [[faceZ, -faceZ].map((z, i) => /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-        rotation: [Math.PI / 2, 0, 0],
-        "position-z": z + (z > 0 ? roseThickness : -roseThickness) + 0.002,
-        material: availableMaterials.aluminum,
-        castShadow: true,
-        children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-          args: [roseRadius, roseRadius, roseThickness, 48]
-        })
-      }), /*#__PURE__*/jsxRuntime.jsxs("mesh", {
-        position: [0, -0.08, z + (z > 0 ? roseThickness : -roseThickness)],
-        castShadow: true,
-        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-          rotation: [Math.PI / 2, 0, 0],
-          position: [0, 0.0075, 0],
-          material: availableMaterials.aluminum,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [0.01, 0.01, roseThickness, 32]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, -0.0075, 0],
-          material: availableMaterials.aluminum,
-          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [0.01, 0.015, roseThickness]
-          })
-        })]
-      })]
-    }, i)), /*#__PURE__*/jsxRuntime.jsxs("group", {
-      "scale-x": doorPivot === "left" ? -1 : 1,
-      children: [[faceZ, -faceZ].map((z, i) => /*#__PURE__*/jsxRuntime.jsx(MergedPlate, {
-        faceZ: z,
-        plateMaterial: availableMaterials.aluminumExtraBrighter,
-        roseThickness: roseThickness
-      }, "plate-".concat(i))), /*#__PURE__*/jsxRuntime.jsxs("group", {
-        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [handleLength / 2, 0, faceZ + connectorLength],
-          rotation: [0, 0, Math.PI / 2],
-          material: availableMaterials.aluminum,
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [handleRadius, handleRadius, handleLength, 48]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, 0, faceZ + connectorLength / 2],
-          rotation: [Math.PI / 2, 0, 0],
-          material: availableMaterials.aluminum,
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [handleRadius, handleRadius, connectorLength, 48]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, 0, faceZ + connectorLength],
-          material: availableMaterials.aluminum,
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsx("sphereGeometry", {
-            args: [handleRadius, 32, 32]
-          })
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsxs("group", {
-        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [handleLength / 2, 0, -(faceZ + connectorLength)],
-          rotation: [0, 0, Math.PI / 2],
-          material: availableMaterials.aluminum,
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [handleRadius, handleRadius, handleLength, 48]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, 0, -(faceZ + connectorLength / 2)],
-          rotation: [Math.PI / 2, 0, 0],
-          material: availableMaterials.aluminum,
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [handleRadius, handleRadius, connectorLength, 48]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, 0, -(faceZ + connectorLength)],
-          material: availableMaterials.aluminum,
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsx("sphereGeometry", {
-            args: [handleRadius, 32, 32]
-          })
-        })]
-      })]
-    })]
-  });
-}
-
-// {
-//   /* DoorHandle */
-// }
-function DoorHandle(_ref4) {
-  let {
-    bodyType,
-    handleX,
-    handleHeightM,
-    doorDepthM,
-    doorPivot
-  } = _ref4;
-  const isSingleGlass = ["SG8", "SG10", "SG12"].includes(bodyType);
-  const handlePos = [handleX, handleHeightM, 0];
-  const {
-    frameType
-  } = useConfigurator();
-  return isSingleGlass ? /*#__PURE__*/jsxRuntime.jsx(GlassHandle, {
-    position: [handleX, handleHeightM, -0.0024],
-    doorDepthM: doorDepthM,
-    doorPivot: doorPivot
-  }) : /*#__PURE__*/jsxRuntime.jsx(StandardHandle, {
-    position: handlePos,
-    doorDepthM: doorDepthM,
-    doorPivot: doorPivot,
-    frameType: frameType
-  });
-}
-
-// {
-//   /* GlassHinge */
-// }
-
-function GlassHinge(_ref5) {
-  let {
-    position,
-    pivot,
-    frameSideWidth,
-    doorDepthM,
-    material,
-    gasketMaterial
-  } = _ref5;
-  const plateWidth = 130 / 1000;
-  const plateHeight = 55 / 1000;
-  const plateThickness = 8 / 1000;
-  const gasketThickness = 1 / 1000;
-  const pivotRadius = 10 / 1000;
-  const pivotHeight = plateHeight;
-  const sideMultiplier = pivot === "left" ? 1 : -1;
-  const plateOffsetX = sideMultiplier * (plateWidth / 2 + frameSideWidth);
-  const holeRadius = 10 / 1000;
-  const holeSpacingX = 45 / 1000;
-  return /*#__PURE__*/jsxRuntime.jsxs("group", {
-    position: position,
-    children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-      material: material,
-      castShadow: true,
-      receiveShadow: true,
-      "position-x": 0.01,
-      children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-        args: [pivotRadius, pivotRadius, pivotHeight, 32]
-      })
-    }), /*#__PURE__*/jsxRuntime.jsxs("group", {
-      "position-x": plateOffsetX,
-      children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-        "position-z": -(doorDepthM / 2) - plateThickness / 2 - gasketThickness,
-        material: material,
-        castShadow: true,
-        children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-          args: [plateWidth, plateHeight, plateThickness]
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-        "position-z": -(doorDepthM / 2) - gasketThickness / 2,
-        material: gasketMaterial,
-        castShadow: true,
-        children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-          args: [plateWidth, plateHeight, gasketThickness]
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-        "position-z": doorDepthM / 2 + plateThickness / 2 + gasketThickness,
-        castShadow: true,
-        children: /*#__PURE__*/jsxRuntime.jsxs(csg.Geometry, {
-          useGroups: true,
-          children: [/*#__PURE__*/jsxRuntime.jsx(csg.Base, {
-            material: material,
-            children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [plateWidth, plateHeight, plateThickness]
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
-            position: [-sideMultiplier * (holeSpacingX / 2), 0, 0],
-            rotation: [Math.PI / 2, 0, 0],
-            children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-              args: [holeRadius, holeRadius, plateThickness + 0.01, 32]
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
-            position: [sideMultiplier * (holeSpacingX / 2), 0, 0],
-            rotation: [Math.PI / 2, 0, 0],
-            children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-              args: [holeRadius, holeRadius, plateThickness + 0.01, 32]
-            })
-          })]
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-        "position-z": doorDepthM / 2 + gasketThickness / 2,
-        material: gasketMaterial,
-        castShadow: true,
-        children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-          args: [plateWidth, plateHeight, gasketThickness]
-        })
-      })]
-    })]
-  });
-}
-// {
-//   /* DoorStopCutsProps */
-// }
-
-// {
-//   /* DoorStopCuts */
-// }
-function DoorStopCuts(_ref6) {
-  let {
-    visible,
-    width,
-    height,
-    stopWidth,
-    stopDepth,
-    stopPositionZ,
-    centerZ,
-    material,
-    setName
-  } = _ref6;
-  if (!visible) return null;
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
-      name: "cut-top-".concat(setName),
-      material: material,
-      position: [0, height / 2 - stopWidth / 2 + 0.0001, stopPositionZ - centerZ],
-      children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-        args: [width + 0.01, stopWidth, stopDepth + 0.01]
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
-      name: "cut-left-".concat(setName),
-      material: material,
-      position: [-width / 2 + stopWidth / 2 - 0.0001, 0, stopPositionZ - centerZ],
-      children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-        args: [stopWidth, height + 0.01, stopDepth + 0.01]
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
-      name: "cut-right-".concat(setName),
-      material: material,
-      position: [width / 2 - stopWidth / 2 + 0.0001, 0, stopPositionZ - centerZ],
-      children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-        args: [stopWidth, height + 0.01, stopDepth + 0.01]
-      })
-    })]
-  });
-}
-
-// {
-//   /* DoorModelsProps */
-// }
-
-// {
-//   /* AllMaterialsType */
-// }
-
-// {
-//   /* DoorLeafProps */
-// }
-
-// {
-//   /* DoorModels */
-// }
-
-function DoorModels(_ref7) {
-  let {
-    doorName,
-    materials: materialsProp,
-    doorPivot: doorPivotProp,
-    doorOpening: doorOpeningProp,
-    totalWidth: totalWidthProp,
-    totalHeight: totalHeightProp,
-    totalDepth: totalDepthProp
-  } = _ref7;
-  const {
-    is2D,
-    totalWidth,
-    isFrameVisible,
-    door,
-    setDoor,
-    doorFrame,
-    setDoorFrame,
-    interiorFanlight,
-    exteriorFanlight,
-    frontCoverPanel,
-    backCoverPanel,
-    frameType,
-    glassVisible,
-    glassDepth,
-    handleParseCpid,
-    isDoubleDoor,
-    setMaterials,
-    setTotalWidth,
-    setTotalHeight,
-    setTotalDepth
-  } = useConfigurator();
-  React.useEffect(() => {
-    if (doorName) {
-      handleParseCpid(doorName);
-    }
-  }, [doorName, handleParseCpid]);
-  React.useEffect(() => {
-    if (materialsProp) {
-      setMaterials(materialsProp);
-    }
-  }, [materialsProp, setMaterials]);
-  React.useEffect(() => {
-    if (doorPivotProp || doorOpeningProp) {
-      setDoor(prevDoor => _objectSpread2(_objectSpread2(_objectSpread2({}, prevDoor), doorPivotProp && {
-        doorPivot: doorPivotProp
-      }), doorOpeningProp && {
-        doorOpening: doorOpeningProp
-      }));
-    }
-  }, [doorPivotProp, doorOpeningProp, setDoor]);
-  React.useEffect(() => {
-    if (totalWidthProp !== undefined) {
-      setTotalWidth(totalWidthProp);
-    }
-  }, [totalWidthProp, setTotalWidth]);
-  React.useEffect(() => {
-    if (totalHeightProp !== undefined) {
-      setTotalHeight(totalHeightProp);
-    }
-  }, [totalHeightProp, setTotalHeight]);
-  React.useEffect(() => {
-    if (totalDepthProp !== undefined) {
-      setTotalDepth(totalDepthProp);
-    }
-  }, [totalDepthProp, setTotalDepth]);
-
-  // --- Material Logic (Centralized in parent component) ---
-  const allMaterials = useDoorMaterials(materialsProp);
-
-  // --- Dimension calculations ---
-  const {
-    doorWidth,
-    doorHeight,
-    theDoorDepth
-  } = door;
-  const doorPivot = doorPivotProp || door.doorPivot;
-  const doorOpening = doorOpeningProp || door.doorOpening;
-  const {
-    frameDepth,
-    topThk,
-    sidesThk,
-    doorStopWidth,
-    doorStopDepth,
-    doorStopOffset,
-    notchWidth,
-    notchDepth,
-    notchposition,
-    gasketWidth,
-    gasketDepth,
-    secondDoorStopWidth,
-    secondDoorStopDepth
-  } = doorFrame;
-  const initialDoorHeight = React.useRef(null);
-  React.useEffect(() => {
-    if (initialDoorHeight.current === null && doorHeight > 0) {
-      initialDoorHeight.current = doorHeight;
-    }
-  }, [doorHeight]);
-  const pivotNewPosition = React.useMemo(() => {
-    if (initialDoorHeight.current === null || initialDoorHeight.current === 0) return 0;
-    return (doorHeight - initialDoorHeight.current) / 2 / 1000;
-  }, [doorHeight]);
-  const {
-    height: interiorFanlightHeightValue
-  } = interiorFanlight;
-  const {
-    height: exteriorFanlightHeightValue,
-    depth: exteriorFanlightDepthValue
-  } = exteriorFanlight;
-  const {
-    width: architraveWidth,
-    depth: architraveDepth
-  } = frontCoverPanel;
-  const interiorFanlightHeight = interiorFanlight.visible ? interiorFanlightHeightValue : 0;
-  const topThkValue = parseInt(topThk) || 20;
-  const sidesThkValue = parseInt(sidesThk) || 20;
-
-  // Convert dimensions from mm to meters
-  const totalWidthM = totalWidthProp !== undefined ? totalWidthProp / 1000 : totalWidth / 1000;
-  const totalHeightM = totalHeightProp !== undefined ? totalHeightProp / 1000 : doorHeight / 1000;
-  const interiorFanlightHeightM = interiorFanlightHeight / 1000;
-  const doorWidthM = doorWidth / 1000;
-  const totalOpeningHeightM = doorHeight / 1000;
-  const doorDepthM = theDoorDepth / 1000;
-  const frameDepthM = frameDepth / 1000;
-  const topFrameWidthM = topThkValue / 1000;
-  const sidesFrameWidthM = sidesThkValue / 1000;
-  const totalOpeningWidthM = isDoubleDoor ? doorWidthM * 2 : doorWidthM;
-  const exteriorFanlightHeightM = exteriorFanlight.visible ? exteriorFanlightHeightValue / 1000 : 0;
-  const exteriorFanlightDepthM = exteriorFanlightDepthValue / 1000;
-  const doorStopWidthM = doorStopWidth / 1000;
-  const doorStopDepthM = doorStopDepth / 1000;
-  const architraveProfileM = architraveWidth / 1000;
-  const architraveDepthM = architraveDepth / 1000;
-  const gasketWidthM = gasketWidth / 1000;
-  const gasketDepthM = gasketDepth / 1000;
-  const doorStopOffsetFromEdgeM = parseInt(doorStopOffset) / 1000;
-  const notchWidthM = (parseInt(notchWidth) || 20) / 1000;
-  const notchDepthM = (parseInt(notchDepth) || 40) / 1000;
-  const isOpeningIn = doorOpening === "in";
-  const doorStopPositionZ = React.useMemo(() => isOpeningIn ? frameDepthM / 2 - doorStopOffsetFromEdgeM - doorStopDepthM / 2 : -frameDepthM / 2 + doorStopOffsetFromEdgeM + doorStopDepthM / 2, [isOpeningIn, frameDepthM, doorStopOffsetFromEdgeM, doorStopDepthM]);
-  const gasketZPosition = React.useMemo(() => isOpeningIn ? doorStopPositionZ - doorStopDepthM / 2 - gasketDepthM / 2 : doorStopPositionZ + doorStopDepthM / 2 + gasketDepthM / 2, [isOpeningIn, doorStopPositionZ, doorStopDepthM, gasketDepthM]);
-  const secondDoorStopWidthM = secondDoorStopWidth / 1000;
-  const secondDoorStopDepthM = secondDoorStopDepth / 1000;
-  const secondDoorStopPositionZ = isOpeningIn ? frameDepthM / 2 - secondDoorStopDepthM / 2 : -frameDepthM / 2 + secondDoorStopDepthM / 2;
-  const secondGasketZPosition = isOpeningIn ? secondDoorStopPositionZ - secondDoorStopDepthM / 2 - gasketDepthM / 2 : secondDoorStopPositionZ + secondDoorStopDepthM / 2 + gasketDepthM / 2;
-  const doorCenterZ = React.useMemo(() => {
-    if (frameType === "WF_FLI") {
-      return isOpeningIn ? frameDepthM / 2 - doorDepthM / 2 : -frameDepthM / 2 + doorDepthM / 2;
-    }
-    if (["WDGF_WDG100", "WF_100"].includes(frameType)) {
-      return 0;
-    }
-    const gasketFaceZ = isOpeningIn ? gasketZPosition - gasketDepthM / 2 : gasketZPosition + gasketDepthM / 2;
-    return isOpeningIn ? gasketFaceZ - doorDepthM / 2 : gasketFaceZ + doorDepthM / 2;
-  }, [isOpeningIn, gasketZPosition, gasketDepthM, doorDepthM, frameType, frameDepthM]);
-  const GlassPanelDepthM = glassDepth / 1000;
-  const doorInstances = React.useMemo(() => {
-    if (isDoubleDoor) {
-      return [{
-        key: "left",
-        pivot: "left",
-        x: -doorWidthM / 2
-      }, {
-        key: "right",
-        pivot: "right",
-        x: doorWidthM / 2
-      }];
-    }
-    return [{
-      key: "single",
-      pivot: doorPivot,
-      x: 0
-    }];
-  }, [isDoubleDoor, doorWidthM, doorPivot]);
-
-  // --- Centering & Positioning ---
-  const yCenteringOffset = -topFrameWidthM / 2;
-  const sideFrameCenterY = topFrameWidthM / 2;
-  const interiorFanlightYPosition = totalOpeningHeightM / 2 - interiorFanlightHeightM / 2;
-  const topFrameCenterY = totalOpeningHeightM / 2 + topFrameWidthM / 2;
-  const exteriorFanlightYPosition = topFrameCenterY + topFrameWidthM / 2 + exteriorFanlightHeightM / 2;
-  const frontArchitraveZ = frameDepthM / 2 + architraveDepthM / 2;
-  const backArchitraveZ = -frameDepthM / 2 - architraveDepthM / 2;
-  const leftArchitraveX = -totalOpeningWidthM / 2 - architraveProfileM / 2;
-  const rightArchitraveX = totalOpeningWidthM / 2 + architraveProfileM / 2;
-  const topArchitraveY = totalOpeningHeightM / 2 + architraveProfileM / 2;
-  const topArchitraveWidth = totalOpeningWidthM + 2 * architraveProfileM;
-  const topGasketYPosition = totalOpeningHeightM / 2 - doorStopWidthM + gasketWidthM / 2;
-  const leftGasketXPosition = -totalOpeningWidthM / 2 + doorStopWidthM - gasketWidthM / 2;
-  const rightGasketXPosition = totalOpeningWidthM / 2 - doorStopWidthM + gasketWidthM / 2;
-  const secondTopGasketYPosition = totalOpeningHeightM / 2 - secondDoorStopWidthM + gasketWidthM / 2;
-  const secondLeftGasketXPosition = -totalOpeningWidthM / 2 + secondDoorStopWidthM - gasketWidthM / 2;
-  const secondRightGasketXPosition = totalOpeningWidthM / 2 - secondDoorStopWidthM + gasketWidthM / 2;
-  const leftGlass_Z = -frameDepthM / 2 + GlassPanelDepthM / 2 - GlassPanelDepthM;
-  const rightGlass_Z = frameDepthM / 2 - GlassPanelDepthM / 2 + GlassPanelDepthM;
-  if (is2D) {
-    return /*#__PURE__*/jsxRuntime.jsx("group", {
-      "position-y": yCenteringOffset + 0.1,
-      children: /*#__PURE__*/jsxRuntime.jsxs("mesh", {
-        children: [/*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-          args: [totalWidth / 1000, 0.1, frameDepth / 1000]
-        }), /*#__PURE__*/jsxRuntime.jsx("meshBasicMaterial", {
-          color: "white",
-          side: THREE__namespace.DoubleSide
-        })]
-      })
-    });
-  }
-  return /*#__PURE__*/jsxRuntime.jsxs("group", {
-    children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-      visible: false,
-      children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-        args: [totalWidthM, totalHeightM, frameDepthM]
-      })
-    }), /*#__PURE__*/jsxRuntime.jsxs("group", {
-      "position-y": yCenteringOffset + pivotNewPosition,
-      children: [frontCoverPanel.visible && /*#__PURE__*/jsxRuntime.jsxs("group", {
-        "position-z": frontArchitraveZ,
-        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, topArchitraveY, 0],
-          castShadow: true,
-          material: allMaterials.frontCoverPanelMaterial,
-          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [topArchitraveWidth, architraveProfileM, architraveDepthM]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [leftArchitraveX, 0, 0],
-          castShadow: true,
-          material: allMaterials.frontCoverPanelMaterial,
-          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [architraveProfileM, totalOpeningHeightM, architraveDepthM]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [rightArchitraveX, 0, 0],
-          castShadow: true,
-          material: allMaterials.frontCoverPanelMaterial,
-          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [architraveProfileM, totalOpeningHeightM, architraveDepthM]
-          })
-        })]
-      }), backCoverPanel.visible && /*#__PURE__*/jsxRuntime.jsxs("group", {
-        "position-z": backArchitraveZ,
-        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, topArchitraveY, 0],
-          castShadow: true,
-          material: allMaterials.backCoverPanelMaterial,
-          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [topArchitraveWidth, architraveProfileM, architraveDepthM]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [leftArchitraveX, 0, 0],
-          castShadow: true,
-          material: allMaterials.backCoverPanelMaterial,
-          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [architraveProfileM, totalOpeningHeightM, architraveDepthM]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [rightArchitraveX, 0, 0],
-          castShadow: true,
-          material: allMaterials.backCoverPanelMaterial,
-          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [architraveProfileM, totalOpeningHeightM, architraveDepthM]
-          })
-        })]
-      }), exteriorFanlight.visible && /*#__PURE__*/jsxRuntime.jsx("mesh", {
-        position: [0, exteriorFanlightYPosition, 0],
-        castShadow: true,
-        material: allMaterials.exteriorFanlightMaterial,
-        children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-          args: [totalOpeningWidthM + sidesFrameWidthM * 2, exteriorFanlightHeightM, exteriorFanlightDepthM]
-        })
-      }), isFrameVisible && /*#__PURE__*/jsxRuntime.jsxs("group", {
-        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-          castShadow: true,
-          position: [0, topFrameCenterY, 0],
-          children: /*#__PURE__*/jsxRuntime.jsxs(csg.Geometry, {
-            useGroups: true,
-            children: [/*#__PURE__*/jsxRuntime.jsx(csg.Base, {
-              name: "frame-base",
-              material: allMaterials.frameMaterial,
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [totalOpeningWidthM, topFrameWidthM, frameDepthM]
-              })
-            }), !["MXF_40", "MXF_50", "MXCAF_40", "MXCAF_50"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
-              name: "cut-exterior",
-              material: allMaterials.frameMaterial,
-              position: [0, notchposition, 0],
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [totalOpeningWidthM + 0.01, notchWidthM, notchDepthM]
-              })
-            })]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          castShadow: true,
-          position: [-totalOpeningWidthM / 2 - sidesFrameWidthM / 2, sideFrameCenterY, 0],
-          children: /*#__PURE__*/jsxRuntime.jsxs(csg.Geometry, {
-            useGroups: true,
-            children: [/*#__PURE__*/jsxRuntime.jsx(csg.Base, {
-              name: "frame-base",
-              material: allMaterials.frameMaterial,
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [sidesFrameWidthM, totalOpeningHeightM + topFrameWidthM, frameDepthM]
-              })
-            }), !["MXF_40", "MXF_50", "MXCAF_40", "MXCAF_50"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
-              name: "cut-exterior",
-              material: allMaterials.frameMaterial,
-              position: [-notchposition, 0, 0],
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [notchWidthM, totalOpeningHeightM + topFrameWidthM + 0.01, notchDepthM]
-              })
-            })]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          castShadow: true,
-          position: [totalOpeningWidthM / 2 + sidesFrameWidthM / 2, sideFrameCenterY, 0],
-          children: /*#__PURE__*/jsxRuntime.jsxs(csg.Geometry, {
-            useGroups: true,
-            children: [/*#__PURE__*/jsxRuntime.jsx(csg.Base, {
-              name: "frame-base",
-              material: allMaterials.frameMaterial,
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [sidesFrameWidthM, totalOpeningHeightM + topFrameWidthM, frameDepthM]
-              })
-            }), !["MXF_40", "MXF_50", "MXCAF_40", "MXCAF_50"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
-              name: "cut-exterior",
-              material: allMaterials.frameMaterial,
-              position: [notchposition, 0, 0],
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [notchWidthM, totalOpeningHeightM + topFrameWidthM + 0.01, notchDepthM]
-              })
-            })]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          castShadow: true,
-          position: [0, totalOpeningHeightM / 2 - doorStopWidthM / 2, doorStopPositionZ],
-          material: allMaterials.doorStopMaterial,
-          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [totalOpeningWidthM, doorStopWidthM, doorStopDepthM]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          castShadow: true,
-          position: [-totalOpeningWidthM / 2 + doorStopWidthM / 2, 0, doorStopPositionZ],
-          material: allMaterials.doorStopMaterial,
-          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [doorStopWidthM, totalOpeningHeightM, doorStopDepthM]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          castShadow: true,
-          position: [totalOpeningWidthM / 2 - doorStopWidthM / 2, 0, doorStopPositionZ],
-          material: allMaterials.doorStopMaterial,
-          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [doorStopWidthM, totalOpeningHeightM, doorStopDepthM]
-          })
-        }), frameType !== "WF_FLI" && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-            castShadow: true,
-            position: [0, topGasketYPosition, gasketZPosition],
-            material: allMaterials.gasketMaterial,
-            children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [totalOpeningWidthM - 0.03, gasketWidthM + 0.005, gasketDepthM]
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-            castShadow: true,
-            position: [leftGasketXPosition - 0.005, -0.005, gasketZPosition],
-            material: allMaterials.gasketMaterial,
-            children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [gasketWidthM + 0.005, totalOpeningHeightM - 0.02, gasketDepthM]
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-            castShadow: true,
-            position: [rightGasketXPosition + 0.005, -0.005, gasketZPosition],
-            material: allMaterials.gasketMaterial,
-            children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [gasketWidthM + 0.005, totalOpeningHeightM - 0.02, gasketDepthM]
-            })
-          })]
-        }), ["WDGF_WDG100", "WF_100", "WF_FLI"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsxs("group", {
-          children: [/*#__PURE__*/jsxRuntime.jsxs("group", {
-            children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-              castShadow: true,
-              position: [0, totalOpeningHeightM / 2 - secondDoorStopWidthM / 2, secondDoorStopPositionZ],
-              material: allMaterials.doorStopMaterial,
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [totalOpeningWidthM, secondDoorStopWidthM, secondDoorStopDepthM]
-              })
-            }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-              castShadow: true,
-              position: [-totalOpeningWidthM / 2 + secondDoorStopWidthM / 2, 0, secondDoorStopPositionZ],
-              material: allMaterials.doorStopMaterial,
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [secondDoorStopWidthM, totalOpeningHeightM, secondDoorStopDepthM]
-              })
-            }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-              castShadow: true,
-              position: [totalOpeningWidthM / 2 - secondDoorStopWidthM / 2, 0, secondDoorStopPositionZ],
-              material: allMaterials.doorStopMaterial,
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [secondDoorStopWidthM, totalOpeningHeightM, secondDoorStopDepthM]
-              })
-            })]
-          }), /*#__PURE__*/jsxRuntime.jsxs("group", {
-            children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-              castShadow: true,
-              position: [0, secondTopGasketYPosition - 0.005, secondGasketZPosition],
-              material: allMaterials.gasketMaterial,
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [totalOpeningWidthM - 0.03, gasketWidthM + 0.005, gasketDepthM]
-              })
-            }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-              castShadow: true,
-              position: [secondLeftGasketXPosition - 0.005, -0.01, secondGasketZPosition],
-              material: allMaterials.gasketMaterial,
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [gasketWidthM + 0.005, totalOpeningHeightM - 0.04, gasketDepthM]
-              })
-            }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-              castShadow: true,
-              position: [secondRightGasketXPosition + 0.005, -0.01, secondGasketZPosition],
-              material: allMaterials.gasketMaterial,
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [gasketWidthM + 0.004, totalOpeningHeightM - 0.04, gasketDepthM]
-              })
-            })]
-          }), glassVisible && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/jsxRuntime.jsxs("group", {
-              children: [["WDGF_WDG100", "WF_100"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx("mesh", {
-                castShadow: true,
-                position: [0, topFrameCenterY - secondDoorStopWidthM / 2, leftGlass_Z],
-                material: allMaterials.glassInfillMaterial,
-                children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [totalOpeningWidthM - 2 * secondDoorStopWidthM, topFrameWidthM + secondDoorStopWidthM, GlassPanelDepthM]
-                })
-              }), !["WDGF_WDG100", "WF_100"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx("mesh", {
-                castShadow: true,
-                position: [0, topFrameCenterY, leftGlass_Z],
-                material: allMaterials.glassInfillMaterial,
-                children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [totalOpeningWidthM - 2 * secondDoorStopWidthM, topFrameWidthM, GlassPanelDepthM]
-                })
-              }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-                castShadow: true,
-                position: [-totalOpeningWidthM / 2 - sidesFrameWidthM / 2 + secondDoorStopWidthM / 2, sideFrameCenterY, leftGlass_Z],
-                material: allMaterials.glassInfillMaterial,
-                children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [sidesFrameWidthM + secondDoorStopWidthM, totalOpeningHeightM + topFrameWidthM, GlassPanelDepthM]
-                })
-              }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-                castShadow: true,
-                position: [totalOpeningWidthM / 2 + sidesFrameWidthM / 2 - secondDoorStopWidthM / 2, sideFrameCenterY, leftGlass_Z],
-                material: allMaterials.glassInfillMaterial,
-                children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [sidesFrameWidthM + secondDoorStopWidthM, totalOpeningHeightM + topFrameWidthM, GlassPanelDepthM]
-                })
-              })]
-            }), /*#__PURE__*/jsxRuntime.jsxs("group", {
-              children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-                castShadow: true,
-                position: [0, topFrameCenterY, rightGlass_Z],
-                material: allMaterials.glassInfillMaterial,
-                children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [totalOpeningWidthM, topFrameWidthM, GlassPanelDepthM]
-                })
-              }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-                castShadow: true,
-                position: [-totalOpeningWidthM / 2 - sidesFrameWidthM / 2, sideFrameCenterY, rightGlass_Z],
-                material: allMaterials.glassInfillMaterial,
-                children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [sidesFrameWidthM, totalOpeningHeightM + topFrameWidthM, GlassPanelDepthM]
-                })
-              }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-                castShadow: true,
-                position: [totalOpeningWidthM / 2 + sidesFrameWidthM / 2, sideFrameCenterY, rightGlass_Z],
-                material: allMaterials.glassInfillMaterial,
-                children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                  args: [sidesFrameWidthM, totalOpeningHeightM + topFrameWidthM, GlassPanelDepthM]
-                })
-              })]
-            })]
-          })]
-        })]
-      }), interiorFanlight.visible && /*#__PURE__*/jsxRuntime.jsx("mesh", {
-        position: [0, interiorFanlightYPosition, doorCenterZ],
-        castShadow: true,
-        material: allMaterials.interiorFanlightMaterial,
-        children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-          args: [totalOpeningWidthM, interiorFanlightHeightM, doorDepthM]
-        })
-      }), doorInstances.map(instance => /*#__PURE__*/jsxRuntime.jsx(DoorLeaf, {
-        pivot: instance.pivot,
-        xOffset: instance.x,
-        materials: allMaterials
-      }, instance.key))]
-    })]
-  });
-}
-
-// {
-//   /* DoorLeaf */
-// }
-function DoorLeaf(_ref8) {
-  let {
-    pivot,
-    xOffset,
-    materials
-  } = _ref8;
-  // Destructure materials from props.
-  const {
-    doorMaterial,
-    glassInfillMaterial,
-    hingeBodyMaterial,
-    gasketMaterial,
-    occulusInfillMaterial,
-    frontDoorPlaneMaterial,
-    backDoorPlaneMaterial,
-    hingeAccentMaterial
-  } = materials;
-
-  // Get NON-MATERIAL state from the context.
-  const {
-    isFrameVisible,
-    door,
-    doorFrame,
-    interiorFanlight,
-    occulus,
-    frontDoorPlane,
-    backDoorPlane,
-    frameType,
-    bodyType,
-    exteriorFanlightType,
-    glassVisible,
-    glassDepth
-  } = useConfigurator();
-
-  // --- Dimension calculations ---
-  const {
-    doorWidth,
-    doorHeight,
-    theDoorDepth,
-    doorOpening
-  } = door;
-  const {
-    frameDepth,
-    topThk,
-    sidesThk,
-    doorStopWidth,
-    doorStopDepth,
-    doorStopOffset,
-    gasketDepth,
-    secondDoorStopWidth,
-    secondDoorStopDepth
-  } = doorFrame;
-  const initialDoorHeight = React.useRef(null);
-  React.useEffect(() => {
-    if (doorHeight > 0 && initialDoorHeight.current === null) {
-      initialDoorHeight.current = doorHeight;
-    }
-  }, [doorHeight]);
-  const {
-    x1: occulusX1,
-    x2: occulusX2,
-    y1: occulusY1,
-    y2: occulusY2,
-    depth: occulusInfillDepth
-  } = occulus;
-  const interiorFanlightHeight = interiorFanlight.visible ? interiorFanlight.height : 0;
-  const mainDoorHeight = doorHeight - interiorFanlightHeight;
-  const sidesThkValue = parseInt(sidesThk) || 20;
-
-  // Convert dimensions from mm to meters
-  const doorWidthM = doorWidth / 1000;
-  const mainDoorHeightM = mainDoorHeight / 1000;
-  const totalOpeningHeightM = doorHeight / 1000;
-  const doorDepthM = theDoorDepth / 1000;
-  const frameDepthM = frameDepth / 1000;
-  const sidesFrameWidthM = sidesThkValue / 1000;
-  const occulusX1M = occulusX1 / 1000;
-  const occulusX2M = occulusX2 / 1000;
-  const occulusY1M = occulusY1 / 1000;
-  const occulusY2M = occulusY2 / 1000;
-  const occulusInfillDepthM = occulusInfillDepth / 1000;
-  const doorStopWidthM = doorStopWidth / 1000;
-  const doorStopDepthM = doorStopDepth / 1000;
-  const gasketDepthM = gasketDepth / 1000;
-  const doorStopOffsetFromEdgeM = parseInt(doorStopOffset) / 1000;
-  const isOpeningIn = doorOpening === "in";
-  const doorStopPositionZ = React.useMemo(() => isOpeningIn ? frameDepthM / 2 - doorStopOffsetFromEdgeM - doorStopDepthM / 2 : -frameDepthM / 2 + doorStopOffsetFromEdgeM + doorStopDepthM / 2, [isOpeningIn, frameDepthM, doorStopOffsetFromEdgeM, doorStopDepthM]);
-  const gasketZPosition = React.useMemo(() => isOpeningIn ? doorStopPositionZ - doorStopDepthM / 2 - gasketDepthM / 2 : doorStopPositionZ + doorStopDepthM / 2 + gasketDepthM / 2, [isOpeningIn, doorStopPositionZ, doorStopDepthM, gasketDepthM]);
-  const secondDoorStopWidthM = secondDoorStopWidth / 1000;
-  const secondDoorStopDepthM = secondDoorStopDepth / 1000;
-  const secondDoorStopPositionZ = isOpeningIn ? frameDepthM / 2 - secondDoorStopDepthM / 2 : -frameDepthM / 2 + secondDoorStopDepthM / 2;
-  const doorCenterZ = React.useMemo(() => {
-    if (frameType === "WF_FLI") {
-      return isOpeningIn ? frameDepthM / 2 - doorDepthM / 2 : -frameDepthM / 2 + doorDepthM / 2;
-    }
-    if (["WDGF_WDG100", "WF_100"].includes(frameType)) {
-      return 0;
-    }
-    const gasketFaceZ = isOpeningIn ? gasketZPosition - gasketDepthM / 2 : gasketZPosition + gasketDepthM / 2;
-    return isOpeningIn ? gasketFaceZ - doorDepthM / 2 : gasketFaceZ + doorDepthM / 2;
-  }, [isOpeningIn, gasketZPosition, gasketDepthM, doorDepthM, frameType, frameDepthM]);
-  const GlassPanelDepthM = glassDepth / 1000;
-  const frontGlassOffsetZ = doorDepthM / 2 + GlassPanelDepthM / 2;
-  const backGlassOffsetZ = -doorDepthM / 2 - GlassPanelDepthM / 2;
-  const occulusWidthM = doorWidthM - occulusX1M - occulusX2M;
-  const occulusHeightM = mainDoorHeightM - occulusY1M - occulusY2M;
-  const occulusPositionXM = (occulusX1M - occulusX2M) / 2;
-  const occulusPositionYM = (occulusY2M - occulusY1M) / 2;
-  React.useEffect(() => {
-    const materialsToUpdate = [frontDoorPlaneMaterial, backDoorPlaneMaterial];
-    materialsToUpdate.forEach(material => {
-      // Check if the material has a texture map
-      if (material.map) {
-        // Set the texture to repeat
-        material.map.wrapS = THREE__namespace.RepeatWrapping;
-        material.map.wrapT = THREE__namespace.RepeatWrapping;
-        material.map.repeat.set(doorWidthM, mainDoorHeightM);
-        material.map.needsUpdate = true;
-      }
-    });
-  }, [doorWidthM, mainDoorHeightM, frontDoorPlaneMaterial, backDoorPlaneMaterial]);
-  const [isOpen, setIsOpen] = React.useState(false);
-  const hingeSideX = pivot === "left" ? -doorWidthM / 2 : doorWidthM / 2;
-
-  // --- PIVOT ---
-  const hingeZ = React.useMemo(() => {
-    if (frameType === "WF_FLI") {
-      return isOpeningIn ? doorCenterZ - doorDepthM / 2 : doorCenterZ + doorDepthM / 2;
-    }
-    return isOpeningIn ? -frameDepthM / 2 : frameDepthM / 2;
-  }, [frameType, isOpeningIn, doorCenterZ, doorDepthM, frameDepthM]);
-  const doorOffsetZ = React.useMemo(() => doorCenterZ - hingeZ, [doorCenterZ, hingeZ]);
-  const directionMultiplier = doorOpening === "in" ? 1 : -1;
-  const {
-    rotation
-  } = three.useSpring({
-    rotation: isOpen ? [0, (pivot === "left" ? Math.PI / 2 : -Math.PI / 2) * directionMultiplier, 0] : [0, 0, 0],
-    config: {
-      mass: 1,
-      tension: 100,
-      friction: 20
-    }
-  });
-  const handleClick = () => setIsOpen(!isOpen);
-  const doorYPosition = -totalOpeningHeightM / 2 + mainDoorHeightM / 2;
-
-  // Handle positioning logic
-  const handleCenterYFromDoorBottom = 1.0;
-  const safeHandleY = Math.min(Math.max(handleCenterYFromDoorBottom, 0.25), mainDoorHeightM - 0.25);
-  const handleHeightM = -mainDoorHeightM / 2 + safeHandleY;
-  const isSingleGlass = ["SG8", "SG10", "SG12"].includes(bodyType);
-  const nonHingeSideX = pivot === "left" ? doorWidthM / 2 : -doorWidthM / 2;
-  let handleX;
-  if (isSingleGlass) {
-    const plateHalfWidth = 0.05;
-    handleX = nonHingeSideX + (pivot === "left" ? -plateHalfWidth : plateHalfWidth);
-  } else {
-    const latchMarginM = 0.08;
-    handleX = nonHingeSideX + (pivot === "left" ? -latchMarginM : latchMarginM);
-  }
-
-  // Hinge dimension calculations
-  const hingeTotalHeightM = 120 / 1000;
-  const hingeRadiusM = 8 / 1000;
-  const capHeightM = 4 / 1000;
-  const separatorHeightM = 4 / 1000;
-  const barrelPartHeight = (hingeTotalHeightM - capHeightM * 2 - separatorHeightM) / 2;
-  const isGlassDoor = React.useMemo(() => ["SG8", "SG10", "SG12"].includes(bodyType), [bodyType]);
-
-  // Hinge positioning logic
-  const standardHingeYPositions = React.useMemo(() => {
-    const numHinges = 4;
-    const topMargin = 180 / 1000;
-    const bottomMargin = 180 / 1000;
-    const availableHeight = mainDoorHeightM - topMargin - bottomMargin;
-    const spacing = availableHeight / (numHinges - 1);
-    return Array.from({
-      length: numHinges
-    }, (_, i) => mainDoorHeightM / 2 - topMargin - i * spacing);
-  }, [mainDoorHeightM]);
-  const glassHingeYPositions = React.useMemo(() => {
-    return [mainDoorHeightM / 2 - 250 / 1000, mainDoorHeightM / 2 - 450 / 1000, -mainDoorHeightM / 2 + 250 / 1000];
-  }, [mainDoorHeightM]);
-  const isStandardHingeVisible = React.useMemo(() => {
-    if (isGlassDoor || !isFrameVisible) return false;
-    return !["WDGF_WDG100", "WF_100", "WF_FLI"].includes(frameType);
-  }, [isFrameVisible, frameType, isGlassDoor]);
-  return /*#__PURE__*/jsxRuntime.jsxs("group", {
-    "position-x": xOffset,
-    children: [isStandardHingeVisible && standardHingeYPositions.map((y, index) => /*#__PURE__*/jsxRuntime.jsxs("group", {
-      position: [hingeSideX, doorYPosition + y, hingeZ],
-      children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-        material: hingeBodyMaterial,
-        position: [0, separatorHeightM / 2 + barrelPartHeight / 2, 0],
-        castShadow: true,
-        children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-          args: [hingeRadiusM, hingeRadiusM, barrelPartHeight, 32]
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-        material: hingeAccentMaterial,
-        position: [0, separatorHeightM / 2 + barrelPartHeight + capHeightM / 2, 0],
-        castShadow: true,
-        children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-          args: [hingeRadiusM, hingeRadiusM, capHeightM, 32]
-        })
-      })]
-    }, "frame-hinge-".concat(index))), /*#__PURE__*/jsxRuntime.jsxs(three.a.group, {
-      position: [hingeSideX, doorYPosition, hingeZ],
-      rotation: rotation.to((x, y, z) => [x, y, z]),
-      onClick: handleClick,
-      onPointerOver: () => document.body.style.cursor = "pointer",
-      onPointerOut: () => document.body.style.cursor = "auto",
-      children: [isStandardHingeVisible && standardHingeYPositions.map((y, index) => /*#__PURE__*/jsxRuntime.jsxs("group", {
-        position: [0, y, 0],
-        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-          material: hingeBodyMaterial,
-          position: [0, -separatorHeightM / 2 - barrelPartHeight / 2, 0],
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [hingeRadiusM, hingeRadiusM, barrelPartHeight, 32]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          material: hingeAccentMaterial,
-          position: [0, -separatorHeightM / 2 - barrelPartHeight - capHeightM / 2, 0],
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [hingeRadiusM, hingeRadiusM, capHeightM, 32]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          material: hingeAccentMaterial,
-          position: [0, 0, 0],
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsx("cylinderGeometry", {
-            args: [hingeRadiusM, hingeRadiusM, separatorHeightM, 32]
-          })
-        })]
-      }, "door-hinge-".concat(index))), isGlassDoor && isFrameVisible && glassHingeYPositions.map((y, index) => /*#__PURE__*/jsxRuntime.jsx(GlassHinge, {
-        position: [0, y, doorOffsetZ + 0.0001],
-        pivot: pivot,
-        frameSideWidth: sidesFrameWidthM,
-        doorDepthM: doorDepthM,
-        material: hingeBodyMaterial,
-        gasketMaterial: gasketMaterial
-      }, "glass-hinge-".concat(index))), /*#__PURE__*/jsxRuntime.jsxs("group", {
-        position: [-hingeSideX, 0, doorOffsetZ],
-        children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-          castShadow: true,
-          receiveShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsxs(csg.Geometry, {
-            useGroups: true,
-            children: [/*#__PURE__*/jsxRuntime.jsx(csg.Base, {
-              name: "door-base",
-              material: doorMaterial,
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [doorWidthM, mainDoorHeightM, doorDepthM]
-              })
-            }), /*#__PURE__*/jsxRuntime.jsx(DoorStopCuts, {
-              visible: ["WDGF_WDG100", "WF_100", "WF_FLI"].includes(frameType),
-              width: doorWidthM,
-              height: totalOpeningHeightM,
-              stopWidth: doorStopWidthM,
-              stopDepth: doorStopDepthM,
-              stopPositionZ: doorStopPositionZ,
-              centerZ: doorCenterZ,
-              material: doorMaterial,
-              setName: "1"
-            }), /*#__PURE__*/jsxRuntime.jsx(DoorStopCuts, {
-              visible: ["WDGF_WDG100", "WF_100", "WF_FLI"].includes(frameType),
-              width: doorWidthM,
-              height: totalOpeningHeightM,
-              stopWidth: secondDoorStopWidthM,
-              stopDepth: secondDoorStopDepthM,
-              stopPositionZ: secondDoorStopPositionZ,
-              centerZ: doorCenterZ,
-              material: doorMaterial,
-              setName: "2"
-            }), occulus.visible && occulusWidthM > 0 && occulusHeightM > 0 && /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
-              position: [occulusPositionXM, occulusPositionYM, 0],
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [occulusWidthM, occulusHeightM, doorDepthM + 0.01]
-              })
-            })]
-          })
-        }), glassVisible && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
-            position: [0, 0, frontGlassOffsetZ],
-            castShadow: true,
-            material: glassInfillMaterial,
-            children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [doorWidthM, mainDoorHeightM, GlassPanelDepthM]
-            })
-          }), !["WDGF_WDG100", "WF_100"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx("mesh", {
-            position: [0, 0, backGlassOffsetZ],
-            castShadow: true,
-            material: glassInfillMaterial,
-            children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [doorWidthM, mainDoorHeightM, GlassPanelDepthM]
-            })
-          }), ["WDGF_WDG100", "WF_100"].includes(frameType) && /*#__PURE__*/jsxRuntime.jsx("mesh", {
-            position: [0, -secondDoorStopWidthM / 2, backGlassOffsetZ],
-            castShadow: true,
-            material: glassInfillMaterial,
-            children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-              args: [doorWidthM - 2 * secondDoorStopWidthM, mainDoorHeightM - secondDoorStopWidthM, GlassPanelDepthM]
-            })
-          })]
-        }), frontDoorPlane.visible && /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, 0, doorDepthM / 2 + 0.0005],
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsxs(csg.Geometry, {
-            useGroups: true,
-            children: [/*#__PURE__*/jsxRuntime.jsx(csg.Base, {
-              material: frontDoorPlaneMaterial,
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [doorWidthM, mainDoorHeightM, 0.001]
-              })
-            }), occulus.visible && occulusWidthM > 0 && occulusHeightM > 0 && /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
-              position: [occulusPositionXM, occulusPositionYM, 0],
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [occulusWidthM, occulusHeightM, 0.002]
-              })
-            })]
-          })
-        }), backDoorPlane.visible && /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [0, 0, -doorDepthM / 2 - 0.0005],
-          castShadow: true,
-          children: /*#__PURE__*/jsxRuntime.jsxs(csg.Geometry, {
-            useGroups: true,
-            children: [/*#__PURE__*/jsxRuntime.jsx(csg.Base, {
-              material: backDoorPlaneMaterial,
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [doorWidthM, mainDoorHeightM, 0.0001]
-              })
-            }), occulus.visible && occulusWidthM > 0 && occulusHeightM > 0 && /*#__PURE__*/jsxRuntime.jsx(csg.Subtraction, {
-              position: [occulusPositionXM, occulusPositionYM, 0],
-              children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-                args: [occulusWidthM, occulusHeightM, 0.002]
-              })
-            })]
-          })
-        }), occulus.visible && occulus.infillVisible && occulusWidthM > 0 && occulusHeightM > 0 && /*#__PURE__*/jsxRuntime.jsx("mesh", {
-          position: [occulusPositionXM, occulusPositionYM, 0],
-          castShadow: true,
-          material: occulusInfillMaterial,
-          children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
-            args: [occulusWidthM, occulusHeightM, occulusInfillDepthM]
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx(DoorHandle, {
-          bodyType: bodyType,
-          handleX: handleX,
-          handleHeightM: handleHeightM,
-          doorDepthM: doorDepthM,
-          doorPivot: pivot
-        })]
-      })]
-    })]
-  });
-}
-
-const DoorConfigurator = _ref => {
-  let {
-    doorName,
-    materials,
-    doorPivot,
-    doorOpening,
-    is2D = false,
-    totalWidth,
-    totalHeight,
-    totalDepth
-  } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsx(ConfiguratorProvider, {
-    initialIs2D: is2D,
-    totalWidth: totalWidth,
-    totalHeight: totalHeight,
-    totalDepth: totalDepth,
-    children: /*#__PURE__*/jsxRuntime.jsx(DoorModels, {
-      doorName: doorName,
-      materials: materials,
-      doorPivot: doorPivot,
-      doorOpening: doorOpening
-    })
-  });
-};
-
-exports["default"] = DoorConfigurator;
-exports.useConfigurator = useConfigurator;
-//# sourceMappingURL=index.cjs.js.map