@gem-sdk/core 1.28.10 → 1.29.4

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -212,6 +212,13 @@ const ComponentToolbarPreview = ({ ...props })=>{
         }
         return false;
     };
+    const getSectionName = ()=>{
+        const checkRenamedSection = props.name && props.name === `Section ${props.uid}`;
+        if (getSectionNumber() >= SECTION_LIMIT - 5) {
+            return `${checkRenamedSection ? 'Section' : props?.name} ${getIndexSection() + 1}/${SECTION_LIMIT}`;
+        }
+        return checkRenamedSection ? `Section ${getIndexSection() + 1}` : props?.name;
+    };
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
             !(props.tag == 'Section' && isThemeSectionEditor) && /*#__PURE__*/ jsxRuntime.jsxs("div", {
@@ -262,7 +269,7 @@ const ComponentToolbarPreview = ({ ...props })=>{
                             }),
                             props.tag == 'Section' ? /*#__PURE__*/ jsxRuntime.jsx("div", {
                                 "data-toolbar-name": true,
-                                children: isThemeSection ? props.name : `Section ${getIndexSection() + 1}${getSectionNumber() >= SECTION_LIMIT - 5 ? `/${SECTION_LIMIT}` : ''}`
+                                children: getSectionName()
                             }) : /*#__PURE__*/ jsxRuntime.jsx("div", {
                                 "data-toolbar-name": true,
                                 children: toolbarName()

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

@@ -123,11 +123,18 @@ function Spacing(props) {
         const toolbar = $component && getChildrenByAttrSelector($component, 'data-toolbar');
         const isActive = toolbar && toolbar.getAttribute('data-toolbar-active');
         if (isActive && detail?.marginBottom) {
-            const currentValue = isNaN(parseInt(detail?.marginBottom)) ? 0 : Math.max(parseInt(detail?.marginBottom), 0);
+            const currentValue = parseInt(detail?.marginBottom);
             const newValue = `${currentValue}px`;
             if ($bottomDrag.current && $bottomBg.current) {
-                $bottomBg.current.style.height = newValue;
-                $bottomDrag.current.style.top = newValue;
+                if (currentValue < 0) {
+                    $bottomBg.current.style.display = 'none';
+                    $bottomDrag.current.style.display = 'none';
+                } else {
+                    $bottomBg.current.style.display = 'block';
+                    $bottomDrag.current.style.display = 'block';
+                    $bottomBg.current.style.height = newValue;
+                    $bottomDrag.current.style.top = newValue;
+                }
             }
         }
     }, []);

package/dist/cjs/contexts/BuilderPreviewContext.js

@@ -411,6 +411,19 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.creat
                     index++;
                 }
                 return parents;
+            },
+            updateItemName: (id, name)=>{
+                const state = get().state;
+                const item = state[id];
+                if (item) {
+                    item.name = name;
+                    set({
+                        state: {
+                            ...state,
+                            [id]: cloneDeep.cloneDeep(item)
+                        }
+                    });
+                }
             }
         }));
 const BuilderPreviewProvider = ({ children, state, isThemeSectionEditor, lazy, ...passProps })=>{

package/dist/cjs/helpers/background.js

@@ -167,8 +167,46 @@ const makeFixedBgAttachmentByDevice = (device, bgAttachment)=>{
         }
     };
 };
