@gem-sdk/core 1.58.0-dev.31 → 1.58.0-dev.38

package/dist/cjs/helpers/backgroundImage.js

@@ -0,0 +1,146 @@
+'use strict';
+
+var makeStyle = require('./make-style.js');
+
+const getStyleBackgroundImageByDevice = (backgroundImage, options)=>{
+    if (!backgroundImage) {
+        return {};
+    }
+    return {
+        ...!options?.ignoreBackgroundImage ? {
+            ...getStyleBgImageSource(backgroundImage, options)
+        } : {},
+        ...!options?.ignoreBackgroundImageProperties ? {
+            ...getStyleBgImagePosition(backgroundImage),
+            ...getStyleBgImageSize(backgroundImage),
+            ...getStyleBgImageRepeat(backgroundImage)
+        } : {},
+        ...!options?.ignoreBgAttachment ? getStyleBgImageAttachment(backgroundImage) : {}
+    };
+};
+const getStyleBgImageSource = (backgroundImage, options)=>{
+    const bgImage = {
+        desktop: {
+            normal: getBgImageSourceByDevice(backgroundImage, 'desktop', 'normal', options),
+            hover: getBgImageSourceByDevice(backgroundImage, 'desktop', 'hover', options)
+        },
+        tablet: {
+            normal: getBgImageSourceByDevice(backgroundImage, 'tablet', 'normal', options),
+            hover: getBgImageSourceByDevice(backgroundImage, 'tablet', 'hover', options)
+        },
+        mobile: {
+            normal: getBgImageSourceByDevice(backgroundImage, 'mobile', 'normal', options),
+            hover: getBgImageSourceByDevice(backgroundImage, 'mobile', 'hover', options)
+        }
+    };
+    return makeStyle.makeStyleResponsiveState('bgi', bgImage);
+};
+const getBgImageSourceByDevice = (backgroundImage, device, state, options)=>{
+    const stateValue = backgroundImage?.[device]?.[state];
+    if (!stateValue?.image?.src) return;
+    const backupFileKey = stateValue.image.backupFileKey;
+    const storage = stateValue.image.storage;
+    let imageByDevice = stateValue.image.src;
+    let newBackupFilekey = backupFileKey;
+    const shopifyHandleName = imageByDevice?.match(// eslint-disable-next-line
+    /\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];
+    if (backupFileKey && shopifyHandleName && shopifyHandleName !== backupFileKey) {
+        newBackupFilekey = shopifyHandleName;
+    }
+    if (storage === 'FILE_CONTENT') {
+        if (options?.liquid && newBackupFilekey) {
+            imageByDevice = `{{ "${newBackupFilekey.replace('.jpeg', '.jpg')}" | file_url }}`;
+        }
+    }
+    if (storage === 'THEME' || !storage) {
+        if (options?.liquid && newBackupFilekey) {
+            imageByDevice = `{{ "${newBackupFilekey}" | asset_url }}`;
+        }
+    }
+    return imageByDevice ? `url(${imageByDevice})` : 'none';
+};
+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')
+        }
+    };
+    return makeStyle.makeStyleResponsiveState('bgp', bgPosition);
+};
+const getBgImagePositionByDevice = (backgroundImage, device, state)=>{
+    const position = backgroundImage?.[device]?.[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')
+        }
+    };
+    return makeStyle.makeStyleResponsiveState('bgs', bgSize);
+};
+const getBgImageSizeByDevice = (backgroundImage, device, state)=>{
+    return backgroundImage?.[device]?.[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')
+        }
+    };
+    return makeStyle.makeStyleResponsiveState('bgr', bgRepeat);
+};
+const getBgImageRepeatByDevice = (backgroundImage, device, state)=>{
+    return backgroundImage?.[device]?.[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')
+        }
+    };
+    return makeStyle.makeStyleResponsiveState('bga', bgAttachment);
+};
+const getBgImageAttachmentByDevice = (backgroundImage, device, state)=>{
+    return backgroundImage?.[device]?.[state]?.attachment;
+};
+
+exports.getBgImageSourceByDevice = getBgImageSourceByDevice;
+exports.getStyleBackgroundImageByDevice = getStyleBackgroundImageByDevice;
+exports.getStyleBgImageSource = getStyleBgImageSource;

package/dist/cjs/helpers/radius.js

