@hhgtech/hhg-components 1.28.91 → 1.29.1

package/build/index.js

@@ -2,78 +2,80 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Subot = require('./Subot-0e90b908.js');
-var index$1 = require('./index-9bd23d0b.js');
-var index$5 = require('./index-9aef26c3.js');
+var Subot = require('./Subot-4134f5c3.js');
+var index$1 = require('./index-1071810d.js');
+var index$5 = require('./index-5c601f08.js');
 var React = require('react');
-var ChevronDown = require('./ChevronDown-25087ec3.js');
-var Close = require('./Close-ef04fa71.js');
-var Visible = require('./Visible-bb89750d.js');
-var index$2 = require('./index-8fcc860a.js');
-var index$3 = require('./index-95619121.js');
-var index$4 = require('./index-8ee9ea5e.js');
-var index$6 = require('./index-17ae2899.js');
-var index$7 = require('./index-c63427df.js');
-var constants = require('./constants-271d01dc.js');
-var index$8 = require('./index-589173e9.js');
-var index_styles = require('./index.styles-115951e8.js');
-var index$9 = require('./index-73fb1970.js');
-var index$a = require('./index-13d309d1.js');
-var index$b = require('./index-12d92ef8.js');
-var index$c = require('./index-3fb3cc40.js');
-var index$d = require('./index-d058ca0c.js');
-var utils = require('./utils-b47071e1.js');
-var index$e = require('./index-1f87c7f2.js');
-var index$f = require('./index-67b20ed4.js');
-var index$g = require('./index-c94f10d9.js');
-var index$h = require('./index-38356680.js');
-var index$i = require('./index-34877eed.js');
-var index$j = require('./index-154f8e66.js');
-var index$k = require('./index-bb676c6b.js');
-var useTranslations = require('./useTranslations-fe55a872.js');
-var useScrollbarSize = require('./useScrollbarSize-923d487a.js');
-var useCategory = require('./useCategory-e09ffc45.js');
-var useHealthToolCache = require('./useHealthToolCache-a1016997.js');
-var useIsInit = require('./useIsInit-d0803828.js');
-var useOutsideClick = require('./useOutsideClick-a31e602e.js');
-var useUniqueId = require('./useUniqueId-2d25434a.js');
-var types = require('./types-80b8da9b.js');
-var utils$1 = require('./utils-2565131e.js');
-var types$1 = require('./types-ac8126ca.js');
-var localizeNumberFormat = require('./localizeNumberFormat-887ce28b.js');
-var animation = require('./animation-1f323e92.js');
-var cookieHelper = require('./cookieHelper-a1a89728.js');
-var number = require('./number-91fad483.js');
-var routing = require('./routing-bb97885f.js');
-var theme = require('./theme-8f20fc74.js');
-var utils$2 = require('./utils-6404c93f.js');
-var getDynamicHealthTool = require('./getDynamicHealthTool-c1ac1eec.js');
-var getSocialList = require('./getSocialList-689884d2.js');
-var dataTransform = require('./dataTransform-08bdd9c5.js');
+var ChevronDown = require('./ChevronDown-ec71a5ac.js');
+var Close = require('./Close-4377df94.js');
+var Visible = require('./Visible-105b0679.js');
+var index$2 = require('./index-8cda87a7.js');
+var index$3 = require('./index-627e5cc1.js');
+var index$4 = require('./index-0fa5f024.js');
+var index$6 = require('./index-47c587bb.js');
+var index$7 = require('./index-291b75aa.js');
+var constants = require('./constants-e24320fc.js');
+var index$8 = require('./index-bbaa4482.js');
+var index_styles = require('./index.styles-aaffaede.js');
+var index$9 = require('./index-eb423771.js');
+var index$a = require('./index-b663f389.js');
+var index$b = require('./index-6d5faff0.js');
+var index$c = require('./index-6216f560.js');
+var index$d = require('./index-f4b32c12.js');
+var utils = require('./utils-8689f497.js');
+var index$e = require('./index-8102c009.js');
+var index$f = require('./index-41dd62e8.js');
+var index$g = require('./index-54e27e70.js');
+var index$h = require('./index-abd2cd3f.js');
+var index$i = require('./index-f9f8e897.js');
+var index$j = require('./index-98954e2f.js');
+var index$k = require('./index-1dbbd36d.js');
+var useTranslations = require('./useTranslations-7fe6e04f.js');
+var useScrollbarSize = require('./useScrollbarSize-dea95a20.js');
+var useCategory = require('./useCategory-7a7395b0.js');
+var useHealthToolCache = require('./useHealthToolCache-ffee7df6.js');
+var useIsInit = require('./useIsInit-76f56d73.js');
+var useOutsideClick = require('./useOutsideClick-f039cfaa.js');
+var useUniqueId = require('./useUniqueId-89244ce8.js');
+var types = require('./types-dd127d92.js');
+var utils$1 = require('./utils-74d7cf7a.js');
+var types$1 = require('./types-9aa148c1.js');
+var localizeNumberFormat = require('./localizeNumberFormat-7f752022.js');
+var animation = require('./animation-85305514.js');
+var cookieHelper = require('./cookieHelper-fb75b420.js');
+var number = require('./number-bc8e7441.js');
+var routing = require('./routing-b4b3355b.js');
+var theme = require('./theme-222196ff.js');
+var utils$2 = require('./utils-f00bdea3.js');
+var getDynamicHealthTool = require('./getDynamicHealthTool-b15fd3e6.js');
+var getSocialList = require('./getSocialList-9cf5438b.js');
+var dataTransform = require('./dataTransform-17eef546.js');
 require('date-fns/locale');
