@gem-sdk/core 1.10.20 → 1.10.23

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
 require('react');
 require('swr');
 var render = require('../helpers/render.js');
 require('../helpers/convert.js');
+var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
 var constant = require('./constant.js');
 
 const componentsRenderWithParentId = [

package/dist/cjs/helpers/compose-advance-style.js

@@ -3,6 +3,7 @@
 var borders = require('./borders.js');
 var colors = require('./colors.js');
 var constant = require('./constant.js');
+var makeStyle = require('./make-style.js');
 var radius = require('./radius.js');
 var shadow = require('./shadow.js');
 
@@ -150,5 +151,30 @@ function composeAdvanceStyle(data, tag) {
     });
     return styles;
 }
+const splitStyle = (keys, style = {})=>{
+    const fullKeys = keys.map((key)=>makeStyle.makeStyleKey(key)).flat();
+    const splitKeys = Object.keys(style).filter((key)=>{
+        return fullKeys.includes(key);
+    });
+    const splitStyle = splitKeys.reduce((curr, key)=>{
+        return {
+            ...curr,
+            [key]: style[key]
+        };
+    }, {});
+    const restStyle = Object.keys(style).filter((key)=>{
+        return !splitKeys.includes(key);
+    }).reduce((curr, key)=>{
+        return {
+            ...curr,
+            [key]: style[key]
+        };
+    }, {});
+    return [
+        splitStyle,
+        restStyle
+    ];
+};
 
 exports.composeAdvanceStyle = composeAdvanceStyle;
+exports.splitStyle = splitStyle;

package/dist/cjs/helpers/make-style.js

@@ -2,6 +2,19 @@
 
 var getResonsiveValue = require('./get-resonsive-value.js');
 
