@crystaldesign/diva-web-planner-react 26.3.0-beta.10 → 26.3.0-beta.12

package/build/esm/{ArticleProperties-8033499b.js → ArticleProperties-6d50f848.js}

@@ -1,4 +1,4 @@
-import './index-545a32b9.js';
+import './index-4c9b6676.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{CatalogProperties-d5c356a7.js → CatalogProperties-e54704ae.js}

@@ -1,4 +1,4 @@
-import './index-545a32b9.js';
+import './index-4c9b6676.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{DecisionVizualizer-fde1101e.js → DecisionVizualizer-ed337e22.js}

@@ -1,26 +1,35 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-545a32b9.js';
+import { s as styleInject } from './index-4c9b6676.js';
 import { useRef, useState, useEffect } from 'react';
-import { n as idmContainer, p as closeIcon, q as idmTitle, s as scrollable, r as idmSubtitle, u as idmTable, v as bold } from './index.module-ace05329.js';
 import { JsonView, darkStyles } from 'react-json-view-lite';
 import classnames from 'classnames';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
+
+var bold = "bold-lbVn7";
+var tableDescription = "tableDescription-HHojU";
+var optionsTable = "optionsTable-duUmy";
+var optionsTableColumn = "optionsTableColumn-3dBDM";
+var decisionsGridContainer = "decisionsGridContainer-fFhrp";
+var gridContainer = "gridContainer-fFYsO";
+var optionValuesGridContainer = "optionValuesGridContainer-VjHHq";
+var optionsTableSelected = "optionsTableSelected-Mcjg3";
+var optionValuesTable = "optionValuesTable-XnJys";
+var optionValueSelected = "optionValueSelected-hlC3t";
+var decisionCell = "decisionCell-boCP6";
+var opvStatusVisible = "opvStatusVisible-Lsme-";
+var opvStatusHidden = "opvStatusHidden-XSrul";
+var opvStatusNewValue = "opvStatusNewValue-Pc5Ty";
+var decisionLink = "decisionLink-MMzgj";
+var closeIcon = "close-icon-oV-p5";
+var scrollable = "scrollable-g4Mgr";
+var header = "header-4-lJa";
+var decision = "decision-d8i43";
+var idmContainer = "idm-container-j98CM";
+var idmTitle = "idm-title-LFQMP";
+var idmSubtitle = "idm-subtitle-jkOPl";
+var idmTable = "idm-table-CZGdO";
+var css_248z = ".table-iqWqM {\n  position: relative;\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--diva-typography-font-family);\n  font-size: 13px;\n  background: #fff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.table-iqWqM thead {\n  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.table-iqWqM th,\n.table-iqWqM td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.table-iqWqM tbody tr:hover {\n  background: #f7fafc;\n}\n\n.column-0LUrX {\n  text-align: left;\n}\n\n.column-0LUrX:first-child {\n  height: 20px;\n}\n\n.bold-lbVn7 {\n  font-weight: bold;\n}\n\n.filter-7DtTa {\n  height: 24px;\n  padding: 4px 10px;\n  font-size: 13px;\n  border: 1px solid #cbd5e0;\n  border-radius: 6px;\n  min-width: 120px;\n}\n\n.filter-7DtTa:focus {\n  outline: none;\n  border-color: var(--primaryColor);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n}\n\n/* Layout */\n.tableDescription-HHojU {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.optionsTable-duUmy {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n  gap: 16px;\n  margin-top: 16px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  height: calc(100% - 112px);\n}\n\n.optionsTableColumn-3dBDM {\n  flex: 0 0 auto;\n  align-self: stretch;\n  min-width: 150px;\n  width: 40%;\n}\n\n.optionsTableColumn-3dBDM:first-child {\n  width: 20%;\n  min-width: 200px;\n}\n\n.decisionsGridContainer-fFhrp,\n.gridContainer-fFYsO {\n  width: 100%;\n  min-height: 150px;\n  height: 100%;\n}\n\n.optionValuesGridContainer-VjHHq {\n  width: 100%;\n  min-height: 80px;\n}\n\n.optionsTableSelected-Mcjg3 {\n  background: #ebf8ff !important;\n}\n\n.optionsTableSelected-Mcjg3 {\n  border-left: 3px solid var(--primaryColor);\n}\n\n.optionValuesTable-XnJys {\n  flex: 0 0 auto;\n  align-self: flex-start;\n  padding: 16px;\n  background: #f8fafc;\n  border-radius: 8px;\n  border: 1px solid #e2e8f0;\n  min-width: 200px;\n  width: 30%;\n}\n\n.optionValuesTable-XnJys h4 {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2d3748;\n}\n\n.optionValueSelected-hlC3t {\n  background: #e6fffa !important;\n}\n\n.optionValueSelected-hlC3t {\n  border-left: 3px solid #38b2ac;\n}\n\n.decisionCell-boCP6 {\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.decisionCell-boCP6:hover {\n  background: #edf2f7;\n}\n\n.opvStatusVisible-Lsme- {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.opvStatusHidden-XSrul {\n  color: #e53e3e;\n}\n\n.opvStatusNewValue-Pc5Ty {\n  color: #3182ce;\n  margin-left: 8px;\n}\n\n.decisionLink-MMzgj {\n  background: none;\n  border: none;\n  padding: 0;\n  font: inherit;\n  color: var(--primaryColor);\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n.decisionLink-MMzgj:hover {\n  color: color-mix(in srgb, var(--primaryColor) 80%, black);\n}\n\n.close-icon-oV-p5 {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.35355 0.646447C1.15829 0.451184 0.841709 0.451184 0.646447 0.646447C0.451184 0.841709 0.451184 1.15829 0.646447 1.35355L1.35355 0.646447ZM8.64645 9.35355C8.84171 9.54882 9.15829 9.54882 9.35355 9.35355C9.54882 9.15829 9.54882 8.84171 9.35355 8.64645L8.64645 9.35355ZM9.35355 1.35355C9.54882 1.15829 9.54882 0.841709 9.35355 0.646447C9.15829 0.451184 8.84171 0.451184 8.64645 0.646447L9.35355 1.35355ZM0.646447 8.64645C0.451185 8.84171 0.451185 9.15829 0.646447 9.35355C0.841709 9.54881 1.15829 9.54881 1.35355 9.35355L0.646447 8.64645ZM0.646447 1.35355L8.64645 9.35355L9.35355 8.64645L1.35355 0.646447L0.646447 1.35355ZM8.64645 0.646447L0.646447 8.64645L1.35355 9.35355L9.35355 1.35355L8.64645 0.646447Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n.column-0LUrX th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.scrollable-g4Mgr {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.header-4-lJa {\n  height: 8%;\n  width: calc(100% - 16px);\n  padding: 8px 16px;\n  text-align: center;\n  background: linear-gradient(135deg, var(--primaryColor) 0%, color-mix(in srgb, var(--primaryColor) 90%, black) 100%);\n  font-size: 18px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  border-radius: 0 0 8px 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.decision-d8i43 {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  right: calc(0px + 36px);\n  right: calc(var(--toolbar-width, 0px) + 36px);\n  z-index: 100000;\n  width: 640px;\n  height: calc(100vh - 60px);\n}\n\n.idm-container-j98CM {\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  pointer-events: all;\n  background-color: #fff;\n  width: 628px;\n  height: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.idm-container-j98CM h2 {\n  margin: 8px 16px;\n}\n\n.idm-title-LFQMP {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.idm-subtitle-jkOPl {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.idm-table-CZGdO {\n  width: calc(100% - 4px);\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.idm-table-CZGdO th,\n.idm-table-CZGdO td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.idm-table-CZGdO th {\n  background-color: #f2f2f2;\n}\n\n/* Dark mode compatibility */\n.darkmode .tableDescription-HHojU,\nbody.darkmode .tableDescription-HHojU {\n  color: #94a3b8;\n}\n\n.darkmode .optionsTableSelected-Mcjg3,\nbody.darkmode .optionsTableSelected-Mcjg3 {\n  background: rgba(56, 178, 172, 0.25) !important;\n}\n\n.darkmode .optionsTableSelected-Mcjg3,\nbody.darkmode .optionsTableSelected-Mcjg3 {\n  border-left-color: #38b2ac;\n}\n\n.darkmode .optionValueSelected-hlC3t,\nbody.darkmode .optionValueSelected-hlC3t {\n  background: rgba(56, 178, 172, 0.25) !important;\n}\n\n.darkmode .optionValueSelected-hlC3t,\nbody.darkmode .optionValueSelected-hlC3t {\n  border-left: 3px solid #38b2ac;\n}\n\n.darkmode .optionValuesTable-XnJys,\nbody.darkmode .optionValuesTable-XnJys {\n  background: rgba(30, 41, 59, 0.6);\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .optionValuesTable-XnJys h4,\nbody.darkmode .optionValuesTable-XnJys h4 {\n  color: #e2e8f0;\n}\n\n.darkmode .opvStatusVisible-Lsme-,\nbody.darkmode .opvStatusVisible-Lsme- {\n  color: #68d391;\n}\n\n.darkmode .opvStatusHidden-XSrul,\nbody.darkmode .opvStatusHidden-XSrul {\n  color: #fc8181;\n}\n\n.darkmode .opvStatusNewValue-Pc5Ty,\nbody.darkmode .opvStatusNewValue-Pc5Ty {\n  color: #63b3ed;\n}\n\n.darkmode .decisionLink-MMzgj,\nbody.darkmode .decisionLink-MMzgj {\n  color: #63b3ed;\n}\n\n.darkmode .decisionLink-MMzgj:hover,\nbody.darkmode .decisionLink-MMzgj:hover {\n  color: #93c5fd;\n}\n\n.darkmode .decisionCell-boCP6:hover,\nbody.darkmode .decisionCell-boCP6:hover {\n  background: rgba(71, 85, 105, 0.3);\n}\n\n/* DecisionVisualizer / IDM container dark mode */\n.darkmode .idm-container-j98CM,\nbody.darkmode .idm-container-j98CM {\n  background-color: rgba(30, 41, 59, 0.95);\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .idm-container-j98CM h2,\n.darkmode .idm-container-j98CM .idm-title-LFQMP,\nbody.darkmode .idm-container-j98CM h2,\nbody.darkmode .idm-container-j98CM .idm-title-LFQMP {\n  color: #e2e8f0;\n}\n\n.darkmode .idm-container-j98CM .idm-subtitle-jkOPl,\nbody.darkmode .idm-container-j98CM .idm-subtitle-jkOPl {\n  color: #cbd5e1;\n}\n\n.darkmode .idm-container-j98CM .idm-table-CZGdO th,\n.darkmode .idm-container-j98CM .idm-table-CZGdO td,\nbody.darkmode .idm-container-j98CM .idm-table-CZGdO th,\nbody.darkmode .idm-container-j98CM .idm-table-CZGdO td {\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .idm-container-j98CM .idm-table-CZGdO th,\nbody.darkmode .idm-container-j98CM .idm-table-CZGdO th {\n  background-color: rgba(51, 65, 85, 0.8);\n  color: #e2e8f0;\n}\n\n.darkmode .idm-container-j98CM .idm-table-CZGdO td,\nbody.darkmode .idm-container-j98CM .idm-table-CZGdO td {\n  color: #e2e8f0;\n}\n\n.darkmode .idm-container-j98CM .scrollable-g4Mgr,\nbody.darkmode .idm-container-j98CM .scrollable-g4Mgr {\n  color: #e2e8f0;\n}\n\n.darkmode .idm-container-j98CM .close-icon-oV-p5,\nbody.darkmode .idm-container-j98CM .close-icon-oV-p5 {\n  filter: invert(1);\n}\n";
+styleInject(css_248z);
 
 var DecisionVisualization = function DecisionVisualization(_ref) {
   var d = _ref.decision,
@@ -267,4 +276,9 @@ var DecisionVisualization = function DecisionVisualization(_ref) {
   }
 };
 