-require('./isProduction-47f8d310.js');
-require('./tslib.es6-29b65c9b.js');
+require('./isProduction-0fbb2780.js');
+require('./tslib.es6-a30e1f43.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-1840623c.js');
-require('dayjs');
-require('styled-components');
+require('./index-cdd4f091.js');
+require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-f788027e.js');
+require('./index-3fce6344.js');
+require('./useMantineLocale-0e980601.js');
+require('dayjs');
 require('classnames');
 require('@hhgtech/icons/core');
 require('innertext');
 require('@mantine/dates');
-require('./translationsContext-a147c1d0.js');
+require('./translationsContext-0195a7a2.js');
 require('string-format');
 require('lodash/throttle');
+require('@emotion/react');
 require('html-react-parser');
 require('date-fns');
-require('./types-9e90b08d.js');
-require('./index-a1ebf9bd.js');
-require('./index.styled-100a6f0e.js');
-require('./index-23e5cb6a.js');
+require('./types-08ce3c52.js');
+require('./index-14033fe4.js');
+require('./index.styled-516fbbd9.js');
+require('./index-cd84fbf2.js');
 require('react-hook-form');
 require('@hookform/resolvers/yup');
 require('date-fns/locale/en-US');
@@ -82,21 +84,21 @@ require('date-fns/locale/vi');
 require('date-fns/locale/zh-TW');
 require('uuid');
 require('@mantine/form');
-require('./index-730e3477.js');
+require('./index-38b6d467.js');
 require('js-cookie');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./normalizeLink-55f5e6d4.js');
-require('./paths-3456b236.js');
+require('./normalizeLink-dbf18e7c.js');
+require('./paths-c6015929.js');
 require('react-keyed-flatten-children');
 require('react-dom');
 require('react-day-picker/DayPickerInput');
-require('./constants-0ce2b07b.js');
-require('./index-daf585d3.js');
+require('./constants-cf4986e3.js');
+require('./index-90427e42.js');
 require('dayjs/plugin/relativeTime');
 require('lodash/debounce');
-require('./core-4dfc4b2f.js');
-require('./utils-c72b610e.js');
+require('./core-754dccd2.js');
+require('./utils-acc65e18.js');
 require('react-contenteditable');
 require('slugify');
 require('lodash/shuffle');

