@crystaldesign/diva-web-planner-react 26.11.0-beta.17 → 26.11.0-beta.18

package/build/esm/{index-bcba346d.js → index-064a58a8.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, P as PricePreview, G as GenericToolTip } from './index-f2d743be.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-72ee1983.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import { useState } from 'react';
+import { useState, useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-2cc8d424.js';
-import InfoIcon from './index-f43a945c.js';
+import MetaData from './index-76047a52.js';
+import InfoIcon from './index-20bc3775.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -29,11 +30,17 @@ var container = "container-08OcY";
 var sel = "sel-hd522";
 var titleContainer = "title-container-QzcUc";
 var title = "title-WUWIa";
-var css_248z = ".container-08OcY {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.container-08OcY.sel-hd522 {\n  border-color: var(--primaryColor);\n}\n\n.container-08OcY:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.container-08OcY img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.title-container-QzcUc {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.title-WUWIa {\n  height: auto;\n  margin: 0 3px;\n}\n\n.title-WUWIa {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n";
+var dragGhost = "drag-ghost-l6Ved";
+var css_248z = ".container-08OcY {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.container-08OcY.sel-hd522 {\n  border-color: var(--primaryColor);\n}\n\n.container-08OcY:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.container-08OcY img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.title-container-QzcUc {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.title-WUWIa {\n  height: auto;\n  margin: 0 3px;\n}\n\n.title-WUWIa {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.drag-ghost-l6Ved {\n  position: fixed;\n  left: 0;\n  top: 0;\n  pointer-events: none;\n  z-index: 9999;\n  opacity: 0.8;\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; }
 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; }
+// Suppresses the native drag ghost; the portal ghost below replaces it.
+var EMPTY_DRAG_IMAGE = typeof Image !== 'undefined' ? new Image(1, 1) : undefined;
+if (EMPTY_DRAG_IMAGE) {
+  EMPTY_DRAG_IMAGE.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+}
 var ShelfAccessoires = function ShelfAccessoires(_ref) {
   var _renderLayer, _item$longDescription;
   var item = _ref.item;
@@ -50,6 +57,39 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     metaDataVisible = _useState2[0],
     setMetaDataVisible = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isDragging = _useState4[0],
+    setIsDragging = _useState4[1];
+  var ghostRef = useRef(null);
+  var lastDragPos = useRef({
+    x: 0,
+    y: 0
+  });
+  var dragGeom = useRef({
+    grabX: 0,
+    grabY: 0,
+    width: 0
+  });
+  var positionGhost = function positionGhost(el) {
+    if (!el) return;
+    var g = dragGeom.current;
+    el.style.transform = "translate(".concat(lastDragPos.current.x - g.grabX, "px, ").concat(lastDragPos.current.y - g.grabY, "px)");
+  };
+  useEffect(function () {
+    if (!isDragging) return;
+    var onDragOver = function onDragOver(e) {
+      lastDragPos.current = {
+        x: e.clientX,
+        y: e.clientY
+      };
+      positionGhost(ghostRef.current);
+    };
+    document.addEventListener('dragover', onDragOver);
+    return function () {
+      return document.removeEventListener('dragover', onDragOver);
+    };
+  }, [isDragging]);
 
   /* tool tip stuff*/
   var triggerProps = {};
@@ -61,13 +101,14 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
     delayEnter: 1500,
     hideOnScroll: true
   });
+  var tooltipOpen = hover[0] && !isDragging;
   var tooltip = useLayer({
-    isOpen: hover[0],
+    isOpen: tooltipOpen,
     auto: true,
     placement: viewHandler.getViewConfig().tooltipPosition || 'left-center'
   });
   if (!isMobile && !isTablet && !viewHandler.getViewConfig().hideTooltip) {
-    isOver = hover[0];
+    isOver = tooltipOpen;
     hoverProps = hover[1];
     triggerProps = tooltip.triggerProps;
     layerProps = tooltip.layerProps;
@@ -78,14 +119,40 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
     id: item.articleCodex,
     className: classnames(container, sel$1 ? sel : undefined),
     onClick: function onClick() {
+      return viewHandler.paletteViewHandler.selectShelfAccessorie(item.articleCodex, undefined, false);
+    },
+    onDoubleClick: function onDoubleClick() {
       return viewHandler.paletteViewHandler.selectShelfAccessorie(item.articleCodex);
+    },
+    draggable: true,
+    onDragStart: function onDragStart(e) {
+      e.dataTransfer.effectAllowed = 'copy';
+      e.dataTransfer.setData('text/plain', item.articleCodex);
+      if (EMPTY_DRAG_IMAGE) e.dataTransfer.setDragImage(EMPTY_DRAG_IMAGE, 0, 0);
+      var rect = e.currentTarget.getBoundingClientRect();
+      dragGeom.current = {
+        grabX: e.clientX - rect.left,
+        grabY: e.clientY - rect.top,
+        width: rect.width
+      };
+      lastDragPos.current = {
+        x: e.clientX,
+        y: e.clientY
+      };
+      setIsDragging(true);
+      viewHandler.paletteViewHandler.startShelfAccessorieDrag(item.articleCodex);
+    },
+    onDragEnd: function onDragEnd() {
+      setIsDragging(false);
+      viewHandler.paletteViewHandler.endShelfAccessorieDrag();
     }
   }, triggerProps), hoverProps), {}, {
     children: [/*#__PURE__*/jsx("img", {
       style: {
         maxHeight: viewHandler.settingsState.settingsWidth / 3
       },
-      src: item.image
+      src: item.image,
+      draggable: false
     }), /*#__PURE__*/jsxs("div", {
       className: titleContainer,
       children: [/*#__PURE__*/jsx("div", {
@@ -114,7 +181,30 @@ var ShelfAccessoires = function ShelfAccessoires(_ref) {
       image: item.image,
       codex: item.articleCodex,
       layerProps: layerProps
-    }, item.articleCodex)))]
+    }, item.articleCodex))), isDragging && !viewHandler.settingsState.draggedAccessoryHasTarget && /*#__PURE__*/createPortal(/*#__PURE__*/jsxs("div", {
+      className: classnames(container, dragGhost),
+      style: {
+        width: dragGeom.current.width
+      },
+      ref: function ref(el) {
+        ghostRef.current = el;
+        positionGhost(el);
+      },
+      children: [/*#__PURE__*/jsx("img", {
+        style: {
+          maxHeight: viewHandler.settingsState.settingsWidth / 3
+        },
+        src: item.image
+      }), /*#__PURE__*/jsx("div", {
+        className: titleContainer,
+        children: /*#__PURE__*/jsx("div", {
+          className: title,
+          dangerouslySetInnerHTML: {
+            __html: header
+          }
+        })
+      })]
+    }), document.body)]
   }));
 };
 var ShelfAccessoires$1 = observer(ShelfAccessoires);

package/build/esm/{index-402aadb7.js → index-07de7393.js}

@@ -1,5 +1,5 @@
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { u as useViewHandler } from './index-f2d743be.js';
+import { u as useViewHandler } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import { useCallback } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-17bcbed9.js → index-07e3a28c.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-f2d743be.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import NavBar from './index-56fd21e4.js';
+import NavBar from './index-0da8e4f5.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";

package/build/esm/{index-07a72f1b.js → index-0876ef9d.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-f2d743be.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomRound from './index-53b02e05.js';
+import RoomRound from './index-549b36e2.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-7e18b512.js → index-0a2fbce8.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler, G as GenericToolTip } from './index-f2d743be.js';
+import { s as styleInject, u as useViewHandler, G as GenericToolTip } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useHover, useLayer } from 'react-laag';

package/build/esm/{index-8a700e85.js → index-0a53e583.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler, G as GenericToolTip } from './index-f2d743be.js';
+import { u as useViewHandler, G as GenericToolTip } from './index-72ee1983.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import InfoIcon from './index-f43a945c.js';
-import { A as AddElement, a as articleItem, s as small, b as sel, i as imageWrapper, w as wcImage, t as titleWrapper, c as title, d as trashIcon, e as wrapper, m as mobile, f as tablet } from './index-8e1b08f2.js';
+import InfoIcon from './index-20bc3775.js';
+import { A as AddElement, a as articleItem, s as small, b as sel, i as imageWrapper, w as wcImage, t as titleWrapper, c as title, d as trashIcon, e as wrapper, m as mobile, f as tablet } from './index-1eda72f9.js';
 import { useHover, useLayer } from 'react-laag';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-2021187f.js → index-0c8051ed.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-f2d743be.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState, useEffect } from 'react';

package/build/esm/{index-56fd21e4.js → index-0da8e4f5.js}

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

package/build/esm/{index-9bd9deb6.js → index-0e3bf26d.js}

