@gem-sdk/core 1.22.1 → 1.22.3

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -61,6 +61,7 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
                     advanced: advanced
                 }),
                 /*#__PURE__*/ jsxRuntime.jsx(children.type, {
+                    className: advanced?.cssClass,
                     ...children.props,
                     style,
                     builderAttrs,
@@ -78,7 +79,7 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
             }),
             /*#__PURE__*/ jsxRuntime.jsx("div", {
                 style: style,
-                className: `${props.uid}`,
+                className: `${props.uid} ${props.advanced?.cssClass ? props.advanced?.cssClass : ''}`,
                 ...builderAttrs,
                 children: children
             })

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

@@ -16,7 +16,7 @@ const componentTexts = [
     'Text',
     'Heading'
 ];
-const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passProps })=>{
+const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, ...passProps })=>{
     const item = builder[uid];
     const Component = components[item?.tag];
     if (!Component) {
@@ -55,6 +55,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     style,
                     advanced: item.advanced,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
+                    pageContext,
                     ...passProps,
                     rawChildren: item.childrens.map((id)=>{
                         return {
@@ -62,7 +63,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             uid: id,
                             builder,
                             components,
-                            customProps
+                            customProps,
+                            pageContext
                         };
                     }),
                     children: !constant.customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -73,7 +75,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             builder,
                             components,
                             customProps,
-                            parentTag: item.tag
+                            parentTag: item.tag,
+                            pageContext
                         }))) : ''
                 });
             }, ()=>{
@@ -88,6 +91,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     style,
                     isText: componentTexts.includes(item.tag) ? true : null,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
+                    pageContext,
                     ...passProps
                 });
             });
@@ -101,6 +105,10 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     },
                     styles: item.styles,
                     setting: item.settings,
+                    advanced: {
+                        cssClass: item?.advanced?.cssClass
+                    },
+                    pageContext,
                     ...passProps,
                     rawChildren: item.childrens.map((id)=>{
                         return {
@@ -108,7 +116,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             uid: id,
                             builder,
                             components,
-                            customProps
+                            customProps,
+                            pageContext
                         };
                     }),
                     children: !constant.customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -119,7 +128,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             builder,
                             components,
                             customProps,
-                            parentTag: item.tag
+                            parentTag: item.tag,
+                            pageContext
                         }))) : ''
                 });
             }, ()=>{
@@ -130,6 +140,10 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     },
                     styles: item.styles,
                     setting: item.settings,
+                    advanced: {
+                        cssClass: item?.advanced?.cssClass
+                    },
+                    pageContext,
                     isText: componentTexts.includes(item.tag) ? true : null,
                     ...passProps
                 });
@@ -183,7 +197,7 @@ const RenderChildren = (props)=>{
     if (Math.ceil(size / 1024) >= 180) {
         const fileName = `gp-section-snippet-${props.uid}`;
         props.customProps.extraFiles[fileName] = data.liquid;
-        return `{% render '${fileName}', product: product, variant: variant, product_form_id: product_form_id  %}`;
+        return `{% render '${fileName}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant  %}`;
     }
     return data.liquid;
 };
