@gem-sdk/core 2.0.0-dev.701 → 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

@@ -36841,11 +36841,13 @@ type DropdownInput<T> = SharedControlType<T> & {
     units?: string[];
     displayOptions?: {
         label: string;
-        value?: string;
+        value?: string | number;
         reversed?: boolean;
         showValue?: boolean;
     }[];
     isRowWith?: boolean;
+    isNumber?: true;
+    isIndexValue?: boolean;
     fallbackValue?: string | number;
 };
 
@@ -37422,10 +37424,6 @@ type ImageSelect<T> = SharedControlType<T> & {
     type: 'image-select';
 };
 
-type LayoutPostPurchase<T> = SharedControlType<T> & {
-    type: 'toggle:layout-post-purchase';
-};
-
 type BackgroundMediaComboControlType<T> = SharedControlType<T> & {
     type: 'background-media-combo';
     value?: BackgroundMedia;
@@ -37477,7 +37475,7 @@ type GroupControlType<T> = {
         mobileOnly?: boolean;
     };
 };
-type ControlProp<T> = (ProductBundleChildControlType<T> | SelectProductBundleControlType<T> | AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputStepperControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | Option$7<T> | OptionValueControlType<T> | OptionIllustrationControlType<T> | OpenLinkControlType<T> | SelectControlType<T> | Option$4<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<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> | BackgroundMediaComboControlType<T> | BackgroundVideoType<T> | ImageV2ControlType<T> | LayoutSelectorControlType<T> | ComboControlType<T> | DynamicOfferQuantity<T> | ImagePostPurchase<T> | ImageSelect<T> | InputSliderControlType<T> | VariantSwatchesPresetV2ControlType<T> | LayoutPostPurchase<T> | LayoutCarouselSelectorControlType<T> | BannerControlType<T> | ProductSourceControlType<T>) & {
+type ControlProp<T> = (ProductBundleChildControlType<T> | SelectProductBundleControlType<T> | AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputStepperControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | Option$7<T> | OptionValueControlType<T> | OptionIllustrationControlType<T> | OpenLinkControlType<T> | SelectControlType<T> | Option$4<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<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> | BackgroundMediaComboControlType<T> | BackgroundVideoType<T> | ImageV2ControlType<T> | LayoutSelectorControlType<T> | ComboControlType<T> | DynamicOfferQuantity<T> | ImagePostPurchase<T> | ImageSelect<T> | InputSliderControlType<T> | VariantSwatchesPresetV2ControlType<T> | LayoutCarouselSelectorControlType<T> | BannerControlType<T> | ProductSourceControlType<T>) & {
     validate?: ValidateType;
 };
 type ValidateType = {
@@ -37646,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;
@@ -37654,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;
@@ -37676,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: {
@@ -37688,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';
@@ -45992,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 & {
@@ -47956,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.701",
+  "version": "2.0.0-dev.704",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "2.0.0-dev.695",
-    "@gem-sdk/styles": "2.0.0-dev.695",
+    "@gem-sdk/styles": "2.0.0-dev.703",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {