@bbl-digital/snorre 4.2.74 → 4.2.76

package/lib/layout/Submenu/SubmenuItem/index.js

@@ -1,91 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _Text = _interopRequireDefault(require("../../../core/Text"));
-var _react2 = require("@emotion/react");
-var _useIsMobile = require("../../../hooks/useIsMobile");
-var _Item = _interopRequireDefault(require("../../../core/List/Item"));
-var _Button = _interopRequireDefault(require("../../../core/Button"));
-var _react3 = require("motion/react");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-
-const SubmenuItem = ({
-  lightTheme,
-  active,
-  label,
-  className,
-  showActiveitemLabel,
-  onClick,
-  onChange
-}) => {
-  const theme = (0, _react2.useTheme)();
-  const isMobile = (0, _useIsMobile.useIsMobile)();
-  const handleOptionClick = () => {
-    onClick && onClick();
-    onChange && onChange();
-  };
-  const labelColor = lightTheme ? theme.secondaryDarkText : !active ? theme.submenuTextColor : theme.submenuTextColorActive;
-  if (showActiveitemLabel) {
-    if (active) {
-      return (0, _jsxRuntime.jsx)(_react.Fragment, {
-        children: label
-      });
+import { Fragment } from 'react';
+import { Wrapper, optionButton, FocusState } from './styles';
+import Text from '../../../core/Text';
+import { useTheme } from '@emotion/react';
+import { useIsMobile } from '../../../hooks/useIsMobile';
+import ListItem from '../../../core/List/Item';
+import Button from '../../../core/Button';
+import { AnimatePresence } from 'motion/react';
+const SubmenuItem = ({ lightTheme, active, label, className, showActiveitemLabel, onClick, onChange, }) => {
+    const theme = useTheme();
+    const isMobile = useIsMobile();
+    const handleOptionClick = () => {
+        onClick && onClick();
+        onChange && onChange();
+    };
+    const labelColor = lightTheme
+        ? theme.secondaryDarkText
+        : !active
+            ? theme.submenuTextColor
+            : theme.submenuTextColorActive;
+    if (showActiveitemLabel) {
+        if (active) {
+            return _jsx(Fragment, { children: label });
+        }
+        return null;
     }
-    return null;
-  }
-  return !isMobile ? (0, _jsxRuntime.jsx)(_Item.default, {
-    children: (0, _jsxRuntime.jsx)(_Button.default, {
-      role: "menuitem",
-      "aria-current": active ? 'page' : undefined,
-      nostyle: true,
-      onClick: onClick,
-      css: (0, _styles.FocusState)(lightTheme ? theme.primary : 'white'),
-      trackingName: "Submenu",
-      trackingEvent: 'Submenu click: ' + label,
-      className: className,
-      children: (0, _jsxRuntime.jsx)(_react3.AnimatePresence, {
-        children: (0, _jsxRuntime.jsx)(_styles.Wrapper, {
-          active: active,
-          lightTheme: lightTheme,
-          background: lightTheme ? '#ffffff' : theme.submenuItemColor,
-          initial: {
-            opacity: 0
-          },
-          animate: {
-            opacity: 1
-          },
-          exit: {
-            opacity: 0
-          },
-          transition: {
-            duration: 0.1
-          },
-          children: (0, _jsxRuntime.jsx)(_Text.default, {
-            color: labelColor,
-            semibold: true,
-            children: label
-          })
-        })
-      })
-    })
-  }) : (0, _jsxRuntime.jsx)(_Item.default, {
-    children: (0, _jsxRuntime.jsx)(_Button.default, {
-      role: "menuitem",
-      "aria-current": active ? 'page' : undefined,
-      nostyle: true,
-      css: _styles.optionButton,
-      onClick: handleOptionClick,
-      children: label
-    })
-  });
+    return !isMobile ? (_jsx(ListItem, { children: _jsx(Button, { role: "menuitem", "aria-current": active ? 'page' : undefined, nostyle: true, onClick: onClick, css: FocusState(lightTheme ? theme.primary : 'white'), trackingName: "Submenu", trackingEvent: 'Submenu click: ' + label, className: className, children: _jsx(AnimatePresence, { children: _jsx(Wrapper, { active: active, lightTheme: lightTheme, background: lightTheme ? '#ffffff' : theme.submenuItemColor, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.1 }, children: _jsx(Text, { color: labelColor, semibold: true, children: label }) }) }) }) })) : (_jsx(ListItem, { children: _jsx(Button, { role: "menuitem", "aria-current": active ? 'page' : undefined, nostyle: true, css: optionButton, onClick: handleOptionClick, children: label }) }));
 };
-var _default = exports.default = SubmenuItem;
+export default SubmenuItem;

package/lib/layout/Submenu/SubmenuItem/styles.d.ts

@@ -1,4 +1,3 @@
 export declare const Wrapper: import("@emotion/styled").StyledComponent<any, {}, {}>;
 export declare const optionButton: import("@emotion/react").SerializedStyles;
 export declare const FocusState: (color: string) => import("@emotion/react").SerializedStyles;
-//# sourceMappingURL=styles.d.ts.map

package/lib/layout/Submenu/SubmenuItem/styles.js

@@ -1,27 +1,30 @@
-"use strict";
+import styled from '@emotion/styled';
+import { css } from '@emotion/react';
+import { motion } from 'motion/react';
+export const Wrapper = styled(motion.div)((props) => css `
+    padding: 0.65em 1em;
+    border-radius: ${props.lightTheme ? '19px' : '7px'};
+    border: 1px solid transparent;
+    transition: border-color 0.1s ease-in-out;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.optionButton = exports.Wrapper = exports.FocusState = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _react2 = require("motion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)(_react2.motion.div, process.env.NODE_ENV === "production" ? {
-  target: "egkzt9c0"
-} : {
-  target: "egkzt9c0",
-  label: "Wrapper"
-})(props => /*#__PURE__*/(0, _react.css)("padding:0.65em 1em;border-radius:", props.lightTheme ? '19px' : '7px', ";border:1px solid transparent;transition:border-color 0.1s ease-in-out;background:", props.active ? props.background : 'transparent', ";box-shadow:", props.active ? '0 2px 4px 0 rgba(9, 28, 68, 0.2)' : 'none', ";&>span{font-size:14px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));
-const optionButton = exports.optionButton = process.env.NODE_ENV === "production" ? {
-  name: "m3111f",
-  styles: "padding-left:8px;justify-content:flex-start;height:100%;width:100%"
-} : {
-  name: "1m0yxkj-optionButton",
-  styles: "padding-left:8px;justify-content:flex-start;height:100%;width:100%;label:optionButton;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const FocusState = color => /*#__PURE__*/(0, _react.css)("&:focus{text-decoration:none;div{border-color:", color, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:FocusState;"));
-exports.FocusState = FocusState;
+    background: ${props.active ? props.background : 'transparent'};
+    box-shadow: ${props.active ? '0 2px 4px 0 rgba(9, 28, 68, 0.2)' : 'none'};
+
+    & > span {
+      font-size: 14px;
+    }
+  `);
+export const optionButton = css `
+  padding-left: 8px;
+  justify-content: flex-start;
+  height: 100%;
+  width: 100%;
+`;
+export const FocusState = (color) => css `
+  &:focus {
+    text-decoration: none;
+    div {
+      border-color: ${color};
+    }
+  }
+`;

package/lib/layout/Submenu/SubmenuLightThemeBg/index.d.ts

@@ -5,4 +5,3 @@ interface IProps {
 }
 declare const SubmenuLightThemeBg: React.FC<IProps>;
 export default SubmenuLightThemeBg;
-//# sourceMappingURL=index.d.ts.map

package/lib/layout/Submenu/SubmenuLightThemeBg/index.js

@@ -1,52 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SubmenuLightThemeBg = ({
-  bgColor
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-    viewBox: "0 0 1190 203",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-        id: "submenutlightbg-path-1",
-        x: "0",
-        y: "0",
-        width: "1190",
-        height: "203"
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-      stroke: "none",
-      strokeWidth: "1",
-      fill: "none",
-      fillRule: "evenodd",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("use", {
-            fill: bgColor,
-            xlinkHref: "#submenutlightbg-path-1"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("use", {
-            fillOpacity: "0.65",
-            fill: "#FFFFFF",
-            xlinkHref: "#submenutlightbg-path-1"
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-          d: "M0,-7.10542736e-15 L1190,-7.10542736e-15 L1190,88.8453479 C1120.50089,91.9625955 1033.23979,87.7081866 928.216686,76.0821213 C770.682033,58.6430234 508.737167,17.7258334 345,22.3521602 C246.122292,25.1459094 131.122292,33.1523167 0,46.371382 L0,-7.10542736e-15 Z",
-          fillOpacity: "0.2",
-          fill: "#FFFFFF"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-          d: "M0,-7.10542736e-15 L1190,-7.10542736e-15 L1190,88.8453479 C1120.50089,91.9625955 1033.23979,87.7081866 928.216686,76.0821213 C770.682033,58.6430234 508.737167,17.7258334 345,22.3521602 C246.122292,25.1459094 131.122292,33.1523167 0,46.371382 L0,-7.10542736e-15 Z",
-          fillOpacity: "0.2",
-          fill: "#FFFFFF",
-          transform: "translate(595.000000, 44.916995) scale(-1, 1) translate(-595.000000, -44.916995) "
-        })]
-      })
-    })]
-  });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SubmenuLightThemeBg = ({ bgColor }) => {
+    return (_jsxs("svg", { viewBox: "0 0 1190 203", children: [_jsx("defs", { children: _jsx("rect", { id: "submenutlightbg-path-1", x: "0", y: "0", width: "1190", height: "203" }) }), _jsx("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: _jsxs("g", { children: [_jsxs("g", { children: [_jsx("use", { fill: bgColor, xlinkHref: "#submenutlightbg-path-1" }), _jsx("use", { fillOpacity: "0.65", fill: "#FFFFFF", xlinkHref: "#submenutlightbg-path-1" })] }), _jsx("path", { d: "M0,-7.10542736e-15 L1190,-7.10542736e-15 L1190,88.8453479 C1120.50089,91.9625955 1033.23979,87.7081866 928.216686,76.0821213 C770.682033,58.6430234 508.737167,17.7258334 345,22.3521602 C246.122292,25.1459094 131.122292,33.1523167 0,46.371382 L0,-7.10542736e-15 Z", fillOpacity: "0.2", fill: "#FFFFFF" }), _jsx("path", { d: "M0,-7.10542736e-15 L1190,-7.10542736e-15 L1190,88.8453479 C1120.50089,91.9625955 1033.23979,87.7081866 928.216686,76.0821213 C770.682033,58.6430234 508.737167,17.7258334 345,22.3521602 C246.122292,25.1459094 131.122292,33.1523167 0,46.371382 L0,-7.10542736e-15 Z", fillOpacity: "0.2", fill: "#FFFFFF", transform: "translate(595.000000, 44.916995) scale(-1, 1) translate(-595.000000, -44.916995) " })] }) })] }));
 };
-var _default = exports.default = SubmenuLightThemeBg;
+export default SubmenuLightThemeBg;

package/lib/layout/Submenu/index.d.ts

@@ -16,4 +16,3 @@ interface IProps {
 }
 declare const Submenu: React.FC<IProps>;
 export default Submenu;
-//# sourceMappingURL=index.d.ts.map

package/lib/layout/Submenu/index.js

@@ -1,132 +1,80 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
-var _styles = require("./styles");
-var _Header = _interopRequireDefault(require("../../core/Header"));
-var _Button = _interopRequireDefault(require("../../core/Button"));
-var _useIsMobile = require("../../hooks/useIsMobile");
-var _List = _interopRequireDefault(require("../../core/List"));
-var _IconChevronDown = _interopRequireDefault(require("../../icons/General/IconChevronDown"));
-var _SubmenuLightThemeBg = _interopRequireDefault(require("./SubmenuLightThemeBg"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-
-const Submenu = ({
-  lightTheme,
-  header,
-  children,
-  illustration,
-  customHeader,
-  onOpenChange
-}) => {
-  const ref = /*#__PURE__*/(0, _react.createRef)();
-  const theme = (0, _react2.useTheme)();
-  const isMobile = (0, _useIsMobile.useIsMobile)();
-  const hasChildren = children && children.length > 0;
-  const [open, toggleOpen] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    const handleClickOutside = e => {
-      const node = ref.current;
-      if (node && node.contains(e.target)) {
-        return;
-      }
-      handleOpen(false);
+import React, { useState, useEffect, createRef, Fragment, } from 'react';
+import { useTheme } from '@emotion/react';
+import { Wrapper, styles, DropdownWrapper, ButtonStyle, OptionsWrapper, IllustrationWrapper, HeaderWrapper, IllustrationOverlay, MenuItemList, } from './styles';
+import Header from '../../core/Header';
+import Button from '../../core/Button';
+import { useIsMobile } from '../../hooks/useIsMobile';
+import List from '../../core/List';
+import IconChevronDown from '../../icons/General/IconChevronDown';
+import SubmenuLightThemeBg from './SubmenuLightThemeBg';
+const Submenu = ({ lightTheme, header, children, illustration, customHeader, onOpenChange, }) => {
+    const ref = createRef();
+    const theme = useTheme();
+    const isMobile = useIsMobile();
+    const hasChildren = children && children.length > 0;
+    const [open, toggleOpen] = useState(false);
+    useEffect(() => {
+        const handleClickOutside = (e) => {
+            const node = ref.current;
+            if (node && node.contains(e.target)) {
+                return;
+            }
+            handleOpen(false);
+        };
+        if (open) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        else {
+            handleOpen(false);
+            document.removeEventListener('mousedown', handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [open, ref]);
+    const handleClick = () => {
+        handleOpen(false);
     };
-    if (open) {
-      document.addEventListener('mousedown', handleClickOutside);
-    } else {
-      handleOpen(false);
-      document.removeEventListener('mousedown', handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
+    const handleOpen = (open) => {
+        toggleOpen(open);
+        onOpenChange?.(open);
     };
-  }, [open, ref]);
-  const handleClick = () => {
-    handleOpen(false);
-  };
-  const handleOpen = open => {
-    toggleOpen(open);
-    onOpenChange?.(open);
-  };
-  return (0, _jsxRuntime.jsxs)("div", {
-    ref: ref,
-    css: theme => [_styles.styles.default, lightTheme ? _styles.styles.lightTheme(theme) : _styles.styles.darkTheme(theme, hasChildren ? '1em' : '2em')],
-    children: [(0, _jsxRuntime.jsxs)(_styles.HeaderWrapper, {
-      children: [customHeader && customHeader, header && (0, _jsxRuntime.jsx)(_Header.default, {
-        color: lightTheme ? theme.secondaryDarkText : theme.submenuTextColorActive,
-        level: 1,
-        children: header
-      })]
-    }), children && children.length > 0 && (0, _jsxRuntime.jsx)(_react.Fragment, {
-      children: !isMobile ? (0, _jsxRuntime.jsx)(_styles.Wrapper, {
-        className: "submenuwrapper",
-        children: (0, _jsxRuntime.jsx)(_styles.MenuItemList, {
-          role: "menu",
-          children: children.map((child, key) => {
-            if (!child) {
-              return null;
-            }
-            return /*#__PURE__*/_react.default.cloneElement(child, {
-              key
-            });
-          })
-        })
-      }) : (0, _jsxRuntime.jsxs)(_styles.DropdownWrapper, {
-        className: "submenuwrapper",
-        children: [(0, _jsxRuntime.jsx)(_Button.default, {
-          nostyle: true,
-          css: (0, _styles.ButtonStyle)(theme, !lightTheme),
-          onClick: () => handleOpen(!open),
-          afterIcon: (0, _jsxRuntime.jsx)(_IconChevronDown.default, {
-            flipVertical: open,
-            size: 14
-          }),
-          children: children.filter(x => x).map((child, key) => {
-            if (!child) {
-              return null;
-            }
-            return /*#__PURE__*/_react.default.cloneElement(child, {
-              showActiveitemLabel: true,
-              key
-            });
-          })
-        }), (0, _jsxRuntime.jsx)(_styles.OptionsWrapper, {
-          lightTheme: lightTheme,
-          children: open && (0, _jsxRuntime.jsx)(_List.default, {
-            selectList: true,
-            role: "menu",
-            darkTheme: !lightTheme,
-            children: children.filter(x => x).map((child, key) => {
-              if (!child) {
-                return null;
-              }
-              return /*#__PURE__*/_react.default.cloneElement(child, {
-                onChange: handleClick,
-                key
-              });
-            })
-          })
-        })]
-      })
-    }), (lightTheme || illustration) && (0, _jsxRuntime.jsxs)(_styles.IllustrationOverlay, {
-      children: [lightTheme && (0, _jsxRuntime.jsx)(_SubmenuLightThemeBg.default, {
-        bgColor: theme.customIllustrationColor
-      }), illustration && (0, _jsxRuntime.jsx)(_styles.IllustrationWrapper, {
-        style: {
-          zIndex: 0
-        },
-        children: illustration
-      })]
-    })]
-  });
+    return (_jsxs("div", { ref: ref, css: (theme) => [
+            styles.default,
+            lightTheme
+                ? styles.lightTheme(theme)
+                : styles.darkTheme(theme, hasChildren ? '1em' : '2em'),
+        ], children: [_jsxs(HeaderWrapper, { children: [customHeader && customHeader, header && (_jsx(Header, { color: lightTheme
+                            ? theme.secondaryDarkText
+                            : theme.submenuTextColorActive, level: 1, children: header }))] }), children && children.length > 0 && (_jsx(Fragment, { children: !isMobile ? (_jsx(Wrapper, { className: "submenuwrapper", children: _jsx(MenuItemList, { role: "menu", children: children.map((child, key) => {
+                            if (!child) {
+                                return null;
+                            }
+                            return React.cloneElement(child, {
+                                key,
+                            });
+                        }) }) })) : (_jsxs(DropdownWrapper, { className: "submenuwrapper", children: [_jsx(Button, { nostyle: true, css: ButtonStyle(theme, !lightTheme), onClick: () => handleOpen(!open), afterIcon: _jsx(IconChevronDown, { flipVertical: open, size: 14 }), children: children
+                                .filter((x) => x)
+                                .map((child, key) => {
+                                if (!child) {
+                                    return null;
+                                }
+                                return React.cloneElement(child, {
+                                    showActiveitemLabel: true,
+                                    key,
+                                });
+                            }) }), _jsx(OptionsWrapper, { lightTheme: lightTheme, children: open && (_jsx(List, { selectList: true, role: "menu", darkTheme: !lightTheme, children: children
+                                    .filter((x) => x)
+                                    .map((child, key) => {
+                                    if (!child) {
+                                        return null;
+                                    }
+                                    return React.cloneElement(child, {
+                                        onChange: handleClick,
+                                        key,
+                                    });
+                                }) })) })] })) })), (lightTheme || illustration) && (_jsxs(IllustrationOverlay, { children: [lightTheme && (_jsx(SubmenuLightThemeBg, { bgColor: theme.customIllustrationColor })), illustration && (_jsx(IllustrationWrapper, { style: { zIndex: 0 }, children: illustration }))] }))] }));
 };
-var _default = exports.default = Submenu;
+export default Submenu;

package/lib/layout/Submenu/styles.d.ts

@@ -30,4 +30,3 @@ export declare const IllustrationOverlay: import("@emotion/styled").StyledCompon
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map