@@ -200,7 +214,7 @@ const WrapRenderChildren = ({ uid, customProps }, codes)=>{
                 if (Math.ceil(size / 1024) >= 180) {
                     const fileName = `gp-section-snippet-${uid + i}`;
                     customProps.extraFiles[fileName] = code;
-                    liquid += `{% render '${fileName}', product: product, variant: variant, product_form_id: product_form_id  %}`;
+                    liquid += `{% render '${fileName}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant  %}`;
                 } else {
                     liquid += code;
                 }

package/dist/cjs/components/constant.js

@@ -34,14 +34,15 @@ const disableWrap = [
     'ProductPrice',
     'Product',
     'ProductImages',
+    'ProductImagesV2',
     'Sticky'
 ];
 const customRenderChildren = [
-    "Accordion",
-    "AccordionItem",
-    "Row",
-    "IconList",
-    "Tabs"
+    'Accordion',
+    'AccordionItem',
+    'Row',
+    'IconList',
+    'Tabs'
 ];
 
 exports.customRenderChildren = customRenderChildren;

package/dist/cjs/helpers/compose-advance-style.js

@@ -58,6 +58,7 @@ function composeAdvanceStyle(data, tag) {
     ];
     Object.keys(data).forEach((attr)=>{
         const value = data[attr];
+        if (attr === 'cssClass') return;
         if (value === undefined || value === null) return;
         const hasBoxShadow = data.hasBoxShadow ? data.hasBoxShadow : {};
         if (typeof value === 'object') {

package/dist/cjs/helpers/make-style.js

@@ -94,11 +94,22 @@ const makeHeight = (heighValue, autoHeight)=>{
     };
 };
 const makeAspectRatio = (aspectRatio, aspectWidth, aspectHeight)=>{
-    return {
-        desktop: aspectRatio?.desktop === 'custom' ? `${getResonsiveValue.getResponsiveValueByScreen(aspectWidth, 'desktop')}/${getResonsiveValue.getResponsiveValueByScreen(aspectHeight, 'desktop')}` : aspectRatio?.desktop,
-        tablet: aspectRatio?.tablet === 'custom' ? `${getResonsiveValue.getResponsiveValueByScreen(aspectWidth, 'tablet')}/${getResonsiveValue.getResponsiveValueByScreen(aspectHeight, 'tablet')}` : aspectRatio?.tablet,
-        mobile: aspectRatio?.mobile === 'custom' ? `${getResonsiveValue.getResponsiveValueByScreen(aspectWidth, 'mobile')}/${getResonsiveValue.getResponsiveValueByScreen(aspectHeight, 'mobile')}` : aspectRatio?.mobile
-    };
+    let result = {};
+    const DEVICES = [
+        'desktop',
+        'mobile',
+        'tablet'
+    ];
+    DEVICES.forEach((device)=>{
+        const aspectRatioDevice = getResonsiveValue.getResponsiveValueByScreen(aspectRatio, device);
+        if (aspectRatioDevice !== 'none') {
+            result = {
+                ...result,
+                [device]: aspectRatioDevice !== 'custom' ? aspectRatioDevice : `${getResonsiveValue.getResponsiveValueByScreen(aspectWidth, 'desktop')}/${getResonsiveValue.getResponsiveValueByScreen(aspectHeight, 'desktop')}`
+            };
+        }
+    });
+    return result;
 };
 const makeLineClamp = (lineClampValue, hasLineClampValue)=>{
     const getVal = (deviceValue, lineClampValue, hasLineClampValue)=>{

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

@@ -4,11 +4,12 @@ var products_generated = require('../../graphql/queries/products.generated.js');
 var getCollection = require('./get-collection.js');
 var getProduct = require('./get-product.js');
 
-const getProducts = async (fetcher, { ids, isSample, isStorefront })=>{
+const getProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount })=>{
     const products = await loopFetchProducts(fetcher, {
         ids,
         isSample,
-        isStorefront
+        isStorefront,
+        defaultSelectedProductCount
     });
     if (!products) {
         throw new Error('Product not found');
@@ -61,8 +62,9 @@ const fetchProducts = async (fetcher, variables)=>{
         variables
     ]);
 };
-const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront })=>{
-    const numberOfProducts = (ids?.length == 0 ? 4 : ids?.length) ?? 4;
+const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount })=>{
+    const defaultNumberOfProducts = defaultSelectedProductCount || 4;
+    const numberOfProducts = (ids?.length == 0 ? defaultNumberOfProducts : ids?.length) ?? defaultNumberOfProducts;
     const productsPerPage = 8; // number of products per page
     let variables; // variables of collection query
     let productAfterFetcher; // product after of collection query

package/dist/cjs/helpers/radius.js

@@ -44,6 +44,13 @@ const composeRadius = (value)=>{
     }
     return composeRadiusState(value);
 };
+const composeRadiusResponsive = (radiusValue)=>{
+    const style = {};
+    Object.assign(style, getCustomRadius('normal', radiusValue?.desktop, 'desktop'));
+    Object.assign(style, getCustomRadius('normal', radiusValue?.tablet, 'tablet'));
+    Object.assign(style, getCustomRadius('normal', radiusValue?.mobile, 'mobile'));
+    return style;
+};
 const composeRadiusState = (radiusValue, device)=>{
     const style = {};
     switch(radiusValue?.normal?.radiusType){
@@ -126,6 +133,7 @@ const composeCornerCss = (value, important = false)=>{
 
 exports.composeCornerCss = composeCornerCss;
 exports.composeRadius = composeRadius;
+exports.composeRadiusResponsive = composeRadiusResponsive;
 exports.getCornerCSSFromGlobal = getCornerCSSFromGlobal;
 exports.getCustomRadius = getCustomRadius;
 exports.getRadiusCSSFromGlobal = getRadiusCSSFromGlobal;

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

@@ -6,14 +6,15 @@ var query = require('../../helpers/query.js');
 var shop = require('../shop.js');
 var useFetchHandle = require('../useFetchHandle.js');
 
-const useProductsQuery = (ids, options)=>{
+const useProductsQuery = (ids, options, defaultSelectedProductCount)=>{
     const fetcher = useFetchHandle.useFetchHandle();
     const isSample = shop.useIsSampleProduct();
     const isStorefront = shop.useIsStorefrontProduct();
     return useSWR(ids ? query.generateProductsQueryKey({
         ids,
         isSample,
-        isStorefront
+        isStorefront,
+        defaultSelectedProductCount
     }) : null, async ([, arg])=>{
         return getProducts.getProducts(fetcher, arg);
     }, options);

package/dist/cjs/index.js

@@ -192,6 +192,7 @@ exports.composeTypographyV2Css = typography.composeTypographyV2Css;
 exports.genTypoClass = typography.genTypoClass;
 exports.composeCornerCss = radius.composeCornerCss;
 exports.composeRadius = radius.composeRadius;
+exports.composeRadiusResponsive = radius.composeRadiusResponsive;
 exports.getCornerCSSFromGlobal = radius.getCornerCSSFromGlobal;
 exports.getCustomRadius = radius.getCustomRadius;
 exports.getRadiusCSSFromGlobal = radius.getRadiusCSSFromGlobal;

package/dist/esm/components/ComponentWrapperPreview.js

@@ -57,6 +57,7 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
                     advanced: advanced
                 }),
                 /*#__PURE__*/ jsx(children.type, {
+                    className: advanced?.cssClass,
                     ...children.props,
                     style,
                     builderAttrs,
@@ -74,7 +75,7 @@ const ComponentWrapperPreview = ({ children, ...props })=>{
             }),
             /*#__PURE__*/ jsx("div", {
                 style: style,
-                className: `${props.uid}`,
+                className: `${props.uid} ${props.advanced?.cssClass ? props.advanced?.cssClass : ''}`,
                 ...builderAttrs,
                 children: children
             })

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

@@ -12,7 +12,7 @@ const componentTexts = [
     'Text',
     'Heading'
 ];
-const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passProps })=>{
+const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, ...passProps })=>{
     const item = builder[uid];
     const Component = components[item?.tag];
     if (!Component) {
@@ -51,6 +51,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     style,
                     advanced: item.advanced,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
+                    pageContext,
                     ...passProps,
                     rawChildren: item.childrens.map((id)=>{
                         return {
@@ -58,7 +59,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             uid: id,
                             builder,
                             components,
-                            customProps
+                            customProps,
+                            pageContext
                         };
                     }),
                     children: !customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -69,7 +71,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             builder,
                             components,
                             customProps,
-                            parentTag: item.tag
+                            parentTag: item.tag,
+                            pageContext
                         }))) : ''
                 });
             }, ()=>{
@@ -84,6 +87,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     style,
                     isText: componentTexts.includes(item.tag) ? true : null,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
+                    pageContext,
                     ...passProps
                 });
             });
