@gem-sdk/core 2.0.0-dev.703 → 2.0.0-dev.704

package/dist/cjs/helpers/backgroundImage.js

@@ -2,7 +2,7 @@
 
 var makeStyle = require('./make-style.js');
 
-const getStyleBackgroundImageByDevice = (backgroundImage, options)=>{
+const getStyleBackgroundImage = (backgroundImage, options)=>{
     if (!backgroundImage) {
         return {};
     }
@@ -20,27 +20,13 @@ const getStyleBackgroundImageByDevice = (backgroundImage, options)=>{
 };
 const getStyleBgImageSource = (backgroundImage, options)=>{
     const bgImage = {
-        desktop: {
-            normal: getBgImageSourceByDevice(backgroundImage, 'desktop', 'normal', options),
-            hover: getBgImageSourceByDevice(backgroundImage, 'desktop', 'hover', options)
-        },
-        ...backgroundImage?.tablet && {
-            tablet: {
-                normal: getBgImageSourceByDevice(backgroundImage, 'tablet', 'normal', options),
-                hover: getBgImageSourceByDevice(backgroundImage, 'tablet', 'hover', options)
-            }
-        },
-        ...backgroundImage?.mobile && {
-            mobile: {
-                normal: getBgImageSourceByDevice(backgroundImage, 'mobile', 'normal', options),
-                hover: getBgImageSourceByDevice(backgroundImage, 'mobile', 'hover', options)
-            }
-        }
+        normal: getBgImageSourceByDevice(backgroundImage, 'normal', options),
+        hover: getBgImageSourceByDevice(backgroundImage, 'hover', options)
     };
-    return makeStyle.makeStyleResponsiveState('bgi', bgImage);
+    return makeStyle.makeStyleState('bgi', bgImage);
 };
-const getBgImageSourceByDevice = (backgroundImage, device, state, options)=>{
-    const stateValue = backgroundImage?.[device]?.[state];
+const getBgImageSourceByDevice = (backgroundImage, state, options)=>{
+    const stateValue = backgroundImage?.[state];
     const backupFileKey = stateValue?.image?.backupFileKey;
     const storage = stateValue?.image?.storage;
     let imageByDevice = stateValue?.image?.src;
@@ -64,90 +50,50 @@ const getBgImageSourceByDevice = (backgroundImage, device, state, options)=>{
 };
 const getStyleBgImagePosition = (backgroundImage)=>{
     const bgPosition = {
-        desktop: {
-            normal: getBgImagePositionByDevice(backgroundImage, 'desktop', 'normal'),
-            hover: getBgImagePositionByDevice(backgroundImage, 'desktop', 'hover')
-        },
-        tablet: {
-            normal: getBgImagePositionByDevice(backgroundImage, 'tablet', 'normal'),
-            hover: getBgImagePositionByDevice(backgroundImage, 'tablet', 'hover')
-        },
-        mobile: {
-            normal: getBgImagePositionByDevice(backgroundImage, 'mobile', 'normal'),
-            hover: getBgImagePositionByDevice(backgroundImage, 'mobile', 'hover')
-        }
+        normal: getBgImagePositionByDevice(backgroundImage, 'normal'),
+        hover: getBgImagePositionByDevice(backgroundImage, 'hover')
     };
-    return makeStyle.makeStyleResponsiveState('bgp', bgPosition);
+    return makeStyle.makeStyleState('bgp', bgPosition);
 };
-const getBgImagePositionByDevice = (backgroundImage, device, state)=>{
-    const position = backgroundImage?.[device]?.[state]?.position;
+const getBgImagePositionByDevice = (backgroundImage, state)=>{
+    const position = backgroundImage?.[state]?.position;
     return position && `${position.x}% ${position.y}%`;
 };
 const getStyleBgImageSize = (backgroundImage)=>{
     const bgSize = {
-        desktop: {
-            normal: getBgImageSizeByDevice(backgroundImage, 'desktop', 'normal'),
-            hover: getBgImageSizeByDevice(backgroundImage, 'desktop', 'hover')
-        },
-        tablet: {
-            normal: getBgImageSizeByDevice(backgroundImage, 'tablet', 'normal'),
-            hover: getBgImageSizeByDevice(backgroundImage, 'tablet', 'hover')
-        },
-        mobile: {
-            normal: getBgImageSizeByDevice(backgroundImage, 'mobile', 'normal'),
-            hover: getBgImageSizeByDevice(backgroundImage, 'mobile', 'hover')
-        }
+        normal: getBgImageSizeByDevice(backgroundImage, 'normal'),
+        hover: getBgImageSizeByDevice(backgroundImage, 'hover')
     };
-    return makeStyle.makeStyleResponsiveState('bgs', bgSize);
+    return makeStyle.makeStyleState('bgs', bgSize);
 };
-const getBgImageSizeByDevice = (backgroundImage, device, state)=>{
-    return backgroundImage?.[device]?.[state]?.size;
+const getBgImageSizeByDevice = (backgroundImage, state)=>{
+    return backgroundImage?.[state]?.size;
 };
 const getStyleBgImageRepeat = (backgroundImage)=>{
     const bgRepeat = {
-        desktop: {
-            normal: getBgImageRepeatByDevice(backgroundImage, 'desktop', 'normal'),
-            hover: getBgImageRepeatByDevice(backgroundImage, 'desktop', 'hover')
-        },
-        tablet: {
-            normal: getBgImageRepeatByDevice(backgroundImage, 'tablet', 'normal'),
-            hover: getBgImageRepeatByDevice(backgroundImage, 'tablet', 'hover')
-        },
-        mobile: {
-            normal: getBgImageRepeatByDevice(backgroundImage, 'mobile', 'normal'),
-            hover: getBgImageRepeatByDevice(backgroundImage, 'mobile', 'hover')
-        }
+        normal: getBgImageRepeatByDevice(backgroundImage, 'normal'),
+        hover: getBgImageRepeatByDevice(backgroundImage, 'hover')
     };
-    return makeStyle.makeStyleResponsiveState('bgr', bgRepeat);
+    return makeStyle.makeStyleState('bgr', bgRepeat);
 };
-const getBgImageRepeatByDevice = (backgroundImage, device, state)=>{
-    return backgroundImage?.[device]?.[state]?.repeat;
+const getBgImageRepeatByDevice = (backgroundImage, state)=>{
+    return backgroundImage?.[state]?.repeat;
 };
 const getStyleBgImageAttachment = (backgroundImage)=>{
     const bgAttachment = {
-        desktop: {
-            normal: getBgImageAttachmentByDevice(backgroundImage, 'desktop', 'normal'),
-            hover: getBgImageAttachmentByDevice(backgroundImage, 'desktop', 'hover')
-        },
-        tablet: {
-            normal: getBgImageAttachmentByDevice(backgroundImage, 'tablet', 'normal'),
-            hover: getBgImageAttachmentByDevice(backgroundImage, 'tablet', 'hover')
-        },
-        mobile: {
-            normal: getBgImageAttachmentByDevice(backgroundImage, 'mobile', 'normal'),
-            hover: getBgImageAttachmentByDevice(backgroundImage, 'mobile', 'hover')
-        }
+        normal: getBgImageAttachmentByDevice(backgroundImage, 'normal'),
+        hover: getBgImageAttachmentByDevice(backgroundImage, 'hover')
     };
-    return makeStyle.makeStyleResponsiveState('bga', bgAttachment);
+    return makeStyle.makeStyleState('bga', bgAttachment);
 };
-const getBgImageAttachmentByDevice = (backgroundImage, device, state)=>{
-    return backgroundImage?.[device]?.[state]?.attachment;
+const getBgImageAttachmentByDevice = (backgroundImage, state)=>{
+    return backgroundImage?.[state]?.attachment;
 };
 const composeBackgroundImageCss = (config, options = {})=>{
     if (!config) return undefined;
-    const { device = 'desktop', state = 'normal', useLiquid = false } = options;
+    const { device = 'desktop', state = 'normal', useLiquid = false, responsive } = options;
     const styles = [];
-    const bgConfig = config?.[device]?.[state];
+    const bgConfig = responsive ? config?.[device]?.[state] : config?.[state];
     if (!bgConfig) return '';
     // Handle background image source
     if (bgConfig.image?.src) {
@@ -183,5 +129,5 @@ const composeBackgroundImageCss = (config, options = {})=>{
 
 exports.composeBackgroundImageCss = composeBackgroundImageCss;
 exports.getBgImageSourceByDevice = getBgImageSourceByDevice;
-exports.getStyleBackgroundImageByDevice = getStyleBackgroundImageByDevice;
+exports.getStyleBackgroundImage = getStyleBackgroundImage;
 exports.getStyleBgImageSource = getStyleBgImageSource;

package/dist/cjs/helpers/third-party/appSetting.js

@@ -76,8 +76,8 @@ const SubifySubscriptions = {
 };
 const SelleasyWidget = {
     Selleasy: {
-        'lb-upsell-fbt-block': null,
-        'lb-upsell-addon-block': null
+        'lb-upsell-widget-bl': null,
+        'lb-upsell-widget-pal': null
     }
 };
 const LoopSubscriptions = {

package/dist/cjs/helpers/typography.js

@@ -53,10 +53,10 @@ const composeTextShadowCss = (textShadow)=>{
     const yOffset = Math.round(Math.sin(angleInRadians) * distance * 100) / 100;
     return `${xOffset}px ${yOffset}px ${textShadow?.blur ?? '0'} ${textShadow.color}`;
 };
-const composeTextHoverColorCss = (device, colorHoverConfig, isImportant)=>{
+const composeTextHoverColorCss = (colorHoverConfig, isImportant)=>{
     if (colorHoverConfig) {
         const composeImportant = isImportant ? '!important' : '';
-        const color = colorHoverConfig[device]?.hover;
+        const color = colorHoverConfig.hover;
         return `${color ? `color: ${color} ${composeImportant}` : ''}`;
     }
 };

package/dist/cjs/index.js

@@ -232,7 +232,7 @@ exports.getStyleBgColor = background.getStyleBgColor;
 exports.makeFixedBgAttachment = background.makeFixedBgAttachment;
 exports.composeBackgroundImageCss = backgroundImage.composeBackgroundImageCss;
 exports.getBgImageSourceByDevice = backgroundImage.getBgImageSourceByDevice;
-exports.getStyleBackgroundImageByDevice = backgroundImage.getStyleBackgroundImageByDevice;
+exports.getStyleBackgroundImage = backgroundImage.getStyleBackgroundImage;
 exports.getStyleBgImageSource = backgroundImage.getStyleBgImageSource;
 exports.composeTextColorCss = colors.composeTextColorCss;
 exports.getGlobalColorCSSProp = colors.getGlobalColorCSSProp;

package/dist/esm/helpers/backgroundImage.js

@@ -1,6 +1,6 @@
-import { makeStyleResponsiveState } from './make-style.js';
+import { makeStyleState } from './make-style.js';
 
-const getStyleBackgroundImageByDevice = (backgroundImage, options)=>{
+const getStyleBackgroundImage = (backgroundImage, options)=>{
     if (!backgroundImage) {
         return {};
     }
@@ -18,27 +18,13 @@ const getStyleBackgroundImageByDevice = (backgroundImage, options)=>{
 };
 const getStyleBgImageSource = (backgroundImage, options)=>{
     const bgImage = {
-        desktop: {
-            normal: getBgImageSourceByDevice(backgroundImage, 'desktop', 'normal', options),
-            hover: getBgImageSourceByDevice(backgroundImage, 'desktop', 'hover', options)
-        },
-        ...backgroundImage?.tablet && {
-            tablet: {
-                normal: getBgImageSourceByDevice(backgroundImage, 'tablet', 'normal', options),
-                hover: getBgImageSourceByDevice(backgroundImage, 'tablet', 'hover', options)
-            }
-        },
-        ...backgroundImage?.mobile && {
-            mobile: {
-                normal: getBgImageSourceByDevice(backgroundImage, 'mobile', 'normal', options),
-                hover: getBgImageSourceByDevice(backgroundImage, 'mobile', 'hover', options)
-            }
-        }
+        normal: getBgImageSourceByDevice(backgroundImage, 'normal', options),
+        hover: getBgImageSourceByDevice(backgroundImage, 'hover', options)
     };
-    return makeStyleResponsiveState('bgi', bgImage);
+    return makeStyleState('bgi', bgImage);
 };
-const getBgImageSourceByDevice = (backgroundImage, device, state, options)=>{
-    const stateValue = backgroundImage?.[device]?.[state];
+const getBgImageSourceByDevice = (backgroundImage, state, options)=>{
+    const stateValue = backgroundImage?.[state];
     const backupFileKey = stateValue?.image?.backupFileKey;
     const storage = stateValue?.image?.storage;
     let imageByDevice = stateValue?.image?.src;
@@ -62,90 +48,50 @@ const getBgImageSourceByDevice = (backgroundImage, device, state, options)=>{
 };
 const getStyleBgImagePosition = (backgroundImage)=>{
     const bgPosition = {
-        desktop: {
-            normal: getBgImagePositionByDevice(backgroundImage, 'desktop', 'normal'),
-            hover: getBgImagePositionByDevice(backgroundImage, 'desktop', 'hover')
-        },
-        tablet: {
-            normal: getBgImagePositionByDevice(backgroundImage, 'tablet', 'normal'),
-            hover: getBgImagePositionByDevice(backgroundImage, 'tablet', 'hover')
-        },
-        mobile: {
-            normal: getBgImagePositionByDevice(backgroundImage, 'mobile', 'normal'),
-            hover: getBgImagePositionByDevice(backgroundImage, 'mobile', 'hover')
-        }
+        normal: getBgImagePositionByDevice(backgroundImage, 'normal'),
+        hover: getBgImagePositionByDevice(backgroundImage, 'hover')
     };
-    return makeStyleResponsiveState('bgp', bgPosition);
+    return makeStyleState('bgp', bgPosition);
 };
-const getBgImagePositionByDevice = (backgroundImage, device, state)=>{
-    const position = backgroundImage?.[device]?.[state]?.position;
+const getBgImagePositionByDevice = (backgroundImage, state)=>{
+    const position = backgroundImage?.[state]?.position;
     return position && `${position.x}% ${position.y}%`;
 };
 const getStyleBgImageSize = (backgroundImage)=>{
     const bgSize = {
-        desktop: {
-            normal: getBgImageSizeByDevice(backgroundImage, 'desktop', 'normal'),
-            hover: getBgImageSizeByDevice(backgroundImage, 'desktop', 'hover')
-        },
-        tablet: {
-            normal: getBgImageSizeByDevice(backgroundImage, 'tablet', 'normal'),
-            hover: getBgImageSizeByDevice(backgroundImage, 'tablet', 'hover')
-        },
-        mobile: {
-            normal: getBgImageSizeByDevice(backgroundImage, 'mobile', 'normal'),
-            hover: getBgImageSizeByDevice(backgroundImage, 'mobile', 'hover')
-        }
+        normal: getBgImageSizeByDevice(backgroundImage, 'normal'),
+        hover: getBgImageSizeByDevice(backgroundImage, 'hover')
     };
-    return makeStyleResponsiveState('bgs', bgSize);
+    return makeStyleState('bgs', bgSize);
 };
-const getBgImageSizeByDevice = (backgroundImage, device, state)=>{
-    return backgroundImage?.[device]?.[state]?.size;
+const getBgImageSizeByDevice = (backgroundImage, state)=>{
+    return backgroundImage?.[state]?.size;
 };
 const getStyleBgImageRepeat = (backgroundImage)=>{
     const bgRepeat = {
-        desktop: {
-            normal: getBgImageRepeatByDevice(backgroundImage, 'desktop', 'normal'),
-            hover: getBgImageRepeatByDevice(backgroundImage, 'desktop', 'hover')
-        },
-        tablet: {
-            normal: getBgImageRepeatByDevice(backgroundImage, 'tablet', 'normal'),
-            hover: getBgImageRepeatByDevice(backgroundImage, 'tablet', 'hover')
-        },
-        mobile: {
-            normal: getBgImageRepeatByDevice(backgroundImage, 'mobile', 'normal'),
-            hover: getBgImageRepeatByDevice(backgroundImage, 'mobile', 'hover')
-        }
+        normal: getBgImageRepeatByDevice(backgroundImage, 'normal'),
+        hover: getBgImageRepeatByDevice(backgroundImage, 'hover')
     };
-    return makeStyleResponsiveState('bgr', bgRepeat);
+    return makeStyleState('bgr', bgRepeat);
 };
-const getBgImageRepeatByDevice = (backgroundImage, device, state)=>{
-    return backgroundImage?.[device]?.[state]?.repeat;
+const getBgImageRepeatByDevice = (backgroundImage, state)=>{
+    return backgroundImage?.[state]?.repeat;
 };
 const getStyleBgImageAttachment = (backgroundImage)=>{
     const bgAttachment = {
-        desktop: {
-            normal: getBgImageAttachmentByDevice(backgroundImage, 'desktop', 'normal'),
-            hover: getBgImageAttachmentByDevice(backgroundImage, 'desktop', 'hover')
-        },
-        tablet: {
-            normal: getBgImageAttachmentByDevice(backgroundImage, 'tablet', 'normal'),
-            hover: getBgImageAttachmentByDevice(backgroundImage, 'tablet', 'hover')
-        },
-        mobile: {
-            normal: getBgImageAttachmentByDevice(backgroundImage, 'mobile', 'normal'),
-            hover: getBgImageAttachmentByDevice(backgroundImage, 'mobile', 'hover')
-        }
+        normal: getBgImageAttachmentByDevice(backgroundImage, 'normal'),
+        hover: getBgImageAttachmentByDevice(backgroundImage, 'hover')
     };
-    return makeStyleResponsiveState('bga', bgAttachment);
+    return makeStyleState('bga', bgAttachment);
 };
-const getBgImageAttachmentByDevice = (backgroundImage, device, state)=>{
-    return backgroundImage?.[device]?.[state]?.attachment;
+const getBgImageAttachmentByDevice = (backgroundImage, state)=>{
+    return backgroundImage?.[state]?.attachment;
 };
 const composeBackgroundImageCss = (config, options = {})=>{
     if (!config) return undefined;
-    const { device = 'desktop', state = 'normal', useLiquid = false } = options;
+    const { device = 'desktop', state = 'normal', useLiquid = false, responsive } = options;
     const styles = [];
-    const bgConfig = config?.[device]?.[state];
+    const bgConfig = responsive ? config?.[device]?.[state] : config?.[state];
     if (!bgConfig) return '';
     // Handle background image source
     if (bgConfig.image?.src) {
@@ -179,4 +125,4 @@ const composeBackgroundImageCss = (config, options = {})=>{
     return styles.join('\n  ');
 };
 
-export { composeBackgroundImageCss, getBgImageSourceByDevice, getStyleBackgroundImageByDevice, getStyleBgImageSource };
+export { composeBackgroundImageCss, getBgImageSourceByDevice, getStyleBackgroundImage, getStyleBgImageSource };

package/dist/esm/helpers/third-party/appSetting.js

@@ -74,8 +74,8 @@ const SubifySubscriptions = {
 };
 const SelleasyWidget = {
     Selleasy: {
-        'lb-upsell-fbt-block': null,
-        'lb-upsell-addon-block': null
+        'lb-upsell-widget-bl': null,
+        'lb-upsell-widget-pal': null
     }
 };
 const LoopSubscriptions = {

package/dist/esm/helpers/typography.js

@@ -51,10 +51,10 @@ const composeTextShadowCss = (textShadow)=>{
     const yOffset = Math.round(Math.sin(angleInRadians) * distance * 100) / 100;
     return `${xOffset}px ${yOffset}px ${textShadow?.blur ?? '0'} ${textShadow.color}`;
 };
-const composeTextHoverColorCss = (device, colorHoverConfig, isImportant)=>{
+const composeTextHoverColorCss = (colorHoverConfig, isImportant)=>{
     if (colorHoverConfig) {
         const composeImportant = isImportant ? '!important' : '';
-        const color = colorHoverConfig[device]?.hover;
+        const color = colorHoverConfig.hover;
         return `${color ? `color: ${color} ${composeImportant}` : ''}`;
     }
 };

package/dist/esm/index.js

@@ -60,7 +60,7 @@ export { gtag };
 import * as tiktokpixel from './helpers/tracking/tiktokpixel.js';
 export { tiktokpixel };
 export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgByDevice, getBgImageByDevice, getBgVideoByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, getStyleBgColor, makeFixedBgAttachment } from './helpers/background.js';
-export { composeBackgroundImageCss, getBgImageSourceByDevice, getStyleBackgroundImageByDevice, getStyleBgImageSource } from './helpers/backgroundImage.js';
+export { composeBackgroundImageCss, getBgImageSourceByDevice, getStyleBackgroundImage, getStyleBgImageSource } from './helpers/backgroundImage.js';
 export { composeTextColorCss, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getSingleColorVariable, isColor } from './helpers/colors.js';
 export { composeAdvanceStyle, composeAdvanceStyleForPostPurchase, convertBoxShadowV1ToV2, filterAttrInStyle, getCornerStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle } from './helpers/compose-advance-style.js';
 export { composeClasses } from './helpers/composeClasses.js';

package/dist/types/index.d.ts

@@ -37644,7 +37644,7 @@ type ComponentPreset = {
     rootOverride?: Record<string, any>;
 };
 
-type Devices$1 = 'desktop' | 'tablet' | 'mobile';
+type Devices = 'desktop' | 'tablet' | 'mobile';
 type Options$1 = {
     liquid?: boolean;
     ignoreBgAttachment?: boolean;
@@ -37652,7 +37652,7 @@ type Options$1 = {
     ignoreBackgroundImageProperties?: boolean;
     ignoreBackgroundColor?: boolean;
 };
-declare const getBgVideoByDevice: (value?: Partial<Record<Devices$1, Background>>, device?: Devices$1) => Background | undefined;
+declare const getBgVideoByDevice: (value?: Partial<Record<Devices, Background>>, device?: Devices) => Background | undefined;
 declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options$1) => {
     "--bga"?: string | undefined;
     "--bga-tablet"?: string | undefined;
@@ -37674,7 +37674,7 @@ declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background
     "--bgc-mobile"?: string | undefined;
 };
 declare const getStyleBgColor: (background: ObjectDevices<Background>) => Record<ResponsiveKey<"bgc">, string>;
-declare const getBgImageByDevice: (background: ObjectDevices<Background>, device: Devices$1, options?: Options$1) => string | undefined;
+declare const getBgImageByDevice: (background: ObjectDevices<Background>, device: Devices, options?: Options$1) => string | undefined;
 declare const composeBackgroundCss: (backgroundColor?: ColorValueType) => string;
 declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) => {
     wrapper: {
@@ -37686,26 +37686,26 @@ declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) =>
 } | 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$1, Background>> | undefined, ignoreBackgroundImage?: Record<Devices$1, boolean>) => {} | undefined;
+declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined, ignoreBackgroundImage?: Record<Devices, boolean>) => {} | undefined;
 declare const getBgByDevice: (data: {
-    backgroundColor: Partial<Record<Devices$1, string>> | undefined;
-    backgroundImage: Partial<Record<Devices$1, BackgroundImageValue>> | undefined;
+    backgroundColor: Partial<Record<Devices, string>> | undefined;
+    backgroundImage: Partial<Record<Devices, BackgroundImageValue>> | undefined;
 }) => {} | undefined;
 
-type Devices = 'desktop' | 'tablet' | 'mobile';
 type Options = {
     liquid?: boolean;
     ignoreBgAttachment?: boolean;
     ignoreBackgroundImage?: boolean;
     ignoreBackgroundImageProperties?: boolean;
 };
-declare const getStyleBackgroundImageByDevice: (backgroundImage?: ObjectDevices<StateProp<BackgroundImageValue>>, options?: Options) => {};
-declare const getStyleBgImageSource: (backgroundImage: ObjectDevices<StateProp<BackgroundImageValue>>, options?: Options) => {};
-declare const getBgImageSourceByDevice: (backgroundImage: ObjectDevices<StateProp<BackgroundImageValue>>, device: Devices, state: StateType, options?: Options) => string;
-declare const composeBackgroundImageCss: (config?: ObjectDevices<StateProp<BackgroundImageValue>>, options?: {
+declare const getStyleBackgroundImage: (backgroundImage?: StateProp<BackgroundImageValue>, options?: Options) => {};
+declare const getStyleBgImageSource: (backgroundImage: StateProp<BackgroundImageValue>, options?: Options) => {};
+declare const getBgImageSourceByDevice: (backgroundImage: StateProp<BackgroundImageValue>, state: StateType, options?: Options) => string;
+declare const composeBackgroundImageCss: (config?: ObjectDevices<StateProp<BackgroundImageValue>> | StateProp<BackgroundImageValue>, options?: {
     useLiquid?: boolean;
     device?: 'desktop' | 'tablet' | 'mobile';
     state?: 'normal' | 'hover';
+    responsive?: boolean;
 }) => string | undefined;
 
 type ColorType = 'bg' | 'text' | 'border' | 'decoration';
@@ -45990,7 +45990,7 @@ 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 composeTextHoverColorCss: (device: NameDevices$1, colorHoverConfig?: ObjectDevices<StateProp<ColorValueType>>, isImportant?: boolean) => string | undefined;
+declare const composeTextHoverColorCss: (colorHoverConfig?: StateProp<ColorValueType>, isImportant?: boolean) => string | undefined;
 declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
 declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
 declare const composeFontFamilyTypographyV2: (value?: TypographyV2Props & {
@@ -47954,4 +47954,4 @@ declare const useInteraction: () => {
 
 declare const DEVICES: NameDevices$1[];
 
-export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, ArticlesDocument, ArticlesQueryResponse, ArticlesQueryVariables, Background, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, BlogsDocument, BlogsQueryResponse, BlogsQueryVariables, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, 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, DEVICES, DeepPartial, DotStyle, Dropdown, DynamicCollection, DynamicProduct, ExtractState, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, I18nProvider, I18nProviderProps, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, MediaSelectFragment, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, Option$4 as Option, OptionNormalStyle, OptionSpecialStyle, Options$1 as Options, PaddingType, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewThemePageDocument, PreviewThemePageQueryResponse, PreviewThemePageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedShopMetasQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, SaleFunnelOfferDocument, SaleFunnelOfferQueryResponse, SaleFunnelOfferQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, Setting, SettingByAnimationType, SettingByAnimationValues, SettingUIControl, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, ShopShopifyDocument, ShopShopifyQueryResponse, ShopShopifyQueryVariables, shop as ShopType, SizeProps, SizeSetting$1 as SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StampedWidgetTypeV2, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, ValidateType, VariableRelatedStyles, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBackgroundImageCss, composeBorderCss, composeBorderResponsive, composeClasses, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadow, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTextHoverColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertBoxShadowV1ToV2, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterToolbarPreview, filterTruthyStyles, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAlignmentClasses, getAppBlocks, getAspectRatioGlobalSize, getBgByDevice, getBgImageByDevice, getBgImageSourceByDevice, getBgVideoByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCornerStyle, getCustomRadius, getFlexGrowClassByShapeGlobalSize, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getLayoutClasses, getPaddingGlobalSize, getPaddingStyleByDevice, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveStylePadding, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBackgroundImageByDevice, getStyleBgColor, getStyleBgImageSource, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, handleConvertInputBorderColor, handleConvertInputBorderWidth, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleResponsiveWidth, makeStyleResponsiveWidthWithoutAuto, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, 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, useHasPreSelected, useI18n, useI18nStore, useInitialSwatchesOptions, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductBundleDiscount, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductShopifyEditLink, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useShopifyLink, useStickyStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useTimezone, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, ArticlesDocument, ArticlesQueryResponse, ArticlesQueryVariables, Background, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, BlogsDocument, BlogsQueryResponse, BlogsQueryVariables, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, 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, DEVICES, DeepPartial, DotStyle, Dropdown, DynamicCollection, DynamicProduct, ExtractState, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, I18nProvider, I18nProviderProps, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, MediaSelectFragment, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, Option$4 as Option, OptionNormalStyle, OptionSpecialStyle, Options$1 as Options, PaddingType, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewThemePageDocument, PreviewThemePageQueryResponse, PreviewThemePageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedShopMetasQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, SaleFunnelOfferDocument, SaleFunnelOfferQueryResponse, SaleFunnelOfferQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, Setting, SettingByAnimationType, SettingByAnimationValues, SettingUIControl, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, ShopShopifyDocument, ShopShopifyQueryResponse, ShopShopifyQueryVariables, shop as ShopType, SizeProps, SizeSetting$1 as SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StampedWidgetTypeV2, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, ValidateType, VariableRelatedStyles, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBackgroundImageCss, composeBorderCss, composeBorderResponsive, composeClasses, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadow, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTextHoverColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertBoxShadowV1ToV2, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterToolbarPreview, filterTruthyStyles, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAlignmentClasses, getAppBlocks, getAspectRatioGlobalSize, getBgByDevice, getBgImageByDevice, getBgImageSourceByDevice, getBgVideoByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCornerStyle, getCustomRadius, getFlexGrowClassByShapeGlobalSize, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getLayoutClasses, getPaddingGlobalSize, getPaddingStyleByDevice, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveStylePadding, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBackgroundImage, getStyleBgColor, getStyleBgImageSource, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, handleConvertInputBorderColor, handleConvertInputBorderWidth, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleResponsiveWidth, makeStyleResponsiveWidthWithoutAuto, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, 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, useHasPreSelected, useI18n, useI18nStore, useInitialSwatchesOptions, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductBundleDiscount, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductShopifyEditLink, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useShopifyLink, useStickyStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useTimezone, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "2.0.0-dev.703",
+  "version": "2.0.0-dev.704",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",