@crystaldesign/diva-web-planner-react 26.11.0-beta.9 → 26.12.0-beta.1

package/build/esm/{index-028ef6fe.js → index-85c249b4.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, T as Toggle } from './index-0f623dc4.js';
+import { s as styleInject, u as useViewHandler, T as Toggle } from './index-ad15ec3c.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';

package/build/esm/{index-f1aad575.js → index-87f36cb0.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-0f623dc4.js';
+import { u as useViewHandler } from './index-ad15ec3c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-e08fa9ee.js';
-import IsActive from './index-dd1edbfb.js';
+import { p as paletteItem, w as wcSize, a as wcSizeNormal, b as wcImage, t as textContainer, c as wcConfiguratorSettingsTitle } from './index.module-d86b21de.js';
+import IsActive from './index-09fed747.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-4a041a42.js → index-88756581.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, _ as _onClickCheckout } from './index-0f623dc4.js';
+import { s as styleInject, u as useViewHandler, _ as _onClickCheckout } from './index-ad15ec3c.js';
 import { observer } from 'mobx-react-lite';
 import { useMemo } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-4486aae9.js → index-8982ae55.js}

@@ -1,16 +1,16 @@
-import { s as styleInject, u as useViewHandler } from './index-0f623dc4.js';
+import { s as styleInject, u as useViewHandler } from './index-ad15ec3c.js';
 import classnames from 'classnames';
 import { useEffect } from 'react';
-import Inputbox from './index-04a6c011.js';
-import Product from './index-835bba0f.js';
-import Settings from './index-67d195a0.js';
-import NavigationButtons from './index-9533ad8d.js';
-import ActionBasket from './index-fe8a68a9.js';
-import TabGroup from './index-1cb9efa0.js';
+import Inputbox from './index-2a9cffc5.js';
+import Product from './index-5525cf8e.js';
+import Settings from './index-b3190f74.js';
+import NavigationButtons from './index-c0f5b05f.js';
+import ActionBasket from './index-e94760fa.js';
+import TabGroup from './index-4caf63e2.js';
 import { observer } from 'mobx-react-lite';
-import BasketMobile from './index-c736a947.js';
+import BasketMobile from './index-ad538c23.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import ProgressBar from './index-529c2a44.js';
+import ProgressBar from './index-849b1cb8.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -30,99 +30,99 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-f7540a8c.js';
-import './index-83a1472f.js';
-import './index-9fb5f73c.js';
-import './index-fca26bd4.js';
-import './index-844e7953.js';
+import './index-aed0302d.js';
+import './index-5e7e2829.js';
+import './index-ba66849c.js';
+import './index-121eb2e0.js';
+import './index-37e5ce26.js';
 import 'sift';
-import './index-a2c41313.js';
-import './index-fbf10387.js';
-import './index-9547465c.js';
-import './index-0c5322b3.js';
-import './index.module-fd14d43f.js';
-import './index-4e0484c5.js';
-import './index-4fb75465.js';
+import './index-7a41789c.js';
+import './index-f470e596.js';
+import './index-7148722b.js';
+import './index-2bacb676.js';
+import './index.module-dfde2da3.js';
+import './index-70a779ba.js';
+import './index-634deca6.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-46bef0a4.js';
+import './index-51379c7d.js';
 import 'react-dropdown';
-import './index-c001685f.js';
-import './index-2b730433.js';
-import './index-d8cc0435.js';
-import './index-de63b8ad.js';
+import './index-43bfd796.js';
+import './index-a3d346c5.js';
+import './index-0841d78b.js';
+import './index-f210fdf9.js';
 import '@crystaldesign/content-box';
-import './index-5b8d0846.js';
-import './index-ed663609.js';
-import './index-a55788ad.js';
-import './index-b612ef16.js';
+import './index-053fdaab.js';
+import './index-2216713d.js';
+import './index-9f4f4a99.js';
+import './index-b95c75a5.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-55b6cf16.js';
-import './index-5075d129.js';
-import './index-1a71d4ca.js';
-import './index-bdcc6d64.js';
-import './index-aaffd6c5.js';
-import './index-330c8bb3.js';
-import './index-077a1ebf.js';
+import './UnlockCard-6c291115.js';
+import './index-e19b57e2.js';
+import './index-f518becc.js';
+import './index-a7be4864.js';
+import './index-0bfc7267.js';
+import './index-03564b85.js';
+import './index-8b4a9dda.js';
 import 'react-laag';