@@ -1,10 +1,10 @@
-import { s as styleInject, u as useViewHandler } from './index-f2d743be.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import 'react';
 import classnames from 'classnames';
-import ArQrCodeIcon from './index-5dc537e0.js';
+import ArQrCodeIcon from './index-ad13b6fc.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { observer } from 'mobx-react-lite';
-import ProductRoomList from './index-5d8a71d7.js';
+import ProductRoomList from './index-7f58c94e.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -24,9 +24,9 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'react-laag';
-import './index-83d976c4.js';
+import './index-2198f950.js';
 import 'react-qr-code';
-import './index-76727e45.js';
+import './index-c6392fa9.js';
 
 var mobileWrapper = "mobile-wrapper-CITxg";
 var tablet = "tablet-ECmH-";

package/build/esm/{index-ce07e720.js → index-0ec61a56.js}

@@ -1,4 +1,4 @@
-import { u as useViewHandler, T as Toggle } from './index-f2d743be.js';
+import { u as useViewHandler, T as Toggle } from './index-72ee1983.js';
 import 'react';
 import { DivaUtils } from '@crystaldesign/diva-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/build/esm/{index-64df8270.js → index-106a5856.js}

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

package/build/esm/{index-879c312c.js → index-1218ff75.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-f2d743be.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-3d0d4b35.js → index-1228f6d8.js}

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

