@gem-sdk/core 1.14.0-moon.210 → 1.14.0-moon.441

package/dist/types/index.d.ts

@@ -30,6 +30,8 @@ type BlockEntity = {
     uid: string;
     tag: string;
     label?: string;
+    customLabel?: string;
+    name?: string;
     dateModified?: string | number;
     childrens?: string[];
     settings?: Record<string, any>;
@@ -37,12 +39,17 @@ type BlockEntity = {
     styles?: Record<string, any>;
     editorConfigs?: Record<string, any>;
     type?: 'component';
+    isThemeSection?: boolean;
+    needPublishing?: boolean;
 };
 type SectionEntity = {
     uid: string;
     tag?: string;
     label?: string;
     type: 'section';
+    name?: string;
+    isThemeSection?: boolean;
+    needPublishing?: boolean;
 };
 type BuilderEntity = BlockEntity | SectionEntity;
 type BuilderEntityNested = Omit<BlockEntity, 'childrens'> & {
@@ -53,6 +60,13 @@ type BuilderState = {
 } & SectionData;
 type SectionData = Record<string, BuilderEntity>;
 type RenderMode = 'edit' | 'preview';
+type DynamicProduct = {
+    productId?: string;
+    productHandle?: string;
+} | null;
+type DynamicCollection = {
+    collectionId?: string;
+} | null;
 
 type InitComponentType<T = any> = {
     [K in keyof T]-?: {
@@ -72,9 +86,30 @@ type Ratio$1 = {
     width?: string;
     height?: string;
 };
+type ImageShape$1 = {
+    shape?: 'square' | 'vertical' | 'horizontal' | 'custom';
+    width?: string;
+    height?: string;
+};
+type SizeSettingGlobal = {
+    shape?: 'square' | 'vertical' | 'horizontal' | 'custom' | 'original';
+    shapeLinked?: boolean;
+    shapeValue?: string;
+    widthHeightLinked?: boolean;
+    padding?: {
+        type?: 'small' | 'medium' | 'large' | 'custom';
+        top?: string;
+        left?: string;
+        bottom?: string;
+        right?: string;
+    };
+    width?: string;
+    height?: string;
+    gap?: string;
+};
 type FlexDirectionProp = 'row' | 'column' | 'row-reverse' | 'column-reverse';
 type TransformProp = 'default' | 'capitalize' | 'uppercase' | 'lowercase' | 'none';
-type BaseProps<Setting = unknown, Style = unknown, Advanced = unknown> = {
+type BaseProps<Setting = unknown, Style = unknown, Advanced = Record<string, any>> = {
     builderProps?: {
         /** Unique id of component */
         uid?: string;
@@ -84,7 +119,7 @@ type BaseProps<Setting = unknown, Style = unknown, Advanced = unknown> = {
     setting?: Setting;
     advanced?: Advanced;
 };
-type BasePropsWrap<S = unknown, Style = unknown, A = unknown> = BaseProps<S, Style, A> & {
+type BasePropsWrap<S = unknown, Style = unknown, A = Record<string, any>> = BaseProps<S, Style, A> & {
     builderAttrs?: Record<string, any>;
     style?: React.CSSProperties;
 };
@@ -92,16 +127,19 @@ type Component = InitComponentType & {
     uid: string;
     childrens?: Component[];
 };
-type NameDevices = 'desktop' | 'tablet' | 'mobile';
-type ObjectDevices<T> = Partial<Record<NameDevices, T>>;
+type NameDevices$1 = 'desktop' | 'tablet' | 'mobile';
+type ObjectDevices<T> = Partial<Record<NameDevices$1, T>>;
 type StateType = 'normal' | 'hover' | 'focus' | 'active';
 type StateProp<T> = Partial<Record<StateType, T>>;
 type ResponsiveStateProp<T> = ObjectDevices<StateProp<T>>;
 type AlignItemProp = 'left' | 'center' | 'right';
-type JudgeMeReviewsWidgetType = 'single_product_preview_badge' | 'review_widget' | 'reviews_carousel' | 'all_reviews_widget' | 'verified_reviews_count_badge' | 'all_reviews_text';
+type JudgeMeReviewsWidgetType = 'single_product_preview_badge' | 'review_widget' | 'reviews_carousel' | 'reviews_text' | 'section_for_medals' | 'ugc_media_grid' | 'verified_reviews_count_badge';
 type LooxReviewsWidgetType = 'reviews_widget' | 'rating_widget' | 'carousel_widget';
 type RyviuWidgetType = 'reviews' | 'badge' | 'badgeCollection' | 'carousel' | 'masonry';
 type RivyoWidgetType = 'reviews' | 'badge' | 'testimonials' | 'allReviewsPage';
+type VitalsWidgetType = 'addToWishlist' | 'goToWishlist' | 'paymentLogos' | 'recentlyViewed' | 'shoppableInstagramFeed' | 'trustSealsAndBadges' | 'productReviews' | 'productBundles' | 'volumeDiscounts' | 'stockScarcity';
+type FeraReviewsWidgetType = 'productReviews' | 'testimonialCarousel' | 'allReviews' | 'averageStoreRatingBadge' | 'inStoreMedia' | 'averageRatingBadge' | 'productPageMedia';
+type OmnisendWidgetType = 'landing-page' | 'embedded';
 type BoldSubscriptionsWidgetType = 'v1' | 'v2';
 type PickyStoryWidgetType = 'gem-picky-bundle' | 'gem-picky-kit' | 'gem-picky-buy-the-look' | 'gem-picky-gallery';
 type KlaviyoWidgetType = 'popup_widget' | 'flyout_widget' | 'embed_widget' | 'full_page_widget';
@@ -111,11 +149,13 @@ type ObjectLayoutValue = {
     keepCol?: boolean;
 };
 type ProductReviewsWidgetType = 'reviews' | 'badge';
+type TrustooWidgetType = 'starRating' | 'reviews';
 type WiserWidgetType = 'related' | 'recommended' | 'alsobought' | 'recentview' | 'newarrivals' | 'featured' | 'topselling' | 'trending' | 'recent_related';
 type InstantJudgeMeReviewsWidgetType = 'single_product_preview_badge' | 'review_widget' | 'reviews_carousel' | 'floating_reviews_tab' | 'all_reviews_widget' | 'verified_reviews_count_badge' | 'medals' | 'media_grid' | 'all_reviews_text';
 type InstantLooxReviewsWidgetType = 'product_reviews_widget' | 'reviews_widget_all_stores' | 'product_star_ratings_widget' | 'carousel_widget';
 type InstantKlaviyoWidgetType = 'popup_widget' | 'flyout_widget' | 'embed_widget' | 'full_page_widget';
 type StampedWidgetType = 'main-widget' | 'carousel' | 'full-page' | 'visual-gallery' | 'wall-photos' | 'site-badge' | 'instagram-feed' | 'checkout-reviews' | 'single-highlight' | 'top-rated' | 'badge-single' | 'badge-double' | 'badge-ribbon' | 'product-rating';
+type LaiProductReviewsWidgetType = 'reviews_widget' | 'homepage_reviews' | 'happy_customer_reviews' | 'star_ratings' | 'star_ratings_in_list';
 
 type ResponsiveConfig<T> = {
     desktop: {
@@ -136,7 +176,7 @@ type HyperlinkInfo = {
     link?: string;
     modal?: CommonModalApp;
 };
-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;
     info?: string;
@@ -168,6 +208,7 @@ type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     devices?: ResponsiveConfig<U>;
     emptyOnClear?: boolean;
+    showVideo?: boolean;
 } : {
     id: K;
     label?: string;
@@ -199,10 +240,11 @@ type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         active?: boolean;
     };
     emptyOnClear?: boolean;
+    showVideo?: boolean;
     default?: T;
 };
 type SharedControlType<T> = {
-    [K in keyof T]-?: Mapped$4<K, T[K]>;
+    [K in keyof T]-?: Mapped$5<K, T[K]>;
 }[keyof T];
 
 type AngleControlType<T> = SharedControlType<T> & {
@@ -219,7 +261,7 @@ type Option$3<T> = {
     text: string | number;
     desc?: any;
 };
-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;
     hideOnMode?: {
@@ -257,7 +299,7 @@ type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     default?: T;
 };
 type CheckboxControlType<T> = {
-    [K in keyof T]-?: Mapped$3<K, T[K]>;
+    [K in keyof T]-?: Mapped$4<K, T[K]>;
 }[keyof T];
 
 type ChildrensControlType = {
@@ -308,6 +350,8 @@ type GroupControlType<T> = {
 type IconControlType<T> = SharedControlType<T> & {
     type: 'icon';
     placeholder?: string;
+    hideLabel?: boolean;
+    hideInput?: boolean;
 };
 
 type ImageControlType<T> = SharedControlType<T> & {
@@ -393,7 +437,7 @@ type Option$2<T> = {
     type?: string;
     icon?: 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;
@@ -410,7 +454,7 @@ type Mapped$2<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         active?: boolean;
     };
     placeholder?: string;
-    type: 'segment';
+    type: 'segment' | 'accordion:segment';
     options: Option$2<T>[];
     iconCustom?: boolean;
     devices?: ResponsiveConfig<U>;
@@ -431,13 +475,13 @@ type Mapped$2<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         active?: boolean;
     };
     placeholder?: string;
-    type: 'segment';
+    type: 'segment' | 'accordion:segment';
     options: Option$2<T>[];
     iconCustom?: boolean;
     default?: T;
 };
 type SegmentControlType<T> = {
-    [K in keyof T]-?: Mapped$2<K, T[K]>;
+    [K in keyof T]-?: Mapped$3<K, T[K]>;
 }[keyof T];
 
 type Option$1<T> = {
@@ -445,7 +489,7 @@ type Option$1<T> = {
     label: string | number;
     hideOnPage?: string[];
 };
-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;
@@ -487,7 +531,7 @@ type Mapped$1<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     default?: T;
 };
 type SelectControlType<T> = {
-    [K in keyof T]-?: Mapped$1<K, T[K]>;
+    [K in keyof T]-?: Mapped$2<K, T[K]>;
 }[keyof T];
 
 type TextareaControlType<T> = SharedControlType<T> & {
@@ -606,7 +650,7 @@ type BackgroundControlType<T> = SharedControlType<T> & {
     value?: Background;
 };
 type Background = {
-    type: 'color' | 'image';
+    type: 'color' | 'image' | 'video';
     color?: string;
     image?: {
         src?: string;
@@ -618,6 +662,9 @@ type Background = {
     position?: BgPosition;
     repeat?: BgRepeat;
     attachment?: BgAttachment;
+    video?: string;
+    loop?: boolean;
+    lazyLoad?: boolean;
 };
 type BgSize = 'cover' | 'contain';
 type BgRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
@@ -693,8 +740,9 @@ type Option<T> = {
     label?: string | number;
     type?: string;
     icon?: string;
+    isTextIcon?: boolean;
 };
-type Mapped<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
+type Mapped$1<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label: string;
     info?: string;
@@ -716,6 +764,9 @@ type Mapped<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     devices?: ResponsiveConfig<U>;
     iconViewBox?: string;
     enableItemBackground?: boolean;
+    itemPerRow?: number;
+    itemSpacing?: 'large' | 'small';
+    enableTooltip?: boolean;
 } : {
     id: K;
     label: string;
@@ -734,13 +785,14 @@ type Mapped<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     placeholder?: string;
     type: 'layout-segment';
-    options: Option<T>[];
+    options?: Option<T>[];
     iconViewBox?: string;
     enableItemBackground?: boolean;
+    enableTooltip?: boolean;
     default?: T;
 };
 type LayoutSegmentControlType<T> = {
-    [K in keyof T]-?: Mapped<K, T[K]>;
+    [K in keyof T]-?: Mapped$1<K, T[K]>;
 }[keyof T];
 
 type InputSpacing<T> = SharedControlType<T> & {
@@ -819,7 +871,108 @@ type TypographyV2ControlType<T> = SharedControlType<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> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T>;
+type StickyDisplayControlType<T> = SharedControlType<T> & {
+    type: 'sticky-display';
+};
+
+type SyncProductPropertiesControlType<T> = SharedControlType<T> & {
+    type: 'sync-product-properties';
+};
+
+type Steps<T> = {
+    label?: string | number;
+    type?: string;
+    icon?: string;
+    value: T;
+    actions?: Actions[];
+};
+type Actions = {
+    label?: string | number;
+    type?: 'tertiary' | 'primary';
+    size?: 'large' | 'medium' | 'small';
+    icon?: string;
+    iconPosition?: 'left' | 'right';
+    buttonType?: 'link' | 'action';
+    actionHandle?: string;
+    link?: string;
+};
+type Mapped<K, T> = {
+    id: K;
+    label: string;
+    info?: string;
+    type: 'steps-guide';
+    steps?: Steps<T>[];
+    default?: T;
+};
+type StepsGuide<T> = {
+    [K in keyof T]-?: Mapped<K, T[K]>;
+}[keyof T];
+
+type ImageShape<T> = SharedControlType<T> & {
+    type: 'image-shape';
+    placeholder?: string;
+    readonly?: boolean;
+};
+
+type GridArrange<T> = SharedControlType<T> & {
+    type: 'grid-arrange';
+    placeholder?: string;
+    readonly?: boolean;
+};
+
+type SettingID = 'shape' | 'width' | 'height' | 'gap' | 'padding';
+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 PaddingOptions = 'small' | 'medium' | 'large' | 'custom';
+type PaddingConfig = Partial<Record<PaddingOptions, {
+    vertical: string;
+    horizontal: string;
+}>>;
+type SettingConfig = {
+    sizeConfig?: Partial<Record<'small' | 'medium' | 'large', string>>;
+    displayOptions?: OptionKeyword[];
+    paddingConfig?: PaddingConfig;
+    name?: string;
+    units?: string[];
+};
+type SizeSetting$1<T> = SharedControlType<T> & {
+    type: 'size-setting';
+    placeholder?: string;
+    readonly?: boolean;
+    hiddenSettings?: SettingID[];
+    settingConfig?: Partial<Record<SettingID, SettingConfig>>;
+    hiddenShowMore?: boolean;
+};
+
+type ChildIconType<T> = SharedControlType<T> & {
+    type: 'child-icon';
+    [key: string]: any;
+};
+
+type DropdownInput<T> = SharedControlType<T> & {
+    type: 'dropdown:input' | 'accordion:dropdown:input';
+    hideUnit?: boolean;
+    inputType?: 'text' | 'number';
+    units?: string[];
+    displayOptions?: {
+        label: string;
+        value?: string;
+        reversed?: boolean;
+        showValue?: boolean;
+    }[];
+};
+
+type Dropdown<T> = SharedControlType<T> & {
+    type: 'dropdown';
+    displayOptions?: {
+        label: string;
+        value: string;
+        icon?: string;
+    }[];
+};
+
+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> | 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>;
 type Setting<P extends BaseProps> = {
     id: 'setting';
     note?: string;
@@ -847,6 +1000,8 @@ type ComponentSetting<P extends BaseProps> = {
     noWrap?: boolean;
     editorConfigs?: {
         component?: {
+            validate?: boolean;
+            excludeApplyStyle?: boolean;
             noDelete?: boolean;
             noDuplicate?: boolean;
             noDragDrop?: boolean;
@@ -902,6 +1057,11 @@ type ControlUI = {
         info?: 'near' | 'far';
         labelSpacing?: 'small' | 'medium' | 'large';
         removeSpacing?: boolean;
+        noGap?: boolean;
+        tooltip?: {
+            icon?: string;
+            content?: string;
+        };
         hideOnDevices?: {
             desktop?: boolean;
             tablet?: boolean;
@@ -909,8 +1069,9 @@ type ControlUI = {
         };
         hideOnPages?: PageType[];
     };
+    isMoreSetting?: boolean;
 };
-type PageType = 'ARTICLE' | 'BLOG' | 'COLLECTION' | 'GP_ARTICLE' | 'GP_BLOG' | 'GP_COLLECTION' | 'GP_INDEX' | 'GP_PRODUCT' | 'GP_STATIC' | 'PRODUCT' | 'STATIC';
+type PageType = 'ARTICLE' | 'BLOG' | 'COLLECTION' | 'GP_ARTICLE' | 'GP_BLOG' | 'GP_COLLECTION' | 'GP_INDEX' | 'GP_PRODUCT' | 'GP_STATIC' | 'PRODUCT' | 'STATIC' | 'THEME_SECTION';
 type ComponentPreset = {
     id: string;
     name: {
@@ -922,6 +1083,7 @@ type ComponentPreset = {
         mobile?: string;
     };
     components: InitComponentType[];
+    hideTextContent?: boolean;
 };
 
 type Maybe<T> = T | undefined;
@@ -7238,6 +7400,7 @@ declare const useBuilderStore: <U>(selector: (state: ExtractState<StoreApi<Build
 type BuilderPreviewContextProps = {
     state: BuilderState;
     loaded?: boolean;
+    isThemeSectionEditor?: boolean;
     addItem: (args: {
         data: BuilderEntityNested | BuilderEntityNested[];
         type?: 'component' | 'section';
@@ -7258,11 +7421,13 @@ type BuilderPreviewContextProps = {
     removeItem: (id: string) => void;
     forceChangeState: (data: BuilderState) => void;
     initState: (data: BuilderEntityNested | BuilderEntityNested[]) => void;
+    getParents: (id: string, limit?: number) => BuilderEntity[];
 };
 type BuilderPreviewProviderProps = Pick<BuilderPreviewContextProps, 'state'> & {
     children: React.ReactNode;
     lazy?: boolean;
     priority?: boolean;
+    isThemeSectionEditor?: boolean;
 };
 declare const BuilderPreviewProvider: React.FC<BuilderPreviewProviderProps>;
 declare const useBuilderPreviewStore: <U>(selector: (state: ExtractState<StoreApi<BuilderPreviewContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
@@ -7398,8 +7563,9 @@ type ProductContextProps = {
     forceSelectedOption: (value?: Record<string, any>) => void;
     isSubmit?: boolean;
     updateIsSubmit: (value: boolean) => void;
+    isSyncProduct?: boolean;
 };
-type ProductProviderProps = Pick<ProductContextProps, 'product' | 'quantity' | 'selectedOptions'> & {
+type ProductProviderProps = Pick<ProductContextProps, 'product' | 'quantity' | 'selectedOptions' | 'isSyncProduct'> & {
     initialVariantId?: string;
     readOnly?: boolean;
     children: React.ReactNode;
@@ -7441,6 +7607,8 @@ type ShopContextProps = {
     mobileOnly?: boolean;
     swatches?: GlobalSwatchesData[];
     isStorefront?: boolean;
+    createThemeSectionCount?: number;
+    plan?: string;
     changeLocale: (locale: string) => void;
     changeStorefrontInfo: (args: {
         url?: string;
@@ -7449,17 +7617,32 @@ type ShopContextProps = {
     changeCurrency: (currency: string) => void;
     changeSwatches: (swatches: GlobalSwatchesData[]) => void;
     changeLayoutSettings: (layoutSettings: LayoutSettings) => void;
+    changeCreateThemeSectionCount: (count: number) => void;
+    changeShopPlan: (plan: string) => void;
 };
 type ShopProviderProps = {
     children: React.ReactNode;
     key?: React.Key;
     addons: AddonContextProps['components'];
-    storeOption: Omit<ShopContextProps, 'changeLocale' | 'changeCurrency' | 'changeSwatches' | 'changeLayoutSettings' | 'changeStorefrontInfo'>;
+    storeOption: Omit<ShopContextProps, 'changeLocale' | 'changeStorefrontInfo' | 'changeCurrency' | 'changeSwatches' | 'changeLayoutSettings' | 'changeCreateThemeSectionCount' | 'changeShopPlan'>;
     queryOption?: React.ComponentProps<typeof SWRConfig>['value'];
 };
 declare const ShopProvider: React.FC<ShopProviderProps>;
 declare const useShopStore: <U>(selector: (state: ExtractState<StoreApi<ShopContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
+type PageContextProps = {
+    dynamicProduct?: DynamicProduct;
+    dynamicCollection?: DynamicCollection;
+    setDynamicProduct: (data: DynamicProduct) => void;
+    setDynamicCollection: (data: DynamicCollection) => void;
+};
+type PageProviderProps = Pick<PageContextProps, 'dynamicProduct' | 'dynamicCollection'> & {
+    children: React.ReactNode;
+    key?: React.Key;
+};
+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, 'id' | 'createdAt' | 'updatedAt' | 'deletedAt' | 'title' | 'handle' | 'description' | 'descriptionHtml' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'tags' | 'isStorefront' | 'isSample'> & {
     products?: Maybe<Pick<ProductConnection, 'totalCount'> & {
         edges: Array<{
@@ -7727,9 +7910,9 @@ declare function cls(...classes: ClassValue[]): string;
  */
 declare const flattenConnection: <T>(connection?: Maybe<GraphQLConnection<T>>) => Maybe<T>[];
 
-declare const getResponsiveValue: <I, K extends keyof I>(input?: Partial<Record<NameDevices, I>> | undefined, k?: K | undefined) => Partial<Record<NameDevices, I[K]>>;
-declare const getResponsiveStateValue: <I>(k: StateType, input?: Partial<Record<NameDevices, Partial<Record<StateType, I>>>> | undefined) => Partial<Record<NameDevices, I>>;
-declare const getResponsiveValueByScreen: <T>(value?: Partial<Record<NameDevices, T>> | undefined, breakpoint?: NameDevices | undefined, defaultValue?: T | undefined) => T | undefined;
+declare const getResponsiveValue: <I, K extends keyof I>(input?: Partial<Record<NameDevices$1, I>> | undefined, k?: K | undefined) => Partial<Record<NameDevices$1, I[K]>>;
+declare const getResponsiveStateValue: <I>(k: StateType, input?: Partial<Record<NameDevices$1, Partial<Record<StateType, I>>>> | undefined) => Partial<Record<NameDevices$1, I>>;
+declare const getResponsiveValueByScreen: <T>(value?: Partial<Record<NameDevices$1, T>> | undefined, breakpoint?: NameDevices$1 | undefined, defaultValue?: T | undefined) => T | undefined;
 declare const isColumnDirectionExist: (layout: ObjectDevices<ObjectLayoutValue>, breakpoint: keyof ObjectDevices<ObjectLayoutValue>) => boolean;
 
 declare function getShortName(name: string): string;
@@ -7746,15 +7929,22 @@ declare function isSafari(): boolean;
 
 declare const isEmptyChildren: (children: React.ReactNode) => boolean;
 
+declare const filterToolbarPreview: (children: React.ReactNode, keep?: boolean) => React.ReactNode;
+
 type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
 declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
 declare const makeStyle: <T extends ShortHandProperty, K>(style: Record<T, K>) => {
     [k: string]: 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, Partial<Record<StateType, K>>>> | undefined) => {};
-declare const makeStyleResponsive: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices, K>> | undefined) => Record<ResponsiveKey<T>, K>;
+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 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 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>;
@@ -7813,7 +8003,7 @@ declare const composeTextColorCss: (color?: ColorValueType) => string;
 type TypographyClass = `g-${TypographyType}`;
 declare const genTypoClass: (name: TypographyType) => TypographyClass;
 declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
-declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined) => string;
+declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
 declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
 declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
 declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
@@ -8387,6 +8577,15 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
     '--pt-mobile'?: csstype.Property.PaddingTop<string | number> | undefined;
     '--hvr-pt-mobile'?: csstype.Property.PaddingTop<string | number> | undefined;
     '--focus-pt-mobile'?: csstype.Property.PaddingTop<string | number> | undefined;
+    '--pe'?: csstype.Property.PointerEvents | undefined;
+    '--hvr-pe'?: csstype.Property.PointerEvents | undefined;
+    '--focus-pe'?: csstype.Property.PointerEvents | undefined;
+    '--pe-tablet'?: csstype.Property.PointerEvents | undefined;
+    '--hvr-pe-tablet'?: csstype.Property.PointerEvents | undefined;
+    '--focus-pe-tablet'?: csstype.Property.PointerEvents | undefined;
+    '--pe-mobile'?: csstype.Property.PointerEvents | undefined;
+    '--hvr-pe-mobile'?: csstype.Property.PointerEvents | undefined;
+    '--focus-pe-mobile'?: csstype.Property.PointerEvents | undefined;
     '--pos'?: csstype.Property.Position | undefined;
     '--hvr-pos'?: csstype.Property.Position | undefined;
     '--focus-pos'?: csstype.Property.Position | undefined;
@@ -9297,9 +9496,10 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
 };
 
 declare const getCornerCSSFromGlobal: (corner?: CornerRadius) => React.CSSProperties;
-declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices) => React.CSSProperties;
-declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices) => React.CSSProperties;
+declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices$1) => React.CSSProperties;
+declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices$1) => React.CSSProperties;
 declare const composeRadius: (value?: StateProp<CornerRadius> | ResponsiveStateProp<CornerRadius>) => React.CSSProperties;
+declare const composeRadiusResponsive: (radiusValue?: ObjectDevices<CornerRadius>) => React.CSSProperties;
 declare const getRadiusStyleActiveState: (radiusValue?: StateProp<CornerRadius>) => React.CSSProperties;
 declare const composeCornerCss: (value?: CornerRadius | undefined, important?: boolean) => string | undefined;
 
@@ -9375,6 +9575,27 @@ declare const baseAssetURL: string;
 declare const composeSize: (size?: ObjectDevices<SizeProps>) => React.CSSProperties;
 declare function genSizeClass(name: string): string;
 declare const composeSizeCss: (spacing?: SizeSetting) => string | undefined;
+declare const makeGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    width: Record<ResponsiveKey<"w">, string | number>;
+    height: Record<ResponsiveKey<"h">, string | number>;
+    padding: React.CSSProperties;
+    gap: {
+        '--gg': string | undefined;
+        '--gg-tablet': string | undefined;
+        '--gg-mobile': string | undefined;
+    };
+};
+declare const getGlobalSizeGap: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    '--gg': string | undefined;
+    '--gg-tablet': string | undefined;
+    '--gg-mobile': string | undefined;
+};
+declare const makeStyleWithDefault: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, defaultVal?: Partial<Record<NameDevices$1, K>> | undefined) => Record<ResponsiveKey<T>, K>;
+declare const getWidthHeightGlobalSize: (type: 'width' | 'height', globalSize?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string | number>>;
+declare const getHeightByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string>>;
+declare const getWidthByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>, defaultAuto?: boolean) => Partial<Record<NameDevices$1, string>>;
+declare const getAspectRatioGlobalSize: (shape?: ObjectDevices<SizeSettingGlobal>) => ObjectDevices<string>;
+declare const getPaddingGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => React.CSSProperties;
 
 declare const parseValueWithUnit: (valueWithUnit: string) => any;
 declare const getStyleShadow: (shadowStyle: ShadowStyle, isActiveState?: boolean) => {
@@ -9387,11 +9608,22 @@ declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, important, }: {
     important?: boolean | undefined;
 }) => string | undefined;
 
+type Devices = 'desktop' | 'tablet' | 'mobile';
 type Options = {
     liquid?: boolean;
+    ignoreBgAttachment?: boolean;
 };
 declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {};
+declare const getBgImageByDevice: (background: ObjectDevices<Background>, device: Devices, options?: Options) => string | undefined;
 declare const composeBackgroundCss: (backgroundColor?: ColorValueType) => string;
+declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) => {
+    wrapper: {
+        [x: string]: string;
+    };
+    content: {
+        [x: string]: string | undefined;
+    };
+} | undefined;
 
 type OrderByType = 'TITLE_ASC' | 'TITLE_DESC' | 'CREATED_AT_ASC' | 'none' | 'CREATED_AT_DESC';
 type FetchCollectionArgs = {
@@ -9434,6 +9666,21 @@ type AdvanceValue = Primitive | ObjectDevices<Primitive>;
 declare function composeAdvanceStyle(data?: Record<string, AdvanceValue>, tag?: string): React.CSSProperties;
 declare const splitStyle: (keys: ShortHandProperty[], style?: React.CSSProperties) => React.CSSProperties[];
 
+type NameDevices = 'desktop' | 'tablet' | 'mobile';
+
+type PostionType = {
+    wrapper?: Record<string, string | number>;
+    content?: Record<string, string | number>;
+};
+declare const composePostionIconList: (lineHeight: string, position?: ObjectDevices<'center' | 'baseline'>, iconWidth?: ObjectDevices<number>) => PostionType;
+declare const composePositionLineHeight: ({ compose, lineHeight, device, position, iconWidth, }: {
+    compose: PostionType;
+    lineHeight: string;
+    device: NameDevices;
+    position?: Partial<Record<NameDevices$1, "center" | "baseline">> | undefined;
+    iconWidth?: Partial<Record<NameDevices$1, number>> | undefined;
+}) => void;
+
 type Func$6 = ReturnType<typeof addToCartOperation>;
 type Response$6 = Awaited<ReturnType<Func$6>>;
 type Args$5 = Parameters<Func$6>[0];
@@ -9514,7 +9761,7 @@ declare const useProductQuery: (productId?: string, options?: SWRConfiguration<P
 
 declare const useProductsQuery: (ids?: string[], options?: SWRConfiguration<ProductsQueryResponse>, defaultSelectedProductCount?: number) => swr__internal.SWRResponse<ProductsQueryResponse, any, Partial<swr__internal.PublicConfiguration<ProductsQueryResponse, any, (arg: ["query/products", FetchProductsParams]) => swr__internal.FetcherResponse<ProductsQueryResponse>>> | undefined>;
 
-declare const useCurrentDevice: () => NameDevices;
+declare const useCurrentDevice: () => NameDevices$1;
 
 declare const useFormatMoney: (amount: number, withCurrency: boolean) => string;
 
@@ -9600,6 +9847,7 @@ declare const useProductProperties: () => {
     value?: string | undefined;
     required?: boolean | undefined;
 }[] | undefined;
+declare const useIsSyncProduct: () => boolean | undefined;
 declare const useQuantity: () => {
     quantity: number | undefined;
     increment: () => void;
@@ -9609,42 +9857,45 @@ declare const useQuantity: () => {
 };
 declare const useSelectedOption: () => {
     selectedOptions: Record<string, string> | undefined;
-    setSelectedOption: (optionId?: Maybe<string>, optionValue?: Maybe<string>) => void;
-    forceSelectedOption: (value?: Record<string, any> | undefined) => void;
+    setSelectedOption: (optionId?: Maybe<string>, optionValue?: Maybe<string>, productId?: Maybe<string>, noEmit?: boolean) => void;
+    forceSelectedOption: (selectedOption?: Record<string, string>, productId?: Maybe<string>, noEmit?: boolean) => void;
 };
-declare const useVariants: () => Maybe<Pick<ProductVariant, "title" | "width" | "length" | "weight" | "height" | "id" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
-    selectedOptions: Pick<SelectedOption, "value" | "name" | "optionType">[];
+declare const useVariants: () => Maybe<Pick<ProductVariant, "width" | "height" | "title" | "length" | "weight" | "id" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
+    selectedOptions: Pick<SelectedOption, "name" | "value" | "optionType">[];
     media?: Maybe<Pick<Media, "width" | "height" | "id" | "src" | "alt" | "contentType" | "previewImage">>;
 }>[];
-declare const useVariant: (id: string) => Maybe<Pick<ProductVariant, "title" | "width" | "length" | "weight" | "height" | "id" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
-    selectedOptions: Pick<SelectedOption, "value" | "name" | "optionType">[];
+declare const useVariant: (id: string) => Maybe<Pick<ProductVariant, "width" | "height" | "title" | "length" | "weight" | "id" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
+    selectedOptions: Pick<SelectedOption, "name" | "value" | "optionType">[];
     media?: Maybe<Pick<Media, "width" | "height" | "id" | "src" | "alt" | "contentType" | "previewImage">>;
 }>;
 declare const useCurrentVariant: () => Maybe<VariantSelectFragment>;
 declare const useCurrentVariantInStock: () => boolean;
-declare const useVariantOutStock: (optionId: string, optionValue: string) => boolean;
+declare const useVariantOutStock: (optionId: string, optionValue: string, options: {
+    position: number;
+    optionNumber: number;
+}) => boolean;
 declare const useCheckAvailableVariantInStock: (optionId: string, optionValue: string) => boolean;
 
 declare const useProductList: () => CollectionProductSelectFragment | undefined;
 declare const useProductListProducts: () => (ProductQuickSelectFragment | undefined)[] | undefined;
 declare const useProductListSettings: () => {
-    loop?: Partial<Record<NameDevices, boolean>> | undefined;
-    scrollMode?: Partial<Record<NameDevices, "snap" | "free" | "free-snap">> | undefined;
-    slidesToShow?: Partial<Record<NameDevices, number | "auto">> | undefined;
-    spacing?: Partial<Record<NameDevices, number>> | undefined;
+    loop?: Partial<Record<NameDevices$1, boolean>> | undefined;
+    scrollMode?: Partial<Record<NameDevices$1, "snap" | "free" | "free-snap">> | undefined;
+    slidesToShow?: Partial<Record<NameDevices$1, number | "auto">> | undefined;
+    spacing?: Partial<Record<NameDevices$1, number>> | undefined;
     layout?: "grid" | "slider" | undefined;
-    dot?: Partial<Record<NameDevices, boolean>> | undefined;
-    arrow?: Partial<Record<NameDevices, boolean>> | undefined;
-    controlOverContent?: Partial<Record<NameDevices, boolean>> | undefined;
+    dot?: Partial<Record<NameDevices$1, boolean>> | undefined;
+    arrow?: Partial<Record<NameDevices$1, boolean>> | undefined;
+    controlOverContent?: Partial<Record<NameDevices$1, boolean>> | undefined;
     speed?: number | undefined;
 } | undefined;
 declare const useProductListStyles: () => {
-    horizontalGutter?: Partial<Record<NameDevices, string>> | undefined;
-    verticalGutter?: Partial<Record<NameDevices, string>> | undefined;
-    fullWidth?: Partial<Record<NameDevices, boolean>> | undefined;
-    spacing?: Partial<Record<NameDevices, number>> | undefined;
-    width?: Partial<Record<NameDevices, string>> | undefined;
-    height?: Partial<Record<NameDevices, string>> | undefined;
+    horizontalGutter?: Partial<Record<NameDevices$1, string>> | undefined;
+    verticalGutter?: Partial<Record<NameDevices$1, string>> | undefined;
+    fullWidth?: Partial<Record<NameDevices$1, boolean>> | undefined;
+    spacing?: Partial<Record<NameDevices$1, number>> | undefined;
+    width?: Partial<Record<NameDevices$1, string>> | undefined;
+    height?: Partial<Record<NameDevices$1, string>> | undefined;
 } | undefined;
 
 declare const useSuspenseFetch: <T>(key: string | any[], promise: () => Promise<T>) => {
@@ -9653,6 +9904,8 @@ declare const useSuspenseFetch: <T>(key: string | any[], promise: () => Promise<
 
 declare const useSwatchesOptions: (options?: ProductOption[]) => ProductOption[];
 
+declare const useInitialSwatchesOptions: (options?: ProductOption[]) => never[] | undefined;
+
 type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' | 'handle' | 'isMobile' | 'sectionPosition'> & {
     pageSections?: Maybe<Array<Maybe<Pick<PublishedPageSection, 'cid' | 'component' | 'id'>>>>;
     themePageCustomSections?: Maybe<Array<Maybe<Pick<PublishedCustomSection, 'cid' | 'component' | 'id' | 'type'>>>>;
@@ -9664,4 +9917,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageContext, 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, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, VariantSelectFragment, WiserWidgetType, WrapRenderChildren, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composeRadius, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsStorefrontProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, 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, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };