@contentful/f36-menu 4.0.1-beta.2590 → 4.0.1-beta.2705

package/dist/main.js

@@ -1,7 +1,6 @@
 var $6ZrLO$react = require("react");
 var $6ZrLO$contentfulf36core = require("@contentful/f36-core");
 var $6ZrLO$contentfulf36popover = require("@contentful/f36-popover");
-var $6ZrLO$reactjsxruntime = require("react/jsx-runtime");
 var $6ZrLO$emotion = require("emotion");
 var $6ZrLO$contentfulf36tokens = require("@contentful/f36-tokens");
 var $6ZrLO$contentfulf36typography = require("@contentful/f36-typography");
@@ -25,7 +24,6 @@ $parcel$export(module.exports, "SubmenuTrigger", () => $68e427819b978177$export$
 
 
 
-
 const $9abfe5cafeb7e9d3$var$ARROW_KEY_TYPES = {
     vertical: {
         prev: 'ArrowUp',
@@ -81,9 +79,9 @@ const $9abfe5cafeb7e9d3$export$e8d01079a7f85a7 = ({ itemsContainerRef: itemsCont
 
 
 
-const $31bc1b2a74a830dc$var$MenuContext = $parcel$interopDefault($6ZrLO$react).createContext(undefined);
+const $31bc1b2a74a830dc$var$MenuContext = ($parcel$interopDefault($6ZrLO$react)).createContext(undefined);
 const $31bc1b2a74a830dc$export$21c7ab35b39f78ec = ()=>{
-    const context = $parcel$interopDefault($6ZrLO$react).useContext($31bc1b2a74a830dc$var$MenuContext);
+    const context = ($parcel$interopDefault($6ZrLO$react)).useContext($31bc1b2a74a830dc$var$MenuContext);
     if (context === undefined) throw new Error('useMenuContext must be used within a MenuContextProvider');
     return context;
 };
@@ -231,19 +229,17 @@ function $453ff7c40e833219$export$d9b273488cd8ce6f(props) {
         isControlled,
         onOpen
     ]);
-    return(/*#__PURE__*/ $6ZrLO$reactjsxruntime.jsx($31bc1b2a74a830dc$export$2cad3fd48ac06579, {
-        value: contextValue,
-        children: /*#__PURE__*/ $6ZrLO$reactjsxruntime.jsx($6ZrLO$contentfulf36popover.Popover, {
-            ...otherProps,
-            isOpen: isOpen,
-            onClose: handleClose,
-            id: menuId,
-            closeOnEsc: closeOnEsc,
-            autoFocus: false,
-            closeOnBlur: false,
-            children: children
-        })
-    }));
+    return(/*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).createElement($31bc1b2a74a830dc$export$2cad3fd48ac06579, {
+        value: contextValue
+    }, /*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).createElement($6ZrLO$contentfulf36popover.Popover, {
+        ...otherProps,
+        isOpen: isOpen,
+        onClose: handleClose,
+        id: menuId,
+        closeOnEsc: closeOnEsc,
+        autoFocus: false,
+        closeOnBlur: false
+    }, children)));
 }
 const $453ff7c40e833219$var$useMenuOpenState = (props)=>{
     const { isOpen: isOpen , defaultIsOpen: defaultIsOpen , onOpen: onOpen , onClose: onClose  } = props;
@@ -277,10 +273,9 @@ const $453ff7c40e833219$var$useMenuOpenState = (props)=>{
 
 
 
-
-const $62b35dc82bb7def8$var$SubmenuContext = $parcel$interopDefault($6ZrLO$react).createContext(undefined);
+const $62b35dc82bb7def8$var$SubmenuContext = ($parcel$interopDefault($6ZrLO$react)).createContext(undefined);
 const $62b35dc82bb7def8$export$958673a266cbe049 = ()=>{
-    const context = $parcel$interopDefault($6ZrLO$react).useContext($62b35dc82bb7def8$var$SubmenuContext);
+    const context = ($parcel$interopDefault($6ZrLO$react)).useContext($62b35dc82bb7def8$var$SubmenuContext);
     return context;
 };
 const $62b35dc82bb7def8$export$81b3dbd1f003f0c7 = $62b35dc82bb7def8$var$SubmenuContext.Provider;
@@ -294,9 +289,9 @@ const $ce9788dc1cd48a1b$export$396ce14bde1b7929 = ()=>{
         position: 'sticky',
         top: 0,
         left: 0,
-        backgroundColor: $parcel$interopDefault($6ZrLO$contentfulf36tokens).colorWhite,
-        borderBottom: `1px solid ${$parcel$interopDefault($6ZrLO$contentfulf36tokens).gray300}`,
-        padding: `${$parcel$interopDefault($6ZrLO$contentfulf36tokens).spacingXs} 0`,
+        backgroundColor: ($parcel$interopDefault($6ZrLO$contentfulf36tokens)).colorWhite,
+        borderBottom: `1px solid ${($parcel$interopDefault($6ZrLO$contentfulf36tokens)).gray300}`,
+        padding: `${($parcel$interopDefault($6ZrLO$contentfulf36tokens)).spacingXs} 0`,
         zIndex: 1001
     }));
 };
@@ -305,9 +300,9 @@ const $ce9788dc1cd48a1b$export$fd3dbc8a890448f = ()=>{
         position: 'sticky',
         bottom: 0,
         left: 0,
-        backgroundColor: $parcel$interopDefault($6ZrLO$contentfulf36tokens).colorWhite,
-        borderTop: `1px solid ${$parcel$interopDefault($6ZrLO$contentfulf36tokens).gray300}`,
-        padding: `${$parcel$interopDefault($6ZrLO$contentfulf36tokens).spacingXs} 0`,
+        backgroundColor: ($parcel$interopDefault($6ZrLO$contentfulf36tokens)).colorWhite,
+        borderTop: `1px solid ${($parcel$interopDefault($6ZrLO$contentfulf36tokens)).gray300}`,
+        padding: `${($parcel$interopDefault($6ZrLO$contentfulf36tokens)).spacingXs} 0`,
         zIndex: 1001
     }));
 };
@@ -316,8 +311,8 @@ const $ce9788dc1cd48a1b$export$10ce7613b0465b57 = (props)=>({
             overflowY: 'auto',
             position: 'relative',
             padding: 0,
-            paddingTop: props.hasStickyHeader ? 0 : $parcel$interopDefault($6ZrLO$contentfulf36tokens).spacingXs,
-            paddingBottom: props.hasStickyFooter ? 0 : $parcel$interopDefault($6ZrLO$contentfulf36tokens).spacingXs
+            paddingTop: props.hasStickyHeader ? 0 : ($parcel$interopDefault($6ZrLO$contentfulf36tokens)).spacingXs,
+            paddingBottom: props.hasStickyFooter ? 0 : ($parcel$interopDefault($6ZrLO$contentfulf36tokens)).spacingXs
         })
     })
 ;
@@ -326,16 +321,14 @@ const $ce9788dc1cd48a1b$export$10ce7613b0465b57 = (props)=>({
 
 
 
-
 const $77fa76994469c42b$export$77451990ddb9d17c = (props)=>{
     const { children: children , testId: testId = 'cf-ui-menu-list-header' , className: className , ...otherProps } = props;
     const styles = $ce9788dc1cd48a1b$export$396ce14bde1b7929();
-    return(/*#__PURE__*/ $6ZrLO$reactjsxruntime.jsx("div", {
+    return(/*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).createElement("div", {
         "data-test-id": testId,
         className: $6ZrLO$emotion.cx(styles, className),
-        ...otherProps,
-        children: children
-    }));
+        ...otherProps
+    }, children));
 };
 $77fa76994469c42b$export$77451990ddb9d17c.displayName = 'MenuListHeader';
 
@@ -343,16 +336,14 @@ $77fa76994469c42b$export$77451990ddb9d17c.displayName = 'MenuListHeader';
 
 
 
-
 const $56409107038e75ac$export$3e8a81e7ad0650f4 = (props)=>{
     const { children: children , testId: testId = 'cf-ui-menu-list-footer' , className: className , ...otherProps } = props;
     const styles = $ce9788dc1cd48a1b$export$fd3dbc8a890448f();
-    return(/*#__PURE__*/ $6ZrLO$reactjsxruntime.jsx("div", {
+    return(/*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).createElement("div", {
         "data-test-id": testId,
         className: $6ZrLO$emotion.cx(styles, className),
-        ...otherProps,
-        children: children
-    }));
+        ...otherProps
+    }, children));
 };
 $56409107038e75ac$export$3e8a81e7ad0650f4.displayName = 'MenuListFooter';
 
@@ -368,7 +359,7 @@ const $c5bfee6901fd5b47$var$_MenuList = (props, ref)=>{
     let header = null;
     let footer = null;
     const items = [];
-    $parcel$interopDefault($6ZrLO$react).Children.forEach(children, (child)=>{
+    ($parcel$interopDefault($6ZrLO$react)).Children.forEach(children, (child)=>{
         let appendChild = true;
         if ($c5bfee6901fd5b47$var$assertChild(child)) {
             if (child.type.displayName === $77fa76994469c42b$export$77451990ddb9d17c.displayName) {
@@ -386,21 +377,15 @@ const $c5bfee6901fd5b47$var$_MenuList = (props, ref)=>{
         hasStickyFooter: Boolean(footer)
     });
     const extendedOtherProps = submenuContext ? submenuContext.getSubmenuListProps(otherProps) : otherProps;
-    return(/*#__PURE__*/ $6ZrLO$reactjsxruntime.jsxs($6ZrLO$contentfulf36popover.Popover.Content, {
+    return(/*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).createElement($6ZrLO$contentfulf36popover.Popover.Content, {
         role: "menu",
         ...extendedOtherProps,
         ...getMenuListProps(extendedOtherProps, ref),
         className: $6ZrLO$emotion.cx(styles.container, className),
-        testId: testId,
-        children: [
-            header,
-            items,
-            footer
-        ]
-    }));
+        testId: testId
+    }, header, items, footer));
 };
-const $c5bfee6901fd5b47$export$d4c4e98c5044dc8 = /*#__PURE__*/ $parcel$interopDefault($6ZrLO$react).forwardRef($c5bfee6901fd5b47$var$_MenuList);
-
+const $c5bfee6901fd5b47$export$d4c4e98c5044dc8 = /*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).forwardRef($c5bfee6901fd5b47$var$_MenuList);
 
 
 
@@ -421,24 +406,24 @@ const $f099c69f76c1082f$export$adaad53e003c74d0 = ()=>{
             border: 0,
             margin: 0,
             outline: 'none',
-            fontSize: $parcel$interopDefault($6ZrLO$contentfulf36tokens).fontSizeM,
-            lineHeight: $parcel$interopDefault($6ZrLO$contentfulf36tokens).lineHeightM,
-            fontWeight: $parcel$interopDefault($6ZrLO$contentfulf36tokens).fontWeightNormal,
+            fontSize: ($parcel$interopDefault($6ZrLO$contentfulf36tokens)).fontSizeM,
+            lineHeight: ($parcel$interopDefault($6ZrLO$contentfulf36tokens)).lineHeightM,
+            fontWeight: ($parcel$interopDefault($6ZrLO$contentfulf36tokens)).fontWeightNormal,
             position: 'relative',
             textAlign: 'left',
-            padding: `${$parcel$interopDefault($6ZrLO$contentfulf36tokens).spacingXs} ${$parcel$interopDefault($6ZrLO$contentfulf36tokens).spacingM}`,
+            padding: `${($parcel$interopDefault($6ZrLO$contentfulf36tokens)).spacingXs} ${($parcel$interopDefault($6ZrLO$contentfulf36tokens)).spacingM}`,
             wordBreak: 'break-word',
             whiteSpace: 'break-spaces',
             cursor: 'pointer',
             hyphens: 'auto',
             minWidth: '150px',
             textDecoration: 'none',
-            color: $parcel$interopDefault($6ZrLO$contentfulf36tokens).gray800,
+            color: ($parcel$interopDefault($6ZrLO$contentfulf36tokens)).gray800,
             '&:focus, &:hover': {
-                backgroundColor: $parcel$interopDefault($6ZrLO$contentfulf36tokens).gray100
+                backgroundColor: ($parcel$interopDefault($6ZrLO$contentfulf36tokens)).gray100
             },
             '&:active': {
-                backgroundColor: $parcel$interopDefault($6ZrLO$contentfulf36tokens).gray200
+                backgroundColor: ($parcel$interopDefault($6ZrLO$contentfulf36tokens)).gray200
             },
             '&:disabled': {
                 opacity: 0.5,
@@ -464,33 +449,29 @@ function $01d29448a29c05b3$var$_MenuItem(props, ref) {
         focusMenuItem
     ]);
     const Element = as !== null && as !== void 0 ? as : $01d29448a29c05b3$var$MENU_ITEM_DEFAULT_TAG;
-    return(/*#__PURE__*/ $6ZrLO$reactjsxruntime.jsx(Element, {
+    return(/*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).createElement(Element, {
         role: "menuitem",
         ...otherProps,
         ...getMenuItemProps(otherProps),
         className: $6ZrLO$emotion.cx(styles.root, className),
         "data-test-id": itemTestId,
         ref: $6ZrLO$contentfulf36core.mergeRefs(itemRef, ref),
-        tabIndex: -1,
-        children: props.children
-    }));
+        tabIndex: -1
+    }, props.children));
 }
-const $01d29448a29c05b3$export$2ce376c2cc3355c8 = /*#__PURE__*/ $parcel$interopDefault($6ZrLO$react).forwardRef($01d29448a29c05b3$var$_MenuItem);
-
+const $01d29448a29c05b3$export$2ce376c2cc3355c8 = /*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).forwardRef($01d29448a29c05b3$var$_MenuItem);
 
 
 
 
 
 const $57a0b88402c05a1e$export$27d2ad3c5815583e = (props)=>{
-    const child = $parcel$interopDefault($6ZrLO$react).Children.only(props.children);
+    const child = ($parcel$interopDefault($6ZrLO$react)).Children.only(props.children);
     const { getTriggerProps: getTriggerProps  } = $31bc1b2a74a830dc$export$21c7ab35b39f78ec();
-    return(/*#__PURE__*/ $6ZrLO$reactjsxruntime.jsx($6ZrLO$contentfulf36popover.Popover.Trigger, {
-        children: /*#__PURE__*/ $parcel$interopDefault($6ZrLO$react).cloneElement(child, {
-            ...getTriggerProps(child.props, child.ref),
-            ['aria-haspopup']: 'menu'
-        })
-    }));
+    return(/*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).createElement($6ZrLO$contentfulf36popover.Popover.Trigger, null, /*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).cloneElement(child, {
+        ...getTriggerProps(child.props, child.ref),
+        ['aria-haspopup']: 'menu'
+    })));
 };
 
 
@@ -498,13 +479,12 @@ const $57a0b88402c05a1e$export$27d2ad3c5815583e = (props)=>{
 
 
 
-
 const $f85a558bae23a8bd$export$4605da6f9a8ef405 = ()=>/*#__PURE__*/ $6ZrLO$emotion.css({
         border: 'none',
         width: '100%',
         height: '1px',
-        background: $parcel$interopDefault($6ZrLO$contentfulf36tokens).gray300,
-        margin: `${$parcel$interopDefault($6ZrLO$contentfulf36tokens).spacingXs} 0`
+        background: ($parcel$interopDefault($6ZrLO$contentfulf36tokens)).gray300,
+        margin: `${($parcel$interopDefault($6ZrLO$contentfulf36tokens)).spacingXs} 0`
     })
 ;
 
@@ -512,7 +492,7 @@ const $f85a558bae23a8bd$export$4605da6f9a8ef405 = ()=>/*#__PURE__*/ $6ZrLO$emoti
 const $a8d7f8a94ad9b120$export$acb07b4664ac227c = (props)=>{
     const { children: children , testId: testId = 'cf-ui-menu-divider' , className: className , ...otherProps } = props;
     const styles = $f85a558bae23a8bd$export$4605da6f9a8ef405();
-    return(/*#__PURE__*/ $6ZrLO$reactjsxruntime.jsx("hr", {
+    return(/*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).createElement("hr", {
         "aria-orientation": "horizontal",
         "data-test-id": testId,
         className: $6ZrLO$emotion.cx(styles, className),
@@ -525,11 +505,10 @@ const $a8d7f8a94ad9b120$export$acb07b4664ac227c = (props)=>{
 
 
 
-
 const $80d81cb0da14b65a$export$2698fa8b3a0a79e6 = ()=>/*#__PURE__*/ $6ZrLO$emotion.css({
         textAlign: 'left',
-        padding: `${$parcel$interopDefault($6ZrLO$contentfulf36tokens).spacingXs} ${$parcel$interopDefault($6ZrLO$contentfulf36tokens).spacingM}`,
-        lineHeight: $parcel$interopDefault($6ZrLO$contentfulf36tokens).lineHeightM,
+        padding: `${($parcel$interopDefault($6ZrLO$contentfulf36tokens)).spacingXs} ${($parcel$interopDefault($6ZrLO$contentfulf36tokens)).spacingM}`,
+        lineHeight: ($parcel$interopDefault($6ZrLO$contentfulf36tokens)).lineHeightM,
         'hr + &': {
             marginTop: '-8px'
         }
@@ -541,7 +520,7 @@ const $80d81cb0da14b65a$export$2698fa8b3a0a79e6 = ()=>/*#__PURE__*/ $6ZrLO$emoti
 const $a9e47e1a6fcc6dbc$export$5d1e6c648985631e = (props)=>{
     const { children: children , testId: testId = 'cf-ui-menu-section-title' , className: className , ...otherProps } = props;
     const styles = $80d81cb0da14b65a$export$2698fa8b3a0a79e6();
-    return(/*#__PURE__*/ $6ZrLO$reactjsxruntime.jsx($6ZrLO$contentfulf36typography.SectionHeading // Techincally, menus cannot contain headings according to ARIA.
+    return(/*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).createElement($6ZrLO$contentfulf36typography.SectionHeading // Techincally, menus cannot contain headings according to ARIA.
     , {
         // We hide the heading from assistive technology, and only use it
         // as a label
@@ -549,9 +528,8 @@ const $a9e47e1a6fcc6dbc$export$5d1e6c648985631e = (props)=>{
         testId: testId,
         className: $6ZrLO$emotion.cx(styles, className),
         marginBottom: "none",
-        ...otherProps,
-        children: children
-    }));
+        ...otherProps
+    }, children));
 };
 
 
@@ -560,7 +538,6 @@ const $a9e47e1a6fcc6dbc$export$5d1e6c648985631e = (props)=>{
 
 
 
-
 const $d1c454a08dd2b04a$var$SUBMENU_OFFSET = [
     -8,
     2
@@ -648,19 +625,18 @@ const $d1c454a08dd2b04a$export$49229ebf838c159b = (props)=>{
         handleOpen,
         closeAndFocusTrigger
     ]);
-    return(/*#__PURE__*/ $6ZrLO$reactjsxruntime.jsx($62b35dc82bb7def8$export$81b3dbd1f003f0c7, {
-        value: contextValue,
-        children: /*#__PURE__*/ $6ZrLO$reactjsxruntime.jsx($453ff7c40e833219$export$d9b273488cd8ce6f, {
-            ...propsToPropagateToSubmenus,
-            ...otherProps,
-            isOpen: isOpen,
-            onClose: handleClose,
-            onOpen: handleOpen,
-            placement: "right-start",
-            offset: $d1c454a08dd2b04a$var$SUBMENU_OFFSET,
-            isAutoalignmentEnabled: false
-        })
-    }));
+    return(/*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).createElement($62b35dc82bb7def8$export$81b3dbd1f003f0c7, {
+        value: contextValue
+    }, /*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).createElement($453ff7c40e833219$export$d9b273488cd8ce6f, {
+        ...propsToPropagateToSubmenus,
+        ...otherProps,
+        isOpen: isOpen,
+        onClose: handleClose,
+        onOpen: handleOpen,
+        placement: "right-start",
+        offset: $d1c454a08dd2b04a$var$SUBMENU_OFFSET,
+        isAutoalignmentEnabled: false
+    })));
 };
 
 
@@ -672,21 +648,20 @@ const $d1c454a08dd2b04a$export$49229ebf838c159b = (props)=>{
 
 
 
-
 const $440a5860c5fbe4e7$export$ce276565acbba1c9 = ()=>{
     return {
         root: ({ isActive: isActive  })=>/*#__PURE__*/ $6ZrLO$emotion.css({
                 display: 'flex',
                 alignItems: 'center',
-                paddingRight: $parcel$interopDefault($6ZrLO$contentfulf36tokens).spacingXs,
+                paddingRight: ($parcel$interopDefault($6ZrLO$contentfulf36tokens)).spacingXs,
                 ...isActive ? {
-                    backgroundColor: $parcel$interopDefault($6ZrLO$contentfulf36tokens).gray100
+                    backgroundColor: ($parcel$interopDefault($6ZrLO$contentfulf36tokens)).gray100
                 } : {
                 }
             })
         ,
         content: /*#__PURE__*/ $6ZrLO$emotion.css({
-            marginRight: $parcel$interopDefault($6ZrLO$contentfulf36tokens).spacingM
+            marginRight: ($parcel$interopDefault($6ZrLO$contentfulf36tokens)).spacingM
         }),
         icon: /*#__PURE__*/ $6ZrLO$emotion.css({
             name: "1hapt0s",
@@ -700,26 +675,19 @@ const $68e427819b978177$var$_SubmenuTrigger = (props, ref)=>{
     const { className: className , children: children  } = props;
     const { getSubmenuTriggerProps: getSubmenuTriggerProps , isOpen: isOpen  } = $62b35dc82bb7def8$export$958673a266cbe049();
     const styles = $440a5860c5fbe4e7$export$ce276565acbba1c9();
-    return(/*#__PURE__*/ $6ZrLO$reactjsxruntime.jsx($57a0b88402c05a1e$export$27d2ad3c5815583e, {
-        children: /*#__PURE__*/ $6ZrLO$reactjsxruntime.jsxs($01d29448a29c05b3$export$2ce376c2cc3355c8, {
-            ...props,
-            ...getSubmenuTriggerProps(props, ref),
-            className: $6ZrLO$emotion.cx(styles.root({
-                isActive: isOpen
-            }), className),
-            children: [
-                /*#__PURE__*/ $6ZrLO$reactjsxruntime.jsx("span", {
-                    className: styles.content,
-                    children: children
-                }),
-                /*#__PURE__*/ $6ZrLO$reactjsxruntime.jsx($6ZrLO$contentfulf36icons.ChevronRightIcon, {
-                    className: styles.icon
-                })
-            ]
-        })
-    }));
+    return(/*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).createElement($57a0b88402c05a1e$export$27d2ad3c5815583e, null, /*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).createElement($01d29448a29c05b3$export$2ce376c2cc3355c8, {
+        ...props,
+        ...getSubmenuTriggerProps(props, ref),
+        className: $6ZrLO$emotion.cx(styles.root({
+            isActive: isOpen
+        }), className)
+    }, /*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).createElement("span", {
+        className: styles.content
+    }, children), /*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).createElement($6ZrLO$contentfulf36icons.ChevronRightIcon, {
+        className: styles.icon
+    }))));
 };
-const $68e427819b978177$export$ecabc99eeffab7ca = /*#__PURE__*/ $parcel$interopDefault($6ZrLO$react).forwardRef($68e427819b978177$var$_SubmenuTrigger);
+const $68e427819b978177$export$ecabc99eeffab7ca = /*#__PURE__*/ ($parcel$interopDefault($6ZrLO$react)).forwardRef($68e427819b978177$var$_SubmenuTrigger);
 
 
 const $c2cdaffe72abf66f$export$d9b273488cd8ce6f = $453ff7c40e833219$export$d9b273488cd8ce6f;