package/build/esm/{index-e0dc434c.js → index-123ce416.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-f2d743be.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-ad470d5d.js';
-import PriceSumm from './index-fcbd4164.js';
+import ActionNavigation from './index-13908246.js';
+import PriceSumm from './index-39458526.js';
 import classnames from 'classnames';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -23,7 +23,7 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index.module-8861c712.js';
+import './index.module-27f96c80.js';
 
 var container = "container-jfAym";
 var backOverwrite = "back-overwrite--AJgH";

package/build/esm/{index-ad470d5d.js → index-13908246.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-f2d743be.js';
+import { u as useViewHandler, e as evalVisible, _ as _onClickCheckout, I as Icon } from './index-72ee1983.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-8861c712.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-27f96c80.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/{index-2354a065.js → index-13909b62.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-f2d743be.js';
+import { s as styleInject } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ActionNavigation from './index-ad470d5d.js';
+import ActionNavigation from './index-13908246.js';
 import classnames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -22,7 +22,7 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index.module-8861c712.js';
+import './index.module-27f96c80.js';
 
 var container = "container-LaFKa";
 var back = "back-A14G4";

package/build/esm/{index-c9a0f55d.js → index-13eba10c.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-f2d743be.js';
+import { s as styleInject } from './index-72ee1983.js';
 import classnames from 'classnames';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-655a75f7.js → index-1744c06c.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-f2d743be.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview } from './index-72ee1983.js';
 import { useState, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import Collapsible from 'react-collapsible';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-f43a945c.js';
-import { g as getKey } from './index-fa295696.js';
+import InfoIcon from './index-20bc3775.js';
+import { g as getKey } from './index-c99d015b.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,79 +25,79 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'sift';
-import './index-06d65095.js';
-import './index-cc5b89e3.js';
-import './index-5867450e.js';
-import './index-b89e9814.js';
-import './index.module-4d3bc94b.js';
-import './index-d0897b45.js';
+import './index-98a74c16.js';
+import './index-d698061d.js';
+import './index-4f872377.js';
+import './index-33ce2722.js';
+import './index.module-5128abcd.js';
+import './index-272415ce.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-7a46065b.js';
+import './index-ad036a50.js';
 import 'react-dropdown';
-import './index-b5979305.js';
+import './index-fdc1cd3c.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-7dc11927.js';
-import './index-eac872ed.js';
-import './index-5b2fa4ea.js';
+import './index-77c705e2.js';
+import './index-8206408d.js';
+import './index-f7feac8d.js';
 import '@crystaldesign/content-box';
-import './index-e4786614.js';
-import './index-16d03afe.js';
-import './index-ea7dfb18.js';
-import './index-5cb7749b.js';
+import './index-b24b2138.js';
+import './index-5ce2f921.js';
+import './index-f9162546.js';
+import './index-9a25ac85.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-59a21d95.js';
-import './index-bf5e3002.js';
-import './index-7f83c188.js';
-import './index-f89deb55.js';
-import './index-8afd1bad.js';
-import './index-3d0d4b35.js';
-import './index-d2da3189.js';
+import './UnlockCard-3f4735b2.js';
+import './index-3d163534.js';
+import './index-feb5a4a4.js';
+import './index-ef505e6e.js';
+import './index-d06a14dc.js';
+import './index-1228f6d8.js';
+import './index-42f2a415.js';
 import 'react-laag';
-import './index.module-70cc6a09.js';
-import './index-4e699f45.js';
-import './index-1334e01e.js';
-import './index-2021187f.js';
-import './index-eacda8cb.js';
-import './index-7caf81b0.js';
-import './index.module-3da3c3da.js';
-import './index-486d5f33.js';
-import './index-c9a0f55d.js';
-import './index-86067c03.js';
-import './index-ce07e720.js';
-import './index-89a3e7d3.js';
-import './index-2cc8d424.js';
-import './index-e4c8fb8a.js';
-import './index-47aae317.js';
-import './index-8a700e85.js';
-import './index-8e1b08f2.js';
-import './index-4bdb25f0.js';
-import './index-770f56f6.js';
-import './index-8bd37fb2.js';
+import './index.module-4bbdd455.js';
+import './index-a41aa14b.js';
+import './index-d9100a6f.js';
+import './index-0c8051ed.js';
+import './index-d5081d20.js';
+import './index-a9ad56ce.js';
+import './index.module-86ecbbdf.js';
+import './index-9ad37044.js';
+import './index-13eba10c.js';
+import './index-50a4df67.js';
+import './index-0ec61a56.js';
+import './index-3d1b156f.js';
+import './index-76047a52.js';
+import './index-84b299d6.js';
+import './index-e5f412ac.js';
+import './index-0a53e583.js';
+import './index-1eda72f9.js';
+import './index-2e4dfaff.js';
+import './index-7ed4c41e.js';
+import './index-8888ff80.js';
 import 'rc-slider';
-import './index-f9db5bcd.js';
-import './index-be882502.js';
-import './index-b01419d9.js';
-import './index-7afd3e85.js';
-import './index-b5471cc1.js';
+import './index-c3198b88.js';
+import './index-20a02afb.js';
+import './index-bd23079a.js';
+import './index-05ec5456.js';
+import './index-a037c82b.js';
 import 'react-confetti-explosion';
-import './index-f8543987.js';
-import './index-5dc537e0.js';
-import './index-83d976c4.js';
+import './index-3a751e91.js';
+import './index-ad13b6fc.js';
+import './index-2198f950.js';
 import 'react-qr-code';
-import './index-76727e45.js';
-import './useCustomDimensions-d5c61384.js';
-import './index-cbad0484.js';
-import './ussIsSticky-d05fade2.js';
-import './index-24142edb.js';
-import './index-aaa81cff.js';
-import './index-f8378ce5.js';
-import './index.module-1f97bb57.js';
-import './index-e29628e5.js';
-import './index-4079b1e6.js';
-import './index-897abcc7.js';
-import './index-d4266003.js';
+import './index-c6392fa9.js';
+import './useCustomDimensions-79359314.js';
+import './index-89a5bec9.js';
+import './ussIsSticky-016ed6ab.js';
+import './index-f691c6e8.js';
+import './index-73fa2cb7.js';
+import './index-60ad7ed4.js';
+import './index.module-c9d42cc7.js';
+import './index-a91e9654.js';
+import './index-95d16f7e.js';
+import './index-ea08c6de.js';
+import './index-5da75e9a.js';
 
 var wrapper = "wrapper-QG-9Z";
 var wcGroupedContainer = "wcGroupedContainer-jhNWc";

package/build/esm/{index-daa4d335.js → index-1835dddc.js}

@@ -1,9 +1,9 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { u as useViewHandler } from './index-f2d743be.js';
+import { u as useViewHandler } from './index-72ee1983.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-b87454b0.js';
+import ItemVariant from './index-9cde92a8.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-2e1fbe7a.js → index-18556074.js}

@@ -1,8 +1,8 @@
-import { s as styleInject } from './index-f2d743be.js';
+import { s as styleInject } from './index-72ee1983.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-f43a945c.js';
+import InfoIcon from './index-20bc3775.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-f99b911c.js → index-1d5baa3b.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-f2d743be.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-bb39423e.js';
+import RoomSerious from './index-ad92fd09.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-8e1b08f2.js → index-1eda72f9.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-f2d743be.js';
+import { s as styleInject, u as useViewHandler } from './index-72ee1983.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';