@gem-sdk/core 1.37.3 → 1.37.5

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

@@ -13,9 +13,9 @@ require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
 require('react-transition-group');
 require('@gem-sdk/core');
-var render = require('../helpers/render.js');
-var convert = require('../helpers/convert.js');
 var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
+var convert = require('../helpers/convert.js');
+var render = require('../helpers/render.js');
 var constant = require('./constant.js');
 
 const componentsRenderWithParentId = [

package/dist/cjs/helpers/render.js

@@ -62,10 +62,15 @@ const template = (strings, ...keys)=>{
 };
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const composeMemo = (fn, _)=>fn();
+const removeUndefinedValuesFromObject = (obj)=>{
+    Object.keys(obj).forEach((key)=>obj?.[key] === undefined && delete obj[key]);
+    return obj;
+};
 
 exports.RenderIf = RenderIf;
 exports.composeMemo = composeMemo;
 exports.dataStringify = dataStringify;
 exports.props = props;
+exports.removeUndefinedValuesFromObject = removeUndefinedValuesFromObject;
 exports.styles = styles;
 exports.template = template;

package/dist/cjs/hooks/useAnimations.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var animations = require('../helpers/animations.js');
 require('react');
 require('react/jsx-runtime');
 require('zustand');
@@ -10,7 +11,6 @@ require('vanilla-lazyload');
 require('./useCartUI.js');
 require('react-transition-group');
 require('@gem-sdk/core');
-var animations = require('../helpers/animations.js');
 require('../helpers/convert.js');
 
 const useAnimations = ()=>{

package/dist/cjs/hooks/useProduct.js

@@ -2,7 +2,6 @@
 
 var react = require('react');
 var ProductContext = require('../contexts/ProductContext.js');
-var flattenConnection = require('../helpers/flatten-connection.js');
 require('react/jsx-runtime');
 require('zustand');
 require('swr');
@@ -13,8 +12,9 @@ require('./useCartUI.js');
 var variant = require('../helpers/variant.js');
 require('react-transition-group');
 require('@gem-sdk/core');
-var product = require('../helpers/product.js');
+var flattenConnection = require('../helpers/flatten-connection.js');
 require('../helpers/convert.js');
+var product = require('../helpers/product.js');
 
 const useUniqProductID = ()=>{
     return ProductContext.useProductStore((s)=>s.uiqueId);

package/dist/cjs/index.js

@@ -27,40 +27,40 @@ var previewPage_generated = require('./graphql/queries/preview-page.generated.js
 var borders = require('./helpers/borders.js');
 var carousel = require('./helpers/carousel.js');
 var cls = require('./helpers/cls.js');
+var animations = require('./helpers/animations.js');
+var filterToolbarPreview = require('./helpers/filter-toolbar-preview.js');
 var flattenConnection = require('./helpers/flatten-connection.js');
 var getResonsiveValue = require('./helpers/get-resonsive-value.js');
 var getShortname = require('./helpers/get-shortname.js');
 var GlobalEvent = require('./helpers/GlobalEvent.js');
 var isBrowser = require('./helpers/is-browser.js');
-var isSafari = require('./helpers/is-safari.js');
 var isEmptyChildren = require('./helpers/is-empty-children.js');
-var filterToolbarPreview = require('./helpers/filter-toolbar-preview.js');
-var animations = require('./helpers/animations.js');
-var makeStyle = require('./helpers/make-style.js');
+var isSafari = require('./helpers/is-safari.js');
 var normalizeBuilderData = require('./helpers/normalize-builder-data.js');
 var prefetchQueries = require('./helpers/prefetch-queries.js');
-var spacing = require('./helpers/spacing.js');
-var loadScript = require('./helpers/load-script.js');
-var email = require('./helpers/email.js');
-var cssVariable = require('./helpers/css-variable.js');
-var layout = require('./helpers/layout.js');
-var isDefined = require('./helpers/is-defined.js');
+var background = require('./helpers/background.js');
 var colors = require('./helpers/colors.js');
-var typography = require('./helpers/typography.js');
-var radius = require('./helpers/radius.js');
+var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
+var convert = require('./helpers/convert.js');
+var covertEntitiesHtml = require('./helpers/covert-entities-html.js');
+var iconList = require('./helpers/icon-list.js');
+var isDefined = require('./helpers/is-defined.js');
+var layout = require('./helpers/layout.js');
+var makeStyle = require('./helpers/make-style.js');
 var product = require('./helpers/product.js');
+var query = require('./helpers/query.js');
+var radius = require('./helpers/radius.js');
+var render = require('./helpers/render.js');
+var shadow = require('./helpers/shadow.js');
+var size = require('./helpers/size.js');
+var typography = require('./helpers/typography.js');
+var email = require('./helpers/email.js');
+var loadScript = require('./helpers/load-script.js');
+var spacing = require('./helpers/spacing.js');
+var cssVariable = require('./helpers/css-variable.js');
 var fpixel = require('./helpers/tracking/fpixel.js');
 var gtag = require('./helpers/tracking/gtag.js');
 var tiktokpixel = require('./helpers/tracking/tiktokpixel.js');
-var render = require('./helpers/render.js');
-var convert = require('./helpers/convert.js');
-var size = require('./helpers/size.js');
-var shadow = require('./helpers/shadow.js');
-var background = require('./helpers/background.js');
-var query = require('./helpers/query.js');
-var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
-var iconList = require('./helpers/icon-list.js');
-var covertEntitiesHtml = require('./helpers/covert-entities-html.js');
 var useAddToCart = require('./hooks/cart/use-add-to-cart.js');
 var useCartData = require('./hooks/cart/use-cart-data.js');
 var useCartDiscountCodesUpdate = require('./hooks/cart/use-cart-discount-codes-update.js');
@@ -150,6 +150,8 @@ exports.getCarouselContainerHeight = carousel.getCarouselContainerHeight;
 exports.makeContainerWidthOrHeight = carousel.makeContainerWidthOrHeight;
 exports.makeDotGapToCarouselStyle = carousel.makeDotGapToCarouselStyle;
 exports.cls = cls.cls;
+exports.animations = animations.animations;
+exports.filterToolbarPreview = filterToolbarPreview.filterToolbarPreview;
 exports.flattenConnection = flattenConnection.flattenConnection;
 exports.getResponsiveStateValue = getResonsiveValue.getResponsiveStateValue;
 exports.getResponsiveValue = getResonsiveValue.getResponsiveValue;
@@ -158,35 +160,17 @@ exports.isColumnDirectionExist = getResonsiveValue.isColumnDirectionExist;
 exports.getShortName = getShortname.getShortName;
 exports.globalEvent = GlobalEvent.default;
 exports.isBrowser = isBrowser.default;
-exports.isSafari = isSafari.default;
 exports.isEmptyChildren = isEmptyChildren.isEmptyChildren;
-exports.filterToolbarPreview = filterToolbarPreview.filterToolbarPreview;
-exports.animations = animations.animations;
-exports.makeAspectRatio = makeStyle.makeAspectRatio;
-exports.makeGlobalSizeHeightResponsive = makeStyle.makeGlobalSizeHeightResponsive;
-exports.makeGlobalSizeWidthResponsive = makeStyle.makeGlobalSizeWidthResponsive;
-exports.makeHeight = makeStyle.makeHeight;
-exports.makeLineClamp = makeStyle.makeLineClamp;
-exports.makeStyle = makeStyle.makeStyle;
-exports.makeStyleKey = makeStyle.makeStyleKey;
-exports.makeStyleResponsive = makeStyle.makeStyleResponsive;
-exports.makeStyleResponsiveByScreen = makeStyle.makeStyleResponsiveByScreen;
-exports.makeStyleResponsiveState = makeStyle.makeStyleResponsiveState;
-exports.makeStyleState = makeStyle.makeStyleState;
-exports.makeWidth = makeStyle.makeWidth;
-exports.removeNullUndefined = makeStyle.removeNullUndefined;
+exports.isSafari = isSafari.default;
 exports.normalizeBuilderData = normalizeBuilderData.normalizeBuilderData;
 exports.prefetchQueries = prefetchQueries.prefetchQueries;
-exports.composeSpacing = spacing.composeSpacing;
-exports.getSpacingVariable = spacing.getSpacingVariable;
-exports.loadScript = loadScript.loadScript;
-exports.validateEmail = email.validateEmail;
-exports.genVariable = cssVariable.genVariable;
-exports.composeGridLayout = layout.composeGridLayout;
-exports.convertOldLayout = layout.convertOldLayout;
-exports.gridToArrayRegex = layout.gridToArrayRegex;
-exports.optionLayoutStyle = layout.optionLayoutStyle;
-exports.isDefined = isDefined.isDefined;
+exports.GRADIENT_BGR_KEY = background.GRADIENT_BGR_KEY;
+exports.composeBackgroundCss = background.composeBackgroundCss;
+exports.getBgImageByDevice = background.getBgImageByDevice;
+exports.getGradientBgrStyleByDevice = background.getGradientBgrStyleByDevice;
+exports.getGradientBgrStyleForButton = background.getGradientBgrStyleForButton;
+exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
+exports.makeFixedBgAttachment = background.makeFixedBgAttachment;
 exports.composeTextColorCss = colors.composeTextColorCss;
 exports.getGlobalColorCSSProp = colors.getGlobalColorCSSProp;
 exports.getGlobalColorClass = colors.getGlobalColorClass;
@@ -201,15 +185,41 @@ exports.getGlobalColorStateStyle = colors.getGlobalColorStateStyle;
 exports.getGlobalColorStyle = colors.getGlobalColorStyle;
 exports.getSingleColorVariable = colors.getSingleColorVariable;
 exports.isColor = colors.isColor;
-exports.composeFallbackTypographyStyle = typography.composeFallbackTypographyStyle;
-exports.composeTypography = typography.composeTypography;
-exports.composeTypographyAttr = typography.composeTypographyAttr;
-exports.composeTypographyClassName = typography.composeTypographyClassName;
-exports.composeTypographyCss = typography.composeTypographyCss;
-exports.composeTypographyStyle = typography.composeTypographyStyle;
-exports.composeTypographyV2 = typography.composeTypographyV2;
-exports.composeTypographyV2Css = typography.composeTypographyV2Css;
-exports.genTypoClass = typography.genTypoClass;
+exports.composeAdvanceStyle = composeAdvanceStyle.composeAdvanceStyle;
+exports.filterAttrInStyle = composeAdvanceStyle.filterAttrInStyle;
+exports.filterCornerInStyle = composeAdvanceStyle.filterCornerInStyle;
+exports.removeAttrInStyle = composeAdvanceStyle.removeAttrInStyle;
+exports.removePaddingYInStyle = composeAdvanceStyle.removePaddingYInStyle;
+exports.splitStyle = composeAdvanceStyle.splitStyle;
+exports.baseAssetURL = convert.baseAssetURL;
+exports.isLocalEnv = convert.isLocalEnv;
+exports.convertHTML = covertEntitiesHtml.convertHTML;
+exports.composePositionLineHeight = iconList.composePositionLineHeight;
+exports.composePostionIconList = iconList.composePostionIconList;
+exports.isDefined = isDefined.isDefined;
+exports.composeGridLayout = layout.composeGridLayout;
+exports.convertOldLayout = layout.convertOldLayout;
+exports.gridToArrayRegex = layout.gridToArrayRegex;
+exports.optionLayoutStyle = layout.optionLayoutStyle;
+exports.makeAspectRatio = makeStyle.makeAspectRatio;
+exports.makeGlobalSizeHeightResponsive = makeStyle.makeGlobalSizeHeightResponsive;
+exports.makeGlobalSizeWidthResponsive = makeStyle.makeGlobalSizeWidthResponsive;
+exports.makeHeight = makeStyle.makeHeight;
+exports.makeLineClamp = makeStyle.makeLineClamp;
+exports.makeStyle = makeStyle.makeStyle;
+exports.makeStyleKey = makeStyle.makeStyleKey;
+exports.makeStyleResponsive = makeStyle.makeStyleResponsive;
+exports.makeStyleResponsiveByScreen = makeStyle.makeStyleResponsiveByScreen;
+exports.makeStyleResponsiveState = makeStyle.makeStyleResponsiveState;
+exports.makeStyleState = makeStyle.makeStyleState;
+exports.makeWidth = makeStyle.makeWidth;
+exports.removeNullUndefined = makeStyle.removeNullUndefined;
+exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
+exports.getSelectedVariant = product.getSelectedVariant;
+exports.parseSelectedOption = product.parseSelectedOption;
+exports.generateCollectionQueryKey = query.generateCollectionQueryKey;
+exports.generateProductQueryKey = query.generateProductQueryKey;
+exports.generateProductsQueryKey = query.generateProductsQueryKey;
 exports.composeCornerCss = radius.composeCornerCss;
 exports.composeRadius = radius.composeRadius;
 exports.composeRadiusResponsive = radius.composeRadiusResponsive;
@@ -217,20 +227,17 @@ exports.getCornerCSSFromGlobal = radius.getCornerCSSFromGlobal;
 exports.getCustomRadius = radius.getCustomRadius;
 exports.getRadiusCSSFromGlobal = radius.getRadiusCSSFromGlobal;
 exports.getRadiusStyleActiveState = radius.getRadiusStyleActiveState;
-exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
-exports.getSelectedVariant = product.getSelectedVariant;
-exports.parseSelectedOption = product.parseSelectedOption;
-exports.fpixel = fpixel;
-exports.gtag = gtag;
-exports.tiktokpixel = tiktokpixel;
 exports.RenderIf = render.RenderIf;
 exports.composeMemo = render.composeMemo;
 exports.dataStringify = render.dataStringify;
 exports.props = render.props;
+exports.removeUndefinedValuesFromObject = render.removeUndefinedValuesFromObject;
 exports.styles = render.styles;
 exports.template = render.template;
-exports.baseAssetURL = convert.baseAssetURL;
-exports.isLocalEnv = convert.isLocalEnv;
+exports.composeShadowCss = shadow.composeShadowCss;
+exports.getStyleShadow = shadow.getStyleShadow;
+exports.getStyleShadowState = shadow.getStyleShadowState;
+exports.parseValueWithUnit = shadow.parseValueWithUnit;
 exports.composeSize = size.composeSize;
 exports.composeSizeCss = size.composeSizeCss;
 exports.genSizeClass = size.genSizeClass;
@@ -242,29 +249,23 @@ exports.getWidthByShapeGlobalSize = size.getWidthByShapeGlobalSize;
 exports.getWidthHeightGlobalSize = size.getWidthHeightGlobalSize;
 exports.makeGlobalSize = size.makeGlobalSize;
 exports.makeStyleWithDefault = size.makeStyleWithDefault;
-exports.composeShadowCss = shadow.composeShadowCss;
-exports.getStyleShadow = shadow.getStyleShadow;
-exports.getStyleShadowState = shadow.getStyleShadowState;
-exports.parseValueWithUnit = shadow.parseValueWithUnit;
-exports.GRADIENT_BGR_KEY = background.GRADIENT_BGR_KEY;
-exports.composeBackgroundCss = background.composeBackgroundCss;
-exports.getBgImageByDevice = background.getBgImageByDevice;
-exports.getGradientBgrStyleByDevice = background.getGradientBgrStyleByDevice;
-exports.getGradientBgrStyleForButton = background.getGradientBgrStyleForButton;
-exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
-exports.makeFixedBgAttachment = background.makeFixedBgAttachment;
-exports.generateCollectionQueryKey = query.generateCollectionQueryKey;
-exports.generateProductQueryKey = query.generateProductQueryKey;
-exports.generateProductsQueryKey = query.generateProductsQueryKey;
-exports.composeAdvanceStyle = composeAdvanceStyle.composeAdvanceStyle;
-exports.filterAttrInStyle = composeAdvanceStyle.filterAttrInStyle;
-exports.filterCornerInStyle = composeAdvanceStyle.filterCornerInStyle;
-exports.removeAttrInStyle = composeAdvanceStyle.removeAttrInStyle;
-exports.removePaddingYInStyle = composeAdvanceStyle.removePaddingYInStyle;
-exports.splitStyle = composeAdvanceStyle.splitStyle;
-exports.composePositionLineHeight = iconList.composePositionLineHeight;
-exports.composePostionIconList = iconList.composePostionIconList;
-exports.convertHTML = covertEntitiesHtml.convertHTML;
+exports.composeFallbackTypographyStyle = typography.composeFallbackTypographyStyle;
+exports.composeTypography = typography.composeTypography;
+exports.composeTypographyAttr = typography.composeTypographyAttr;
+exports.composeTypographyClassName = typography.composeTypographyClassName;
+exports.composeTypographyCss = typography.composeTypographyCss;
+exports.composeTypographyStyle = typography.composeTypographyStyle;
+exports.composeTypographyV2 = typography.composeTypographyV2;
+exports.composeTypographyV2Css = typography.composeTypographyV2Css;
+exports.genTypoClass = typography.genTypoClass;
+exports.validateEmail = email.validateEmail;
+exports.loadScript = loadScript.loadScript;
+exports.composeSpacing = spacing.composeSpacing;
+exports.getSpacingVariable = spacing.getSpacingVariable;
+exports.genVariable = cssVariable.genVariable;
+exports.fpixel = fpixel;
+exports.gtag = gtag;
+exports.tiktokpixel = tiktokpixel;
 exports.useAddToCart = useAddToCart.useAddToCart;
 exports.useCartData = useCartData.useCartData;
 exports.useCartDiscountCodesUpdate = useCartDiscountCodesUpdate.useCartDiscountCodesUpdate;

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

@@ -9,9 +9,9 @@ import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
 import 'react-transition-group';
 import '@gem-sdk/core';
-import { RenderIf, template } from '../helpers/render.js';
-import { baseAssetURL, isLocalEnv } from '../helpers/convert.js';
 import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
+import { baseAssetURL, isLocalEnv } from '../helpers/convert.js';
+import { RenderIf, template } from '../helpers/render.js';
 import { disableWrap, customRenderChildren } from './constant.js';
 
 const componentsRenderWithParentId = [

package/dist/esm/helpers/render.js

@@ -60,5 +60,9 @@ const template = (strings, ...keys)=>{
 };
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const composeMemo = (fn, _)=>fn();
+const removeUndefinedValuesFromObject = (obj)=>{
+    Object.keys(obj).forEach((key)=>obj?.[key] === undefined && delete obj[key]);
+    return obj;
+};
 
-export { RenderIf, composeMemo, dataStringify, props, styles, template };
+export { RenderIf, composeMemo, dataStringify, props, removeUndefinedValuesFromObject, styles, template };

package/dist/esm/hooks/useAnimations.js

@@ -1,3 +1,4 @@
+import { animations } from '../helpers/animations.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'zustand';
@@ -8,7 +9,6 @@ import 'vanilla-lazyload';
 import './useCartUI.js';
 import 'react-transition-group';
 import '@gem-sdk/core';
-import { animations } from '../helpers/animations.js';
 import '../helpers/convert.js';
 
 const useAnimations = ()=>{

package/dist/esm/hooks/useProduct.js

@@ -1,6 +1,5 @@
 import { useCallback, useEffect, useMemo } from 'react';
 import { useProductStore } from '../contexts/ProductContext.js';
-import { flattenConnection } from '../helpers/flatten-connection.js';
 import 'react/jsx-runtime';
 import 'zustand';
 import 'swr';
@@ -11,8 +10,9 @@ import './useCartUI.js';
 import { checkInStock } from '../helpers/variant.js';
 import 'react-transition-group';
 import '@gem-sdk/core';
-import { getSelectedVariant } from '../helpers/product.js';
+import { flattenConnection } from '../helpers/flatten-connection.js';
 import '../helpers/convert.js';
+import { getSelectedVariant } from '../helpers/product.js';
 
 const useUniqProductID = ()=>{
     return useProductStore((s)=>s.uiqueId);

package/dist/esm/index.js

@@ -25,43 +25,43 @@ export { PreviewPageDocument } from './graphql/queries/preview-page.generated.js
 export { composeBorderCss, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn } from './helpers/borders.js';
 export { getCarouselContainerHeight, makeContainerWidthOrHeight, makeDotGapToCarouselStyle } from './helpers/carousel.js';
 export { cls } from './helpers/cls.js';
+export { animations } from './helpers/animations.js';
+export { filterToolbarPreview } from './helpers/filter-toolbar-preview.js';
 export { flattenConnection } from './helpers/flatten-connection.js';
 export { getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, isColumnDirectionExist } from './helpers/get-resonsive-value.js';
 export { getShortName } from './helpers/get-shortname.js';
 export { default as globalEvent } from './helpers/GlobalEvent.js';
 export { default as isBrowser } from './helpers/is-browser.js';
-export { default as isSafari } from './helpers/is-safari.js';
 export { isEmptyChildren } from './helpers/is-empty-children.js';
-export { filterToolbarPreview } from './helpers/filter-toolbar-preview.js';
-export { animations } from './helpers/animations.js';
-export { makeAspectRatio, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
+export { default as isSafari } from './helpers/is-safari.js';
 export { normalizeBuilderData } from './helpers/normalize-builder-data.js';
 export { prefetchQueries } from './helpers/prefetch-queries.js';
-export { composeSpacing, getSpacingVariable } from './helpers/spacing.js';
-export { loadScript } from './helpers/load-script.js';
-export { validateEmail } from './helpers/email.js';
-export { genVariable } from './helpers/css-variable.js';
-export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
-export { isDefined } from './helpers/is-defined.js';
+export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, makeFixedBgAttachment } from './helpers/background.js';
 export { composeTextColorCss, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getSingleColorVariable, isColor } from './helpers/colors.js';
-export { composeFallbackTypographyStyle, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
-export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';
+export { composeAdvanceStyle, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle } from './helpers/compose-advance-style.js';
+export { baseAssetURL, isLocalEnv } from './helpers/convert.js';
+export { convertHTML } from './helpers/covert-entities-html.js';
+export { composePositionLineHeight, composePostionIconList } from './helpers/icon-list.js';
+export { isDefined } from './helpers/is-defined.js';
+export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
+export { makeAspectRatio, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
 export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption } from './helpers/product.js';
+export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
+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 { 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';
+export { composeSpacing, getSpacingVariable } from './helpers/spacing.js';
+export { genVariable } from './helpers/css-variable.js';
 import * as fpixel from './helpers/tracking/fpixel.js';
 export { fpixel };
 import * as gtag from './helpers/tracking/gtag.js';
 export { gtag };
 import * as tiktokpixel from './helpers/tracking/tiktokpixel.js';
 export { tiktokpixel };
-export { RenderIf, composeMemo, dataStringify, props, styles, template } from './helpers/render.js';
-export { baseAssetURL, isLocalEnv } from './helpers/convert.js';
-export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeStyleWithDefault } from './helpers/size.js';
-export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
-export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, makeFixedBgAttachment } from './helpers/background.js';
-export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
-export { composeAdvanceStyle, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle } from './helpers/compose-advance-style.js';
-export { composePositionLineHeight, composePostionIconList } from './helpers/icon-list.js';
-export { convertHTML } from './helpers/covert-entities-html.js';
 export { useAddToCart } from './hooks/cart/use-add-to-cart.js';
 export { useCartData } from './hooks/cart/use-cart-data.js';
 export { useCartDiscountCodesUpdate } from './hooks/cart/use-cart-discount-codes-update.js';

package/dist/types/index.d.ts

@@ -1227,6 +1227,7 @@ type ComponentSetting<P extends BaseProps> = {
     };
     ui?: ControlUI[];
     presets?: ComponentPreset[];
+    locales?: Record<string, any>;
 };
 type ControlUI = {
     layout?: 'vertical' | 'horizontal';
@@ -7369,7 +7370,8 @@ declare namespace shop {
 }
 
 type PageContext = {
-    numberOfProductOfProductList: number;
+    numberOfProductOfProductList?: number;
+    isPreviewing?: boolean;
 };
 type DeepPartial<T> = {
     [P in keyof T]?: DeepPartial<T[P]>;
@@ -8228,6 +8230,15 @@ type ClassValue = ClassDictionary | string | null | undefined;
 type ClassDictionary = Record<string, boolean | undefined | null>;
 declare function cls(...classes: ClassValue[]): string;
 
+declare const animations: () => {
+    zoom: (target: Element, options: AnimationSettingType) => Animation;
+    shake: (target: Element, options: AnimationSettingType) => Animation;
+    fade: (target: Element, options: AnimationSettingType) => Animation;
+    slide: (target: Element, options: AnimationSettingType) => Animation;
+};
+
+declare const filterToolbarPreview: (children: React.ReactNode, keep?: boolean) => React.ReactNode;
+
 /**
  * The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](api/storefront/reference/products/product#connections)) into a flat array of nodes.
  */
@@ -8248,43 +8259,9 @@ declare const globalEvent: {
 
 declare function isBrowser(): boolean;
 
-declare function isSafari(): boolean;
-
 declare const isEmptyChildren: (children: React.ReactNode) => boolean;
 
-declare const filterToolbarPreview: (children: React.ReactNode, keep?: boolean) => React.ReactNode;
-
-declare const animations: () => {
-    zoom: (target: Element, options: AnimationSettingType) => Animation;
-    shake: (target: Element, options: AnimationSettingType) => Animation;
-    fade: (target: Element, options: AnimationSettingType) => Animation;
-    slide: (target: Element, options: AnimationSettingType) => Animation;
-};
-
-type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
-declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
-declare const makeStyleKey: <T extends ShortHandProperty>(name: T) => string[];
-declare const makeStyle: <T extends ShortHandProperty, K>(style: Record<T, K>) => {
-    [k: string]: Record<`--${T}`, K>;
-};
-declare const makeStyleState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<StateType, K>> | undefined) => {};
-declare const makeStyleResponsiveState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, Partial<Record<StateType, K>>>> | undefined) => {};
-declare const makeStyleResponsive: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
-declare const makeStyleResponsiveByScreen: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
-declare const makeWidth: (widthValue?: ObjectDevices<string | number>, fullWidthValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
-declare const makeGlobalSizeWidthResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
-    '--w': string | undefined;
-    '--w-tablet': string | undefined;
-    '--w-mobile': string | undefined;
-};
-declare const makeGlobalSizeHeightResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
-    '--h': string | undefined;
-    '--h-tablet': string | undefined;
-    '--h-mobile': string | undefined;
-};
-declare const makeHeight: (heighValue?: ObjectDevices<string | number>, autoHeight?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
-declare const makeAspectRatio: (aspectRatio?: ObjectDevices<string>, aspectWidth?: ObjectDevices<string | number>, aspectHeight?: ObjectDevices<string | number>) => ObjectDevices<string>;
-declare const makeLineClamp: (lineClampValue?: ObjectDevices<number>, hasLineClampValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
+declare function isSafari(): boolean;
 
 declare function normalizeBuilderData(data: BuilderEntityNested): {
     [x: string]: BuilderEntity;
@@ -8301,24 +8278,26 @@ declare const prefetchQueries: (input: BuilderState, options?: {
     isStorefront?: boolean;
 }) => Result[];
 
-declare function getSpacingVariable(key?: SpacingType): string;
-declare const composeSpacing: (spacingValue?: ObjectDevices<SpacingType>) => React.CSSProperties;
-
-declare function loadScript(src: string, options?: {
-    module?: boolean;
-    in?: 'head' | 'body';
-}): Promise<boolean>;
-
-declare const validateEmail: (email: string) => boolean;
-
-declare const genVariable: (variableName: string) => string;
-
-declare const gridToArrayRegex: RegExp;
-declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => React.CSSProperties;
-declare const composeGridLayout: (layout?: ObjectDevices<ObjectLayoutValue>) => React.CSSProperties;
-declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevices<ObjectLayoutValue>;
-
-declare function isDefined<T>(argument: T | undefined): argument is T;
+type Devices = 'desktop' | 'tablet' | 'mobile';
+type Options = {
+    liquid?: boolean;
+    ignoreBgAttachment?: boolean;
+    ignoreBackgroundImage?: boolean;
+};
+declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {};
+declare const getBgImageByDevice: (background: ObjectDevices<Background>, device: Devices, options?: Options) => string | undefined;
+declare const composeBackgroundCss: (backgroundColor?: ColorValueType) => string;
+declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) => {
+    wrapper: {
+        [x: string]: string;
+    };
+    content: {
+        [x: string]: string | undefined;
+    };
+} | undefined;
+declare const GRADIENT_BGR_KEY = "linear-gradient";
+declare const getGradientBgrStyleForButton: (backgroundStyle: Partial<Record<StateType, ColorValueType>> | undefined) => {} | undefined;
+declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined) => {} | undefined;
 
 type ColorType = 'bg' | 'text' | 'border' | 'decoration';
 type ColorProp = 'bgc' | 'bc' | 'c' | 'bg';
@@ -8337,16 +8316,10 @@ declare function isColor(color: string): boolean;
 declare const getGlobalColorStyle: (data?: ColorValueType) => React.CSSProperties;
 declare const composeTextColorCss: (color?: ColorValueType) => string;
 
-type TypographyClass = `gp-g-${TypographyType}`;
-declare const genTypoClass: (name: TypographyType) => TypographyClass;
-declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
-declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
-declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
-declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
-declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
-declare const composeTypographyClassName: (typo?: TypographySettingV2, typography?: TypographySetting) => "" | "gp-g-heading-1" | "gp-g-heading-2" | "gp-g-heading-3" | "gp-g-subheading-1" | "gp-g-subheading-2" | "gp-g-subheading-3" | "gp-g-paragraph-1" | "gp-g-paragraph-2" | "gp-g-paragraph-3" | undefined;
-declare const composeFallbackTypographyStyle: (tag: string) => "var(--g-font-heading, heading)" | "var(--g-font-body, body)";
-declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?: TypographySetting, disableAttr?: boolean) => {
+type AdvanceValue = Primitive | ObjectDevices<Primitive>;
+declare function composeAdvanceStyle(data?: Record<string, AdvanceValue>, tag?: string): React.CSSProperties;
+declare const splitStyle: (keys: ShortHandProperty[], style?: React.CSSProperties) => React.CSSProperties[];
+declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: string[]) => {
     [x: string]: any;
     '--ai'?: csstype.Property.AlignItems | undefined;
     '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -9841,182 +9814,7 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
     textAnchor?: csstype.Property.TextAnchor | undefined;
     vectorEffect?: csstype.Property.VectorEffect | undefined;
 };
-
-declare const getCornerCSSFromGlobal: (corner?: CornerRadius) => React.CSSProperties;
-declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices$1) => React.CSSProperties;
-declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices$1) => 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;
-
-declare function getSelectedVariant(variants?: Maybe<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe<VariantSelectFragment>;
-declare function parseSelectedOption(options: SelectedOption[]): SelectedOption | undefined;
-declare function checkAvailableVariantInStock(variants: Maybe<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
-
-declare const pageview$1: () => void;
-declare const event: (name: string, options?: {}) => void;
-declare const addToCart$2: (product: ProductInputAnalytic) => void;
-
-declare const fpixel_event: typeof event;
-declare namespace fpixel {
-  export {
-    addToCart$2 as addToCart,
-    fpixel_event as event,
-    pageview$1 as pageview,
-  };
-}
-
-declare const pageview: (url: string, trackingId?: string | null) => void;
-/** Addition to cart events
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
- */
-declare const addToCart$1: (product: ProductInputAnalytic) => void;
-/** Product clicked event
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#product-click
- */
-declare const productClick: (product: ProductInputAnalytic) => void;
-/** Product viewed event
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#measuring-actvities
- */
-declare const productDetail: (product: ProductInputAnalytic) => void;
-/** Removal from cart events
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
- */
-declare const removeFromCart: (product: ProductInputAnalytic, price: number) => void;
-
-declare const gtag_pageview: typeof pageview;
-declare const gtag_productClick: typeof productClick;
-declare const gtag_productDetail: typeof productDetail;
-declare const gtag_removeFromCart: typeof removeFromCart;
-declare namespace gtag {
-  export {
-    addToCart$1 as addToCart,
-    gtag_pageview as pageview,
-    gtag_productClick as productClick,
-    gtag_productDetail as productDetail,
-    gtag_removeFromCart as removeFromCart,
-  };
-}
-
-declare const addToCart: (product: ProductInputAnalytic) => void;
-
-declare const tiktokpixel_addToCart: typeof addToCart;
-declare namespace tiktokpixel {
-  export {
-    tiktokpixel_addToCart as addToCart,
-  };
-}
-
-type CallbackCondition = () => string;
-declare const RenderIf: (c: boolean | null | undefined, t: string | CallbackCondition, f?: string | CallbackCondition) => string;
-declare const props: (strings: any, ...keys: any[]) => string;
-declare const styles: (strings: any, ...keys: any[]) => string;
-declare const dataStringify: (obj: object) => string;
-declare const template: (strings: any, ...keys: any[]) => string;
-declare const composeMemo: <T>(fn: () => T, _?: any[]) => T;
-
-declare const isLocalEnv: boolean;
-declare const baseAssetURL: string;
-
-declare const composeSize: (size?: ObjectDevices<SizeProps>) => React.CSSProperties;
-declare function genSizeClass(name: string): string;
-declare const composeSizeCss: (spacing?: SizeSetting) => string | undefined;
-declare const makeGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
-    width: Record<ResponsiveKey<"w">, string | number>;
-    height: Record<ResponsiveKey<"h">, string | number>;
-    padding: React.CSSProperties;
-    gap: {
-        '--gg': string | undefined;
-        '--gg-tablet': string | undefined;
-        '--gg-mobile': string | undefined;
-    };
-};
-declare const getGlobalSizeGap: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
-    '--gg': string | undefined;
-    '--gg-tablet': string | undefined;
-    '--gg-mobile': string | undefined;
-};
-declare const makeStyleWithDefault: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, defaultVal?: Partial<Record<NameDevices$1, K>> | undefined) => Record<ResponsiveKey<T>, K>;
-declare const getWidthHeightGlobalSize: (type: 'width' | 'height', globalSize?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string | number>>;
-declare const getHeightByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string>>;
-declare const getWidthByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>, defaultAuto?: boolean) => Partial<Record<NameDevices$1, string>>;
-declare const getAspectRatioGlobalSize: (shape?: ObjectDevices<SizeSettingGlobal>) => ObjectDevices<string>;
-declare const getPaddingGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => React.CSSProperties;
-
-declare const parseValueWithUnit: (valueWithUnit: string) => any;
-declare const getStyleShadow: (shadowStyle: ShadowStyle, isActiveState?: boolean) => {
-    [x: string]: string;
-};
-declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>) => React.CSSProperties;
-declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, important, }: {
-    hasBoxShadow?: boolean | undefined;
-    boxShadowValue?: ShadowProps | undefined;
-    important?: boolean | undefined;
-}) => string | undefined;
-
-type Devices = 'desktop' | 'tablet' | 'mobile';
-type Options = {
-    liquid?: boolean;
-    ignoreBgAttachment?: boolean;
-    ignoreBackgroundImage?: boolean;
-};
-declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {};
-declare const getBgImageByDevice: (background: ObjectDevices<Background>, device: Devices, options?: Options) => string | undefined;
-declare const composeBackgroundCss: (backgroundColor?: ColorValueType) => string;
-declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) => {
-    wrapper: {
-        [x: string]: string;
-    };
-    content: {
-        [x: string]: string | undefined;
-    };
-} | undefined;
-declare const GRADIENT_BGR_KEY = "linear-gradient";
-declare const getGradientBgrStyleForButton: (backgroundStyle: Partial<Record<StateType, ColorValueType>> | undefined) => {} | undefined;
-declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined) => {} | undefined;
-
-type OrderByType = 'TITLE_ASC' | 'TITLE_DESC' | 'CREATED_AT_ASC' | 'none' | 'CREATED_AT_DESC';
-type FetchCollectionArgs = {
-    id?: string;
-    numberOfProducts?: number;
-    orderBy?: OrderByType;
-    isSample?: boolean;
-    isStorefront?: boolean;
-};
-declare const getCollection: (fetcher: FetchFunc, arg: FetchCollectionArgs) => Promise<CollectionDetailFilterQueryResponse>;
-declare const calculateFirstProduct: (numberOfProducts: number, currentPage: number, productsPerPage: number) => number;
-
-type FetchProductParams = {
-    id?: string;
-    isSample?: boolean;
-    isStorefront?: boolean;
-};
-declare const getProduct: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<ProductSelectFragment>;
-type RequiredCursorEdge<T> = {
-    cursor: string;
-    node?: T;
-};
-declare const fetchVariants: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<RequiredCursorEdge<VariantSelectFragment>[]>;
-declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<(Pick<MediaEdge, "cursor"> & {
-    node?: Maybe<Pick<Media, "width" | "height" | "id" | "src" | "alt" | "contentType" | "previewImage">>;
-})[]>;
-
-type FetchProductsParams = {
-    ids: string[];
-    isSample?: boolean;
-    isStorefront?: boolean;
-    defaultSelectedProductCount?: number;
-};
-
-declare const generateProductQueryKey: (args: FetchProductParams) => ['query/product', FetchProductParams];
-declare const generateCollectionQueryKey: (args: FetchCollectionArgs) => ['query/collection', FetchCollectionArgs];
-declare const generateProductsQueryKey: (args: FetchProductsParams) => ['query/products', FetchProductsParams];
-
-type AdvanceValue = Primitive | ObjectDevices<Primitive>;
-declare function composeAdvanceStyle(data?: Record<string, AdvanceValue>, tag?: string): React.CSSProperties;
-declare const splitStyle: (keys: ShortHandProperty[], style?: React.CSSProperties) => React.CSSProperties[];
-declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: string[]) => {
+declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: string[]) => {
     [x: string]: any;
     '--ai'?: csstype.Property.AlignItems | undefined;
     '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -11511,7 +11309,7 @@ declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
     textAnchor?: csstype.Property.TextAnchor | undefined;
     vectorEffect?: csstype.Property.VectorEffect | undefined;
 };
-declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: string[]) => {
+declare const filterCornerInStyle: (style?: React.CSSProperties) => {
     [x: string]: any;
     '--ai'?: csstype.Property.AlignItems | undefined;
     '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -13006,7 +12804,7 @@ declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
     textAnchor?: csstype.Property.TextAnchor | undefined;
     vectorEffect?: csstype.Property.VectorEffect | undefined;
 };
-declare const filterCornerInStyle: (style?: React.CSSProperties) => {
+declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
     [x: string]: any;
     '--ai'?: csstype.Property.AlignItems | undefined;
     '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -14501,7 +14299,163 @@ declare const filterCornerInStyle: (style?: React.CSSProperties) => {
     textAnchor?: csstype.Property.TextAnchor | undefined;
     vectorEffect?: csstype.Property.VectorEffect | undefined;
 };
-declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
+
+declare const isLocalEnv: boolean;
+declare const baseAssetURL: string;
+
+declare const convertHTML: (str: string) => string;
+
+type NameDevices = 'desktop' | 'tablet' | 'mobile';
+
+type PostionType = {
+    wrapper?: Record<string, string | number>;
+    content?: Record<string, string | number>;
+};
+declare const composePostionIconList: (lineHeight: string, position?: ObjectDevices<'center' | 'baseline'>, iconWidth?: ObjectDevices<number>) => PostionType;
+declare const composePositionLineHeight: ({ compose, lineHeight, device, position, iconWidth, }: {
+    compose: PostionType;
+    lineHeight: string;
+    device: NameDevices;
+    position?: Partial<Record<NameDevices$1, "center" | "baseline">> | undefined;
+    iconWidth?: Partial<Record<NameDevices$1, number>> | undefined;
+}) => void;
+
+declare function isDefined<T>(argument: T | undefined): argument is T;
+
+declare const gridToArrayRegex: RegExp;
+declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => React.CSSProperties;
+declare const composeGridLayout: (layout?: ObjectDevices<ObjectLayoutValue>) => React.CSSProperties;
+declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevices<ObjectLayoutValue>;
+
+type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
+declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
+declare const makeStyleKey: <T extends ShortHandProperty>(name: T) => string[];
+declare const makeStyle: <T extends ShortHandProperty, K>(style: Record<T, K>) => {
+    [k: string]: Record<`--${T}`, K>;
+};
+declare const makeStyleState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<StateType, K>> | undefined) => {};
+declare const makeStyleResponsiveState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, Partial<Record<StateType, K>>>> | undefined) => {};
+declare const makeStyleResponsive: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
+declare const makeStyleResponsiveByScreen: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
+declare const makeWidth: (widthValue?: ObjectDevices<string | number>, fullWidthValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
+declare const makeGlobalSizeWidthResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    '--w': string | undefined;
+    '--w-tablet': string | undefined;
+    '--w-mobile': string | undefined;
+};
+declare const makeGlobalSizeHeightResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    '--h': string | undefined;
+    '--h-tablet': string | undefined;
+    '--h-mobile': string | undefined;
+};
+declare const makeHeight: (heighValue?: ObjectDevices<string | number>, autoHeight?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
+declare const makeAspectRatio: (aspectRatio?: ObjectDevices<string>, aspectWidth?: ObjectDevices<string | number>, aspectHeight?: ObjectDevices<string | number>) => ObjectDevices<string>;
+declare const makeLineClamp: (lineClampValue?: ObjectDevices<number>, hasLineClampValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
+
+declare function getSelectedVariant(variants?: Maybe<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe<VariantSelectFragment>;
+declare function parseSelectedOption(options: SelectedOption[]): SelectedOption | undefined;
+declare function checkAvailableVariantInStock(variants: Maybe<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
+
+type OrderByType = 'TITLE_ASC' | 'TITLE_DESC' | 'CREATED_AT_ASC' | 'none' | 'CREATED_AT_DESC';
+type FetchCollectionArgs = {
+    id?: string;
+    numberOfProducts?: number;
+    orderBy?: OrderByType;
+    isSample?: boolean;
+    isStorefront?: boolean;
+};
+declare const getCollection: (fetcher: FetchFunc, arg: FetchCollectionArgs) => Promise<CollectionDetailFilterQueryResponse>;
+declare const calculateFirstProduct: (numberOfProducts: number, currentPage: number, productsPerPage: number) => number;
+
+type FetchProductParams = {
+    id?: string;
+    isSample?: boolean;
+    isStorefront?: boolean;
+};
+declare const getProduct: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<ProductSelectFragment>;
+type RequiredCursorEdge<T> = {
+    cursor: string;
+    node?: T;
+};
+declare const fetchVariants: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<RequiredCursorEdge<VariantSelectFragment>[]>;
+declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<(Pick<MediaEdge, "cursor"> & {
+    node?: Maybe<Pick<Media, "width" | "height" | "id" | "src" | "alt" | "contentType" | "previewImage">>;
+})[]>;
+
+type FetchProductsParams = {
+    ids: string[];
+    isSample?: boolean;
+    isStorefront?: boolean;
+    defaultSelectedProductCount?: number;
+};
+
+declare const generateProductQueryKey: (args: FetchProductParams) => ['query/product', FetchProductParams];
+declare const generateCollectionQueryKey: (args: FetchCollectionArgs) => ['query/collection', FetchCollectionArgs];
+declare const generateProductsQueryKey: (args: FetchProductsParams) => ['query/products', FetchProductsParams];
+
+declare const getCornerCSSFromGlobal: (corner?: CornerRadius) => React.CSSProperties;
+declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices$1) => React.CSSProperties;
+declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices$1) => 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;
+
+type CallbackCondition = () => string;
+declare const RenderIf: (c: boolean | null | undefined, t: string | CallbackCondition, f?: string | CallbackCondition) => string;
+declare const props: (strings: any, ...keys: any[]) => string;
+declare const styles: (strings: any, ...keys: any[]) => string;
+declare const dataStringify: (obj: object) => string;
+declare const template: (strings: any, ...keys: any[]) => string;
+declare const composeMemo: <T>(fn: () => T, _?: any[]) => T;
+declare const removeUndefinedValuesFromObject: (obj: Record<string, string>) => Record<string, string>;
+
+declare const parseValueWithUnit: (valueWithUnit: string) => any;
+declare const getStyleShadow: (shadowStyle: ShadowStyle, isActiveState?: boolean) => {
+    [x: string]: string;
+};
+declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>) => React.CSSProperties;
+declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, important, }: {
+    hasBoxShadow?: boolean | undefined;
+    boxShadowValue?: ShadowProps | undefined;
+    important?: boolean | undefined;
+}) => string | undefined;
+
+declare const composeSize: (size?: ObjectDevices<SizeProps>) => React.CSSProperties;
+declare function genSizeClass(name: string): string;
+declare const composeSizeCss: (spacing?: SizeSetting) => string | undefined;
+declare const makeGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    width: Record<ResponsiveKey<"w">, string | number>;
+    height: Record<ResponsiveKey<"h">, string | number>;
+    padding: React.CSSProperties;
+    gap: {
+        '--gg': string | undefined;
+        '--gg-tablet': string | undefined;
+        '--gg-mobile': string | undefined;
+    };
+};
+declare const getGlobalSizeGap: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    '--gg': string | undefined;
+    '--gg-tablet': string | undefined;
+    '--gg-mobile': string | undefined;
+};
+declare const makeStyleWithDefault: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, defaultVal?: Partial<Record<NameDevices$1, K>> | undefined) => Record<ResponsiveKey<T>, K>;
+declare const getWidthHeightGlobalSize: (type: 'width' | 'height', globalSize?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string | number>>;
+declare const getHeightByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string>>;
+declare const getWidthByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>, defaultAuto?: boolean) => Partial<Record<NameDevices$1, string>>;
+declare const getAspectRatioGlobalSize: (shape?: ObjectDevices<SizeSettingGlobal>) => ObjectDevices<string>;
+declare const getPaddingGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => React.CSSProperties;
+
+type TypographyClass = `gp-g-${TypographyType}`;
+declare const genTypoClass: (name: TypographyType) => TypographyClass;
+declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
+declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
+declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
+declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
+declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
+declare const composeTypographyClassName: (typo?: TypographySettingV2, typography?: TypographySetting) => "" | "gp-g-heading-1" | "gp-g-heading-2" | "gp-g-heading-3" | "gp-g-subheading-1" | "gp-g-subheading-2" | "gp-g-subheading-3" | "gp-g-paragraph-1" | "gp-g-paragraph-2" | "gp-g-paragraph-3" | undefined;
+declare const composeFallbackTypographyStyle: (tag: string) => "var(--g-font-heading, heading)" | "var(--g-font-body, body)";
+declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?: TypographySetting, disableAttr?: boolean) => {
     [x: string]: any;
     '--ai'?: csstype.Property.AlignItems | undefined;
     '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -15997,22 +15951,71 @@ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
     vectorEffect?: csstype.Property.VectorEffect | undefined;
 };
 