@@ -129,6 +129,7 @@ const composeCornerCss = (value, important = false)=>{
             break;
         case 'circle':
         case 'none':
+        case 'rounded':
         case 'custom':
             radiusValue = `
       ${bblr ? `border-bottom-left-radius: ${bblr}${sub};` : ''}

package/dist/cjs/index.js

@@ -54,6 +54,7 @@ var fpixel = require('./helpers/tracking/fpixel.js');
 var gtag = require('./helpers/tracking/gtag.js');
 var tiktokpixel = require('./helpers/tracking/tiktokpixel.js');
 var background = require('./helpers/background.js');
+var backgroundImage = require('./helpers/backgroundImage.js');
 var colors = require('./helpers/colors.js');
 var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
 var convert = require('./helpers/convert.js');
@@ -208,6 +209,9 @@ exports.getGradientBgrStyleForButton = background.getGradientBgrStyleForButton;
 exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
 exports.getStyleBgColor = background.getStyleBgColor;
 exports.makeFixedBgAttachment = background.makeFixedBgAttachment;
+exports.getBgImageSourceByDevice = backgroundImage.getBgImageSourceByDevice;
+exports.getStyleBackgroundImageByDevice = backgroundImage.getStyleBackgroundImageByDevice;
+exports.getStyleBgImageSource = backgroundImage.getStyleBgImageSource;
 exports.composeTextColorCss = colors.composeTextColorCss;
 exports.getGlobalColorCSSProp = colors.getGlobalColorCSSProp;
 exports.getGlobalColorClass = colors.getGlobalColorClass;

package/dist/esm/helpers/backgroundImage.js

@@ -0,0 +1,142 @@
+import { makeStyleResponsiveState } from './make-style.js';
+
+const getStyleBackgroundImageByDevice = (backgroundImage, options)=>{
+    if (!backgroundImage) {
+        return {};
+    }
+    return {
+        ...!options?.ignoreBackgroundImage ? {
+            ...getStyleBgImageSource(backgroundImage, options)
+        } : {},
+        ...!options?.ignoreBackgroundImageProperties ? {
+            ...getStyleBgImagePosition(backgroundImage),
+            ...getStyleBgImageSize(backgroundImage),
+            ...getStyleBgImageRepeat(backgroundImage)
+        } : {},
+        ...!options?.ignoreBgAttachment ? getStyleBgImageAttachment(backgroundImage) : {}
+    };
+};
+const getStyleBgImageSource = (backgroundImage, options)=>{
+    const bgImage = {
+        desktop: {
+            normal: getBgImageSourceByDevice(backgroundImage, 'desktop', 'normal', options),
+            hover: getBgImageSourceByDevice(backgroundImage, 'desktop', 'hover', options)
+        },
+        tablet: {
+            normal: getBgImageSourceByDevice(backgroundImage, 'tablet', 'normal', options),
+            hover: getBgImageSourceByDevice(backgroundImage, 'tablet', 'hover', options)
+        },
+        mobile: {
+            normal: getBgImageSourceByDevice(backgroundImage, 'mobile', 'normal', options),
+            hover: getBgImageSourceByDevice(backgroundImage, 'mobile', 'hover', options)
+        }
+    };
+    return makeStyleResponsiveState('bgi', bgImage);
+};
+const getBgImageSourceByDevice = (backgroundImage, device, state, options)=>{
+    const stateValue = backgroundImage?.[device]?.[state];
+    if (!stateValue?.image?.src) return;
+    const backupFileKey = stateValue.image.backupFileKey;
+    const storage = stateValue.image.storage;
+    let imageByDevice = stateValue.image.src;
+    let newBackupFilekey = backupFileKey;
+    const shopifyHandleName = imageByDevice?.match(// eslint-disable-next-line
+    /\/files\/([^\/]+\.(jpg|jpeg|gif|png|webp|svg))/)?.[1];
+    if (backupFileKey && shopifyHandleName && shopifyHandleName !== backupFileKey) {
+        newBackupFilekey = shopifyHandleName;
+    }
+    if (storage === 'FILE_CONTENT') {
+        if (options?.liquid && newBackupFilekey) {
+            imageByDevice = `{{ "${newBackupFilekey.replace('.jpeg', '.jpg')}" | file_url }}`;
+        }
+    }
+    if (storage === 'THEME' || !storage) {
+        if (options?.liquid && newBackupFilekey) {
+            imageByDevice = `{{ "${newBackupFilekey}" | asset_url }}`;
+        }
+    }
+    return imageByDevice ? `url(${imageByDevice})` : 'none';
+};
+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')
+        }
+    };
+    return makeStyleResponsiveState('bgp', bgPosition);
+};
+const getBgImagePositionByDevice = (backgroundImage, device, state)=>{
+    const position = backgroundImage?.[device]?.[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')
+        }
+    };
+    return makeStyleResponsiveState('bgs', bgSize);
+};
+const getBgImageSizeByDevice = (backgroundImage, device, state)=>{
+    return backgroundImage?.[device]?.[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')
+        }
+    };
+    return makeStyleResponsiveState('bgr', bgRepeat);
+};
+const getBgImageRepeatByDevice = (backgroundImage, device, state)=>{
+    return backgroundImage?.[device]?.[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')
+        }
+    };
+    return makeStyleResponsiveState('bga', bgAttachment);
+};
+const getBgImageAttachmentByDevice = (backgroundImage, device, state)=>{
+    return backgroundImage?.[device]?.[state]?.attachment;
+};
+
+export { getBgImageSourceByDevice, getStyleBackgroundImageByDevice, getStyleBgImageSource };

package/dist/esm/helpers/radius.js

@@ -127,6 +127,7 @@ const composeCornerCss = (value, important = false)=>{
             break;
         case 'circle':
         case 'none':
+        case 'rounded':
         case 'custom':
             radiusValue = `
       ${bblr ? `border-bottom-left-radius: ${bblr}${sub};` : ''}

package/dist/esm/index.js

@@ -55,6 +55,7 @@ export { gtag };
 import * as tiktokpixel from './helpers/tracking/tiktokpixel.js';
 export { tiktokpixel };
 export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, getStyleBgColor, makeFixedBgAttachment } from './helpers/background.js';
