@gem-sdk/core 1.63.16 → 2.0.0-dev.156

package/dist/types/index.d.ts

@@ -7242,6 +7242,7 @@ type ObjectLayoutValue = {
     display?: 'fill' | 'fit';
     cols?: number[];
     keepCol?: boolean;
+    gap?: string;
 };
 type ProductReviewsWidgetType = 'reviews' | 'badge';
 type TrustooWidgetType = 'starRatingInList' | 'starRating' | 'reviews';
@@ -7255,7 +7256,7 @@ type StampedWidgetType = 'main-widget' | 'carousel' | 'full-page' | 'visual-gall
 type LaiProductReviewsWidgetType = 'reviews_widget' | 'star_ratings' | 'homepage_reviews' | 'happy_customer_reviews' | 'star_ratings_in_list' | 'advanced_widget';
 type LaiProductReviewsAdvancedWidgetType = 'cardCarousel' | 'testimonialCarousel' | 'mediaGallery' | 'cardGrid';
 type YotpoReviewsWidgetType = 'reviews' | 'star-rating' | 'reviewHighlights';
-type BogosWidgetType = 'icon' | 'thumnail' | 'slider' | 'message' | 'classic-bundle' | 'quantity-break' | 'mix-match' | 'classic-bundle';
+type BogosWidgetType = 'icon' | 'thumnail' | 'slider' | 'message' | 'classic-bundle' | 'quantity-break';
 type PreOrderNowWodWidgetType = 'app-block' | 'popups-block';
 type TagShopWidgetType = 'homeLandingGalleries' | 'productGalleries' | 'tagGalleries';
 type AirProductReview = 'review_box' | 'star_rating' | 'review_carousel';
@@ -7280,7 +7281,7 @@ type HyperlinkInfo = {
     link?: string;
     modal?: CommonModalApp;
 };
-type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$9<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label?: string;
     info?: string;
@@ -7291,6 +7292,7 @@ type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         mobileOnly?: boolean;
     };
     hide?: boolean;
+    dynamicSource?: true;
     ignoreReRender?: boolean;
     allowBackgroundImageAndVideo?: boolean;
     hideOnState?: {
@@ -7312,8 +7314,10 @@ type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         active?: boolean;
     };
     devices?: ResponsiveConfig<U>;
+    compoDefaultValue?: ResponsiveConfig<U>;
     emptyOnClear?: boolean;
     showVideo?: boolean;
+    disableGetDefault?: boolean;
 } : {
     id: K;
     label?: string;
@@ -7350,19 +7354,21 @@ type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     emptyOnClear?: boolean;
     showVideo?: boolean;
     default?: T;
+    compoDefaultValue?: T;
+    disableGetDefault?: boolean;
 };
 type SharedControlType<T> = {
-    [K in keyof T]-?: Mapped$7<K, T[K]>;
+    [K in keyof T]-?: Mapped$9<K, T[K]>;
 }[keyof T];
 