-type NameDevices = 'desktop' | 'tablet' | 'mobile';
+declare const validateEmail: (email: string) => boolean;
 
-type PostionType = {
-    wrapper?: Record<string, string | number>;
-    content?: Record<string, string | number>;
-};
-declare const composePostionIconList: (lineHeight: string, position?: ObjectDevices<'center' | 'baseline'>, iconWidth?: ObjectDevices<number>) => PostionType;
-declare const composePositionLineHeight: ({ compose, lineHeight, device, position, iconWidth, }: {
-    compose: PostionType;
-    lineHeight: string;
-    device: NameDevices;
-    position?: Partial<Record<NameDevices$1, "center" | "baseline">> | undefined;
-    iconWidth?: Partial<Record<NameDevices$1, number>> | undefined;
-}) => void;
+declare function loadScript(src: string, options?: {
+    module?: boolean;
+    in?: 'head' | 'body';
+}): Promise<boolean>;
 
-declare const convertHTML: (str: string) => string;
+declare function getSpacingVariable(key?: SpacingType): string;
+declare const composeSpacing: (spacingValue?: ObjectDevices<SpacingType>) => React.CSSProperties;
+
+declare const genVariable: (variableName: string) => string;
+
+declare const pageview$1: () => void;
+declare const event: (name: string, options?: {}) => void;
+declare const addToCart$2: (product: ProductInputAnalytic) => void;
+
+declare const fpixel_event: typeof event;
+declare namespace fpixel {
+  export {
+    addToCart$2 as addToCart,
+    fpixel_event as event,
+    pageview$1 as pageview,
+  };
+}
+
+declare const pageview: (url: string, trackingId?: string | null) => void;
+/** Addition to cart events
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
+ */
+declare const addToCart$1: (product: ProductInputAnalytic) => void;
+/** Product clicked event
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#product-click
+ */
+declare const productClick: (product: ProductInputAnalytic) => void;
+/** Product viewed event
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#measuring-actvities
+ */
+declare const productDetail: (product: ProductInputAnalytic) => void;
+/** Removal from cart events
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
+ */
+declare const removeFromCart: (product: ProductInputAnalytic, price: number) => void;
+
+declare const gtag_pageview: typeof pageview;
+declare const gtag_productClick: typeof productClick;
+declare const gtag_productDetail: typeof productDetail;
+declare const gtag_removeFromCart: typeof removeFromCart;
+declare namespace gtag {
+  export {
+    addToCart$1 as addToCart,
+    gtag_pageview as pageview,
+    gtag_productClick as productClick,
+    gtag_productDetail as productDetail,
+    gtag_removeFromCart as removeFromCart,
+  };
+}
+
+declare const addToCart: (product: ProductInputAnalytic) => void;
+
+declare const tiktokpixel_addToCart: typeof addToCart;
+declare namespace tiktokpixel {
+  export {
+    tiktokpixel_addToCart as addToCart,
+  };
+}
 
 type Func$6 = ReturnType<typeof addToCartOperation>;
 type Response$6 = Awaited<ReturnType<Func$6>>;
@@ -16253,4 +16256,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, 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, 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, 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, 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, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, 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, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, 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, 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, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, 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, 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, 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, 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, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, 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, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, 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, 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, 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.37.3",
+  "version": "1.37.5",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",