@@ -97,6 +101,10 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     },
                     styles: item.styles,
                     setting: item.settings,
+                    advanced: {
+                        cssClass: item?.advanced?.cssClass
+                    },
+                    pageContext,
                     ...passProps,
                     rawChildren: item.childrens.map((id)=>{
                         return {
@@ -104,7 +112,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             uid: id,
                             builder,
                             components,
-                            customProps
+                            customProps,
+                            pageContext
                         };
                     }),
                     children: !customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -115,7 +124,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                             builder,
                             components,
                             customProps,
-                            parentTag: item.tag
+                            parentTag: item.tag,
+                            pageContext
                         }))) : ''
                 });
             }, ()=>{
@@ -126,6 +136,10 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, ...passPr
                     },
                     styles: item.styles,
                     setting: item.settings,
+                    advanced: {
+                        cssClass: item?.advanced?.cssClass
+                    },
+                    pageContext,
                     isText: componentTexts.includes(item.tag) ? true : null,
                     ...passProps
                 });
@@ -179,7 +193,7 @@ const RenderChildren = (props)=>{
     if (Math.ceil(size / 1024) >= 180) {
         const fileName = `gp-section-snippet-${props.uid}`;
         props.customProps.extraFiles[fileName] = data.liquid;
-        return `{% render '${fileName}', product: product, variant: variant, product_form_id: product_form_id  %}`;
+        return `{% render '${fileName}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant  %}`;
     }
     return data.liquid;
 };
@@ -196,7 +210,7 @@ const WrapRenderChildren = ({ uid, customProps }, codes)=>{
                 if (Math.ceil(size / 1024) >= 180) {
                     const fileName = `gp-section-snippet-${uid + i}`;
                     customProps.extraFiles[fileName] = code;
-                    liquid += `{% render '${fileName}', product: product, variant: variant, product_form_id: product_form_id  %}`;
+                    liquid += `{% render '${fileName}', product: product, variant: variant, product_form_id: product_form_id, productSelectedVariant: productSelectedVariant  %}`;
                 } else {
                     liquid += code;
                 }

package/dist/esm/components/constant.js

@@ -32,14 +32,15 @@ const disableWrap = [
     'ProductPrice',
     'Product',
     'ProductImages',
+    'ProductImagesV2',
     'Sticky'
 ];
 const customRenderChildren = [
-    "Accordion",
-    "AccordionItem",
-    "Row",
-    "IconList",
-    "Tabs"
+    'Accordion',
+    'AccordionItem',
+    'Row',
+    'IconList',
+    'Tabs'
 ];
 
 export { customRenderChildren, disableWrap };

package/dist/esm/helpers/compose-advance-style.js

@@ -56,6 +56,7 @@ function composeAdvanceStyle(data, tag) {
     ];
     Object.keys(data).forEach((attr)=>{
         const value = data[attr];
+        if (attr === 'cssClass') return;
         if (value === undefined || value === null) return;
         const hasBoxShadow = data.hasBoxShadow ? data.hasBoxShadow : {};
         if (typeof value === 'object') {

package/dist/esm/helpers/make-style.js

@@ -92,11 +92,22 @@ const makeHeight = (heighValue, autoHeight)=>{
     };
 };
 const makeAspectRatio = (aspectRatio, aspectWidth, aspectHeight)=>{
-    return {
-        desktop: aspectRatio?.desktop === 'custom' ? `${getResponsiveValueByScreen(aspectWidth, 'desktop')}/${getResponsiveValueByScreen(aspectHeight, 'desktop')}` : aspectRatio?.desktop,
-        tablet: aspectRatio?.tablet === 'custom' ? `${getResponsiveValueByScreen(aspectWidth, 'tablet')}/${getResponsiveValueByScreen(aspectHeight, 'tablet')}` : aspectRatio?.tablet,
-        mobile: aspectRatio?.mobile === 'custom' ? `${getResponsiveValueByScreen(aspectWidth, 'mobile')}/${getResponsiveValueByScreen(aspectHeight, 'mobile')}` : aspectRatio?.mobile
-    };
+    let result = {};
+    const DEVICES = [
+        'desktop',
+        'mobile',
+        'tablet'
+    ];
+    DEVICES.forEach((device)=>{
+        const aspectRatioDevice = getResponsiveValueByScreen(aspectRatio, device);
+        if (aspectRatioDevice !== 'none') {
+            result = {
+                ...result,
+                [device]: aspectRatioDevice !== 'custom' ? aspectRatioDevice : `${getResponsiveValueByScreen(aspectWidth, 'desktop')}/${getResponsiveValueByScreen(aspectHeight, 'desktop')}`
+            };
+        }
+    });
+    return result;
 };
 const makeLineClamp = (lineClampValue, hasLineClampValue)=>{
     const getVal = (deviceValue, lineClampValue, hasLineClampValue)=>{

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

@@ -2,11 +2,12 @@ import { ProductsDocument } from '../../graphql/queries/products.generated.js';
 import { calculateFirstProduct } from './get-collection.js';
 import { fetchVariants, fetchMedias } from './get-product.js';
 
-const getProducts = async (fetcher, { ids, isSample, isStorefront })=>{
+const getProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount })=>{
     const products = await loopFetchProducts(fetcher, {
         ids,
         isSample,
-        isStorefront
+        isStorefront,
+        defaultSelectedProductCount
     });
     if (!products) {
         throw new Error('Product not found');
@@ -59,8 +60,9 @@ const fetchProducts = async (fetcher, variables)=>{
         variables
     ]);
 };
-const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront })=>{
-    const numberOfProducts = (ids?.length == 0 ? 4 : ids?.length) ?? 4;
+const loopFetchProducts = async (fetcher, { ids, isSample, isStorefront, defaultSelectedProductCount })=>{
+    const defaultNumberOfProducts = defaultSelectedProductCount || 4;
+    const numberOfProducts = (ids?.length == 0 ? defaultNumberOfProducts : ids?.length) ?? defaultNumberOfProducts;
     const productsPerPage = 8; // number of products per page
     let variables; // variables of collection query
     let productAfterFetcher; // product after of collection query

package/dist/esm/helpers/radius.js

@@ -42,6 +42,13 @@ const composeRadius = (value)=>{
     }
     return composeRadiusState(value);
 };
+const composeRadiusResponsive = (radiusValue)=>{
+    const style = {};
+    Object.assign(style, getCustomRadius('normal', radiusValue?.desktop, 'desktop'));
+    Object.assign(style, getCustomRadius('normal', radiusValue?.tablet, 'tablet'));
+    Object.assign(style, getCustomRadius('normal', radiusValue?.mobile, 'mobile'));
+    return style;
+};
 const composeRadiusState = (radiusValue, device)=>{
     const style = {};
     switch(radiusValue?.normal?.radiusType){
@@ -122,4 +129,4 @@ const composeCornerCss = (value, important = false)=>{
     return radiusValue;
 };
 
-export { composeCornerCss, composeRadius, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState };
+export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState };

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

@@ -4,14 +4,15 @@ import { generateProductsQueryKey } from '../../helpers/query.js';
 import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';
 import { useFetchHandle } from '../useFetchHandle.js';
 
-const useProductsQuery = (ids, options)=>{
+const useProductsQuery = (ids, options, defaultSelectedProductCount)=>{
     const fetcher = useFetchHandle();
     const isSample = useIsSampleProduct();
     const isStorefront = useIsStorefrontProduct();
     return useSWR(ids ? generateProductsQueryKey({
         ids,
         isSample,
-        isStorefront
+        isStorefront,
+        defaultSelectedProductCount
     }) : null, async ([, arg])=>{
         return getProducts(fetcher, arg);
     }, options);

package/dist/esm/index.js

@@ -41,7 +41,7 @@ export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyl
 export { isDefined } from './helpers/is-defined.js';
 export { composeTextColorCss, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getSingleColorVariable, isColor } from './helpers/colors.js';
 export { composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
-export { composeCornerCss, composeRadius, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
+export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
 export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption } from './helpers/product.js';
 import * as fpixel from './helpers/tracking/fpixel.js';
 export { fpixel };

package/dist/types/index.d.ts

@@ -26,39 +26,6 @@ type Props$1 = {
 };
 declare const RenderPreviewMemo: React.NamedExoticComponent<Props$1>;
 
-type ExtraFiles = Record<string, string>;
-type Props = {
-    uid: string;
-    builder: Record<string, any>;
-    components: Record<string, any>;
-    extraFiles?: ExtraFiles;
-    [key: string]: any;
-};
-declare const Render: ({ uid, builder, components, parentId, extraFiles, ...passProps }: Props) => {
-    liquid: string;
-    extraFiles: ExtraFiles;
-};
-declare const RenderChildren: (props: Props) => string;
-declare const WrapRenderChildren: ({ uid, customProps, }: {
-    uid: string;
-    customProps: {
-        extraFiles: ExtraFiles;
-    };
-}, codes?: (string | undefined)[]) => string;
-
-type AddonContextProps = {
-    components: Record<string, React.ComponentType<any>>;
-};
-type AddonProviderProps = Pick<AddonContextProps, 'components'> & {
-    children: React.ReactNode;
-    key?: React.Key;
-};
-declare const AddonProvider: React.FC<AddonProviderProps>;
-declare const useAddons: () => Record<string, React.ComponentType<any>>;
-declare const useAddon: (id?: string) => React.ComponentType<any> | React.FC<BaseProps & {
-    children?: React.ReactNode;
-}>;
-
 type BlockEntity = {
     uid: string;
     tag: string;
@@ -105,9 +72,14 @@ type Ratio$1 = {
     width?: string;
     height?: string;
 };
+type ImageShape$1 = {
+    shape?: 'square' | 'vertical' | 'horizontal' | 'custom';
+    width?: string;
+    height?: string;
+};
 type FlexDirectionProp = 'row' | 'column' | 'row-reverse' | 'column-reverse';
 type TransformProp = 'default' | 'capitalize' | 'uppercase' | 'lowercase' | 'none';
-type BaseProps<Setting = unknown, Style = unknown, Advanced = unknown> = {
+type BaseProps<Setting = unknown, Style = unknown, Advanced = Record<string, any>> = {
     builderProps?: {
         /** Unique id of component */
         uid?: string;
@@ -117,7 +89,7 @@ type BaseProps<Setting = unknown, Style = unknown, Advanced = unknown> = {
     setting?: Setting;
     advanced?: Advanced;
 };
-type BasePropsWrap<S = unknown, Style = unknown, A = unknown> = BaseProps<S, Style, A> & {
+type BasePropsWrap<S = unknown, Style = unknown, A = Record<string, any>> = BaseProps<S, Style, A> & {
     builderAttrs?: Record<string, any>;
     style?: React.CSSProperties;
 };
@@ -203,6 +175,7 @@ type Mapped$5<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     devices?: ResponsiveConfig<U>;
     emptyOnClear?: boolean;
+    showVideo?: boolean;
 } : {
     id: K;
     label?: string;
@@ -234,6 +207,7 @@ type Mapped$5<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         active?: boolean;
     };
     emptyOnClear?: boolean;
+    showVideo?: boolean;
     default?: T;
 };
 type SharedControlType<T> = {
@@ -641,7 +615,7 @@ type BackgroundControlType<T> = SharedControlType<T> & {
     value?: Background;
 };
 type Background = {
-    type: 'color' | 'image';
+    type: 'color' | 'image' | 'video';
     color?: string;
     image?: {
         src?: string;
@@ -653,6 +627,9 @@ type Background = {
     position?: BgPosition;
     repeat?: BgRepeat;
     attachment?: BgAttachment;
+    video?: string;
+    loop?: boolean;
+    lazyLoad?: boolean;
 };
 type BgSize = 'cover' | 'contain';
 type BgRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
@@ -728,6 +705,7 @@ type Option<T> = {
     label?: string | number;
     type?: string;
     icon?: string;
+    isTextIcon?: boolean;
 };
 type Mapped$1<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
@@ -751,6 +729,9 @@ type Mapped$1<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     devices?: ResponsiveConfig<U>;
     iconViewBox?: string;
     enableItemBackground?: boolean;
+    itemPerRow?: number;
+    itemSpacing?: 'large' | 'small';
+    enableTooltip?: boolean;
 } : {
     id: K;
     label: string;
@@ -793,6 +774,10 @@ type SwatchesLinkControlType<T> = SharedControlType<T> & {
     id?: string;
     type: 'swatchesLink';
 };
+type VariantSwatchesPresetControlType<T> = SharedControlType<T> & {
+    id?: string;
+    type: 'variant:presets';
+};
 
 type LayoutControlType<T> = SharedControlType<T> & {
     type: 'layout';
@@ -887,7 +872,19 @@ type StepsGuide<T> = {
     [K in keyof T]-?: Mapped<K, T[K]>;
 }[keyof 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> | SwatchesLinkControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T>;
+type ImageShape<T> = SharedControlType<T> & {
+    type: 'image-shape';
+    placeholder?: string;
+    readonly?: boolean;
+};
+
+type GridArrange<T> = SharedControlType<T> & {
+    type: 'grid-arrange';
+    placeholder?: string;
+    readonly?: boolean;
+};
+
+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> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T>;
 type Setting<P extends BaseProps> = {
     id: 'setting';
     note?: string;
@@ -991,6 +988,7 @@ type ComponentPreset = {
         mobile?: string;
     };
     components: InitComponentType[];
+    hideTextContent?: boolean;
 };
 
 type Maybe<T> = T | undefined;
@@ -7054,6 +7052,9 @@ declare namespace shop {
   };
 }
 
+type PageContext = {
+    numberOfProductOfProductList: number;
+};
 type DeepPartial<T> = {
     [P in keyof T]?: DeepPartial<T[P]>;
 };
@@ -7242,6 +7243,40 @@ type ProductInputAnalytic = {
     currency?: string;
 };
 
+type ExtraFiles = Record<string, string>;
+type Props = {
+    uid: string;
+    builder: Record<string, any>;
+    components: Record<string, any>;
+    extraFiles?: ExtraFiles;
+    pageContext?: PageContext;
+    [key: string]: any;
+};
+declare const Render: ({ uid, builder, components, parentId, extraFiles, pageContext, ...passProps }: Props) => {
+    liquid: string;
+    extraFiles: ExtraFiles;
+};
+declare const RenderChildren: (props: Props) => string;
+declare const WrapRenderChildren: ({ uid, customProps, }: {
+    uid: string;
+    customProps: {
+        extraFiles: ExtraFiles;
+    };
+}, codes?: (string | undefined)[]) => string;
+
+type AddonContextProps = {
+    components: Record<string, React.ComponentType<any>>;
+};
+type AddonProviderProps = Pick<AddonContextProps, 'components'> & {
+    children: React.ReactNode;
+    key?: React.Key;
+};
+declare const AddonProvider: React.FC<AddonProviderProps>;
+declare const useAddons: () => Record<string, React.ComponentType<any>>;
+declare const useAddon: (id?: string) => React.ComponentType<any> | React.FC<BaseProps & {
+    children?: React.ReactNode;
+}>;
+
 type BuilderComponentProps = {
     components: Record<string, React.ComponentType<any>>;
     getItem: (id: string) => React.ComponentType<BaseProps> | undefined;
@@ -9342,6 +9377,7 @@ declare const getCornerCSSFromGlobal: (corner?: CornerRadius) => React.CSSProper
 declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices) => React.CSSProperties;
 declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices) => React.CSSProperties;
 declare const composeRadius: (value?: StateProp<CornerRadius> | ResponsiveStateProp<CornerRadius>) => React.CSSProperties;
+declare const composeRadiusResponsive: (radiusValue?: ObjectDevices<CornerRadius>) => React.CSSProperties;
 declare const getRadiusStyleActiveState: (radiusValue?: StateProp<CornerRadius>) => React.CSSProperties;
 declare const composeCornerCss: (value?: CornerRadius | undefined, important?: boolean) => string | undefined;
 
@@ -9465,6 +9501,7 @@ type FetchProductsParams = {
     ids: string[];
     isSample?: boolean;
     isStorefront?: boolean;
+    defaultSelectedProductCount?: number;
 };
 
 declare const generateProductQueryKey: (args: FetchProductParams) => ['query/product', FetchProductParams];
@@ -9553,7 +9590,7 @@ declare const useCollectionsQuery: (variable: CollectionsQueryVariables, options
 
 declare const useProductQuery: (productId?: string, options?: SWRConfiguration<ProductSelectFragment>) => swr__internal.SWRResponse<ProductSelectFragment, any, Partial<swr__internal.PublicConfiguration<ProductSelectFragment, any, (arg: ["query/product", FetchProductParams]) => swr__internal.FetcherResponse<ProductSelectFragment>>> | undefined>;
 
-declare const useProductsQuery: (ids?: string[], options?: SWRConfiguration<ProductsQueryResponse>) => swr__internal.SWRResponse<ProductsQueryResponse, any, Partial<swr__internal.PublicConfiguration<ProductsQueryResponse, any, (arg: ["query/products", FetchProductsParams]) => swr__internal.FetcherResponse<ProductsQueryResponse>>> | undefined>;
+declare const useProductsQuery: (ids?: string[], options?: SWRConfiguration<ProductsQueryResponse>, defaultSelectedProductCount?: number) => swr__internal.SWRResponse<ProductsQueryResponse, any, Partial<swr__internal.PublicConfiguration<ProductsQueryResponse, any, (arg: ["query/products", FetchProductsParams]) => swr__internal.FetcherResponse<ProductsQueryResponse>>> | undefined>;
 
 declare const useCurrentDevice: () => NameDevices;
 
@@ -9706,4 +9743,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, 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, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composeRadius, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, 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, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, 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, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageContext, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, 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, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, 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.22.1",
+  "version": "1.22.3",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -24,8 +24,8 @@
     "type-check": "yarn tsc --noEmit"
   },
   "devDependencies": {
-    "@gem-sdk/adapter-shopify": "1.12.0",
-    "@gem-sdk/styles": "1.21.8"
+    "@gem-sdk/adapter-shopify": "1.22.0",
+    "@gem-sdk/styles": "1.22.0"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",