+const makeStyleKey = (name)=>{
+    return [
+        name,
+        `hvr-${name}`,
+        `focus-${name}`,
+        `${name}-tablet`,
+        `hvr-${name}-tablet`,
+        `focus-${name}-tablet`,
+        `${name}-mobile`,
+        `hvr-${name}-mobile`,
+        `focus-${name}-mobile`
+    ].map((key)=>`--${key}`);
+};
 const makeStyle = (style)=>{
     return Object.fromEntries(Object.entries(style).map(([key, value])=>[
             `--${key}`,
@@ -100,6 +113,7 @@ exports.makeAspectRatio = makeAspectRatio;
 exports.makeHeight = makeHeight;
 exports.makeLineClamp = makeLineClamp;
 exports.makeStyle = makeStyle;
+exports.makeStyleKey = makeStyleKey;
 exports.makeStyleResponsive = makeStyleResponsive;
 exports.makeStyleResponsiveState = makeStyleResponsiveState;
 exports.makeStyleState = makeStyleState;

package/dist/cjs/hooks/useProduct.js

@@ -100,8 +100,24 @@ const useVariantOutStock = (optionId, optionValue)=>{
     const isInStock = checkInStock(matchedVariant);
     return !isInStock;
 };
+const useCheckAvailableVariantInStock = (optionId, optionValue)=>{
+    const variants = useVariants();
+    let available = false;
+    variants.forEach((item)=>{
+        if (item) {
+            const { selectedOptions  } = item;
+            const opt = selectedOptions?.find((option)=>option?.name === optionId && option.value === optionValue);
+            const isInStock = checkInStock(item);
+            if (opt && isInStock) {
+                available = true;
+            }
+        }
+    });
+    return available;
+};
 
 exports.checkInStock = checkInStock;
+exports.useCheckAvailableVariantInStock = useCheckAvailableVariantInStock;
 exports.useCurrentVariant = useCurrentVariant;
 exports.useCurrentVariantInStock = useCurrentVariantInStock;
 exports.useFeaturedImageGlobal = useFeaturedImageGlobal;

package/dist/cjs/index.js

@@ -25,7 +25,6 @@ var storeProperty_generated = require('./graphql/queries/store-property.generate
 var previewPage_generated = require('./graphql/queries/preview-page.generated.js');
 var borders = require('./helpers/borders.js');
 var cls = require('./helpers/cls.js');
-var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
 var flattenConnection = require('./helpers/flatten-connection.js');
 var getResonsiveValue = require('./helpers/get-resonsive-value.js');
 var getShortname = require('./helpers/get-shortname.js');
@@ -54,6 +53,7 @@ var size = require('./helpers/size.js');
 var shadow = require('./helpers/shadow.js');
 var background = require('./helpers/background.js');
 var query = require('./helpers/query.js');
+var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
 var useAddToCart = require('./hooks/cart/use-add-to-cart.js');
 var useCartData = require('./hooks/cart/use-cart-data.js');
 var useCartDiscountCodesUpdate = require('./hooks/cart/use-cart-discount-codes-update.js');
@@ -134,7 +134,6 @@ exports.handleConvertBorderWidth = borders.handleConvertBorderWidth;
 exports.handleConvertClassColor = borders.handleConvertClassColor;
 exports.handleConvertClassColorDynamicBtn = borders.handleConvertClassColorDynamicBtn;
 exports.cls = cls.cls;
-exports.composeAdvanceStyle = composeAdvanceStyle.composeAdvanceStyle;
 exports.flattenConnection = flattenConnection.flattenConnection;
 exports.getResponsiveStateValue = getResonsiveValue.getResponsiveStateValue;
 exports.getResponsiveValue = getResonsiveValue.getResponsiveValue;
@@ -208,6 +207,8 @@ exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
 exports.generateCollectionQueryKey = query.generateCollectionQueryKey;
 exports.generateProductQueryKey = query.generateProductQueryKey;
 exports.generateProductsQueryKey = query.generateProductsQueryKey;
+exports.composeAdvanceStyle = composeAdvanceStyle.composeAdvanceStyle;
+exports.splitStyle = composeAdvanceStyle.splitStyle;
 exports.useAddToCart = useAddToCart.useAddToCart;
 exports.useCartData = useCartData.useCartData;
 exports.useCartDiscountCodesUpdate = useCartDiscountCodesUpdate.useCartDiscountCodesUpdate;
@@ -247,6 +248,7 @@ exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.default;
 exports.useLoadScript = useLoadScript.default;
 exports.useMoney = useMoney.default;
 exports.usePrevious = usePrevious.usePrevious;
+exports.useCheckAvailableVariantInStock = useProduct.useCheckAvailableVariantInStock;
 exports.useCurrentVariant = useProduct.useCurrentVariant;
 exports.useCurrentVariantInStock = useProduct.useCurrentVariantInStock;
 exports.useFeaturedImageGlobal = useProduct.useFeaturedImageGlobal;

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

@@ -1,8 +1,8 @@
-import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
 import 'react';
 import 'swr';
 import { RenderIf, template } from '../helpers/render.js';
 import '../helpers/convert.js';
+import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
 import { disableWrap } from './constant.js';
 
 const componentsRenderWithParentId = [

package/dist/esm/helpers/compose-advance-style.js

@@ -1,6 +1,7 @@
 import { handleConvertBorderStyle, handleConvertBorderWidth, handleConvertBorderColor, getBorderStyle } from './borders.js';
 import { isColor } from './colors.js';
 import { layoutComponent } from './constant.js';
+import { makeStyleKey } from './make-style.js';
 import { composeRadius, getCornerCSSFromGlobal } from './radius.js';
 import { getStyleShadowState, getStyleShadow } from './shadow.js';
 
@@ -148,5 +149,29 @@ function composeAdvanceStyle(data, tag) {
     });
     return styles;
 }
+const splitStyle = (keys, style = {})=>{
+    const fullKeys = keys.map((key)=>makeStyleKey(key)).flat();
+    const splitKeys = Object.keys(style).filter((key)=>{
+        return fullKeys.includes(key);
+    });
+    const splitStyle = splitKeys.reduce((curr, key)=>{
+        return {
+            ...curr,
+            [key]: style[key]
+        };
+    }, {});
+    const restStyle = Object.keys(style).filter((key)=>{
+        return !splitKeys.includes(key);
+    }).reduce((curr, key)=>{
+        return {
+            ...curr,
+            [key]: style[key]
+        };
+    }, {});
+    return [
+        splitStyle,
+        restStyle
+    ];
+};
 
-export { composeAdvanceStyle };
+export { composeAdvanceStyle, splitStyle };

package/dist/esm/helpers/make-style.js

@@ -1,5 +1,18 @@
 import { getResponsiveValueByScreen } from './get-resonsive-value.js';
 
+const makeStyleKey = (name)=>{
+    return [
+        name,
+        `hvr-${name}`,
+        `focus-${name}`,
+        `${name}-tablet`,
+        `hvr-${name}-tablet`,
+        `focus-${name}-tablet`,
+        `${name}-mobile`,
+        `hvr-${name}-mobile`,
+        `focus-${name}-mobile`
+    ].map((key)=>`--${key}`);
+};
 const makeStyle = (style)=>{
     return Object.fromEntries(Object.entries(style).map(([key, value])=>[
             `--${key}`,
@@ -94,4 +107,4 @@ const makeLineClamp = (lineClampValue, hasLineClampValue)=>{
     };
 };
 
-export { makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth };
+export { makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth };

package/dist/esm/hooks/useProduct.js

@@ -98,5 +98,20 @@ const useVariantOutStock = (optionId, optionValue)=>{
     const isInStock = checkInStock(matchedVariant);
     return !isInStock;
 };
+const useCheckAvailableVariantInStock = (optionId, optionValue)=>{
+    const variants = useVariants();
+    let available = false;
+    variants.forEach((item)=>{
+        if (item) {
+            const { selectedOptions  } = item;
+            const opt = selectedOptions?.find((option)=>option?.name === optionId && option.value === optionValue);
+            const isInStock = checkInStock(item);
+            if (opt && isInStock) {
+                available = true;
+            }
+        }
+    });
+    return available;
+};
 
-export { checkInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useProduct, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants };
+export { checkInStock, useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useProduct, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants };

package/dist/esm/index.js

@@ -23,7 +23,6 @@ export { StorePropertyDocument } from './graphql/queries/store-property.generate
 export { PreviewPageDocument } from './graphql/queries/preview-page.generated.js';
 export { composeBorderCss, getBorderStyle, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn } from './helpers/borders.js';
 export { cls } from './helpers/cls.js';
-export { composeAdvanceStyle } from './helpers/compose-advance-style.js';
 export { flattenConnection } from './helpers/flatten-connection.js';
 export { getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen } from './helpers/get-resonsive-value.js';
 export { getShortName } from './helpers/get-shortname.js';
@@ -55,6 +54,7 @@ export { composeSize, composeSizeCss, genSizeClass } from './helpers/size.js';
 export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
 export { composeBackgroundCss, getStyleBackgroundByDevice } from './helpers/background.js';
 export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
+export { composeAdvanceStyle, splitStyle } from './helpers/compose-advance-style.js';
 export { useAddToCart } from './hooks/cart/use-add-to-cart.js';
 export { useCartData } from './hooks/cart/use-cart-data.js';
 export { useCartDiscountCodesUpdate } from './hooks/cart/use-cart-discount-codes-update.js';
@@ -79,7 +79,7 @@ export { default as useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayou
 export { default as useLoadScript } from './hooks/useLoadScript.js';
 export { default as useMoney } from './hooks/useMoney.js';
 export { usePrevious } from './hooks/usePrevious.js';
-export { useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useProduct, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants } from './hooks/useProduct.js';
+export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useProduct, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants } from './hooks/useProduct.js';
 export { useProductList, useProductListProducts, useProductListSettings, useProductListStyles } from './hooks/useProductList.js';
 export { default as useSuspenseFetch } from './hooks/useSuspenseFetch.js';
 export { default as useSwatchesOptions } from './hooks/useSwatchesOptions.js';

package/dist/types/index.d.ts

@@ -7507,9 +7507,6 @@ interface ClassDictionary {
 }
 declare function cls(...classes: ClassValue[]): string;
 
-type AdvanceValue = Primitive | ObjectDevices<Primitive>;
-declare function composeAdvanceStyle(data?: Record<string, AdvanceValue>, tag?: string): React.CSSProperties;
-
 /**
  * The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](api/storefront/reference/products/product#connections)) into a flat array of nodes.
  */
@@ -7729,6 +7726,10 @@ declare const generateProductQueryKey: (args: FetchProductParams) => ['query/pro
 declare const generateCollectionQueryKey: (args: FetchCollectionArgs) => ['query/collection', FetchCollectionArgs];
 declare const generateProductsQueryKey: (args: FetchProductsParams) => ['query/products', FetchProductsParams];
 
+type AdvanceValue = Primitive | ObjectDevices<Primitive>;
+declare function composeAdvanceStyle(data?: Record<string, AdvanceValue>, tag?: string): React.CSSProperties;
+declare const splitStyle: (keys: ShortHandProperty[], style?: React.CSSProperties) => React.CSSProperties[];
+
 type Func$6 = ReturnType<typeof addToCartOperation>;
 type Response$6 = Awaited<ReturnType<Func$6>>;
 type Args$5 = Parameters<Func$6>[0];
@@ -7884,6 +7885,7 @@ declare const useVariant: (id: string) => Maybe<Pick<ProductVariant, "title" | "
 declare const useCurrentVariant: () => Maybe<VariantSelectFragment>;
 declare const useCurrentVariantInStock: () => boolean;
 declare const useVariantOutStock: (optionId: string, optionValue: string) => boolean;
+declare const useCheckAvailableVariantInStock: (optionId: string, optionValue: string) => boolean;
 
 declare const useProductList: () => CollectionProductSelectFragment | undefined;
 declare const useProductListProducts: () => (ProductQuickSelectFragment | undefined)[] | undefined;
@@ -7924,4 +7926,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, RenderMemo as Render, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographyType, VariantSelectFragment, WiserWidgetType, baseAssetURL, calculateFirstProduct, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeRadius, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypographyCss, convertOldLayout, fetchMedias, fetchVariants, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isDefined, isEmptyChildren, isLocalEnv, loadScript, makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsStorefrontProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, RenderMemo as Render, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographyType, VariantSelectFragment, WiserWidgetType, baseAssetURL, calculateFirstProduct, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeRadius, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypographyCss, convertOldLayout, fetchMedias, fetchVariants, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isDefined, isEmptyChildren, isLocalEnv, loadScript, makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsStorefrontProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };

package/package.json

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