@crystaldesign/diva-web-planner-react 26.8.0-beta.17 → 26.8.0-beta.19

package/build/esm/UnlockCard-68563fa5.js

@@ -1,216 +0,0 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject } from './index-f16b63bb.js';
-import { useState, useEffect } from 'react';
-import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var container = "container-uvLa8";
-var emptyText = "emptyText-k7-1y";
-var headline = "headline-VRP8M";
-var subheadline = "subheadline-aM8S8";
-var styleSelection = "styleSelection-iOIY2";
-var styleDescriptionText = "styleDescriptionText-XEUG7";
-var styleButtonsSwiper = "styleButtonsSwiper-zhnww";
-var styleButton = "styleButton-dyuqQ";
-var styleButtonSelected = "styleButtonSelected-uZne1";
-var mainImageCard = "mainImageCard-v7g41";
-var mainImage = "mainImage-WR82W";
-var mainImageOverlay = "mainImageOverlay-133HG";
-var mainImageTitle = "mainImageTitle-olUtp";
-var mainImageDescription = "mainImageDescription-k1GIu";
-var styleButtonImage = "styleButtonImage-by1s3";
-var styleButtonLabel = "styleButtonLabel-0R04R";
-var customInputSection = "customInputSection-zwl9g";
-var customInput = "customInput-5jLl3";
-var promptExamplesSwiper = "promptExamplesSwiper-gEPT1";
-var promptExampleChip = "promptExampleChip-jph5O";
-var generateSection = "generateSection-3wiMe";
-var generateButton = "generateButton-TP6yS";
-var generateButtonSubtext = "generateButtonSubtext-AaiB-";
-var remainingText = "remainingText-P3Ibl";
-var errorMessage = "errorMessage-6Dfp4";
-var unlockCard = "unlockCard-zmqvI";
-var unlockTitle = "unlockTitle-ZdltE";
-var unlockText = "unlockText-Jixn2";
-var unlockEmailInput = "unlockEmailInput-z5SXf";
-var unlockSubmitButton = "unlockSubmitButton-XuvH2";
-var unlockSubmitArrow = "unlockSubmitArrow-fCYvp";
-var unlockSuccessCard = "unlockSuccessCard-2ICYg";
-var unlockSuccessIcon = "unlockSuccessIcon-pOmcL";
-var unlockSuccessText = "unlockSuccessText-rtcHE";
-var tryVariantLink = "tryVariantLink-ZX0JF";
-var sceneHistory = "sceneHistory-i3VQY";
-var sceneHistoryTitle = "sceneHistoryTitle-fJPXT";
-var sceneHistorySwiper = "sceneHistorySwiper-oOVFf";
-var sceneThumb = "sceneThumb-mVxuB";
-var sceneThumbSelected = "sceneThumbSelected-MfJxR";
-var sceneThumbLabel = "sceneThumbLabel-oGzO-";
-var sceneThumbPlaceholder = "sceneThumbPlaceholder-h9u4D";
-var sceneThumbPlaceholderSelected = "sceneThumbPlaceholderSelected-Fq7Ap";
-var sceneThumbPlaceholderIcon = "sceneThumbPlaceholderIcon-GSqqQ";
-var sceneThumbPlaceholderImage = "sceneThumbPlaceholderImage-y4e-e";
-var sceneThumbSpinnerOverlay = "sceneThumbSpinnerOverlay-Z7vXT";
-var sceneThumbSpinner = "sceneThumbSpinner-3IkcG";
-var css_248z = ".container-uvLa8 {\n  padding-top: 16px;\n  padding-left: 12px;\n}\n\n.mobile .container-uvLa8 {\n  padding-left: 0px;\n}\n\n.emptyText-k7-1y {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0;\n}\n\n.headline-VRP8M {\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 1.3;\n  letter-spacing: inherit;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.subheadline-aM8S8 {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.mobile .subheadline-aM8S8 {\n  margin: 0 0 8px;\n}\n\n.styleSelection-iOIY2 {\n  margin-bottom: 16px;\n}\n\n.styleDescriptionText-XEUG7 {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0;\n}\n\n.mobile .styleDescriptionText-XEUG7 {\n  font-size: 12px;\n}\n\n.styleButtonsSwiper-zhnww {\n  margin-bottom: 16px;\n  min-height: 60px;\n  overflow: visible;\n}\n\n.styleButtonsSwiper-zhnww .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 6px 0;\n  z-index: 1;\n}\n\n.styleButtonsSwiper-zhnww .swiper-wrapper {\n  height: auto !important;\n}\n\n.styleButtonsSwiper-zhnww .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  padding: 12px;\n}\n\n.styleSelection-iOIY2 .styleButtonsSwiper-zhnww .swiper-slide {\n  flex-shrink: 0;\n  width: 28%;\n  display: flex;\n  align-items: center;\n  overflow: visible;\n}\n\n.styleButtonsSwiper-zhnww .swiper-button-prev,\n.styleButtonsSwiper-zhnww .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 24px;\n  height: 24px;\n  margin-top: -12px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n.styleButtonsSwiper-zhnww .swiper-button-prev svg,\n.styleButtonsSwiper-zhnww .swiper-button-next svg {\n  display: none;\n}\n\n.styleButtonsSwiper-zhnww .swiper-button-prev:focus,\n.styleButtonsSwiper-zhnww .swiper-button-prev:active,\n.styleButtonsSwiper-zhnww .swiper-button-next:focus,\n.styleButtonsSwiper-zhnww .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.styleButtonsSwiper-zhnww .swiper-button-prev::before,\n.styleButtonsSwiper-zhnww .swiper-button-next::before {\n  display: none !important;\n}\n\n.styleButtonsSwiper-zhnww .swiper-button-prev:after,\n.styleButtonsSwiper-zhnww .swiper-button-next:after {\n  text-transform: none !important;\n}\n\n.styleButtonsSwiper-zhnww .swiper-button-prev:after,\n.styleButtonsSwiper-zhnww .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 24px;\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n\n.styleButtonsSwiper-zhnww .swiper-button-prev,\n.styleButtonsSwiper-zhnww .swiper-rtl .swiper-button-next {\n  left: 4px;\n  right: auto;\n}\n\n.styleButtonsSwiper-zhnww .swiper-button-next,\n.styleButtonsSwiper-zhnww .swiper-rtl .swiper-button-prev {\n  right: 4px;\n  left: auto;\n}\n\n.styleButtonsSwiper-zhnww .swiper-button-disabled {\n  display: none;\n}\n\n.styleButton-dyuqQ {\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  padding: 0;\n  border: 2px solid transparent;\n  border-radius: 10px;\n  overflow: hidden;\n  cursor: pointer;\n  background: none;\n  transition:\n    border-color 0.2s,\n    box-shadow 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  aspect-ratio: 4 / 3;\n}\n\n.styleButton-dyuqQ:hover:not(:disabled) {\n  border-color: var(--diva-theme-palette-primary-main);\n}\n\n.styleButton-dyuqQ:focus,\n.styleButton-dyuqQ:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.styleButton-dyuqQ:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.styleButtonSelected-uZne1 {\n  border-color: var(--diva-theme-palette-primary-main);\n  box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.mainImageCard-v7g41 {\n  position: relative;\n  width: calc(100% - 24px);\n  margin-left: 12px;\n  margin-right: 12px;\n  border-radius: 12px;\n  overflow: hidden;\n  margin-bottom: 4px;\n  aspect-ratio: 5 / 3;\n}\n\n.mainImage-WR82W {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  display: block;\n}\n\n.mainImageOverlay-133HG {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 24px 20px 20px;\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 100%);\n  color: #fff;\n}\n\n.mainImageTitle-olUtp {\n  font-size: 22px;\n  font-weight: 400;\n  line-height: 1.3;\n  margin: 0 0 4px;\n  color: #fff;\n}\n\n.mainImageDescription-k1GIu {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  margin: 0;\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.styleButtonImage-by1s3 {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  border-radius: 8px;\n}\n\n.styleButtonLabel-0R04R {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 4px 6px 6px;\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 1.3;\n  color: #fff;\n  text-align: center;\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);\n  pointer-events: none;\n}\n\n.customInputSection-zwl9g {\n  margin-bottom: 16px;\n}\n\n.mobile .customInputSection-zwl9g {\n  margin-bottom: 8px;\n}\n\n.customInputToggle-2ymcH {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0;\n  margin-bottom: 10px;\n  font-size: 13px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  background: none;\n  border: none;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.customInputToggle-2ymcH:hover {\n  color: var(--diva-theme-palette-text-primary);\n}\n\n.customInputToggleOpen-FGN3h {\n  color: var(--diva-theme-palette-text-primary);\n}\n\n.customInput-5jLl3 {\n  width: calc(100% - 28px);\n  padding: 12px 14px;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  border-radius: 24px;\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 10px;\n}\n\n.customInput-5jLl3:focus {\n  outline: none;\n  border-color: var(--diva-theme-palette-primary-main);\n  box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.customInput-5jLl3::-moz-placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.customInput-5jLl3::placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.promptExamplesSwiper-gEPT1 {\n  margin-bottom: 4px;\n}\n\n.promptExamplesSwiper-gEPT1 .swiper {\n  position: relative;\n  overflow: hidden;\n  padding: 2px 0;\n}\n\n.promptExamplesSwiper-gEPT1 .swiper-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n.promptExamplesSwiper-gEPT1 .swiper-slide {\n  width: auto !important;\n}\n\n.promptExamplesSwiper-gEPT1 .swiper-slide {\n  flex-shrink: 0;\n}\n\n.promptExamplesSwiper-gEPT1 .swiper-button-prev,\n.promptExamplesSwiper-gEPT1 .swiper-button-next {\n  display: none;\n}\n\n.promptExampleChip-jph5O {\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  background: var(--settingsBackgroundColor);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  border-radius: 20px;\n  cursor: pointer;\n  white-space: nowrap;\n  transition:\n    border-color 0.2s,\n    background 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.promptExampleChip-jph5O:hover {\n  border-color: var(--diva-theme-palette-primary-main);\n  background: color-mix(in srgb, var(--diva-theme-palette-primary-main) 6%, #fff);\n  background: color-mix(in srgb, var(--diva-theme-palette-primary-main) 6%, var(--settingsBackgroundColor, #fff));\n}\n\n.generateSection-3wiMe {\n  margin-bottom: 24px;\n}\n\n.generateButton-TP6yS {\n  width: calc(100% - 48px);\n  padding: 16px 24px;\n  font-size: 16px;\n  font-weight: 400;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: 16px;\n  cursor: pointer;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  transition:\n    background 0.2s,\n    box-shadow 0.2s,\n    transform 0.15s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2px;\n}\n\n.generateButton-TP6yS:focus,\n.generateButton-TP6yS:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.generateButton-TP6yS:hover:not(:disabled) {\n  background: var(--diva-theme-palette-primary-dark);\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n  transform: translateY(-1px);\n}\n\n.generateButton-TP6yS:disabled {\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.generateButtonSubtext-AaiB- {\n  font-size: 12px;\n  font-weight: 300;\n  opacity: 0.75;\n}\n\n.remainingText-P3Ibl {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  text-align: center;\n  margin: 8px 0 0;\n}\n\n.errorMessage-6Dfp4 {\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #d32f2f;\n  color: var(--diva-theme-palette-error-main, #d32f2f);\n  background: color-mix(in srgb, #d32f2f 8%, transparent);\n  background: color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 8%, transparent);\n  border: 1px solid color-mix(in srgb, #d32f2f 25%, transparent);\n  border: 1px solid color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 25%, transparent);\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  padding: 10px 14px;\n  margin: 12px 0 0;\n  text-align: center;\n}\n\n.unlockCard-zmqvI {\n  padding: 24px 20px;\n  border: 2px solid color-mix(in srgb, var(--diva-theme-palette-primary-main) 20%, transparent);\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  background: var(--settingsBackgroundColor);\n  text-align: center;\n}\n\n.unlockTitle-ZdltE {\n  font-size: 18px;\n  font-weight: 300;\n\n  color: var(--diva-theme-palette-primary-main);\n  margin: 0 0 12px;\n}\n\n.unlockText-Jixn2 {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.6;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.unlockEmailInput-z5SXf {\n  width: calc(100% - 28px);\n  padding: 12px 14px;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 12px;\n}\n\n.unlockEmailInput-z5SXf:focus {\n  outline: none;\n  border-color: var(--diva-theme-palette-primary-main);\n  box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.unlockEmailInput-z5SXf::-moz-placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.unlockEmailInput-z5SXf::placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.unlockSubmitButton-XuvH2 {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 14px;\n  font-weight: 400;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.unlockSubmitButton-XuvH2:focus,\n.unlockSubmitButton-XuvH2:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.unlockSubmitButton-XuvH2:hover:not(:disabled) {\n  background: var(--diva-theme-palette-primary-dark);\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n  box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.unlockSubmitButton-XuvH2:disabled {\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.unlockSubmitArrow-fCYvp {\n  font-size: 18px;\n  line-height: 1;\n}\n\n.unlockSuccessCard-2ICYg {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-height: 120px;\n}\n\n.unlockSuccessIcon-pOmcL {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: var(--diva-theme-palette-primary-main);\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  font-size: 20px;\n  line-height: 1;\n}\n\n.unlockSuccessText-rtcHE {\n  font-size: 15px;\n  font-weight: 400;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0;\n}\n\n.tryVariantLink-ZX0JF {\n  display: block;\n  margin: 12px auto 24px;\n  padding: 0;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-primary-main);\n  text-decoration: underline;\n  text-underline-offset: 3px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  transition: color 0.15s;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.tryVariantLink-ZX0JF:hover {\n  color: var(--diva-theme-palette-primary-dark);\n}\n\n.sceneHistory-i3VQY {\n}\n\n.sceneHistoryTitle-fJPXT {\n  font-size: 15px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 0 2px;\n}\n\n.sceneHistorySwiper-oOVFf {\n  padding-bottom: 8px;\n}\n\n.sceneHistorySwiper-oOVFf .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-wrapper {\n  position: relative;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  padding: 12px 3px;\n}\n\n.sceneHistory-i3VQY .sceneHistorySwiper-oOVFf .swiper-slide {\n  flex-shrink: 0;\n  width: 108px;\n  height: auto;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-prev,\n.sceneHistorySwiper-oOVFf .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 24px;\n  height: 24px;\n  margin-top: -12px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-prev svg,\n.sceneHistorySwiper-oOVFf .swiper-button-next svg {\n  display: none;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-prev:focus,\n.sceneHistorySwiper-oOVFf .swiper-button-prev:active,\n.sceneHistorySwiper-oOVFf .swiper-button-next:focus,\n.sceneHistorySwiper-oOVFf .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-prev::before,\n.sceneHistorySwiper-oOVFf .swiper-button-next::before {\n  display: none !important;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-prev:after,\n.sceneHistorySwiper-oOVFf .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 24px;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-prev,\n.sceneHistorySwiper-oOVFf .swiper-rtl .swiper-button-next {\n  left: 4px;\n  right: auto;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-next,\n.sceneHistorySwiper-oOVFf .swiper-rtl .swiper-button-prev {\n  right: 4px;\n  left: auto;\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-prev:after {\n  content: 'prev';\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-next:after {\n  content: 'next';\n}\n\n.sceneHistorySwiper-oOVFf .swiper-button-disabled {\n  display: none;\n}\n\n.sceneThumb-mVxuB {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 4 / 3;\n  flex-shrink: 0;\n  overflow: hidden;\n  border-radius: 8px;\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  cursor: pointer;\n  transition:\n    border-color 0.2s,\n    box-shadow 0.2s;\n}\n\n.sceneThumb-mVxuB:hover {\n  border-color: var(--diva-theme-palette-primary-main);\n}\n\n.sceneThumbSelected-MfJxR {\n  border-color: var(--diva-theme-palette-primary-main);\n  box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.sceneThumb-mVxuB img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.sceneThumbLabel-oGzO- {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 12px 6px 5px;\n  font-size: 10px;\n  font-weight: 400;\n  line-height: 1.2;\n  color: #fff;\n  text-align: center;\n  background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 100%);\n  pointer-events: none;\n}\n\n.sceneThumbPlaceholder-h9u4D {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 4 / 3;\n  flex-shrink: 0;\n  overflow: hidden;\n  border-radius: 8px;\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  background: #f5efe8;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition:\n    border-color 0.2s,\n    box-shadow 0.2s;\n}\n\n.sceneThumbPlaceholderSelected-Fq7Ap {\n  border-color: var(--diva-theme-palette-primary-main);\n  box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.sceneThumbPlaceholderIcon-GSqqQ {\n  font-size: 24px;\n  opacity: 0.5;\n  color: #c9a96e;\n}\n\n.sceneThumbPlaceholderImage-y4e-e {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  opacity: 0.6;\n}\n\n.sceneThumbSpinnerOverlay-Z7vXT {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(255, 255, 255, 0.55);\n  -webkit-backdrop-filter: blur(1px);\n          backdrop-filter: blur(1px);\n}\n\n.sceneThumbSpinner-3IkcG {\n  width: 22px;\n  height: 22px;\n  border: 2px solid rgba(0, 0, 0, 0.15);\n  border-top-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  animation: sceneThumbSpin-w7AXw 0.8s linear infinite;\n}\n\n@keyframes sceneThumbSpin-w7AXw {\n  to {\n    transform: rotate(360deg);\n  }\n}\n";
-styleInject(css_248z);
-
-var UnlockCard = function UnlockCard(_ref) {
-  var budgetTotal = _ref.budgetTotal,
-    leadBonus = _ref.leadBonus,
-    leadKeyActive = _ref.leadKeyActive,
-    onSubmit = _ref.onSubmit,
-    onSuccess = _ref.onSuccess;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(function () {
-      var cached = DivaUtils.getCookie('user_key');
-      return cached && DivaUtils.validateEmail(cached) ? cached : '';
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    email = _useState2[0],
-    setEmail = _useState2[1];
-  var _useState3 = useState(function () {
-      var hasStoredLeadKey = !!localStorage.getItem('diva_lead_key');
-      return leadKeyActive || hasStoredLeadKey || leadBonus <= 0 ? 'exhausted' : 'form';
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    phase = _useState4[0],
-    setPhase = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    errorMsg = _useState6[0],
-    setErrorMsg = _useState6[1];
-  useEffect(function () {
-    if (leadKeyActive && phase === 'form') {
-      setPhase('exhausted');
-    }
-  }, [leadKeyActive]);
-  var handleSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var result, _result$message, _result$message2, _result$message3;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            setPhase('loading');
-            setErrorMsg('');
-            _context.next = 4;
-            return onSubmit(email);
-          case 4:
-            result = _context.sent;
-            if (result !== null && result !== void 0 && result.success) {
-              setPhase('success');
-              setTimeout(function () {
-                return onSuccess();
-              }, 2500);
-            } else if ((result === null || result === void 0 ? void 0 : result.reason) === 'LEAD_KEY_BONUS_EXHAUSTED') {
-              setErrorMsg((_result$message = result === null || result === void 0 ? void 0 : result.message) !== null && _result$message !== void 0 ? _result$message : '');
-              setPhase('leadBonusExhausted');
-            } else if ((result === null || result === void 0 ? void 0 : result.reason) === 'EMAIL_ALREADY_USED') {
-              setErrorMsg((_result$message2 = result === null || result === void 0 ? void 0 : result.message) !== null && _result$message2 !== void 0 ? _result$message2 : '');
-              setPhase('emailAlreadyUsed');
-            } else {
-              setErrorMsg((_result$message3 = result === null || result === void 0 ? void 0 : result.message) !== null && _result$message3 !== void 0 ? _result$message3 : '');
-              setPhase('error');
-            }
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleSubmit() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  if (phase === 'success') {
-    return /*#__PURE__*/jsxs("div", {
-      className: "".concat(unlockCard, " ").concat(unlockSuccessCard),
-      children: [/*#__PURE__*/jsx("span", {
-        className: unlockSuccessIcon,
-        children: "\u2713"
-      }), /*#__PURE__*/jsx("p", {
-        className: unlockSuccessText,
-        children: t('configurator.inspiration.unlockSuccess', 'Erfolgreich freigeschaltet – jetzt weiter generieren!')
-      })]
-    });
-  }
-  if (phase === 'exhausted') {
-    return /*#__PURE__*/jsxs("div", {
-      className: unlockCard,
-      children: [/*#__PURE__*/jsx("h4", {
-        className: unlockTitle,
-        children: t('configurator.inspiration.exhaustedTitle', 'Sie haben heute alle Raumbilder genutzt')
-      }), /*#__PURE__*/jsx("p", {
-        className: unlockText,
-        children: t('configurator.inspiration.exhaustedText', 'Ihr Kontingent ist für heute aufgebraucht. Kommen Sie morgen wieder – dann stehen Ihnen neue Raumbilder zur Verfügung.')
-      })]
-    });
-  }
-  if (phase === 'emailAlreadyUsed') {
-    return /*#__PURE__*/jsxs("div", {
-      className: unlockCard,
-      children: [/*#__PURE__*/jsx("h4", {
-        className: unlockTitle,
-        children: t('configurator.inspiration.emailAlreadyUsedTitle', 'Diese E-Mail-Adresse wurde bereits verwendet')
-      }), /*#__PURE__*/jsx("p", {
-        className: unlockText,
-        children: t('configurator.inspiration.emailAlreadyUsedText', 'Die Freischaltung zusätzlicher Raumbilder ist pro E-Mail-Adresse nur einmal möglich.')
-      })]
-    });
-  }
-  if (phase === 'leadBonusExhausted') {
-    return /*#__PURE__*/jsxs("div", {
-      className: unlockCard,
-      children: [/*#__PURE__*/jsx("h4", {
-        className: unlockTitle,
-        children: t('configurator.inspiration.leadKeyBonusExhaustedTitle', 'Bonus-Kontingent aufgebraucht')
-      }), /*#__PURE__*/jsx("p", {
-        className: unlockText,
-        children: t('configurator.inspiration.leadKeyBonusExhaustedText', 'Für diese E-Mail-Adresse sind alle zusätzlichen Raumbilder bereits verbraucht. Es können keine weiteren Bilder mehr freigeschaltet werden.')
-      })]
-    });
-  }
-  return /*#__PURE__*/jsxs("div", {
-    className: unlockCard,
-    children: [/*#__PURE__*/jsx("h4", {
-      className: unlockTitle,
-      children: t('configurator.inspiration.unlockTitle', 'Gefällt dir, was du siehst?')
-    }), /*#__PURE__*/jsx("p", {
-      className: unlockText,
-      children: t('configurator.inspiration.unlockTextLead', {
-        budgetTotal: budgetTotal,
-        leadBonus: leadBonus
-      })
-    }), /*#__PURE__*/jsx("input", {
-      type: "email",
-      className: unlockEmailInput,
-      value: email,
-      onChange: function onChange(e) {
-        return setEmail(e.target.value);
-      },
-      placeholder: t('configurator.inspiration.emailPlaceholder'),
-      disabled: phase === 'loading'
-    }), phase === 'error' && errorMsg && /*#__PURE__*/jsx("p", {
-      className: unlockText,
-      children: errorMsg
-    }), /*#__PURE__*/jsxs("button", {
-      type: "button",
-      className: unlockSubmitButton,
-      disabled: phase === 'loading' || !DivaUtils.validateEmail(email),
-      onClick: handleSubmit,
-      children: [phase === 'loading' ? t('configurator.inspiration.unlocking', 'Wird freigeschaltet…') : t('configurator.inspiration.unlockButton', "".concat(leadBonus, " weitere Raumbilder freischalten")), phase !== 'loading' && /*#__PURE__*/jsx("span", {
-        className: unlockSubmitArrow,
-        children: "\u2192"
-      })]
-    })]
-  });
-};
-
-var UnlockCard$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  'default': UnlockCard
-});
-
-export { styleButtonLabel as A, generateSection as B, generateButton as C, generateButtonSubtext as D, errorMessage as E, remainingText as F, customInputSection as G, styleDescriptionText as H, customInput as I, promptExamplesSwiper as J, promptExampleChip as K, tryVariantLink as L, UnlockCard$1 as M, UnlockCard as U, sceneHistoryTitle as a, sceneHistorySwiper as b, container as c, sceneThumbPlaceholder as d, emptyText as e, sceneThumbPlaceholderSelected as f, sceneThumbPlaceholderImage as g, headline as h, sceneThumbLabel as i, sceneThumbPlaceholderIcon as j, sceneThumbSpinnerOverlay as k, sceneThumbSpinner as l, sceneThumb as m, sceneThumbSelected as n, subheadline as o, mainImageCard as p, mainImage as q, mainImageOverlay as r, sceneHistory as s, mainImageTitle as t, mainImageDescription as u, styleSelection as v, styleButtonsSwiper as w, styleButton as x, styleButtonSelected as y, styleButtonImage as z };

package/build/esm/index-0028e0d9.js

@@ -1,159 +0,0 @@
-import { s as styleInject, u as useViewHandler } from './index-f16b63bb.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import Group from './index-af03c03c.js';
-import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-68df7439.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import './index-8d2cdb10.js';
-import 'sift';
-import './index-9d6e38a8.js';
-import './index-0e4e932b.js';
-import './index-59d16491.js';
-import './index-30b11b34.js';
-import './index.module-67f62808.js';
-import './index-b2b1162a.js';
-import './index-62849fac.js';
-import '@mui/icons-material/Block';
-import '@mui/icons-material/Warning';
-import './index-b3e322e8.js';
-import 'react-dropdown';
-import './index-c041f9c1.js';
-import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-32bb4b12.js';
-import './index-633e6327.js';
-import './index-46b91537.js';
-import '@crystaldesign/content-box';
-import './index-e38d774f.js';
-import './index-3f5bb1e3.js';
-import './index-d3567f25.js';
-import './index-92d18413.js';
-import 'swiper/react';
-import 'swiper/modules';
-import './UnlockCard-68563fa5.js';
-import './index-30be548d.js';
-import './index-d2a090cc.js';
-import './index-a2e0e0e0.js';
-import './index-1cac4f6a.js';
-import './index-50ca4375.js';
-import './index-1597687f.js';
-import 'react-laag';
-import './index.module-b3c850d3.js';
-import './index-f2b40178.js';
-import './index-aa00de75.js';
-import './index-b1e9fe31.js';
-import './index-8d87554a.js';
-import './index-24928a6c.js';
-import './index.module-9fe02b29.js';
-import './index-20f6b99a.js';
-import './index-4e1d5173.js';
-import './index-6a653c97.js';
-import './index-501b52b7.js';
-import './index-081aabd7.js';
-import './index-6fd36ea9.js';
-import './index-affe109f.js';
-import './index-d61c7973.js';
-import './index-da6806ef.js';
-import './index-15204efa.js';
-import './index-40cbb7a9.js';
-import './index-d8e60f05.js';
-import './index-9aaebd32.js';
-import 'rc-slider';
-import './index-ecd17aa9.js';
-import './index-12ddd580.js';
-import './index-4c8fc150.js';
-import './index-31e3aaf4.js';
-import './index-96599c54.js';
-import 'react-confetti-explosion';
-import './index-8404febf.js';
-import './index-ea475052.js';
-import './index-8b5afbf4.js';
-import 'react-qr-code';
-import './index-3f422fc8.js';
-import './useCustomDimensions-5cf4dd62.js';
-import './index-61c8f1d4.js';
-import './ussIsSticky-a702922f.js';
-import './index-50122653.js';
-import './index-6f250c99.js';
-import './index-f180f8e3.js';
-import './index.module-3164bb8d.js';
-import './index-243d3aa6.js';
-import './index-77819ee4.js';
-import './index-8a8f28dd.js';
-import './index-5a15f771.js';
-import './index-a78acf60.js';
-import 'react-collapsible';
-
-var container = "container-UypgK";
-var css_248z = ".container-UypgK {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n";
-styleInject(css_248z);
-
-var PaletteGroup = function PaletteGroup(_ref) {
-  var itemPalette = _ref.itemPalette,
-    groups = _ref.groups,
-    PaletteComponent = _ref.PaletteComponent,
-    contentInnerClassName = _ref.contentInnerClassName,
-    _ref$rowCount = _ref.rowCount,
-    rowCount = _ref$rowCount === void 0 ? 12 : _ref$rowCount;
-  var viewHandler = useViewHandler();
-  if (!viewHandler.uiState.isInMobileView) return /*#__PURE__*/jsx(StandradGroup, {
-    contentInnerClassName: contentInnerClassName,
-    itemPalette: itemPalette,
-    groups: groups,
-    PaletteComponent: PaletteComponent,
-    rowCount: rowCount
-  });
-  var _useDivaCore = useDivaCore(),
-    width = _useDivaCore.state.dimensions.width;
-  var itemCount = 0;
-  if (width) while (width / rowCount < 60) {
-    rowCount = rowCount - 1;
-  }
-  return /*#__PURE__*/jsx("div", {
-    className: container,
-    children: groups.map(function (group) {
-      var renderEmptyBox = false;
-      if (itemCount % rowCount === rowCount - 1 && group.items.length > 1) {
-        renderEmptyBox = true;
-        itemCount++;
-      }
-      itemCount = itemCount + group.items.length;
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [renderEmptyBox && /*#__PURE__*/jsx("div", {
-          style: {
-            background: 'rgba(242, 242, 242, 0.6)',
-            width: 100 / rowCount + '%'
-          }
-        }), /*#__PURE__*/jsx(Group, {
-          PaletteComponent: PaletteComponent,
-          contentInnerClassName: contentInnerClassName,
-          paletteType: itemPalette.type,
-          group: group,
-          paletteId: itemPalette.id,
-          rowCount: rowCount
-        })]
-      });
-    })
-  });
-};
-var index = observer(PaletteGroup);
-
-export { index as default };