-import './index.module-79e7c664.js';
-import './index-dd1edbfb.js';
-import './index-b01bbe74.js';
-import './index-7e80bcf0.js';
-import './index-9ae4011c.js';
-import './index-f1aad575.js';
-import './index.module-e08fa9ee.js';
-import './index-fe112199.js';
-import './index-2d1df531.js';
-import './index-b0815a50.js';
-import './index-410e96c5.js';
-import './index-40a51cdd.js';
-import './index-eb2493e6.js';
-import './index-a9536de9.js';
-import './index-f9833bfa.js';
-import './index-995b82c2.js';
-import './index-86359ec0.js';
-import './index-1712e23a.js';
-import './index-4a0ad231.js';
-import './index-1f4522e3.js';
+import './index.module-f5ec633c.js';
+import './index-09fed747.js';
+import './index-e6e84f80.js';
+import './index-05a3a4b1.js';
+import './index-a72b6a5c.js';
+import './index-87f36cb0.js';
+import './index.module-d86b21de.js';
+import './index-bc7df7d1.js';
+import './index-e9be3388.js';
+import './index-d9137f8b.js';
+import './index-62857517.js';
+import './index-c3012ad1.js';
+import './index-268bf50c.js';
+import './index-8061cd95.js';
+import './index-a9d4a0b4.js';
+import './index-56ff2642.js';
+import './index-c38ba0fb.js';
+import './index-2f37f4be.js';
+import './index-01af1d2d.js';
+import './index-fb21e66a.js';
 import 'rc-slider';
-import './index-65f14257.js';
-import './index-bbae16f0.js';
-import './index-1ba35ace.js';
-import './index-a6bef904.js';
-import './index-c6f61e98.js';
+import './index-93439923.js';
+import './index-9a89d03c.js';
+import './index-58c09633.js';
+import './index-071c84a2.js';
+import './index-1fbf6ae1.js';
 import 'react-confetti-explosion';
-import './index-3cbf3610.js';
-import './index-cfc5375b.js';
-import './index-6dabc1c1.js';
+import './index-c5dc047b.js';
+import './index-e5168f88.js';
+import './index-168b0767.js';
 import 'react-qr-code';
-import './index-f8653c95.js';
-import './useCustomDimensions-93627a9c.js';
-import './index-7e08f842.js';
-import './ussIsSticky-e9168752.js';
-import './index-7a786ddc.js';
-import './index-1cd455c5.js';
-import './index-e8271230.js';
-import './index.module-29bcdccf.js';
-import './index-af26b7d1.js';
-import './index-251955d3.js';
-import './index-defc4426.js';
-import './index-4a041a42.js';
-import './index-41419c7a.js';
-import './index-c825cfa9.js';
-import './index.module-420220cd.js';
-import './index-13b86af6.js';
-import './index-62e4c551.js';
-import './index-e39eb11b.js';
-import './index-62a35c07.js';
+import './index-c8245908.js';
+import './useCustomDimensions-193f2df0.js';
+import './index-5c636feb.js';
+import './ussIsSticky-17fcd136.js';
+import './index-fb5ad92a.js';
+import './index-842cd6e1.js';
+import './index-d1d8267a.js';
+import './index.module-7e636336.js';
+import './index-66899cad.js';
+import './index-63f8ed90.js';
+import './index-feee64ae.js';
+import './index-88756581.js';
+import './index-65fbcb58.js';
+import './index-15cd5e0b.js';
+import './index.module-866a57e8.js';
+import './index-a168b203.js';
+import './index-19aad45c.js';
+import './index-e1488382.js';
+import './index-faf18f89.js';
 import '@mui/material';
-import './index-968853cf.js';
-import './index-c1e816bc.js';
-import './index-11ac5ca8.js';
-import './index-9b738bd8.js';
-import './index-7f5833ce.js';
-import './index-57755700.js';
+import './index-8b4a5d38.js';
+import './index-ecd9cf50.js';
+import './index-b097d13b.js';
+import './index-52b241c4.js';
+import './index-5086e312.js';
+import './index-3b029782.js';
 
 var wcConfigurator = "wcConfigurator-8WNGD";
 var landscape = "landscape-fycCb";

package/build/esm/{index-3ccd1124.js → index-89e77b0c.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler, P as PricePreview, S as SettingsHeader } from './index-0f623dc4.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, S as SettingsHeader } from './index-ad15ec3c.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-294ff5d5.js';
+import MobileDropdown from './index-77a75d88.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-4e0484c5.js';
-import ReverseCheck from './index-4fb75465.js';
+import InfoIcon from './index-70a779ba.js';
+import ReverseCheck from './index-634deca6.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,7 +25,7 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-d8cc0435.js';
+import './index-0841d78b.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
 

package/build/esm/{index-968853cf.js → index-8b4a5d38.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler, b as PriceCounter } from './index-0f623dc4.js';
+import { s as styleInject, u as useViewHandler, b as PriceCounter } from './index-ad15ec3c.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-077a1ebf.js → index-8b4a9dda.js}

@@ -1,15 +1,15 @@
 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-0f623dc4.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-ad15ec3c.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-79e7c664.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-f5ec633c.js';
 import classnames from 'classnames';
-import IsActive from './index-dd1edbfb.js';
+import IsActive from './index-09fed747.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-4e0484c5.js';
-import ReverseCheck from './index-4fb75465.js';
+import InfoIcon from './index-70a779ba.js';
+import ReverseCheck from './index-634deca6.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';

