@gem-sdk/core 1.40.4 → 1.41.0-dev.16

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, {
@@ -506,6 +544,6 @@ const ComponentToolbarPreview = (props)=>{
         ]
     });
 };
-var ComponentToolbarPreview$1 = /*#__PURE__*/ react.memo(ComponentToolbarPreview);
+var ComponentToolbarPreview$1 = /*#__PURE__*/ react.memo(ComponentToolbarPreview); /* gem-lint/disallow-import-from-package-path */
 
 exports.default = ComponentToolbarPreview$1;

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/constant.js

@@ -36,7 +36,9 @@ const disableWrap = [
     'ProductImagesV2',
     'PostPurchaseProductImages',
     'Sticky',
-    'Heading'
+    'Heading',
+    'ProductBadge',
+    'Marquee'
 ];
 const customRenderChildren = [
     'Accordion',
@@ -47,7 +49,8 @@ const customRenderChildren = [
 ];
 const excludeApplyStyle = [
     'IconListV2',
-    'IconList'
+    'IconList',
+    'ProductBadge'
 ];
 const postPurchaseRequiredElements = [
     'PostPurchaseProductOffer',

package/dist/cjs/contexts/BuilderPreviewContext.js

@@ -253,7 +253,11 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.creat
                 }
             },
             getItem: (id)=>{
-                return get().state[id];
+                const item = get().state[id];
+                return {
+                    ...item,
+                    rawChildrens: item?.childrens?.map((v)=>get().state[v])
+                };
             },
             removeItem: (id)=>{
                 if (id === 'ROOT') {
@@ -428,15 +432,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/contexts/SectionContext.js

@@ -10,6 +10,7 @@ const SectionContext = /*#__PURE__*/ react.createContext(null);
 const createSectionProvider = (data)=>zustand.createStore((set, get)=>({
             data: data ?? {},
             getSection: (id)=>{
+                console.log('get().data', get().data);
                 const section = get().data[id];
                 return section ?? undefined;
             },

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, {
@@ -502,6 +540,6 @@ const ComponentToolbarPreview = (props)=>{
         ]
     });
 };
-var ComponentToolbarPreview$1 = /*#__PURE__*/ memo(ComponentToolbarPreview);
+var ComponentToolbarPreview$1 = /*#__PURE__*/ memo(ComponentToolbarPreview); /* gem-lint/disallow-import-from-package-path */
 
 export { ComponentToolbarPreview$1 as default };

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/constant.js

@@ -34,7 +34,9 @@ const disableWrap = [
     'ProductImagesV2',
     'PostPurchaseProductImages',
     'Sticky',
-    'Heading'
+    'Heading',
+    'ProductBadge',
+    'Marquee'
 ];
 const customRenderChildren = [
     'Accordion',
@@ -45,7 +47,8 @@ const customRenderChildren = [
 ];
 const excludeApplyStyle = [
     'IconListV2',
-    'IconList'
+    'IconList',
+    'ProductBadge'
 ];
 const postPurchaseRequiredElements = [
     'PostPurchaseProductOffer',

package/dist/esm/contexts/BuilderPreviewContext.js

@@ -251,7 +251,11 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>createStore((
                 }
             },
             getItem: (id)=>{
-                return get().state[id];
+                const item = get().state[id];
+                return {
+                    ...item,
+                    rawChildrens: item?.childrens?.map((v)=>get().state[v])
+                };
             },
             removeItem: (id)=>{
                 if (id === 'ROOT') {
@@ -426,15 +430,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/contexts/SectionContext.js

@@ -8,6 +8,7 @@ const SectionContext = /*#__PURE__*/ createContext(null);
 const createSectionProvider = (data)=>createStore((set, get)=>({
             data: data ?? {},
             getSection: (id)=>{
+                console.log('get().data', get().data);
                 const section = get().data[id];
                 return section ?? undefined;
             },

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'];
@@ -6470,6 +6471,7 @@ type BlockEntity = {
     name?: string;
     dateModified?: string | number;
     childrens?: string[];
+    rawChildrens?: BlockEntity[];
     settings?: Record<string, any>;
     advanced?: Record<string, any>;
     styles?: Record<string, any>;
@@ -6477,6 +6479,8 @@ type BlockEntity = {
     type?: 'component';
     isThemeSection?: boolean;
     needPublishing?: boolean;
+    isShopifySection?: boolean;
+    isShopifyVisibility?: boolean;
 };
 type SectionEntity = {
     uid: string;
@@ -6486,6 +6490,8 @@ type SectionEntity = {
     name?: string;
     isThemeSection?: boolean;
     needPublishing?: boolean;
+    isShopifySection?: boolean;
+    isShopifyVisibility?: boolean;
 };
 type BuilderEntity = BlockEntity | SectionEntity;
 type BuilderEntityNested = Omit<BlockEntity, 'childrens'> & {
@@ -6536,9 +6542,15 @@ 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 RawChild = {
+    uid: string;
+    builder: Record<string, any>;
+    components: Record<string, any>;
+    [key: string]: any;
+};
 
 type InitComponentType<T = any> = {
     [K in keyof T]-?: {
@@ -6604,7 +6616,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 +6737,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;
@@ -6956,6 +6970,7 @@ type PositionControlType<T> = SharedControlType<T> & {
 
 type PositionSquareControlType<T> = SharedControlType<T> & {
     type: 'position:square';
+    ignoreValue?: string[];
 };
 
 type RadioGroupControlType = {
@@ -6976,6 +6991,7 @@ type RangeControlType<T> = SharedControlType<T> & {
     disableOnChange?: boolean;
     useOnlyUnitInit?: boolean;
     hideUnit?: boolean;
+    hideInput?: boolean;
 };
 
 type Option$3<T> = {
@@ -7378,6 +7394,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 +7459,7 @@ type TypographyV2ControlType<T> = SharedControlType<T> & {
         color?: boolean;
         transform?: boolean;
     };
+    disableCollapse?: boolean;
 };
 
 type StickyDisplayControlType<T> = SharedControlType<T> & {
@@ -7681,6 +7702,7 @@ type ProductOffersControlType<T> = SharedControlType<T> & {
 
 type DiscountAndShippingFee<T> = SharedControlType<T> & {
     type: 'discount-and-shipping-fee-product-offer';
+    multiple: boolean;
 };
 
 type PostPurchaseTextareaControlType<T> = SharedControlType<T> & {
@@ -7698,7 +7720,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;
@@ -7833,6 +7864,7 @@ type ComponentPreset = {
     };
     components: InitComponentType[];
     hideTextContent?: boolean;
+    flowTagComponents?: Record<string, InitComponentType[]>;
 };
 
 type PageContext = {
@@ -27319,7 +27351,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 +27429,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 +27632,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 +27767,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 +27797,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 +27949,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 +34133,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 +35805,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 +35909,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 +35968,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, RawChild, 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.4",
+  "version": "1.41.0-dev.16",
   "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.16"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",