package/build/esm/index-011b38f4.js

@@ -1,41 +0,0 @@
-import { s as styleInject } from './index-f16b63bb.js';
-import ProductHeader from './index-2df952e4.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import './index-52df4e70.js';
-import './index-4d0705a3.js';
-import '@crystaldesign/content-box';
-import './useCustomDimensions-5cf4dd62.js';
-import '@crystaldesign/content-item';
-
-var productHeader = "product-header-h3vB3";
-var css_248z = ".product-header-h3vB3 * {\n  color: var(--secondaryColor) !important;\n}\n";
-styleInject(css_248z);
-
-var ProductHeaderGold = function ProductHeaderGold(props) {
-  return /*#__PURE__*/jsx(ProductHeader, {
-    productClass: productHeader
-  });
-};
-
-export { ProductHeaderGold as default };

package/build/esm/index-023effb8.js

@@ -1,61 +0,0 @@
-import { s as styleInject } from './index-f16b63bb.js';
-import 'react';
-import classnames from 'classnames';
-import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-b2b1162a.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var conceptItem = "concept-item-2p8re";
-var sel = "sel-smMlG";
-var wrapper = "wrapper-W6n19";
-var textWrapper = "text-wrapper-UeHd9";
-var title = "title-cP9re";
-var css_248z = ".concept-item-2p8re {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 12px;\n  transition:\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  border: 1px solid transparent;\n}\n\n.concept-item-2p8re:not(.sel-smMlG):hover {\n  box-shadow: var(--boxShadowHover);\n  border: 1px solid var(--primaryColor);\n}\n\n.wrapper-W6n19 {\n  border-radius: 11px;\n  display: flex;\n  transition: border-color 0.3s ease;\n  border: 3px solid transparent;\n  display: flex;\n  width: calc(100% - 6px);\n  --infoIconSize: 24px;\n  max-height: 86px;\n  overflow: hidden;\n}\n\n.sel-smMlG .wrapper-W6n19 {\n  border: 3px solid var(--primaryColor);\n}\n\n.concept-item-2p8re img {\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  border-radius: 8px;\n  min-width: 100%;\n}\n\n.text-wrapper-UeHd9 {\n  position: absolute;\n  bottom: 3px;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  width: calc(100% - 6px);\n  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n  height: 42px;\n}\n\n.title-cP9re {\n  font-size: 14px;\n  font-weight: 600;\n  color: white;\n  margin-bottom: 5px;\n}\n";
-styleInject(css_248z);
-
-var ConceptItem = function ConceptItem(_ref) {
-  var item = _ref.item;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames(conceptItem, item.selected ? sel : undefined),
-    onClick: item.onClick,
-    children: /*#__PURE__*/jsxs("div", {
-      className: wrapper,
-      children: [/*#__PURE__*/jsx("img", {
-        src: item.image
-      }), item.name && /*#__PURE__*/jsx("div", {
-        className: textWrapper,
-        children: /*#__PURE__*/jsx("div", {
-          className: title,
-          children: item.name
-        })
-      }), item.contentItemId && /*#__PURE__*/jsx(InfoIcon, {
-        item: item,
-        style: {
-          top: 0,
-          bottom: 'unset'
-        }
-      })]
-    })
-  });
-};
-var ConceptItem$1 = observer(ConceptItem);
-
-export { ConceptItem$1 as default };

