@gem-sdk/core 2.0.0-dev.479 → 2.0.0-dev.503

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -25,6 +25,7 @@ require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
+require('../hooks/useStickyStore.js');
 
 const SECTION_LIMIT = 25;
 const notVisible = (el)=>{

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -20,6 +20,7 @@ var shop = require('../hooks/shop.js');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
+require('../hooks/useStickyStore.js');
 var ComponentAnimation = require('./ComponentAnimation.js');
 
 const ComponentWrapperPreview = ({ children, ...props })=>{

package/dist/cjs/components/InteractionSuffix.js

@@ -17,6 +17,7 @@ require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
+require('../hooks/useStickyStore.js');
 
 const InteractionSuffix = ({ uid })=>{
     const { closeSelectOnPage, selectInteractionElement } = index.useInteraction();

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

@@ -13,6 +13,7 @@ require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
+require('../hooks/useStickyStore.js');
 require('react-transition-group');
 require('@gem-sdk/core');
 var constant = require('./constant.js');

package/dist/cjs/components/RenderCustomCode.js

@@ -20,6 +20,7 @@ require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
+require('../hooks/useStickyStore.js');
 
 const RenderCustomCode = ({ uid, advanced })=>{
     const mode = shop.useEditorMode();

package/dist/cjs/components/ai-generator/AIContentGenerator.js

@@ -28,6 +28,7 @@ require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('../../hooks/useCartUI.js');
+require('../../hooks/useStickyStore.js');
 
 const AIContentGenerator = ({ ...props })=>{
     const [isShowPopup, setIsShowPopup] = react.useState(false);

package/dist/cjs/components/ai-generator/components/PickProduct.js

@@ -17,6 +17,7 @@ require('swr/mutation');
 var useProductQuery = require('../../../hooks/shop/use-product-query.js');
 require('vanilla-lazyload');
 require('../../../hooks/useCartUI.js');
+require('../../../hooks/useStickyStore.js');
 
 const PickProduct = (props)=>{
     const LIMIT_PRODUCTS = 8;

package/dist/cjs/components/resize/Spacing.js

@@ -19,6 +19,7 @@ require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('vanilla-lazyload');
 require('../../hooks/useCartUI.js');
+require('../../hooks/useStickyStore.js');
 
 function Spacing(props) {
     const isThemeSectionEditor = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.isThemeSectionEditor);

package/dist/cjs/components/theme-section/CreateThemeSection.js

@@ -16,6 +16,7 @@ require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('vanilla-lazyload');
 require('../../hooks/useCartUI.js');
+require('../../hooks/useStickyStore.js');
 
 const SHOW_TOOLTIP_TIMEOUT = 600;
 const NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP = 1;

package/dist/cjs/contexts/ProductContext.js

@@ -10,6 +10,7 @@ require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
+require('../hooks/useStickyStore.js');
 var variant = require('../helpers/variant.js');
 require('react-transition-group');
 require('@gem-sdk/core');

package/dist/cjs/helpers/background.js

@@ -3,6 +3,7 @@
 var constant = require('./constant.js');
 var colors = require('./colors.js');
 var makeStyle = require('./make-style.js');
+var getResonsiveValue = require('./get-resonsive-value.js');
 
 const isEmptyBg = (value)=>{
     return value?.videoHtml5 === undefined && value?.video === undefined && !value?.videoType;
@@ -239,9 +240,43 @@ const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage)=>{
     });
     return bgrStyle;
 };
+const getBgByDevice = (data)=>{
+    const { backgroundColor, backgroundImage } = data;
+    if (!backgroundColor && !backgroundImage) return;
+    const mapBgImage = {
+        desktop: getResonsiveValue.getResponsiveValueByScreen(backgroundImage, 'desktop'),
+        tablet: getResonsiveValue.getResponsiveValueByScreen(backgroundImage, 'tablet'),
+        mobile: getResonsiveValue.getResponsiveValueByScreen(backgroundImage, 'mobile')
+    };
+    const bgrStyle = {};
+    [
+        'desktop',
+        'tablet',
+        'mobile'
+    ].forEach((device)=>{
+        const colorValue = getResonsiveValue.getResponsiveValueByScreen(backgroundColor, device);
+        const imageValue = backgroundImage ? getBgImageByDevice(mapBgImage, device) : undefined;
+        if (colorValue?.includes(GRADIENT_BGR_KEY)) {
+            Object.assign(bgrStyle, {
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: colorValue
+            });
+        } else {
+            Object.assign(bgrStyle, {
+                [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: colorValue
+            });
+        }
+        if (imageValue && imageValue !== 'none') {
+            Object.assign(bgrStyle, {
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: imageValue
+            });
+        }
+    });
+    return bgrStyle;
+};
 
 exports.GRADIENT_BGR_KEY = GRADIENT_BGR_KEY;
 exports.composeBackgroundCss = composeBackgroundCss;
+exports.getBgByDevice = getBgByDevice;
 exports.getBgImageByDevice = getBgImageByDevice;
 exports.getBgVideoByDevice = getBgVideoByDevice;
 exports.getGradientBgrStyleByDevice = getGradientBgrStyleByDevice;

package/dist/cjs/helpers/interaction/index.js

@@ -16,6 +16,7 @@ require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('vanilla-lazyload');
 require('../../hooks/useCartUI.js');
+require('../../hooks/useStickyStore.js');
 
 const useInteraction = ()=>{
     const ref = react.useRef();

package/dist/cjs/hooks/useAnimations.js

@@ -11,6 +11,7 @@ require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('./useCartUI.js');
+require('./useStickyStore.js');
 require('react-transition-group');
 require('@gem-sdk/core');
 require('classnames');

package/dist/cjs/hooks/useInitialSwatchesOptions.js

@@ -17,6 +17,7 @@ require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('./useCartUI.js');
+require('./useStickyStore.js');
 require('react-transition-group');
 require('@gem-sdk/core');
 require('classnames');

package/dist/cjs/hooks/useProduct.js

@@ -12,6 +12,7 @@ require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('./useCartUI.js');
+require('./useStickyStore.js');
 var variant = require('../helpers/variant.js');
 var useShopifyLink = require('./shop/useShopifyLink.js');
 require('react-transition-group');

package/dist/cjs/hooks/useStickyStore.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var zustand = require('zustand');
+
+const useStickyStore = zustand.create((set)=>({
+        isStickyVisible: false,
+        setStickyVisible: (visible)=>set({
+                isStickyVisible: visible
+            })
+    }));
+
+exports.useStickyStore = useStickyStore;

package/dist/cjs/index.js

@@ -106,6 +106,7 @@ var useLoadScript = require('./hooks/useLoadScript.js');
 var useMoney = require('./hooks/useMoney.js');
 var usePrevious = require('./hooks/usePrevious.js');
 var useI18n = require('./hooks/useI18n.js');
+var useStickyStore = require('./hooks/useStickyStore.js');
 var useProduct = require('./hooks/useProduct.js');
 var useShopifyLink = require('./hooks/shop/useShopifyLink.js');
 var useProductList = require('./hooks/useProductList.js');
@@ -221,6 +222,7 @@ exports.gtag = gtag;
 exports.tiktokpixel = tiktokpixel;
 exports.GRADIENT_BGR_KEY = background.GRADIENT_BGR_KEY;
 exports.composeBackgroundCss = background.composeBackgroundCss;
+exports.getBgByDevice = background.getBgByDevice;
 exports.getBgImageByDevice = background.getBgImageByDevice;
 exports.getBgVideoByDevice = background.getBgVideoByDevice;
 exports.getGradientBgrStyleByDevice = background.getGradientBgrStyleByDevice;
@@ -386,6 +388,7 @@ exports.useLoadScript = useLoadScript.default;
 exports.useMoney = useMoney.default;
 exports.usePrevious = usePrevious.usePrevious;
 exports.useI18n = useI18n.useI18n;
+exports.useStickyStore = useStickyStore.useStickyStore;
 exports.useCheckAvailableVariantInStock = useProduct.useCheckAvailableVariantInStock;
 exports.useCurrentVariant = useProduct.useCurrentVariant;
 exports.useCurrentVariantInStock = useProduct.useCurrentVariantInStock;

package/dist/esm/components/ComponentToolbarPreview.js

@@ -21,6 +21,7 @@ import 'swr/mutation';
 import 'swr/infinite';
 import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
+import '../hooks/useStickyStore.js';
 
 const SECTION_LIMIT = 25;
 const notVisible = (el)=>{

package/dist/esm/components/ComponentWrapperPreview.js

@@ -16,6 +16,7 @@ import { usePageType } from '../hooks/shop.js';
 import 'swr/infinite';
 import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
+import '../hooks/useStickyStore.js';
 import ComponentAnimation from './ComponentAnimation.js';
 
 const ComponentWrapperPreview = ({ children, ...props })=>{

package/dist/esm/components/InteractionSuffix.js

@@ -15,6 +15,7 @@ import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
 import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
+import '../hooks/useStickyStore.js';
 
 const InteractionSuffix = ({ uid })=>{
     const { closeSelectOnPage, selectInteractionElement } = useInteraction();

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

@@ -9,6 +9,7 @@ import 'swr/mutation';
 import 'swr/infinite';
 import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
+import '../hooks/useStickyStore.js';
 import 'react-transition-group';
 import '@gem-sdk/core';
 import { disableWrap, customRenderChildren } from './constant.js';

package/dist/esm/components/RenderCustomCode.js

@@ -16,6 +16,7 @@ import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
 import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
+import '../hooks/useStickyStore.js';
 
 const RenderCustomCode = ({ uid, advanced })=>{
     const mode = useEditorMode();

package/dist/esm/components/ai-generator/AIContentGenerator.js

@@ -26,6 +26,7 @@ import 'swr/mutation';
 import 'swr/infinite';
 import 'vanilla-lazyload';
 import '../../hooks/useCartUI.js';
+import '../../hooks/useStickyStore.js';
 
 const AIContentGenerator = ({ ...props })=>{
     const [isShowPopup, setIsShowPopup] = useState(false);

package/dist/esm/components/ai-generator/components/PickProduct.js

@@ -15,6 +15,7 @@ import 'swr/mutation';
 import { useProductQuery } from '../../../hooks/shop/use-product-query.js';
 import 'vanilla-lazyload';
 import '../../../hooks/useCartUI.js';
+import '../../../hooks/useStickyStore.js';
 
 const PickProduct = (props)=>{
     const LIMIT_PRODUCTS = 8;

package/dist/esm/components/resize/Spacing.js

@@ -15,6 +15,7 @@ import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
 import 'vanilla-lazyload';
 import '../../hooks/useCartUI.js';
+import '../../hooks/useStickyStore.js';
 
 function Spacing(props) {
     const isThemeSectionEditor = useBuilderPreviewStore((s)=>s.isThemeSectionEditor);

package/dist/esm/components/theme-section/CreateThemeSection.js

@@ -14,6 +14,7 @@ import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
 import 'vanilla-lazyload';
 import '../../hooks/useCartUI.js';
+import '../../hooks/useStickyStore.js';
 
 const SHOW_TOOLTIP_TIMEOUT = 600;
 const NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP = 1;

package/dist/esm/contexts/ProductContext.js

@@ -8,6 +8,7 @@ import 'swr/mutation';
 import 'swr/infinite';
 import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
+import '../hooks/useStickyStore.js';
 import { checkInStock } from '../helpers/variant.js';
 import 'react-transition-group';
 import '@gem-sdk/core';

package/dist/esm/helpers/background.js

@@ -1,6 +1,7 @@
 import { devicesMapping } from './constant.js';
 import { isColor, getSingleColorVariable } from './colors.js';
 import { makeStyleResponsive } from './make-style.js';
+import { getResponsiveValueByScreen } from './get-resonsive-value.js';
 
 const isEmptyBg = (value)=>{
     return value?.videoHtml5 === undefined && value?.video === undefined && !value?.videoType;
@@ -237,5 +238,38 @@ const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage)=>{
     });
     return bgrStyle;
 };
+const getBgByDevice = (data)=>{
+    const { backgroundColor, backgroundImage } = data;
+    if (!backgroundColor && !backgroundImage) return;
+    const mapBgImage = {
+        desktop: getResponsiveValueByScreen(backgroundImage, 'desktop'),
+        tablet: getResponsiveValueByScreen(backgroundImage, 'tablet'),
+        mobile: getResponsiveValueByScreen(backgroundImage, 'mobile')
+    };
+    const bgrStyle = {};
+    [
+        'desktop',
+        'tablet',
+        'mobile'
+    ].forEach((device)=>{
+        const colorValue = getResponsiveValueByScreen(backgroundColor, device);
+        const imageValue = backgroundImage ? getBgImageByDevice(mapBgImage, device) : undefined;
+        if (colorValue?.includes(GRADIENT_BGR_KEY)) {
+            Object.assign(bgrStyle, {
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: colorValue
+            });
+        } else {
+            Object.assign(bgrStyle, {
+                [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: colorValue
+            });
+        }
+        if (imageValue && imageValue !== 'none') {
+            Object.assign(bgrStyle, {
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: imageValue
+            });
+        }
+    });
+    return bgrStyle;
+};
 
-export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getBgVideoByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, getStyleBgColor, makeFixedBgAttachment };
+export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgByDevice, getBgImageByDevice, getBgVideoByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, getStyleBgColor, makeFixedBgAttachment };

package/dist/esm/helpers/interaction/index.js

@@ -14,6 +14,7 @@ import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
 import 'vanilla-lazyload';
 import '../../hooks/useCartUI.js';
+import '../../hooks/useStickyStore.js';
 
 const useInteraction = ()=>{
     const ref = useRef();

package/dist/esm/hooks/useAnimations.js

@@ -9,6 +9,7 @@ import 'swr/mutation';
 import 'swr/infinite';
 import 'vanilla-lazyload';
 import './useCartUI.js';
+import './useStickyStore.js';
 import 'react-transition-group';
 import '@gem-sdk/core';
 import 'classnames';

package/dist/esm/hooks/useInitialSwatchesOptions.js

@@ -13,6 +13,7 @@ import 'swr/mutation';
 import 'swr/infinite';
 import 'vanilla-lazyload';
 import './useCartUI.js';
+import './useStickyStore.js';
 import 'react-transition-group';
 import '@gem-sdk/core';
 import 'classnames';

package/dist/esm/hooks/useProduct.js

@@ -10,6 +10,7 @@ import 'swr/mutation';
 import 'swr/infinite';
 import 'vanilla-lazyload';
 import './useCartUI.js';
+import './useStickyStore.js';
 import { checkInStock } from '../helpers/variant.js';
 import { useShopifyLink } from './shop/useShopifyLink.js';
 import 'react-transition-group';

package/dist/esm/hooks/useStickyStore.js

@@ -0,0 +1,10 @@
+import { create } from 'zustand';
+
+const useStickyStore = create((set)=>({
+        isStickyVisible: false,
+        setStickyVisible: (visible)=>set({
+                isStickyVisible: visible
+            })
+    }));
+
+export { useStickyStore };

package/dist/esm/index.js

@@ -59,7 +59,7 @@ import * as gtag from './helpers/tracking/gtag.js';
 export { gtag };
 import * as tiktokpixel from './helpers/tracking/tiktokpixel.js';
 export { tiktokpixel };
-export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getBgVideoByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, getStyleBgColor, makeFixedBgAttachment } from './helpers/background.js';
+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 { 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';
@@ -107,6 +107,7 @@ export { default as useLoadScript } from './hooks/useLoadScript.js';
 export { default as useMoney } from './hooks/useMoney.js';
 export { usePrevious } from './hooks/usePrevious.js';
 export { useI18n } from './hooks/useI18n.js';
+export { useStickyStore } from './hooks/useStickyStore.js';
 export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useHasPreSelected, useIsSyncProduct, useProduct, useProductBundleDiscount, useProductOfferDiscount, useProductProperties, useProductShopifyEditLink, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants } from './hooks/useProduct.js';
 export { useShopifyLink } from './hooks/shop/useShopifyLink.js';
 export { useProductList, useProductListProducts, useProductListSettings, useProductListStyles } from './hooks/useProductList.js';

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
+import * as zustand from 'zustand';
 import { StoreApi } from 'zustand';
 import { Cart as Cart$2, addToCartOperation, getCartOperation, cartDiscountCodesUpdateOperation, cartNoteUpdateOperation, createCartOperation, removeCartItemOperation, updateCartLineOperation } from '@gem-sdk/adapter-shopify';
 import { SWRConfig, SWRConfiguration, MutatorOptions } from 'swr';
@@ -37662,6 +37663,10 @@ declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) =>
 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 getBgByDevice: (data: {
+    backgroundColor: Partial<Record<Devices$1, string>> | undefined;
+    backgroundImage: Partial<Record<Devices$1, BackgroundImageValue>> | undefined;
+}) => {} | undefined;
 
 type Devices = 'desktop' | 'tablet' | 'mobile';
 type Options = {
@@ -37680,7 +37685,7 @@ declare const composeBackgroundImageCss: (config?: ObjectDevices<StateProp<Backg
 }) => string | undefined;
 
 type ColorType = 'bg' | 'text' | 'border' | 'decoration';
-type ColorProp = 'bgc' | 'bc' | 'c' | 'bg' | 'bbc' | 'btc' | 'blc' | 'brc';
+type ColorProp = 'bgc' | 'bc' | 'c' | 'bg' | 'bbc' | 'btc' | 'blc' | 'brc' | 'bgi';
 declare const getGlobalColorCSSProp: (color?: ColorValueType) => string | undefined;
 declare const getGlobalColorClass: (type: ColorType, color?: ColorValueType) => string;
 declare const getGlobalColorResponsiveClass: (type: ColorType, data?: ObjectDevices<ColorValueType>) => string;
@@ -38117,6 +38122,15 @@ declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
     '--jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--hvr-jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--focus-jc-mobile'?: csstype.Property.JustifyContent | undefined;
+    '--js'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js'?: csstype.Property.JustifySelf | undefined;
+    '--js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-mobile'?: csstype.Property.JustifySelf | undefined;
     '--left'?: csstype.Property.Left<string | number> | undefined;
     '--hvr-left'?: csstype.Property.Left<string | number> | undefined;
     '--focus-left'?: csstype.Property.Left<string | number> | undefined;
@@ -39720,6 +39734,15 @@ declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
     '--jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--hvr-jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--focus-jc-mobile'?: csstype.Property.JustifyContent | undefined;
+    '--js'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js'?: csstype.Property.JustifySelf | undefined;
+    '--js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-mobile'?: csstype.Property.JustifySelf | undefined;
     '--left'?: csstype.Property.Left<string | number> | undefined;
     '--hvr-left'?: csstype.Property.Left<string | number> | undefined;
     '--focus-left'?: csstype.Property.Left<string | number> | undefined;
@@ -41324,6 +41347,15 @@ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
     '--jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--hvr-jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--focus-jc-mobile'?: csstype.Property.JustifyContent | undefined;
+    '--js'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js'?: csstype.Property.JustifySelf | undefined;
+    '--js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-mobile'?: csstype.Property.JustifySelf | undefined;
     '--left'?: csstype.Property.Left<string | number> | undefined;
     '--hvr-left'?: csstype.Property.Left<string | number> | undefined;
     '--focus-left'?: csstype.Property.Left<string | number> | undefined;
@@ -43029,6 +43061,15 @@ declare const getResponsiveStyleShadow: (value?: any, styleAppliedFor?: ShadowSt
     '--jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--hvr-jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--focus-jc-mobile'?: csstype.Property.JustifyContent | undefined;
+    '--js'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js'?: csstype.Property.JustifySelf | undefined;
+    '--js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-mobile'?: csstype.Property.JustifySelf | undefined;
     '--left'?: csstype.Property.Left<string | number> | undefined;
     '--hvr-left'?: csstype.Property.Left<string | number> | undefined;
     '--focus-left'?: csstype.Property.Left<string | number> | undefined;
@@ -44635,6 +44676,15 @@ declare const composeShadow: (shadowInput?: ObjectDevices<StateProp<ShadowProps>
     '--jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--hvr-jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--focus-jc-mobile'?: csstype.Property.JustifyContent | undefined;
+    '--js'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js'?: csstype.Property.JustifySelf | undefined;
+    '--js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-mobile'?: csstype.Property.JustifySelf | undefined;
     '--left'?: csstype.Property.Left<string | number> | undefined;
     '--hvr-left'?: csstype.Property.Left<string | number> | undefined;
     '--focus-left'?: csstype.Property.Left<string | number> | undefined;
@@ -46295,6 +46345,15 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
     '--jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--hvr-jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--focus-jc-mobile'?: csstype.Property.JustifyContent | undefined;
+    '--js'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js'?: csstype.Property.JustifySelf | undefined;
+    '--js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-mobile'?: csstype.Property.JustifySelf | undefined;
     '--left'?: csstype.Property.Left<string | number> | undefined;
     '--hvr-left'?: csstype.Property.Left<string | number> | undefined;
     '--focus-left'?: csstype.Property.Left<string | number> | undefined;
@@ -47660,6 +47719,12 @@ declare const useI18n: () => {
     t: (string: string) => any;
 };
 
+type StickyStore = {
+    isStickyVisible: boolean;
+    setStickyVisible: (visible?: boolean) => void;
+};
+declare const useStickyStore: zustand.UseBoundStore<zustand.StoreApi<StickyStore>>;
+
 declare const useUniqProductID: () => string;
 declare const useProduct: () => ProductSelectFragment | undefined;
 declare const useFeaturedImageGlobal: () => MediaSelectFragment | undefined;
@@ -47809,4 +47874,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, 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, TrustooWidgetTypeV2, 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, getBgImageByDevice, getBgImageSourceByDevice, getBgVideoByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCornerStyle, getCustomRadius, 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, 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, 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, TrustooWidgetTypeV2, 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, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "2.0.0-dev.479",
+  "version": "2.0.0-dev.503",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "2.0.0-dev.324",
-    "@gem-sdk/styles": "2.0.0-dev.464",
+    "@gem-sdk/styles": "2.0.0-dev.501",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {