@crystaldesign/diva-web-planner-react 24.16.0-beta.9 → 25.1.0-beta.10

package/build/esm/{index-c8caa718.js → index-56756e72.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-61f77f6a.js';
+import { s as styleInject } from './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-d67bfd89.js → index-5676d878.js}

@@ -1,10 +1,10 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { useState, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import SubTabGroupHeader from './index-e7614f2d.js';
-import { S as SettingsItem } from './index-b37548f3.js';
+import SubTabGroupHeader from './index-ee0abc4c.js';
+import { S as SettingsItem } from './index-6fd34e03.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -20,56 +20,56 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
 import 'sift';
-import './index-c148403f.js';
-import './index-1f178c88.js';
-import './index-e01bf4c1.js';
-import './index-dd6adbe7.js';
-import './index-fa873c76.js';
-import './index.module-4f3cddab.js';
-import './index-94d07cef.js';
+import './index-fd1b09ee.js';
+import './index-4fddbdcf.js';
+import './index-0b335ec1.js';
+import './index-71949045.js';
+import './index-c5d8597e.js';
+import './index.module-efd74c2e.js';
+import './index-d1bbc09b.js';
 import 'react-switch';
-import './index-99b4e827.js';
-import './index-6f5dd0b0.js';
-import './index-16e16fdf.js';
+import './index-11f9a0ec.js';
+import './index-622dae07.js';
+import './index-5998cbab.js';
 import 'react-dropdown';
-import './index-1f107d71.js';
+import './index-a1a8f940.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-14e63cba.js';
-import './index-4aa148db.js';
-import './index-221f47c7.js';
+import './index-d9347281.js';
+import './index-1e49cf4d.js';
+import './index-daf3e29b.js';
 import '@crystaldesign/content-box';
-import './index-6ee9ff67.js';
-import './index-72199a77.js';
-import './index-a3fe116e.js';
-import './index-1c26f6c0.js';
-import './index-19664102.js';
+import './index-1e516734.js';
+import './index-edde2797.js';
+import './index-ed21696e.js';
+import './index-87b43e02.js';
+import './index-45145d7c.js';
 import '@crystaldesign/product-detail-page';
 import '@crystaldesign/products-component';
-import './index-2607b3f8.js';
-import './index-4af27af2.js';
-import './index-604d64a1.js';
+import './index-7224dbdd.js';
+import './index-3ff08b3e.js';
+import './index-e01d306f.js';
 import 'react-laag';
-import './index-44a9ed96.js';
-import './index-b0835efd.js';
-import './index-e21d033a.js';
-import './index-fcbdce8b.js';
-import './index-680014ab.js';
-import './index-5177a7cb.js';
-import './index-ce6074e0.js';
-import './index-31cf090a.js';
-import './index-1259baa3.js';
-import './index-ac0537b7.js';
-import './index.module-881b5f05.js';
-import './index-b37279b9.js';
-import './index-39843996.js';
-import './index-7273e6a7.js';
-import './index-24d908f0.js';
-import './index-9464890f.js';
-import './index-e22c955a.js';
-import './index-ae32d5e0.js';
-import './index.module-8fcf1a64.js';
-import './index-a3848c7b.js';
-import './index-67ed60f4.js';
+import './index-1e3f7e25.js';
+import './index-487e6c7e.js';
+import './index-6c86a521.js';
+import './index-230186b1.js';
+import './index-394b9bcb.js';
+import './index-18225eca.js';
+import './index-2dec31ed.js';
+import './index-0fa22fb8.js';
+import './index-845f12fe.js';
+import './index-4c506248.js';
+import './index.module-cf261244.js';
+import './index-52f04965.js';
+import './index-a605f7df.js';
+import './index-67580079.js';
+import './index-b591141e.js';
+import './index-674ee541.js';
+import './index-fb93b95f.js';
+import './index-708eb185.js';
+import './index.module-7e5580bd.js';
+import './index-c5ceb6da.js';
+import './index-dac4e348.js';
 
 var collapsableOuter = "collapsable-outer-udXIP";
 var css_248z = ".collapsable-outer-udXIP {\n  overflow: visible !important;\n}\n.collapsable-outer-udXIP {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n";

package/build/esm/{index-56889542.js → index-57078795.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import 'react';
 import classnames from 'classnames';
-import Option from './index-98380e9c.js';
+import Option from './index-086966dd.js';
 import { useTranslation } from '@crystaldesign/diva-core';
-import InfoIcon from './index-99b4e827.js';
-import PricePreview from './index-6f5dd0b0.js';
+import InfoIcon from './index-11f9a0ec.js';
+import PricePreview from './index-622dae07.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,12 +19,12 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'mobx-react-lite';
-import './index.module-881b5f05.js';
-import './index.module-8fcf1a64.js';
-import './index-b37279b9.js';
+import './index.module-cf261244.js';
+import './index.module-7e5580bd.js';
+import './index-52f04965.js';
 import 'react-laag';
-import './index-44a9ed96.js';
-import './index-b0835efd.js';
+import './index-1e3f7e25.js';
+import './index-487e6c7e.js';
 
 var container = "container-GW-AX";
 var sel = "sel-jrQj2";

package/build/esm/{index-16e16fdf.js → index-5998cbab.js}

@@ -1,14 +1,14 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-61f77f6a.js';
+import { s as styleInject } from './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import Dropdown from 'react-dropdown';
-import RALFilter from './index-1f107d71.js';
-import Searchbar from './index-72199a77.js';
-import Arrow from './index-4aa148db.js';
-import InfoIcon from './index-99b4e827.js';
-import PricePreview from './index-6f5dd0b0.js';
+import RALFilter from './index-a1a8f940.js';
+import Searchbar from './index-edde2797.js';
+import Arrow from './index-1e49cf4d.js';
+import InfoIcon from './index-11f9a0ec.js';
+import PricePreview from './index-622dae07.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -23,10 +23,10 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-14e63cba.js';
-import './index-221f47c7.js';
+import './index-d9347281.js';
+import './index-daf3e29b.js';
 import '@crystaldesign/content-box';
-import './index-6ee9ff67.js';
+import './index-1e516734.js';
 
 var container = "container-sQHMr";
 var dropdownRoot = "Dropdown-root-elxKM";

package/build/esm/{index-6003c84f.js → index-5abb3e23.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-61f77f6a.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-3eef8f5f.js';
-import Header from './index-391bc065.js';
+import ConfigStep from './index-9170b744.js';
+import Header from './index-47d4b623.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f87c6102.js → index-5c517f49.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-0a127976.js';
-import ProductCenter from './index-668edef3.js';
-import ContentItemWrapper from './index-36e7fdd7.js';
+import CheckoutFormNew from './index-15109923.js';
+import ProductCenter from './index-9fe7ebbb.js';
+import ContentItemWrapper from './index-9b9d9cd0.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -19,28 +19,28 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './index-94d07cef.js';
+import './index-d1bbc09b.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-51af37c3.js';
-import './index-d43ddbee.js';
-import './index-8d329443.js';
-import './index-71d88fa8.js';
-import './index.module-6697ab15.js';
-import './index-fa55bc7e.js';
-import './index-0d3b9757.js';
-import './index-ae91e1d8.js';
-import './index-70bf7ed1.js';
-import './index-5c51bf6a.js';
-import './index-f7026cc5.js';
+import './index-1e2c92e2.js';
+import './index-a1dfbc8e.js';
+import './index-6e091ba7.js';
+import './index-4416759c.js';
+import './index.module-27b40885.js';
+import './index-c0fd0d05.js';
+import './index-b4036d02.js';
+import './index-2bdc81a1.js';
+import './index-eaa31cff.js';
+import './index-fc0440d3.js';
+import './index-f7241829.js';
 import '@crystaldesign/content-box';
-import './index-f2c9529d.js';
-import './index-59c56bf2.js';
-import './index-50d98aee.js';
+import './index-e271bb0f.js';
+import './index-4a5a4bce.js';
+import './index-893a2a7e.js';
 import 'react-laag';
-import './index-2c1f6013.js';
+import './index-e1718716.js';
 import 'react-qr-code';
-import './index-2860c09c.js';
+import './index-f6bdde6b.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-8e8b8e96.js → index-5c58822d.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-61f77f6a.js';
+import './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-b8595920.js → index-5cc27212.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-80cd52e1.js → index-5e697503.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-61f77f6a.js';
+import './index-55a00321.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-3acb3626.js → index-5e780ee3.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-61f77f6a.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import { useState, useEffect } from 'react';
-import ItemVariant from './index-16cb775c.js';
+import ItemVariant from './index-83b536b0.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-6afafc1c.js → index-61d2e985.js}

@@ -1,4 +1,4 @@
-import './index-61f77f6a.js';
+import './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-6f5dd0b0.js → index-622dae07.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { Suspense } from 'react';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { useDivaCore } from '@crystaldesign/diva-core';
@@ -29,25 +29,40 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var PricePreview = function PricePreview(_ref) {
   var asyncPricePreview = _ref.asyncPricePreview,
     _ref$pos = _ref.pos,
-    pos = _ref$pos === void 0 ? 'right' : _ref$pos;
+    pos = _ref$pos === void 0 ? 'right' : _ref$pos,
+    style = _ref.style;
   var _useDivaCore = useDivaCore(),
     hidePrices = _useDivaCore.state.hidePrices;
   if (hidePrices) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(pricePreview, pos == 'left' ? left : right),
-    children: /*#__PURE__*/jsx(Suspense, {
-      fallback: /*#__PURE__*/jsx("div", {
-        className: loader
-      }),
-      children: /*#__PURE__*/jsx(AsyncRender, {
-        asyncPricePreview: asyncPricePreview
+  return /*#__PURE__*/jsx(Suspense, {
+    fallback: /*#__PURE__*/jsx(Fragment, {}),
+    children: /*#__PURE__*/jsx(AsyncRender1, {
+      asyncPricePreview: asyncPricePreview.isVisible,
+      children: /*#__PURE__*/jsx("div", {
+        className: classnames(pricePreview, pos == 'left' ? left : right),
+        style: style,
+        children: /*#__PURE__*/jsx(Suspense, {
+          fallback: /*#__PURE__*/jsx("div", {
+            className: loader
+          }),
+          children: /*#__PURE__*/jsx(AsyncRender2, {
+            asyncPricePreview: asyncPricePreview.promise
+          })
+        })
       })
     })
   });
 };
-var AsyncRender = function AsyncRender(_ref2) {
+var AsyncRender1 = function AsyncRender1(_ref2) {
+  var asyncPricePreview = _ref2.asyncPricePreview,
+    children = _ref2.children;
+  var result = use(asyncPricePreview);
+  if (result) return children;
+  return /*#__PURE__*/jsx(Fragment, {});
+};
+var AsyncRender2 = function AsyncRender2(_ref3) {
   var _window;
-  var asyncPricePreview = _ref2.asyncPricePreview;
+  var asyncPricePreview = _ref3.asyncPricePreview;
   var result = use(asyncPricePreview);
   var viewHandler = useViewHandler();
   var pricePreviewType = viewHandler.getViewConfig().pricePreview;

package/build/esm/{index-632c1929.js → index-623e57b1.js}

@@ -1,8 +1,8 @@
-import './index-61f77f6a.js';
+import './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SVGOverview from './index-cb280a2f.js';
-import SVGSourceViewer from './index-6ea2a72d.js';
+import SVGOverview from './index-1158a022.js';
+import SVGSourceViewer from './index-a70ba9be.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,7 +17,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-a8c5a535.js';
+import './index.module-12e95927.js';
 import 'classnames';
 
 var index = function index(props) {

package/build/esm/{index-48f34656.js → index-667886e8.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-61f77f6a.js';
+import './index-55a00321.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-9464890f.js → index-674ee541.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-61f77f6a.js';
+import { s as styleInject } from './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-2bc897a3.js → index-67514863.js}

@@ -1,10 +1,10 @@
-import './index-61f77f6a.js';
+import './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import Dropdown from 'react-dropdown';
-import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-8e762388.js';
-import Arrow from './index-4aa148db.js';
+import { w as wrapper, d as dropdownRoot, a as dropdownControl } from './index.module-6e989cd2.js';
+import Arrow from './index-1e49cf4d.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7273e6a7.js → index-67580079.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-61f77f6a.js';
+import { s as styleInject } from './index-55a00321.js';
 import classnames from 'classnames';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-53f903dd.js → index-690074cf.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-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { useState, useEffect } from 'react';
 import OrbitControlElement from 'react-3d-cube-interaction';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-9f6fa1d2.js → index-6abecc67.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-31570d55.js';
+import RoomSerious from './index-ad4c7fec.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-ec59f9c3.js → index-6c1b1c10.js}

@@ -1,9 +1,9 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-61f77f6a.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcConfiguratorSettingsHeaderActElements, S as SettingsPosNr$1 } from './index-8510a419.js';
+import { w as wcConfiguratorSettingsHeaderActElements, S as SettingsPosNr$1 } from './index-2864d8c8.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,7 +18,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-746c4159.js';
+import './index-4e2c321c.js';
 import 'classnames';
 
 var SettingsPosNrContainer = function SettingsPosNrContainer(_ref) {

package/build/esm/{index-5c03668f.js → index-6c4b445d.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-61f77f6a.js';
+import { a as usePlannerUIHandler } from './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-e21d033a.js → index-6c86a521.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-61f77f6a.js';
+import './index-55a00321.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-b3e29c3d.js → index-6c9bf4bd.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-61f77f6a.js';
-import ProductHeader from './index-42c3548d.js';
+import { s as styleInject } from './index-55a00321.js';
+import ProductHeader from './index-b827c9bb.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-319142c2.js';
+import './index-f6349cfe.js';
 import '@crystaldesign/content-box';
-import './index-36e7fdd7.js';
+import './index-9b9d9cd0.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-8d329443.js → index-6e091ba7.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-61f77f6a.js';
+import { u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import NavBar from './index-71d88fa8.js';
-import { g as wcConfigurator3Dimage, h as imageCenterOrbit, j as imageCenterStatic } from './index.module-6697ab15.js';
-import Logo from './index-fa55bc7e.js';
+import NavBar from './index-4416759c.js';
+import { g as wcConfigurator3Dimage, h as imageCenterOrbit, j as imageCenterStatic } from './index.module-27b40885.js';
+import Logo from './index-c0fd0d05.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4b084891.js → index-6ec0a07d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-c84bfc13.js → index-6f63c233.js}

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

package/build/esm/{index-b37548f3.js → index-6fd34e03.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import React, { useState, useEffect, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import sift from 'sift';
-import TextBox from './index-c148403f.js';
-import ItemVariant from './index-e01bf4c1.js';
-import SettingsPaletteGroup from './index-dd6adbe7.js';
-import ToggleOption from './index-fa873c76.js';
-import GroupDropdown from './index-16e16fdf.js';
-import PromotedProducts from './index-a3fe116e.js';
-import ToggleName from './index-1c26f6c0.js';
-import ProductList from './index-19664102.js';
-import itemPaletteTypeComponentMap from './index-4af27af2.js';
-import ItemWrapper from './index-a3848c7b.js';
+import TextBox from './index-fd1b09ee.js';
+import ItemVariant from './index-0b335ec1.js';
+import SettingsPaletteGroup from './index-71949045.js';
+import ToggleOption from './index-c5d8597e.js';
+import GroupDropdown from './index-5998cbab.js';
+import PromotedProducts from './index-ed21696e.js';
+import ToggleName from './index-87b43e02.js';
+import ProductList from './index-45145d7c.js';
+import itemPaletteTypeComponentMap from './index-3ff08b3e.js';
+import ItemWrapper from './index-c5ceb6da.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
 var collapsableInner = "collapsable-inner-YPvJa";
@@ -23,10 +23,10 @@ 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; }
 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-ad1bad43.js');
+  return import('./index-ff952a9e.js');
 });
 var DoorPlanner = /*#__PURE__*/React.lazy(function () {
-  return import('./index-3340eaed.js');
+  return import('./index-eb4eddb4.js');
 });
 var SettingsPaletteItem = function SettingsPaletteItem(_ref) {
   var _viewHandler$uiState$, _settingsSizes$gapDef, _settingsSizes$sizeDe, _viewHandler$uiState$2, _item$groups$;

package/build/esm/{index-ae32d5e0.js → index-708eb185.js}

@@ -1,16 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-61f77f6a.js';
+import { s as styleInject, u as useViewHandler } from './index-55a00321.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-8fcf1a64.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-7e5580bd.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-b0835efd.js';
-import MetaData from './index-44a9ed96.js';
+import GenericToolTip from './index-487e6c7e.js';
+import MetaData from './index-1e3f7e25.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-99b4e827.js';
-import PricePreview from './index-6f5dd0b0.js';
+import InfoIcon from './index-11f9a0ec.js';
+import PricePreview from './index-622dae07.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -118,7 +118,10 @@ var Option = function Option(_ref) {
       metaData: item.metaData,
       visible: [metaDataVisible, setMetaDataVisible]
     }, item.codex), !hidePricePreview && item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
-      asyncPricePreview: item.pricePreviewPromise
+      asyncPricePreview: item.pricePreviewPromise,
+      style: type == 'small' ? {
+        fontSize: 9
+      } : undefined
     }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {
       text: item.text + (item.freeText ? item.freeText : ''),
       hexColor: item.hexColor,