@crystaldesign/diva-web-planner-react 25.2.0-beta.27 → 25.2.0-beta.29

package/build/esm/{index-3845d42f.js → index-b47827d7.js}

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

package/build/esm/{index-b25363e3.js → index-b6a3f52c.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-9c696b5e.js';
+import { s as styleInject } from './index-d1cf8cb5.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-ee1bdc35.js → index-b6fc62e8.js}

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

package/build/esm/{index-a85030e5.js → index-b71720ac.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-9c696b5e.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useRef, useState, useEffect } from 'react';

package/build/esm/{index-0755c604.js → index-b9d909cb.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-9c696b5e.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import 'react';
 import classnames from 'classnames';
-import StepInfo from './index-d1947e12.js';
-import SettingsHeader from './index-ee1bdc35.js';
-import ReplaceSwitch from './index-9f062ea0.js';
+import StepInfo from './index-f16d5815.js';
+import SettingsHeader from './index-b6fc62e8.js';
+import ReplaceSwitch from './index-f6325409.js';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-588f226c.js → index-bab52a00.js}

@@ -1,10 +1,10 @@
 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-9c696b5e.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useState, useEffect } from 'react';
-import StepInfo from './index-d1947e12.js';
+import StepInfo from './index-f16d5815.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-254c9184.js → index-be85845a.js}

@@ -1,6 +1,6 @@
-import './index-9c696b5e.js';
+import './index-d1cf8cb5.js';
 import 'react';
-import Default from './index-e58d2518.js';
+import Default from './index-7e0ac4e3.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,12 +17,12 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index.module-28299e4c.js';
+import './index.module-19816615.js';
 import 'react-laag';
-import './index-818cfaa6.js';
-import './index-dd9ce55d.js';
-import './index-aff6a97d.js';
-import './index-a7d24255.js';
+import './index-3597db83.js';
+import './index-5a385b30.js';
+import './index-ce290224.js';
+import './index-6a88e5ea.js';
 
 var GallerySerious = function GallerySerious(_ref) {
   var item = _ref.item,

package/build/esm/{index-73745744.js → index-bec706ee.js}

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

package/build/esm/{index-7a9b444b.js → index-c1524680.js}

@@ -1,13 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-9c696b5e.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import { useTranslation, useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-aff6a97d.js';
-import GenericToolTip from './index-818cfaa6.js';
+import MetaData from './index-ce290224.js';
+import GenericToolTip from './index-3597db83.js';
+import PricePreview from './index-5a385b30.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -19,7 +20,6 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-dd9ce55d.js';
 
 var accItem = "AccItem-EuKUQ";
 var wcSize = "wcSize-vX0Fm";
@@ -29,8 +29,7 @@ var wcAccInfoContainer = "wcAccInfoContainer-eEHqy";
 var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title-Wlfnh";
 var metaData = "meta-data-p5e7t";
 var wcAccSize = "wcAccSize-LdKs3";
-var wcPricePreview = "wcPricePreview-cMfXC";
-var css_248z = "/* Accessoires*/\n\n.AccItem-EuKUQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.AccItem-EuKUQ:hover {\n  z-index: 200;\n}\n\n.AccItem-EuKUQ .wcSize-vX0Fm {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.AccItem-EuKUQ .wcSize-normal-bRIEC {\n  height: 80px;\n}\n\n.AccItem-EuKUQ .wcImagePlaceHolder-t26mm {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.AccItem-EuKUQ .wcSize-normal-bRIEC .wcImage-ScJeM {\n  height: 80px;\n}\n\n.AccItem-EuKUQ .wcImage-ScJeM {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.wcAccInfoContainer-eEHqy {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.AccItem-EuKUQ .wcAccInfoContainer-eEHqy {\n  width: calc(100% - 80px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.AccItem-EuKUQ .wcConfigurator-settings-title-Wlfnh {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.AccItem-EuKUQ .wcConfigurator-settings-title-Wlfnh.meta-data-p5e7t {\n  -webkit-line-clamp: 1;\n}\n\n.AccItem-EuKUQ .wcAccSize-LdKs3 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n\n.AccItem-EuKUQ .wcPricePreview-cMfXC {\n  position: absolute;\n  right: 3.2px;\n  top: 4px;\n  font-size: 14px;\n}\n@media all and (max-width: 1100px) {\n  .AccItem-EuKUQ .wcSize-normal-bRIEC {\n    height: 80px;\n  }\n\n  .AccItem-EuKUQ .wcSize-normal-bRIEC img {\n    height: 80px;\n  }\n}\n\n.AccItem-EuKUQ .wcPricePreview-cMfXC {\n  position: absolute;\n  float: left;\n  -webkit-text-stroke: 0.4px;\n  font-size: 12.4px;\n}\n";
+var css_248z = "/* Accessoires*/\n\n.AccItem-EuKUQ {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.AccItem-EuKUQ:hover {\n  z-index: 200;\n}\n\n.AccItem-EuKUQ .wcSize-vX0Fm {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.AccItem-EuKUQ .wcSize-normal-bRIEC {\n  height: 80px;\n}\n\n.AccItem-EuKUQ .wcImagePlaceHolder-t26mm {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.AccItem-EuKUQ .wcSize-normal-bRIEC .wcImage-ScJeM {\n  height: 80px;\n}\n\n.AccItem-EuKUQ .wcImage-ScJeM {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.wcAccInfoContainer-eEHqy {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.AccItem-EuKUQ .wcAccInfoContainer-eEHqy {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.AccItem-EuKUQ .wcConfigurator-settings-title-Wlfnh {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.AccItem-EuKUQ .wcConfigurator-settings-title-Wlfnh.meta-data-p5e7t {\n  -webkit-line-clamp: 1;\n}\n\n.AccItem-EuKUQ .wcAccSize-LdKs3 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .AccItem-EuKUQ .wcSize-normal-bRIEC {\n    height: 80px;\n  }\n\n  .AccItem-EuKUQ .wcSize-normal-bRIEC img {\n    height: 80px;\n  }\n}\n";
 styleInject(css_248z);
 
 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; }
@@ -105,10 +104,12 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
             depth: item.depth
           }, i18n)
         })]
