@gem-sdk/core 1.56.2 → 1.57.0-dev.45

package/dist/types/index.d.ts

@@ -6862,6 +6862,7 @@ type BaseProps<Setting = unknown, Style = unknown, Advanced = AdvancedType> = {
         builderData?: BlockEntity;
         isPreview?: boolean;
         uidTranslate?: string;
+        uidInteraction?: string;
     };
     customAttrs?: Object;
     styles?: Style;
@@ -6889,7 +6890,8 @@ type RivyoWidgetType = 'reviews' | 'badge' | 'testimonials' | 'allReviewsPage';
 type VitalsWidgetType = 'addToWishlist' | 'goToWishlist' | 'paymentLogos' | 'recentlyViewed' | 'shoppableInstagramFeed' | 'trustSealsAndBadges' | 'productReviews' | 'productBundles' | 'volumeDiscounts' | 'stockScarcity' | 'sizeChart' | 'upsellBuilderBogo' | 'bundleCountdownBox' | 'reviewsUnderTitle' | 'productReviewsCarousel' | 'shippingBox' | 'currencyConverter' | 'relatedProducts' | 'backInStock';
 type FeraReviewsWidgetType = 'productReviews' | 'testimonialCarousel' | 'allReviews' | 'averageStoreRatingBadge' | 'inStoreMedia' | 'averageRatingBadge' | 'productPageMedia';
 type FeraReviewsV3WidgetType = 'allReviews' | 'testimonialCarousel' | 'mediaGallery' | 'productDetailRating' | 'productReviews' | 'productCollectionRating' | 'otherWidget';
-type GrowaveWidgetType = 'reviews' | 'badge' | 'productListBadge' | 'wishList' | 'socialShare' | 'favorite';
+type GrowaveWidgetTypeV2 = 'block.product.reviewWidget' | 'v2.product.reviewsMiniSlider' | 'block.product.reviewAvgProfile' | 'block.product.faveButton';
+type GrowaveWidgetTypeV1 = 'reviews' | 'badge' | 'productListBadge' | 'wishList' | 'socialShare' | 'favorite';
 type AliReviewsWidgetType = 'starRating' | 'reviewBox';
 type OpinewWidgetType = 'reviews' | 'badge' | 'badgeCollection' | 'carousel' | 'allReviews' | 'allReviewsBadge';
 type OpinewDesignWidgetType = 'opinew_badge_wide_average' | 'opinew_badge_wide' | 'opinew_badge_small';
@@ -6902,6 +6904,7 @@ type ObjectLayoutValue = {
     display?: 'fill' | 'fit';
     cols?: number[];
     keepCol?: boolean;
+    gap?: string;
 };
 type ProductReviewsWidgetType = 'reviews' | 'badge';
 type TrustooWidgetType = 'starRatingInList' | 'starRating' | 'reviews';
@@ -6971,6 +6974,7 @@ type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         active?: boolean;
     };
     devices?: ResponsiveConfig<U>;