package/build/esm/{index-7fbcbad6.js → index-8d362875.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-0f623dc4.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-ad15ec3c.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-eb2493e6.js';
-import InfoIcon from './index-4e0484c5.js';
+import MetaData from './index-268bf50c.js';
+import InfoIcon from './index-70a779ba.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-784c5fce.js → index-8e9f79fd.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-0f623dc4.js';
+import { s as styleInject, u as useViewHandler } from './index-ad15ec3c.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Group from './index-9bcee385.js';
+import Group from './index-3c2d93de.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-5111ebe5.js';
+import StandradGroup from './index-f2d4a8eb.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -23,83 +23,83 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import 'react-switch';
 import 'react-countup';
-import './index-844e7953.js';
+import './index-37e5ce26.js';
 import 'sift';
-import './index-a2c41313.js';
-import './index-fbf10387.js';
-import './index-9547465c.js';
-import './index-0c5322b3.js';
-import './index.module-fd14d43f.js';
-import './index-4e0484c5.js';
-import './index-4fb75465.js';
+import './index-7a41789c.js';
+import './index-f470e596.js';
+import './index-7148722b.js';
+import './index-2bacb676.js';
+import './index.module-dfde2da3.js';
+import './index-70a779ba.js';
+import './index-634deca6.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-46bef0a4.js';
+import './index-51379c7d.js';
 import 'react-dropdown';
-import './index-c001685f.js';
+import './index-43bfd796.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-2b730433.js';
-import './index-d8cc0435.js';
-import './index-de63b8ad.js';
+import './index-a3d346c5.js';
+import './index-0841d78b.js';
+import './index-f210fdf9.js';
 import '@crystaldesign/content-box';
-import './index-5b8d0846.js';
-import './index-ed663609.js';
-import './index-a55788ad.js';
-import './index-b612ef16.js';
+import './index-053fdaab.js';
+import './index-2216713d.js';
+import './index-9f4f4a99.js';
+import './index-b95c75a5.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-55b6cf16.js';
-import './index-5075d129.js';
-import './index-1a71d4ca.js';
-import './index-bdcc6d64.js';
-import './index-aaffd6c5.js';
-import './index-330c8bb3.js';
-import './index-077a1ebf.js';
+import './UnlockCard-6c291115.js';
+import './index-e19b57e2.js';
+import './index-f518becc.js';
+import './index-a7be4864.js';
+import './index-0bfc7267.js';
+import './index-03564b85.js';
+import './index-8b4a9dda.js';
 import 'react-laag';
-import './index.module-79e7c664.js';
-import './index-dd1edbfb.js';
-import './index-b01bbe74.js';
-import './index-7e80bcf0.js';
-import './index-9ae4011c.js';
-import './index-f1aad575.js';
-import './index.module-e08fa9ee.js';
-import './index-fe112199.js';
-import './index-2d1df531.js';
-import './index-b0815a50.js';
-import './index-410e96c5.js';
-import './index-40a51cdd.js';
-import './index-eb2493e6.js';
-import './index-a9536de9.js';
-import './index-f9833bfa.js';
-import './index-995b82c2.js';
-import './index-86359ec0.js';
-import './index-1712e23a.js';
-import './index-4a0ad231.js';
-import './index-1f4522e3.js';
+import './index.module-f5ec633c.js';
+import './index-09fed747.js';
+import './index-e6e84f80.js';
+import './index-05a3a4b1.js';
+import './index-a72b6a5c.js';
+import './index-87f36cb0.js';
+import './index.module-d86b21de.js';
+import './index-bc7df7d1.js';
+import './index-e9be3388.js';
+import './index-d9137f8b.js';
+import './index-62857517.js';
+import './index-c3012ad1.js';
+import './index-268bf50c.js';
+import './index-8061cd95.js';
+import './index-a9d4a0b4.js';
+import './index-56ff2642.js';
+import './index-c38ba0fb.js';
+import './index-2f37f4be.js';
+import './index-01af1d2d.js';
+import './index-fb21e66a.js';
 import 'rc-slider';
-import './index-65f14257.js';
-import './index-bbae16f0.js';
-import './index-1ba35ace.js';
-import './index-a6bef904.js';
-import './index-c6f61e98.js';
+import './index-93439923.js';
+import './index-9a89d03c.js';
+import './index-58c09633.js';
+import './index-071c84a2.js';
+import './index-1fbf6ae1.js';
 import 'react-confetti-explosion';
-import './index-3cbf3610.js';
-import './index-cfc5375b.js';
-import './index-6dabc1c1.js';
+import './index-c5dc047b.js';
+import './index-e5168f88.js';
+import './index-168b0767.js';
 import 'react-qr-code';
-import './index-f8653c95.js';
-import './useCustomDimensions-93627a9c.js';
-import './index-7e08f842.js';
-import './ussIsSticky-e9168752.js';
-import './index-7a786ddc.js';
-import './index-1cd455c5.js';
-import './index-e8271230.js';
-import './index.module-29bcdccf.js';
-import './index-af26b7d1.js';
-import './index-251955d3.js';
-import './index-defc4426.js';
-import './index-4a041a42.js';
-import './index-425fc823.js';
+import './index-c8245908.js';
+import './useCustomDimensions-193f2df0.js';
+import './index-5c636feb.js';
+import './ussIsSticky-17fcd136.js';
+import './index-fb5ad92a.js';
+import './index-842cd6e1.js';
+import './index-d1d8267a.js';
+import './index.module-7e636336.js';
+import './index-66899cad.js';
+import './index-63f8ed90.js';
+import './index-feee64ae.js';
+import './index-88756581.js';
+import './index-7512667f.js';
 import 'react-collapsible';
 
 var container = "container-UypgK";

package/build/esm/{index-65f14257.js → index-93439923.js}

@@ -1,10 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-0f623dc4.js';
+import { s as styleInject, u as useViewHandler } from './index-ad15ec3c.js';
 import { useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import MultiToggleSwitch from './index-bbae16f0.js';
+import MultiToggleSwitch from './index-9a89d03c.js';
 import classnames from 'classnames';
-import InfoIcon from './index-4e0484c5.js';
+import InfoIcon from './index-70a779ba.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';