@gem-sdk/core 1.33.1 → 1.33.4

package/dist/types/index.d.ts

@@ -184,7 +184,7 @@ type HyperlinkInfo = {
     link?: string;
     modal?: CommonModalApp;
 };
-type Mapped$5<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label?: string;
     info?: string;
@@ -196,6 +196,7 @@ type Mapped$5<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     hide?: boolean;
     ignoreReRender?: boolean;
+    allowBackgroundImageAndVideo?: boolean;
     hideOnState?: {
         normal?: boolean;
         hover?: boolean;
@@ -229,6 +230,7 @@ type Mapped$5<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     hide?: boolean;
     ignoreReRender?: boolean;
+    showBackground?: boolean;
     hideOnState?: {
         normal?: boolean;
         hover?: boolean;
@@ -252,7 +254,67 @@ type Mapped$5<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     default?: T;
 };
 type SharedControlType<T> = {
-    [K in keyof T]-?: Mapped$5<K, T[K]>;
+    [K in keyof T]-?: Mapped$7<K, T[K]>;
+}[keyof T];
+
+type Option$5 = {
+    value: number | string;
+    label?: string | number;
+    type?: string;
+    icon?: string;
+    isTextIcon?: boolean;
+};
+type Mapped$6<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+    id: K;
+    label: string;
+    info?: string;
+    hide?: boolean;
+    hideOnMode?: {
+        responsive?: boolean;
+        mobileOnly?: boolean;
+    };
+    disableToggle?: boolean;
+    state?: {
+        normal?: boolean;
+        hover?: boolean;
+        focus?: boolean;
+        active?: boolean;
+    };
+    placeholder?: string;
+    type: 'layout-custom-segment';
+    options: Option$5[];
+    devices?: ResponsiveConfig<U>;
+    iconViewBox?: string;
+    enableItemBackground?: boolean;
+    itemPerRow?: number;
+    itemSpacing?: 'large' | 'small';
+    enableTooltip?: boolean;
+} : {
+    id: K;
+    label: string;
+    info?: string;
+    hide?: boolean;
+    hideOnMode?: {
+        responsive?: boolean;
+        mobileOnly?: boolean;
+    };
+    disableToggle?: boolean;
+    state?: {
+        normal?: boolean;
+        hover?: boolean;
+        focus?: boolean;
+        active?: boolean;
+    };
+    placeholder?: string;
+    type: 'layout-custom-segment';
+    options?: Option$5[];
+    iconViewBox?: string;
+    enableItemBackground?: boolean;
+    enableTooltip?: boolean;
+    default?: T;
+};
+type LayoutCustomSegmentControlType<T> = {
+    [K in keyof T]-?: Mapped$6<K, T[K]>;
 }[keyof T];
 
 type AngleControlType<T> = SharedControlType<T> & {
@@ -264,12 +326,12 @@ type AngleControlType<T> = SharedControlType<T> & {
     readonly?: boolean;
 };
 
-type Option$3<T> = {
+type Option$4<T> = {
     value: T extends ObjectDevices<infer U> ? U extends StateProp<infer A> ? A : U : T extends StateProp<infer B> ? B : T;
     text: string | number;
     desc?: any;
 };
-type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$5<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label: string;
     hideOnMode?: {
@@ -285,7 +347,7 @@ type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         active?: boolean;
     };
     type: 'checkbox';
-    options: Option$3<T>[];
+    options: Option$4<T>[];
     devices?: ResponsiveConfig<U>;
 } : {
     id: K;
@@ -303,11 +365,11 @@ type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         active?: boolean;
     };
     type: 'checkbox';
-    options: Option$3<T>[];
+    options: Option$4<T>[];
     default?: T;
 };
 type CheckboxControlType<T> = {
-    [K in keyof T]-?: Mapped$4<K, T[K]>;
+    [K in keyof T]-?: Mapped$5<K, T[K]>;
 }[keyof T];
 
 type ChildrensControlType = {
@@ -392,7 +454,7 @@ type InputNumberControlType<T> = SharedControlType<T> & {
     readonly?: boolean;
 };
 
-type SizeUnit$2 = 's' | '%' | 'cm' | 'mm' | 'Q' | 'in' | 'pc' | 'pt' | 'px' | 'em' | 'cap' | 'ex' | 'ch' | 'ic' | 'rem' | 'lh' | 'rlh' | 'vw' | 'vh' | 'vi' | 'vb' | 'vmin' | 'vmax';
+type SizeUnit$2 = 's' | '%' | 'cm' | 'mm' | 'Q' | 'in' | 'pc' | 'pt' | 'px' | 'em' | 'cap' | 'ex' | 'ch' | 'ic' | 'rem' | 'lh' | 'rlh' | 'vw' | 'vh' | 'vi' | 'vb' | 'vmin' | 'vmax' | 'ms';
 type InputUnitControlType<T> = SharedControlType<T> & {
     type: 'input:unit';
     placeholder?: string;
@@ -439,13 +501,13 @@ type RangeControlType<T> = SharedControlType<T> & {
     hideUnit?: boolean;
 };
 
-type Option$2<T> = {
+type Option$3<T> = {
     value: T extends ObjectDevices<infer U> ? U extends StateProp<infer A> ? A : U : T extends StateProp<infer B> ? B : T;
     label?: string | number;
     type?: string;
     icon?: string;
 };
-type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label?: string;
     info?: string;
@@ -463,7 +525,7 @@ type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'segment' | 'accordion:segment';
-    options: Option$2<T>[];
+    options: Option$3<T>[];
     iconCustom?: boolean;
     devices?: ResponsiveConfig<U>;
 } : {
@@ -484,15 +546,15 @@ type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'segment' | 'accordion:segment';
-    options: Option$2<T>[];
+    options: Option$3<T>[];
     iconCustom?: boolean;
     default?: T;
 };
 type SegmentControlType<T> = {
-    [K in keyof T]-?: Mapped$3<K, T[K]>;
+    [K in keyof T]-?: Mapped$4<K, T[K]>;
 }[keyof T];
 
-type Option$1<T> = {
+type Option$2<T> = {
     value: T extends ObjectDevices<infer U> ? U extends StateProp<infer A> ? A : U : T extends StateProp<infer B> ? B : T;
     label: string | number;
     hideOnPage?: string[];
@@ -501,7 +563,7 @@ type Option$1<T> = {
     icon?: string;
     tooltip?: string;
 };
-type Mapped$2<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label?: string;
     info?: string;
@@ -519,7 +581,7 @@ type Mapped$2<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'select';
-    options: Option$1<T>[];
+    options: Option$2<T>[];
     devices?: ResponsiveConfig<U>;
 } : {
     id: K;
@@ -539,11 +601,11 @@ type Mapped$2<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'select';
-    options: Option$1<T>[];
+    options: Option$2<T>[];
     default?: T;
 };
 type SelectControlType<T> = {
-    [K in keyof T]-?: Mapped$2<K, T[K]>;
+    [K in keyof T]-?: Mapped$3<K, T[K]>;
 }[keyof T];
 
 type TextareaControlType<T> = SharedControlType<T> & {
@@ -749,14 +811,14 @@ type CustomCodeEditor = {
     id: string;
 };
 
-type Option<T> = {
+type Option$1<T> = {
     value: T extends ObjectDevices<infer U> ? U extends StateProp<infer A> ? A : U : T extends StateProp<infer B> ? B : T;
     label?: string | number;
     type?: string;
     icon?: string;
     isTextIcon?: boolean;
 };
-type Mapped$1<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$2<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label: string;
     info?: string;
@@ -774,7 +836,7 @@ type Mapped$1<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'layout-segment';
-    options: Option<T>[];
+    options: Option$1<T>[];
     devices?: ResponsiveConfig<U>;
     iconViewBox?: string;
     enableItemBackground?: boolean;
@@ -799,14 +861,14 @@ type Mapped$1<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'layout-segment';
-    options?: Option<T>[];
+    options?: Option$1<T>[];
     iconViewBox?: string;
     enableItemBackground?: boolean;
     enableTooltip?: boolean;
     default?: T;
 };
 type LayoutSegmentControlType<T> = {
-    [K in keyof T]-?: Mapped$1<K, T[K]>;
+    [K in keyof T]-?: Mapped$2<K, T[K]>;
 }[keyof T];
 
 type InputSpacing<T> = SharedControlType<T> & {
@@ -916,7 +978,7 @@ type Actions = {
     actionHandle?: string;
     link?: string;
 };
-type Mapped<K, T> = {
+type Mapped$1<K, T> = {
     id: K;
     label: string;
     info?: string;
@@ -925,7 +987,7 @@ type Mapped<K, T> = {
     default?: T;
 };
 type StepsGuide<T> = {
-    [K in keyof T]-?: Mapped<K, T[K]>;
+    [K in keyof T]-?: Mapped$1<K, T[K]>;
 }[keyof T];
 
 type ImageShape<T> = SharedControlType<T> & {
@@ -940,10 +1002,10 @@ type GridArrange<T> = SharedControlType<T> & {
     readonly?: boolean;
 };
 
-type SettingID = 'shape' | 'width' | 'height' | 'gap' | 'padding';
+type SettingID = 'shape' | 'width' | 'height' | 'gap' | 'padding' | 'proportion';
 type ShapeOptionKeyword = 'original' | 'square' | 'vertical' | 'horizontal' | 'custom';
 type HeightOptionKeyword = 'fit-content' | 'fit-screen';
-type OptionKeyword = 'default' | 'auto' | 'full' | 'equal' | 'small' | 'medium' | 'large' | HeightOptionKeyword | ShapeOptionKeyword;
+type OptionKeyword = 'default' | 'auto' | 'full' | 'equal' | 'small' | 'medium' | 'large' | HeightOptionKeyword | ShapeOptionKeyword | string;
 type PaddingOptions = 'small' | 'medium' | 'large' | 'custom';
 type ShapeOptions = 'square' | 'vertical' | 'horizontal' | 'custom' | 'original';
 type ShapeConfig = Partial<Record<ShapeOptions, string>>;
@@ -952,7 +1014,7 @@ type PaddingConfig = Partial<Record<PaddingOptions, {
     horizontal: string;
 }>>;
 type SettingConfig = {
-    sizeConfig?: Partial<Record<'small' | 'medium' | 'large', string>>;
+    sizeConfig?: Partial<Record<'small' | 'medium' | 'large' | 'full', string>>;
     displayOptions?: OptionKeyword[];
     paddingConfig?: PaddingConfig;
     shapeConfig?: ShapeConfig;
@@ -967,6 +1029,8 @@ type SizeSetting$1<T> = SharedControlType<T> & {
     hiddenSettings?: SettingID[];
     settingConfig?: Partial<Record<SettingID, SettingConfig>>;
     hiddenShowMore?: boolean;
+    sizePaddingInput?: 'normal' | 'small';
+    lockShapeValue?: boolean;
 };
 
 type ChildIconType<T> = SharedControlType<T> & {
@@ -1011,7 +1075,85 @@ type BackgroundColorPickerType<T> = SharedControlType<T> & {
     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 PlayPauseControlType<T> = SharedControlType<T> & {
+    type: 'play-pause';
+    readonly?: boolean;
+    hideLabel?: boolean;
+};
+
+type SneakPeakControlType<T> = SharedControlType<T> & {
+    type: 'sneak-peak';
+    hideLabel?: boolean;
+};
+
+type SneakPeakRange<T> = SharedControlType<T> & {
+    type: 'sneak-peak-range';
+    placeholder?: string;
+    readonly?: boolean;
+    sneakPeakType?: string;
+};
+
+type Option<T> = {
+    value: T extends ObjectDevices<infer U> ? U extends StateProp<infer A> ? A : U : T extends StateProp<infer B> ? B : T;
+    label?: string | number;
+    type?: string;
+    icon?: string;
+    isTextIcon?: boolean;
+};
+type Mapped<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+    id: K;
+    label: string;
+    info?: string;
+    hide?: boolean;
+    hideOnMode?: {
+        responsive?: boolean;
+        mobileOnly?: boolean;
+    };
+    disableToggle?: boolean;
+    state?: {
+        normal?: boolean;
+        hover?: boolean;
+        focus?: boolean;
+        active?: boolean;
+    };
+    placeholder?: string;
+    type: 'sneak-peak-type';
+    options: Option<T>[];
+    devices?: ResponsiveConfig<U>;
+    iconViewBox?: string;
+    enableItemBackground?: boolean;
+    itemPerRow?: number;
+    itemSpacing?: 'large' | 'small';
+    enableTooltip?: boolean;
+} : {
+    id: K;
+    label: string;
+    info?: string;
+    hide?: boolean;
+    hideOnMode?: {
+        responsive?: boolean;
+        mobileOnly?: boolean;
+    };
+    disableToggle?: boolean;
+    state?: {
+        normal?: boolean;
+        hover?: boolean;
+        focus?: boolean;
+        active?: boolean;
+    };
+    placeholder?: string;
+    type: 'sneak-peak-type';
+    options?: Option<T>[];
+    iconViewBox?: string;
+    enableItemBackground?: boolean;
+    enableTooltip?: boolean;
+    default?: T;
+};
+type SneakPeakTypeControlType<T> = {
+    [K in keyof T]-?: Mapped<K, T[K]>;
+}[keyof T];
+
+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> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T>;
 type ControlTriggerAction = {
     controlId: string;
     newValue?: any;
@@ -1116,6 +1258,7 @@ type ControlUI = {
         hideOnPages?: PageType[];
     };
     isMoreSetting?: boolean;
+    hiddenDivice?: boolean;
     controlChangeTrigger?: {
         settings?: {
             source: string[];
@@ -7631,6 +7774,7 @@ type ProductListContextProps = {
         spacing?: ObjectDevices<number>;
         layout?: 'grid' | 'slider';
         dot?: ObjectDevices<boolean>;
+        dotStyle?: ObjectDevices<'none' | 'inside' | 'outside'>;
         arrow?: ObjectDevices<boolean>;
         controlOverContent?: ObjectDevices<boolean>;
         speed?: number;
@@ -8035,6 +8179,24 @@ declare const handleConvertClassColor: (value?: BorderStyle) => string | undefin
 declare const handleConvertClassColorDynamicBtn: (value?: BorderStyle) => string | undefined;
 declare const composeBorderCss: (borderV?: Border | undefined) => string;
 
+type DotStyle = 'none' | 'inside' | 'outside';
+declare const getCarouselContainerHeight: <T>(dotStyle?: Partial<Record<NameDevices$1, T>> | undefined, dotSize?: ObjectDevices<number>, dotGapToCarousel?: ObjectDevices<number>) => {
+    desktop: string | undefined;
+    tablet: string | undefined;
+    mobile: string | undefined;
+};
+declare const makeContainerWidthOrHeight: <T extends ShortHandProperty>(setting: {
+    dotStyle?: ObjectDevices<DotStyle>;
+    dotSize?: ObjectDevices<number>;
+    dotGapToCarousel?: ObjectDevices<number>;
+    vertical?: ObjectDevices<boolean>;
+}) => {
+    [x: string]: string | undefined;
+};
+declare const makeDotGapToCarouselStyle: <T extends ShortHandProperty, K>(dotStyle?: ObjectDevices<DotStyle>, dotGapToCarousel?: Partial<Record<NameDevices$1, K>> | undefined, vertical?: ObjectDevices<boolean>) => {
+    [x: string]: string | undefined;
+};
+
 type ClassValue = ClassDictionary | string | null | undefined;
 type ClassDictionary = Record<string, boolean | undefined | null>;
 declare function cls(...classes: ClassValue[]): string;
@@ -8080,13 +8242,19 @@ declare const makeStyle: <T extends ShortHandProperty, K>(style: Record<T, K>) =
 };
 declare const makeStyleState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<StateType, K>> | undefined) => {};
 declare const makeStyleResponsiveState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, Partial<Record<StateType, K>>>> | undefined) => {};
-declare const makeStyleResponsive: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined) => Record<ResponsiveKey<T>, K>;
+declare const makeStyleResponsive: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
+declare const makeStyleResponsiveByScreen: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, unit?: string) => Record<ResponsiveKey<T>, K>;
 declare const makeWidth: (widthValue?: ObjectDevices<string | number>, fullWidthValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
 declare const makeGlobalSizeWidthResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
     '--w': string | undefined;
     '--w-tablet': string | undefined;
     '--w-mobile': string | undefined;
 };
+declare const makeGlobalSizeHeightResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    '--h': string | undefined;
+    '--h-tablet': string | undefined;
+    '--h-mobile': string | undefined;
+};
 declare const makeHeight: (heighValue?: ObjectDevices<string | number>, autoHeight?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
 declare const makeAspectRatio: (aspectRatio?: ObjectDevices<string>, aspectWidth?: ObjectDevices<string | number>, aspectHeight?: ObjectDevices<string | number>) => ObjectDevices<string>;
 declare const makeLineClamp: (lineClampValue?: ObjectDevices<number>, hasLineClampValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
@@ -9763,6 +9931,7 @@ type Devices = 'desktop' | 'tablet' | 'mobile';
 type Options = {
     liquid?: boolean;
     ignoreBgAttachment?: boolean;
+    ignoreBackgroundImage?: boolean;
 };
 declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {};
 declare const getBgImageByDevice: (background: ObjectDevices<Background>, device: Devices, options?: Options) => string | undefined;
@@ -16021,6 +16190,7 @@ declare const useProductListSettings: () => {
     spacing?: Partial<Record<NameDevices$1, number>> | undefined;
     layout?: "grid" | "slider" | undefined;
     dot?: Partial<Record<NameDevices$1, boolean>> | undefined;
+    dotStyle?: Partial<Record<NameDevices$1, "none" | "inside" | "outside">> | undefined;
     arrow?: Partial<Record<NameDevices$1, boolean>> | undefined;
     controlOverContent?: Partial<Record<NameDevices$1, boolean>> | undefined;
     speed?: number | undefined;
@@ -16053,4 +16223,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, 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, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, 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, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, 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, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, 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, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, 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, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, 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, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, 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, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, 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, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, 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, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, 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.33.1",
+  "version": "1.33.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.31.18"
+    "@gem-sdk/styles": "1.33.3"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",

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

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var Spacing = require('./Spacing.js');
-
-function Resize(props) {
-    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: /*#__PURE__*/ jsxRuntime.jsx(Spacing.default, {
-            ...props
-        })
-    });
-}
-
-exports.default = Resize;