package/build/{index.styled-100a6f0e.js → index.styled-516fbbd9.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-29b65c9b.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
-var theme = require('./theme-8f20fc74.js');
-var styled = require('styled-components');
+var styled = require('@emotion/styled');
+var theme = require('./theme-222196ff.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index.styles-115951e8.js → index.styles-aaffaede.js}

@@ -1,12 +1,14 @@
 'use strict';
 
-var styled = require('styled-components');
-var theme = require('./theme-8f20fc74.js');
-var utils = require('./utils-6404c93f.js');
-var tslib_es6 = require('./tslib.es6-29b65c9b.js');
+var styled = require('@emotion/styled');
+var theme = require('./theme-222196ff.js');
+var utils = require('./utils-f00bdea3.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
-var constants = require('./constants-271d01dc.js');
-var animation = require('./animation-1f323e92.js');
+var constants = require('./constants-e24320fc.js');
+var utils$1 = require('./utils-74d7cf7a.js');
+var react = require('@emotion/react');
+var animation = require('./animation-85305514.js');
 var core = require('@mantine/core');
 var flattenChildren = require('react-keyed-flatten-children');
 
@@ -711,35 +713,28 @@ const StyledTag = styled__default["default"].div `
   }
 `;
 
-const getDefaultClassWrapper = (Comp, defaultClassName) => React.forwardRef((_a, _ref) => {
-    var { className } = _a, rest = tslib_es6.__rest(_a, ["className"]);
-    return (React__default["default"].createElement(Comp, Object.assign({ ref: _ref, className: `${defaultClassName} ${className || ''}` }, rest)));
-});
-
 const heightIcon = '24px';
-const _StyledToggleIcon = styled__default["default"].span `
-  position: relative;
-  display: block;
-  width: 40px;
-  height: ${heightIcon};
-  background: #c3cbd4;
-  border-radius: 100px;
-  cursor: pointer;
+const StyledToggleIcon = utils$1.setDefaultClass(styled__default["default"].span `
+    position: relative;
+    display: block;
+    width: 40px;
+    height: ${heightIcon};
+    background: #c3cbd4;
+    border-radius: 100px;
+    cursor: pointer;
 
-  &:after {
-    position: absolute;
-    top: 2px;
-    left: 2px;
-    width: 20px;
-    height: 20px;
-    background: #fff;
-    border-radius: 90px;
-    content: '';
-    transition: 0.3s;
-  }
-`;
-const StyledToggleIconClass = 'hhgcomp-toggle-icon';
-const StyledToggleIcon = getDefaultClassWrapper(_StyledToggleIcon, StyledToggleIconClass);
+    &:after {
+      position: absolute;
+      top: 2px;
+      left: 2px;
+      width: 20px;
+      height: 20px;
+      background: #fff;
+      border-radius: 90px;
+      content: '';
+      transition: 0.3s;
+    }
+  `, 'hhgcomp-toggle-icon');
 const StyledToggleLabel = styled__default["default"].span `
   padding-left: 15px;
 `;
@@ -758,7 +753,7 @@ const StyledToggle = styled__default["default"].div `
     color: ${theme.theme.colors.gray600};
   }
 
-  input:checked + label .${StyledToggleIconClass} {
+  input:checked + label ${StyledToggleIcon.classSelector} {
     background: ${theme.theme.colors.primaryBase};
     &:after {
       left: calc(100% - 2px);
@@ -949,12 +944,12 @@ const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {
     switch (placement) {
         case 'top':
-            return styled.css `
+            return react.css `
         top: 0;
         width: 100%;
         border-radius: 0px 0px 6px 6px;
         ${open
-                ? styled.css `
+                ? react.css `
               animation: ${animation.slideInDown} ${DURATION} ease-in-out forwards;
             `
                 : null}
@@ -964,14 +959,14 @@ const generateStyleBasedOnPlacement = (placement, open) => {
         }
       `;
         case 'right':
-            return styled.css `
+            return react.css `
         right: 0;
         height: 100%;
         min-width: 300px;
         border-radius: 6px 0px 0px 6px;
 
         ${open
-                ? styled.css `
+                ? react.css `
               animation: ${animation.slideInRight} ${DURATION} ease-in-out forwards;
             `
                 : null}
@@ -981,12 +976,12 @@ const generateStyleBasedOnPlacement = (placement, open) => {
         }
       `;
         case 'bottom':
-            return styled.css `
+            return react.css `
         bottom: 0;
         width: 100%;
         border-radius: 6px 6px 0px 0px;
         ${open
-                ? styled.css `
+                ? react.css `
               animation: ${animation.slideInUp} ${DURATION} ease-in-out forwards;
             `
                 : null}
