@gem-sdk/components 3.0.0-pre-production.14 → 3.0.1

package/dist/cjs/header/components/kind/basic/MenuMobileItem.js

@@ -1,160 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var Link = require('next/link');
-var React = require('react');
-var reactTransitionGroup = require('react-transition-group');
-var ChevronLeft = require('../../icons/ChevronLeft.js');
-var Dismiss = require('../../icons/Dismiss.js');
-
-const duration = 300;
-const defaultStyle = {
-    transitionDuration: `${duration}ms`,
-    opacity: 0
-};
-const transitionStyles = {
-    entering: {
-        opacity: 1,
-        transform: 'translateX(0)'
-    },
-    entered: {
-        opacity: 1,
-        transform: 'translateX(0)'
-    },
-    exiting: {
-        opacity: 0,
-        transform: 'translateX(50px)'
-    },
-    exited: {
-        opacity: 0,
-        transform: 'translateX(50px)'
-    },
-    unmounted: {
-        opacity: 0
-    }
-};
-const MenuMobileItem = ({ id, menu, arrow, menuBg, menuTextColor, closeMenu, depth = 0, maxDepth = 2 })=>{
-    const [isOpen, setIsOpen] = React.useState(false);
-    const nodeRef = React.useRef(null);
-    const item = menu?.[id];
-    if (!item || depth > maxDepth) return null;
-    const lastDepth = depth === maxDepth;
-    const renderChild = !!item?.childrens?.length && !lastDepth;
-    const hasCaret = renderChild && !!arrow;
-    const onOpenChildLink = item?.link && !item.childrens?.length ? undefined : (e)=>{
-        e.preventDefault();
-        e.stopPropagation();
-        setIsOpen((prev)=>!prev);
-    };
-    return /*#__PURE__*/ jsxRuntime.jsxs("li", {
-        className: core.cls('gp-group gp-flex gp-cursor-pointer gp-gap-2 gp-whitespace-nowrap gp-px-4 gp-py-2', {
-            'gp-flex-col gp-border-b last:gp-border-b-transparent': depth > 0
-        }),
-        style: {
-            ...core.getGlobalColorStateStyle('c', menuTextColor),
-            ...core.getGlobalColorResponsiveStyle('bgc', menuBg)
-        },
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                className: "gp-flex gp-w-full gp-items-center gp-justify-between",
-                "aria-hidden": true,
-                onClick: onOpenChildLink,
-                children: [
-                    item?.link && !item.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Link, {
-                        href: item.link,
-                        title: item.title,
-                        children: item.title
-                    }) : /*#__PURE__*/ jsxRuntime.jsx("span", {
-                        children: item?.title
-                    }),
-                    hasCaret && /*#__PURE__*/ jsxRuntime.jsx("span", {
-                        dangerouslySetInnerHTML: {
-                            __html: arrow
-                        },
-                        className: core.cls('gp-ml-auto gp-transition-all gp-duration-200 [&>svg]:gp-w-5', {
-                            'gp-rotate-0': depth > 0 && !isOpen,
-                            'gp-rotate-180': depth > 0 && isOpen,
-                            '-gp-rotate-90': depth === 0
-                        })
-                    })
-                ]
-            }),
-            renderChild && /*#__PURE__*/ jsxRuntime.jsx(reactTransitionGroup.Transition, {
-                in: isOpen,
-                timeout: duration,
-                nodeRef: nodeRef,
-                unmountOnExit: true,
-                children: (state)=>/*#__PURE__*/ jsxRuntime.jsxs("div", {
-                        ref: nodeRef,
-                        className: core.cls('gp-z-10 gp-flex gp-cursor-default gp-flex-col gp-transition-all', {
-                            'gp-absolute gp-left-0 gp-top-0 gp-h-full gp-w-full': depth === 0
-                        }),
-                        style: {
-                            ...core.getGlobalColorResponsiveStyle('bgc', menuBg),
-                            ...defaultStyle,
-                            ...transitionStyles[state]
-                        },
-                        children: [
-                            depth === 0 && /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                className: "gp-relative gp-flex gp-h-10 gp-w-full gp-items-center gp-justify-between gp-border-b",
-                                children: [
-                                    /*#__PURE__*/ jsxRuntime.jsx("button", {
-                                        onClick: (e)=>{
-                                            e.preventDefault();
-                                            e.stopPropagation();
-                                            setIsOpen(false);
-                                        },
-                                        className: "gp-relative gp-z-1 gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",
-                                        children: /*#__PURE__*/ jsxRuntime.jsx(ChevronLeft.default, {
-                                            className: "gp-w-5"
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                        "aria-hidden": true,
-                                        onClick: (e)=>{
-                                            e.preventDefault();
-                                            e.stopPropagation();
-                                            setIsOpen(false);
-                                        },
-                                        className: "gp-absolute gp-inset-0 gp-flex gp-items-center gp-justify-center",
-                                        children: /*#__PURE__*/ jsxRuntime.jsx("span", {
-                                            className: "gp-font-semibold",
-                                            children: item.title
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsxRuntime.jsx("button", {
-                                        onClick: closeMenu,
-                                        "aria-label": "Close menu",
-                                        className: "gp-relative gp-z-1 gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",
-                                        style: {
-                                            ...core.getGlobalColorStateStyle('c', menuTextColor)
-                                        },
-                                        children: /*#__PURE__*/ jsxRuntime.jsx(Dismiss.default, {
-                                            className: "gp-w-5"
-                                        })
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsx("ul", {
-                                className: core.cls('gp-flex gp-flex-col'),
-                                children: item?.childrens?.map((childId)=>/*#__PURE__*/ jsxRuntime.jsx(MenuMobileItem, {
-                                        id: childId,
-                                        menu: menu,
-                                        depth: depth + 1,
-                                        maxDepth: maxDepth,
-                                        arrow: arrow,
-                                        menuBg: menuBg,
-                                        menuTextColor: menuTextColor
-                                    }, childId))
-                            })
-                        ]
-                    })
-            })
-        ]
-    });
-};
-
-exports.default = MenuMobileItem;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),Link=require("next/link"),React=require("react"),reactTransitionGroup=require("react-transition-group"),ChevronLeft=require("../../icons/ChevronLeft.js"),Dismiss=require("../../icons/Dismiss.js");const duration=300,defaultStyle={transitionDuration:"300ms",opacity:0},transitionStyles={entering:{opacity:1,transform:"translateX(0)"},entered:{opacity:1,transform:"translateX(0)"},exiting:{opacity:0,transform:"translateX(50px)"},exited:{opacity:0,transform:"translateX(50px)"},unmounted:{opacity:0}},MenuMobileItem=({id:e,menu:t,arrow:s,menuBg:l,menuTextColor:r,closeMenu:i,depth:n=0,maxDepth:a=2,typo:o,typography:p,enableHoverEffect:c})=>{let[g,u]=React.useState(!1),m=React.useRef(null),x=core.composeTypographyStyle(o,p),d=t?.[e];if(!d||n>a)return null;let f=n===a,j=!!d?.childrens?.length&&!f,h=j&&!!s,y=d?.link&&!d.childrens?.length?void 0:e=>{e.preventDefault(),e.stopPropagation(),u(e=>!e)},b=core.getGlobalColorStateStyle("c",r),R=c?b:core.filterHoverVariables(b);return jsxRuntime.jsxs("li",{className:core.cls("gp-group gp-flex gp-cursor-pointer gp-gap-2 gp-whitespace-nowrap gp-px-4 gp-py-2",{"gp-flex-col gp-border-b last:gp-border-b-transparent":n>0}),style:{...R,...core.getGlobalColorResponsiveStyle("bgc",l)},children:[jsxRuntime.jsxs("div",{className:"gp-flex gp-w-full gp-items-center gp-justify-between","aria-hidden":!0,onClick:y,children:[d?.link&&!d.childrens?.length?jsxRuntime.jsx(Link,{href:d.link,title:d.title,children:d.title}):jsxRuntime.jsx("span",{style:{...x},children:d?.title}),h&&jsxRuntime.jsx("span",{dangerouslySetInnerHTML:{__html:s},className:core.cls("gp-ml-auto gp-transition-all gp-duration-200 [&>svg]:gp-w-5",{"gp-rotate-0":n>0&&!g,"gp-rotate-180":n>0&&g,"-gp-rotate-90":0===n}),style:{...x}})]}),j&&jsxRuntime.jsx(reactTransitionGroup.Transition,{in:g,timeout:300,nodeRef:m,unmountOnExit:!0,children:e=>jsxRuntime.jsxs("div",{ref:m,className:core.cls("gp-z-10 gp-flex gp-cursor-default gp-flex-col gp-transition-all",{"gp-absolute gp-left-0 gp-top-0 gp-h-full gp-w-full":0===n}),style:{...core.getGlobalColorResponsiveStyle("bgc",l),...defaultStyle,...transitionStyles[e]},children:[0===n&&jsxRuntime.jsxs("div",{className:"gp-relative gp-flex gp-h-10 gp-w-full gp-items-center gp-justify-between gp-border-b",children:[jsxRuntime.jsx("button",{onClick:e=>{e.preventDefault(),e.stopPropagation(),u(!1)},className:"gp-relative gp-z-1 gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",children:jsxRuntime.jsx(ChevronLeft.default,{className:"gp-w-5"})}),jsxRuntime.jsx("div",{"aria-hidden":!0,onClick:e=>{e.preventDefault(),e.stopPropagation(),u(!1)},className:"gp-absolute gp-inset-0 gp-flex gp-items-center gp-justify-center",children:jsxRuntime.jsx("span",{className:"gp-font-semibold",children:d.title})}),jsxRuntime.jsx("button",{onClick:i,"aria-label":"Close menu",className:"gp-relative gp-z-1 gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",style:{...core.getGlobalColorStateStyle("c",r)},children:jsxRuntime.jsx(Dismiss.default,{className:"gp-w-5"})})]}),jsxRuntime.jsx("ul",{className:core.cls("gp-flex gp-flex-col"),children:d?.childrens?.map(e=>jsxRuntime.jsx(MenuMobileItem,{id:e,menu:t,depth:n+1,maxDepth:a,arrow:s,menuBg:l,menuTextColor:r},e))})]})})]})};exports.default=MenuMobileItem;

package/dist/cjs/header/components/kind/basic/MobileMenu.js

@@ -1,157 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var React = require('react');
-var reactTransitionGroup = require('react-transition-group');
-var useBodyOverlay = require('../../../hooks/use-body-overlay.js');
-var Dismiss = require('../../icons/Dismiss.js');
-var MenuIcon = require('../../icons/MenuIcon.js');
-var MenuMobileItem = require('./MenuMobileItem.js');
-
-const duration = 300;
-const defaultStyle = {
-    transitionDuration: `${duration}ms`,
-    opacity: 0
-};
-const transitionStyles = {
-    entering: {
-        opacity: 1,
-        transform: 'translateX(0)'
-    },
-    entered: {
-        opacity: 1,
-        transform: 'translateX(0)'
-    },
-    exiting: {
-        opacity: 0,
-        transform: 'translateX(-50px)'
-    },
-    exited: {
-        opacity: 0,
-        transform: 'translateX(-50px)'
-    },
-    unmounted: {
-        opacity: 0
-    }
-};
-const overlayTransitionStyles = {
-    entering: {
-        opacity: 1
-    },
-    entered: {
-        opacity: 1
-    },
-    exiting: {
-        opacity: 0
-    },
-    exited: {
-        opacity: 0
-    },
-    unmounted: {
-        opacity: 0
-    }
-};
-const MobileMenu = ({ menu, typography, typo, arrow, menuTextColor, menuBg, textColor, className })=>{
-    const mode = core.useEditorMode();
-    const [isOpen, setIsOpen] = React.useState(false);
-    const nodeRef = React.useRef(null);
-    const wrap = React.useRef(null);
-    const rootMenu = menu?.ROOT;
-    useBodyOverlay.useBodyOverlay(isOpen);
-    const toggleModal = (open)=>{
-        if (mode === 'edit') return;
-        setIsOpen(open);
-    };
-    const appendTypoClass = core.composeTypographyClassName(typo, typography);
-    const appendTypoStyle = core.composeTypographyStyle(typo, typography);
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        ref: wrap,
-        className: core.cls('gp-relative gp-z-5 gp-h-full gp-items-center gp-justify-center', className),
-        children: [
-            /*#__PURE__*/ jsxRuntime.jsx("button", {
-                "aria-label": "Menu",
-                onClick: ()=>{
-                    toggleModal(true);
-                },
-                style: {
-                    ...core.getGlobalColorStateStyle('c', textColor)
-                },
-                children: /*#__PURE__*/ jsxRuntime.jsx(MenuIcon.default, {
-                    className: "gp-w-8"
-                })
-            }),
-            /*#__PURE__*/ jsxRuntime.jsx(reactTransitionGroup.Transition, {
-                in: isOpen,
-                timeout: duration,
-                nodeRef: nodeRef,
-                unmountOnExit: false,
-                children: (state)=>/*#__PURE__*/ jsxRuntime.jsxs("div", {
-                        className: core.cls('gp-fixed gp-inset-0 gp-z-[999] gp-overflow-hidden', {
-                            invisible: !isOpen
-                        }),
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                "aria-hidden": true,
-                                "aria-label": "Overlay",
-                                onClick: ()=>{
-                                    toggleModal(false);
-                                },
-                                className: "gp-fixed gp-inset-0 gp-z-[999] gp-bg-slate-600/40",
-                                style: {
-                                    ...defaultStyle,
-                                    ...overlayTransitionStyles[state]
-                                }
-                            }),
-                            /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                                className: "gp-relative gp-inset-0 gp-z-[9999] gp-h-full gp-w-full gp-max-w-[400px] gp-overflow-hidden",
-                                style: {
-                                    ...defaultStyle,
-                                    ...transitionStyles[state],
-                                    ...core.getGlobalColorResponsiveStyle('bgc', menuBg)
-                                },
-                                children: [
-                                    /*#__PURE__*/ jsxRuntime.jsx("div", {
-                                        className: "gp-flex gp-h-10 gp-items-center gp-border-b gp-pl-4",
-                                        children: /*#__PURE__*/ jsxRuntime.jsx("button", {
-                                            onClick: ()=>toggleModal(false),
-                                            className: "gp-ml-auto gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",
-                                            style: {
-                                                ...core.getGlobalColorStateStyle('c', menuTextColor)
-                                            },
-                                            children: /*#__PURE__*/ jsxRuntime.jsx(Dismiss.default, {
-                                                className: "gp-w-5"
-                                            })
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsxRuntime.jsx("ul", {
-                                        role: "menu",
-                                        className: core.cls('gp-w-full scrollbar:!gp-h-1.5 scrollbar:!gp-w-1.5 scrollbar:gp-bg-transparent scrollbar-track:!gp-rounded scrollbar-track:!gp-bg-slate-100 scrollbar-thumb:!gp-rounded scrollbar-thumb:!gp-bg-slate-300', appendTypoClass),
-                                        ref: nodeRef,
-                                        style: {
-                                            ...appendTypoStyle,
-                                            ...core.getGlobalColorResponsiveStyle('bgc', menuBg)
-                                        },
-                                        children: rootMenu?.childrens?.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(MenuMobileItem.default, {
-                                                id: id,
-                                                menu: menu,
-                                                arrow: arrow,
-                                                depth: 0,
-                                                maxDepth: 2,
-                                                menuBg: menuBg,
-                                                menuTextColor: menuTextColor,
-                                                closeMenu: ()=>toggleModal(false)
-                                            }, id))
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-            })
-        ]
-    });
-};
-
-exports.default = MobileMenu;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),React=require("react"),reactTransitionGroup=require("react-transition-group"),useBodyOverlay=require("../../../hooks/useBodyOverlay.js"),Dismiss=require("../../icons/Dismiss.js"),MenuIcon=require("../../icons/MenuIcon.js"),MenuMobileItem=require("./MenuMobileItem.js");const duration=300,defaultStyle={transitionDuration:"300ms",opacity:0},transitionStyles={entering:{opacity:1,transform:"translateX(0)"},entered:{opacity:1,transform:"translateX(0)"},exiting:{opacity:0,transform:"translateX(-50px)"},exited:{opacity:0,transform:"translateX(-50px)"},unmounted:{opacity:0}},overlayTransitionStyles={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}},MobileMenu=({menu:e,typography:t,typo:s,arrow:r,menuTextColor:l,menuBg:i,textColor:a,className:n,itemEnableHoverEffect:o})=>{let u=core.useEditorMode(),[c,p]=React.useState(!1),g=React.useRef(null),d=React.useRef(null),m=e?.ROOT;useBodyOverlay.useBodyOverlay(c);let y=e=>{"edit"!==u&&p(e)},x=core.composeTypographyClassName(s,t);return jsxRuntime.jsxs("div",{ref:d,className:core.cls("gp-relative gp-z-5 gp-h-full gp-items-center gp-justify-center",n),children:[jsxRuntime.jsx("button",{"aria-label":"Menu",onClick:()=>{y(!0)},style:{...core.getGlobalColorStateStyle("c",a)},children:jsxRuntime.jsx(MenuIcon.default,{className:"gp-w-8"})}),jsxRuntime.jsx(reactTransitionGroup.Transition,{in:c,timeout:300,nodeRef:g,unmountOnExit:!1,children:a=>jsxRuntime.jsxs("div",{className:"gp-fixed gp-inset-0 gp-z-[999] gp-overflow-hidden",style:{pointerEvents:c?"auto":"none",visibility:c?"visible":"hidden"},children:[jsxRuntime.jsx("div",{"aria-hidden":!0,"aria-label":"Overlay",onClick:()=>{y(!1)},className:"gp-fixed gp-inset-0 gp-z-[999] gp-bg-slate-600/40",style:{...defaultStyle,...overlayTransitionStyles[a]}}),jsxRuntime.jsxs("div",{className:"gp-relative gp-inset-0 gp-z-[9999] gp-h-full gp-w-full gp-max-w-[400px] gp-overflow-hidden",style:{...defaultStyle,...transitionStyles[a],...core.getGlobalColorResponsiveStyle("bgc",i)},children:[jsxRuntime.jsx("div",{className:"gp-flex gp-h-10 gp-items-center gp-border-b gp-pl-4",children:jsxRuntime.jsx("button",{onClick:()=>y(!1),className:"gp-ml-auto gp-flex gp-aspect-square gp-h-full gp-items-center gp-justify-center",style:{...core.getGlobalColorStateStyle("c",l)},children:jsxRuntime.jsx(Dismiss.default,{className:"gp-w-5"})})}),jsxRuntime.jsx("ul",{role:"menu",className:core.cls("gp-w-full scrollbar:!gp-h-1.5 scrollbar:!gp-w-1.5 scrollbar:gp-bg-transparent scrollbar-track:!gp-rounded scrollbar-track:!gp-bg-slate-100 scrollbar-thumb:!gp-rounded scrollbar-thumb:!gp-bg-slate-300",x),ref:g,style:{...core.getGlobalColorResponsiveStyle("bgc",i)},children:m?.childrens?.map(a=>jsxRuntime.jsx(MenuMobileItem.default,{id:a,menu:e,arrow:r,depth:0,maxDepth:2,menuBg:i,menuTextColor:l,closeMenu:()=>y(!1),typo:s,typography:t,enableHoverEffect:o},a))})]})]})})]})};exports.default=MobileMenu;

package/dist/cjs/header/components/kind/basic/index.js

@@ -1,109 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-var dynamic = require('next/dynamic');
-require('react');
-var Cart = require('../../../../cart/components/Cart.js');
-require('next/head');
-var Image = require('../../../../image/components/Image.js');
-require('next/image');
-require('../../../../cart/components/ShopPayButton/index.js');
-var CheckoutNow = require('../../../../cart/components/CheckoutNow.js');
-
-const MobileMenu = dynamic(()=>Promise.resolve().then(function () { return require('./MobileMenu.js'); }));
-const DesktopMenu = dynamic(()=>Promise.resolve().then(function () { return require('./DesktopMenu.js'); }));
-const BasicHeader = ({ btnBgColor, btnBorder, btnRounded, btnSpacing, btnTextColor, btnTypography, btnType, btnWidth, openMode, buyNow, breakpoint, ...props })=>{
-    const hasMenu = !!props.menu?.ROOT.childrens?.length;
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        className: "gp-relative gp-z-50 gp-flex gp-items-center gp-px-4",
-        style: core.makeStyleResponsive('h', props.height),
-        children: [
-            hasMenu ? /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsx(MobileMenu, {
-                        ...props,
-                        className: core.cls({
-                            'gp-flex': breakpoint === 'desktop',
-                            'gp-hidden tablet:gp-flex': breakpoint === 'tablet',
-                            'gp-hidden mobile:gp-flex': breakpoint === 'mobile'
-                        })
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx(DesktopMenu, {
-                        ...props,
-                        className: core.cls({
-                            '!gp-hidden': breakpoint === 'desktop',
-                            'tablet:!gp-hidden': breakpoint === 'tablet',
-                            'mobile:!gp-hidden': breakpoint === 'mobile'
-                        })
-                    })
-                ]
-            }) : null,
-            !!props.logo && /*#__PURE__*/ jsxRuntime.jsx("div", {
-                className: core.cls({
-                    'gp-justify-center': breakpoint === 'desktop' && hasMenu,
-                    'tablet:gp-justify-center': breakpoint === 'tablet' && hasMenu,
-                    'mobile:gp-justify-center': breakpoint === 'mobile' && hasMenu,
-                    'gp-order-[-1]': breakpoint === 'tablet' || breakpoint === 'mobile',
-                    'gp-absolute gp-inset-0 gp-flex gp-items-center': breakpoint === 'desktop',
-                    'tablet:gp-absolute tablet:gp-inset-0 tablet:gp-flex tablet:gp-items-center': breakpoint === 'tablet',
-                    'mobile:gp-absolute mobile:gp-inset-0 mobile:gp-flex mobile:gp-items-center': breakpoint === 'mobile'
-                }),
-                children: /*#__PURE__*/ jsxRuntime.jsx(Image.default, {
-                    style: core.makeStyleResponsive('maxh', props.height),
-                    setting: {
-                        srcSet: props.logo,
-                        alt: 'Logo',
-                        quality: 100,
-                        isAdaptive: true
-                    },
-                    styles: {
-                        customAspectRadio: props.customAspectRadio,
-                        aspectRatio: props.logoAspectRatio,
-                        width: props.logoWidth,
-                        objectFit: props.layout,
-                        opacity: {
-                            normal: 0,
-                            hover: 0
-                        }
-                    }
-                })
-            }),
-            /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                className: "gp-ml-auto gp-flex gp-items-center gp-gap-4 gp-pr-4",
-                children: [
-                    buyNow && /*#__PURE__*/ jsxRuntime.jsx(CheckoutNow.default, {
-                        className: "mobile:gp-hidden",
-                        setting: {
-                            label: 'Buy Now',
-                            openMode
-                        },
-                        styles: {
-                            backgroundColor: btnBgColor,
-                            borderBtn: btnBorder,
-                            roundedBtn: btnRounded,
-                            btnSpacing,
-                            textColor: btnTextColor,
-                            typography: btnTypography,
-                            type: btnType,
-                            width: btnWidth
-                        }
-                    }),
-                    /*#__PURE__*/ jsxRuntime.jsx(Cart.default, {
-                        setting: {
-                            iconOnly: true,
-                            svgIcon: props.cartIcon
-                        },
-                        styles: {
-                            iconColor: props.cartIconColor
-                        }
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-exports.default = BasicHeader;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),dynamic=require("next/dynamic"),Cart=require("../../../../cart/components/Cart.js");require("react"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube");var Image=require("../../../../image/components/Image.js");require("../../../../cart/components/shop-pay-button/ShopPayButton.js");var CheckoutNow=require("../../../../cart/components/CheckoutNow.js");const MobileMenu=dynamic(()=>Promise.resolve().then(function(){return require("./MobileMenu.js")})),DesktopMenu=dynamic(()=>Promise.resolve().then(function(){return require("./DesktopMenu.js")})),BasicHeader=({btnBgColor:e,btnBorder:t,btnRounded:s,btnSpacing:r,btnTextColor:o,btnTypography:i,btnType:n,btnWidth:l,openMode:a,buyNow:c,breakpoint:u,...p})=>{let m=!!p.menu?.ROOT.childrens?.length;return jsxRuntime.jsxs("div",{className:"gp-relative gp-z-50 gp-flex gp-items-center gp-px-4 gp-justify-between",style:core.makeStyleResponsive("h",p.height),children:[m?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(MobileMenu,{...p,className:core.cls({"gp-flex":"desktop"===u,"gp-hidden tablet:gp-flex":"tablet"===u,"gp-hidden mobile:gp-flex":"mobile"===u})}),jsxRuntime.jsx(DesktopMenu,{...p,className:core.cls({"!gp-hidden":"desktop"===u,"tablet:!gp-hidden":"tablet"===u,"mobile:!gp-hidden":"mobile"===u})})]}):null,!!p.logo&&jsxRuntime.jsx("div",{className:core.cls({"gp-justify-center":"desktop"===u&&m,"tablet:gp-justify-center":"tablet"===u&&m,"mobile:gp-justify-center":"mobile"===u&&m,"gp-flex gp-items-center":"desktop"===u,"tablet:gp-flex tablet:gp-items-center":"tablet"===u,"mobile:gp-flex mobile:gp-items-center":"mobile"===u,"gp-order-first":"desktop"!==u,"mobile:gp-order-[0]":!0,"tablet:gp-order-[0]":"tablet"===u}),children:jsxRuntime.jsx(Image.default,{style:core.makeStyleResponsive("maxh",p.height),setting:{srcSet:p.logo,alt:"Logo",quality:100,isAdaptive:!0},styles:{customAspectRadio:p.customAspectRadio,aspectRatio:p.logoAspectRatio,width:p.logoWidth,objectFit:p.layout,opacity:{normal:0,hover:0}}})}),jsxRuntime.jsxs("div",{className:"gp-flex gp-items-center gp-gap-4",children:[c&&jsxRuntime.jsx(CheckoutNow.default,{className:"mobile:gp-hidden",setting:{label:"Buy Now",openMode:a},styles:{backgroundColor:e,borderBtn:t,roundedBtn:s,btnSpacing:r,textColor:o,typography:i,type:n,width:l}}),jsxRuntime.jsx(Cart.default,{setting:{iconOnly:!0,svgIcon:p.cartIcon,enableHoverEffect:p.cardEnableHoverEffect??!0},styles:{iconColor:p.cartIconColor}})]})]})};exports.default=BasicHeader;

package/dist/cjs/header/components/kind/modern/index.js

@@ -1,33 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@gem-sdk/core');
-require('react');
-var Cart = require('../../../../cart/components/Cart.js');
-require('next/head');
-require('next/link');
-require('../../../../image/components/AdaptiveImage.js');
-require('next/image');
-require('../../../../cart/components/ShopPayButton/index.js');
-
-const ModernHeader = (props)=>{
-    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
-        className: "gp-relative gp-flex gp-items-center gp-px-4",
-        style: core.makeStyleResponsive('h', props.height),
-        children: [
-            "Comming Soon",
-            /*#__PURE__*/ jsxRuntime.jsx("div", {
-                className: "gp-ml-auto gp-flex gp-items-center gp-pr-4",
-                children: /*#__PURE__*/ jsxRuntime.jsx(Cart.default, {
-                    setting: {
-                        iconOnly: true
-                    }
-                })
-            })
-        ]
-    });
-};
-
-exports.default = ModernHeader;
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),Cart=require("../../../../cart/components/Cart.js");require("react");var core=require("@gem-sdk/core");require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../../../../image/components/AdaptiveImage.js"),require("../../../../cart/components/shop-pay-button/ShopPayButton.js");const ModernHeader=e=>jsxRuntime.jsxs("div",{className:"gp-relative gp-flex gp-items-center gp-px-4",style:core.makeStyleResponsive("h",e.height),children:["Coming Soon",jsxRuntime.jsx("div",{className:"gp-ml-auto gp-flex gp-items-center gp-pr-4",children:jsxRuntime.jsx(Cart.default,{setting:{iconOnly:!0,enableHoverEffect:e.cardEnableHoverEffect??!0}})})]});exports.default=ModernHeader;

package/dist/cjs/header/hooks/useBodyOverlay.js

@@ -0,0 +1 @@
+"use strict";var React=require("react");const useBodyOverlay=e=>{React.useEffect(()=>{let t=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10),d=window.innerWidth-document.documentElement.clientWidth;e?(document.body.style.overflow="hidden",document.body.style.paddingRight=`${t+d}px`):(document.body.style.overflow="",document.body.style.paddingRight="")},[e])};exports.useBodyOverlay=useBodyOverlay;

package/dist/cjs/header/index.js

@@ -0,0 +1 @@
+"use strict";var Header=require("./components/Header.js"),index=require("./components/kind/basic/index.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("next/head"),require("next/image"),require("@gem-sdk/system"),require("next/link"),require("react-youtube"),require("../image/components/AdaptiveImage.js"),require("../cart/components/shop-pay-button/ShopPayButton.js"),require("react-transition-group");var Header$1=require("./settings/Header.js");const headerSetting={Header:Header$1.default};exports.Header=Header.default,exports.BasicHeader=index.default,exports.headerSetting=headerSetting;

package/dist/cjs/header/next.js

@@ -1,16 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dynamic = require('next/dynamic');
-var Loading = require('../common/components/Loading.js');
-require('react/jsx-runtime');
-
-const Header = dynamic(()=>Promise.resolve().then(function () { return require('./components/Header.js'); }), {
-    loading: Loading.default
-});
-var header = {
-    Header
-};
-
-exports.default = header;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const Header=dynamic(()=>Promise.resolve().then(function(){return require("./components/Header.js")}),{loading:Loading.default});var header={Header};exports.default=header;

package/dist/cjs/header/settings/Header.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var uiV1=require("./configs/ui-v1.js"),presets=require("./configs/presets.js"),uiV2=require("./configs/ui-v2.js"),settings=require("./configs/settings.js");const config={tag:"Header",label:"Header",icon:`
+  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.875 17.7183H8.625V26.3325H5.875V17.7183Z" fill="currentColor"/>
+    <path d="M31.375 17.7183H34.125V26.3325H31.375V17.7183Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 6.71826V14.9683H34.75V6.71826H5.25ZM3.75 3.96826C3.05964 3.96826 2.5 4.52791 2.5 5.21826V16.4683C2.5 17.1586 3.05964 17.7183 3.75 17.7183H36.25C36.9404 17.7183 37.5 17.1586 37.5 16.4683V5.21826C37.5 4.52791 36.9404 3.96826 36.25 3.96826H3.75Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M31.3754 29.0825H8.625V33.2821H31.3754V29.0825ZM5.875 26.3325V34.7821C5.875 35.4724 6.43464 36.0321 7.125 36.0321H32.8754C33.5658 36.0321 34.1254 35.4724 34.1254 34.7821V26.3325H5.875Z" fill="currentColor"/>
+  </svg>
+  `,settings:settings.HeaderSettings,editorConfigs:{toolbar:{parent:!0}},ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,presets:presets.HeaderPreset};exports.default=config;

package/dist/cjs/header/settings/configs/presets.js

@@ -0,0 +1,7 @@
+"use strict";const HeaderPreset=[{id:"instant-header",name:{en:"Header"},icon:{desktop:`
+      <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M5.875 17.7183H8.625V26.3325H5.875V17.7183Z" fill="#D6D6D6"/>
+        <path d="M31.375 17.7183H34.125V26.3325H31.375V17.7183Z" fill="#D6D6D6"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 6.71826V14.9683H34.75V6.71826H5.25ZM3.75 3.96826C3.05964 3.96826 2.5 4.52791 2.5 5.21826V16.4683C2.5 17.1586 3.05964 17.7183 3.75 17.7183H36.25C36.9404 17.7183 37.5 17.1586 37.5 16.4683V5.21826C37.5 4.52791 36.9404 3.96826 36.25 3.96826H3.75Z" fill="#D6D6D6"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M31.3754 29.0825H8.625V33.2821H31.3754V29.0825ZM5.875 26.3325V34.7821C5.875 35.4724 6.43464 36.0321 7.125 36.0321H32.8754C33.5658 36.0321 34.1254 35.4724 34.1254 34.7821V26.3325H5.875Z" fill="#D6D6D6"/>
+      </svg>`},components:[{tag:"Header"}]}];exports.HeaderPreset=HeaderPreset;

package/dist/cjs/header/settings/configs/settings.js

@@ -0,0 +1,4 @@
+"use strict";const HeaderSettings=[{id:"setting",controls:[{id:"breakpoint",label:"Breakpoint",type:"select",hideOnMode:{mobileOnly:!0},options:[{label:"From desktop and smaller",subTitle:"Display menu icon for desktop, tablet and mobile",value:"desktop"},{label:"From tablet and smaller",subTitle:"Display menu icon for tablet and mobile",value:"tablet"},{label:"Only mobile",subTitle:"Display menu icon for only mobile",value:"mobile"}],default:"mobile"},{id:"itemEnableHoverEffect",type:"toggle",default:!1},{id:"enableDropdownHoverEffect",type:"toggle",default:!1},{id:"cardEnableHoverEffect",type:"toggle",default:!1},{id:"menu",label:"Menu",type:"menu",default:{ROOT:{id:"ROOT",title:"Root",childrens:["1","2","3"]},1:{id:"1",title:"Menu 1",link:"",childrens:["13","14"]},2:{id:"2",title:"Menu 2",link:"",childrens:["6","7","8"]},6:{id:"6",title:"Sub Menu 2.1",childrens:[]},7:{id:"7",title:"Sub Menu 2.2",childrens:["10","11"]},8:{id:"8",title:"Sub Menu 2.3",childrens:["12"]},9:{id:"9",title:"Sub Menu 2.4",childrens:[]},10:{id:"10",title:"Sub Menu 2.2.1",childrens:[]},11:{id:"11",title:"Sub Menu 2.2.2",childrens:[]},12:{id:"12",title:"Sub Menu 2.3.1",childrens:[]},3:{id:"3",title:"Menu 3",link:"",childrens:[]},13:{id:"13",title:"Sub Menu 1.1",link:"",childrens:[]},14:{id:"14",title:"Sub Menu 1.2",link:"",childrens:[]}}},{type:"group",label:"Logo",id:"logo-group",controls:[{id:"logo",label:"Logo",type:"image-select",devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:800,height:533}}}},{id:"logoAspectRatio",type:"select",label:"Aspect Ratio",options:[{label:"Auto",value:"auto"},{label:"1:1",value:"1"},{label:"3:2",value:"3/2"},{label:"4:3",value:"4/3"},{label:"16:9",value:"16/9"},{label:"21:9",value:"21/9"},{label:"2:3",value:"2/3"},{label:"3:4",value:"3/4"},{label:"9:16",value:"9/16"},{label:"Custom",value:"custom"}],devices:{desktop:{default:"auto"}}},{id:"customAspectRadio",type:"ratio",min:1,devices:{desktop:{default:{width:"1",height:"1"}}},hide:!0},{id:"layout",type:"select",label:"Object Fit",options:[{label:"Fill",value:"fill"},{label:"Cover",value:"cover"},{label:"Contain",value:"contain"},{label:"None",value:"none"},{label:"Scale down",value:"scale-down"}],devices:{desktop:{default:"contain"}}},{id:"logoWidth",label:"Width",type:"input:unit",units:["px","%"],devices:{desktop:{default:"80px"}}}]},{id:"arrow",label:"Arrow Icon",type:"icon",default:`<svg data-name="chevron down" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.57576 6.77583C4.81007 6.54152 5.18997 6.54152 5.42429 6.77583L8.20002 9.55157L10.9758 6.77583C11.2101 6.54152 11.59 6.54152 11.8243 6.77583C12.0586 7.01015 12.0586 7.39005 11.8243 7.62436L8.62429 10.8244C8.38997 11.0587 8.01007 11.0587 7.77576 10.8244L4.57576 7.62436C4.34145 7.39005 4.34145 7.01015 4.57576 6.77583Z" fill="currentColor"/>
+</svg>
+`},{id:"cart-setting",type:"group",label:"Cart Setting",controls:[{id:"cartIcon",label:"Cart Icon",type:"icon",default:'<svg data-name="cart" width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path></svg>'}]}]},{id:"style",controls:[{id:"height",label:"Height",type:"input:unit",units:["px"],devices:{desktop:{default:"60px"}}},{id:"typography",label:"Typography",type:"typography",default:{type:"paragraph-1"}},{id:"typo",label:"Text styles",type:"typography-v2",default:{type:"paragraph-1"},hiddenSetting:{textAlign:!0,textShadow:!0},ignoreReRender:!0},{id:"background-group",label:"Background",type:"group",controls:[{id:"headerBg",type:"color-picker-v2",label:"Header",devices:{desktop:{default:"#FFFFFF"}}},{id:"menuBg",type:"color-picker-v2",label:"Menu",info:"Dropdown and collapse menu background color",compoDefaultValue:{desktop:{default:"#FFFFFF"}},devices:{desktop:{default:"#FFFFFF"}}}]},{id:"color-state",type:"behavior-state",controls:[{id:"textColor",label:"Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-2"}},{id:"menuTextColor",label:"Menu Text Color",type:"color-picker-v2",state:{normal:!0,hover:!0},compoDefaultValue:{normal:"text-1",hover:"text-2"},default:{normal:"text-1"}},{id:"cartIconColor",type:"color-picker-v2",label:"Cart Icon Color",state:{normal:!0,hover:!0},default:{normal:"text-1"},compoDefaultValue:{hover:"text-2"}}]}]}];exports.HeaderSettings=HeaderSettings;

package/dist/cjs/header/settings/configs/ui-v1.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV1=[{type:"control",label:{en:"Breakpoint"},setting:{id:"breakpoint"}},{type:"control",label:{en:"Menu"},setting:{id:"menu"}},{type:"group",label:{en:"Logo"},controls:[{type:"control",label:{en:"Logo"},layout:"vertical",setting:{id:"logo"}},{type:"control",label:{en:"Aspect Ratio"},setting:{id:"logoAspectRatio"}},{type:"control",condition:'logoAspectRatio == "custom"',setting:{id:"customAspectRadio"}},{type:"control",label:{en:"Object Fit"},setting:{id:"layout"}},{type:"control",label:{en:"Width"},setting:{id:"logoWidth"}}]},{type:"group",label:{en:"Arrow Icon"},controls:[{type:"control",setting:{id:"arrow"},layout:"vertical"}]},{type:"group",label:{en:"Cart Setting"},controls:[{type:"control",setting:{id:"cartIcon"},layout:"vertical"}]},{label:{en:"Height"},type:"control",setting:{id:"height"}},{type:"group",label:{en:"Text"},controls:[{type:"control",layout:"vertical",setting:{id:"typo"}}]},{type:"group",label:{en:"Background"},controls:[{type:"control",label:{en:"Header"},setting:{id:"headerBg"}},{type:"control",label:{en:"Menu"},setting:{id:"menuBg"}}]},{type:"group",label:{en:"Interaction states"},controls:[{type:"tab",controls:[{type:"group",label:{en:"Normal"},controls:[{type:"control",label:{en:"Text Color"},setting:{id:"textColor",state:"normal"}},{type:"control",label:{en:"Menu Text Color"},setting:{id:"menuTextColor",state:"normal"}},{type:"control",label:{en:"Cart Icon Color"},setting:{id:"cartIconColor",state:"normal"}}]},{type:"group",label:{en:"Hover"},controls:[{type:"control",label:{en:"Text Color"},setting:{id:"textColor",state:"hover"}},{type:"control",label:{en:"Menu Text Color"},setting:{id:"menuTextColor",state:"hover"}},{type:"control",label:{en:"Cart Icon Color"},setting:{id:"cartIconColor",state:"hover"}}]}]}]}];exports.SettingUIV1=SettingUIV1;

package/dist/cjs/header/settings/configs/ui-v2.js

@@ -0,0 +1 @@
+"use strict";const SettingUIV2=[{label:{en:"Logo"},controls:[{label:{en:"Image"},type:"combo",getValueFromSettingID:"logo.src",comboType:"image",isHideClear:!0,popoverLabel:{en:"Image"},controls:[{type:"control",label:{en:"Source"},layout:"vertical",options:{labelVariant:"primary"},setting:{id:"logo"}},{type:"control",label:{en:"Aspect Ratio"},setting:{id:"logoAspectRatio"}},{type:"control",conditionDisplay:'logoAspectRatio == "custom"',setting:{id:"customAspectRadio"}},{type:"control",label:{en:"Object Fit"},setting:{id:"layout"}}]},{id:"Width",label:{en:"Width"},setting:{id:"logoWidth"},layout:"horizontal"}]},{label:{en:"Menu management"},controls:[{id:"menu",label:{en:"Order"},setting:{id:"menu"}}]},{label:{en:"Menu item style"},controls:[{label:{en:"Text style"},type:"combo",iconName:"polaris-text-title",getValueFromSettingID:"typo.type",isTypoValue:!0,isHideClear:!0,controls:[{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Icon"},setting:{id:"arrow"}},{label:{en:"Hover"},type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",setting:{id:"itemEnableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{label:{en:"Dropdown"},type:"combo",iconName:"polaris-status-active",fixedValue:"Styled",isHideClear:!0,help:{content:"Dropdown menu appears when hovering on a menu item"},popoverLabel:{en:"Dropdown menu"},controls:[{label:{en:"Text color"},popoverLabel:{en:"Text color"},setting:{id:"menuTextColor",state:"normal"}},{label:{en:"Background"},popoverLabel:{en:"Background"},setting:{id:"menuBg"}},{label:{en:"Hover"},type:"combo",fixedValue:"Styled",state:"hover",iconName:"polaris-check-hover",setting:{id:"enableDropdownHoverEffect"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Text color"},setting:{id:"menuTextColor",state:"hover"}}]}]}]},{label:{en:"Cart"},controls:[{label:{en:"Icon"},setting:{id:"cartIcon"}},{label:{en:"Icon color"},setting:{id:"cartIconColor",state:"normal"}},{label:{en:"Hover"},type:"combo",state:"hover",iconName:"polaris-check-hover",fixedValue:"Styled",setting:{id:"cardEnableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Icon color"},setting:{id:"cartIconColor",state:"hover"}}]}]},{label:{en:"Size"},controls:[{id:"height",label:{en:"Height"},setting:{id:"height"},controlConfig:{id:"height",type:"dropdown:input",units:["px"],displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding",cn:"填充",es:"Relleno"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"spacing-setting",field:"padding"}}}]},{label:{en:"Background"},controls:[{id:"headerBg",label:{en:"Color"},setting:{id:"headerBg"},layout:"horizontal"}]},{label:{en:"Shape"},controls:[{label:{en:"Border"},setting:{id:"border",state:"normal"}},{label:{en:"Corner"},setting:{id:"rounded",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadow",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadow",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadow.normal.enable === true",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!0}},{condition:"boxShadow.normal.enable === false",source:["boxShadow","hasBoxShadow"],action:{controlId:"hasBoxShadow",groupType:"advanced",controlType:"advanced",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Display condition"},controls:[{id:"breakpoint",label:{en:"Menu icon"},setting:{id:"breakpoint"}},{layout:"vertical",controlConfig:{id:"showMenuIconBanner",type:"banner",message:"The devices that will show menu icon.",closable:!0}}]}];exports.SettingUIV2=SettingUIV2;

package/dist/cjs/heading/components/Heading.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),Text=require("../../text/components/Text.js");const Heading=({setting:e={},styles:t={},builderAttrs:r,style:a,builderProps:s,advanced:u,children:n})=>{let c=React.useMemo(()=>{switch(e.htmlTag){case 1:return"h1";case 2:return"h2";case 3:return"h3";case 4:return"h4";case 5:return"h5";case 6:return"h6";default:return"div"}},[e.htmlTag]);return jsxRuntime.jsx(Text.default,{builderProps:s,builderAttrs:r,advanced:u,style:a,styles:t,setting:{text:e.text,htmlTag:c,globalSize:e.globalSize,background:e.background},children:n})};exports.default=Heading;

package/dist/cjs/heading/components/Heading.liquid.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var Text_liquid=require("../../text/components/Text.liquid.js");const Heading=({styles:e,builderAttrs:t,style:r,setting:a={},advanced:u,builderProps:n,isText:s,className:l,pageContext:i,...c})=>{let d=()=>{switch(a.htmlTag){case 1:return"h1";case 2:return"h2";case 3:return"h3";case 4:return"h4";case 5:return"h5";case 6:return"h6";default:return"div"}},o={htmlTag:d(),text:a.text,translate:a.translate,globalSize:a.globalSize,background:a.background};return Text_liquid.default({styles:e,builderAttrs:t,style:r,setting:o,advanced:u,builderProps:n,className:l,isText:s,pageContext:i,...c})};exports.default=Heading;

package/dist/cjs/heading/index.js

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime"),require("react"),require("@gem-sdk/core"),require("@gem-sdk/system"),require("next/link");var Heading$1=require("./settings/Heading.js");const headingSetting={Heading:Heading$1.default};exports.headingSetting=headingSetting;

package/dist/cjs/heading/next.js

@@ -1,16 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dynamic = require('next/dynamic');
-var Loading = require('../common/components/Loading.js');
-require('react/jsx-runtime');
-
-const Heading = dynamic(()=>Promise.resolve().then(function () { return require('./Heading.js'); }), {
-    loading: Loading.default
-});
-var heading = {
-    Heading
-};
-
-exports.default = heading;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var dynamic=require("next/dynamic"),Loading=require("../common/components/Loading.js");require("react/jsx-runtime"),require("react"),require("@gem-sdk/core");const Heading=dynamic(()=>Promise.resolve().then(function(){return require("./components/Heading.js")}),{loading:Loading.default});var heading={Heading};exports.default=heading;

package/dist/cjs/heading/settings/Heading.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var uiV2=require("./configs/ui-v2.js"),uiV1=require("./configs/ui-v1.js"),presets=require("./configs/presets.js"),settings=require("./configs/settings.js");const config={tag:"Heading",label:"Heading",icon:`
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M15.6 2.09659C15.6 1.7671 15.8518 1.5 16.1625 1.5H20.4375C20.7482 1.5 21 1.7671 21 2.09659V2.8125C21 3.14199 20.7482 3.40909 20.4375 3.40909H20.4172C20.2902 3.46746 20.1489 3.5 20 3.5H19.2051V20.5H20C20.1489 20.5 20.2902 20.5325 20.4172 20.5909H20.4375C20.7482 20.5909 21 20.858 21 21.1875V21.9034C21 22.2329 20.7482 22.5 20.4375 22.5H16.1625C15.8518 22.5 15.6 22.2329 15.6 21.9034V21.1875C15.6 20.858 15.8518 20.5909 16.1625 20.5909H16.1873C16.3143 20.5325 16.4556 20.5 16.6045 20.5H17.4V12H6.6V20.5H7.39551C7.54441 20.5 7.68571 20.5325 7.81268 20.5909H7.8375C8.14816 20.5909 8.4 20.858 8.4 21.1875V21.9034C8.4 22.2329 8.14816 22.5 7.8375 22.5H3.5625C3.25184 22.5 3 22.2329 3 21.9034V21.1875C3 20.858 3.25184 20.5909 3.5625 20.5909H3.58282C3.7098 20.5325 3.8511 20.5 4 20.5H4.79863L4.79863 3.5H4C3.8511 3.5 3.7098 3.46746 3.58282 3.40909H3.5625C3.25184 3.40909 3 3.14199 3 2.8125V2.09659C3 1.7671 3.25184 1.5 3.5625 1.5H7.8375C8.14816 1.5 8.4 1.7671 8.4 2.09659V2.8125C8.4 3.14199 8.14816 3.40909 7.8375 3.40909H7.81269C7.68571 3.46746 7.54441 3.5 7.39551 3.5H6.6V9.98779H17.4V3.5H16.6045C16.4556 3.5 16.3143 3.46746 16.1873 3.40909H16.1625C15.8518 3.40909 15.6 3.14199 15.6 2.8125V2.09659Z" fill="white"/>
+  </svg>
+  `,settings:settings.HeadingSettings,ui:uiV1.SettingUIV1,uiV2:uiV2.SettingUIV2,presets:presets.HeadingPreset,rootOverride:{styles:{align:{desktop:"center"}},settings:{globalSize:{desktop:{width:"default",padding:{type:"custom"},gap:""}}},advanced:{"spacing-setting":{desktop:{margin:{bottom:0}}}}}};exports.default=config;

package/dist/cjs/heading/settings/configs/presets.js

@@ -0,0 +1,3 @@
+"use strict";const HeadingPreset=[{id:"heading",name:{en:"Heading"},icon:{desktop:`<svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M0.609375 23V20.5938L3.09375 20.125V3.14062L0.609375 2.67188V0.25H9.51562V2.67188L7.03125 3.14062V10.2344H16.9844V3.14062L14.5 2.67188V0.25H16.9844H20.9062H23.3906V2.67188L20.9062 3.14062V20.125L23.3906 20.5938V23H14.5V20.5938L16.9844 20.125V13.2969H7.03125V20.125L9.51562 20.5938V23H0.609375Z" fill="#D6D6D6"/>
+        </svg>`},components:[{tag:"Heading",advanced:{"spacing-setting":{desktop:{margin:{bottom:"var(--g-s-l)"}}}}}]}];exports.HeadingPreset=HeadingPreset;