@crystaldesign/diva-web-planner-react 26.12.0-beta.30 → 26.12.0-beta.31

package/build/esm/{index-03241b3d.js → index-1336df6a.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview, S as SettingsHeader } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, S as SettingsHeader } from './index-e5867324.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-885ed8ad.js';
+import MobileDropdown from './index-b8d51c56.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-a1bfb8f3.js';
-import ReverseCheck from './index-6c52b105.js';
+import InfoIcon from './index-928866df.js';
+import ReverseCheck from './index-c5dc9aca.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -26,7 +26,7 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-ba6cae47.js';
+import './index-d2dc806a.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
 
@@ -36,7 +36,7 @@ var dropDownArea = "dropDownArea-2LjDI";
 var image = "image-Ox-79";
 var label = "label-l3TV3";
 var wrapper = "wrapper-xpzd5";
-var css_248z = ".icon-wrapper-uXqGb {\n  display: flex;\n  position: relative;\n}\n.wcDropDownSelect-sB9TS {\n  padding: 10.2px 24px 7px 16px !important;\n}\n.wcDropDownSelect-sB9TS {\n  height: 39px;\n  padding: 8px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  letter-spacing: 0pt;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -16px center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 24px;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n\n  font-weight: 300;\n}\n\n.wcDropDownSelect-sB9TS > div > div {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.dropDownArea-2LjDI {\n  max-height: 520px;\n\n  right: 0;\n  width: 100%;\n  min-width: 150px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.dropDownArea-2LjDI .dropOption-lwWxd {\n  white-space: nowrap;\n}\n\n.row-fy2V4 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-KdLW7 {\n  text-align: right;\n  padding-bottom: 9px;\n  padding-top: 9px;\n}\n\n.colum-yG36- {\n  width: 50%;\n  margin: 15px;\n}\n\n.image-Ox-79 {\n  width: 45%;\n}\n\n.label-l3TV3 {\n  position: relative;\n  padding-right: 64px;\n}\n\n.wrapper-xpzd5 .Dropdown-root {\n  position: relative;\n}\n\n.wrapper-xpzd5 .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  font-size: 14px;\n}\n\n.mobile-XuD0m .Dropdown-control {\n  font-size: 12px;\n}\n\n.tablet-yL-Pt .Dropdown-control {\n  font-size: 15px;\n}\n\n.wrapper-xpzd5 .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.wrapper-xpzd5 .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.wrapper-xpzd5 .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.wrapper-xpzd5 .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  border: 1px solid #ddd;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.wrapper-xpzd5 .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.wrapper-xpzd5 .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.wrapper-xpzd5 .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.wrapper-xpzd5 .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.wrapper-xpzd5 .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.wrapper-xpzd5 .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wcDropDownSelect-sB9TS {\n  background-color: #374c86;\n  border-color: rgba(255, 255, 255, 0.2);\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .title-KdLW7 {\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-control {\n  background-color: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-arrow {\n  border-top-color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .is-open .Dropdown-arrow {\n  border-bottom-color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-menu {\n  background-color: #374c86;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-option {\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-option:hover,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-option.is-selected {\n  background-color: rgba(255, 255, 255, 0.12);\n  color: #fff;\n}\n";
+var css_248z = ".icon-wrapper-uXqGb {\n  display: flex;\n  position: relative;\n}\n.wcDropDownSelect-sB9TS {\n  padding: 10.2px 24px 7px 16px !important;\n}\n.wcDropDownSelect-sB9TS {\n  height: 39px;\n  padding: 8px;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  letter-spacing: 0pt;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -16px center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 24px;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n\n  font-weight: 300;\n}\n\n.wcDropDownSelect-sB9TS > div > div {\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.dropDownArea-2LjDI {\n  max-height: 520px;\n\n  right: 0;\n  width: 100%;\n  min-width: 150px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n\n.dropDownArea-2LjDI .dropOption-lwWxd {\n  white-space: nowrap;\n}\n\n.row-fy2V4 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.title-KdLW7 {\n  text-align: right;\n  padding-bottom: 9px;\n  padding-top: 9px;\n}\n\n.colum-yG36- {\n  width: 50%;\n  margin: 15px;\n}\n\n.image-Ox-79 {\n  width: 45%;\n}\n\n.label-l3TV3 {\n  position: relative;\n  padding-right: 64px;\n}\n\n.wrapper-xpzd5 .Dropdown-root {\n  position: relative;\n}\n\n.wrapper-xpzd5 .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 2px 24px 2px 10px;\n  transition: all 200ms ease;\n  background-color: #fff;\n  border-radius: var(--globalBorderRadius);\n  font-size: 14px;\n}\n\n.mobile-XuD0m .Dropdown-control {\n  font-size: 12px;\n}\n\n.tablet-yL-Pt .Dropdown-control {\n  font-size: 15px;\n}\n\n.wrapper-xpzd5 .Dropdown-control:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n}\n\n.wrapper-xpzd5 .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 8px;\n  top: 15px;\n  width: 0;\n}\n\n.wrapper-xpzd5 .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n.wrapper-xpzd5 .Dropdown-menu {\n  background-color: white;\n  box-sizing: border-box;\n  border: 1px solid #ddd;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1100;\n  -webkit-overflow-scrolling: touch;\n}\n\n.wrapper-xpzd5 .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n.wrapper-xpzd5 .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n.wrapper-xpzd5 .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n.wrapper-xpzd5 .Dropdown-option:hover {\n  background-color: #f2f9fc;\n}\n\n.wrapper-xpzd5 .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n.wrapper-xpzd5 .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n\n/* Dark mode – backoffice */\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wcDropDownSelect-sB9TS,\n.diva-component-DIVA_DATA_ENGINE .darkmode .wcDropDownSelect-sB9TS {\n  background-color: #374c86;\n  border-color: rgba(255, 255, 255, 0.2);\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .title-KdLW7,\n.diva-component-DIVA_DATA_ENGINE .darkmode .title-KdLW7 {\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-control,\n.diva-component-DIVA_DATA_ENGINE .darkmode .wrapper-xpzd5 .Dropdown-control {\n  background-color: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-arrow,\n.diva-component-DIVA_DATA_ENGINE .darkmode .wrapper-xpzd5 .Dropdown-arrow {\n  border-top-color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .is-open .Dropdown-arrow,\n.diva-component-DIVA_DATA_ENGINE .darkmode .wrapper-xpzd5 .is-open .Dropdown-arrow {\n  border-bottom-color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-menu,\n.diva-component-DIVA_DATA_ENGINE .darkmode .wrapper-xpzd5 .Dropdown-menu {\n  background-color: #374c86;\n  border-color: rgba(255, 255, 255, 0.12);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-menu .Dropdown-group > .Dropdown-title,\n.diva-component-DIVA_DATA_ENGINE .darkmode .wrapper-xpzd5 .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-option,\n.diva-component-DIVA_DATA_ENGINE .darkmode .wrapper-xpzd5 .Dropdown-option {\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-option:hover,\n.diva-component-DIVA_DATA_ENGINE .darkmode .wrapper-xpzd5 .Dropdown-option:hover,\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .wrapper-xpzd5 .Dropdown-option.is-selected,\n.diva-component-DIVA_DATA_ENGINE .darkmode .wrapper-xpzd5 .Dropdown-option.is-selected {\n  background-color: rgba(255, 255, 255, 0.12);\n  color: #fff;\n}\n";
 styleInject(css_248z);
 
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }

package/build/esm/{index-7cc8bc93.js → index-13531035.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import 'react';
 import Dropdown from 'react-dropdown';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
-import Arrow from './index-ba6cae47.js';
+import Arrow from './index-d2dc806a.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-dd37600b.js → index-13c5440b.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-b5600279.js';
+import { u as useViewHandler } from './index-e5867324.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-417a9529.js → index-13fb1854.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-ee48bb3d.js → index-1772d978.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-b5600279.js';
+import { u as useViewHandler } from './index-e5867324.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-f7cf7d09.js';
-import IsActive from './index-bd485ab2.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-100f6bf1.js';
+import IsActive from './index-abd69958.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-29b04805.js → index-1913b66e.js}

@@ -1,5 +1,5 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-227b3a48.js → index-19307cda.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-b5600279.js';
+import { u as useViewHandler } from './index-e5867324.js';
 import 'react';
-import SettingsHeaderContainer from './index-8c78ca29.js';
-import SettingsScroller from './index-28c45616.js';
+import SettingsHeaderContainer from './index-e928d5d7.js';
+import SettingsScroller from './index-3ae7dafc.js';
 import { observer } from 'mobx-react-lite';
-import { w as wcConfiguratorSettings, t as tabsHorizontal, e as expanded } from './index.module-9654d173.js';
+import { w as wcConfiguratorSettings, t as tabsHorizontal, e as expanded } from './index.module-3ea14d99.js';
 import classnames from 'classnames';
-import SettingsSwiper from './index-40e37fa2.js';
-import SettingsExpanderButtons from './index-ace79351.js';
-import SettingsBottomDrawer from './index-86c9cc67.js';
+import SettingsSwiper from './index-08c6e9ca.js';
+import SettingsExpanderButtons from './index-06526969.js';
+import SettingsBottomDrawer from './index-2cd29646.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -29,86 +29,86 @@ import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-86f8f0e1.js';
-import './index-466b2c6d.js';
-import './index-88e331ff.js';
+import './index-a6279934.js';
+import './index-e111b51c.js';
+import './index-c7229698.js';
 import 'sift';
-import './index-fd11bb36.js';
-import './index-ae2f88ef.js';
-import './index-2ec76bd0.js';
-import './index-e2c53787.js';
-import './index.module-4dbcf5c4.js';
-import './index-a1bfb8f3.js';
-import './index-6c52b105.js';
+import './index-a07f9c21.js';
+import './index-9f4f5bc8.js';
+import './index-0fa3ad03.js';
+import './index-d5ea138b.js';
+import './index.module-3f8fa07a.js';
+import './index-928866df.js';
+import './index-c5dc9aca.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-3f93d8d7.js';
+import './index-f0d46db9.js';
 import 'react-dropdown';
-import './index-5a3297cc.js';
-import './index-7cc8bc93.js';
-import './index-ba6cae47.js';
-import './index-20189d95.js';
+import './index-b92e6a3c.js';
+import './index-13531035.js';
+import './index-d2dc806a.js';
+import './index-d92cc306.js';
 import '@crystaldesign/content-box';
-import './index-a731fac3.js';
-import './index-a0c05b47.js';
-import './index-c098553b.js';
-import './index-07236616.js';
+import './index-71973ef1.js';
+import './index-c448f954.js';
+import './index-0985d782.js';
+import './index-ef3acafd.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-2c538741.js';
-import './index-32b6cf27.js';
-import './index-02117dbc.js';
-import './index-87be8512.js';
-import './index-eee7164f.js';
-import './index-890ebdc0.js';
-import './index-bfc19970.js';
+import './UnlockCard-d1293b73.js';
+import './index-f95d8dab.js';
+import './index-7eae56ae.js';
+import './index-aefa28fb.js';
+import './index-65418866.js';
+import './index-6d7939ce.js';
+import './index-93ab0df8.js';
 import 'react-laag';
-import './index.module-39785b84.js';
-import './index-bd485ab2.js';
-import './index-1b00d75a.js';
-import './index-b111088f.js';
-import './index-7dcac9db.js';
-import './index-107073a6.js';
-import './index.module-f7cf7d09.js';
-import './index-cb26b569.js';
-import './index-9021ee24.js';
-import './index-6ff775c4.js';
-import './index-d79db6b1.js';
-import './index-a8d55c3d.js';
-import './index-f476a841.js';
-import './index-ad0073e0.js';
-import './index-2c4ceb76.js';
-import './index-d205d93b.js';
-import './index-9ab04810.js';
-import './index-83dcd58c.js';
-import './index-a64b6074.js';
-import './index-28fa6fd4.js';
+import './index.module-835e5744.js';
+import './index-abd69958.js';
+import './index-9593182d.js';
+import './index-c8faaae0.js';
+import './index-10273eae.js';
+import './index-e4e83cd1.js';
+import './index.module-100f6bf1.js';
+import './index-369257c9.js';
+import './index-d2972d31.js';
+import './index-829b6e14.js';
+import './index-f114b25a.js';
+import './index-3b0ee690.js';
+import './index-3683382a.js';
+import './index-a7583ff2.js';
+import './index-69cff04f.js';
+import './index-51176243.js';
+import './index-043d6722.js';
+import './index-228c4fb5.js';
+import './index-2863d099.js';
+import './index-96c8e790.js';
 import 'rc-slider';
-import './index-2e368a5a.js';
-import './index-1072f1d1.js';
-import './index-dba3ffcb.js';
-import './index-2512aab8.js';
-import './index-dd37600b.js';
+import './index-8868a929.js';
+import './index-9841d840.js';
+import './index-24ea39d1.js';
+import './index-efb18a19.js';
+import './index-13c5440b.js';
 import 'react-confetti-explosion';
-import './index-b3388222.js';
-import './index-836d4462.js';
-import './index-36a38705.js';
+import './index-d3e6ee78.js';
+import './index-f629a19b.js';
+import './index-0d37817c.js';
 import 'react-qr-code';
-import './index-0eb4fbc1.js';
-import './useCustomDimensions-84ef7744.js';
-import './index-3895d740.js';
-import './ussIsSticky-2fa465b9.js';
-import './index-0a07024f.js';
-import './index-5e5aba05.js';
-import './index-ffccd07b.js';
-import './index.module-e392d5a9.js';
-import './index-980b65ca.js';
-import './index-53a6c077.js';
-import './index-8be0a261.js';
-import './index-47f65338.js';
-import './index-97407b6c.js';
-import './index-46c0294d.js';
-import './index-e5daeff8.js';
+import './index-bba5efeb.js';
+import './useCustomDimensions-69a46a5e.js';
+import './index-73cd88be.js';
+import './ussIsSticky-372746a0.js';
+import './index-34a4f059.js';
+import './index-68605129.js';
+import './index-7cf8835b.js';
+import './index.module-50115982.js';
+import './index-31dd8695.js';
+import './index-6705bacf.js';
+import './index-9a401e49.js';
+import './index-427c3d38.js';
+import './index-e66e8797.js';
+import './index-79ef88c7.js';
+import './index-497717bb.js';
 import '@mui/material';
 
 var _excluded = ["className", "tabgroupElement"];

package/build/esm/{index-0d190bb9.js → index-1ae041db.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import NavBar from './index-16560f18.js';
+import NavBar from './index-d2e1abb7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";

package/build/esm/{index-bf7b47d5.js → index-1ea78ab0.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import { useEffect } from 'react';
-import Settings from './index-227b3a48.js';
-import TabGroup from './index-b91152cf.js';
+import Settings from './index-19307cda.js';
+import TabGroup from './index-26650e63.js';
 import { observer } from 'mobx-react-lite';
-import Inputbox from './index-063dc782.js';
+import Inputbox from './index-22894dd6.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,99 +25,99 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-8c78ca29.js';
-import './index-28c45616.js';
+import './index-e928d5d7.js';
+import './index-3ae7dafc.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-86f8f0e1.js';
-import './index-466b2c6d.js';
-import './index-88e331ff.js';
+import './index-a6279934.js';
+import './index-e111b51c.js';
+import './index-c7229698.js';
 import 'sift';
-import './index-fd11bb36.js';
-import './index-ae2f88ef.js';
-import './index-2ec76bd0.js';
-import './index-e2c53787.js';
-import './index.module-4dbcf5c4.js';
-import './index-a1bfb8f3.js';
-import './index-6c52b105.js';
+import './index-a07f9c21.js';
+import './index-9f4f5bc8.js';
+import './index-0fa3ad03.js';
+import './index-d5ea138b.js';
+import './index.module-3f8fa07a.js';
+import './index-928866df.js';
+import './index-c5dc9aca.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-3f93d8d7.js';
+import './index-f0d46db9.js';
 import 'react-dropdown';
-import './index-5a3297cc.js';
-import './index-7cc8bc93.js';
-import './index-ba6cae47.js';
-import './index-20189d95.js';
+import './index-b92e6a3c.js';
+import './index-13531035.js';
+import './index-d2dc806a.js';
+import './index-d92cc306.js';
 import '@crystaldesign/content-box';
-import './index-a731fac3.js';
-import './index-a0c05b47.js';
-import './index-c098553b.js';
-import './index-07236616.js';
+import './index-71973ef1.js';
+import './index-c448f954.js';
+import './index-0985d782.js';
+import './index-ef3acafd.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-2c538741.js';
-import './index-32b6cf27.js';
-import './index-02117dbc.js';
-import './index-87be8512.js';
-import './index-eee7164f.js';
-import './index-890ebdc0.js';
-import './index-bfc19970.js';
+import './UnlockCard-d1293b73.js';
+import './index-f95d8dab.js';
+import './index-7eae56ae.js';
+import './index-aefa28fb.js';
+import './index-65418866.js';
+import './index-6d7939ce.js';
+import './index-93ab0df8.js';
 import 'react-laag';
-import './index.module-39785b84.js';
-import './index-bd485ab2.js';
-import './index-1b00d75a.js';
-import './index-b111088f.js';
-import './index-7dcac9db.js';
-import './index-107073a6.js';
-import './index.module-f7cf7d09.js';
-import './index-cb26b569.js';
-import './index-9021ee24.js';
-import './index-6ff775c4.js';
-import './index-d79db6b1.js';
-import './index-a8d55c3d.js';
-import './index-f476a841.js';
-import './index-ad0073e0.js';
-import './index-2c4ceb76.js';
-import './index-d205d93b.js';
-import './index-9ab04810.js';
-import './index-83dcd58c.js';
-import './index-a64b6074.js';
-import './index-28fa6fd4.js';
+import './index.module-835e5744.js';
+import './index-abd69958.js';
+import './index-9593182d.js';
+import './index-c8faaae0.js';
+import './index-10273eae.js';
+import './index-e4e83cd1.js';
+import './index.module-100f6bf1.js';
+import './index-369257c9.js';
+import './index-d2972d31.js';
+import './index-829b6e14.js';
+import './index-f114b25a.js';
+import './index-3b0ee690.js';
+import './index-3683382a.js';
+import './index-a7583ff2.js';
+import './index-69cff04f.js';
+import './index-51176243.js';
+import './index-043d6722.js';
+import './index-228c4fb5.js';
+import './index-2863d099.js';
+import './index-96c8e790.js';
 import 'rc-slider';
-import './index-2e368a5a.js';
-import './index-1072f1d1.js';
-import './index-dba3ffcb.js';
-import './index-2512aab8.js';
-import './index-dd37600b.js';
+import './index-8868a929.js';
+import './index-9841d840.js';
+import './index-24ea39d1.js';
+import './index-efb18a19.js';
+import './index-13c5440b.js';
 import 'react-confetti-explosion';
-import './index-b3388222.js';
-import './index-836d4462.js';
-import './index-36a38705.js';
+import './index-d3e6ee78.js';
+import './index-f629a19b.js';
+import './index-0d37817c.js';
 import 'react-qr-code';
-import './index-0eb4fbc1.js';
-import './useCustomDimensions-84ef7744.js';
-import './index-3895d740.js';
-import './ussIsSticky-2fa465b9.js';
-import './index-0a07024f.js';
-import './index-5e5aba05.js';
-import './index-ffccd07b.js';
-import './index.module-e392d5a9.js';
-import './index-980b65ca.js';
-import './index-53a6c077.js';
-import './index-8be0a261.js';
-import './index-47f65338.js';
-import './index-97407b6c.js';
-import './index-46c0294d.js';
-import './index.module-9654d173.js';
-import './index-40e37fa2.js';
-import './index-e5daeff8.js';
-import './index-ace79351.js';
-import './index-86c9cc67.js';
+import './index-bba5efeb.js';
+import './useCustomDimensions-69a46a5e.js';
+import './index-73cd88be.js';
+import './ussIsSticky-372746a0.js';
+import './index-34a4f059.js';
+import './index-68605129.js';
+import './index-7cf8835b.js';
+import './index.module-50115982.js';
+import './index-31dd8695.js';
+import './index-6705bacf.js';
+import './index-9a401e49.js';
+import './index-427c3d38.js';
+import './index-e66e8797.js';
+import './index-79ef88c7.js';
+import './index.module-3ea14d99.js';
+import './index-08c6e9ca.js';
+import './index-497717bb.js';
+import './index-06526969.js';
+import './index-2cd29646.js';
 import '@mui/material';
-import './index-36725b33.js';
-import './index-4555dbc5.js';
-import './index-08c85619.js';
-import './index-06c7c2cd.js';
-import './index-0fb46b99.js';
+import './index-bc712771.js';
+import './index-d1539c7a.js';
+import './index-cdbe1465.js';
+import './index-6214f7a1.js';
+import './index-bad9bc74.js';
 
 var wcConfigurator = "wcConfigurator-IeI91";
 var wcConfiguratorSteps = "wc-configurator-steps-yPThi";

package/build/esm/{index-49becf06.js → index-1eba14e2.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-b5600279.js';
+import { s as styleInject } from './index-e5867324.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-7294c3a9.js';
+import ActionNavigation from './index-ee56e1e1.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -23,7 +23,7 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index.module-1059ddb5.js';
+import './index.module-f78428e2.js';
 
 var font = "font-pqTkf";
 var css_248z = ".font-pqTkf {\n  font-weight: 300;\n}\n";

package/build/esm/{index-1c97f2bb.js → index-223c521f.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import 'react';
-import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlannerDistanceToGround, e as wcPlannerArrowDistanceToGround } from './index.module-d67770f3.js';
-import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-8d286010.js';
-import PlannerUI from './index-ef2ba245.js';
+import { w as wcBoxPlannerAddElement, a as wcBoxPlannerAddElementLeft, b as wcBoxPlannerAddElementTop, c as wcBoxPlannerAddElementRight, d as wcPlannerDistanceToGround, e as wcPlannerArrowDistanceToGround } from './index.module-36f071f6.js';
+import { w as wcUi2DOutlineDraggable, a as wcUi2DOutlineDraggableActive, b as wcUi2DOutlineSelectable, c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-ff452c6f.js';
+import PlannerUI from './index-0e96830a.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -25,20 +25,20 @@ import 'flat';
 import '@crystaldesign/real-time-viewer-next';
 import 'react-switch';
 import 'react-countup';
-import './index-11612a4e.js';
-import './index-7acd6f48.js';
-import './index-e298a7eb.js';
-import './index-78d8b281.js';
-import './index-ab81ef99.js';
-import './index-0df0db83.js';
-import './index-b156dd06.js';
-import './index-e29ed618.js';
-import './index-d03f75a8.js';
-import './index-35cccbcd.js';
-import './index-3cb77252.js';
-import './index-0b8c3ac1.js';
-import './index-f54fb5ea.js';
-import './index-16311617.js';
+import './index-9b71c562.js';
+import './index-c4e34d8e.js';
+import './index-d03e7da0.js';
+import './index-4967fdb4.js';
+import './index-4892251c.js';
+import './index-c4afc917.js';
+import './index-cd3336c2.js';
+import './index-a8055cf9.js';
+import './index-677fb34a.js';
+import './index-8f155f85.js';
+import './index-d40848b7.js';
+import './index-4aa86695.js';
+import './index-7690bb44.js';
+import './index-aab3578e.js';
 
 var wcPlannerButton = "wcPlannerButton-hPp4U";
 var tablet = "tablet-4JSOS";

package/build/esm/{index-063dc782.js → index-22894dd6.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler } from './index-e5867324.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-83dcd58c.js → index-228c4fb5.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler, G as GenericToolTip, P as PricePreview } from './index-e5867324.js';
 import classnames from 'classnames';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import MetaData from './index-f476a841.js';
-import InfoIcon from './index-a1bfb8f3.js';
+import MetaData from './index-3683382a.js';
+import InfoIcon from './index-928866df.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/{index-dba3ffcb.js → index-24ea39d1.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-b5600279.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-e5867324.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import InfoIcon from './index-a1bfb8f3.js';
+import InfoIcon from './index-928866df.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';