package/build/esm/index-02508522.js

@@ -1,41 +0,0 @@
-import { s as styleInject } from './index-f16b63bb.js';
-import ProductHeader from './index-2df952e4.js';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import 'mobx-react-lite';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'classnames';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-import './index-52df4e70.js';
-import './index-4d0705a3.js';
-import '@crystaldesign/content-box';
-import './useCustomDimensions-5cf4dd62.js';
-import '@crystaldesign/content-item';
-
-var productHeader = "productHeader-oJxLo";
-var css_248z = ".productHeader-oJxLo {\n  font-weight: 300 !important;\n}\n";
-styleInject(css_248z);
-
-var ProductHeaderBlue = function ProductHeaderBlue(props) {
-  return /*#__PURE__*/jsx(ProductHeader, {
-    productClass: productHeader
-  });
-};
-
-export { ProductHeaderBlue as default };

package/build/esm/index-03d1b01f.js

@@ -1,46 +0,0 @@
-import { u as useViewHandler } from './index-f16b63bb.js';
-import { observer } from 'mobx-react-lite';
-import 'react';
-import { c as wcConfiguratorSettingsExpander, h as hidden, d as wcConfiguratorSettingsMaxExpander, f as wcConfiguratorSettingsMinExpander } from './index.module-a9ccf329.js';
-import classnames from 'classnames';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '@babel/runtime/helpers/defineProperty';
-import 'react-dynamic-multi-render';
-import '@crystaldesign/diva-core';
-import '@babel/runtime/helpers/asyncToGenerator';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '@babel/runtime/regenerator';
-import '@babel/runtime/helpers/classCallCheck';
-import '@babel/runtime/helpers/createClass';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@crystaldesign/diva-utils';
-import 'mobx';
-import '@crystaldesign/web-planner-logic';
-import 'qrcode.react';
-import '@babel/runtime/helpers/typeof';
-import 'flat';
-import 'react-switch';
-import 'react-countup';
-
-var SettingsExpanderButtons = function SettingsExpanderButtons(props) {
-  var viewHandler = useViewHandler();
-  var hide = viewHandler.settingsState.contentItemId && viewHandler.settingsState.contentItemVisible;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [viewHandler.uiState.doShowConfSettingsExpander && !viewHandler.uiState.isInMobileView && /*#__PURE__*/jsx("div", {
-      className: classnames(wcConfiguratorSettingsExpander, hide ? hidden : undefined),
-      onClick: viewHandler.uiState.onClickExpandConfigSettings
-    }), !viewHandler.uiState.isInMobileView && viewHandler.uiState.doShowConfSettingsMaxMinExpander && /*#__PURE__*/jsxs(Fragment, {
-      children: [!viewHandler.uiState.configSettingsIsMaxExpanded && /*#__PURE__*/jsx("div", {
-        className: classnames(wcConfiguratorSettingsMaxExpander, hide ? hidden : undefined),
-        onClick: viewHandler.uiState.onClickExpandMaxConfigSettings
-      }), !viewHandler.uiState.configSettingsIsMinExpanded && /*#__PURE__*/jsx("div", {
-        className: wcConfiguratorSettingsMinExpander,
-        onClick: viewHandler.uiState.onClickExpandMinConfigSettings
-      })]
-    })]
-  });
-};
-var SettingsExpanderButtons$1 = observer(SettingsExpanderButtons);
-
-export { SettingsExpanderButtons$1 as default };