@crystaldesign/diva-web-planner-react 25.3.0-rc.0 → 25.3.0-rc.10

package/build/esm/{index-06540c3e.js → index-b65e3bf7.js}

@@ -1,8 +1,8 @@
-import './index-36d862a1.js';
+import './index-059a7d1a.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SVGOverview from './index-c1c1aad8.js';
-import SVGSourceViewer from './index-d85a13a6.js';
+import SVGOverview from './index-592c1d3d.js';
+import SVGSourceViewer from './index-73e683cd.js';
 import { 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 '@crystaldesign/widget-contact-form';
-import './index.module-c4bd75c1.js';
+import './index.module-1f04eb09.js';
 import 'classnames';
 
 var index = function index(props) {

package/build/esm/{index-9d32e537.js → index-b73c3824.js}

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

package/build/esm/{index-7723f23e.js → index-b7591055.js}

@@ -1,18 +1,18 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-36d862a1.js';
+import { u as useViewHandler } from './index-059a7d1a.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-7406218b.js';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-7b791951.js';
+import { w as wcSize, d as wcSizeSmall, e as wcImagePlaceHolder, b as wcImage, t as textContainer, f as big, c as wcConfiguratorSettingsTitle, m as metaData, g as ccConstructionWarning, p as paletteItem, s as sel } from './index.module-ce7ea117.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-9c43e7d0.js';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import IsActive from './index-024e923a.js';
+import IsActive from './index-700af72a.js';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-4a9bcacc.js';
-import GenericToolTip from './index-15d125cd.js';
-import InfoIcon from './index-004c4904.js';
-import PricePreview from './index-68589e7f.js';
+import MetaData from './index-9ded9aaf.js';
+import GenericToolTip from './index-e27f10d8.js';
+import InfoIcon from './index-3b424710.js';
+import PricePreview from './index-b54d505e.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-e2cd8219.js → index-b9179f47.js}

@@ -1,9 +1,9 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { a as usePlannerUIHandler } from './index-36d862a1.js';
+import { a as usePlannerUIHandler } from './index-059a7d1a.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Outline3D from './index-572ae089.js';
-import ItemsContainer from './index-630bac2b.js';
+import Outline3D from './index-d41f5250.js';
+import ItemsContainer from './index-569d7428.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,21 +19,21 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'classnames';
-import './index-7bdf58f0.js';
-import './index-1867d66b.js';
-import './index-bc20deb4.js';
-import './index-0387c04b.js';
-import './index-90a1f225.js';
-import './index-c8f44f6d.js';
-import './index-11f581ee.js';
-import './index-4eced949.js';
-import './index-57ddbe73.js';
-import './index-acdb7b52.js';
-import './index-be966d88.js';
+import './index-31de6a96.js';
+import './index-a603ccb4.js';
+import './index-56055ba0.js';
+import './index-60c5b484.js';
+import './index-6916ce8f.js';
+import './index-67c09587.js';
+import './index-4e97c11e.js';
+import './index-1e58d63d.js';
+import './index-a5052507.js';
+import './index-04ac2010.js';
+import './index-d38c4d64.js';
 import 'react-draggable';
-import './index-296b06fb.js';
-import './index-ca5fba18.js';
-import './index-92e14d43.js';
+import './index-3aa60935.js';
+import './index-9fcba76e.js';
+import './index-1a2e066b.js';
 
 var PlannerUI = function PlannerUI(_ref) {
   var plannerUIProps = _ref.plannerUIProps;

package/build/esm/{index-a90c5f21.js → index-b91f8579.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-36d862a1.js';
-import Article from './index-983b79ad.js';
-import SummaryOptionTree from './index-8c022b8f.js';
-import SummaryArticles from './index-9fe880a1.js';
-import SettingsItemAccessoireTemplate from './index-9d32e537.js';
-import ItemVariant from './index-4f44c34c.js';
-import SettingsItemDefaultTemplate from './index-422f4c9d.js';
-import Range from './index-2780393a.js';
-import SettingsItemRoomTemplate from './index-29b8bd39.js';
-import ViewPoint from './index-3765e233.js';
-import NumberBox from './index-7b2870c7.js';
-import PlannerSwitch from './index-c6f6ee4a.js';
-import SummaryPartlist from './index-cf61f3f3.js';
-import Varaint from './index-c89f1fba.js';
-import GalleryText from './index-a113455f.js';
+import './index-059a7d1a.js';
+import Article from './index-9a69526f.js';
+import SummaryOptionTree from './index-60a57f04.js';
+import SummaryArticles from './index-2145e11f.js';
+import SettingsItemAccessoireTemplate from './index-b73c3824.js';
+import ItemVariant from './index-72476a7b.js';
+import SettingsItemDefaultTemplate from './index-1f495072.js';
+import Range from './index-8607eede.js';
+import SettingsItemRoomTemplate from './index-741a6654.js';
+import ViewPoint from './index-10f1ad8c.js';
+import NumberBox from './index-2d8597ad.js';
+import PlannerSwitch from './index-9b68656b.js';
+import SummaryPartlist from './index-7d8b8333.js';
+import Varaint from './index-54fa051d.js';
+import GalleryText from './index-e1fe0b4f.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -32,16 +32,16 @@ import '@crystaldesign/widget-contact-form';
 import 'mobx-react-lite';
 import 'classnames';
 import 'react-laag';
-import './index-4a9bcacc.js';
-import './index-15d125cd.js';
-import './index-68589e7f.js';
-import './index-004c4904.js';
-import './index.module-7406218b.js';
-import './index-024e923a.js';
-import './index-5d34e0f5.js';
-import './index-d5c7af95.js';
+import './index-9ded9aaf.js';
+import './index-e27f10d8.js';
+import './index-b54d505e.js';
+import './index-3b424710.js';
+import './index.module-ce7ea117.js';
+import './index-700af72a.js';
+import './index-8606d2fc.js';
+import './index-d865676a.js';
 import 'react-switch';
-import './index.module-7b791951.js';
+import './index.module-9c43e7d0.js';
 
 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; }

package/build/esm/{index-2c0cd35f.js → index-ba9d08cc.js}

@@ -1,5 +1,5 @@
 import _typeof from '@babel/runtime/helpers/typeof';
-import { s as styleInject } from './index-36d862a1.js';
+import { s as styleInject } from './index-059a7d1a.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/build/esm/{index-291bda8e.js → index-bb3a1f1f.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-059a7d1a.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-5e78bc21.js → index-bb400e72.js}

@@ -1,12 +1,12 @@
 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-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-059a7d1a.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import NavBar from './index-d1b736c9.js';
+import NavBar from './index-c732954d.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -55,10 +55,12 @@ var Planner3D = function Planner3D() {
     actions = _useDivaCore.actions,
     _useDivaCore$state = _useDivaCore.state,
     apiConfig = _useDivaCore$state.apiConfig,
-    isMobile = _useDivaCore$state.isMobile,
+    isMobileRes = _useDivaCore$state.isMobile,
     jwt = _useDivaCore$state.jwt,
     isFirefox = _useDivaCore$state.isFirefox,
-    isTablet = _useDivaCore$state.dimensions.isTablet;
+    _useDivaCore$state$di = _useDivaCore$state.dimensions,
+    isTablet = _useDivaCore$state$di.isTablet,
+    isMobile = _useDivaCore$state$di.isMobile;
   var openAr = isMobile || isTablet;
 
   //arViewerIframe is a workaround for when the model-viewer cannot load directly in a page and must be loaded in an iframe
@@ -119,7 +121,7 @@ var Planner3D = function Planner3D() {
     children: [viewHandler.productState.doShow3DComb && !viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx(NavBar, {}), /*#__PURE__*/jsx(RealTimeRenderer, {
       renderjob: viewHandler.hqRenderScript,
       viewpoint: viewHandler.camInfo,
-      isMobile: isMobile,
+      isMobile: isMobileRes,
       elementsInfo: elementsInfo,
       actions: actions,
       inBackground: isInModelViewer,

package/build/esm/{index-92697aa3.js → index-bc601cac.js}

@@ -1,6 +1,6 @@
-import './index-36d862a1.js';
+import './index-059a7d1a.js';
 import 'react';
-import Default from './index-b30719c2.js';
+import Default from './index-a123ae61.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,12 +18,12 @@ import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'mobx-react-lite';
 import 'classnames';
-import './index.module-7b791951.js';
+import './index.module-9c43e7d0.js';
 import 'react-laag';
-import './index-15d125cd.js';
-import './index-68589e7f.js';
-import './index-4a9bcacc.js';
-import './index-004c4904.js';
+import './index-e27f10d8.js';
+import './index-b54d505e.js';
+import './index-9ded9aaf.js';
+import './index-3b424710.js';
 
 var GallerySerious = function GallerySerious(_ref) {
   var item = _ref.item,

package/build/esm/{index-720e7b71.js → index-bf05d045.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-059a7d1a.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-66e92e94.js → index-c1706ed9.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-059a7d1a.js';
 import 'react';
-import SettingsHeaderContainer from './index-b5b407de.js';
-import SettingsScroller from './index-1decbefb.js';
+import SettingsHeaderContainer from './index-65301a4f.js';
+import SettingsScroller from './index-b46efc1d.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -19,59 +19,59 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
-import './index-76cbe1b1.js';
-import './index-720e7b71.js';
-import './index-1cf1f3b3.js';
+import './index-6ec5b156.js';
+import './index-bf05d045.js';
+import './index-584a4e67.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-05569dbe.js';
+import './index-e2ce83e3.js';
 import 'react-laag';
-import './index-af092475.js';
-import './index-f4c937cf.js';
+import './index-a86b34cf.js';
+import './index-d4f78638.js';
 import 'sift';
-import './index-18f15f4d.js';
-import './index-d43dad9c.js';
-import './index-0bfd7e7c.js';
-import './index-cd7743bb.js';
-import './index.module-d1c0f793.js';
-import './index-d5c7af95.js';
+import './index-67bd4828.js';
+import './index-abd349db.js';
+import './index-5bd7f8e1.js';
+import './index-70f22664.js';
+import './index.module-677062bc.js';
+import './index-d865676a.js';
 import 'react-switch';
-import './index-004c4904.js';
-import './index-68589e7f.js';
-import './index-c2b5863c.js';
+import './index-3b424710.js';
+import './index-b54d505e.js';
+import './index-1e036251.js';
 import 'react-dropdown';
-import './index-3d1101f7.js';
-import './index-81d793d2.js';
-import './index-39706bd4.js';
-import './index-0263aa31.js';
+import './index-f6c938da.js';
+import './index-ff8ceca3.js';
+import './index-403086f9.js';
+import './index-faabefc3.js';
 import '@crystaldesign/content-box';
-import './index-236de351.js';
-import './index-291bda8e.js';
-import './index-f8925247.js';
-import './index-db4feee5.js';
-import './index-a90c5f21.js';
-import './index-983b79ad.js';
-import './index-4a9bcacc.js';
-import './index-15d125cd.js';
-import './index-8c022b8f.js';
-import './index-9fe880a1.js';
-import './index-9d32e537.js';
-import './index-4f44c34c.js';
-import './index-422f4c9d.js';
-import './index-2780393a.js';
-import './index-29b8bd39.js';
-import './index-3765e233.js';
-import './index.module-7406218b.js';
-import './index-024e923a.js';
-import './index-7b2870c7.js';
-import './index-5d34e0f5.js';
-import './index-c6f6ee4a.js';
-import './index-cf61f3f3.js';
-import './index-c89f1fba.js';
-import './index-a113455f.js';
-import './index.module-7b791951.js';
-import './index-657c8c5f.js';
-import './index-cdd38c69.js';
-import './index-1e6456f0.js';
+import './index-c5dc0bce.js';
+import './index-bb3a1f1f.js';
+import './index-67e0f2e3.js';
+import './index-122d2ac5.js';
+import './index-b91f8579.js';
+import './index-9a69526f.js';
+import './index-9ded9aaf.js';
+import './index-e27f10d8.js';
+import './index-60a57f04.js';
+import './index-2145e11f.js';
+import './index-b73c3824.js';
+import './index-72476a7b.js';
+import './index-1f495072.js';
+import './index-8607eede.js';
+import './index-741a6654.js';
+import './index-10f1ad8c.js';
+import './index.module-ce7ea117.js';
+import './index-700af72a.js';
+import './index-2d8597ad.js';
+import './index-8606d2fc.js';
+import './index-9b68656b.js';
+import './index-7d8b8333.js';
+import './index-54fa051d.js';
+import './index-e1fe0b4f.js';
+import './index.module-9c43e7d0.js';
+import './index-42ac9cd7.js';
+import './index-88052e30.js';
+import './index-1c46ef7a.js';
 
 var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
 var tabsHorizontal = "tabs-horizontal-052sb";

package/build/esm/{index-df51b97b.js → index-c3a3d080.js}

@@ -1,14 +1,14 @@
 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-36d862a1.js';
+import { u as useViewHandler } from './index-059a7d1a.js';
 import { toJS } from 'mobx';
 import { useState } from 'react';
-import { h as header } from './index.module-863426f2.js';
-import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-56fbd357.js';
+import { h as header } from './index.module-4af71cb7.js';
+import { c as collapsibleHeader, d as dpArrow, b as dArrow, e as boxes, f as box, g as boxSelected, h as boxImage, j as jsonSelection, i as jsonSelected } from './index.module-699a0a43.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import { n as notExpanded } from './index.module-1cef8653.js';
+import { n as notExpanded } from './index.module-5143787d.js';
 import Collapsible from 'react-collapsible';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-8e0fae77.js → index-c4df93af.js}

@@ -1,19 +1,19 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-36d862a1.js';
+import { s as styleInject, u as useViewHandler } from './index-059a7d1a.js';
 import { useState, useEffect } from 'react';
-import OptionTree from './index-7b8a7fc1.js';
-import PartListTable from './index-998ae609.js';
-import MaskEditor from './index-edcfe1d3.js';
-import ArticleOverview from './index-59f6165d.js';
-import SVGAnalyzer from './index-b58e9363.js';
-import EkTextViewer from './index-45cb416c.js';
-import CatalogMakeup from './index-38ab9547.js';
-import DecisionAnalyzer from './index-eec4a09f.js';
-import RTVAnalyzer from './index-9c0658d5.js';
-import J3DEditor from './index-7cacde99.js';
-import PropertiesEditor from './index-f3a37404.js';
+import OptionTree from './index-ec7444d9.js';
+import PartListTable from './index-aa6f1222.js';
+import MaskEditor from './index-978d4e52.js';
+import ArticleOverview from './index-fe9d6513.js';
+import SVGAnalyzer from './index-d9bc2cf3.js';
+import EkTextViewer from './index-1ebe7dbf.js';
+import CatalogMakeup from './index-7a5649b3.js';
+import DecisionAnalyzer from './index-e8dc0f20.js';
+import RTVAnalyzer from './index-ae881534.js';
+import J3DEditor from './index-e8a4477d.js';
+import PropertiesEditor from './index-6f12b210.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -28,38 +28,38 @@ import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import '@crystaldesign/widget-contact-form';
 import 'mobx-react-lite';
-import './index.module-1cef8653.js';
-import './index-44461ce0.js';
-import './index-0b1addff.js';
+import './index.module-5143787d.js';
+import './index-4b07d168.js';
+import './index-02a9c6e2.js';
 import 'classnames';
-import './index-2e873431.js';
+import './index-94ec6b58.js';
 import 'react-collapsible';
-import './index-23adae03.js';
-import './index-4b842848.js';
-import './index.module-56fbd357.js';
+import './index-6e2ed298.js';
+import './index-d8a72699.js';
+import './index.module-699a0a43.js';
 import 'react-json-view-lite';
-import './react-json-viewer-ff84abf7.js';
-import './index.module-863426f2.js';
+import './react-json-viewer-d58a94d5.js';
+import './index.module-4af71cb7.js';
 import 'jsoneditor';
-import './index-df51b97b.js';
-import './index-06540c3e.js';
-import './index-c1c1aad8.js';
-import './index.module-c4bd75c1.js';
-import './index-d85a13a6.js';
-import './index-e8de8ca0.js';
+import './index-c3a3d080.js';
+import './index-b65e3bf7.js';
+import './index-592c1d3d.js';
+import './index.module-1f04eb09.js';
+import './index-73e683cd.js';
+import './index-77517140.js';
 import 'react-dropdown';
-import './index.module-52b0dfc6.js';
-import './index-39706bd4.js';
-import './index-9ab94dc0.js';
-import './DecisionVizualizer-61990580.js';
-import './index-444e8c9c.js';
-import './index-395d9036.js';
-import './index-d5c7af95.js';
+import './index.module-27736afd.js';
+import './index-403086f9.js';
+import './index-86527228.js';
+import './DecisionVizualizer-2d44985a.js';
+import './index-d983b13d.js';
+import './index-059d06a9.js';
+import './index-d865676a.js';
 import 'react-switch';
-import './CatalogProperties-4f2535c9.js';
-import './ArticleProperties-b0848926.js';
-import './OptionProperties-52ea7ba0.js';
-import './OptionValueProperties-01a05933.js';
+import './CatalogProperties-c5f29740.js';
+import './ArticleProperties-376dcb6b.js';
+import './OptionProperties-530a3cf7.js';
+import './OptionValueProperties-96f3225c.js';
 import 'react-select';
 
 var wrapper = "wrapper-eIL6V";

package/build/esm/{index-236de351.js → index-c5dc0bce.js}

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