-      }), !hidePrices && !!item.price && /*#__PURE__*/jsx("div", {
-        className: classnames(wcPricePreview),
-        children: DivaUtils.formatPrice(item.price)
       })]
+    }), !hidePrices && !!item.price && /*#__PURE__*/jsx(PricePreview, {
+      price: item.price,
+      style: {
+        paddingTop: 6
+      }
     }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
       text: item.name,
       desciption: metaDataVisible,

package/build/esm/{index-bd77a863.js → index-c4d275b6.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-9c696b5e.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-9a1cb6d6.js → index-c50c8093.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-9c696b5e.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-cb2dbafa.js';
+import VerticalTabGroupItemStandard from './index-010ad290.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -17,7 +17,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './IconHandler-473c9a14.js';
+import './IconHandler-8253a5f4.js';
 
 var priceDiv = "price-div-veoFD";
 var priceText = "price-text-34sGt";

package/build/esm/{index-ebca8d79.js → index-c53e451d.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-9c696b5e.js';
-import ProductHeader from './index-26439dbf.js';
+import { s as styleInject } from './index-d1cf8cb5.js';
+import ProductHeader from './index-9335bb70.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -17,9 +17,9 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
 import 'classnames';
-import './index-e1a63894.js';
+import './index-c6fc2919.js';
 import '@crystaldesign/content-box';
-import './index-a85030e5.js';
+import './index-b71720ac.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-e3a173dd.js → index-c5bbdbb8.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-9c696b5e.js';
+import { u as useViewHandler } from './index-d1cf8cb5.js';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-3630c01a.js → index-c689c793.js}

@@ -1,17 +1,17 @@
-import { u as useViewHandler } from './index-9c696b5e.js';
+import { u as useViewHandler } from './index-d1cf8cb5.js';
 import { observer } from 'mobx-react-lite';
 import React, { Suspense } from 'react';
-import Planner2DGrid from './index-42b7cfb2.js';
-import Planner3DImage from './index-bc4e56fc.js';
-import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-ec69c889.js';
+import Planner2DGrid from './index-cc4f63c2.js';
+import Planner3DImage from './index-83cebb36.js';
+import { w as wcConfiguratorProductCenter, p as portrait, l as landscape, s as settingsHidden, i as inGridVisible, f as fullscreen, a as wcConfiguratorArticleImage, c as center, b as foldback, d as foldbackLeft, e as foldup } from './index.module-a8358696.js';
 import classnames from 'classnames';
-import Planner3DGrid from './index-f3fc9ccb.js';
-import PlannerMsgContainer from './index-9e0ea87a.js';
-import PlannerUIVariant from './index-4a7fa9e3.js';
-import RotateInfo from './index-14d7244e.js';
-import PromotedOpvs from './index-3e5e25b1.js';
-import OrbitInteraction from './index-21535333.js';
-import MobileNavIcons from './index-c8078a79.js';
+import Planner3DGrid from './index-c69631be.js';
+import PlannerMsgContainer from './index-a455bffa.js';
+import PlannerUIVariant from './index-82a5f48c.js';
+import RotateInfo from './index-41b22f8d.js';
+import PromotedOpvs from './index-4e30cc3b.js';
+import OrbitInteraction from './index-38b0f301.js';
+import MobileNavIcons from './index-a28d6d38.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -26,20 +26,20 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-61152f6b.js';
-import './index-84a3da3a.js';
+import './index-9603f35b.js';
+import './index-64eeee66.js';
 import '@crystaldesign/content-box';
-import './index-aa52af13.js';
+import './index-2fa50a79.js';
 import 'react-laag';
-import './index-80219564.js';
+import './index-0fd0214c.js';
 import 'react-qr-code';
-import './index-62b0288d.js';
+import './index-f3f3f005.js';
 
 var Planner3D = /*#__PURE__*/React.lazy(function () {
-  return import('./index-31444582.js');
+  return import('./index-3cfa65ea.js');
 });
 var PlannerRTV = /*#__PURE__*/React.lazy(function () {
-  return import('./index-d6d81251.js');
+  return import('./index-e99bb674.js');
 });
 var ProductCenter = function ProductCenter(_ref) {
   var style = _ref.style,

package/build/esm/{index-f3fc9ccb.js → index-c69631be.js}

@@ -1,6 +1,6 @@
-import { u as useViewHandler } from './index-9c696b5e.js';
+import { u as useViewHandler } from './index-d1cf8cb5.js';
 import 'react';
-import { k as wcPlanner3DGrid } from './index.module-ec69c889.js';
+import { k as wcPlanner3DGrid } from './index.module-a8358696.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-e1a63894.js → index-c6fc2919.js}

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

package/build/esm/{index-fb05a56c.js → index-c701de3a.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-9c696b5e.js';
+import { a as usePlannerUIHandler } from './index-d1cf8cb5.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-0c1389f2.js';
-import ItemsContainer from './index-120fead5.js';
+import Outline3D from './index-162db339.js';
+import ItemsContainer from './index-3356e402.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,21 +18,21 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './index-a2af3b53.js';
-import './index-99c2e7e1.js';
-import './index-bc4c78e7.js';
-import './index-28db75c7.js';
-import './index-bcbb6451.js';
-import './index-18443894.js';
-import './index-c63800c9.js';
-import './index-c6da3e6a.js';
-import './index-0e05203d.js';
-import './index-c56caccc.js';
-import './index-e92b15ec.js';
+import './index-032ad303.js';
+import './index-7de200f8.js';
+import './index-366701cc.js';
+import './index-20688b1f.js';
+import './index-2350069a.js';
+import './index-ed3b49a1.js';
+import './index-857659f0.js';
+import './index-6a37b4d5.js';
+import './index-f53f8e5e.js';
+import './index-1923beb6.js';
+import './index-32b23f43.js';
 import 'react-draggable';
-import './index-3845d42f.js';
-import './index-e6776dee.js';
-import './index-b19044db.js';
+import './index-b47827d7.js';
+import './index-e9fc53c9.js';
+import './index-824cc38a.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-f4efbc59.js → index-c76f3932.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-9c696b5e.js';
+import { u as useViewHandler } from './index-d1cf8cb5.js';
 import classnames from 'classnames';
 import { useState } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-3ed19f4e.js → index-cb21d6ef.js}

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

package/build/esm/{index-42b7cfb2.js → index-cc4f63c2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-9c696b5e.js';
+import { s as styleInject, u as useViewHandler, a as usePlannerUIHandler } from './index-d1cf8cb5.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-f7447b05.js → index-cc69b748.js}

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

package/build/esm/{index-520ec7d4.js → index-cd6643a7.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-9c696b5e.js';
+import { u as useViewHandler } from './index-d1cf8cb5.js';
 import 'react';
 import DivaUtils from '@crystaldesign/diva-utils';
-import Toggle from './index-e7a6bab8.js';
+import Toggle from './index-7597a996.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-aff6a97d.js → index-ce290224.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-9c696b5e.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import { useState, useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-dd7ef164.js → index-cf643c99.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-9c696b5e.js';
+import { s as styleInject } from './index-d1cf8cb5.js';
 import { observer } from 'mobx-react-lite';
-import AccessoiresStandard from './index-3a47198c.js';
+import AccessoiresStandard from './index-0e3c2cd5.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -18,60 +18,61 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'react-laag';
-import './index-aff6a97d.js';
-import './index-818cfaa6.js';
-import './index-dd9ce55d.js';
-import './index-3cd572a9.js';
+import './index-ce290224.js';
+import './index-3597db83.js';
+import './index-5a385b30.js';
+import './index-a7ea6eb0.js';
 import 'react-collapsible';
-import './index-2f2c55d4.js';
-import './index-dbbdd6e1.js';
+import './index-1923a16f.js';
+import './index-6530f4ed.js';
 import 'sift';
-import './index-8cf516ff.js';
-import './index-ee1bdc35.js';
-import './index-df231056.js';
-import './index-44dfaac1.js';
-import './index-1228eac8.js';
-import './index.module-526bb0e8.js';
-import './index-e7a6bab8.js';
+import './index-5a4bb156.js';
+import './index-b6fc62e8.js';
+import './index-0851e9ed.js';
+import './index-f8a5a44d.js';
+import './index-5127c3fb.js';
+import './index.module-6ae9d645.js';
+import './index-7597a996.js';
 import 'react-switch';
-import './index-a7d24255.js';
-import './index-c741aa95.js';
+import './index-6a88e5ea.js';
+import './index-2e424243.js';
 import 'react-dropdown';
-import './index-5e6ebc90.js';
+import './index-907c80de.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-3f2ac8bf.js';
-import './index-e9001316.js';
-import './index-6408a3d7.js';
+import './index-93440a28.js';
+import './index-347b4bf3.js';
+import './index-48b042ed.js';
 import '@crystaldesign/content-box';
-import './index-3ed19f4e.js';
-import './index-821c1910.js';
-import './index-ffdb23e4.js';
-import './index-9230bec2.js';
-import './index-a765d090.js';
-import './index-87b6e36a.js';
-import './index-149ed008.js';
-import './index-c0f861dd.js';
-import './index-8456dbf8.js';
-import './index-dc5e9cff.js';
-import './index-58e76d65.js';
-import './index-9d6bef02.js';
-import './index-8545ed2d.js';
-import './index-0fb7daf2.js';
-import './index.module-2005e513.js';
-import './index-ce8d79f3.js';
-import './index-588f226c.js';
-import './index-d1947e12.js';
-import './index-2cbd923e.js';
-import './index-8cfd2a7c.js';
-import './index-520ec7d4.js';
-import './index-8ced1d63.js';
-import './index.module-28299e4c.js';
-import './index-0755c604.js';
-import './index-9f062ea0.js';
+import './index-cb21d6ef.js';
+import './index-ef07a66f.js';
+import './index-0031c7ba.js';
+import './index-67390e87.js';
+import './index-2727b72c.js';
+import './index-f21232f9.js';
+import './index-a43c7853.js';
+import './index-b302a054.js';
+import './index-eb106009.js';
+import './index-597a3ac8.js';
+import './index-a4c98ad6.js';
+import './index-dd47f326.js';
+import './index-6150b954.js';
+import './index-d58c6e8b.js';
+import './index.module-6c709213.js';
+import './index-84c2ad38.js';
+import './index-bab52a00.js';
+import './index-f16d5815.js';
+import './index-57111a6d.js';
+import './index-fb9abe0e.js';
+import './index-cd6643a7.js';
+import './index-f89a3960.js';
+import './index.module-19816615.js';
+import './index-b9d909cb.js';
+import './index-f6325409.js';
 
 var wcAccInfoContainer = "wcAccInfoContainer-gHZnB";
 var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title--6avT";
-var css_248z = ".wcAccInfoContainer-gHZnB {\n  float: left;\n  position: relative;\n  height: 100%;\n  max-width: 160px;\n}\n\n.wcConfigurator-settings-title--6avT {\n  display: -webkit-box;\n  float: left;\n  max-height: 150px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.wcConfigurator-settings-title--6avT:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n  z-index: 150;\n}\n";
+var wrapper = "wrapper-mM-Et";
+var css_248z = ".wcAccInfoContainer-gHZnB {\n  float: left;\n  position: relative;\n  height: 100%;\n  max-width: 160px;\n}\n\n.wcConfigurator-settings-title--6avT {\n  display: -webkit-box;\n  float: left;\n  max-height: 150px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 20px;\n  font-weight: 300;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.wcConfigurator-settings-title--6avT:hover {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  background: #fff;\n  z-index: 150;\n}\n\n.wrapper-mM-Et {\n  --infoIconSize: 22px;\n}\n";
 styleInject(css_248z);
 
 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; }
@@ -79,6 +80,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var AccessoiresSerious = function AccessoiresSerious(props) {
   return /*#__PURE__*/jsx(AccessoiresStandard, _objectSpread(_objectSpread({}, props), {}, {
     wcAccInfoContainerClass: wcAccInfoContainer,
+    wrapper: wrapper,
     wcConfiguratorSettingsTitleClass: wcConfiguratorSettingsTitle,
     hidePrice: true,
     hideSize: true

package/build/esm/{index-aabbad65.js → index-d1a95a30.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-9c696b5e.js';
+import { s as styleInject, u as useViewHandler } from './index-d1cf8cb5.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';