-export { DecisionVisualization as default };
+var DecisionVizualizer = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  'default': DecisionVisualization
+});
+
+export { DecisionVisualization as D, opvStatusHidden as a, opvStatusNewValue as b, optionsTable as c, decisionLink as d, optionsTableColumn as e, decisionsGridContainer as f, decisionCell as g, header as h, gridContainer as i, optionValuesTable as j, optionValuesGridContainer as k, decision as l, optionsTableSelected as m, optionValueSelected as n, opvStatusVisible as o, DecisionVizualizer as p, scrollable as s, tableDescription as t };

package/build/esm/{OptionProperties-555b864e.js → OptionProperties-8fd997cd.js}

@@ -1,4 +1,4 @@
-import './index-545a32b9.js';
+import './index-4c9b6676.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{OptionValueProperties-41ba820b.js → OptionValueProperties-1c6b82dc.js}

@@ -1,4 +1,4 @@
-import './index-545a32b9.js';
+import './index-4c9b6676.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{Planner2DGrid-bce92370.js → Planner2DGrid-d8b55970.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-545a32b9.js';
+import './index-4c9b6676.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-e5d981ad.js → Planner3DImage-4e854b74.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-545a32b9.js';
+import './index-4c9b6676.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';

package/build/esm/{index-2cbb491e.js → index-002c35e1.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
+import { s as styleInject, u as useViewHandler } from './index-4c9b6676.js';
 import { createElement } from 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-c310d4d3.js → index-00665ddf.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
+import { s as styleInject, u as useViewHandler } from './index-4c9b6676.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { SwipeableDrawer, Box } from '@mui/material';
 import { observer } from 'mobx-react-lite';
-import { a as swiperWrapper } from './index.module-98aa6f44.js';
+import { a as swiperWrapper } from './index.module-7d48bd47.js';
 import classnames from 'classnames';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-61d84cf8.js → index-012b11c7.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
+import { s as styleInject, u as useViewHandler } from './index-4c9b6676.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-8ecd61de.js → index-03e0f77b.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-545a32b9.js';
+import { u as useViewHandler } from './index-4c9b6676.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { a as table, c as column } from './index.module-4fcb0111.js';
+import { a as table, c as column } from './index.module-81ca083b.js';
 import Collapsible from 'react-collapsible';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-5b91d7d1.js → index-048055dc.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-545a32b9.js';
+import { s as styleInject } from './index-4c9b6676.js';
 import classnames from 'classnames';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-54f8141d.js → index-05728fda.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
+import { s as styleInject, u as useViewHandler } from './index-4c9b6676.js';
 import 'react';
-import BasketAction from './index-4dfab8cc.js';
+import BasketAction from './index-84921bc7.js';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -20,8 +20,8 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index.module-ffcce4d0.js';
-import './index-89e866ee.js';
+import './index.module-42ad8abc.js';
+import './index-c4b47014.js';
 import 'react-countup';
 
 var wcCheckoutButtonText = "wcCheckoutButtonText-bETEx";

package/build/esm/{index-36114526.js → index-06f2f03f.js}

@@ -1,28 +1,28 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
+import { s as styleInject, u as useViewHandler } from './index-4c9b6676.js';
 import React, { useState, useRef, useEffect, Suspense, lazy, useMemo } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-dd0f64a5.js';
-import ItemVariant from './index-787e3d13.js';
-import SettingsPaletteGroup from './index-2eb3451d.js';
-import ToggleOption from './index-094d50a2.js';
-import GroupDropdown from './index-afa71e50.js';
-import PromotedProducts from './index-bd356d40.js';
-import ToggleName from './index-15a53812.js';
-import itemPaletteTypeComponentMap from './index-cd3d2d65.js';
+import TextBox from './index-bf8b025c.js';
+import ItemVariant from './index-842ff806.js';
+import SettingsPaletteGroup from './index-6d1505c0.js';
+import ToggleOption from './index-848453a2.js';
+import GroupDropdown from './index-d9f24c87.js';
+import PromotedProducts from './index-18828e39.js';
+import ToggleName from './index-4b79c9f3.js';
+import itemPaletteTypeComponentMap from './index-115a7fc7.js';
 import classnames from 'classnames';
-import StepInfo from './index-5b91d7d1.js';
-import SettingsHeader from './index-76594e31.js';
-import ReplaceSwitch from './index-ce0d1800.js';
+import StepInfo from './index-048055dc.js';
+import SettingsHeader from './index-167c2e69.js';
+import ReplaceSwitch from './index-4c1fb87e.js';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation } from 'swiper/modules';
-import Slider from './index-756dde74.js';
-import MultiToggle from './index-3787b639.js';
-import Radio from './index-46b1a81a.js';
+import Slider from './index-e9af1856.js';
+import MultiToggle from './index-3f80ebae.js';
+import Radio from './index-22520679.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import SummaryOverview from './index-f044a604.js';
+import SummaryOverview from './index-45c4e06a.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -144,7 +144,7 @@ var index$2 = /*#__PURE__*/Object.freeze({
 function ownKeys$2(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 _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ConceptFilter = /*#__PURE__*/lazy(function () {
-  return import('./index-57db6f89.js');
+  return import('./index-3cf2c4ef.js');
 });
 var ItemWrapper = function ItemWrapper(_ref) {
   var _item$conceptFilter;
@@ -266,16 +266,16 @@ var useGridVariables = function useGridVariables(item) {
 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 _objectSpread(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; }
 var ShelfPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-b1e73fc8.js');
+  return import('./index-ba72ca09.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-3e24da11.js');
+  return import('./index-a52b14b0.js');
 });
 var ProductList = /*#__PURE__*/React.lazy(function () {
-  return import('./index-cd6c8b78.js');
+  return import('./index-c68a30b1.js');
 });
 var InspectModeTables = /*#__PURE__*/React.lazy(function () {
-  return import('./index-ea0ac7d2.js');
+  return import('./index-37a780a6.js');
 });
 var INSPECT_MODE_EXCEPTIONS = ['SHELFPLANNER', 'PLANNER_2.0', 'CHECKOUT', 'PRODUCTS', 'PROMOTED', 'DOOR_PLANNER', 'SUMMARY', 'SUMMARY_OPTIONTREE', 'SUMMARY_ARTICLES', 'VARIANTS'];
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {

package/build/esm/{index-c24d0672.js → index-073335da.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-545a32b9.js';
+import { u as useViewHandler } from './index-4c9b6676.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
-import { p as posnrWrapper, s as swiperWrapper, m as mobile, a as swiperSlide, S as SettingsPosNr$1 } from './index-78155052.js';
+import { p as posnrWrapper, s as swiperWrapper, m as mobile, a as swiperSlide, S as SettingsPosNr$1 } from './index-957d1264.js';
 import classnames from 'classnames';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { jsx, Fragment } from 'react/jsx-runtime';
@@ -23,9 +23,9 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-laag';
-import './index-da1769b8.js';
-import './index-ef7dc862.js';
-import './index-89e866ee.js';
+import './index-50e380f3.js';
+import './index-c09f40c0.js';
+import './index-c4b47014.js';
 import 'react-countup';
 
 var SettingsPosNrContainer = function SettingsPosNrContainer(_ref) {

package/build/esm/{index-890ea358.js → index-0838f972.js}

@@ -1,4 +1,4 @@
-import './index-545a32b9.js';
+import './index-4c9b6676.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-3e1209b4.js → index-0894a853.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler } from './index-545a32b9.js';
+import { u as useViewHandler } from './index-4c9b6676.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-ede1345c.js → index-08aa9543.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-545a32b9.js';
+import './index-4c9b6676.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-e69ffbfe.js → index-0b238e85.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
+import { s as styleInject, u as useViewHandler } from './index-4c9b6676.js';
 import 'react';
-import { w as wholeWrapper, n as notExpanded } from './index.module-6b77dc2b.js';
-import TabGroups from './index-9c8f8c3b.js';
-import TabGroupOptions from './index-1bcd799b.js';
+import { w as wholeWrapper, n as notExpanded } from './index.module-ff7952ee.js';
+import TabGroups from './index-75807f2d.js';
+import TabGroupOptions from './index-bb425d22.js';
 import { observer } from 'mobx-react-lite';
-import ProduktDetails from './index-bab193c1.js';
+import ProduktDetails from './index-808ac502.js';
 import Collapsible from 'react-collapsible';
-import Price from './index-556e1699.js';
+import Price from './index-ba7fc059.js';
 import classnames from 'classnames';
-import JsonViewer from './index-3f9d61a1.js';
+import JsonViewer from './index-6fece545.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -27,11 +27,11 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-379137d6.js';
-import './index-39523d8c.js';
-import './index.module-a1335515.js';
+import './index-6184d0c8.js';
+import './index-7d6f3e2e.js';
+import './index.module-728e5fe3.js';
 import 'react-json-view-lite';
-import './react-json-viewer-f7ac226f.js';
+import './react-json-viewer-a6420aa4.js';
 
 var menuPoint = "menu-point-Bz5zM";
 var collapsibleHeader = "collapsibleHeader-lzT9Y";

package/build/esm/{index-f2d3feff.js → index-0c8baf8c.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
+import { s as styleInject, u as useViewHandler } from './index-4c9b6676.js';
 import { useEffect } from 'react';
-import Settings from './index-ffed5098.js';
-import TabGroup from './index-09a46224.js';
+import Settings from './index-9157e0cb.js';
+import TabGroup from './index-8aa356a8.js';
 import { observer } from 'mobx-react-lite';
-import Inputbox from './index-66ed2f81.js';
+import Inputbox from './index-c4da10cb.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,103 +22,103 @@ import 'classnames';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-8ec0f023.js';
-import './index-76594e31.js';
-import './index-bbe0343a.js';
+import './index-94e1cca7.js';
+import './index-167c2e69.js';
+import './index-abf9ed7d.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-7b1fa760.js';
-import './index-8660a6fa.js';
-import './index-36114526.js';
+import './index-f1addd75.js';
+import './index-14f9fad8.js';
+import './index-06f2f03f.js';
 import 'sift';
-import './index-dd0f64a5.js';
-import './index-787e3d13.js';
-import './index-2eb3451d.js';
-import './index-094d50a2.js';
-import './index.module-f5f04403.js';
-import './index-a36c5a23.js';
+import './index-bf8b025c.js';
+import './index-842ff806.js';
+import './index-6d1505c0.js';
+import './index-848453a2.js';
+import './index.module-4916636d.js';
+import './index-177537b7.js';
 import 'react-switch';
-import './index-6d5db0a9.js';
-import './index-ef7dc862.js';
-import './index-89e866ee.js';
+import './index-7366d16f.js';
+import './index-c09f40c0.js';
+import './index-c4b47014.js';
 import 'react-countup';
-import './index-173772f8.js';
+import './index-4532dce1.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-afa71e50.js';
+import './index-d9f24c87.js';
 import 'react-dropdown';
-import './index-073d10a1.js';
-import './index-527ad827.js';
-import './index-948218c6.js';
-import './index-7d8c9c2c.js';
+import './index-35edaaa3.js';
+import './index-f00f0f3f.js';
+import './index-4fd79a07.js';
+import './index-f87c66c4.js';
 import '@crystaldesign/content-box';
-import './index-2b1e0d1a.js';
-import './index-2a743ef9.js';
-import './index-bd356d40.js';
-import './index-15a53812.js';
-import './index-cd3d2d65.js';
-import './index-9440c593.js';
-import './index-25d04e8a.js';
-import './index-a182a2b4.js';
-import './index-5bee4e0b.js';
+import './index-6c6bda62.js';
+import './index-862fe09e.js';
+import './index-18828e39.js';
+import './index-4b79c9f3.js';
+import './index-115a7fc7.js';
+import './index-f6d0b5ee.js';
+import './index-e74b07f1.js';
+import './index-8c7231a7.js';
+import './index-0f6ba228.js';
 import 'react-laag';
-import './index.module-77bd5380.js';
-import './index-20cf7e10.js';
-import './index-da1769b8.js';
-import './index-2a44aff1.js';
-import './index-39b15e35.js';
-import './index-4e085b6b.js';
-import './index-9377bfb4.js';
-import './index.module-c5cfe845.js';
-import './index-46cea5fa.js';
-import './index-5b91d7d1.js';
-import './index-307fa726.js';
-import './index-24df4a0c.js';
-import './index-eebc8e3e.js';
-import './index-5f761efe.js';
-import './index-73904008.js';
-import './index-32d08d94.js';
-import './index-4cbd873c.js';
-import './index-a58865ba.js';
-import './index-94569688.js';
-import './index-ce0d1800.js';
+import './index.module-ea18a28c.js';
+import './index-ebcb42d8.js';
+import './index-50e380f3.js';
+import './index-67032cac.js';
+import './index-4e7f18c0.js';
+import './index-467a77c7.js';
+import './index-fc369dd9.js';
+import './index.module-fd30a8cd.js';
+import './index-6d718ec6.js';
+import './index-048055dc.js';
+import './index-2cbe5c03.js';
+import './index-4d42ceca.js';
+import './index-b54c6413.js';
+import './index-f64d345a.js';
+import './index-15f4124e.js';
+import './index-a97d75ea.js';
+import './index-c38fcc2c.js';
+import './index-6c1216e4.js';
+import './index-4520a84f.js';
+import './index-4c1fb87e.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-756dde74.js';
+import './index-e9af1856.js';
 import 'rc-slider';
-import './index-3787b639.js';
-import './index-9ae75ee2.js';
-import './index-46b1a81a.js';
-import './index-f044a604.js';
-import './index-060ae141.js';
+import './index-3f80ebae.js';
+import './index-4600e75f.js';
+import './index-22520679.js';
+import './index-45c4e06a.js';
+import './index-dfc7bb96.js';
 import 'react-confetti-explosion';
-import './index-cbeabc19.js';
-import './index-cedf1e97.js';
-import './index-a9e74135.js';
+import './index-3836267c.js';
+import './index-a2471909.js';
+import './index-cbe80540.js';
 import 'react-qr-code';
-import './index-bb3c21a4.js';
-import './useCustomDimensions-2f4020aa.js';
-import './index-eae77a5a.js';
-import './ussIsSticky-333db608.js';
-import './index-97fed7cf.js';
-import './index-eb00ac3f.js';
-import './index-cfca9284.js';
-import './index.module-35d4dfdd.js';
-import './index-944d5596.js';
-import './index-73cac779.js';
-import './index-d8958104.js';
-import './index-24a77d27.js';
-import './index-e5075b3b.js';
-import './index.module-98aa6f44.js';
-import './index-e8a9b04c.js';
-import './index-ecbab135.js';
-import './index-d04475d7.js';
-import './index-c310d4d3.js';
+import './index-7434b1ab.js';
+import './useCustomDimensions-4c4561e5.js';
+import './index-f4dcd88a.js';
+import './ussIsSticky-e7451430.js';
+import './index-a286b511.js';
+import './index-c9705602.js';
+import './index-c8e0859e.js';
+import './index.module-f4eb32d8.js';
+import './index-e5f0d381.js';
+import './index-3f8b4c08.js';
+import './index-af577a96.js';
+import './index-e8f05e35.js';
+import './index-1195960a.js';
+import './index.module-7d48bd47.js';
+import './index-e01d87a6.js';
+import './index-567e0649.js';
+import './index-f8669755.js';
+import './index-00665ddf.js';
 import '@mui/material';
-import './index-895c3e47.js';
-import './index-73dea9e3.js';
-import './index-c0cbd897.js';
-import './index-b31feb99.js';
-import './index-a169f6e3.js';
+import './index-4cc26c8f.js';
+import './index-54bbca2f.js';
+import './index-cc611c80.js';
+import './index-c7ad09c7.js';
+import './index-2458e06e.js';
 
 var wcConfigurator = "wcConfigurator-IeI91";
 var wcConfiguratorSteps = "wc-configurator-steps-yPThi";

package/build/esm/{index-5bee4e0b.js → index-0f6ba228.js}

@@ -1,17 +1,17 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
+import { s as styleInject, u as useViewHandler } from './index-4c9b6676.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-77bd5380.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-ea18a28c.js';
 import classnames from 'classnames';
-import IsActive from './index-20cf7e10.js';
+import IsActive from './index-ebcb42d8.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-da1769b8.js';
-import InfoIcon from './index-6d5db0a9.js';
-import PricePreview from './index-ef7dc862.js';
-import ReverseCheck from './index-173772f8.js';
+import GenericToolTip from './index-50e380f3.js';
+import InfoIcon from './index-7366d16f.js';
+import PricePreview from './index-c09f40c0.js';
+import ReverseCheck from './index-4532dce1.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -26,7 +26,7 @@ import '@crystaldesign/web-planner-logic';
 import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
-import './index-89e866ee.js';
+import './index-c4b47014.js';
 import 'react-countup';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';

package/build/esm/{index-85de9280.js → index-0fbe1b7a.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-545a32b9.js';
+import { s as styleInject, u as useViewHandler } from './index-4c9b6676.js';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-5f3d177a.js';
+import ProductRoomList from './index-a7ef8800.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';