@crystaldesign/diva-web-planner-react 25.9.0-rc.1 → 25.9.0-rc.10

package/build/esm/{ArticleProperties-ee272d6c.js → ArticleProperties-7115b87b.js}

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

package/build/esm/{CatalogProperties-0b9457e5.js → CatalogProperties-f66164db.js}

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

package/build/esm/{DecisionVizualizer-e05bc0fa.js → DecisionVizualizer-c30d1891.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-e0c6b93d.js';
+import { s as styleInject } from './index-f93bd236.js';
 import { useRef, useState, useEffect } from 'react';
 import { JsonView, darkStyles } from 'react-json-view-lite';
 import classnames from 'classnames';

package/build/esm/{OptionProperties-4d329d18.js → OptionProperties-f6620f01.js}

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

package/build/esm/{OptionValueProperties-1a36b82d.js → OptionValueProperties-df9675e6.js}

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

package/build/esm/{Planner2DGrid-9fb035ff.js → Planner2DGrid-4a392407.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-e0c6b93d.js';
+import './index-f93bd236.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-faef04bc.js → Planner3DImage-9ebcc540.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-e0c6b93d.js';
+import './index-f93bd236.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-c7c91493.js → index-003d31fa.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-f93bd236.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
-import SettingsHeaderContainer from './index-8d5655d2.js';
-import { S as SettingsItem } from './index-708c7617.js';
+import SettingsHeaderContainer from './index-e01ad6cf.js';
+import { S as SettingsItem } from './index-afb6324f.js';
 import classnames from 'classnames';
-import TotalPrice from './index-b6fd3503.js';
+import TotalPrice from './index-dbd5984b.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,66 +24,65 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-708ae258.js';
-import './index-eb99bd89.js';
-import './index-9cf5046a.js';
-import './index-0b46aa51.js';
+import './index-89f87476.js';
+import './index-e73d8b91.js';
+import './index-5c04934c.js';
+import './index-577d1d07.js';
 import 'react-laag';
-import './index-13b0e5e0.js';
+import './index-d5a05a0f.js';
 import 'sift';
-import './index-efb65b32.js';
-import './index-2d8da945.js';
-import './index-3a238a3c.js';
-import './index-dbf2adc1.js';
-import './index.module-10abb965.js';
-import './index-16cea8f1.js';
+import './index-1982bb97.js';
+import './index-a145b596.js';
+import './index-9c644f87.js';
+import './index-37d2f2ce.js';
+import './index.module-91406314.js';
+import './index-ae11c9cd.js';
 import 'react-switch';
-import './index-87ba3217.js';
-import './index-24438765.js';
-import './index-b852789e.js';
+import './index-d1e1c8f8.js';
+import './index-93210a9d.js';
+import './index-f8638beb.js';
 import 'react-dropdown';
-import './index-2627e6d7.js';
-import './index-8998255e.js';
-import './index-079c09a5.js';
-import './index-3fcd95a0.js';
+import './index-33eeeeed.js';
+import './index-23ec31e5.js';
+import './index-98db09a9.js';
+import './index-c4296583.js';
 import '@crystaldesign/content-box';
-import './index-8c7174d4.js';
-import './index-7405ba6a.js';
-import './index-f765cc7c.js';
-import './index-220bdc3e.js';
-import './index-4ff56657.js';
-import './index-1a3ab6be.js';
-import './index-5c7f568e.js';
-import './index-ac5f2159.js';
-import './index-c41dafb0.js';
-import './index-cbb2283d.js';
-import './index-1c751c5f.js';
-import './index-d244983e.js';
-import './index-31db0e80.js';
-import './index.module-4b3422bc.js';
-import './index-9b83c24b.js';
-import './index-5b45677f.js';
-import './index-7dda49b6.js';
-import './index-d13b4fed.js';
-import './index-537bb435.js';
-import './index-7bf1e29e.js';
-import './index-e562f45d.js';
-import './index.module-53c3e6b0.js';
-import './index-8c19880b.js';
-import './index-c7329cf6.js';
-import './index-61aefd6d.js';
-import './index-29a53e55.js';
-import './index-23cb107a.js';
-import './index-8d6d26a2.js';
-import './index-88db02ea.js';
-import './index-6395ea79.js';
+import './index-a64ccdc7.js';
+import './index-8ea8584d.js';
+import './index-0acc342e.js';
+import './index-5a215fbf.js';
+import './index-89dff358.js';
+import './index-65c4172a.js';
+import './index-be92d64e.js';
+import './index-68bc2257.js';
+import './index-f25603f4.js';
+import './index-b1ced99b.js';
+import './index-acbd6cbe.js';
+import './index-f8f7e0bd.js';
+import './index-dcfb470c.js';
+import './index.module-172afb5c.js';
+import './index-2ce73418.js';
+import './index-17b0cbaa.js';
+import './index-a7c456bc.js';
+import './index-465c082a.js';
+import './index-8908c74d.js';
+import './index-77d0a634.js';
+import './index-11e0dee6.js';
+import './index.module-282dd4b1.js';
+import './index-cea95036.js';
+import './index-6e2172d7.js';
+import './index-70f67d21.js';
+import './index-0575bf7b.js';
+import './index-5c75f1c9.js';
+import './index-60bd2bf2.js';
+import './index-953a7d5b.js';
+import './index-a7f2b735.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-cdda2daa.js';
-import 'rc-slider/assets/index.css';
+import './index-4ce98a75.js';
 import 'rc-slider';
-import './index-6e313f76.js';
-import './index-d1ad8349.js';
+import './index-29000601.js';
+import './index-eb2b513b.js';
 
 var wcConfiguratorSettingsScroller = "wcConfigurator-settings-scroller-TbzP8";
 var expanded = "expanded-r-uGX";

package/build/esm/{index-39c818ad.js → index-02745a84.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-e0c6b93d.js';
+import { u as useViewHandler } from './index-f93bd236.js';
 import { useState, useEffect, Suspense } from 'react';
-import { n as notExpanded } from './index.module-efedddda.js';
-import { s as scrollable, h as header, t as toggleWrapper, o as optionWrapper } from './index.module-3d8f2891.js';
-import { d as decision, D as DecisionVisualization } from './DecisionVizualizer-e05bc0fa.js';
+import { n as notExpanded } from './index.module-c99fcda6.js';
+import { s as scrollable, h as header, t as toggleWrapper, o as optionWrapper } from './index.module-964fa7e9.js';
+import { d as decision, D as DecisionVisualization } from './DecisionVizualizer-c30d1891.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import Toggle from './index-16cea8f1.js';
-import AsyncRender from './index-ca90ca1d.js';
+import Toggle from './index-ae11c9cd.js';
+import AsyncRender from './index-9ea03fac.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@crystaldesign/diva-core';
@@ -28,7 +28,7 @@ import '@crystaldesign/widget-contact-form';
 import 'react-json-view-lite';
 import 'react-draggable';
 import 'react-switch';
-import './index-e39e842b.js';
+import './index-99afe919.js';
 import 'react-collapsible';
 
 var _excluded = ["onMouseDown"];

package/build/esm/{index-29a53e55.js → index-0575bf7b.js}

@@ -1,11 +1,11 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-f93bd236.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import MetaData from './index-c7329cf6.js';
-import InfoIcon from './index-87ba3217.js';
-import PricePreview from './index-24438765.js';
+import MetaData from './index-6e2172d7.js';
+import InfoIcon from './index-d1e1c8f8.js';
+import PricePreview from './index-93210a9d.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-ec524bff.js → index-06027277.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-e0c6b93d.js';
+import { u as useViewHandler, _ as _onClickCheckout, I as Icon } from './index-f93bd236.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcConfiguratorSettingsActions, i as isOnFirstStep, a as isOnFirstStepDisabled, b as isOnLastStep, v as vertical, p as portrait, l as landscape, d as container, e as button, f as back, c as checkoutButton, g as forth } from './index.module-743bc8b7.js';
+import { w as wcConfiguratorSettingsActions, i as isOnFirstStep, a as isOnFirstStepDisabled, b as isOnLastStep, v as vertical, p as portrait, l as landscape, d as container, e as button, f as back, c as checkoutButton, g as forth } from './index.module-4b79f0c6.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';

package/build/esm/{index-d736221f.js → index-097880f2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-f93bd236.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore } from '@crystaldesign/diva-core';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-f765cc7c.js → index-0acc342e.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-f93bd236.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useCallback, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import SettingsHeader from './index-708ae258.js';
+import SettingsHeader from './index-89f87476.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-491160ca.js → index-0c03beb7.js}

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

package/build/esm/{index-ec16f3b3.js → index-10884005.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-f93bd236.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import ProductHeaderFunction from './index-3e8bf03c.js';
+import ProductHeaderFunction from './index-b9cb1b1d.js';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
-import ContentItemWrapper from './index-d736221f.js';
+import ContentItemWrapper from './index-097880f2.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-c8f8c9b8.js → index-1091630f.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-f93bd236.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-fd302a2d.js → index-1104ef29.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-e0c6b93d.js';
+import { u as useViewHandler } from './index-f93bd236.js';
 import 'react';
-import SettingsHeaderContainer from './index-8d5655d2.js';
-import SettingsScroller from './index-c7c91493.js';
+import SettingsHeaderContainer from './index-e01ad6cf.js';
+import SettingsScroller from './index-003d31fa.js';
 import { observer } from 'mobx-react-lite';
-import { w as wcConfiguratorSettings, t as tabsHorizontal, e as expanded, S as SettingsExpanderButtons } from './index-5387e911.js';
+import { w as wcConfiguratorSettings, t as tabsHorizontal, e as expanded, S as SettingsExpanderButtons } from './index-35aeb28d.js';
 import classnames from 'classnames';
-import SettingsSwiper from './index-f90a3b6a.js';
+import SettingsSwiper from './index-8c52f57a.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -24,69 +24,68 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-708ae258.js';
-import './index-eb99bd89.js';
-import './index-9cf5046a.js';
+import './index-89f87476.js';
+import './index-e73d8b91.js';
+import './index-5c04934c.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-0b46aa51.js';
+import './index-577d1d07.js';
 import 'react-laag';
-import './index-13b0e5e0.js';
-import './index-708c7617.js';
+import './index-d5a05a0f.js';
+import './index-afb6324f.js';
 import 'sift';
-import './index-efb65b32.js';
-import './index-2d8da945.js';
-import './index-3a238a3c.js';
-import './index-dbf2adc1.js';
-import './index.module-10abb965.js';
-import './index-16cea8f1.js';
+import './index-1982bb97.js';
+import './index-a145b596.js';
+import './index-9c644f87.js';
+import './index-37d2f2ce.js';
+import './index.module-91406314.js';
+import './index-ae11c9cd.js';
 import 'react-switch';
-import './index-87ba3217.js';
-import './index-24438765.js';
-import './index-b852789e.js';
+import './index-d1e1c8f8.js';
+import './index-93210a9d.js';
+import './index-f8638beb.js';
 import 'react-dropdown';
-import './index-2627e6d7.js';
-import './index-8998255e.js';
-import './index-079c09a5.js';
-import './index-3fcd95a0.js';
+import './index-33eeeeed.js';
+import './index-23ec31e5.js';
+import './index-98db09a9.js';
+import './index-c4296583.js';
 import '@crystaldesign/content-box';
-import './index-8c7174d4.js';
-import './index-7405ba6a.js';
-import './index-f765cc7c.js';
-import './index-220bdc3e.js';
-import './index-4ff56657.js';
-import './index-1a3ab6be.js';
-import './index-5c7f568e.js';
-import './index-ac5f2159.js';
-import './index-c41dafb0.js';
-import './index-cbb2283d.js';
-import './index-1c751c5f.js';
-import './index-d244983e.js';
-import './index-31db0e80.js';
-import './index.module-4b3422bc.js';
-import './index-9b83c24b.js';
-import './index-5b45677f.js';
-import './index-7dda49b6.js';
-import './index-d13b4fed.js';
-import './index-537bb435.js';
-import './index-7bf1e29e.js';
-import './index-e562f45d.js';
-import './index.module-53c3e6b0.js';
-import './index-8c19880b.js';
-import './index-c7329cf6.js';
-import './index-61aefd6d.js';
-import './index-29a53e55.js';
-import './index-23cb107a.js';
-import './index-8d6d26a2.js';
-import './index-88db02ea.js';
-import './index-6395ea79.js';
+import './index-a64ccdc7.js';
+import './index-8ea8584d.js';
+import './index-0acc342e.js';
+import './index-5a215fbf.js';
+import './index-89dff358.js';
+import './index-65c4172a.js';
+import './index-be92d64e.js';
+import './index-68bc2257.js';
+import './index-f25603f4.js';
+import './index-b1ced99b.js';
+import './index-acbd6cbe.js';
+import './index-f8f7e0bd.js';
+import './index-dcfb470c.js';
+import './index.module-172afb5c.js';
+import './index-2ce73418.js';
+import './index-17b0cbaa.js';
+import './index-a7c456bc.js';
+import './index-465c082a.js';
+import './index-8908c74d.js';
+import './index-77d0a634.js';
+import './index-11e0dee6.js';
+import './index.module-282dd4b1.js';
+import './index-cea95036.js';
+import './index-6e2172d7.js';
+import './index-70f67d21.js';
+import './index-0575bf7b.js';
+import './index-5c75f1c9.js';
+import './index-60bd2bf2.js';
+import './index-953a7d5b.js';
+import './index-a7f2b735.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './index-cdda2daa.js';
-import 'rc-slider/assets/index.css';
+import './index-4ce98a75.js';
 import 'rc-slider';
-import './index-6e313f76.js';
-import './index-d1ad8349.js';
-import './index-b6fd3503.js';
+import './index-29000601.js';
+import './index-eb2b513b.js';
+import './index-dbd5984b.js';
 
 var _excluded = ["className"];
 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; }

package/build/esm/{index-995877a8.js → index-11aaefcd.js}

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

package/build/esm/{index-e562f45d.js → index-11e0dee6.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-e0c6b93d.js';
+import { s as styleInject, u as useViewHandler } from './index-f93bd236.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-53c3e6b0.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-282dd4b1.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-8c19880b.js';
-import MetaData from './index-c7329cf6.js';
+import GenericToolTip from './index-cea95036.js';
+import MetaData from './index-6e2172d7.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-87ba3217.js';
-import PricePreview from './index-24438765.js';
+import InfoIcon from './index-d1e1c8f8.js';
+import PricePreview from './index-93210a9d.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -85,7 +85,7 @@ var Option = function Option(_ref) {
   }
   return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread(_objectSpread({
     id: item.codex,
-    className: classnames(type == 'small' ? small : undefined, type == 'big' ? big : undefined, paletteItem, item.sel ? sel : undefined),
+    className: classnames(type == 'small' || type == 'verysmall' ? small : undefined, type == 'big' ? big : undefined, paletteItem, item.sel ? sel : undefined),
     onClick: onClick
   }, triggerProps), hoverProps), {}, {
     children: [/*#__PURE__*/jsxs("div", {
@@ -95,7 +95,7 @@ var Option = function Option(_ref) {
         children: item.vCodex
       }), item.image ? /*#__PURE__*/jsx("img", {
         className: classnames(wcImage),
-        src: type != 'small' ? item.image.replace('_gal', '') : item.image
+        src: type != 'small' && type != 'verysmall' ? item.image.replace('_gal', '') : item.image
       }) : /*#__PURE__*/jsx("div", {
         className: classnames(wcImage),
         style: {
@@ -128,7 +128,7 @@ var Option = function Option(_ref) {
     }, item.codex), !hidePricePreview && item.pricePreviewPromise !== undefined && /*#__PURE__*/jsx(PricePreview, {
       asyncPricePreview: item.pricePreviewPromise,
       sel: item.sel,
-      style: type == 'small' ? {
+      style: type == 'small' || type == 'verysmall' ? {
         fontSize: 9
       } : undefined
     }), isOver && ((_renderLayer = renderLayer) === null || _renderLayer === void 0 ? void 0 : _renderLayer(/*#__PURE__*/jsx(GenericToolTip, {