@@ -996,14 +991,14 @@ const generateStyleBasedOnPlacement = (placement, open) => {
         }
       `;
         case 'left':
-            return styled.css `
+            return react.css `
         left: 0;
         height: 100%;
         min-width: 300px;
         border-radius: 0px 6px 6px 0px;
 
         ${open
-                ? styled.css `
+                ? react.css `
               animation: ${animation.slideInLeft} ${DURATION} ease-in-out forwards;
             `
                 : null}
@@ -1013,14 +1008,14 @@ const generateStyleBasedOnPlacement = (placement, open) => {
         }
       `;
         default:
-            return styled.css `
+            return react.css `
         left: 0;
         height: 100%;
         min-width: 300px;
         border-radius: 0px 6px 6px 0px;
 
         ${open
-                ? styled.css `
+                ? react.css `
               animation: ${animation.slideInUp} ${DURATION} ease-in-out forwards;
             `
                 : null}
@@ -1052,7 +1047,7 @@ const StyledDrawerPanel = styled__default["default"].div `
     justify-content: space-between;
     padding: 16px;
     ${(props) => props.hasTitle
-    ? styled.css `
+    ? react.css `
             border-bottom: 1px solid ${theme.theme.colors.neutral100};
           `
     : null}
@@ -1222,6 +1217,15 @@ var useStyles$1 = core.createStyles((theme) => {
     };
 });
 