+    compoDefaultValue?: ResponsiveConfig<U>;
     emptyOnClear?: boolean;
     showVideo?: boolean;
 } : {
@@ -7009,6 +7013,7 @@ type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     emptyOnClear?: boolean;
     showVideo?: boolean;
     default?: T;
+    compoDefaultValue?: T;
 };
 type SharedControlType<T> = {
     [K in keyof T]-?: Mapped$7<K, T[K]>;
@@ -7531,23 +7536,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';
@@ -7863,6 +7868,7 @@ type DropdownInput<T> = SharedControlType<T> & {
         reversed?: boolean;
         showValue?: boolean;
     }[];
+    isRowWith?: boolean;
 };
 
 type Dropdown<T> = SharedControlType<T> & {
@@ -8148,7 +8154,398 @@ 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 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;
+            }
+        ];
+    };
+    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;
+};
+type ControlTriggerSetting = {
+    source?: string[];
+    condition?: string;
+    action: ControlTriggerAction$1;
+};
+type ControlTrigger = {
+    settings?: ControlTriggerSetting[];
+    options?: {
+        noRecordHistory?: boolean;
+    };
+};
+type SettingUICompo = {
+    controls?: SettingUIControl[];
+    iconName?: string;
+    getValueFromSettingID?: string;
+    fixedValue?: string;
+    placeholder?: string;
+    help?: SettingUIHelpType;
+};
+type SettingUIMoreSetting = {
+    label?: LabelWithLang;
+    labelAction?: LabelWithLang;
+    controls?: SettingUIControl[];
+    help?: SettingUIHelpType;
+};
+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 ColorPickerV2ControlType<T> = SharedControlType<T> & {
+    type: 'color-picker-v2';
+};
+
+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;
+    };
+    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';
+
+/**
+ * @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 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 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> | ColorPickerV2ControlType<T> | BorderV2ControlType<T> | CornerV2ControlType<T> | PaddingV2ControlType<T> | BackgroundImageType<T> | BackgroundVideoType<T> | ShadowV2ControlType<T> | BackgroundMediaControlType<T> | BackgroundVideoType<T>;
 type ControlTriggerAction = {
     controlId: string;
     newValue?: any;
@@ -8221,6 +8618,7 @@ type ComponentSetting<P extends BaseProps> = {
         };
     };
     ui?: ControlUI[];
+    uiV2?: SettingUIGroup[];
     presets?: ComponentPreset[];
     locales?: Record<string, any>;
 };
@@ -8336,6 +8734,85 @@ type PublicStoreFrontData = {
     token?: string;
     endpoint?: string;
 };
+type InteractionElement<E, T> = {
+    uid?: string;
+    event?: E;
+    condition?: T;
+    elementTag?: string;
+    targetOutsideSelector?: string;
+    targetInsideSelector?: string;
+    type?: 'ELEMENT' | 'PAGE';
+};
+declare enum InteractionTargetEvent {
+    'gp:change-background-color' = 0,
+    'gp:run-animation' = 1,
+    'gp:toggle-element-visibility' = 2,
+    'gp:change-text' = 3,
+    'gp:scroll-to' = 4,
+    'gp:change-text-style' = 5,
+    'gp:change-content' = 6,
+    'gp:change-button-style' = 7,
+    'gp:copy-text' = 8,
+    'gp:change-image' = 9,
+    'gp:toggle-video-play' = 10,
+    'gp:change-slider-ratio' = 11,
+    'gp:change-icon-style' = 12,
+    'gp:change-expanded-item' = 13,
+    'gp:change-active-item' = 14,
+    'gp:change-slide' = 15,
+    'gp:change-image-step' = 16,
+    'gp:change-text-value' = 17,
+    'gp:toggle-popup-open' = 18,
+    'gp:show-or-hide' = 19,
+    'gp:change-banner' = 20,
+    'gp:change-open-tab' = 21
+}
+declare enum InteractionTriggerEvent {
+    'click' = 0,
+    active = 1,
+    'mouseover' = 2,
+    'gp:appear' = 3,
+    'gp:item-selected' = 4,
+    'gp:item-unselected' = 5,
+    'gp:item-hovered' = 6,
+    'gp:item-click' = 7,
+    'gp:after-submit' = 8,
+    'gp:quantity-change' = 9,
+    'gp:after-checked-value' = 10,
+    'gp:after-add-to-cart' = 11,
+    'gp:popup-open' = 12,
+    'gp:popup-close' = 13,
+    'scroll-up' = 14,
+    'scroll-down' = 15,
+    'gp:price-change' = 16,
+    'gp:rollback-price-change' = 17,
+    'gp:compare-price-change' = 18,
+    'gp:rollback:compare-price-change' = 19,
+    'gp:stock-change' = 20,
+    'gp:rollback:stock-change' = 21
+}
+type InteractionCondition = {
+    type?: 'equal' | 'greater' | 'less' | 'greater-or-equal' | 'less-or-equal' | 'distance-to-top' | 'selected-item' | 'between' | 'out-of-stock' | 'out-of-time' | 'delay';
+    data?: unknown;
+    metaData?: any;
+};
+type Interaction = {
+    self?: InteractionElement<InteractionTriggerEvent, InteractionCondition>;
+    targets?: InteractionTarget[];
+};
+type InteractionTarget = {
+    uid?: string;
+    elementTag?: string;
+    targetOutsideSelector?: string;
+    targetInsideSelector?: string;
+    events?: InteractionTargetEventObject[];
+    type?: 'ELEMENT' | 'PAGE';
+};
+type InteractionTargetEventObject = {
+    event: InteractionTargetEvent;
+    eventName: string;
+    condition: InteractionCondition;
+};
 
 type Maybe<T> = T | undefined;
 type InputMaybe<T> = T | undefined;
@@ -30629,172 +31106,6 @@ declare namespace appAPI {
   };
 }
 
-type NameDevices = 'desktop' | 'tablet' | 'mobile';
-type TypographyV2Family = string | {
-    value: string;
-    type: TypographyV2FontFamilyType;
-};
-type TypographyV2FontFamilyType = 'google' | 'custom' | 'theme';
-
-/**
- * @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;
@@ -30832,10 +31143,12 @@ declare enum AnimationDirectionType {
     Up = "up",
     Down = "down"
 }
-type AnimationTrigger = 'appear' | 'hover';
+type AnimationTrigger = 'appear' | 'hover' | "hidden" | 'appearByTrigger';
 declare enum AnimationTriggerType {
     Appear = "appear",
-    Hover = "hover"
+    Hover = "hover",
+    Hidden = "hidden",
+    AppearByTrigger = "appearByTrigger"
 }
 declare enum AnimationZoomDirectionType {
     In = "in",
@@ -31133,6 +31446,10 @@ type ProductContextProps = {
     updatePrice?: boolean;
     hasPreSelected?: boolean;
     setHasPreSelected: (value: boolean) => void;
+    requireUpload?: boolean;
+    setRequireUpload: (value: boolean) => void;
+    shouldRequireUploadMessage?: boolean;
+    setShouldRequireUploadMessage: (value: boolean) => void;
 };
 type ProductProviderProps = Pick<ProductContextProps, 'product' | 'quantity' | 'selectedOptions' | 'isSyncProduct'> & {
     initialVariantId?: string;
@@ -31220,11 +31537,23 @@ type PageContextProps = {
     productOffers?: ProductOffer[];
     salePageProductId?: string;
     publicStoreFrontData?: PublicStoreFrontData | null;
+    interactionData?: {
+        item?: Interaction;
+        isSelectOnPage?: boolean;
+        selectType?: 'ELEMENT' | 'PAGE';
+        settingType?: 'TRIGGER' | 'TARGET';
+    };
+    sidebarMode?: string;
     setDynamicProduct: (data: DynamicProduct) => void;
     setDynamicCollection: (data: DynamicCollection) => void;
     setPostPurchaseProductOffers: (productOffers: ProductOffer[]) => void;
     setSalePageProductId: (id: string) => void;
     setPublicStoreFrontData: (publicStoreFrontData: PublicStoreFrontData | null) => void;
+    setInteractionItem: (item: Interaction) => void;
+    setInteractionIsSelectOnPage: (value: boolean) => void;
+    setInteractionSelectType: (selectType: 'ELEMENT' | 'PAGE') => void;
+    setInteractionSettingType: (settingType?: 'TRIGGER' | 'TARGET') => void;
+    setSidebarMode: (mode: string) => void;
 };
 type PageProviderProps = Pick<PageContextProps, 'dynamicProduct' | 'dynamicCollection' | 'productOffers'> & {
     children: React.ReactNode;
@@ -31444,6 +31773,7 @@ type PublishedThemePagesQueryResponse = {
         themePageAnalytic?: Maybe$1<Pick<Analytic$1, 'fbPixelID' | 'gaTrackingID' | 'tiktokPixelID'>>;
         themePageCustomCode?: Maybe$1<Pick<CustomCode$1, 'body' | 'header'>>;
         themePageCustomFonts?: Maybe$1<Array<Maybe$1<CustomFont$1>>>;
+        interaction?: Maybe$1<Pick<PublishedPageInteraction$1, 'id' | 'value'>>;
     }>>>;
 };
 declare const PublishedThemePagesDocument: string;
@@ -31521,6 +31851,7 @@ type PreviewPageQueryResponse = {
         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'>>;
+        interaction?: Maybe$1<Pick<PublishedPageInteraction$1, 'id' | 'value'>>;
     }>;
 };
 declare const PreviewPageDocument: string;
@@ -31632,10 +31963,10 @@ type ClassDictionary = Record<string, boolean | undefined | null>;
 declare function cls(...classes: ClassValue[]): string;
 
 declare const animations: () => {
-    zoom: (target: Element, options: AnimationSettingType) => Animation;
+    zoom: (target: Element, options: AnimationSettingType, reverse?: boolean) => Animation;
     shake: (target: Element, options: AnimationSettingType) => Animation;
-    fade: (target: Element, options: AnimationSettingType) => Animation;
-    slide: (target: Element, options: AnimationSettingType) => Animation;
+    fade: (target: Element, options: AnimationSettingType, reverse?: boolean) => Animation;
+    slide: (target: Element, options: AnimationSettingType, reverse?: boolean) => Animation;
 };
 
 declare const filterToolbarPreview: (children: React.ReactNode, keep?: boolean) => React.ReactNode;
@@ -31776,6 +32107,7 @@ type Options = {
     liquid?: boolean;
     ignoreBgAttachment?: boolean;
     ignoreBackgroundImage?: boolean;
+    ignoreBackgroundImageProperties?: boolean;
     ignoreBackgroundColor?: boolean;
 };
 declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {
@@ -31811,7 +32143,7 @@ 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?: boolean) => {} | undefined;
+declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined, ignoreBackgroundImage?: Record<Devices, boolean>) => {} | undefined;
 
 type ColorType = 'bg' | 'text' | 'border' | 'decoration';
 type ColorProp = 'bgc' | 'bc' | 'c' | 'bg';
@@ -37950,6 +38282,8 @@ declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevice
 
 declare const convertTextAlignToJustify: (align: Partial<Record<NameDevices$1, AlignProp>> | undefined) => Record<string, boolean>;
 
+declare function checkInStock(variant?: VariantSelectFragment, product?: ProductSelectFragment): boolean;
+
 declare function getSelectedVariant(variants?: Maybe$1<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe$1<VariantSelectFragment>;
 declare function parseSelectedOption(options: SelectedOption$1[]): SelectedOption$1 | undefined;
 declare function checkAvailableVariantInStock(variants: Maybe$1<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
@@ -38016,7 +38350,7 @@ declare const getStyleShadow: (shadowStyle: ShadowStyle & {
     [x: string]: string;
 };
 declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>, screen?: string) => React.CSSProperties;
-declare const getResonsiveStyleShadow: (value?: any, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: any) => {
+declare const getResponsiveStyleShadow: (value?: any, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: any) => {
     [x: string]: any;
     '--ai'?: csstype.Property.AlignItems | undefined;
     '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -41420,6 +41754,7 @@ 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'>>;
+    interaction?: Maybe$1<Pick<PublishedPageInteraction$1, 'id' | 'value'>>;
 };
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
@@ -41438,4 +41773,32 @@ declare const getAppBlocks: (section: PublishedPageSection$1 & {
 
 declare const addAppBlockId: (component: Component) => Component;
 
-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, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, 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, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, 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, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, 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, getResonsiveStyleShadow, getResponsiveStateValue, 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, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, 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 };
+declare const useInteraction: () => {
+    onListener: ({ event, selector, elementRef, }: {
+        event: string;
+        selector: string;
+        elementRef?: React.MutableRefObject<HTMLElement> | undefined;
+    }, callback: (data: any) => void) => (() => void) | undefined;
+    trigger: ({ event, data, selector, element: elementParam, }: {
+        event: string;
+        data?: any;
+        selector: string;
+        element?: HTMLElement | undefined;
+    }) => void;
+    saveToElementInteractionData: (element: HTMLElement, key: string, value: string) => void;
+    closeSelectOnPage: () => void;
+    ref: React.MutableRefObject<any>;
+    findElementIncludingSelf: (element: any, selector: string) => any;
+    getInteractionPreviousData: (element: HTMLElement, key: string) => {
+        previousData: any;
+        interactionDataJson: any;
+    };
+    changeSelectMode: (mode: 'ELEMENT' | 'PAGE') => void;
+    selectInteractionElement: ({ componentUid, settingType, $target, }: {
+        componentUid: string;
+        settingType: string;
+        $target: HTMLElement;
+    }) => 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, 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, 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, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, 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, 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, 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, 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 };