@hhgtech/hhg-components 1.29.346-beta-3 → 1.29.347

package/build/esm/{index-c4a4aa85.js → index-37d96469.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-ed758e0d.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-214c9b4b.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-343811a8.js';
+import { I as Input, S as Select } from './index-c48a7f58.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-257a4b57.js';
-import './index-a00af45d.js';
-import './index-158b4473.js';
-import './useMantineLocale-77c70496.js';
-import './index-4583829b.js';
-import './index-fd75b15b.js';
-import './index.styles-ed218f95.js';
-import { u as useTranslations } from './index-fe0199a1.js';
+import { C as CDN_ADDRESS } from './index-5eed4679.js';
+import './index-6e9a7f03.js';
+import './index-864e0f99.js';
+import './useMantineLocale-20085dd4.js';
+import './index-f6ddec57.js';
+import './index-0e62f84a.js';
+import './index.styles-a3ddee43.js';
+import { u as useTranslations } from './index-7df1fe87.js';
 import '@mantine/hooks';
-import './utils-ce2ef0aa.js';
-import './other-d4dcda4d.js';
-import './index-df1fc8cb.js';
-import { M as MAPPED_LOCALE } from './utils-2386dd39.js';
-import { L as LOCALE } from './Locale-438c0051.js';
+import './utils-9c5abc14.js';
+import './other-2a02f4fd.js';
+import './index-ea9dbf1f.js';
+import { M as MAPPED_LOCALE } from './utils-9b6d8597.js';
+import { L as LOCALE } from './Locale-37db9900.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-3ff0ccc3.js → index-41558f97.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-ed758e0d.js';
+import { _ as __rest } from './tslib.es6-214c9b4b.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-a00af45d.js';
+import './index-6e9a7f03.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-158b4473.js';
+import { C as CommonGAssets } from './index-864e0f99.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-4eb291e7.js';
-import { T as Text } from './index-be0df25b.js';
-import { L as LOCALE } from './Locale-438c0051.js';
-import { c as CentralCarousel } from './index-343811a8.js';
+import { I as ImageWrap } from './useScreenSize-49ff89f2.js';
+import { T as Text } from './index-49cb7104.js';
+import { L as LOCALE } from './Locale-37db9900.js';
+import { c as CentralCarousel } from './index-c48a7f58.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-b3fa0b22.js → index-4681fa18.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-ed758e0d.js';
+import { _ as __rest } from './tslib.es6-214c9b4b.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-343811a8.js';
+import { t as themeColors } from './index-c48a7f58.js';
 import '@mantine/dates';
-import './index-257a4b57.js';
-import './index-a00af45d.js';
-import './index-158b4473.js';
-import './useMantineLocale-77c70496.js';
-import { T as Text } from './index-4583829b.js';
-import './index-fd75b15b.js';
-import './index.styles-ed218f95.js';
-import { u as useTranslations } from './index-fe0199a1.js';
+import './index-5eed4679.js';
+import './index-6e9a7f03.js';
+import './index-864e0f99.js';
+import './useMantineLocale-20085dd4.js';
+import { T as Text } from './index-f6ddec57.js';
+import './index-0e62f84a.js';
+import './index.styles-a3ddee43.js';
+import { u as useTranslations } from './index-7df1fe87.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-ce2ef0aa.js';
-import './other-d4dcda4d.js';
-import './index-df1fc8cb.js';
+import { M as MediaQueries } from './utils-9c5abc14.js';
+import './other-2a02f4fd.js';
+import './index-ea9dbf1f.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-be0df25b.js → index-49cb7104.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-ed758e0d.js';
+import { _ as __rest } from './tslib.es6-214c9b4b.js';
 import React__default from 'react';
-import './index-343811a8.js';
+import './index-c48a7f58.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-257a4b57.js';
-import './index-a00af45d.js';
-import './index-158b4473.js';
-import './useMantineLocale-77c70496.js';
-import { T as Text$1 } from './index-4583829b.js';
-import './index-fd75b15b.js';
-import './index.styles-ed218f95.js';
-import './translationsContext-f8b3e03a.js';
+import './index-5eed4679.js';
+import './index-6e9a7f03.js';
+import './index-864e0f99.js';
+import './useMantineLocale-20085dd4.js';
+import { T as Text$1 } from './index-f6ddec57.js';
+import './index-0e62f84a.js';
+import './index.styles-a3ddee43.js';
+import './translationsContext-20e38302.js';
 import '@mantine/hooks';
-import './utils-ce2ef0aa.js';
-import './other-d4dcda4d.js';
-import './index-df1fc8cb.js';
+import './utils-9c5abc14.js';
+import './other-2a02f4fd.js';
+import './index-ea9dbf1f.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-e47fe7d3.js → index-4aa31fbd.js}

@@ -1,44 +1,44 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ed758e0d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-214c9b4b.js';
 import React__default, { useState, useImperativeHandle, useRef, useEffect, useMemo, Fragment, useCallback, forwardRef, memo } from 'react';
-import { R as Radio } from './index-343811a8.js';
+import { R as Radio } from './index-c48a7f58.js';
 import { Stack, Group, createStyles, getStylesRef, Box } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-257a4b57.js';
-import './index-a00af45d.js';
-import { C as CommonGAssets } from './index-158b4473.js';
-import './useMantineLocale-77c70496.js';
-import { T as Text } from './index-4583829b.js';
-import { B as Button$1 } from './index-fd75b15b.js';
-import './index.styles-ed218f95.js';
-import './translationsContext-f8b3e03a.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-5eed4679.js';
+import './index-6e9a7f03.js';
+import { C as CommonGAssets } from './index-864e0f99.js';
+import './useMantineLocale-20085dd4.js';
+import { T as Text } from './index-f6ddec57.js';
+import { B as Button$1 } from './index-0e62f84a.js';
+import './index.styles-a3ddee43.js';
+import './translationsContext-20e38302.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-ce2ef0aa.js';
-import './other-d4dcda4d.js';
-import './index-df1fc8cb.js';
-import { i as isInternalLink } from './index-0ad0eb0b.js';
+import { M as MediaQueries } from './utils-9c5abc14.js';
+import './other-2a02f4fd.js';
+import './index-ea9dbf1f.js';
+import { i as isInternalLink } from './index-5edc49fc.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, P as PureInput } from './index-49f6ade4.js';
-import { L as Logo } from './index-aad2550b.js';
+import { C as Checkbox, P as PureInput } from './index-2657dd34.js';
+import { L as Logo } from './index-61f8773c.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { isBefore, startOfMonth, addMonths, format, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
-import { a as useOutsideClick } from './useOutsideClick-ef5edc6b.js';
+import { a as useOutsideClick } from './useOutsideClick-b8a93313.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-4092869a.js';
-import { u as useScreenSize } from './useScreenSize-4eb291e7.js';
-import { u as useTranslations } from './index-fe0199a1.js';
-import { D as Dropdown } from './index-db5cc8ca.js';
+import { B as Button } from './index-f723d65e.js';
+import { u as useScreenSize } from './useScreenSize-49ff89f2.js';
+import { u as useTranslations } from './index-7df1fe87.js';
+import { D as Dropdown } from './index-221607e8.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-45f6aa3e.js';
-import { D as Drawer } from './index-bff2da77.js';
+import { I as Input } from './index-c4648c62.js';
+import { D as Drawer } from './index-01a903a9.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-438c0051.js';
+import { L as LOCALE } from './Locale-37db9900.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';

package/build/esm/{index-7ec117ee.js → index-4e0776e8.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-ed758e0d.js';
+import { _ as __rest } from './tslib.es6-214c9b4b.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-95cb75b8.js → index-50391222.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-ed758e0d.js';
+import { _ as __rest } from './tslib.es6-214c9b4b.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-257a4b57.js';
-import './index-a00af45d.js';
-import { C as CommonGAssets } from './index-158b4473.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-77c70496.js';
-import { L as LOCALE } from './Locale-438c0051.js';
+import { I as ISO_FORMAT } from './index-5eed4679.js';
+import './index-6e9a7f03.js';
+import { C as CommonGAssets } from './index-864e0f99.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-20085dd4.js';
+import { L as LOCALE } from './Locale-37db9900.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-c802401e.js → index-530687b9.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-baab6c8d.js';
-import { T as Text } from './index-be0df25b.js';
+import { M as MarryBabyText } from './index-16fddd66.js';
+import { T as Text } from './index-49cb7104.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-68c1c714.js → index-5a559b7d.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-ed758e0d.js';
+import { _ as __rest } from './tslib.es6-214c9b4b.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-daa41fce.js';
-import { I as Input } from './index-343811a8.js';
-import { D as DatePicker } from './index-95cb75b8.js';
-import { T as Text } from './index-4583829b.js';
-import './index-fd75b15b.js';
-import './index.styles-ed218f95.js';
-import { u as useTranslations } from './index-fe0199a1.js';
+import { L as LastPeriod } from './LastPeriod-f865282b.js';
+import { I as Input } from './index-c48a7f58.js';
+import { D as DatePicker } from './index-50391222.js';
+import { T as Text } from './index-f6ddec57.js';
+import './index-0e62f84a.js';
+import './index.styles-a3ddee43.js';
+import { u as useTranslations } from './index-7df1fe87.js';
 import '@mantine/hooks';
-import './useMantineLocale-77c70496.js';
-import './index-a00af45d.js';
-import './index-158b4473.js';
-import './utils-ce2ef0aa.js';
-import './index-257a4b57.js';
-import './other-d4dcda4d.js';
-import './index-df1fc8cb.js';
-import { H as HealthToolFormWrapper } from './index-4136baf8.js';
+import './useMantineLocale-20085dd4.js';
+import './index-6e9a7f03.js';
+import './index-864e0f99.js';
+import './utils-9c5abc14.js';
+import './index-5eed4679.js';
+import './other-2a02f4fd.js';
+import './index-ea9dbf1f.js';
+import { H as HealthToolFormWrapper } from './index-87cb7a88.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-0ad0eb0b.js → index-5edc49fc.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-343811a8.js';
+import { F as Flag } from './index-c48a7f58.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-4583829b.js';
-import { C as CommonGAssets } from './index-158b4473.js';
+import { T as Text } from './index-f6ddec57.js';
+import { C as CommonGAssets } from './index-864e0f99.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-257a4b57.js → index-5eed4679.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-a00af45d.js';
+import './index-6e9a7f03.js';
 import { siteHost, siteOptions } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-438c0051.js';
+import { L as LOCALE } from './Locale-37db9900.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-aad2550b.js → index-61f8773c.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-438c0051.js';
-import { C as CommonGAssets } from './index-158b4473.js';
+import { L as LOCALE } from './Locale-37db9900.js';
+import { C as CommonGAssets } from './index-864e0f99.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-ce2ef0aa.js';
-import { L as LogoIcon } from './logoIcon-371b44d4.js';
-import './index-a00af45d.js';
-import { I as ImageWrap } from './useScreenSize-4eb291e7.js';
+import { M as MediaQueries } from './utils-9c5abc14.js';
+import { L as LogoIcon } from './logoIcon-f7114d7c.js';
+import './index-6e9a7f03.js';
+import { I as ImageWrap } from './useScreenSize-49ff89f2.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-ecec9fb1.js → index-6b38c044.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-ce2ef0aa.js';
+import { M as MediaQueries } from './utils-9c5abc14.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-e39bd183.js → index-6db3e750.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-c075f334.js';
+import { u as useScrollbarSize } from './useScrollbarSize-8fb20089.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-ce2ef0aa.js';
+import { M as MediaQueries } from './utils-9c5abc14.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-a00af45d.js → index-6e9a7f03.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-438c0051.js';
+import { L as LOCALE } from './Locale-37db9900.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-b2ea2a8c.js → index-6f5d3e59.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-ed758e0d.js';
+import { _ as __rest } from './tslib.es6-214c9b4b.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-b58f34a1.js';
-import { u as useTranslations } from './index-fe0199a1.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-142da033.js';
-import { I as Input } from './index-343811a8.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-70dc22e7.js';
+import { u as useTranslations } from './index-7df1fe87.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-4b819538.js';
+import { I as Input } from './index-c48a7f58.js';
 import '@mantine/dates';
-import './index-257a4b57.js';
-import './index-a00af45d.js';
-import './index-158b4473.js';
-import './useMantineLocale-77c70496.js';
-import './index-4583829b.js';
-import './index-fd75b15b.js';
-import './index.styles-ed218f95.js';
+import './index-5eed4679.js';
+import './index-6e9a7f03.js';
+import './index-864e0f99.js';
+import './useMantineLocale-20085dd4.js';
+import './index-f6ddec57.js';
+import './index-0e62f84a.js';
+import './index.styles-a3ddee43.js';
 import '@mantine/hooks';
-import './utils-ce2ef0aa.js';
-import './other-d4dcda4d.js';
-import './index-df1fc8cb.js';
-import { H as HealthToolFormWrapper } from './index-4136baf8.js';
-import { I as INPUT_RANGE } from './constants-d9e617f2.js';
+import './utils-9c5abc14.js';
+import './other-2a02f4fd.js';
+import './index-ea9dbf1f.js';
+import { H as HealthToolFormWrapper } from './index-87cb7a88.js';
+import { I as INPUT_RANGE } from './constants-6ca2bb9f.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-33119a6f.js → index-71a4a6cb.js}

@@ -1,23 +1,23 @@
-import { a as __awaiter } from './tslib.es6-ed758e0d.js';
+import { a as __awaiter } from './tslib.es6-214c9b4b.js';
 import React__default, { useRef, useState, useMemo } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-70da5e8f.js';
-import { a as Avatar } from './index-343811a8.js';
-import { B as Button } from './index-fd75b15b.js';
-import { T as Text } from './index-4583829b.js';
-import { u as useTranslations } from './index-fe0199a1.js';
-import './index-a00af45d.js';
-import { C as CommonGAssets } from './index-158b4473.js';
+import { S as Spinner } from './Spinner-556154b0.js';
+import { a as Avatar } from './index-c48a7f58.js';
+import { B as Button } from './index-0e62f84a.js';
+import { T as Text } from './index-f6ddec57.js';
+import { u as useTranslations } from './index-7df1fe87.js';
+import './index-6e9a7f03.js';
+import { C as CommonGAssets } from './index-864e0f99.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-ce2ef0aa.js';
+import { M as MediaQueries } from './utils-9c5abc14.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';
-import { L as LOCALE } from './Locale-438c0051.js';
+import { L as LOCALE } from './Locale-37db9900.js';
 
 const useCSSFocusPopupHelper = (configs) => {
-    const { allowBgScroll, enableNavTarotGame = false } = configs || {};
+    const { allowBgScroll } = configs || {};
     const ref = useRef();
     return {
         containerRef: ref,
@@ -31,16 +31,9 @@ const useCSSFocusPopupHelper = (configs) => {
         },
         onButtonMouseDown: (e) => {
             // this close popup when click, run after REact init
-            const elmSiteHeader = document.querySelector('#site-header');
-            if (enableNavTarotGame && elmSiteHeader) {
-                elmSiteHeader.style.backgroundColor = '#fff';
-            }
             if (ref.current &&
                 (document.activeElement === ref.current ||
                     ref.current.contains(document.activeElement))) {
-                if (enableNavTarotGame && elmSiteHeader) {
-                    elmSiteHeader.style.backgroundColor = 'transparent';
-                }
                 ref.current.blur();
                 document.activeElement.blur();
                 e.preventDefault();

package/build/esm/{index-6034c4ef.js → index-7dbfaa3c.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-fd75b15b.js';
+import { B as Button } from './index-0e62f84a.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-fe0199a1.js → index-7df1fe87.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-f8b3e03a.js';
+import { T as TranslationsContext } from './translationsContext-20e38302.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {

package/build/esm/{index-4136baf8.js → index-87cb7a88.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-ed758e0d.js';
+import { _ as __rest } from './tslib.es6-214c9b4b.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-4583829b.js';
-import { B as Button } from './index-fd75b15b.js';
-import { u as useTranslations } from './index-fe0199a1.js';
+import { T as Text } from './index-f6ddec57.js';
+import { B as Button } from './index-0e62f84a.js';
+import { u as useTranslations } from './index-7df1fe87.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';