+const StyledContainer = styled__default["default"].div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  button[data-color='tertiary'] {
+    background: white;
+  }
+`;
+
 // define shared context
 const StepRendererContext = React.createContext({
     currentStep: 0,
@@ -1316,6 +1320,7 @@ exports.StyledBackdrop = StyledBackdrop;
 exports.StyledBadge = StyledBadge;
 exports.StyledBorderHeading = StyledBorderHeading;
 exports.StyledCheckbox = StyledCheckbox;
+exports.StyledContainer = StyledContainer;
 exports.StyledDivider = StyledDivider;
 exports.StyledDrawer = StyledDrawer;
 exports.StyledDrawerContent = StyledDrawerContent;
@@ -1337,6 +1342,5 @@ exports.StyledToggle = StyledToggle;
 exports.StyledToggleIcon = StyledToggleIcon;
 exports.StyledToggleLabel = StyledToggleLabel;
 exports.TextArea = TextArea;
-exports.getDefaultClassWrapper = getDefaultClassWrapper;
 exports.useStyles = useStyles;
 exports.useStyles$1 = useStyles$1;

package/build/lead.js

@@ -2,48 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-29b65c9b.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var React = require('react');
 var debounce = require('lodash/debounce');
 var form = require('@mantine/form');
-var useTranslations = require('./useTranslations-fe55a872.js');
-var index = require('./index-f788027e.js');
+var useTranslations = require('./useTranslations-7fe6e04f.js');
+var index = require('./index-3fce6344.js');
 var core = require('@mantine/core');
-require('./index.styles-115951e8.js');
-var index$1 = require('./index-9aef26c3.js');
-var index$2 = require('./index-95619121.js');
-var index$5 = require('./index-1840623c.js');
-require('./constants-271d01dc.js');
-require('./Subot-0e90b908.js');
-require('./utils-b47071e1.js');
-var utils$1 = require('./utils-6404c93f.js');
-var index$3 = require('./index-ea866031.js');
-var theme = require('./theme-8f20fc74.js');
-var translationsContext = require('./translationsContext-a147c1d0.js');
+require('./index.styles-aaffaede.js');
+var index$1 = require('./index-5c601f08.js');
+var index$2 = require('./index-627e5cc1.js');
+var index$5 = require('./index-cdd4f091.js');
+require('./constants-e24320fc.js');
+require('./Subot-4134f5c3.js');
+require('./utils-8689f497.js');
+var utils$1 = require('./utils-f00bdea3.js');
+var index$3 = require('./index-025a81ec.js');
+var theme = require('./theme-222196ff.js');
+var translationsContext = require('./translationsContext-0195a7a2.js');
 require('string-format');
 require('@mantine/hooks');
-require('./index-9bd23d0b.js');
-require('./utils-2565131e.js');
-require('./index.styled-100a6f0e.js');
-require('./index-d058ca0c.js');
-var utils = require('./utils-c72b610e.js');
+require('./useMantineLocale-0e980601.js');
+require('./index-1071810d.js');
+require('./utils-74d7cf7a.js');
+require('./index.styled-516fbbd9.js');
+require('./index-f4b32c12.js');
+var utils = require('./utils-acc65e18.js');
 require('@mantine/dates');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-77104ea0.js');
-var index$4 = require('./index-17ae2899.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-3507ee83.js');
+var index$4 = require('./index-47c587bb.js');
 var uuid = require('uuid');
 var ReactDOM = require('react-dom');
-var cookieHelper = require('./cookieHelper-a1a89728.js');
+var cookieHelper = require('./cookieHelper-fb75b420.js');
 var dayjs = require('dayjs');
-var Close = require('./Close-ef04fa71.js');
-require('styled-components');
-require('./animation-1f323e92.js');
+var Close = require('./Close-4377df94.js');
+require('@emotion/styled');
+require('@emotion/react');
+require('./animation-85305514.js');
 require('react-keyed-flatten-children');
 require('@hhgtech/icons/other');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-2d25434a.js');
+require('./useUniqueId-89244ce8.js');
 require('@hhgtech/icons/core');
-require('./isProduction-47f8d310.js');
+require('./isProduction-0fbb2780.js');
 require('date-fns/locale');
 require('slugify');
 

package/build/mantine.js

@@ -2,40 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-9aef26c3.js');
-var index$1 = require('./index-ea866031.js');
-var index$2 = require('./index-f788027e.js');
-var index$3 = require('./index-daf585d3.js');
+var index = require('./index-5c601f08.js');
+var index$1 = require('./index-025a81ec.js');
+var index$2 = require('./index-3fce6344.js');
+var index$3 = require('./index-90427e42.js');
 var React = require('react');
-var index$4 = require('./index-730e3477.js');
-var tslib_es6 = require('./tslib.es6-29b65c9b.js');
+var index$4 = require('./index-38b6d467.js');
+var tslib_es6 = require('./tslib.es6-a30e1f43.js');
 var core = require('@mantine/core');
-var theme = require('./theme-8f20fc74.js');
-var useTranslations = require('./useTranslations-fe55a872.js');
-var index$5 = require('./index-23e5cb6a.js');
-var index$6 = require('./index-e077413d.js');
+var theme = require('./theme-222196ff.js');
+var useTranslations = require('./useTranslations-7fe6e04f.js');
+var index$5 = require('./index-cd84fbf2.js');
+var index$6 = require('./index-8c8e683e.js');
+var useMantineLocale = require('./useMantineLocale-0e980601.js');
+var utils = require('./utils-f00bdea3.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-1840623c.js');
-require('./index-9bd23d0b.js');
+require('./index-cdd4f091.js');
+require('./index-1071810d.js');
 require('date-fns/locale');
-require('./Subot-0e90b908.js');
-require('./isProduction-47f8d310.js');
-require('dayjs');
-require('./utils-6404c93f.js');
-require('styled-components');
+require('./Subot-4134f5c3.js');
+require('./isProduction-0fbb2780.js');
+require('@emotion/styled');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-2d25434a.js');
+require('./useUniqueId-89244ce8.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./translationsContext-a147c1d0.js');
+require('./translationsContext-0195a7a2.js');
 require('string-format');
+require('dayjs');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
+const MantineProvider = (_a) => {
+    var { children, locale, template = 'hb' } = _a, props = tslib_es6.__rest(_a, ["children", "locale", "template"]);
+    useMantineLocale.useMantineLocale(locale);
+    return (React__default["default"].createElement(core.MantineProvider, Object.assign({ theme: index.getMantineThemeOverride(locale, template) }, props), children));
+};
+
 const TextArea = (props) => {
     return React__default["default"].createElement(index.StyledTextArea, Object.assign({ minRows: 2, maxRows: 4 }, props));
 };
@@ -96,12 +103,6 @@ const LoadingOverlay = (props) => {
         } }, props)));
 };
 
-const MantineProvider = (_a) => {
-    var { children, locale, template = 'hb' } = _a, props = tslib_es6.__rest(_a, ["children", "locale", "template"]);
-    index.useMantineLocale(locale);
-    return (React__default["default"].createElement(core.MantineProvider, Object.assign({ theme: index.getMantineThemeOverride(locale, template) }, props), children));
-};
-
 var styles = {"container":"MON6sfi","iconContainer":"pS-tJD7","icon":"s3tJ9-5","title":"fNsZr1b","description":"uuxV74v","button":"YohjTDU"};
 
 function Result(props) {
@@ -127,7 +128,6 @@ exports.CentralCarousel = index.CentralCarousel;
 exports.Checkbox = index.Checkbox;
 exports.ChipButton = index.ChipButton;
 exports.Input = index.Input;
-exports.MAPPED_LOCALE = index.MAPPED_LOCALE;
 exports.OTP = index.OTP;
 exports.Phone = index.Phone;
 exports.Popover = index.Popover;
@@ -135,17 +135,18 @@ exports.Radio = index.Radio;
 exports.Select = index.Select;
 exports.Tabs = index.Tabs;
 exports.emotionCache = index.emotionCache;
-exports.getHeadingStyles = index.getHeadingStyles;
 exports.getMantineThemeOverride = index.getMantineThemeOverride;
 exports.themeColors = index.themeColors;
-exports.useMantineLocale = index.useMantineLocale;
 exports.DatePicker = index$1.DatePicker;
-exports.OTHER_THEME_CONFIG = index$2.OTHER_THEME_CONFIG;
 exports.Text = index$2.Text;
 exports.Indicator = index$3.Indicator;
 exports.Modal = index$4.Modal;
 exports.Slider = index$5.Slider;
 exports.Switch = index$6.Switch;
+exports.MAPPED_LOCALE = useMantineLocale.MAPPED_LOCALE;
+exports.getHeadingStyles = useMantineLocale.getHeadingStyles;
+exports.useMantineLocale = useMantineLocale.useMantineLocale;
+exports.OTHER_THEME_CONFIG = utils.OTHER_THEME_CONFIG;
 exports.Badge = Badge;
 exports.LoadingOverlay = LoadingOverlay;
 exports.MantineProvider = MantineProvider;

package/build/misc/animation.d.ts

@@ -1,10 +1,10 @@
-declare const slideInUp: import("styled-components").Keyframes;
-declare const slideInDown: import("styled-components").Keyframes;
-declare const slideInLeft: import("styled-components").Keyframes;
-declare const slideInRight: import("styled-components").Keyframes;
-declare const slideOutDown: import("styled-components").Keyframes;
-declare const slideOutLeft: import("styled-components").Keyframes;
-declare const slideOutRight: import("styled-components").Keyframes;
-declare const slideOutUp: import("styled-components").Keyframes;
-declare const fadeIn: import("styled-components").Keyframes;
+declare const slideInUp: import("@emotion/serialize").Keyframes;
+declare const slideInDown: import("@emotion/serialize").Keyframes;
+declare const slideInLeft: import("@emotion/serialize").Keyframes;
+declare const slideInRight: import("@emotion/serialize").Keyframes;
+declare const slideOutDown: import("@emotion/serialize").Keyframes;
+declare const slideOutLeft: import("@emotion/serialize").Keyframes;
+declare const slideOutRight: import("@emotion/serialize").Keyframes;
+declare const slideOutUp: import("@emotion/serialize").Keyframes;
+declare const fadeIn: import("@emotion/serialize").Keyframes;
 export { slideInUp, slideInDown, slideInLeft, slideInRight, slideOutUp, slideOutDown, slideOutLeft, slideOutRight, fadeIn, };

package/build/misc/defaultClassWrapper.d.ts

@@ -1,4 +1,6 @@
-import React from 'react';
-export declare const getDefaultClassWrapper: (Comp: any, defaultClassName: string) => React.ForwardRefExoticComponent<{
-    className?: string;
-} & React.RefAttributes<unknown>>;
+import React, { ComponentType } from 'react';
+export declare function setDefaultClass<P extends {}>(Component: ComponentType<P>, defaultClass: string): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<(React.PropsWithoutRef<P> & React.RefAttributes<React.Component<P, any, any>> extends React.RefAttributes<infer Method> ? Method : never) | (React.PropsWithRef<P & {
+    children?: React.ReactNode;
+}> extends React.RefAttributes<infer Method> ? Method : never)>> & {
+    classSelector: string;
+};