+export { getBgImageSourceByDevice, getStyleBackgroundImageByDevice, 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, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle } from './helpers/compose-advance-style.js';
 export { baseAssetURL, isLocalEnv } from './helpers/convert.js';

package/dist/types/index.d.ts

@@ -7859,6 +7859,12 @@ type SelectVariantControlType = {
     hide?: boolean;
 };
 
+type VariantListingControlType = {
+    id: string;
+    type: 'variant:listing';
+    label?: string;
+};
+
 type BackgroundControlType<T> = SharedControlType<T> & {
     type: 'background';
     value?: Background;
@@ -8644,6 +8650,9 @@ type BackgroundImageValue = {
         src: string;
         width: number;
         height: number;
+        backupFileKey?: string;
+        storage?: 'THEME' | 'FILE_CONTENT';
+        backupFilePath?: string;
     };
     size?: BgSize$1;
     position?: BgPosition$1;
@@ -8890,7 +8899,7 @@ type ImageV2ControlType<T> = SharedControlType<T> & {
     type: 'image-v2';
 };
 
-type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<T> | AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | OpenLinkControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | DisplayTriggerControlType<T> | CustomPositionControlType<T> | DealControlType<T> | ProductHandleType<T> | ColorPickerV2ControlType<T> | BorderV2ControlType<T> | CornerV2ControlType<T> | PaddingV2ControlType<T> | BackgroundImageType<T> | BackgroundVideoType<T> | ShadowV2ControlType<T> | BackgroundMediaControlType<T> | BackgroundVideoType<T> | SwitchControlType<T> | ImageV2ControlType<T>;
+type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<T> | AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | OpenLinkControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | VariantListingControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | DisplayTriggerControlType<T> | CustomPositionControlType<T> | DealControlType<T> | ProductHandleType<T> | ColorPickerV2ControlType<T> | BorderV2ControlType<T> | CornerV2ControlType<T> | PaddingV2ControlType<T> | BackgroundImageType<T> | BackgroundVideoType<T> | ShadowV2ControlType<T> | BackgroundMediaControlType<T> | BackgroundVideoType<T> | SwitchControlType<T> | ImageV2ControlType<T>;
 type ControlTriggerAction = {
     controlId: string;
     newValue?: any;
@@ -32453,15 +32462,15 @@ declare const makeHeight: (heighValue?: ObjectDevices<string | number>, autoHeig
 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>;
 
-type Devices = 'desktop' | 'tablet' | 'mobile';
-type Options = {
+type Devices$1 = 'desktop' | 'tablet' | 'mobile';
+type Options$1 = {
     liquid?: boolean;
     ignoreBgAttachment?: boolean;
     ignoreBackgroundImage?: boolean;
     ignoreBackgroundImageProperties?: boolean;
     ignoreBackgroundColor?: boolean;
 };
-declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {
+declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options$1) => {
     "--bga"?: string | undefined;
     "--bga-tablet"?: string | undefined;
     "--bga-mobile"?: string | undefined;
@@ -32482,7 +32491,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, options?: Options) => string | undefined;
+declare const getBgImageByDevice: (background: ObjectDevices<Background>, device: Devices$1, options?: Options$1) => string | undefined;
 declare const composeBackgroundCss: (backgroundColor?: ColorValueType) => string;
 declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) => {
     wrapper: {
@@ -32494,7 +32503,18 @@ 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, Background>> | undefined, ignoreBackgroundImage?: Record<Devices, boolean>) => {} | undefined;
+declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices$1, Background>> | undefined, ignoreBackgroundImage?: Record<Devices$1, boolean>) => {} | 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 | undefined;
 
 type ColorType = 'bg' | 'text' | 'border' | 'decoration';
 type ColorProp = 'bgc' | 'bc' | 'c' | 'bg';
@@ -42163,4 +42183,4 @@ declare const useInteraction: () => {
     interactionListenerLoaded: (callback: () => void) => void;
 };
 
-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, Background, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, 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, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, 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, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, 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, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, QueryPublishedShopMetasArgs, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, 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, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeBorderResponsive, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, 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, getResponsiveStyleShadow, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBgColor, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, 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, 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, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, 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, Background, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, 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, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, 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, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options$1 as Options, 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, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, QueryPublishedShopMetasArgs, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, 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, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeBorderResponsive, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBgImageSourceByDevice, getBorderRadiusStyle, 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, getResponsiveStyleShadow, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBackgroundImageByDevice, getStyleBgColor, getStyleBgImageSource, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, 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, 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, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };

package/package.json

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