@crystaldesign/diva-web-planner-react 26.4.0-rc.1 → 26.4.0-rc.11

package/build/esm/{index-e2872dd7.js → index-4ef502fc.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-e3bc1a41.js';
+import { s as styleInject } from './index-22049a2e.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getKey } from './index-57a512e1.js';
+import { g as getKey } from './index-5ecfdc6f.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -23,80 +23,80 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'sift';
-import './index-5ba769c3.js';
-import './index-13e6d29c.js';
-import './index-ea47a2d1.js';
-import './index-89000a43.js';
-import './index.module-7b6cba8b.js';
-import './index-3954252c.js';
-import './index-ff4990b9.js';
+import './index-68dc625a.js';
+import './index-0cb7f8c1.js';
+import './index-7cc03952.js';
+import './index-1f14f1f5.js';
+import './index.module-b5494b57.js';
+import './index-673ca36d.js';
+import './index-addd466a.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-cc853cba.js';
+import './index-8c660cb4.js';
 import 'react-dropdown';
-import './index-59036c66.js';
+import './index-48f46d16.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-0cecef07.js';
-import './index-b3b77ac7.js';
-import './index-bfcdd8e9.js';
+import './index-40c3aa55.js';
+import './index-64e04ea8.js';
+import './index-ce74bb99.js';
 import '@crystaldesign/content-box';
-import './index-fbace0a9.js';
-import './index-2790cb5c.js';
-import './index-e18a9ad2.js';
-import './index-935efa21.js';
+import './index-42bf7ba6.js';
+import './index-320d6231.js';
+import './index-6a541dc9.js';
+import './index-1cc89593.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-c90761c6.js';
-import './index-eb5e8580.js';
-import './index-1a148555.js';
-import './index-780d4b78.js';
-import './index-37ff96a6.js';
-import './index-72122d8a.js';
-import './index-5d6d6472.js';
+import './UnlockCard-a9c0a340.js';
+import './index-072379d9.js';
+import './index-ce3fd2dd.js';
+import './index-03a87736.js';
+import './index-50d81f2b.js';
+import './index-566ac26c.js';
+import './index-1ad6bc31.js';
 import 'react-laag';
-import './index.module-c0ff3aac.js';
-import './index-8e216e6a.js';
-import './index-61d02f4b.js';
-import './index-32903988.js';
-import './index-8e384844.js';
-import './index-1aeaef5a.js';
-import './index.module-bcdc4577.js';
-import './index-f0e74441.js';
-import './index-c90de16e.js';
-import './index-fe93b6fc.js';
-import './index-d7d39f6b.js';
-import './index-45b57cc0.js';
-import './index-74f39781.js';
-import './index-8c8696de.js';
-import './index-372c1a16.js';
-import './index-b5220d8c.js';
-import './index-4982a711.js';
-import './index-c2da6b66.js';
-import './index-34fe7cf0.js';
-import './index-3a90fae6.js';
+import './index.module-c5baf242.js';
+import './index-c19b15a9.js';
+import './index-769e119f.js';
+import './index-b2975c88.js';
+import './index-2efb3634.js';
+import './index-461dc61a.js';
+import './index.module-021d9040.js';
+import './index-270ed7ab.js';
+import './index-939c3fcb.js';
+import './index-756bfb44.js';
+import './index-667b836d.js';
+import './index-49b0ca7b.js';
+import './index-a19c4968.js';
+import './index-d372aea8.js';
+import './index-edcfe7ed.js';
+import './index-9c7fedf7.js';
+import './index-c773cfe3.js';
+import './index-1870516b.js';
+import './index-5baa5713.js';
+import './index-f700d17e.js';
 import 'rc-slider';
-import './index-da507159.js';
-import './index-ea7ae426.js';
-import './index-71002ceb.js';
-import './index-ea09f32a.js';
-import './index-952ad9e9.js';
+import './index-c4d43896.js';
+import './index-bd25e428.js';
+import './index-604c3548.js';
+import './index-4cf7766e.js';
+import './index-1c502ce6.js';
 import 'react-confetti-explosion';
-import './index-8528a3c2.js';
-import './index-3b04fc58.js';
-import './index-ba3fa00a.js';
+import './index-068afe56.js';
+import './index-763b36fa.js';
+import './index-9774366c.js';
 import 'react-qr-code';
-import './index-ba6589d7.js';
-import './useCustomDimensions-ced01006.js';
-import './index-ee64a08d.js';
-import './ussIsSticky-6b248198.js';
-import './index-edd857c5.js';
-import './index-3e2ea9b4.js';
-import './index-c98ce46a.js';
-import './index.module-f14e8675.js';
-import './index-fa9b88f1.js';
-import './index-3435a4cd.js';
-import './index-f382c7f3.js';
-import './index-fe4deec3.js';
+import './index-3fb7c01c.js';
+import './useCustomDimensions-a17f4739.js';
+import './index-130b910c.js';
+import './ussIsSticky-5a77c7e9.js';
+import './index-5fb8aeca.js';
+import './index-1219ff6b.js';
+import './index-032aa00e.js';
+import './index.module-4770510d.js';
+import './index-67fa18f0.js';
+import './index-388444e2.js';
+import './index-b0549eeb.js';
+import './index-53b09faa.js';
 
 var container = "container-UuJhj";
 var title = "title-f6urG";

package/build/esm/{index-37ff96a6.js → index-50d81f2b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-e3bc1a41.js';
+import { s as styleInject, u as useViewHandler } from './index-22049a2e.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-5297dc08.js → index-52d12bbd.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-e3bc1a41.js';
+import { u as useViewHandler } from './index-22049a2e.js';
 import { useState, useEffect } from 'react';
-import ItemVariant from './index-57355a39.js';
+import ItemVariant from './index-b4b71c52.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-fe4deec3.js → index-53b09faa.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, _ as _onClickCheckout } from './index-e3bc1a41.js';
+import { s as styleInject, u as useViewHandler, _ as _onClickCheckout } from './index-22049a2e.js';
 import { observer } from 'mobx-react-lite';
 import { useMemo } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
@@ -36,11 +36,11 @@ var contactItem = "contactItem-g32vy";
 var contactIcon = "contactIcon-gLhAV";
 var ctaButton = "ctaButton-0BeyQ";
 var ctaSubtext = "ctaSubtext-ScjcP";
-var css_248z = ".container-jVXha {\n  padding: 16px 0;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n}\n\n.headline-wXulF {\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 1.3;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.subheadline-dAJ7Z {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.dealerCard-WsUAS {\n  overflow: hidden;\n  border-radius: var(--buttons-border-radius);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 16px;\n}\n\n.dealerImage-Wd3ix {\n  overflow: hidden;\n  aspect-ratio: 16 / 10;\n}\n\n.dealerImage-Wd3ix img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -o-object-position: top center;\n     object-position: top center;\n}\n\n.dealerContent-Se-R3 {\n  padding: 16px;\n}\n\n.dealerName-z85PP {\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 4px;\n}\n\n.dealerDescription-wPDsN {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 12px;\n}\n\n.infoBlock-i-S-s {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin-bottom: 12px;\n  white-space: pre-line;\n}\n\n.contactList-vdVHd {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  padding-top: 12px;\n}\n\n.contactItem-g32vy {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.contactItem-g32vy a {\n  color: var(--diva-theme-palette-text-secondary);\n  text-decoration: none;\n}\n\n.contactItem-g32vy a:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.contactIcon-gLhAV {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  margin-top: 2px;\n  opacity: 0.6;\n}\n\n.ctaButton-0BeyQ {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 14px;\n  font-weight: 300;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n}\n\n.ctaButton-0BeyQ:hover {\n  background: var(--diva-theme-palette-primary-dark);\n}\n\n.ctaSubtext-ScjcP {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  text-align: center;\n  margin: 8px 0 0;\n}\n";
+var css_248z = ".container-jVXha {\n  padding: 16px 0;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n}\n\n.headline-wXulF {\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 1.3;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.subheadline-dAJ7Z {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.dealerCard-WsUAS {\n  overflow: hidden;\n  border-radius: var(--buttons-border-radius);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 16px;\n}\n\n.dealerImage-Wd3ix {\n  overflow: hidden;\n  aspect-ratio: 16 / 8;\n}\n\n.dealerImage-Wd3ix img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -o-object-position: top center;\n     object-position: top center;\n}\n\n.dealerContent-Se-R3 {\n  padding: 8px 16px;\n}\n\n.dealerName-z85PP {\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 4px;\n}\n\n.dealerDescription-wPDsN {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 12px;\n}\n\n.infoBlock-i-S-s {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin-bottom: 12px;\n  white-space: pre-line;\n}\n\n.contactList-vdVHd {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border-top: 1px solid #e8e3da;\n  border-top: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  padding-top: 12px;\n}\n\n.contactItem-g32vy {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.contactItem-g32vy a {\n  color: var(--diva-theme-palette-text-secondary);\n  text-decoration: none;\n}\n\n.contactItem-g32vy a:hover {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.contactIcon-gLhAV {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  margin-top: 2px;\n  opacity: 0.6;\n}\n\n.ctaButton-0BeyQ {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 14px;\n  font-weight: 500;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n}\n\n.ctaButton-0BeyQ:hover {\n  background: var(--diva-theme-palette-primary-dark);\n}\n\n.ctaSubtext-ScjcP {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  text-align: center;\n  margin: 8px 0 0;\n}\n";
 styleInject(css_248z);
 
 var AppointmentPreview = function AppointmentPreview() {
-  var _contactData$contactP, _contactData$contactP2, _contactData$contactP3;
+  var _contactData$contactP, _contactData$contactP2;
   var viewHandler = useViewHandler();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -88,10 +88,10 @@ var AppointmentPreview = function AppointmentPreview() {
         children: [(contactData.contactPersonName || contactData.description) && /*#__PURE__*/jsxs(Fragment, {
           children: [/*#__PURE__*/jsx("h4", {
             className: dealerName,
-            children: (_contactData$contactP3 = contactData.contactPersonName) !== null && _contactData$contactP3 !== void 0 ? _contactData$contactP3 : contactData.description
-          }), (contactData.street || contactData.city) && /*#__PURE__*/jsx("p", {
+            children: contactData.contactPersonName
+          }), contactData.description && /*#__PURE__*/jsx("p", {
             className: dealerDescription,
-            children: [contactData.street, [contactData.zipCode, contactData.city].filter(Boolean).join(' ')].filter(Boolean).join(', ')
+            children: contactData.description
           })]
         }), contactData.info && /*#__PURE__*/jsx("div", {
           className: infoBlock,

package/build/esm/{index-72122d8a.js → index-566ac26c.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-e3bc1a41.js';
+import './index-22049a2e.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-845111b8.js → index-57ac530e.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-e3bc1a41.js';
+import { s as styleInject, u as useViewHandler } from './index-22049a2e.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-56c0c883.js → index-5a5c3d33.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-e3bc1a41.js';
+import { u as useViewHandler } from './index-22049a2e.js';
 import 'react';
-import SettingsHeaderContainer from './index-c532b3a1.js';
-import SettingsScroller from './index-cb41ffed.js';
+import SettingsHeaderContainer from './index-740180b3.js';
+import SettingsScroller from './index-e9709105.js';
 import { observer } from 'mobx-react-lite';
-import { w as wcConfiguratorSettings, t as tabsHorizontal, e as expanded } from './index.module-08f4805e.js';
+import { w as wcConfiguratorSettings, t as tabsHorizontal, e as expanded } from './index.module-8913f507.js';
 import classnames from 'classnames';
-import SettingsSwiper from './index-3a0f4a98.js';
-import SettingsExpanderButtons from './index-4ab4f4d7.js';
-import SettingsBottomDrawer from './index-e0bcc9dd.js';
+import SettingsSwiper from './index-d7041bf7.js';
+import SettingsExpanderButtons from './index-88638f33.js';
+import SettingsBottomDrawer from './index-de5e28d3.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -28,86 +28,86 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c4ef0644.js';
-import './index-0834596f.js';
-import './index-57a512e1.js';
+import './index-dfc330ea.js';
+import './index-1d1c3714.js';
+import './index-5ecfdc6f.js';
 import 'sift';
-import './index-5ba769c3.js';
-import './index-13e6d29c.js';
-import './index-ea47a2d1.js';
-import './index-89000a43.js';
-import './index.module-7b6cba8b.js';
-import './index-3954252c.js';
-import './index-ff4990b9.js';
+import './index-68dc625a.js';
+import './index-0cb7f8c1.js';
+import './index-7cc03952.js';
+import './index-1f14f1f5.js';
+import './index.module-b5494b57.js';
+import './index-673ca36d.js';
+import './index-addd466a.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-cc853cba.js';
+import './index-8c660cb4.js';
 import 'react-dropdown';
-import './index-59036c66.js';
-import './index-0cecef07.js';
-import './index-b3b77ac7.js';
-import './index-bfcdd8e9.js';
+import './index-48f46d16.js';
+import './index-40c3aa55.js';
+import './index-64e04ea8.js';
+import './index-ce74bb99.js';
 import '@crystaldesign/content-box';
-import './index-fbace0a9.js';
-import './index-2790cb5c.js';
-import './index-e18a9ad2.js';
-import './index-935efa21.js';
+import './index-42bf7ba6.js';
+import './index-320d6231.js';
+import './index-6a541dc9.js';
+import './index-1cc89593.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-c90761c6.js';
-import './index-eb5e8580.js';
-import './index-1a148555.js';
-import './index-780d4b78.js';
-import './index-37ff96a6.js';
-import './index-72122d8a.js';
-import './index-5d6d6472.js';
+import './UnlockCard-a9c0a340.js';
+import './index-072379d9.js';
+import './index-ce3fd2dd.js';
+import './index-03a87736.js';
+import './index-50d81f2b.js';
+import './index-566ac26c.js';
+import './index-1ad6bc31.js';
 import 'react-laag';
-import './index.module-c0ff3aac.js';
-import './index-8e216e6a.js';
-import './index-61d02f4b.js';
-import './index-32903988.js';
-import './index-8e384844.js';
-import './index-1aeaef5a.js';
-import './index.module-bcdc4577.js';
-import './index-f0e74441.js';
-import './index-c90de16e.js';
-import './index-fe93b6fc.js';
-import './index-d7d39f6b.js';
-import './index-45b57cc0.js';
-import './index-74f39781.js';
-import './index-8c8696de.js';
-import './index-372c1a16.js';
-import './index-b5220d8c.js';
-import './index-4982a711.js';
-import './index-c2da6b66.js';
-import './index-34fe7cf0.js';
-import './index-3a90fae6.js';
+import './index.module-c5baf242.js';
+import './index-c19b15a9.js';
+import './index-769e119f.js';
+import './index-b2975c88.js';
+import './index-2efb3634.js';
+import './index-461dc61a.js';
+import './index.module-021d9040.js';
+import './index-270ed7ab.js';
+import './index-939c3fcb.js';
+import './index-756bfb44.js';
+import './index-667b836d.js';
+import './index-49b0ca7b.js';
+import './index-a19c4968.js';
+import './index-d372aea8.js';
+import './index-edcfe7ed.js';
+import './index-9c7fedf7.js';
+import './index-c773cfe3.js';
+import './index-1870516b.js';
+import './index-5baa5713.js';
+import './index-f700d17e.js';
 import 'rc-slider';
-import './index-da507159.js';
-import './index-ea7ae426.js';
-import './index-71002ceb.js';
-import './index-ea09f32a.js';
-import './index-952ad9e9.js';
+import './index-c4d43896.js';
+import './index-bd25e428.js';
+import './index-604c3548.js';
+import './index-4cf7766e.js';
+import './index-1c502ce6.js';
 import 'react-confetti-explosion';
-import './index-8528a3c2.js';
-import './index-3b04fc58.js';
-import './index-ba3fa00a.js';
+import './index-068afe56.js';
+import './index-763b36fa.js';
+import './index-9774366c.js';
 import 'react-qr-code';
-import './index-ba6589d7.js';
-import './useCustomDimensions-ced01006.js';
-import './index-ee64a08d.js';
-import './ussIsSticky-6b248198.js';
-import './index-edd857c5.js';
-import './index-3e2ea9b4.js';
-import './index-c98ce46a.js';
-import './index.module-f14e8675.js';
-import './index-fa9b88f1.js';
-import './index-3435a4cd.js';
-import './index-f382c7f3.js';
-import './index-fe4deec3.js';
-import './index-4987a2a1.js';
-import './index-588cb86c.js';
-import './index-05137d66.js';
+import './index-3fb7c01c.js';
+import './useCustomDimensions-a17f4739.js';
+import './index-130b910c.js';
+import './ussIsSticky-5a77c7e9.js';
+import './index-5fb8aeca.js';
+import './index-1219ff6b.js';
+import './index-032aa00e.js';
+import './index.module-4770510d.js';
+import './index-67fa18f0.js';
+import './index-388444e2.js';
+import './index-b0549eeb.js';
+import './index-53b09faa.js';
+import './index-3e55bccb.js';
+import './index-40c30570.js';
+import './index-df446419.js';
 import '@mui/material';
 
 var _excluded = ["className", "tabgroupElement"];

package/build/esm/{index-070d4556.js → index-5b1ad904.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-e3bc1a41.js';
+import { u as useViewHandler } from './index-22049a2e.js';
 import { useState, useRef } from 'react';
 import classnames from 'classnames';
 import { Vector2 } from '@crystaldesign/web-planner-logic';

package/build/esm/{index-cdbf5758.js → index-5b9b4be5.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-e3bc1a41.js';
+import { s as styleInject } from './index-22049a2e.js';
 import { useTranslation, useDivaCore, getLogger } from '@crystaldesign/diva-core';
 import 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-34fe7cf0.js → index-5baa5713.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-e3bc1a41.js';
+import { s as styleInject, u as useViewHandler } from './index-22049a2e.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-6c9e72ba.js → index-5e3391e1.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-e3bc1a41.js';
+import { s as styleInject, u as useViewHandler } from './index-22049a2e.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';

package/build/esm/{index-57a512e1.js → index-5ecfdc6f.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, S as SettingsHeader, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-e3bc1a41.js';
+import { s as styleInject, u as useViewHandler, S as SettingsHeader, a as useAnalyzerComponents, M as MissingAnalyzerComponent } from './index-22049a2e.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-5ba769c3.js';
-import ItemVariant from './index-13e6d29c.js';
-import SettingsPaletteGroup from './index-ea47a2d1.js';
-import ToggleOption from './index-89000a43.js';
-import GroupDropdown from './index-cc853cba.js';
-import PromotedProducts from './index-e18a9ad2.js';
-import StyleConsultant from './index-935efa21.js';
-import ToggleName from './index-eb5e8580.js';
-import itemPaletteTypeComponentMap from './index-1a148555.js';
+import TextBox from './index-68dc625a.js';
+import ItemVariant from './index-0cb7f8c1.js';
+import SettingsPaletteGroup from './index-7cc03952.js';
+import ToggleOption from './index-1f14f1f5.js';
+import GroupDropdown from './index-8c660cb4.js';
+import PromotedProducts from './index-6a541dc9.js';
+import StyleConsultant from './index-1cc89593.js';
+import ToggleName from './index-072379d9.js';
+import itemPaletteTypeComponentMap from './index-ce3fd2dd.js';
 import classnames from 'classnames';
-import StepInfo from './index-c90de16e.js';
-import ReplaceSwitch from './index-34fe7cf0.js';
+import StepInfo from './index-939c3fcb.js';
+import ReplaceSwitch from './index-5baa5713.js';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Navigation } from 'swiper/modules';
-import Slider from './index-3a90fae6.js';
-import MultiToggle from './index-da507159.js';
-import Radio from './index-71002ceb.js';
+import Slider from './index-f700d17e.js';
+import MultiToggle from './index-c4d43896.js';
+import Radio from './index-604c3548.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import SummaryOverview from './index-ea09f32a.js';
+import SummaryOverview from './index-4cf7766e.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -145,7 +145,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-2488ee7b.js');
+  return import('./index-cfeaaa9c.js');
 });
 var ItemWrapper = function ItemWrapper(_ref) {
   var _item$conceptFilter;
@@ -272,13 +272,13 @@ 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-34c8fecb.js');
+  return import('./index-ec61bc43.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-b872a323.js');
+  return import('./index-d8ae4dba.js');
 });
 var ProductList = /*#__PURE__*/React.lazy(function () {
-  return import('./index-24f2bec7.js');
+  return import('./index-34b71b25.js');
 });
 var INSPECT_MODE_EXCEPTIONS = ['SHELFPLANNER', 'PLANNER_2.0', 'CHECKOUT', 'PRODUCTS', 'PROMOTED', 'STYLE_CONSULTANT', 'DOOR_PLANNER', 'SUMMARY', 'SUMMARY_OPTIONTREE', 'SUMMARY_ARTICLES', 'VARIANTS'];
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {

package/build/esm/{index-5a7ee783.js → index-5f3826be.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-e3bc1a41.js';
+import { s as styleInject, u as useViewHandler } from './index-22049a2e.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-4f9e1473.js → index-5f4296cb.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-e3bc1a41.js';
+import { s as styleInject, u as useViewHandler } from './index-22049a2e.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import TabGroupHorizontal from './index-7a542946.js';
-import TabGroupVertical from './index-5297dc08.js';
-import TabSearch from './index-42e94dfc.js';
+import TabGroupHorizontal from './index-c1487c0c.js';
+import TabGroupVertical from './index-52d12bbd.js';
+import TabSearch from './index-3e57a4e8.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -24,8 +24,8 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-5b02449b.js';
-import './index-57355a39.js';
+import './index-b4dce6fd.js';
+import './index-b4b71c52.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";

package/build/esm/{index-099f2591.js → index-5f4681d5.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { c as usePlannerUIHandler } from './index-e3bc1a41.js';
+import { c as usePlannerUIHandler } from './index-22049a2e.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-cda32900.js';
-import ItemsContainer from './index-10663c11.js';
+import Outline3D from './index-ae4b1c95.js';
+import ItemsContainer from './index-3f8f5fe9.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -23,21 +23,21 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-fd13444f.js';
-import './index-345fe817.js';
-import './index-8a95da51.js';
-import './index-599f6328.js';
-import './index-178e8e21.js';
-import './index-e692b051.js';
-import './index-e2982260.js';
-import './index-24567ee8.js';
-import './index-593ea437.js';
-import './index-d104d20e.js';
-import './index-9a9285c0.js';
+import './index-1ba6da4d.js';
+import './index-735e41e2.js';
+import './index-cedbf151.js';
+import './index-e863e847.js';
+import './index-2d843ab9.js';
+import './index-0dde0bf4.js';
+import './index-09a751c1.js';
+import './index-d769323f.js';
+import './index-82ae7296.js';
+import './index-d7a5e3bd.js';
+import './index-f83c0c38.js';
 import 'react-draggable';
-import './index-070d4556.js';
-import './index-911d1fde.js';
-import './index-43acdd1f.js';
+import './index-5b1ad904.js';
+import './index-de4bed0f.js';
+import './index-82f8c000.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;