-type Option$5 = {
+type Option$7 = {
     value: number | string;
     label?: string | number;
     type?: string;
     icon?: string;
     isTextIcon?: boolean;
 };
-type Mapped$6<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$8<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label: string;
     info?: string;
@@ -7380,7 +7386,7 @@ type Mapped$6<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'layout-custom-segment';
-    options: Option$5[];
+    options: Option$7[];
     devices?: ResponsiveConfig<U>;
     iconViewBox?: string;
     enableItemBackground?: boolean;
@@ -7405,14 +7411,14 @@ type Mapped$6<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'layout-custom-segment';
-    options?: Option$5[];
+    options?: Option$7[];
     iconViewBox?: string;
     enableItemBackground?: boolean;
     enableTooltip?: boolean;
     default?: T;
 };
 type LayoutCustomSegmentControlType<T> = {
-    [K in keyof T]-?: Mapped$6<K, T[K]>;
+    [K in keyof T]-?: Mapped$8<K, T[K]>;
 }[keyof T];
 
 type AngleControlType<T> = SharedControlType<T> & {
@@ -7424,12 +7430,12 @@ type AngleControlType<T> = SharedControlType<T> & {
     readonly?: boolean;
 };
 
-type Option$4<T> = {
+type Option$6<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$5<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label: string;
     hideOnMode?: {
@@ -7445,7 +7451,7 @@ type Mapped$5<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         active?: boolean;
     };
     type: 'checkbox';
-    options: Option$4<T>[];
+    options: Option$6<T>[];
     devices?: ResponsiveConfig<U>;
 } : {
     id: K;
@@ -7463,11 +7469,11 @@ type Mapped$5<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         active?: boolean;
     };
     type: 'checkbox';
-    options: Option$4<T>[];
+    options: Option$6<T>[];
     default?: T;
 };
 type CheckboxControlType<T> = {
-    [K in keyof T]-?: Mapped$5<K, T[K]>;
+    [K in keyof T]-?: Mapped$7<K, T[K]>;
 }[keyof T];
 
 type ChildrensControlType = {
@@ -7556,6 +7562,7 @@ type InputNumberControlType<T> = SharedControlType<T> & {
     min?: number;
     max?: number;
     readonly?: boolean;
+    includeUnit?: 'px' | '%';
 };
 
 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' | 'min' | 'days';
@@ -7612,14 +7619,14 @@ type RangeControlType<T> = SharedControlType<T> & {
     maxRelated?: string;
 }>;
 
-type Option$3<T> = {
+type Option$5<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;
     tooltip?: string;
 };
-type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$6<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label?: string;
     info?: string;
@@ -7637,7 +7644,7 @@ type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'segment' | 'accordion:segment';
-    options: Option$3<T>[];
+    options: Option$5<T>[];
     iconCustom?: boolean;
     devices?: ResponsiveConfig<U>;
 } : {
@@ -7658,12 +7665,12 @@ type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'segment' | 'accordion:segment';
-    options: Option$3<T>[];
+    options: Option$5<T>[];
     iconCustom?: boolean;
     default?: T;
 };
 type SegmentControlType<T> = {
-    [K in keyof T]-?: Mapped$4<K, T[K]>;
+    [K in keyof T]-?: Mapped$6<K, T[K]>;
 }[keyof T];
 
 type OpenLinkControlType<T> = SharedControlType<T> & {
@@ -7674,7 +7681,7 @@ type OpenLinkControlType<T> = SharedControlType<T> & {
     linkType?: 'openApp' | 'install';
 };
 
-type Option$2<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;
     label: string | number;
     hideOnPage?: string[];
@@ -7687,7 +7694,7 @@ type Option$2<T> = {
     note?: string;
     maxOption?: number;
 };
-type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$5<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label?: string;
     info?: string;
@@ -7706,7 +7713,7 @@ type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'select';
-    options: Option$2<T>[];
+    options: Option$4<T>[];
     devices?: ResponsiveConfig<U>;
 } : {
     id: K;
@@ -7726,12 +7733,12 @@ type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'select';
-    options: Option$2<T>[];
+    options: Option$4<T>[];
     default?: T;
     isFullWidth?: boolean;
 };
 type SelectControlType<T> = {
-    [K in keyof T]-?: Mapped$3<K, T[K]>;
+    [K in keyof T]-?: Mapped$5<K, T[K]>;
 }[keyof T];
 
 type TextareaControlType<T> = SharedControlType<T> & {
@@ -7781,9 +7788,150 @@ type TypographyControlType<T> = SharedControlType<T> & {
     popup?: boolean;
 };
 
+type SettingStateType = 'normal' | 'hover' | 'focus' | 'active' | 'price' | 'compareAtPrice';
+type LangKey = 'en' | 'vi';
+type LabelWithLang = {
+    [P in keyof Record<LangKey, ''>]?: string;
+};
+type SettingMediaType = 'image' | 'youtubeVideoID';
+type SettingUIHelpType = {
+    content: string;
+    button?: {
+        label: string;
+        link: string;
+    };
+    media?: {
+        value: string;
+        type: SettingMediaType;
+    };
+};
+type LinkWithSetting = {
+    name: string;
+    state?: string;
+    field?: string;
+    getLinkValue?: boolean;
+};
+type ControlConfig = ControlProp<any> & {
+    linkWithSetting?: LinkWithSetting;
+};
+type Plan = 'trial' | 'build' | 'starter' | 'optimize' | 'advanced' | 'trial2022' | 'enterprise' | 'development' | 'professional';
+type LabelVariant = 'primary' | 'secondary' | 'bold';
+type SettingUIControl = {
+    id?: string;
+    controlConfig?: ControlConfig;
+    type?: 'control' | 'combo' | 'tab' | 'toggleGroup';
+    layout?: 'vertical' | 'horizontal';
+    toggleGroupId?: string;
+    label?: LabelWithLang;
+    conditionDisplay?: string;
+    conditionEnable?: string;
+    options?: {
+        fullWidth?: boolean;
+        onlyShowInTags?: string[];
+        target?: 'tab';
+        disableMessage?: string;
+        nearestSupportedPlan?: Plan;
+        lockedOnPlans?: Plan[];
+        labelVariant?: LabelVariant;
+        labelInsideControl?: boolean;
+        hideLabel?: boolean;
+        updateFields?: {
+            field: string;
+            settingId: string;
+            state?: SettingStateType;
+        }[];
+    };
+    setting?: {
+        id: string;
+        state?: SettingStateType;
+    };
+    searchKeyword?: string;
+    controlChangeTrigger?: ControlTrigger;
+    tabs?: SettingUITab[];
+    info?: LabelWithLang;
+    compoDefaultValue?: any | Record<NameDevices$1, any>;
+} & SettingUICompo;
+type ControlTriggerAction$1 = {
+    controlId: string;
+    newValue?: any;
+    valueFromField?: string;
+    controlType: string;
+    groupType: string;
+    valueIfNull?: any;
+    removeDevice?: boolean;
+    state?: SettingStateType;
+};
+type ControlTriggerSetting = {
+    source?: string[];
+    condition?: string;
+    action: ControlTriggerAction$1;
+};
+type ControlTrigger = {
+    settings?: ControlTriggerSetting[];
+    options?: {
+        noRecordHistory?: boolean;
+    };
+};
+type SettingUICompo = {
+    controls?: SettingUIControl[];
+    iconName?: string;
+    getValueFromSettingID?: string;
+    defaultValueWhenClear?: any;
+    fixedValue?: string;
+    placeholder?: string;
+    help?: SettingUIHelpType;
+    popoverLabel?: LabelWithLang;
+    comboType?: 'color' | 'image';
+    isHideClear?: boolean;
+};
+type SettingUIMoreSetting = {
+    label?: LabelWithLang;
+    labelAction?: LabelWithLang;
+    controls?: SettingUIControl[];
+    help?: SettingUIHelpType;
+    type?: SettingUIMoreSettingType;
+};
+type SettingUIMoreSettingType = 'button' | 'collapse' | 'icon';
+type SettingUITab = {
+    label?: LabelWithLang;
+    controls?: SettingUIControl[];
+    hide?: boolean;
+    conditionDisplay?: string;
+};
+type SettingUIToggleGroup = {
+    label?: LabelWithLang;
+    id?: string;
+    controls?: SettingUIControl[];
+};
+type SettingUIToggleSettings = {
+    controls?: SettingUIControl[];
+    isActiveDefault?: boolean;
+} & SettingUIControl & SettingUIToggleGroup;
+type SettingUIGroup = {
+    label?: LabelWithLang;
+    message?: string;
+    disableToggle?: boolean;
+    conditionDisplay?: string;
+    conditionEnable?: string;
+    controls?: SettingUIControl[];
+    moreSettings?: SettingUIMoreSetting;
+    toggleSettings?: SettingUIToggleSettings[];
+    states?: SettingUITab[];
+    help?: SettingUIHelpType;
+    options?: {
+        disableMessage?: string;
+    };
+};
+
 type PickLinkControlType<T> = SharedControlType<T> & {
     type: 'pick-link';
     pickLinkLabel?: string;
+    isHiddenInsertLink?: boolean;
+    isHiddenOpenLinkSelect?: boolean;
+    hiddenOptions?: {
+        [key: string]: boolean;
+    };
+    customLabel?: LabelWithLang;
 };
 
 type BehaviorStateControlType<T> = {
@@ -7857,6 +8005,12 @@ type SelectVariantControlType = {
     hide?: boolean;
 };
 
+type VariantListingControlType = {
+    id: string;
+    type: 'variant:listing';
+    label?: string;
+};
+
 type BackgroundControlType<T> = SharedControlType<T> & {
     type: 'background';
     value?: Background;
@@ -7872,23 +8026,23 @@ type Background = {
         storage?: 'THEME' | 'FILE_CONTENT';
         backupFilePath?: string;
     };
-    size?: BgSize;
-    position?: BgPosition;
-    repeat?: BgRepeat;
-    attachment?: BgAttachment;
+    size?: BgSize$2;
+    position?: BgPosition$2;
+    repeat?: BgRepeat$2;
+    attachment?: BgAttachment$2;
     video?: string;
     videoHtml5?: string;
     videoType?: 'youtube' | 'html5';
     loop?: boolean;
     lazyLoad?: boolean;
 };
-type BgSize = 'cover' | 'contain';
-type BgRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
-type BgPosition = {
+type BgSize$2 = 'cover' | 'contain';
+type BgRepeat$2 = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
+type BgPosition$2 = {
     x: number;
     y: number;
 };
-type BgAttachment = 'scroll' | 'fixed' | 'local';
+type BgAttachment$2 = 'scroll' | 'fixed' | 'local';
 
 type VisibilityControlType<T> = SharedControlType<T> & {
     type: 'visibility';
@@ -7951,14 +8105,15 @@ type CustomCodeEditor = {
     id: string;
 };
 
-type Option$1<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;
+    iconName?: string;
     isTextIcon?: boolean;
 };
-type Mapped$2<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;
@@ -7976,7 +8131,11 @@ type Mapped$2<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'layout-segment';
-    options: Option$1<T>[];
+    options: Option$3<T>[];
+    groups?: {
+        label: string;
+        options: Option$3<T>[];
+    }[];
     devices?: ResponsiveConfig<U>;
     iconViewBox?: string;
     enableItemBackground?: boolean;
@@ -8003,14 +8162,18 @@ type Mapped$2<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     type: 'layout-segment';
     itemPerRow?: number;
     itemSpacing?: 'large' | 'small';
-    options?: Option$1<T>[];
+    options?: Option$3<T>[];
+    groups?: {
+        label: string;
+        options: Option$3<T>[];
+    }[];
     iconViewBox?: string;
     enableItemBackground?: boolean;
     enableTooltip?: boolean;
     default?: T;
 };
 type LayoutSegmentControlType<T> = {
-    [K in keyof T]-?: Mapped$2<K, T[K]>;
+    [K in keyof T]-?: Mapped$4<K, T[K]>;
 }[keyof T];
 
 type InputSpacing<T> = SharedControlType<T> & {
@@ -8102,6 +8265,8 @@ type TypographyV2ControlType<T> = SharedControlType<T> & {
         color?: boolean;
         transform?: boolean;
         fontWeight?: boolean;
+        textShadow?: boolean;
+        textAlign?: boolean;
     };
     disableCollapse?: boolean;
 };
@@ -8131,7 +8296,7 @@ type Actions = {
     actionHandle?: string;
     link?: string;
 };
-type Mapped$1<K, T> = {
+type Mapped$3<K, T> = {
     id: K;
     label: string;
     info?: string;
@@ -8140,7 +8305,7 @@ type Mapped$1<K, T> = {
     default?: T;
 };
 type StepsGuide<T> = {
-    [K in keyof T]-?: Mapped$1<K, T[K]>;
+    [K in keyof T]-?: Mapped$3<K, T[K]>;
 }[keyof T];
 
 type ImageShape<T> = SharedControlType<T> & {
@@ -8204,6 +8369,7 @@ type DropdownInput<T> = SharedControlType<T> & {
         reversed?: boolean;
         showValue?: boolean;
     }[];
+    isRowWith?: boolean;
 };
 
 type Dropdown<T> = SharedControlType<T> & {
@@ -8249,14 +8415,14 @@ type SneakPeakRange<T> = SharedControlType<T> & {
     sneakPeakType?: string;
 };
 
-type Option<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;
     type?: string;
     icon?: string;
     isTextIcon?: boolean;
 };
-type Mapped<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;
@@ -8274,7 +8440,7 @@ type Mapped<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'sneak-peak-type';
-    options: Option<T>[];
+    options: Option$2<T>[];
     devices?: ResponsiveConfig<U>;
     iconViewBox?: string;
     enableItemBackground?: boolean;
@@ -8299,14 +8465,14 @@ type Mapped<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'sneak-peak-type';
-    options?: Option<T>[];
+    options?: Option$2<T>[];
     iconViewBox?: string;
     enableItemBackground?: boolean;
     enableTooltip?: boolean;
     default?: T;
 };
 type SneakPeakTypeControlType<T> = {
-    [K in keyof T]-?: Mapped<K, T[K]>;
+    [K in keyof T]-?: Mapped$2<K, T[K]>;
 }[keyof T];
 
 type ProductInputCurrencyUnitControlType<T> = SharedControlType<T> & {
@@ -8489,7 +8655,420 @@ type ProductHandleType<T> = SharedControlType<T> & {
     type: 'product-handle';
 };
 
-type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<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> | OpenLinkControlType<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> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<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> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | DisplayTriggerControlType<T> | CustomPositionControlType<T> | DealControlType<T> | ProductHandleType<T>;
+type ColorPickerV2ControlType<T> = SharedControlType<T> & {
+    type: 'color-picker-v2';
+    enableGradient?: boolean;
+};
+
+type BorderV2ControlType<T> = SharedControlType<T> & {
+    type: 'border-v2';
+};
+
+type CornerV2ControlType<T> = SharedControlType<T> & {
+    type: 'corner-v2';
+};
+
+type PaddingV2ControlType<T> = SharedControlType<T> & {
+    type: 'padding-v2';
+};
+
+type BackgroundImageType<T> = SharedControlType<T> & {
+    type: 'background-image';
+    value?: BackgroundImageValue;
+};
+type BackgroundImageValue = {
+    image?: {
+        src: string;
+        width: number;
+        height: number;
+        backupFileKey?: string;
+        storage?: 'THEME' | 'FILE_CONTENT';
+        backupFilePath?: string;
+    };
+    size?: BgSize$1;
+    position?: BgPosition$1;
+    repeat?: BgRepeat$1;
+    attachment?: BgAttachment$1;
+    altText?: string;
+    imageTitle?: string;
+    lazyLoad?: boolean;
+    preload?: boolean;
+};
+type BgSize$1 = 'cover' | 'contain' | '100% 100%';
+type BgRepeat$1 = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
+type BgPosition$1 = {
+    x: number;
+    y: number;
+};
+type BgAttachment$1 = 'scroll' | 'fixed' | 'local';
+
+type BackgroundVideoType<T> = SharedControlType<T> & {
+    type: 'background-video';
+    value?: BackgroundVideoValue;
+};
+type BackgroundVideoValue = {
+    srcYoutube?: string;
+    srcHtml5?: string;
+    type?: 'youtube' | 'html5';
+    ratio?: string;
+    loop?: boolean;
+};
+
+type NameDevices = 'desktop' | 'tablet' | 'mobile';
+type TypographyV2Family = string | {
+    value: string;
+    type: TypographyV2FontFamilyType;
+};
+type TypographyV2FontFamilyType = 'google' | 'custom' | 'theme' | 'bunny';
+
+/**
+ * @deprecated Please use `TypographySettingV2`
+ */
+type TypographySetting = {
+    type?: TypographyType;
+    custom?: ObjectDevices<TypographyProps>;
+};
+type TypographySettingV2 = {
+    type?: TypographyType;
+    custom?: TypographyV2Props;
+    attrs?: TypographyV2Attrs;
+};
+type SizeSetting = {
+    type?: SizeType;
+    custom?: ObjectDevices<SizeProps>;
+};
+type SizeProps = {
+    horizontal?: string;
+    vertical?: string;
+};
+type SizeType = 'medium' | 'large' | 'small' | 'none';
+type TypographyProps = {
+    fontSize?: string;
+    fontWeight?: string | number;
+    fontStyle?: string;
+    fontFamily?: TypographyV2Family;
+    lineHeight?: string;
+    letterSpacing?: string;
+    fallbackFontFamily?: string;
+    textShadow?: ShadowProps;
+    hasShadowText?: boolean;
+    isCustom?: boolean;
+};
+type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
+    fontSize?: ObjectDevices<string>;
+    lineHeight?: ObjectDevices<string>;
+};
+type TypographyV2Attrs = {
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    color?: ColorValueType;
+    transform?: string;
+    textAlign?: ObjectDevices<AlignProp>;
+};
+type CornerRadius = {
+    btlr?: string;
+    btrr?: string;
+    bblr?: string;
+    bbrr?: string;
+    radiusType?: CornerRadiusType;
+};
+type CornerRadiusType = 'none' | 'large' | 'medium' | 'small' | 'circle' | 'custom' | 'rounded';
+type ColorType$1 = NestedKeys<BrandColorObject> | NestedKeys<BackgroundColorObject> | NestedKeys<TextColorObject> | NestedKeys<LineColorObject> | NestedKeys<FuncColorObject>;
+type FontName = 'body' | 'heading' | 'code';
+type ColorKey = 'transparent' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | 'gray';
+type HexColorType = `#${string}`;
+type RGBAColorType = `rgba(${number}, ${number}, ${number}, ${number})`;
+type RGBColorType = `rgb(${number}, ${number}, ${number})`;
+type HSLColorType = `hsl(${number}, ${number}%, ${number}%)`;
+type HSLAColorType = `hsla(${number}, ${number}%, ${number}%, ${number})`;
+type ColorValueType = ColorType$1 | HexColorType | RGBAColorType | RGBColorType | HSLColorType | HSLAColorType | ColorKey;
+type BrandColorObject = {
+    brand: string;
+    highlight: string;
+};
+type BackgroundColorObject = {
+    'bg-1': string;
+    'bg-2': string;
+    'bg-3': string;
+};
+type TextColorObject = {
+    'text-1': string;
+    'text-2': string;
+    'text-3': string;
+};
+type LineColorObject = {
+    'line-1': string;
+    'line-2': string;
+    'line-3': string;
+};
+type FuncColorObject = {
+    info: string;
+    warning: string;
+    success: string;
+    error: string;
+};
+type TypographyType = 'heading-1' | 'heading-2' | 'heading-3' | 'subheading-1' | 'subheading-2' | 'subheading-3' | 'paragraph-1' | 'paragraph-2' | 'paragraph-3';
+type ObjectDeviceGlobalType<T> = {
+    desktop: T;
+    tablet?: T;
+    mobile?: T;
+};
+type SpacingType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
+type RoundedSize = 'small' | 'medium' | 'large' | 'circle' | 'none' | 'custom' | 'rounded';
+type ContainerProp = 'width' | 'padding';
+type GlobalStyleResponsiveConfig = {
+    color?: Partial<Record<ColorType$1, string>>;
+    font?: Partial<Record<FontName, any>>;
+    typography?: Partial<Record<TypographyType, ObjectDeviceGlobalType<TypographyProps>>>;
+    spacing?: Partial<Record<SpacingType, ObjectDeviceGlobalType<string>>>;
+    container?: Partial<Record<ContainerProp, ObjectDeviceGlobalType<string>>>;
+    radius?: Partial<Record<RoundedSize, string>>;
+    theme?: {
+        font?: Partial<Record<FontName, any>>;
+    };
+};
+type GlobalStyleConfig = {
+    color?: Partial<Record<ColorType$1, string>>;
+    font?: Partial<Record<FontName, any>>;
+    typography?: Partial<Record<TypographyType, TypographyProps>>;
+    spacing?: Partial<Record<SpacingType, string>>;
+    container?: Partial<Record<ContainerProp, string>>;
+    radius?: Partial<Record<RoundedSize, string>>;
+    theme?: {
+        font?: Partial<Record<FontName, any>>;
+    };
+};
+type ShadowStyleApplied = 'text-shadow' | 'box-shadow';
+type ShadowType = 'shadow-1' | 'shadow-2' | 'shadow-3';
+type ShadowStyle = {
+    value?: ShadowProps;
+    state?: StateType;
+    styleAppliedFor?: ShadowStyleApplied;
+    isEnableShadow?: boolean;
+};
+type ShadowProps = {
+    type?: ShadowType | 'custom' | 'none';
+    angle?: string | number;
+    distance?: string;
+    blur?: string;
+    spread?: string;
+    color?: ColorValueType;
+};
+type Border = {
+    borderType?: BorderTypeName;
+    border?: BorderStyle$1;
+    color?: ColorValueType;
+    width?: string;
+    isCustom?: boolean;
+    position?: BorderPosition;
+    borderWidth?: string;
+};
+type BorderTypeName = 'none' | 'style-1' | 'style-2' | 'style-3';
+type BorderStyle$1 = 'none' | 'solid' | 'dotted' | 'dashed';
+type BorderPosition = 'top' | 'left' | 'right' | 'bottom' | 'all';
+type SwatchesOptionType = 'radio_buttons' | 'dropdown' | 'color' | 'image' | 'rectangle_list' | 'image_shopify' | string;
+declare const OptionNormalStyle: string[];
+declare const OptionSpecialStyle: string[];
+type SwatchesOptionValue = {
+    label?: string;
+    colors?: string[];
+    imageUrl?: string;
+};
+type GlobalSwatchesData = {
+    optionTitle: string;
+    optionType: SwatchesOptionType;
+    optionValues: SwatchesOptionValue[];
+};
+type PaddingType = {
+    type?: 'small' | 'medium' | 'large' | 'custom';
+    top?: string;
+    left?: string;
+    bottom?: string;
+    right?: string;
+    linked?: boolean;
+};
+
+type ShadowV2ControlType<T> = SharedControlType<T> & {
+    type: 'shadow-v2';
+    value?: ShadowProps;
+};
+
+type BackgroundMediaControlType<T> = SharedControlType<T> & {
+    type: 'background-media';
+    value?: BackgroundMedia;
+    showVideo?: Boolean;
+};
+type BackgroundMedia = {
+    type: 'color' | 'image' | 'video';
+    color?: string;
+    image?: {
+        src?: string;
+        width?: number;
+        height?: number;
+        backupFileKey?: string;
+        storage?: 'THEME' | 'FILE_CONTENT';
+        backupFilePath?: string;
+    };
+    size?: BgSize;
+    position?: BgPosition;
+    repeat?: BgRepeat;
+    attachment?: BgAttachment;
+    video?: string;
+    videoHtml5?: string;
+    videoType?: 'youtube' | 'html5';
+    loop?: boolean;
+    lazyLoad?: boolean;
+    preload?: boolean;
+};
+type BgSize = 'cover' | 'contain';
+type BgRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
+type BgPosition = {
+    x: number;
+    y: number;
+};
+type BgAttachment = 'scroll' | 'fixed' | 'local';
+
+type SwitchControlType<T> = SharedControlType<T> & {
+    type: 'switch';
+    readonly?: boolean;
+};
+
+type ImageV2ControlType<T> = SharedControlType<T> & {
+    type: 'image-v2';
+};
+
+type ComboControlType<T> = SharedControlType<T> & {
+    type: 'combo';
+    readonly?: boolean;
+};
+
+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;
+    iconName?: string;
+    type?: string;
+    noPadding?: string;
+};
+type Mapped$1<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-selector';
+    options: Option$1<T>[];
+    groups?: {
+        label: string;
+        options: Option$1<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: 'layout-selector';
+    itemPerRow?: number;
+    itemSpacing?: 'large' | 'small';
+    options?: Option$1<T>[];
+    groups?: {
+        label: string;
+        options: Option$1<T>[];
+    }[];
+    iconViewBox?: string;
+    enableItemBackground?: boolean;
+    enableTooltip?: boolean;
+    default?: T;
+};
+type LayoutSelectorControlType<T> = {
+    [K in keyof T]-?: Mapped$1<K, T[K]>;
+}[keyof T];
+
+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;
+    tooltip?: string;
+    iconName?: string;
+};
+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: 'segment-v2';
+    options: Option<T>[];
+    iconCustom?: boolean;
+    devices?: ResponsiveConfig<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: 'segment-v2';
+    options: Option<T>[];
+    iconCustom?: boolean;
+    default?: T;
+};
+type SegmentV2ControlType<T> = {
+    [K in keyof T]-?: Mapped<K, T[K]>;
+}[keyof T];
+
+type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<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> | OpenLinkControlType<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 | VariantListingControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | DisplayTriggerControlType<T> | CustomPositionControlType<T> | DealControlType<T> | ProductHandleType<T> | ColorPickerV2ControlType<T> | BorderV2ControlType<T> | CornerV2ControlType<T> | PaddingV2ControlType<T> | BackgroundImageType<T> | BackgroundVideoType<T> | ShadowV2ControlType<T> | BackgroundMediaControlType<T> | BackgroundVideoType<T> | SwitchControlType<T> | ImageV2ControlType<T> | LayoutSelectorControlType<T> | ComboControlType<T> | SegmentV2ControlType<T>;
 type ControlTriggerAction = {
     controlId: string;
     newValue?: any;
@@ -8515,6 +9094,7 @@ type ComponentSetting<P extends BaseProps> = {
     image?: string;
     icon?: string;
     settings?: Setting<P>[];
+    settingsV2?: Setting<P>[];
     advanced?: Record<string, any>;
     rootOverride?: Record<string, any>;
     init?: InitComponentType[] | {
@@ -8562,6 +9142,7 @@ type ComponentSetting<P extends BaseProps> = {
         };
     };
     ui?: ControlUI[];
+    uiV2?: SettingUIGroup[];
     presets?: ComponentPreset[];
     locales?: Record<string, any>;
 };
@@ -8641,6 +9222,7 @@ type PageContext = {
     pageType?: string;
     isTranslateWithLocale?: boolean;
     sectionName?: string;
+    isOptimizePlan?: boolean;
 };
 type OnlyOne<T, U> = (T & {
     [K in keyof U]?: never;
@@ -31049,172 +31631,6 @@ declare namespace appAPI {
   };
 }
 
-type NameDevices = 'desktop' | 'tablet' | 'mobile';
-type TypographyV2Family = string | {
-    value: string;
-    type: TypographyV2FontFamilyType;
-};
-type TypographyV2FontFamilyType = 'google' | 'custom' | 'theme' | 'bunny';
-
-/**
- * @deprecated Please use `TypographySettingV2`
- */
-type TypographySetting = {
-    type?: TypographyType;
-    custom?: ObjectDevices<TypographyProps>;
-};
-type TypographySettingV2 = {
-    type?: TypographyType;
-    custom?: TypographyV2Props;
-    attrs?: TypographyV2Attrs;
-};
-type SizeSetting = {
-    type?: SizeType;
-    custom?: ObjectDevices<SizeProps>;
-};
-type SizeProps = {
-    horizontal?: string;
-    vertical?: string;
-};
-type SizeType = 'medium' | 'large' | 'small' | 'none';
-type TypographyProps = {
-    fontSize?: string;
-    fontWeight?: string | number;
-    fontStyle?: string;
-    fontFamily?: TypographyV2Family;
-    lineHeight?: string;
-    letterSpacing?: string;
-    fallbackFontFamily?: string;
-    textShadow?: ShadowProps;
-    hasShadowText?: boolean;
-    isCustom?: boolean;
-};
-type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
-    fontSize?: ObjectDevices<string>;
-    lineHeight?: ObjectDevices<string>;
-};
-type TypographyV2Attrs = {
-    bold?: boolean;
-    italic?: boolean;
-    underline?: boolean;
-    color?: ColorValueType;
-    transform?: string;
-};
-type CornerRadius = {
-    btlr?: string;
-    btrr?: string;
-    bblr?: string;
-    bbrr?: string;
-    radiusType?: CornerRadiusType;
-};
-type CornerRadiusType = 'none' | 'large' | 'medium' | 'small' | 'circle' | 'custom';
-type ColorType$1 = NestedKeys<BrandColorObject> | NestedKeys<BackgroundColorObject> | NestedKeys<TextColorObject> | NestedKeys<LineColorObject> | NestedKeys<FuncColorObject>;
-type FontName = 'body' | 'heading' | 'code';
-type ColorKey = 'transparent' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | 'gray';
-type HexColorType = `#${string}`;
-type RGBAColorType = `rgba(${number}, ${number}, ${number}, ${number})`;
-type RGBColorType = `rgb(${number}, ${number}, ${number})`;
-type HSLColorType = `hsl(${number}, ${number}%, ${number}%)`;
-type HSLAColorType = `hsla(${number}, ${number}%, ${number}%, ${number})`;
-type ColorValueType = ColorType$1 | HexColorType | RGBAColorType | RGBColorType | HSLColorType | HSLAColorType | ColorKey;
-type BrandColorObject = {
-    brand: string;
-    highlight: string;
-};
-type BackgroundColorObject = {
-    'bg-1': string;
-    'bg-2': string;
-    'bg-3': string;
-};
-type TextColorObject = {
-    'text-1': string;
-    'text-2': string;
-    'text-3': string;
-};
-type LineColorObject = {
-    'line-1': string;
-    'line-2': string;
-    'line-3': string;
-};
-type FuncColorObject = {
-    info: string;
-    warning: string;
-    success: string;
-    error: string;
-};
-type TypographyType = 'heading-1' | 'heading-2' | 'heading-3' | 'subheading-1' | 'subheading-2' | 'subheading-3' | 'paragraph-1' | 'paragraph-2' | 'paragraph-3';
-type ObjectDeviceGlobalType<T> = {
-    desktop: T;
-    tablet?: T;
-    mobile?: T;
-};
-type SpacingType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
-type RoundedSize = 'small' | 'medium' | 'large' | 'circle' | 'none' | 'custom';
-type ContainerProp = 'width' | 'padding';
-type GlobalStyleResponsiveConfig = {
-    color?: Partial<Record<ColorType$1, string>>;
-    font?: Partial<Record<FontName, any>>;
-    typography?: Partial<Record<TypographyType, ObjectDeviceGlobalType<TypographyProps>>>;
-    spacing?: Partial<Record<SpacingType, ObjectDeviceGlobalType<string>>>;
-    container?: Partial<Record<ContainerProp, ObjectDeviceGlobalType<string>>>;
-    radius?: Partial<Record<RoundedSize, string>>;
-    theme?: {
-        font?: Partial<Record<FontName, any>>;
-    };
-};
-type GlobalStyleConfig = {
-    color?: Partial<Record<ColorType$1, string>>;
-    font?: Partial<Record<FontName, any>>;
-    typography?: Partial<Record<TypographyType, TypographyProps>>;
-    spacing?: Partial<Record<SpacingType, string>>;
-    container?: Partial<Record<ContainerProp, string>>;
-    radius?: Partial<Record<RoundedSize, string>>;
-    theme?: {
-        font?: Partial<Record<FontName, any>>;
-    };
-};
-type ShadowStyleApplied = 'text-shadow' | 'box-shadow';
-type ShadowType = 'shadow-1' | 'shadow-2' | 'shadow-3';
-type ShadowStyle = {
-    value?: ShadowProps;
-    state?: StateType;
-    styleAppliedFor?: ShadowStyleApplied;
-    isEnableShadow?: boolean;
-};
-type ShadowProps = {
-    type?: ShadowType | 'custom';
-    angle?: string | number;
-    distance?: string;
-    blur?: string;
-    spread?: string;
-    color?: ColorValueType;
-};
-type Border = {
-    borderType?: BorderTypeName;
-    border?: BorderStyle$1;
-    color?: ColorValueType;
-    width?: string;
-    isCustom?: boolean;
-    position?: BorderPosition;
-    borderWidth?: string;
-};
-type BorderTypeName = 'none' | 'style-1' | 'style-2' | 'style-3';
-type BorderStyle$1 = 'none' | 'solid' | 'dotted' | 'dashed';
-type BorderPosition = 'top' | 'left' | 'right' | 'bottom' | 'all';
-type SwatchesOptionType = 'radio_buttons' | 'dropdown' | 'color' | 'image' | 'rectangle_list' | 'image_shopify' | string;
-declare const OptionNormalStyle: string[];
-declare const OptionSpecialStyle: string[];
-type SwatchesOptionValue = {
-    label?: string;
-    colors?: string[];
-    imageUrl?: string;
-};
-type GlobalSwatchesData = {
-    optionTitle: string;
-    optionType: SwatchesOptionType;
-    optionValues: SwatchesOptionValue[];
-};
-
 type ProductInputAnalytic = {
     id: string;
     name: string;
@@ -31501,11 +31917,6 @@ declare const useProductListStore: <U>(selector: (state: ExtractState<StoreApi<P
 
 type MediaSelectFragment = Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>;
 
-type VariantSelectFragment = Pick<ProductVariant$1, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
-    selectedOptions: Array<Pick<SelectedOption$1, 'name' | 'value' | 'optionType'>>;
-    media?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
-};
-
 type ProductSelectFragment = Pick<Product$1, 'tags' | 'id' | 'title' | 'createdAt' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
     collections?: Maybe$1<{
         edges: Array<{
@@ -31533,17 +31944,6 @@ type ProductSelectFragment = Pick<Product$1, 'tags' | 'id' | 'title' | 'createdA
     featuredImage?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
 };
 
-type CollectionSelectFragment = Pick<Collection$1, 'id' | 'createdAt' | 'updatedAt' | 'deletedAt' | 'title' | 'handle' | 'description' | 'descriptionHtml' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'tags' | 'isStorefront' | 'isSample'> & {
-    products?: Maybe$1<Pick<ProductConnection$1, 'totalCount'> & {
-        edges: Array<{
-            node?: Maybe$1<Pick<Product$1, 'id' | 'title' | 'handle' | 'description' | 'status'> & {
-                featuredImage?: Maybe$1<Pick<Media$1, 'src'>>;
-            }>;
-        }>;
-    }>;
-    collectionMedia?: Maybe$1<Pick<CollectionMedia$1, 'src'>>;
-};
-
 type AttributeProp = {
     key: string;
     value?: string;
@@ -31572,6 +31972,10 @@ type ProductContextProps = {
     updatePrice?: boolean;
     hasPreSelected?: boolean;
     setHasPreSelected: (value: boolean) => void;
+    requireUpload?: boolean;
+    setRequireUpload: (value: boolean) => void;
+    shouldRequireUploadMessage?: boolean;
+    setShouldRequireUploadMessage: (value: boolean) => void;
     useProductCompareAtPrice?: boolean;
     setUseProductCompareAtPrice: (value?: boolean) => void;
 };
@@ -31619,6 +32023,7 @@ type ShopContextProps = {
     isStorefront?: boolean;
     createThemeSectionCount?: number;
     plan?: string;
+    timezone?: string;
     generateContentLimitation?: {
         isAllow: boolean;
         maxGenerateCount?: number;
@@ -31687,6 +32092,17 @@ type PageProviderProps = Pick<PageContextProps, 'dynamicProduct' | 'dynamicColle
 declare const PageProvider: React.FC<PageProviderProps>;
 declare const usePageStore: <U>(selector: (state: ExtractState<StoreApi<PageContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
+type CollectionSelectFragment = Pick<Collection$1, 'id' | 'createdAt' | 'updatedAt' | 'deletedAt' | 'title' | 'handle' | 'description' | 'descriptionHtml' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'tags' | 'isStorefront' | 'isSample'> & {
+    products?: Maybe$1<Pick<ProductConnection$1, 'totalCount'> & {
+        edges: Array<{
+            node?: Maybe$1<Pick<Product$1, 'id' | 'title' | 'handle' | 'description' | 'status'> & {
+                featuredImage?: Maybe$1<Pick<Media$1, 'src'>>;
+            }>;
+        }>;
+    }>;
+    collectionMedia?: Maybe$1<Pick<CollectionMedia$1, 'src'>>;
+};
+
 type CollectionContextProps = {
     collection?: CollectionSelectFragment;
     changeCollectionStore: (args: {
@@ -31892,6 +32308,7 @@ type PublishedThemePagesQueryResponse = {
         themePageCustomCode?: Maybe$1<Pick<CustomCode$1, 'body' | 'header'>>;
         themePageCustomFonts?: Maybe$1<Array<Maybe$1<CustomFont$1>>>;
         interaction?: Maybe$1<Pick<PublishedPageInteraction$1, 'id' | 'value'>>;
+        metafiels?: Maybe$1<Array<Maybe$1<Pick<PublishedThemePageMeta$1, 'id' | 'key' | 'value'>>>>;
     }>>>;
 };
 declare const PublishedThemePagesDocument: string;
@@ -31969,11 +32386,23 @@ type PreviewThemePageQueryResponse = {
         analytic?: Maybe$1<Pick<Analytic$1, 'fbPixelID' | 'gaTrackingID' | 'tiktokPixelID'>>;
         customCode?: Maybe$1<Pick<CustomCode$1, 'body' | 'header'>>;
         customFonts?: Maybe$1<Array<Maybe$1<Pick<CustomFont$1, 'backupFilePath' | 'fontFamily' | 'fontStyle' | 'fontWeight' | 'mimeType' | 'filePath'>>>>;
-        interaction?: Maybe$1<Pick<PreviewPageInteraction, 'id' | 'value'>>;
     }>;
 };
 declare const PreviewThemePageDocument: string;
 
+type ShopShopifyQueryVariables = Exact$1<{
+    [key: string]: never;
+}>;
+type ShopShopifyQueryResponse = {
+    shopShopify?: Maybe$1<Pick<ShopShopify$1, 'timezone'>>;
+};
+declare const ShopShopifyDocument = "\n    query shopShopify {\n  shopShopify {\n    timezone\n  }\n}\n    ";
+
+type VariantSelectFragment = Pick<ProductVariant$1, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
+    selectedOptions: Array<Pick<SelectedOption$1, 'name' | 'value' | 'optionType'>>;
+    media?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+};
+
 type LibraryTemplateQueryVariables = Exact<{
     libraryTemplateId: Scalars['ID'];
 }>;
@@ -32054,6 +32483,7 @@ declare const handleConvertBorderColor: (value?: BorderStyle) => React.CSSProper
 declare const handleConvertClassColor: (value?: BorderStyle) => string | undefined;
 declare const handleConvertClassColorDynamicBtn: (value?: BorderStyle) => string | undefined;
 declare const composeBorderCss: (borderV?: Border | undefined) => string;
+declare const composeBorderResponsive: (borderValue?: ObjectDevices<Border>) => React.CSSProperties;
 
 type DotStyle = 'none' | 'inside' | 'outside';
 declare const getCarouselContainerHeight: <T>(dotStyle?: Partial<Record<NameDevices$1, T>> | undefined) => {
@@ -32215,15 +32645,15 @@ declare const makeHeight: (heighValue?: ObjectDevices<string | number>, autoHeig
 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>;
 
-type Devices = 'desktop' | 'tablet' | 'mobile';
-type Options = {
+type Devices$1 = 'desktop' | 'tablet' | 'mobile';
+type Options$1 = {
     liquid?: boolean;
     ignoreBgAttachment?: boolean;
     ignoreBackgroundImage?: boolean;
     ignoreBackgroundImageProperties?: boolean;
     ignoreBackgroundColor?: boolean;
 };
-declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {
+declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options$1) => {
     "--bga"?: string | undefined;
     "--bga-tablet"?: string | undefined;
     "--bga-mobile"?: string | undefined;
@@ -32244,7 +32674,7 @@ declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background
     "--bgc-mobile"?: string | undefined;
 };
 declare const getStyleBgColor: (background: ObjectDevices<Background>) => Record<ResponsiveKey<"bgc">, string>;
-declare const getBgImageByDevice: (background: ObjectDevices<Background>, device: Devices, options?: Options) => string | undefined;
+declare const getBgImageByDevice: (background: ObjectDevices<Background>, device: Devices$1, options?: Options$1) => string | undefined;
 declare const composeBackgroundCss: (backgroundColor?: ColorValueType) => string;
 declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) => {
     wrapper: {
@@ -32256,7 +32686,23 @@ declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) =>
 } | undefined;
 declare const GRADIENT_BGR_KEY = "linear-gradient";
 declare const getGradientBgrStyleForButton: (backgroundStyle: Partial<Record<StateType, ColorValueType>> | undefined) => {} | undefined;
-declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined, ignoreBackgroundImage?: Record<Devices, boolean>) => {} | undefined;
+declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices$1, Background>> | undefined, ignoreBackgroundImage?: Record<Devices$1, boolean>) => {} | undefined;
+
+type Devices = 'desktop' | 'tablet' | 'mobile';
+type Options = {
+    liquid?: boolean;
+    ignoreBgAttachment?: boolean;
+    ignoreBackgroundImage?: boolean;
+    ignoreBackgroundImageProperties?: boolean;
+};
+declare const getStyleBackgroundImageByDevice: (backgroundImage?: ObjectDevices<StateProp<BackgroundImageValue>>, options?: Options) => {};
+declare const getStyleBgImageSource: (backgroundImage: ObjectDevices<StateProp<BackgroundImageValue>>, options?: Options) => {};
+declare const getBgImageSourceByDevice: (backgroundImage: ObjectDevices<StateProp<BackgroundImageValue>>, device: Devices, state: StateType, options?: Options) => string | undefined;
+declare const composeBackgroundImageCss: (config?: ObjectDevices<StateProp<BackgroundImageValue>>, options?: {
+    useLiquid?: boolean;
+    device?: 'desktop' | 'tablet' | 'mobile';
+    state?: 'normal' | 'hover';
+}) => string | undefined;
 
 type ColorType = 'bg' | 'text' | 'border' | 'decoration';
 type ColorProp = 'bgc' | 'bc' | 'c' | 'bg';
@@ -38392,8 +38838,10 @@ declare const gridToArrayRegex: RegExp;
 declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => React.CSSProperties;
 declare const composeGridLayout: (layout?: ObjectDevices<ObjectLayoutValue>) => React.CSSProperties;
 declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevices<ObjectLayoutValue>;
+declare const getLayoutClasses: (layout: Partial<Record<NameDevices$1, string>> | undefined) => Record<string, boolean>;
 
 declare const convertTextAlignToJustify: (align: Partial<Record<NameDevices$1, AlignProp>> | undefined) => Record<string, boolean>;
+declare const getAlignmentClasses: (align: Partial<Record<NameDevices$1, AlignProp>> | undefined) => Record<string, boolean>;
 
 declare function checkInStock(variant?: VariantSelectFragment, product?: ProductSelectFragment): boolean;
 
@@ -39985,6 +40433,9 @@ declare const getResponsiveStyleShadow: (value?: any, styleAppliedFor?: ShadowSt
     textAnchor?: csstype.Property.TextAnchor | undefined;
     vectorEffect?: csstype.Property.VectorEffect | undefined;
 } | undefined;
+declare const getResponsiveStyleShadowWithoutState: (value?: any, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: any) => {
+    [x: string]: string;
+} | undefined;
 declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, important, }: {
     hasBoxShadow?: boolean | undefined;
     boxShadowValue?: ShadowProps | undefined;
@@ -40022,11 +40473,18 @@ declare const getWidthByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSett
 declare const getAspectRatioGlobalSize: (shape?: ObjectDevices<SizeSettingGlobal>) => ObjectDevices<string>;
 declare const getPaddingGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => React.CSSProperties;
 declare const getValueByDevice: <T>(value: any, device: NameDevices$1) => T;
+declare const getPaddingStyleByDevice: (value?: PaddingType, device?: NameDevices$1) => {
+    [x: string]: string | undefined;
+};
+declare const getResponsiveStylePadding: (value?: ObjectDevices<PaddingType>) => {
+    [x: string]: string | undefined;
+} | undefined;
 
 type TypographyClass = `gp-g-${TypographyType}`;
 declare const genTypoClass: (name: TypographyType) => TypographyClass;
 declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
 declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
+declare const composeTextHoverColorCss: (device: NameDevices$1, colorHoverConfig?: ObjectDevices<StateProp<ColorValueType>>, isImportant?: boolean) => string | undefined;
 declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
 declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
 declare const composeFontFamilyTypographyV2: (value?: TypographyV2Props & {
@@ -41569,7 +42027,7 @@ type ArticlesQueryVariables = Exact$1<{
 type ArticlesQueryResponse = {
     articles?: Maybe$1<(Pick<ArticleConnection$1, 'totalCount'> & {
         edges: Array<(Pick<ArticleEdge$1, 'cursor'> & {
-            node?: Maybe$1<(Pick<Article$2, 'id' | 'title' | 'handle' | 'description' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'isSample' | 'platformCreatedAt' | 'author'> & {
+            node?: Maybe$1<(Pick<Article$2, 'id' | 'title' | 'handle' | 'description' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'isSample' | 'platformCreatedAt' | 'platformUpdatedAt' | 'author'> & {
                 tags: Array<never>;
                 content?: Maybe$1<Pick<ArticleContent$1, 'excerptHtml'>>;
                 blogs?: Maybe$1<{
@@ -41594,12 +42052,12 @@ type BlogsQueryVariables = Exact$1<{
     articlesOrderBy?: InputMaybe$1<ArticleOrder$1>;
 }>;
 type BlogsQueryResponse = {
-    blogs?: Maybe$1<(Pick<BlogConnection$1, 'totalCount'> & {
-        edges: Array<(Pick<BlogEdge$1, 'cursor'> & {
-            node?: Maybe$1<(Pick<Blog$1, 'baseID' | 'description' | 'descriptionMeta' | 'handle' | 'id' | 'platform' | 'tags' | 'templateSuffix' | 'title' | 'titleMeta'> & {
-                articles?: Maybe$1<(Pick<ArticleConnection$1, 'totalCount'> & {
-                    edges: Array<(Pick<ArticleEdge$1, 'cursor'> & {
-                        node?: Maybe$1<(Pick<Article$2, 'id' | 'title' | 'handle' | 'description' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'isSample' | 'platformCreatedAt' | 'author'> & {
+    blogs?: Maybe$1<Pick<BlogConnection$1, 'totalCount'> & {
+        edges: Array<Pick<BlogEdge$1, 'cursor'> & {
+            node?: Maybe$1<Pick<Blog$1, 'baseID' | 'description' | 'descriptionMeta' | 'handle' | 'id' | 'platform' | 'tags' | 'templateSuffix' | 'title' | 'titleMeta'> & {
+                articles?: Maybe$1<Pick<ArticleConnection$1, 'totalCount'> & {
+                    edges: Array<Pick<ArticleEdge$1, 'cursor'> & {
+                        node?: Maybe$1<Pick<Article$2, 'id' | 'title' | 'handle' | 'description' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'isSample' | 'platformCreatedAt' | 'platformUpdatedAt' | 'author'> & {
                             tags: Array<never>;
                             content?: Maybe$1<Pick<ArticleContent$1, 'excerptHtml'>>;
                             blogs?: Maybe$1<{
@@ -41608,13 +42066,13 @@ type BlogsQueryResponse = {
                                 }>;
                             }>;
                             media?: Maybe$1<Pick<Media$1, 'alt' | 'width' | 'src' | 'height'>>;
-                        })>;
-                    })>;
-                })>;
-            })>;
-        })>;
+                        }>;
+                    }>;
+                }>;
+            }>;
+        }>;
         pageInfo?: Maybe$1<Pick<PageInfo$1, 'endCursor' | 'hasNextPage' | 'hasPreviousPage' | 'startCursor'>>;
-    })>;
+    }>;
 };
 
 declare const useArticlesQuery: (variables: ArticlesQueryVariables | null, options?: SWRConfiguration<ArticlesQueryResponse>) => swr__internal.SWRResponse<ArticlesQueryResponse, any, Partial<swr__internal.PublicConfiguration<ArticlesQueryResponse, any, (arg: ["query/articles", any]) => swr__internal.FetcherResponse<ArticlesQueryResponse>>> | undefined>;
@@ -41623,7 +42081,7 @@ declare const useBlogsQuery: (variables: BlogsQueryVariables | null, options?: S
 type Func$6 = ReturnType<typeof addToCartOperation>;
 type Response$6 = Awaited<ReturnType<Func$6>>;
 type Args$5 = Parameters<Func$6>[0];
-declare const useAddToCart: (options?: SWRMutationConfiguration<Response$6, any, Args$5, 'add-to-cart'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.AddCartLineInput, "add-to-cart">;
+declare const useAddToCart: (options?: SWRMutationConfiguration<Response$6, any, 'add-to-cart', Args$5>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, "add-to-cart", _gem_sdk_adapter_common_dist_types_types_cart.AddCartLineInput>;
 
 type Func$5 = ReturnType<typeof getCartOperation>;
 type Response$5 = Awaited<ReturnType<Func$5>>;
@@ -41632,27 +42090,27 @@ declare const useCartData: (options?: SWRConfiguration<Response$5 | undefined, a
 type Func$4 = ReturnType<typeof cartDiscountCodesUpdateOperation>;
 type Response$4 = Awaited<ReturnType<Func$4>>;
 type Args$4 = Parameters<Func$4>[0];
-declare const useCartDiscountCodesUpdate: (options?: SWRMutationConfiguration<Response$4, any, Args$4, 'cart-discount-codes-update'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.CartDiscountCodesUpdateInput, "cart-discount-codes-update">;
+declare const useCartDiscountCodesUpdate: (options?: SWRMutationConfiguration<Response$4, any, 'cart-discount-codes-update', Args$4>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, "cart-discount-codes-update", _gem_sdk_adapter_common_dist_types_types_cart.CartDiscountCodesUpdateInput>;
 
 type Func$3 = ReturnType<typeof cartNoteUpdateOperation>;
 type Response$3 = Awaited<ReturnType<Func$3>>;
 type Args$3 = Parameters<Func$3>[0];
-declare const useCartNoteUpdate: (options?: SWRMutationConfiguration<Response$3, any, Args$3, 'cart-note-update'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.CartNoteUpdateInput, "cart-note-update">;
+declare const useCartNoteUpdate: (options?: SWRMutationConfiguration<Response$3, any, 'cart-note-update', Args$3>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, "cart-note-update", _gem_sdk_adapter_common_dist_types_types_cart.CartNoteUpdateInput>;
 
 type Func$2 = ReturnType<typeof createCartOperation>;
 type Response$2 = Awaited<ReturnType<Func$2>>;
 type Args$2 = Parameters<Func$2>[0];
-declare const useCreateCart: (options?: SWRMutationConfiguration<Response$2, any, Args$2, 'create-cart'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.CreateCartInput, "create-cart">;
+declare const useCreateCart: (options?: SWRMutationConfiguration<Response$2, any, 'create-cart', Args$2>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, "create-cart", _gem_sdk_adapter_common_dist_types_types_cart.CreateCartInput>;
 
 type Func$1 = ReturnType<typeof removeCartItemOperation>;
 type Response$1 = Awaited<ReturnType<Func$1>>;
 type Args$1 = Parameters<Func$1>[0];
-declare const useRemoveCartItem: (options?: SWRMutationConfiguration<Response$1, any, Args$1, 'remove-cart-item'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.RemoveCartLineInput, "remove-cart-item">;
+declare const useRemoveCartItem: (options?: SWRMutationConfiguration<Response$1, any, 'remove-cart-item', Args$1>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, "remove-cart-item", _gem_sdk_adapter_common_dist_types_types_cart.RemoveCartLineInput>;
 
 type Func = ReturnType<typeof updateCartLineOperation>;
 type Response = Awaited<ReturnType<Func>>;
 type Args = Parameters<Func>[0];
-declare const useUpdateCartItem: (options?: SWRMutationConfiguration<Response, any, Args, 'update-cart-item'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.UpdateCartLineInput, "update-cart-item">;
+declare const useUpdateCartItem: (options?: SWRMutationConfiguration<Response, any, 'update-cart-item', Args>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, "update-cart-item", _gem_sdk_adapter_common_dist_types_types_cart.UpdateCartLineInput>;
 
 declare const useLocale: () => {
     locale: string | undefined;
@@ -41662,6 +42120,9 @@ declare const useCurrency: () => {
     currency: string | undefined;
     changeCurrency: (currency: string) => void;
 };
+declare const useTimezone: () => {
+    timezone: string | undefined;
+};
 declare const useMoneyFormat: () => {
     moneyFormat: string | undefined;
     moneyWithCurrencyFormat: string | undefined;
@@ -41800,6 +42261,10 @@ declare const useProductBundleDiscount: () => {
     useProductCompareAtPrice: boolean | undefined;
     seUseProductCompareAtPrice: (value?: boolean | undefined) => void;
 };
+declare const useProductShopifyEditLink: () => {
+    linkEditProduct: string;
+    redirectProductShopifyLink: () => void;
+};
 declare const useQuantity: () => {
     quantity: number | undefined;
     hasUpdatePrice: boolean | undefined;
@@ -41835,6 +42300,16 @@ declare const useVariantOutStock: (optionId: string, optionValue: string, option
 declare const useCheckAvailableVariantInStock: (optionId: string, optionValue: string) => boolean;
 declare const useProductOfferDiscount: () => number;
 
+type ShopifyLinkParam = {
+    productId?: string;
+    articleId?: string;
+};
+declare const useShopifyLink: ({ productId, articleId }: ShopifyLinkParam) => {
+    linkShopDefault: string;
+    linkEditProduct: string;
+    linkEditArticle: string;
+};
+
 declare const useProductList: () => CollectionProductSelectFragment | undefined;
 declare const useProductListProducts: () => (ProductQuickSelectFragment | undefined)[] | undefined;
 declare const useProductListSettings: () => {
@@ -41871,8 +42346,8 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage$1, 'id' | 'name'
     pageStyle?: Maybe$1<Pick<PublishedThemeStyle$1, 'id' | 'data' | 'name'>>;
     themePageAnalytic?: Maybe$1<Pick<Analytic$1, 'fbPixelID' | 'gaTrackingID' | 'tiktokPixelID'>>;
     themePageCustomCode?: Maybe$1<Pick<CustomCode$1, 'body' | 'header'>>;
-    themePageCustomFonts?: Maybe$1<Array<Maybe$1<Pick<CustomFont$1, 'backupFilePath' | 'fontFamily' | 'fontStyle' | 'fontWeight' | 'mimeType' | 'filePath'>>>>;
     interaction?: Maybe$1<Pick<PublishedPageInteraction$1, 'id' | 'value'>>;
+    metafields?: Maybe$1<Array<Maybe$1<Pick<PublishedThemePageMeta$1, 'id' | 'key' | 'value'>>>>;
 };
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
@@ -41922,4 +42397,4 @@ declare const useInteraction: () => {
     interactionListenerLoaded: (callback: () => void) => void;
 };
 
-export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewThemePageDocument, PreviewThemePageQueryResponse, PreviewThemePageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, QueryPublishedShopMetasArgs, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TrustooWidgetTypeV2, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, 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, getResponsiveStyleShadow, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBgColor, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useHasPreSelected, useInitialSwatchesOptions, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductBundleDiscount, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, Background, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options$1 as Options, PaddingType, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewThemePageDocument, PreviewThemePageQueryResponse, PreviewThemePageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, QueryPublishedShopMetasArgs, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, ShopShopifyDocument, ShopShopifyQueryResponse, ShopShopifyQueryVariables, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TrustooWidgetTypeV2, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBackgroundImageCss, composeBorderCss, composeBorderResponsive, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTextHoverColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAlignmentClasses, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBgImageSourceByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getLayoutClasses, getPaddingGlobalSize, getPaddingStyleByDevice, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveStylePadding, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBackgroundImageByDevice, getStyleBgColor, getStyleBgImageSource, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useHasPreSelected, useInitialSwatchesOptions, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductBundleDiscount, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductShopifyEditLink, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useShopifyLink, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useTimezone, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };