@hhgtech/hhg-components 1.29.88 → 1.29.90

package/build/esm/progressBar.js

@@ -0,0 +1,250 @@
+import { _ as __rest } from './tslib.es6-fd8cab49.js';
+import React__default, { useState, useCallback, useEffect } from 'react';
+import throttle from 'lodash/throttle';
+import styled from '@emotion/styled';
+import { theme } from './miscTheme.js';
+
+const StyledSlider = styled.div `
+  position: relative;
+  width: 100%;
+
+  & div[role='slider'] {
+    -webkit-text-size-adjust: none;
+    -webkit-user-select: none;
+    &:focus {
+      outline: none;
+    }
+  }
+`;
+const StyledStep = styled.div `
+  position: absolute;
+  top: 19px;
+  width: 24px;
+  height: 24px;
+  color: ${theme.colors.white};
+  border: 2px solid ${theme.colors.white};
+  border-radius: 50%;
+  transform: translateY(-50%) translateX(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+
+  background-color: ${theme.colors.white};
+  color: ${theme.colors.gray300};
+  border: 1px solid ${theme.colors.gray300};
+
+  &[data-is-active='true'] {
+    background-color: ${theme.colors.primaryBase};
+    color: ${theme.colors.white};
+    border: none;
+  }
+`;
+const StyledTrackContainer = styled.div `
+  display: flex;
+  width: 100%;
+  height: 36px;
+
+  &[data-track-type='detail'] {
+    margin-top: 0;
+  }
+
+  &[data-track-type='detail'][data-step-passed='true'] > div {
+    border: 1px solid ${theme.colors.primaryBase};
+    height: 0px;
+  }
+
+  &[data-track-type='detail'] > div {
+    border: 1px solid ${theme.colors.gray200};
+    height: 0px;
+  }
+`;
+const StyledTrack = styled.div `
+  width: 100%;
+  height: 5px;
+  align-self: center;
+  border-radius: 4px;
+  background-color: ${theme.colors.gray200};
+`;
+const StyledStepLabel = styled.div `
+  position: absolute;
+  top: 32px;
+  min-width: 100px;
+  text-align: center;
+  color: ${theme.colors.gray500};
+  font-size: ${theme.sizes.fsCaption2};
+  font-weight: ${theme.sizes.fwBold};
+
+  &[data-step-passed='true'] {
+    color: ${theme.colors.gray800};
+  }
+`;
+const StyledBreadcrumbContainer = styled.div `
+  display: flex;
+  align-items: center;
+`;
+const StyledBreadcrumbWrapper = styled.div `
+  display: flex;
+  align-items: center;
+  font-size: ${theme.sizes.fsCaption2};
+  font-weight: ${theme.sizes.fwBold};
+  color: ${theme.colors.gray500};
+  cursor: pointer;
+
+  & > svg {
+    height: 10px;
+    width: 10px;
+    margin: 0 14px;
+  }
+
+  & > svg > path {
+    stroke: ${theme.colors.gray500};
+  }
+
+  &[data-selected='true'] {
+    color: ${theme.colors.primaryBase};
+  }
+`;
+const StyledDetailStep = styled.div `
+  position: absolute;
+  left: 0;
+  top: 19px;
+  height: 24px;
+  cursor: pointer;
+
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+
+  padding: 8px;
+  background-color: ${theme.colors.white};
+`;
+const StyledDetailStepIndicator = styled.div `
+  min-width: 24px;
+  height: 24px;
+  border: 2px solid ${theme.colors.white};
+  border-radius: 50%;
+  margin-right: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+
+  background-color: ${theme.colors.white};
+  color: ${theme.colors.gray300};
+  border: 1px solid ${theme.colors.gray300};
+
+  &[data-is-active='true'] {
+    border: none;
+    background-color: ${theme.colors.primaryBase};
+    color: ${theme.colors.white};
+  }
+`;
+const StyledDetailStepIndicatorExternal = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  & > svg {
+    height: 20px;
+    width: 20px;
+    margin-right: 8px;
+
+    & > path {
+      stroke: ${theme.colors.gray500};
+    }
+  }
+`;
+const StyledDetailStepLabel = styled.div `
+  color: ${theme.colors.gray400};
+  font-size: ${theme.sizes.fsCaption2};
+  font-weight: ${theme.sizes.fwBold};
+  margin-right: 8px;
+  flex: 0 0 auto;
+
+  &[data-step-passed='true'] {
+    color: ${theme.colors.gray800};
+  }
+`;
+const StyledDetailStepDescription = styled.div `
+  position: absolute;
+  top: 32px;
+  font-weight: ${theme.sizes.fwRegular};
+  color: ${theme.colors.gray400};
+  padding-right: 16px;
+`;
+
+const ProgressBar = ({ type, numberOfStep, activeStep, labelPrefix, detailSteps, className, onChange, }) => {
+    const [trackLength, setTrackLength] = useState(0);
+    const Track = (_a) => {
+        var { trackClassName } = _a, props = __rest(_a, ["trackClassName"]);
+        return (React__default.createElement(StyledTrackContainer, Object.assign({}, props, { className: trackClassName }),
+            React__default.createElement(StyledTrack, null)));
+    };
+    // step track
+    const Steps = ({ trackLength, activeStep, labelPrefix = 'Step', onChange, }) => {
+        return (React__default.createElement(React__default.Fragment, null, Array.from({ length: numberOfStep }, (v, i) => i).map((_, step) => (React__default.createElement(StyledStep, { "data-is-active": step === activeStep, "data-label": step, style: { left: (step * trackLength) / (numberOfStep - 1) }, onClick: () => {
+                onChange && onChange(step);
+            }, key: step },
+            step + 1,
+            React__default.createElement(StyledStepLabel, { "data-step-passed": step <= activeStep }, labelPrefix + ' ' + (step + 1)))))));
+    };
+    const stepTrack = (React__default.createElement(StyledSlider, { className: className + ' progress-bar' },
+        React__default.createElement(Track, null),
+        React__default.createElement(Steps, { trackLength: trackLength, activeStep: activeStep, labelPrefix: labelPrefix, onChange: onChange })));
+    // breadcrumb
+    const breadcrumbIcon = (React__default.createElement("svg", { "data-name": "Layer 1", viewBox: "0 0 5.5 9.5" },
+        React__default.createElement("title", null, 'chevron-right'),
+        React__default.createElement("path", { d: "M.75 8.75l4-4-4-4", fill: "none", 
+            // stroke="#000"
+            strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5 })));
+    const breadcrumb = (React__default.createElement(StyledBreadcrumbContainer, null, detailSteps &&
+        Array.from({ length: detailSteps.length }, (v, i) => i).map((_, step_index) => {
+            var _a;
+            return (React__default.createElement(StyledBreadcrumbWrapper, { key: step_index, "data-selected": step_index === activeStep, onClick: () => {
+                    onChange && onChange(step_index);
+                } }, (_a = detailSteps[step_index]) === null || _a === void 0 ? void 0 :
+                _a.text,
+                ' ',
+                step_index < detailSteps.length - 1 && breadcrumbIcon));
+        })));
+    // detail track
+    const DetailStepsGroup = ({ detailSteps, activeStep, onChange, }) => {
+        return (React__default.createElement(React__default.Fragment, null, Array.from({ length: detailSteps.length }, (v, i) => i).map((step, step_index) => (React__default.createElement(StyledDetailStep, { key: step_index, style: {
+                left: (100 / detailSteps.length) * step_index + '%',
+                width: 100 / detailSteps.length + '%',
+            }, onClick: () => {
+                onChange && onChange(step_index);
+            } },
+            detailSteps[step_index].icon ? (React__default.createElement(StyledDetailStepIndicatorExternal, { onClick: () => {
+                    onChange && onChange(step_index);
+                } }, detailSteps[step_index].icon)) : (React__default.createElement(StyledDetailStepIndicator, { "data-is-active": step_index === activeStep, "data-label": step, onClick: () => {
+                    onChange && onChange(step_index);
+                }, key: step_index }, step_index + 1)),
+            React__default.createElement(StyledDetailStepLabel, { "data-step-passed": step_index < activeStep + 1 },
+                detailSteps[step_index].text,
+                React__default.createElement(StyledDetailStepDescription, null, detailSteps[step_index].description)),
+            step_index < detailSteps.length - 1 && (React__default.createElement(Track, { "data-step-passed": step_index < activeStep, trackClassName: 'progress-track', "data-track-type": "detail" })))))));
+    };
+    const detailTrack = (React__default.createElement(StyledSlider, { className: className + ' progress-bar' },
+        React__default.createElement(DetailStepsGroup, { activeStep: activeStep, detailSteps: detailSteps, onChange: onChange })));
+    const resizeTrack = useCallback(throttle(() => {
+        const progressTrack = document.querySelector('.progress-bar');
+        progressTrack && setTrackLength(progressTrack.offsetWidth);
+    }, 1000), []);
+    useEffect(() => {
+        const track = document.querySelector('.progress-bar');
+        setTrackLength(track === null || track === void 0 ? void 0 : track.offsetWidth);
+        window.addEventListener('resize', resizeTrack, {
+            passive: true,
+        });
+        return () => {
+            window.removeEventListener('resize', resizeTrack);
+        };
+    }, []);
+    return ((type === 'step-track' && stepTrack) ||
+        (type === 'breadcrumb' && breadcrumb) ||
+        (type === 'detail-track' && detailTrack));
+};
+
+export { ProgressBar };

package/build/esm/pwg.js

@@ -1,39 +1,41 @@
 import React__default, { useMemo, useState, useRef } from 'react';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-05075062.js';
-import { T as Text } from './index-7d97103f.js';
-import { P as PillCarousel } from './index-fbe76c43.js';
-import { u as useTranslations } from './useTranslations-160e66cc.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-b013dd09.js';
+import { T as Text } from './index-5d2f2783.js';
+import { P as PillCarousel } from './index-714d2892.js';
+import { u as useTranslations } from './useTranslations-9767b0ea.js';
 import { theme } from './miscTheme.js';
 import { ResponsiveContainer, AreaChart, CartesianGrid, Tooltip, XAxis, YAxis, Area, ReferenceDot } from 'recharts';
-import { C as CustomReferenceDot } from './index-6f44d928.js';
-import { a as useOutsideClick } from './useOutsideClick-2fae5fb5.js';
+import { C as CustomReferenceDot } from './index-fedbbf85.js';
+import { a as useOutsideClick } from './useOutsideClick-9dd24b21.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-3970c414.js';
+import { _ as __rest } from './tslib.es6-fd8cab49.js';
 import '@mantine/core';
-import './other-811b7d93.js';
-import './index-5a81cbdd.js';
-import './Locale-81beb37e.js';
-import './index-24f2f569.js';
+import './other-f8b0155f.js';
+import './index-e7128232.js';
+import './Locale-ecfc005f.js';
+import './index-d4eef69b.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './index-a2704991.js';
+import './index-d034201a.js';
+import './index-1778704d.js';
+import './index-21c80677.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './utils-cee25689.js';
+import './index.styles-793c0b30.js';
+import './utils-1dbd61fa.js';
 import '@mantine/carousel';
-import './useMantineLocale-2ece6eac.js';
+import './useMantineLocale-bef42461.js';
 import 'dayjs';
-import './index-69ca7b6a.js';
+import './index-d5543323.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-2f06b1d8.js';
+import './index-51179764.js';
 import 'classnames';
-import './useUniqueId-d714426d.js';
+import './useUniqueId-d61a7b61.js';
 import '@hhgtech/icons/core';
-import './index-b927d85a.js';
 import '@mantine/dates';
-import './translationsContext-0cbb21e6.js';
+import './translationsContext-982b80f4.js';
 import 'string-format';
 
 const CustomizedAxisTick = (props) => {

package/build/esm/{routing-ed745cc6.js → routing-e57320c2.js}

@@ -1,4 +1,4 @@
-import './index-69ca7b6a.js';
+import './index-d5543323.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/subot.js

@@ -1,63 +1,65 @@
 import React__default, { createContext, useContext, useRef, useState, useEffect, useCallback, useMemo, forwardRef, memo, useImperativeHandle } from 'react';
-import { d as NodeType, c as NodePosition, f as NodeActionType, e as NodeFinalTypes, g as NodeMultipleOptions, E as ELEMENT_CONTROL_INPUT_TYPE, N as NodeIntentType, F as FULL_KEY_ADDRESS } from './index-5a81cbdd.js';
-import { a as __awaiter, _ as __rest } from './tslib.es6-3970c414.js';
-import { c as basePath, G as GA_TOKEN_COOKIE, f as DATE_FNS_DATE_FORMAT, A as API_DATE_FORMAT, d as SSO_URL } from './index-69ca7b6a.js';
+import { d as NodeType, c as NodePosition, f as NodeActionType, e as NodeFinalTypes, g as NodeMultipleOptions, E as ELEMENT_CONTROL_INPUT_TYPE, N as NodeIntentType, F as FULL_KEY_ADDRESS } from './index-e7128232.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-fd8cab49.js';
+import { c as basePath, G as GA_TOKEN_COOKIE, f as DATE_FNS_DATE_FORMAT, A as API_DATE_FORMAT, d as SSO_URL } from './index-d5543323.js';
 import Cookies from 'js-cookie';
 import fd from 'fastdom';
 import fastdomPromised from 'fastdom/extensions/fastdom-promised';
-import { G as GlobalData, c as callApi, s as locale, T as TogetherComponentGlobalContext } from './utils-3d9043fb.js';
+import { G as GlobalData, c as callApi, s as locale, T as TogetherComponentGlobalContext } from './utils-8a1ccf09.js';
 import formatString from 'string-format';
-import { a as getUserIdFromCookie, b as getSubotCookieId, c as getUserInfoFromCookie, d as getWindowId, o as overrideParamsByQuery, e as checkUntilFinished, g as getHelloSitesUrl, f as checkMobile, h as clickAndOpenInNewTab, T as TIME_RESET_RESEND_OTP, s as ssoIntents, i as getHhgIdFromCookie } from './index-58982ea1.js';
-export { T as TIME_RESET_RESEND_OTP, f as checkMobile, e as checkUntilFinished, h as clickAndOpenInNewTab, g as getHelloSitesUrl, i as getHhgIdFromCookie, b as getSubotCookieId, a as getUserIdFromCookie, c as getUserInfoFromCookie, d as getWindowId, o as overrideParamsByQuery, s as ssoIntents } from './index-58982ea1.js';
+import { a as getUserIdFromCookie, b as getSubotCookieId, c as getUserInfoFromCookie, d as getWindowId, o as overrideParamsByQuery, e as checkUntilFinished, g as getHelloSitesUrl, f as checkMobile, h as clickAndOpenInNewTab, T as TIME_RESET_RESEND_OTP, s as ssoIntents, i as getHhgIdFromCookie } from './index-ec003775.js';
+export { T as TIME_RESET_RESEND_OTP, f as checkMobile, e as checkUntilFinished, h as clickAndOpenInNewTab, g as getHelloSitesUrl, i as getHhgIdFromCookie, b as getSubotCookieId, a as getUserIdFromCookie, c as getUserInfoFromCookie, d as getWindowId, o as overrideParamsByQuery, s as ssoIntents } from './index-ec003775.js';
 import hexRgb from 'hex-rgb';
 import { MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import cn from 'classnames';
-import { C as Container$w } from './index-fcd9b927.js';
-import { L as Loading } from './index-5303fcd9.js';
+import { C as Container$w } from './index-0b230567.js';
+import { L as Loading } from './index-bda0913e.js';
 import { motion } from 'framer-motion';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-cee25689.js';
-import { B as Button } from './index-2f06b1d8.js';
+import { M as MediaQueries } from './utils-1dbd61fa.js';
+import { B as Button } from './index-51179764.js';
 import { Remarkable } from 'remarkable';
 import { ArrowRight } from '@hhgtech/icons/other';
 import { useInView } from 'react-intersection-observer';
 import { Box, Textarea } from '@mantine/core';
-import { C as CommonGAssets } from './index-24f2f569.js';
+import { C as CommonGAssets } from './index-d4eef69b.js';
 import dayjs from 'dayjs';
 import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-import { d as LEAD_TOKEN_COOKIE } from './constants-f9614464.js';
+import { d as LEAD_TOKEN_COOKIE } from './constants-7628355c.js';
 import { v4 } from 'uuid';
-import { T as Text } from './index-7d97103f.js';
+import { T as Text } from './index-5d2f2783.js';
 import { theme } from './miscTheme.js';
 import { isProduction } from './constantsIsProduction.js';
-import { S as Select } from './index-a2704991.js';
+import { S as Select } from './index-21c80677.js';
 import '@mantine/dates';
-import './useMantineLocale-2ece6eac.js';
-import './translationsContext-0cbb21e6.js';
+import './useMantineLocale-bef42461.js';
+import './index.styles-793c0b30.js';
+import './translationsContext-982b80f4.js';
 import '@mantine/hooks';
-import './other-811b7d93.js';
+import './other-f8b0155f.js';
 import isEmpty from 'lodash/isEmpty';
 import { Controller, useForm } from 'react-hook-form';
 import PhoneInputBase, { getCountryCallingCode, isPossiblePhoneNumber, parsePhoneNumber } from 'react-phone-number-input';
 import { LoadScript } from '@react-google-maps/api';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-ecf31643.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-44a9e05c.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { L as LOCALE } from './Locale-81beb37e.js';
-import { D as DatePicker } from './index-5f214b71.js';
-import { D as Dropdown } from './index-907fffe6.js';
-import { B as Button$1 } from './index-d3c3615e.js';
+import { L as LOCALE } from './Locale-ecfc005f.js';
+import { D as DatePicker } from './index-46c00291.js';
+import { D as Dropdown } from './index-c1527254.js';
+import { B as Button$1 } from './index-42286f3e.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-0ca51fbb.js';
+import './index-efcf28a7.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './togetherApiPaths.js';
-import './index-877a46df.js';
-import './WhatsApp-2f54ed26.js';
-import './useTranslations-160e66cc.js';
+import './index-cb4b219f.js';
+import './WhatsApp-6e473416.js';
+import './useTranslations-9767b0ea.js';
 import '@mantine/carousel';
-import './useUniqueId-d714426d.js';
+import './index-d034201a.js';
+import './useUniqueId-d61a7b61.js';
 import '@hhgtech/icons/core';
 import 'date-fns';
 import 'react-day-picker/DayPickerInput';

package/build/esm/surveyOrPremiumBanner.js

@@ -1,51 +1,53 @@
 import 'react';
 import '@mantine/core';
-export { S as SurveyOrPremiumBanner } from './index-cde1edae.js';
-import './utils-3d9043fb.js';
-import './useTranslations-160e66cc.js';
-import './index-24f2f569.js';
+export { S as SurveyOrPremiumBanner } from './index-f0dc90df.js';
+import './utils-8a1ccf09.js';
+import './useTranslations-9767b0ea.js';
+import './index-d4eef69b.js';
 import './constantsDomainLocales.js';
-import './Locale-81beb37e.js';
+import './Locale-ecfc005f.js';
 import './constantsIsProduction.js';
-import './index-69ca7b6a.js';
+import './index-d5543323.js';
 import 'date-fns/locale';
-import './index-5a81cbdd.js';
+import './index-e7128232.js';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './tslib.es6-3970c414.js';
-import './index-a2704991.js';
+import './tslib.es6-fd8cab49.js';
+import './index-d034201a.js';
+import '@emotion/styled';
+import './routing-e57320c2.js';
+import '@mantine/form';
+import './index-21c80677.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './utils-cee25689.js';
-import '@emotion/styled';
+import './index.styles-793c0b30.js';
+import './utils-1dbd61fa.js';
 import '@mantine/carousel';
-import './index-7d97103f.js';
-import './other-811b7d93.js';
+import './index-5d2f2783.js';
+import './other-f8b0155f.js';
 import './miscTheme.js';
-import './useMantineLocale-2ece6eac.js';
+import './useMantineLocale-bef42461.js';
 import 'dayjs';
-import './index-2f06b1d8.js';
+import './index-51179764.js';
 import 'classnames';
-import './useUniqueId-d714426d.js';
+import './useUniqueId-d61a7b61.js';
 import '@hhgtech/icons/core';
-import './routing-ed745cc6.js';
-import '@mantine/form';
 import '@mantine/dates';
 import './togetherApiPaths.js';
-import './translationsContext-0cbb21e6.js';
+import './translationsContext-982b80f4.js';
 import 'string-format';
-import './index-8570e132.js';
-import './useHealthToolCache-e6e0e96c.js';
+import './index-296a1099.js';
+import './useHealthToolCache-41375a2b.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-fcd22117.js';
-import './core-bcdf3422.js';
-import './index-877a46df.js';
-import './WhatsApp-2f54ed26.js';
-import './index-7ab1ac4c.js';
+import './normalizeLink-136a636d.js';
+import './core-f2306660.js';
+import './index-cb4b219f.js';
+import './WhatsApp-6e473416.js';
+import './index-011e1a41.js';
 import 'js-cookie';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './index-0ca51fbb.js';
+import './index-efcf28a7.js';
 import './miscCookieHelper.js';
 import 'slugify';
-import './constants-f9614464.js';
+import './constants-7628355c.js';

package/build/esm/surveyQuestionCard.js

@@ -1,14 +1,14 @@
-export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-6fc9a327.js';
+export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-5a060837.js';
 import 'react';
-import './index-d3c3615e.js';
-import './tslib.es6-3970c414.js';
-import './index-2f06b1d8.js';
+import './index-42286f3e.js';
+import './tslib.es6-fd8cab49.js';
+import './index-51179764.js';
 import '@mantine/core';
-import './index-7d97103f.js';
-import './other-811b7d93.js';
-import './index-8570e132.js';
-import './index-f42f0c66.js';
+import './index-5d2f2783.js';
+import './other-f8b0155f.js';
+import './index-296a1099.js';
+import './index-918a026b.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-cee25689.js';
-import './index-19a9a60d.js';
+import './utils-1dbd61fa.js';
+import './index-7a3ac1f6.js';

package/build/esm/{surveyThankyouCard-6fc9a327.js → surveyThankyouCard-5a060837.js}

@@ -1,9 +1,9 @@
 import React__default, { useState, useEffect, useRef } from 'react';
-import { B as Button } from './index-d3c3615e.js';
-import { T as Text } from './index-7d97103f.js';
-import { H as Heading } from './index-8570e132.js';
-import { I as Input } from './index-f42f0c66.js';
-import { T as TextArea } from './index-19a9a60d.js';
+import { B as Button } from './index-42286f3e.js';
+import { T as Text } from './index-5d2f2783.js';
+import { H as Heading } from './index-296a1099.js';
+import { I as Input } from './index-918a026b.js';
+import { T as TextArea } from './index-7a3ac1f6.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/together/components/molecules/popupFrame/index.d.ts

@@ -7,6 +7,7 @@ export type Props = {
     children?: void | ReactNode;
     isOpen?: boolean;
     hasFullscreen?: boolean;
+    disableClickOutside?: boolean;
     onClose?: () => void;
 };
-export declare const PopupFrame: ({ className, style, closeIcon, heading, children, isOpen, hasFullscreen, onClose, }: Props) => React.JSX.Element;
+export declare const PopupFrame: ({ className, style, closeIcon, heading, children, isOpen, hasFullscreen, disableClickOutside, onClose, }: Props) => React.JSX.Element;