+const GRADIENT_BGR_KEY = 'linear-gradient';
+const getGradientBgrStyleForButton = (backgroundStyle)=>{
+    if (!backgroundStyle) return;
+    const bgrStyle = {};
+    Object.keys(backgroundStyle).forEach((state)=>{
+        if (!backgroundStyle[state]?.startsWith(GRADIENT_BGR_KEY)) return;
+        if (state === 'normal') {
+            Object.assign(bgrStyle, {
+                '--bg': backgroundStyle[state]
+            });
+        } else {
+            Object.assign(bgrStyle, {
+                '--hvr-bg': backgroundStyle[state]
+            });
+        }
+    });
+    return bgrStyle;
+};
+const getGradientBgrStyleByDevice = (backgroundStyle)=>{
+    if (!backgroundStyle) return;
+    const bgrStyle = {};
+    [
+        'desktop',
+        'tablet',
+        'mobile'
+    ].forEach((device)=>{
+        if (backgroundStyle[device]?.color?.includes(GRADIENT_BGR_KEY)) {
+            Object.assign(bgrStyle, {
+                [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: 'transparent',
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
+            });
+        }
+    });
+    return bgrStyle;
+};
 
+exports.GRADIENT_BGR_KEY = GRADIENT_BGR_KEY;
 exports.composeBackgroundCss = composeBackgroundCss;
 exports.getBgImageByDevice = getBgImageByDevice;
+exports.getGradientBgrStyleByDevice = getGradientBgrStyleByDevice;
+exports.getGradientBgrStyleForButton = getGradientBgrStyleForButton;
 exports.getStyleBackgroundByDevice = getStyleBackgroundByDevice;
 exports.makeFixedBgAttachment = makeFixedBgAttachment;

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

@@ -14,13 +14,13 @@ const composeSpacing = ({ source, spacing, type, suffix = '' })=>{
     if (bottom) source[`--${type}b${suffix}`] = bottom;
     if (right) source[`--${type}r${suffix}`] = right;
 };
-const composeSpacingV2 = ({ source, spacing, suffix = '' })=>{
+const composeSpacingV2 = ({ source, spacing, suffix = '', tag = '' })=>{
     if (spacing && spacing.margin) {
         const { top, left, bottom, right } = spacing.margin;
         if (top) source[`--mt${suffix}`] = top;
-        if (left) source[`--ml${suffix}`] = left;
+        if (left) source[`--ml${suffix}`] = constant.layoutComponent.includes(tag) && left === '0px' ? 'auto' : left;
         if (bottom) source[`--mb${suffix}`] = bottom;
-        if (right) source[`--mr${suffix}`] = right;
+        if (right) source[`--mr${suffix}`] = constant.layoutComponent.includes(tag) && right === '0px' ? 'auto' : right;
     }
     if (spacing && spacing.padding) {
         const { top, left, bottom, right } = spacing.padding;
@@ -93,7 +93,8 @@ function composeAdvanceStyle(data, tag) {
                                 case 'spacing-setting':
                                     composeSpacingV2({
                                         source: styles,
-                                        spacing: deviceValue
+                                        spacing: deviceValue,
+                                        tag
                                     });
                                     break;
                                 case 'm':
@@ -125,7 +126,8 @@ function composeAdvanceStyle(data, tag) {
                                     composeSpacingV2({
                                         source: styles,
                                         spacing: deviceValue,
-                                        suffix: `-${composeAttr}`
+                                        suffix: `-${composeAttr}`,
+                                        tag
                                     });
                                     break;
                                 case 'm':

package/dist/cjs/index.js

@@ -235,8 +235,11 @@ exports.composeShadowCss = shadow.composeShadowCss;
 exports.getStyleShadow = shadow.getStyleShadow;
 exports.getStyleShadowState = shadow.getStyleShadowState;
 exports.parseValueWithUnit = shadow.parseValueWithUnit;
+exports.GRADIENT_BGR_KEY = background.GRADIENT_BGR_KEY;
 exports.composeBackgroundCss = background.composeBackgroundCss;
 exports.getBgImageByDevice = background.getBgImageByDevice;
+exports.getGradientBgrStyleByDevice = background.getGradientBgrStyleByDevice;
+exports.getGradientBgrStyleForButton = background.getGradientBgrStyleForButton;
 exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
 exports.makeFixedBgAttachment = background.makeFixedBgAttachment;
 exports.generateCollectionQueryKey = query.generateCollectionQueryKey;

package/dist/esm/components/ComponentToolbarPreview.js

@@ -210,6 +210,13 @@ const ComponentToolbarPreview = ({ ...props })=>{
         }
         return false;
     };
+    const getSectionName = ()=>{
+        const checkRenamedSection = props.name && props.name === `Section ${props.uid}`;
+        if (getSectionNumber() >= SECTION_LIMIT - 5) {
+            return `${checkRenamedSection ? 'Section' : props?.name} ${getIndexSection() + 1}/${SECTION_LIMIT}`;
+        }
+        return checkRenamedSection ? `Section ${getIndexSection() + 1}` : props?.name;
+    };
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             !(props.tag == 'Section' && isThemeSectionEditor) && /*#__PURE__*/ jsxs("div", {
@@ -260,7 +267,7 @@ const ComponentToolbarPreview = ({ ...props })=>{
                             }),
                             props.tag == 'Section' ? /*#__PURE__*/ jsx("div", {
                                 "data-toolbar-name": true,
-                                children: isThemeSection ? props.name : `Section ${getIndexSection() + 1}${getSectionNumber() >= SECTION_LIMIT - 5 ? `/${SECTION_LIMIT}` : ''}`
+                                children: getSectionName()
                             }) : /*#__PURE__*/ jsx("div", {
                                 "data-toolbar-name": true,
                                 children: toolbarName()

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

@@ -119,11 +119,18 @@ function Spacing(props) {
         const toolbar = $component && getChildrenByAttrSelector($component, 'data-toolbar');
         const isActive = toolbar && toolbar.getAttribute('data-toolbar-active');
         if (isActive && detail?.marginBottom) {
-            const currentValue = isNaN(parseInt(detail?.marginBottom)) ? 0 : Math.max(parseInt(detail?.marginBottom), 0);
+            const currentValue = parseInt(detail?.marginBottom);
             const newValue = `${currentValue}px`;
             if ($bottomDrag.current && $bottomBg.current) {
-                $bottomBg.current.style.height = newValue;
-                $bottomDrag.current.style.top = newValue;
+                if (currentValue < 0) {
+                    $bottomBg.current.style.display = 'none';
+                    $bottomDrag.current.style.display = 'none';
+                } else {
+                    $bottomBg.current.style.display = 'block';
+                    $bottomDrag.current.style.display = 'block';
+                    $bottomBg.current.style.height = newValue;
+                    $bottomDrag.current.style.top = newValue;
+                }
             }
         }
     }, []);

package/dist/esm/contexts/BuilderPreviewContext.js

@@ -409,6 +409,19 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>createStore((
                     index++;
                 }
                 return parents;
+            },
+            updateItemName: (id, name)=>{
+                const state = get().state;
+                const item = state[id];
+                if (item) {
+                    item.name = name;
+                    set({
+                        state: {
+                            ...state,
+                            [id]: cloneDeep(item)
+                        }
+                    });
+                }
             }
         }));
 const BuilderPreviewProvider = ({ children, state, isThemeSectionEditor, lazy, ...passProps })=>{

package/dist/esm/helpers/background.js

@@ -165,5 +165,40 @@ const makeFixedBgAttachmentByDevice = (device, bgAttachment)=>{
         }
     };
 };
+const GRADIENT_BGR_KEY = 'linear-gradient';
+const getGradientBgrStyleForButton = (backgroundStyle)=>{
+    if (!backgroundStyle) return;
+    const bgrStyle = {};
+    Object.keys(backgroundStyle).forEach((state)=>{
+        if (!backgroundStyle[state]?.startsWith(GRADIENT_BGR_KEY)) return;
+        if (state === 'normal') {
+            Object.assign(bgrStyle, {
+                '--bg': backgroundStyle[state]
+            });
+        } else {
+            Object.assign(bgrStyle, {
+                '--hvr-bg': backgroundStyle[state]
+            });
+        }
+    });
+    return bgrStyle;
+};
+const getGradientBgrStyleByDevice = (backgroundStyle)=>{
+    if (!backgroundStyle) return;
+    const bgrStyle = {};
+    [
+        'desktop',
+        'tablet',
+        'mobile'
+    ].forEach((device)=>{
+        if (backgroundStyle[device]?.color?.includes(GRADIENT_BGR_KEY)) {
+            Object.assign(bgrStyle, {
+                [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: 'transparent',
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
+            });
+        }
+    });
+    return bgrStyle;
+};
 
-export { composeBackgroundCss, getBgImageByDevice, getStyleBackgroundByDevice, makeFixedBgAttachment };
+export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, makeFixedBgAttachment };

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

@@ -12,13 +12,13 @@ const composeSpacing = ({ source, spacing, type, suffix = '' })=>{
     if (bottom) source[`--${type}b${suffix}`] = bottom;
     if (right) source[`--${type}r${suffix}`] = right;
 };
-const composeSpacingV2 = ({ source, spacing, suffix = '' })=>{
+const composeSpacingV2 = ({ source, spacing, suffix = '', tag = '' })=>{
     if (spacing && spacing.margin) {
         const { top, left, bottom, right } = spacing.margin;
         if (top) source[`--mt${suffix}`] = top;
-        if (left) source[`--ml${suffix}`] = left;
+        if (left) source[`--ml${suffix}`] = layoutComponent.includes(tag) && left === '0px' ? 'auto' : left;
         if (bottom) source[`--mb${suffix}`] = bottom;
-        if (right) source[`--mr${suffix}`] = right;
+        if (right) source[`--mr${suffix}`] = layoutComponent.includes(tag) && right === '0px' ? 'auto' : right;
     }
     if (spacing && spacing.padding) {
         const { top, left, bottom, right } = spacing.padding;
@@ -91,7 +91,8 @@ function composeAdvanceStyle(data, tag) {
                                 case 'spacing-setting':
                                     composeSpacingV2({
                                         source: styles,
-                                        spacing: deviceValue
+                                        spacing: deviceValue,
+                                        tag
                                     });
                                     break;
                                 case 'm':
@@ -123,7 +124,8 @@ function composeAdvanceStyle(data, tag) {
                                     composeSpacingV2({
                                         source: styles,
                                         spacing: deviceValue,
-                                        suffix: `-${composeAttr}`
+                                        suffix: `-${composeAttr}`,
+                                        tag
                                     });
                                     break;
                                 case 'm':

package/dist/esm/index.js

@@ -55,7 +55,7 @@ export { RenderIf, composeMemo, dataStringify, props, styles, template } from '.
 export { baseAssetURL, isLocalEnv } from './helpers/convert.js';
 export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeStyleWithDefault } from './helpers/size.js';
 export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
-export { composeBackgroundCss, getBgImageByDevice, getStyleBackgroundByDevice, makeFixedBgAttachment } from './helpers/background.js';
+export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, makeFixedBgAttachment } from './helpers/background.js';
 export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
 export { composeAdvanceStyle, splitStyle } from './helpers/compose-advance-style.js';
 export { composePositionLineHeight, composePostionIconList } from './helpers/icon-list.js';

package/dist/types/index.d.ts

@@ -1002,7 +1002,13 @@ type ParallaxScrollingType<T> = SharedControlType<T> & {
     type: 'parallax-scrolling';
 };
 
-type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T>;
+type BackgroundColorPickerType<T> = SharedControlType<T> & {
+    type: 'background-color-picker';
+    popup?: boolean;
+    readonly?: boolean;
+};
+
+type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T>;
 type ControlTriggerAction = {
     controlId: string;
     newValue?: any;
@@ -7469,6 +7475,7 @@ type BuilderPreviewContextProps = {
     forceChangeState: (data: BuilderState) => void;
     initState: (data: BuilderEntityNested | BuilderEntityNested[]) => void;
     getParents: (id: string, limit?: number) => BuilderEntity[];
+    updateItemName: (id: string, name: string) => void;
 };
 type BuilderPreviewProviderProps = Pick<BuilderPreviewContextProps, 'state'> & {
     children: React.ReactNode;
@@ -9672,6 +9679,9 @@ declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) =>
         [x: string]: string | undefined;
     };
 } | undefined;
+declare const GRADIENT_BGR_KEY = "linear-gradient";
+declare const getGradientBgrStyleForButton: (backgroundStyle: Partial<Record<StateType, ColorValueType>> | undefined) => {} | undefined;
+declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined) => {} | undefined;
 
 type OrderByType = 'TITLE_ASC' | 'TITLE_DESC' | 'CREATED_AT_ASC' | 'none' | 'CREATED_AT_DESC';
 type FetchCollectionArgs = {
@@ -9965,4 +9975,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AliReviewsWidgetType, 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, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, 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, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, 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, AliReviewsWidgetType, 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, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, 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, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, 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.28.10",
+  "version": "1.29.4",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.25.0",
-    "@gem-sdk/styles": "1.28.2"
+    "@gem-sdk/styles": "1.29.4"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",