@gem-sdk/core 1.40.2 → 1.41.0-dev.14

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -30,6 +30,7 @@ const isSection = (el)=>{
 };
 const ComponentToolbarPreview = (props)=>{
     const isThemeSection = props.isThemeSection;
+    const isShopifySection = props.isShopifySection;
     const editingPageType = ShopContext.useShopStore((s)=>s.pageType);
     const getParents = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getParents);
     const root = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getItem('ROOT'));
@@ -175,7 +176,8 @@ const ComponentToolbarPreview = (props)=>{
             bubbles: true,
             detail: {
                 componentUid: props.uid,
-                isThemeSection: isThemeSection
+                isThemeSection,
+                isShopifySection
             }
         });
         window.dispatchEvent(event);
@@ -191,7 +193,8 @@ const ComponentToolbarPreview = (props)=>{
             bubbles: true,
             detail: {
                 componentUid: props.uid,
-                isThemeSection: isThemeSection
+                isThemeSection,
+                isShopifySection
             }
         });
         window.dispatchEvent(event);
@@ -240,6 +243,9 @@ const ComponentToolbarPreview = (props)=>{
         return false;
     };
     const getSectionName = ()=>{
+        if (isShopifySection) {
+            return `Shopify section: ${props.name}`;
+        }
         const checkRenamedSection = props.name && props.name === `Section ${props.uid}`;
         if (getSectionNumber() >= SECTION_LIMIT - 5) {
             return `${checkRenamedSection ? 'Section' : props?.name} ${getIndexSection() + 1}/${SECTION_LIMIT}`;
@@ -256,6 +262,7 @@ const ComponentToolbarPreview = (props)=>{
                 "data-toolbar": true,
                 "data-toolbar-section": props.tag == 'Section',
                 "data-toolbar-theme-section": props.tag == 'Section' && !!isThemeSection || isThemeSectionEditor,
+                "data-toolbar-shopify-section": props.tag == 'Section' && !!isShopifySection,
                 "data-toolbar-limit": getIndexSection() >= SECTION_LIMIT,
                 children: [
                     /*#__PURE__*/ jsxRuntime.jsxs("div", {
@@ -298,9 +305,39 @@ const ComponentToolbarPreview = (props)=>{
                                     ]
                                 })
                             }),
-                            props.tag == 'Section' ? /*#__PURE__*/ jsxRuntime.jsx("div", {
+                            props.tag == 'Section' ? /*#__PURE__*/ jsxRuntime.jsxs("div", {
                                 "data-toolbar-name": true,
-                                children: getSectionName()
+                                children: [
+                                    getSectionName(),
+                                    props.isShopifySection && !props.isShopifyVisibility && /*#__PURE__*/ jsxRuntime.jsxs("svg", {
+                                        "data-toolbar-visibility": true,
+                                        width: "20",
+                                        height: "20",
+                                        viewBox: "0 0 20 20",
+                                        fill: "none",
+                                        xmlns: "http://www.w3.org/2000/svg",
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx("path", {
+                                                fillRule: "evenodd",
+                                                clipRule: "evenodd",
+                                                d: "M13.1252 9.99773C13.1243 8.27226 11.7248 6.87423 9.99935 6.87506C8.27386 6.87561 6.87518 8.27455 6.87518 10.0001C6.87518 11.7259 8.27429 13.1251 10.0002 13.1251C11.7257 13.1251 13.125 11.727 13.1252 10.0011V9.99773ZM9.99985 8.12506C11.035 8.12451 11.8746 8.96322 11.8752 9.99839V10.0004C11.8752 11.0357 11.0359 11.8751 10.0002 11.8751C8.96465 11.8751 8.12518 11.0356 8.12518 10.0001C8.12518 8.96472 8.96451 8.12533 9.99985 8.12506Z",
+                                                fill: "#F9F9F9"
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx("path", {
+                                                fillRule: "evenodd",
+                                                clipRule: "evenodd",
+                                                d: "M9.99885 4.37593C5.66421 4.37604 2.80603 7.64523 1.79548 9.00983C1.35636 9.60279 1.35918 10.4 1.80012 10.9902C2.81706 12.3514 5.69374 15.6241 9.99886 15.6241C14.3806 15.6241 17.2194 12.3452 18.2168 10.9808C18.6473 10.392 18.6442 9.60472 18.211 9.01902C17.2056 7.65938 14.3429 4.37583 9.99885 4.37593ZM2.80002 9.75374C3.77049 8.44326 6.30207 5.62602 9.99888 5.62593C13.7041 5.62585 16.24 8.45598 17.206 9.76225C17.3146 9.9091 17.3149 10.0965 17.2077 10.2431C16.254 11.5477 13.7416 14.3741 9.99886 14.3741C6.33149 14.3741 3.78173 11.5541 2.80152 10.242C2.69021 10.0931 2.69001 9.90229 2.80002 9.75374Z",
+                                                fill: "#F9F9F9"
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx("path", {
+                                                fillRule: "evenodd",
+                                                clipRule: "evenodd",
+                                                d: "M18.0763 3.26988C18.3415 3.58809 18.2985 4.06101 17.9803 4.32619L2.98032 16.8262C2.66211 17.0914 2.18919 17.0484 1.92402 16.7302C1.65884 16.412 1.70184 15.939 2.02004 15.6739L17.02 3.17385C17.3383 2.90868 17.8112 2.95167 18.0763 3.26988Z",
+                                                fill: "#F9F9F9"
+                                            })
+                                        ]
+                                    })
+                                ]
                             }) : /*#__PURE__*/ jsxRuntime.jsx("div", {
                                 "data-toolbar-name": true,
                                 children: toolbarName()
@@ -380,7 +417,7 @@ const ComponentToolbarPreview = (props)=>{
                             ]
                         }, parent.uid);
                     }),
-                    props.tag === 'Section' && !props.isThemeSection && isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(CreateThemeSection.CreateThemeSection, {
+                    props.tag === 'Section' && !props.isThemeSection && isEnableCreateThemeSection() && !props.isShopifySection && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(CreateThemeSection.CreateThemeSection, {
                         ...props
                     }),
                     props.tag == 'Sticky' && /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -454,6 +491,7 @@ const ComponentToolbarPreview = (props)=>{
                 "data-outline": true,
                 "data-outline-section": props.tag == 'Section',
                 "data-outline-theme-section": props.tag == 'Section' && !!isThemeSection || isThemeSectionEditor,
+                "data-outline-shopify-section": props.tag == 'Section' && !!isShopifySection,
                 "data-outline-limit": getIndexSection() >= SECTION_LIMIT
             }, 'outline-' + props.uid),
             props.tag == 'Section' && !isThemeSectionEditor && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -16,6 +16,7 @@ require('swr/mutation');
 var shop = require('../hooks/shop.js');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
+var cls = require('../helpers/cls.js');
 require('../helpers/convert.js');
 
 const ComponentWrapperPreview = ({ children, ...props })=>{
@@ -41,6 +42,10 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
     if (props.tag === 'Section' && props.isThemeSection) {
         customProps['data-theme-section'] = true;
     }
+    if (props.tag === 'Section' && props.isShopifySection) {
+        customProps['data-shopify-section'] = true;
+        customProps['data-toolbar-wrap'] = true;
+    }
     // Build editor configs
     if (props.editorConfigs) {
         const editorConfigs = props.editorConfigs;
@@ -95,6 +100,40 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
         'data-component-label': props.label,
         'data-not-droppable': isNotDroppable(props.tag)
     };
+    const ShopifySection = ({ name, visibility })=>{
+        return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+            className: cls.cls('gp-flex gp-items-center gp-justify-center gp-gap-[8px] gp-bg-[#F4F4F4] gp-p-[16px] gp-border gp-border-[#D6D6D6]', {
+                'gp-opacity-60': !visibility
+            }),
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsxs("svg", {
+                    width: "24",
+                    height: "24",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx("path", {
+                            d: "M19.1475 5.16194C19.1416 5.1148 19.1197 5.0713 19.0857 5.03911C19.0516 5.00692 19.0076 4.9881 18.9614 4.98597C18.8835 4.98597 17.3469 4.95397 17.3469 4.95397C17.3469 4.95397 16.0588 3.67419 15.9342 3.5311C15.8104 3.40312 15.5619 3.43512 15.4684 3.46711L14.8166 3.67508C14.7361 3.40491 14.6323 3.14259 14.5067 2.89121C14.0566 1.99536 13.3727 1.51544 12.5659 1.51544C12.5044 1.51544 12.4577 1.51544 12.3954 1.53144C12.3642 1.49945 12.3486 1.46745 12.3175 1.45145C11.9608 1.06752 11.5107 0.875552 10.967 0.891549C9.92824 0.923543 8.88772 1.70741 8.03419 3.08318C7.44467 4.05901 6.99453 5.27392 6.8543 6.21776C5.65969 6.6017 4.82087 6.87365 4.79057 6.87365C4.18461 7.06562 4.16903 7.08161 4.09199 7.67351C4.06082 8.12144 2.47754 20.7415 2.47754 20.7415L15.7636 23.1091L21.522 21.6374C21.5064 21.6374 19.1631 5.27392 19.1475 5.16194ZM14.1492 3.89904C13.8062 4.00572 13.4648 4.11772 13.1251 4.23498C13.1251 3.69108 13.0472 2.92321 12.8143 2.28331C13.6064 2.41129 13.9942 3.33914 14.1492 3.89904ZM12.4265 4.44206C11.7279 4.66602 10.9679 4.90598 10.207 5.14594C10.4243 4.29808 10.8277 3.46623 11.3245 2.90632C11.533 2.66965 11.7863 2.47913 12.069 2.34641C12.3806 2.9712 12.4421 3.85105 12.4265 4.44206ZM10.9982 1.61143C11.2466 1.61143 11.4483 1.65942 11.6197 1.7874C11.3127 1.95192 11.0387 2.17444 10.8121 2.44329C10.1455 3.17916 9.63305 4.31408 9.43135 5.4179C8.79423 5.62586 8.17356 5.81783 7.61521 5.9938C7.98744 4.25009 9.39933 1.65942 10.9982 1.61143Z",
+                            fill: "#95BF47"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx("path", {
+                            d: "M18.9647 4.94709C18.8851 4.94709 17.3155 4.91503 17.3155 4.91503C17.3155 4.91503 15.9981 3.63242 15.8716 3.48812C15.8261 3.43951 15.7635 3.41074 15.6973 3.40796V23.1094L21.5828 21.6344L19.1709 5.12345C19.1399 5.01122 19.0444 4.94709 18.9647 4.94709Z",
+                            fill: "#5E8E3E"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx("path", {
+                            d: "M13.0575 8.51577L12.3029 10.8908C12.3029 10.8908 11.4602 10.5663 10.4599 10.6253C8.98595 10.6991 8.98595 11.4809 8.98595 11.6727C9.07404 12.7348 12.39 12.9709 12.5828 15.4631C12.7238 17.4251 11.3545 18.7675 9.35396 18.8708C6.96778 18.9733 5.65137 17.7939 5.65137 17.7939L6.16032 15.9794C6.16032 15.9794 7.49435 16.8203 8.5465 16.7613C9.23162 16.7318 9.4949 16.245 9.45967 15.9204C9.35396 14.5337 6.65165 14.6223 6.47645 12.3365C6.33551 10.4188 7.82712 8.48626 11.1265 8.30924C12.4076 8.23548 13.0575 8.51577 13.0575 8.51577Z",
+                            fill: "white"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx("span", {
+                    className: "gp-text-[#212121] gp-text-[14px] gp-leading-[24px] gp-font-medium",
+                    children: name
+                })
+            ]
+        });
+    };
     if (constant.disableWrap.includes(props.tag) && /*#__PURE__*/ react.isValidElement(children)) {
         return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
             children: [
@@ -109,7 +148,10 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
                     builderAttrs,
                     advanced,
                     children: [
-                        children.props['children'],
+                        props.isShopifySection ? /*#__PURE__*/ jsxRuntime.jsx(ShopifySection, {
+                            name: props.name ?? '',
+                            visibility: !!props.isShopifyVisibility
+                        }) : children.props['children'],
                         /*#__PURE__*/ jsxRuntime.jsx(ComponentToolbarPreview.default, {
                             ...props
                         })

package/dist/cjs/components/Render.liquid.js

@@ -219,14 +219,14 @@ const appendAnimation = (props, liquid)=>{
     const appearMobile = getAnimationType(getSettingsByDevice('mobile'), 'appear');
     const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
     if (!enableAnimation) return liquid;
-    const getInitOpacity = (device)=>+!(getSettingsByDevice(device)?.enabled && ![
+    const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
             'shake',
             'none'
-        ].includes(getAnimationType(getSettingsByDevice(device), 'appear')));
+        ].includes(getAnimationType(getSettingsByDevice(device), 'appear')) ? 'hidden' : 'visible';
     const opacityObject = {
-        desktop: getInitOpacity('desktop'),
-        tablet: getInitOpacity('tablet'),
-        mobile: getInitOpacity('mobile')
+        desktop: getInitVisibility('desktop'),
+        tablet: getInitVisibility('tablet'),
+        mobile: getInitVisibility('mobile')
     };
     return render.template`
   <gp-animation
@@ -240,7 +240,7 @@ const appendAnimation = (props, liquid)=>{
     }}"
   >
     <div style="${{
-        ...makeStyle.makeStyleResponsive('op', opacityObject),
+        ...makeStyle.makeStyleResponsive('v', opacityObject),
         display: 'contents'
     }}">${liquid}</div>
   </gp-animation>

package/dist/cjs/contexts/BuilderPreviewContext.js

@@ -428,15 +428,16 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.creat
             updateItemAttribute: (id, value, attr)=>{
                 if (!attr || ![
                     'label',
-                    'customLabel'
+                    'customLabel',
+                    'isShopifyVisibility'
                 ].includes(attr)) return;
                 const state = get().state;
                 const item = state[id];
-                // Ignore section
-                if (item?.type === 'section') return;
                 if (item) {
-                    const dateModified = Date.now();
-                    item.dateModified = dateModified;
+                    if (item.type !== 'section') {
+                        const dateModified = Date.now();
+                        item.dateModified = dateModified;
+                    }
                     const updatedItem = {
                         ...item,
                         [attr]: value

package/dist/cjs/graphql/fragments/product-little.generated.js

@@ -19,6 +19,15 @@
   featuredImage {
     ...MediaSelect
   }
+  collections {
+    edges {
+      node {
+        id
+        title
+      }
+    }
+  }
+  tags
 }
     `;
 

package/dist/cjs/graphql/fragments/product.generated.js

@@ -3,6 +3,15 @@
 /* eslint-disable */ const ProductSelect = `
     fragment ProductSelect on Product {
   ...ProductLittleSelect
+  collections {
+    edges {
+      node {
+        id
+        title
+      }
+    }
+  }
+  tags
   medias(first: $firstMedia, after: $afterMedia, orderBy: $orderByMedia) {
     edges {
       cursor

package/dist/cjs/graphql/queries/products.generated.js

@@ -13,6 +13,15 @@ const ProductsEdgeDetail = `
   cursor
   node {
     ...ProductSelect
+    tags
+    collections {
+      edges {
+        node {
+          id
+          title
+        }
+      }
+    }
   }
 }
     `;

package/dist/cjs/helpers/GlobalEvent.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const globalEvent = {
-    subscribe (callback) {
-        document.addEventListener('onDispatch', (e)=>callback(e.detail));
+    subscribe (eventName, callback) {
+        document.addEventListener(eventName, (e)=>callback(e.detail));
     },
-    dispatch (data) {
-        document.dispatchEvent(new CustomEvent('onDispatch', {
-            detail: data
+    dispatch (eventName, detail) {
+        document.dispatchEvent(new CustomEvent(eventName, {
+            detail
         }));
     },
-    remove (callback) {
-        document.removeEventListener('onDispatch', callback);
+    remove (eventName, callback) {
+        document.removeEventListener(eventName, callback);
     }
 };
 

package/dist/cjs/helpers/queries/get-products.js

@@ -57,6 +57,29 @@ const getProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelect
         }
     };
 };
+const getProductQueryAll = async (fetcher, arg)=>{
+    const limit = arg?.limit || 4;
+    delete arg.limit;
+    const variables = {
+        first: limit,
+        firstMedia: 1,
+        firstVariant: 1,
+        orderBy: {
+            field: 'PLATFORM_CREATED_AT',
+            direction: 'DESC'
+        },
+        orderByMedia: {
+            field: 'POSITION',
+            direction: 'ASC'
+        },
+        where: {
+            status: 'ACTIVE',
+            ...arg
+        }
+    };
+    const pageData = await fetchProducts(fetcher, variables);
+    return pageData;
+};
 const fetchProducts = async (fetcher, variables)=>{
     return fetcher([
         products_generated.ProductsDocument,
@@ -164,4 +187,5 @@ const mergeMediasToProducts = async ({ fetcher, products, isSample, isStorefront
  //   );
  // };
 
+exports.getProductQueryAll = getProductQueryAll;
 exports.getProducts = getProducts;

package/dist/cjs/helpers/size.js

@@ -43,6 +43,18 @@ const makeGlobalSize = (globalSize)=>{
         gap: getGlobalSizeGap(globalSize)
     };
 };
+const makeGlobalSizeIcon = (globalSize)=>{
+    return {
+        width: makeStyleWithDefault('w', getWidthHeightGlobalSize('width', globalSize), {
+            desktop: '--g-ct-w',
+            tablet: '--g-ct-w',
+            mobile: '--g-ct-w'
+        }),
+        height: makeStyle.makeStyleResponsive('h', getWidthHeightGlobalSize('width', globalSize)),
+        minWidth: makeStyle.makeStyleResponsive('minw', getWidthHeightGlobalSize('width', globalSize)),
+        padding: getPaddingGlobalSize(globalSize)
+    };
+};
 const getGlobalSizeGap = (globalSize)=>{
     return {
         '--gg': globalSize?.desktop?.gap,
@@ -180,4 +192,5 @@ exports.getPaddingGlobalSize = getPaddingGlobalSize;
 exports.getWidthByShapeGlobalSize = getWidthByShapeGlobalSize;
 exports.getWidthHeightGlobalSize = getWidthHeightGlobalSize;
 exports.makeGlobalSize = makeGlobalSize;
+exports.makeGlobalSizeIcon = makeGlobalSizeIcon;
 exports.makeStyleWithDefault = makeStyleWithDefault;

package/dist/cjs/hooks/shop/use-products-query.js

@@ -20,5 +20,15 @@ const useProductsQuery = (ids, options, params)=>{
         return getProducts.getProducts(params?.fetcher || fetcher, arg);
     }, options);
 };
+const useProductsQueryAll = (variable, options)=>{
+    const fetcher = useFetchHandle.useFetchHandle();
+    return useSWR(variable ? [
+        'query/products',
+        variable
+    ] : null, async ([, arg])=>{
+        return getProducts.getProductQueryAll(fetcher, arg);
+    }, options);
+};
 
 exports.useProductsQuery = useProductsQuery;
+exports.useProductsQueryAll = useProductsQueryAll;

package/dist/cjs/index.js

@@ -258,6 +258,7 @@ exports.getPaddingGlobalSize = size.getPaddingGlobalSize;
 exports.getWidthByShapeGlobalSize = size.getWidthByShapeGlobalSize;
 exports.getWidthHeightGlobalSize = size.getWidthHeightGlobalSize;
 exports.makeGlobalSize = size.makeGlobalSize;
+exports.makeGlobalSizeIcon = size.makeGlobalSizeIcon;
 exports.makeStyleWithDefault = size.makeStyleWithDefault;
 exports.composeFallbackTypographyStyle = typography.composeFallbackTypographyStyle;
 exports.composeTypography = typography.composeTypography;
@@ -301,6 +302,7 @@ exports.useCollectionQuery = useCollectionQuery.useCollectionQuery;
 exports.useCollectionsQuery = useCollectionsQuery.useCollectionsQuery;
 exports.useProductQuery = useProductQuery.useProductQuery;
 exports.useProductsQuery = useProductsQuery.useProductsQuery;
+exports.useProductsQueryAll = useProductsQuery.useProductsQueryAll;
 exports.useCurrentDevice = useCurrentDevice.useCurrentDevice;
 exports.shopifyPriceRounding = useFormatMoney.shopifyPriceRounding;
 exports.useFormatMoney = useFormatMoney.useFormatMoney;

package/dist/esm/components/ComponentToolbarPreview.js

@@ -26,6 +26,7 @@ const isSection = (el)=>{
 };
 const ComponentToolbarPreview = (props)=>{
     const isThemeSection = props.isThemeSection;
+    const isShopifySection = props.isShopifySection;
     const editingPageType = useShopStore((s)=>s.pageType);
     const getParents = useBuilderPreviewStore((s)=>s.getParents);
     const root = useBuilderPreviewStore((s)=>s.getItem('ROOT'));
@@ -171,7 +172,8 @@ const ComponentToolbarPreview = (props)=>{
             bubbles: true,
             detail: {
                 componentUid: props.uid,
-                isThemeSection: isThemeSection
+                isThemeSection,
+                isShopifySection
             }
         });
         window.dispatchEvent(event);
@@ -187,7 +189,8 @@ const ComponentToolbarPreview = (props)=>{
             bubbles: true,
             detail: {
                 componentUid: props.uid,
-                isThemeSection: isThemeSection
+                isThemeSection,
+                isShopifySection
             }
         });
         window.dispatchEvent(event);
@@ -236,6 +239,9 @@ const ComponentToolbarPreview = (props)=>{
         return false;
     };
     const getSectionName = ()=>{
+        if (isShopifySection) {
+            return `Shopify section: ${props.name}`;
+        }
         const checkRenamedSection = props.name && props.name === `Section ${props.uid}`;
         if (getSectionNumber() >= SECTION_LIMIT - 5) {
             return `${checkRenamedSection ? 'Section' : props?.name} ${getIndexSection() + 1}/${SECTION_LIMIT}`;
@@ -252,6 +258,7 @@ const ComponentToolbarPreview = (props)=>{
                 "data-toolbar": true,
                 "data-toolbar-section": props.tag == 'Section',
                 "data-toolbar-theme-section": props.tag == 'Section' && !!isThemeSection || isThemeSectionEditor,
+                "data-toolbar-shopify-section": props.tag == 'Section' && !!isShopifySection,
                 "data-toolbar-limit": getIndexSection() >= SECTION_LIMIT,
                 children: [
                     /*#__PURE__*/ jsxs("div", {
@@ -294,9 +301,39 @@ const ComponentToolbarPreview = (props)=>{
                                     ]
                                 })
                             }),
-                            props.tag == 'Section' ? /*#__PURE__*/ jsx("div", {
+                            props.tag == 'Section' ? /*#__PURE__*/ jsxs("div", {
                                 "data-toolbar-name": true,
-                                children: getSectionName()
+                                children: [
+                                    getSectionName(),
+                                    props.isShopifySection && !props.isShopifyVisibility && /*#__PURE__*/ jsxs("svg", {
+                                        "data-toolbar-visibility": true,
+                                        width: "20",
+                                        height: "20",
+                                        viewBox: "0 0 20 20",
+                                        fill: "none",
+                                        xmlns: "http://www.w3.org/2000/svg",
+                                        children: [
+                                            /*#__PURE__*/ jsx("path", {
+                                                fillRule: "evenodd",
+                                                clipRule: "evenodd",
+                                                d: "M13.1252 9.99773C13.1243 8.27226 11.7248 6.87423 9.99935 6.87506C8.27386 6.87561 6.87518 8.27455 6.87518 10.0001C6.87518 11.7259 8.27429 13.1251 10.0002 13.1251C11.7257 13.1251 13.125 11.727 13.1252 10.0011V9.99773ZM9.99985 8.12506C11.035 8.12451 11.8746 8.96322 11.8752 9.99839V10.0004C11.8752 11.0357 11.0359 11.8751 10.0002 11.8751C8.96465 11.8751 8.12518 11.0356 8.12518 10.0001C8.12518 8.96472 8.96451 8.12533 9.99985 8.12506Z",
+                                                fill: "#F9F9F9"
+                                            }),
+                                            /*#__PURE__*/ jsx("path", {
+                                                fillRule: "evenodd",
+                                                clipRule: "evenodd",
+                                                d: "M9.99885 4.37593C5.66421 4.37604 2.80603 7.64523 1.79548 9.00983C1.35636 9.60279 1.35918 10.4 1.80012 10.9902C2.81706 12.3514 5.69374 15.6241 9.99886 15.6241C14.3806 15.6241 17.2194 12.3452 18.2168 10.9808C18.6473 10.392 18.6442 9.60472 18.211 9.01902C17.2056 7.65938 14.3429 4.37583 9.99885 4.37593ZM2.80002 9.75374C3.77049 8.44326 6.30207 5.62602 9.99888 5.62593C13.7041 5.62585 16.24 8.45598 17.206 9.76225C17.3146 9.9091 17.3149 10.0965 17.2077 10.2431C16.254 11.5477 13.7416 14.3741 9.99886 14.3741C6.33149 14.3741 3.78173 11.5541 2.80152 10.242C2.69021 10.0931 2.69001 9.90229 2.80002 9.75374Z",
+                                                fill: "#F9F9F9"
+                                            }),
+                                            /*#__PURE__*/ jsx("path", {
+                                                fillRule: "evenodd",
+                                                clipRule: "evenodd",
+                                                d: "M18.0763 3.26988C18.3415 3.58809 18.2985 4.06101 17.9803 4.32619L2.98032 16.8262C2.66211 17.0914 2.18919 17.0484 1.92402 16.7302C1.65884 16.412 1.70184 15.939 2.02004 15.6739L17.02 3.17385C17.3383 2.90868 17.8112 2.95167 18.0763 3.26988Z",
+                                                fill: "#F9F9F9"
+                                            })
+                                        ]
+                                    })
+                                ]
                             }) : /*#__PURE__*/ jsx("div", {
                                 "data-toolbar-name": true,
                                 children: toolbarName()
@@ -376,7 +413,7 @@ const ComponentToolbarPreview = (props)=>{
                             ]
                         }, parent.uid);
                     }),
-                    props.tag === 'Section' && !props.isThemeSection && isEnableCreateThemeSection() && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsx(CreateThemeSection, {
+                    props.tag === 'Section' && !props.isThemeSection && isEnableCreateThemeSection() && !props.isShopifySection && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsx(CreateThemeSection, {
                         ...props
                     }),
                     props.tag == 'Sticky' && /*#__PURE__*/ jsx("div", {
@@ -450,6 +487,7 @@ const ComponentToolbarPreview = (props)=>{
                 "data-outline": true,
                 "data-outline-section": props.tag == 'Section',
                 "data-outline-theme-section": props.tag == 'Section' && !!isThemeSection || isThemeSectionEditor,
+                "data-outline-shopify-section": props.tag == 'Section' && !!isShopifySection,
                 "data-outline-limit": getIndexSection() >= SECTION_LIMIT
             }, 'outline-' + props.uid),
             props.tag == 'Section' && !isThemeSectionEditor && /*#__PURE__*/ jsxs(Fragment, {

package/dist/esm/components/ComponentWrapperPreview.js

@@ -12,6 +12,7 @@ import 'swr/mutation';
 import { usePageType } from '../hooks/shop.js';
 import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
+import { cls } from '../helpers/cls.js';
 import '../helpers/convert.js';
 
 const ComponentWrapperPreview = ({ children, ...props })=>{
@@ -37,6 +38,10 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
     if (props.tag === 'Section' && props.isThemeSection) {
         customProps['data-theme-section'] = true;
     }
+    if (props.tag === 'Section' && props.isShopifySection) {
+        customProps['data-shopify-section'] = true;
+        customProps['data-toolbar-wrap'] = true;
+    }
     // Build editor configs
     if (props.editorConfigs) {
         const editorConfigs = props.editorConfigs;
@@ -91,6 +96,40 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
         'data-component-label': props.label,
         'data-not-droppable': isNotDroppable(props.tag)
     };
+    const ShopifySection = ({ name, visibility })=>{
+        return /*#__PURE__*/ jsxs("div", {
+            className: cls('gp-flex gp-items-center gp-justify-center gp-gap-[8px] gp-bg-[#F4F4F4] gp-p-[16px] gp-border gp-border-[#D6D6D6]', {
+                'gp-opacity-60': !visibility
+            }),
+            children: [
+                /*#__PURE__*/ jsxs("svg", {
+                    width: "24",
+                    height: "24",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    children: [
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M19.1475 5.16194C19.1416 5.1148 19.1197 5.0713 19.0857 5.03911C19.0516 5.00692 19.0076 4.9881 18.9614 4.98597C18.8835 4.98597 17.3469 4.95397 17.3469 4.95397C17.3469 4.95397 16.0588 3.67419 15.9342 3.5311C15.8104 3.40312 15.5619 3.43512 15.4684 3.46711L14.8166 3.67508C14.7361 3.40491 14.6323 3.14259 14.5067 2.89121C14.0566 1.99536 13.3727 1.51544 12.5659 1.51544C12.5044 1.51544 12.4577 1.51544 12.3954 1.53144C12.3642 1.49945 12.3486 1.46745 12.3175 1.45145C11.9608 1.06752 11.5107 0.875552 10.967 0.891549C9.92824 0.923543 8.88772 1.70741 8.03419 3.08318C7.44467 4.05901 6.99453 5.27392 6.8543 6.21776C5.65969 6.6017 4.82087 6.87365 4.79057 6.87365C4.18461 7.06562 4.16903 7.08161 4.09199 7.67351C4.06082 8.12144 2.47754 20.7415 2.47754 20.7415L15.7636 23.1091L21.522 21.6374C21.5064 21.6374 19.1631 5.27392 19.1475 5.16194ZM14.1492 3.89904C13.8062 4.00572 13.4648 4.11772 13.1251 4.23498C13.1251 3.69108 13.0472 2.92321 12.8143 2.28331C13.6064 2.41129 13.9942 3.33914 14.1492 3.89904ZM12.4265 4.44206C11.7279 4.66602 10.9679 4.90598 10.207 5.14594C10.4243 4.29808 10.8277 3.46623 11.3245 2.90632C11.533 2.66965 11.7863 2.47913 12.069 2.34641C12.3806 2.9712 12.4421 3.85105 12.4265 4.44206ZM10.9982 1.61143C11.2466 1.61143 11.4483 1.65942 11.6197 1.7874C11.3127 1.95192 11.0387 2.17444 10.8121 2.44329C10.1455 3.17916 9.63305 4.31408 9.43135 5.4179C8.79423 5.62586 8.17356 5.81783 7.61521 5.9938C7.98744 4.25009 9.39933 1.65942 10.9982 1.61143Z",
+                            fill: "#95BF47"
+                        }),
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M18.9647 4.94709C18.8851 4.94709 17.3155 4.91503 17.3155 4.91503C17.3155 4.91503 15.9981 3.63242 15.8716 3.48812C15.8261 3.43951 15.7635 3.41074 15.6973 3.40796V23.1094L21.5828 21.6344L19.1709 5.12345C19.1399 5.01122 19.0444 4.94709 18.9647 4.94709Z",
+                            fill: "#5E8E3E"
+                        }),
+                        /*#__PURE__*/ jsx("path", {
+                            d: "M13.0575 8.51577L12.3029 10.8908C12.3029 10.8908 11.4602 10.5663 10.4599 10.6253C8.98595 10.6991 8.98595 11.4809 8.98595 11.6727C9.07404 12.7348 12.39 12.9709 12.5828 15.4631C12.7238 17.4251 11.3545 18.7675 9.35396 18.8708C6.96778 18.9733 5.65137 17.7939 5.65137 17.7939L6.16032 15.9794C6.16032 15.9794 7.49435 16.8203 8.5465 16.7613C9.23162 16.7318 9.4949 16.245 9.45967 15.9204C9.35396 14.5337 6.65165 14.6223 6.47645 12.3365C6.33551 10.4188 7.82712 8.48626 11.1265 8.30924C12.4076 8.23548 13.0575 8.51577 13.0575 8.51577Z",
+                            fill: "white"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx("span", {
+                    className: "gp-text-[#212121] gp-text-[14px] gp-leading-[24px] gp-font-medium",
+                    children: name
+                })
+            ]
+        });
+    };
     if (disableWrap.includes(props.tag) && /*#__PURE__*/ isValidElement(children)) {
         return /*#__PURE__*/ jsxs(Fragment, {
             children: [
@@ -105,7 +144,10 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
                     builderAttrs,
                     advanced,
                     children: [
-                        children.props['children'],
+                        props.isShopifySection ? /*#__PURE__*/ jsx(ShopifySection, {
+                            name: props.name ?? '',
+                            visibility: !!props.isShopifyVisibility
+                        }) : children.props['children'],
                         /*#__PURE__*/ jsx(ComponentToolbarPreview, {
                             ...props
                         })

package/dist/esm/components/Render.liquid.js

@@ -215,14 +215,14 @@ const appendAnimation = (props, liquid)=>{
     const appearMobile = getAnimationType(getSettingsByDevice('mobile'), 'appear');
     const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
     if (!enableAnimation) return liquid;
-    const getInitOpacity = (device)=>+!(getSettingsByDevice(device)?.enabled && ![
+    const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
             'shake',
             'none'
-        ].includes(getAnimationType(getSettingsByDevice(device), 'appear')));
+        ].includes(getAnimationType(getSettingsByDevice(device), 'appear')) ? 'hidden' : 'visible';
     const opacityObject = {
-        desktop: getInitOpacity('desktop'),
-        tablet: getInitOpacity('tablet'),
-        mobile: getInitOpacity('mobile')
+        desktop: getInitVisibility('desktop'),
+        tablet: getInitVisibility('tablet'),
+        mobile: getInitVisibility('mobile')
     };
     return template`
   <gp-animation
@@ -236,7 +236,7 @@ const appendAnimation = (props, liquid)=>{
     }}"
   >
     <div style="${{
-        ...makeStyleResponsive('op', opacityObject),
+        ...makeStyleResponsive('v', opacityObject),
         display: 'contents'
     }}">${liquid}</div>
   </gp-animation>

package/dist/esm/contexts/BuilderPreviewContext.js

@@ -426,15 +426,16 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>createStore((
             updateItemAttribute: (id, value, attr)=>{
                 if (!attr || ![
                     'label',
-                    'customLabel'
+                    'customLabel',
+                    'isShopifyVisibility'
                 ].includes(attr)) return;
                 const state = get().state;
                 const item = state[id];
-                // Ignore section
-                if (item?.type === 'section') return;
                 if (item) {
-                    const dateModified = Date.now();
-                    item.dateModified = dateModified;
+                    if (item.type !== 'section') {
+                        const dateModified = Date.now();
+                        item.dateModified = dateModified;
+                    }
                     const updatedItem = {
                         ...item,
                         [attr]: value

package/dist/esm/graphql/fragments/product-little.generated.js

@@ -17,6 +17,15 @@
   featuredImage {
     ...MediaSelect
   }
+  collections {
+    edges {
+      node {
+        id
+        title
+      }
+    }
+  }
+  tags
 }
     `;
 

package/dist/esm/graphql/fragments/product.generated.js

@@ -1,6 +1,15 @@
 /* eslint-disable */ const ProductSelect = `
     fragment ProductSelect on Product {
   ...ProductLittleSelect
+  collections {
+    edges {
+      node {
+        id
+        title
+      }
+    }
+  }
+  tags
   medias(first: $firstMedia, after: $afterMedia, orderBy: $orderByMedia) {
     edges {
       cursor

package/dist/esm/graphql/queries/products.generated.js

@@ -11,6 +11,15 @@ const ProductsEdgeDetail = `
   cursor
   node {
     ...ProductSelect
+    tags
+    collections {
+      edges {
+        node {
+          id
+          title
+        }
+      }
+    }
   }
 }
     `;

package/dist/esm/helpers/GlobalEvent.js

@@ -1,14 +1,14 @@
 const globalEvent = {
-    subscribe (callback) {
-        document.addEventListener('onDispatch', (e)=>callback(e.detail));
+    subscribe (eventName, callback) {
+        document.addEventListener(eventName, (e)=>callback(e.detail));
     },
-    dispatch (data) {
-        document.dispatchEvent(new CustomEvent('onDispatch', {
-            detail: data
+    dispatch (eventName, detail) {
+        document.dispatchEvent(new CustomEvent(eventName, {
+            detail
         }));
     },
-    remove (callback) {
-        document.removeEventListener('onDispatch', callback);
+    remove (eventName, callback) {
+        document.removeEventListener(eventName, callback);
     }
 };
 

package/dist/esm/helpers/queries/get-products.js

@@ -55,6 +55,29 @@ const getProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelect
         }
     };
 };
+const getProductQueryAll = async (fetcher, arg)=>{
+    const limit = arg?.limit || 4;
+    delete arg.limit;
+    const variables = {
+        first: limit,
+        firstMedia: 1,
+        firstVariant: 1,
+        orderBy: {
+            field: 'PLATFORM_CREATED_AT',
+            direction: 'DESC'
+        },
+        orderByMedia: {
+            field: 'POSITION',
+            direction: 'ASC'
+        },
+        where: {
+            status: 'ACTIVE',
+            ...arg
+        }
+    };
+    const pageData = await fetchProducts(fetcher, variables);
+    return pageData;
+};
 const fetchProducts = async (fetcher, variables)=>{
     return fetcher([
         ProductsDocument,
@@ -162,4 +185,4 @@ const mergeMediasToProducts = async ({ fetcher, products, isSample, isStorefront
  //   );
  // };
 
-export { getProducts };
+export { getProductQueryAll, getProducts };

package/dist/esm/helpers/size.js

@@ -41,6 +41,18 @@ const makeGlobalSize = (globalSize)=>{
         gap: getGlobalSizeGap(globalSize)
     };
 };
+const makeGlobalSizeIcon = (globalSize)=>{
+    return {
+        width: makeStyleWithDefault('w', getWidthHeightGlobalSize('width', globalSize), {
+            desktop: '--g-ct-w',
+            tablet: '--g-ct-w',
+            mobile: '--g-ct-w'
+        }),
+        height: makeStyleResponsive('h', getWidthHeightGlobalSize('width', globalSize)),
+        minWidth: makeStyleResponsive('minw', getWidthHeightGlobalSize('width', globalSize)),
+        padding: getPaddingGlobalSize(globalSize)
+    };
+};
 const getGlobalSizeGap = (globalSize)=>{
     return {
         '--gg': globalSize?.desktop?.gap,
@@ -168,4 +180,4 @@ const getPaddingGlobalSize = (globalSize)=>{
     return Object.assign({}, getCustomPaddingSizeCSSByDevice(globalSize, 'desktop'), getCustomPaddingSizeCSSByDevice(globalSize, 'tablet'), getCustomPaddingSizeCSSByDevice(globalSize, 'mobile'));
 };
 
-export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeStyleWithDefault };
+export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeGlobalSizeIcon, makeStyleWithDefault };

package/dist/esm/hooks/shop/use-products-query.js

@@ -1,5 +1,5 @@
 import useSWR from 'swr';
-import { getProducts } from '../../helpers/queries/get-products.js';
+import { getProducts, getProductQueryAll } from '../../helpers/queries/get-products.js';
 import { generateProductsQueryKey } from '../../helpers/query.js';
 import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';
 import { useFetchHandle } from '../useFetchHandle.js';
@@ -18,5 +18,14 @@ const useProductsQuery = (ids, options, params)=>{
         return getProducts(params?.fetcher || fetcher, arg);
     }, options);
 };
+const useProductsQueryAll = (variable, options)=>{
+    const fetcher = useFetchHandle();
+    return useSWR(variable ? [
+        'query/products',
+        variable
+    ] : null, async ([, arg])=>{
+        return getProductQueryAll(fetcher, arg);
+    }, options);
+};
 
-export { useProductsQuery };
+export { useProductsQuery, useProductsQueryAll };

package/dist/esm/index.js

@@ -54,7 +54,7 @@ export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQu
 export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
 export { RenderIf, composeMemo, dataStringify, props, removeUndefinedValuesFromObject, styles, template } from './helpers/render.js';
 export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
-export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeStyleWithDefault } from './helpers/size.js';
+export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeGlobalSizeIcon, makeStyleWithDefault } from './helpers/size.js';
 export { composeFallbackTypographyStyle, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
 export { validateEmail } from './helpers/email.js';
 export { loadScript } from './helpers/load-script.js';
@@ -77,7 +77,7 @@ export { useCheckoutUrl, useConnectedShopify, useCurrency, useEditorMode, useIsS
 export { useCollectionQuery } from './hooks/shop/use-collection-query.js';
 export { useCollectionsQuery } from './hooks/shop/use-collections-query.js';
 export { useProductQuery } from './hooks/shop/use-product-query.js';
-export { useProductsQuery } from './hooks/shop/use-products-query.js';
+export { useProductsQuery, useProductsQueryAll } from './hooks/shop/use-products-query.js';
 export { useCurrentDevice } from './hooks/use-current-device.js';
 export { shopifyPriceRounding, useFormatMoney } from './hooks/useFormatMoney.js';
 export { useLazyVideo } from './hooks/use-lazy-video.js';

package/dist/types/index.d.ts

@@ -5183,6 +5183,7 @@ type PublishedThemePage$1 = {
     themePageOnlineStoreData?: Maybe$1<Array<Maybe$1<PublishedThemePageOnlineStoreData$1>>>;
     type: PublishedThemePageType$1;
     updatedAt?: Maybe$1<Scalars$2['Time']>;
+    publishedAt?: Maybe$1<Scalars$2['Time']>;
 };
 type PublishedThemePageCustomSection$1 = {
     id: Scalars$2['ID'];
@@ -6477,6 +6478,8 @@ type BlockEntity = {
     type?: 'component';
     isThemeSection?: boolean;
     needPublishing?: boolean;
+    isShopifySection?: boolean;
+    isShopifyVisibility?: boolean;
 };
 type SectionEntity = {
     uid: string;
@@ -6486,6 +6489,8 @@ type SectionEntity = {
     name?: string;
     isThemeSection?: boolean;
     needPublishing?: boolean;
+    isShopifySection?: boolean;
+    isShopifyVisibility?: boolean;
 };
 type BuilderEntity = BlockEntity | SectionEntity;
 type BuilderEntityNested = Omit<BlockEntity, 'childrens'> & {
@@ -6536,8 +6541,8 @@ type SaleFunnelDiscountEdge$1 = {
     cursor: Scalars$1['Cursor'];
     node?: Maybe$1<SaleFunnelDiscount$1>;
 };
-type ProductOffer = Maybe$1<Pick<SaleFunnelDiscountEdge$1, "cursor"> & {
-    node?: Maybe$1<Pick<SaleFunnelDiscount$1, "id" | "value" | "type" | "position" | "objectBaseID" | "objectType" | "title" | "valueType" | "isEnabled">>;
+type ProductOffer = Maybe$1<Pick<SaleFunnelDiscountEdge$1, 'cursor'> & {
+    node?: Maybe$1<Pick<SaleFunnelDiscount$1, 'id' | 'value' | 'type' | 'position' | 'objectBaseID' | 'objectType' | 'title' | 'valueType' | 'isEnabled'>>;
 }>;
 
 type InitComponentType<T = any> = {
@@ -6604,7 +6609,7 @@ type Component = InitComponentType & {
 };
 type NameDevices$1 = 'desktop' | 'tablet' | 'mobile';
 type ObjectDevices<T> = Partial<Record<NameDevices$1, T>>;
-type StateType = 'normal' | 'hover' | 'focus' | 'active';
+type StateType = 'normal' | 'hover' | 'focus' | 'active' | 'price' | 'compareAtPrice';
 type StateProp<T> = Partial<Record<StateType, T>>;
 type ResponsiveStateProp<T> = ObjectDevices<StateProp<T>>;
 type AlignItemProp = 'left' | 'center' | 'right';
@@ -6725,6 +6730,8 @@ type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         hover?: boolean;
         focus?: boolean;
         active?: boolean;
+        price?: boolean;
+        compareAtPrice?: boolean;
     };
     emptyOnClear?: boolean;
     showVideo?: boolean;
@@ -7378,6 +7385,10 @@ type VariantSwatchesPresetControlType<T> = SharedControlType<T> & {
     id?: string;
     type: 'variant:presets';
 };
+type VariantSwatchesOnlyDefaultVariantControlType<T> = SharedControlType<T> & {
+    id?: string;
+    type: 'variant:default';
+};
 
 type LayoutControlType<T> = SharedControlType<T> & {
     type: 'layout';
@@ -7439,6 +7450,7 @@ type TypographyV2ControlType<T> = SharedControlType<T> & {
         color?: boolean;
         transform?: boolean;
     };
+    disableCollapse?: boolean;
 };
 
 type StickyDisplayControlType<T> = SharedControlType<T> & {
@@ -7698,7 +7710,16 @@ type PostPurchaseTextareaControlType<T> = SharedControlType<T> & {
     }[];
 };
 
-type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | BackgroundColorPickerType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T>;
+type NotesControlType<T> = SharedControlType<T> & {
+    type: 'notes';
+    value?: string;
+};
+
+type ButtonLayoutType<T> = SharedControlType<T> & {
+    type: 'button-layout';
+};
+
+type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | BackgroundColorPickerType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | NotesControlType<T> | ButtonLayoutType<T>;
 type ControlTriggerAction = {
     controlId: string;
     newValue?: any;
@@ -27319,7 +27340,12 @@ declare const useCartLineStore: <U>(selector: (state: ExtractState<StoreApi<Cart
 type CollectionProductSelectFragment = Pick<Collection$1, 'id' | 'createdAt' | 'updatedAt' | 'deletedAt' | 'title' | 'handle' | 'description' | 'descriptionHtml' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'tags' | 'isStorefront' | 'isSample'> & {
     products?: Maybe$1<{
         edges: Array<Pick<ProductEdge$1, 'cursor'> & {
-            node?: Maybe$1<Pick<Product$1, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
+            node?: Maybe$1<Pick<Product$1, 'tags' | 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
+                collections?: Maybe$1<{
+                    edges: Array<{
+                        node?: Maybe$1<Pick<Collection$1, 'id' | 'title'>>;
+                    }>;
+                }>;
                 medias?: Maybe$1<{
                     edges: Array<Pick<MediaEdge$1, 'cursor'> & {
                         node?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
@@ -27392,7 +27418,12 @@ type ProductListProviderProps = ProductListContextProps & {
 declare const ProductListProvider: React.FC<ProductListProviderProps>;
 declare const useProductListStore: <U>(selector: (state: ExtractState<StoreApi<ProductListContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
-type ProductSelectFragment = Pick<Product$1, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
+type ProductSelectFragment = Pick<Product$1, 'tags' | 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
+    collections?: Maybe$1<{
+        edges: Array<{
+            node?: Maybe$1<Pick<Collection$1, 'id' | 'title'>>;
+        }>;
+    }>;
     medias?: Maybe$1<{
         edges: Array<Pick<MediaEdge$1, 'cursor'> & {
             node?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
@@ -27590,7 +27621,12 @@ type CollectionDetailFilterQueryResponse = {
             node?: Maybe$1<Pick<Collection$1, 'id' | 'createdAt' | 'updatedAt' | 'deletedAt' | 'title' | 'handle' | 'description' | 'descriptionHtml' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'tags' | 'isStorefront' | 'isSample'> & {
                 products?: Maybe$1<{
                     edges: Array<Pick<ProductEdge$1, 'cursor'> & {
-                        node?: Maybe$1<Pick<Product$1, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
+                        node?: Maybe$1<Pick<Product$1, 'tags' | 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
+                            collections?: Maybe$1<{
+                                edges: Array<{
+                                    node?: Maybe$1<Pick<Collection$1, 'id' | 'title'>>;
+                                }>;
+                            }>;
                             medias?: Maybe$1<{
                                 edges: Array<Pick<MediaEdge$1, 'cursor'> & {
                                     node?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
@@ -27720,7 +27756,12 @@ type ProductsQueryVariables = Exact$1<{
 type ProductsQueryResponse = {
     products?: Maybe$1<{
         edges: Array<Pick<ProductEdge$1, 'cursor'> & {
-            node?: Maybe$1<Pick<Product$1, 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
+            node?: Maybe$1<Pick<Product$1, 'tags' | 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
+                collections?: Maybe$1<{
+                    edges: Array<{
+                        node?: Maybe$1<Pick<Collection$1, 'id' | 'title'>>;
+                    }>;
+                }>;
                 medias?: Maybe$1<{
                     edges: Array<Pick<MediaEdge$1, 'cursor'> & {
                         node?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
@@ -27745,6 +27786,13 @@ type ProductsQueryResponse = {
         pageInfo?: Maybe$1<Pick<PageInfo$1, 'endCursor' | 'hasNextPage'>>;
     }>;
 };
+type VariableRelatedStyles = {
+    limit?: number | undefined;
+    vendor?: string;
+    idNEQ?: string;
+    hasProductTagsWith?: InputMaybe$1<ProductTagWhereInput$1[]>;
+    hasCollectionProductsWith?: InputMaybe$1<CollectionProductWhereInput$1[]>;
+};
 declare const ProductsDocument: string;
 
 type StorePropertyQueryVariables = Exact$1<{
@@ -27890,9 +27938,9 @@ declare const isColumnDirectionExist: (layout: ObjectDevices<ObjectLayoutValue>,
 declare function getShortName(name: string): string;
 
 declare const globalEvent: {
-    subscribe(callback: (detail: any) => void): void;
-    dispatch(data: any): void;
-    remove(callback: (val?: any) => void): void;
+    subscribe(eventName: string, callback: (detail: any) => void): void;
+    dispatch(eventName: string, detail: any): void;
+    remove(eventName: string, callback: (detail: any) => void): void;
 };
 
 declare function isBrowser(): boolean;
@@ -34074,6 +34122,12 @@ declare const makeGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) =>
         '--gg-mobile': string | undefined;
     };
 };
+declare const makeGlobalSizeIcon: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    width: Record<ResponsiveKey<"w">, string | number>;
+    height: Record<ResponsiveKey<"h">, string | number>;
+    minWidth: Record<ResponsiveKey<"minw">, string | number>;
+    padding: React.CSSProperties;
+};
 declare const getGlobalSizeGap: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
     '--gg': string | undefined;
     '--gg-tablet': string | undefined;
@@ -35740,6 +35794,7 @@ declare const useProductsQuery: (ids?: string[], options?: SWRConfiguration<Prod
     allStatus?: boolean;
     fetcher?: FetchFunc;
 }) => swr__internal.SWRResponse<ProductsQueryResponse, any, Partial<swr__internal.PublicConfiguration<ProductsQueryResponse, any, (arg: ["query/products", FetchProductsParams]) => swr__internal.FetcherResponse<ProductsQueryResponse>>> | undefined>;
+declare const useProductsQueryAll: (variable?: VariableRelatedStyles | undefined, options?: SWRConfiguration<ProductsQueryResponse>) => swr__internal.SWRResponse<ProductsQueryResponse, any, Partial<swr__internal.PublicConfiguration<ProductsQueryResponse, any, (arg: ["query/products", any]) => swr__internal.FetcherResponse<ProductsQueryResponse>>> | undefined>;
 
 declare const useCurrentDevice: () => NameDevices$1;
 
@@ -35843,11 +35898,11 @@ declare const useSelectedOption: () => {
     setSelectedOption: (optionId?: Maybe$1<string>, optionValue?: Maybe$1<string>, productId?: Maybe$1<string>, noEmit?: boolean) => void;
     forceSelectedOption: (selectedOption?: Record<string, string>, productId?: Maybe$1<string>, noEmit?: boolean) => void;
 };
-declare const useVariants: () => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "width" | "height" | "length" | "weight" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
+declare const useVariants: () => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "price" | "width" | "height" | "length" | "weight" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "salePrice" | "soldIndividually"> & {
     selectedOptions: Pick<SelectedOption$1, "name" | "value" | "optionType">[];
     media?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
 }>[];
-declare const useVariant: (id: string) => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "width" | "height" | "length" | "weight" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
+declare const useVariant: (id: string) => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "price" | "width" | "height" | "length" | "weight" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "salePrice" | "soldIndividually"> & {
     selectedOptions: Pick<SelectedOption$1, "name" | "value" | "optionType">[];
     media?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
 }>;
@@ -35902,4 +35957,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage$1, 'id' | 'name'
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.40.2",
+  "version": "1.41.0-dev.14",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -27,8 +27,8 @@
     "type-check": "yarn tsc --noEmit"
   },
   "devDependencies": {
-    "@gem-sdk/adapter-shopify": "1.40.0",
-    "@gem-sdk/styles": "1.40.0"
+    "@gem-sdk/adapter-shopify": "1.41.0-staging.13",
+    "@gem-sdk/styles": "1.41.0-dev.14"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",