@gem-sdk/core 1.42.0 → 1.42.3-dev.63

package/dist/types/index.d.ts

@@ -60,7 +60,7 @@ type Analytic$1 = {
     gaTrackingID?: Maybe$1<Scalars$2['String']>;
     tiktokPixelID?: Maybe$1<Scalars$2['String']>;
 };
-type Article$1 = {
+type Article$2 = {
     baseID?: Maybe$1<Scalars$2['String']>;
     blogs?: Maybe$1<BlogConnection$1>;
     description?: Maybe$1<Scalars$2['String']>;
@@ -133,7 +133,7 @@ type ArticleConnection$1 = {
 };
 type ArticleEdge$1 = {
     cursor?: Maybe$1<Scalars$2['Cursor']>;
-    node?: Maybe$1<Article$1>;
+    node?: Maybe$1<Article$2>;
 };
 type ArticleOrder$1 = {
     direction: OrderDirection$1;
@@ -5722,7 +5722,7 @@ type PublishedThemeStyleWhereInput$1 = {
 type Query$1 = {
     _entities: Array<Maybe$1<_Entity>>;
     _service: _Service;
-    article?: Maybe$1<Article$1>;
+    article?: Maybe$1<Article$2>;
     articles?: Maybe$1<ArticleConnection$1>;
     blog?: Maybe$1<Blog$1>;
     blogs?: Maybe$1<BlogConnection$1>;
@@ -6237,7 +6237,7 @@ type shop__Service = _Service;
 declare namespace shop {
   export {
     Analytic$1 as Analytic,
-    Article$1 as Article,
+    Article$2 as Article,
     ArticleBlogWhereInput$1 as ArticleBlogWhereInput,
     ArticleBlogsArgs$1 as ArticleBlogsArgs,
     ArticleConnection$1 as ArticleConnection,
@@ -6471,6 +6471,7 @@ type BlockEntity = {
     name?: string;
     dateModified?: string | number;
     childrens?: string[];
+    rawChildrens?: BlockEntity[];
     settings?: Record<string, any>;
     advanced?: Record<string, any>;
     styles?: Record<string, any>;
@@ -6478,6 +6479,8 @@ type BlockEntity = {
     type?: 'component';
     isThemeSection?: boolean;
     needPublishing?: boolean;
+    isShopifySection?: boolean;
+    isShopifyVisibility?: boolean;
 };
 type SectionEntity = {
     uid: string;
@@ -6487,6 +6490,8 @@ type SectionEntity = {
     name?: string;
     isThemeSection?: boolean;
     needPublishing?: boolean;
+    isShopifySection?: boolean;
+    isShopifyVisibility?: boolean;
 };
 type BuilderEntity = BlockEntity | SectionEntity;
 type BuilderEntityNested = Omit<BlockEntity, 'childrens'> & {
@@ -6537,9 +6542,15 @@ type SaleFunnelDiscountEdge$1 = {
     cursor: Scalars$1['Cursor'];
     node?: Maybe$1<SaleFunnelDiscount$1>;
 };
-type ProductOffer = Maybe$1<Pick<SaleFunnelDiscountEdge$1, "cursor"> & {
-    node?: Maybe$1<Pick<SaleFunnelDiscount$1, "id" | "value" | "type" | "position" | "objectBaseID" | "objectType" | "title" | "valueType" | "isEnabled">>;
+type ProductOffer = Maybe$1<Pick<SaleFunnelDiscountEdge$1, 'cursor'> & {
+    node?: Maybe$1<Pick<SaleFunnelDiscount$1, 'id' | 'value' | 'type' | 'position' | 'objectBaseID' | 'objectType' | 'title' | 'valueType' | 'isEnabled'>>;
 }>;
+type RawChild = {
+    uid: string;
+    builder: Record<string, any>;
+    components: Record<string, any>;
+    [key: string]: any;
+};
 
 type InitComponentType<T = any> = {
     [K in keyof T]-?: {
@@ -6606,7 +6617,7 @@ type Component = InitComponentType & {
 };
 type NameDevices$1 = 'desktop' | 'tablet' | 'mobile';
 type ObjectDevices<T> = Partial<Record<NameDevices$1, T>>;
-type StateType = 'normal' | 'hover' | 'focus' | 'active';
+type StateType = 'normal' | 'hover' | 'focus' | 'active' | 'price' | 'compareAtPrice';
 type StateProp<T> = Partial<Record<StateType, T>>;
 type ResponsiveStateProp<T> = ObjectDevices<StateProp<T>>;
 type AlignItemProp = 'left' | 'center' | 'right';
@@ -6727,6 +6738,8 @@ type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         hover?: boolean;
         focus?: boolean;
         active?: boolean;
+        price?: boolean;
+        compareAtPrice?: boolean;
     };
     emptyOnClear?: boolean;
     showVideo?: boolean;
@@ -6914,6 +6927,7 @@ type InputControlType<T> = SharedControlType<T> & {
         value: any;
     }[];
     readonly?: boolean;
+    suffix?: string;
     action?: {
         clear?: boolean;
     };
@@ -6958,6 +6972,7 @@ type PositionControlType<T> = SharedControlType<T> & {
 
 type PositionSquareControlType<T> = SharedControlType<T> & {
     type: 'position:square';
+    ignoreValue?: string[];
 };
 
 type RadioGroupControlType = {
@@ -6978,6 +6993,7 @@ type RangeControlType<T> = SharedControlType<T> & {
     disableOnChange?: boolean;
     useOnlyUnitInit?: boolean;
     hideUnit?: boolean;
+    hideInput?: boolean;
 };
 
 type Option$3<T> = {
@@ -7034,6 +7050,14 @@ type SegmentControlType<T> = {
     [K in keyof T]-?: Mapped$4<K, T[K]>;
 }[keyof T];
 
+type OpenLinkControlType<T> = SharedControlType<T> & {
+    type: 'open-link';
+    target?: string;
+    href: string;
+    appName?: string;
+    linkType?: 'openApp' | 'install';
+};
+
 type Option$2<T> = {
     value: T extends ObjectDevices<infer U> ? U extends StateProp<infer A> ? A : U : T extends StateProp<infer B> ? B : T;
     label: string | number;
@@ -7409,6 +7433,11 @@ type ProductListControlType<T> = SharedControlType<T> & {
     isMultiple?: boolean;
 };
 
+type ArticleListControlType<T> = SharedControlType<T> & {
+    type: 'article-list';
+    isMultiple?: boolean;
+};
+
 type SizeUnit$1 = '%' | 'cm' | 'mm' | 'Q' | 'in' | 'pc' | 'pt' | 'px' | 'em' | 'cap' | 'ex' | 'ch' | 'ic' | 'rem' | 'lh' | 'rlh' | 'vw' | 'vh' | 'vi' | 'vb' | 'vmin' | 'vmax';
 type InputUnitSpacingControlType<T> = SharedControlType<T> & {
     type: 'input:unit-spacing';
@@ -7447,6 +7476,7 @@ type TypographyV2ControlType<T> = SharedControlType<T> & {
         color?: boolean;
         transform?: boolean;
     };
+    disableCollapse?: boolean;
 };
 
 type StickyDisplayControlType<T> = SharedControlType<T> & {
@@ -7567,6 +7597,7 @@ type ParallaxScrollingType<T> = SharedControlType<T> & {
 
 type BackgroundColorPickerType<T> = SharedControlType<T> & {
     type: 'background-color-picker';
+    mode?: 'both' | 'solid' | 'gradient';
     popup?: boolean;
     readonly?: boolean;
 };
@@ -7689,6 +7720,7 @@ type ProductOffersControlType<T> = SharedControlType<T> & {
 
 type DiscountAndShippingFee<T> = SharedControlType<T> & {
     type: 'discount-and-shipping-fee-product-offer';
+    multiple: boolean;
 };
 
 type PostPurchaseTextareaControlType<T> = SharedControlType<T> & {
@@ -7711,7 +7743,21 @@ type NotesControlType<T> = SharedControlType<T> & {
     value?: 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> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | BackgroundColorPickerType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T>;
+type ButtonLayoutType<T> = SharedControlType<T> & {
+    type: 'button-layout';
+    options: {
+        id: string;
+        value: string;
+        name: string;
+        icon: boolean;
+    }[];
+};
+
+type ShapeSelectorControlType<T> = SharedControlType<T> & {
+    type: 'shape-selector';
+};
+
+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> | 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> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T>;
 type ControlTriggerAction = {
     controlId: string;
     newValue?: any;
@@ -7767,6 +7813,7 @@ type ComponentSetting<P extends BaseProps> = {
             flowPage?: string;
             notAppendTags?: string[];
             notAppendLeftRight?: boolean;
+            allowAppendTags?: string[];
         };
         sideBar?: {
             hide?: boolean;
@@ -7790,6 +7837,7 @@ type ControlUI = {
     label?: Record<string, string>;
     info?: Record<string, string>;
     condition?: string;
+    target?: 'tab';
     controls?: ControlUI[];
     setting?: {
         id: string;
@@ -7812,6 +7860,7 @@ type ControlUI = {
             iconClass?: string;
             containerClass?: string;
             enableTeleport?: boolean;
+            contentStyle?: React.CSSProperties;
         };
         hideOnDevices?: {
             desktop?: boolean;
@@ -7819,6 +7868,7 @@ type ControlUI = {
             mobile?: boolean;
         };
         hideOnPages?: PageType[];
+        itemSpacing?: 'small' | 'medium' | 'large';
     };
     isMoreSetting?: boolean;
     hiddenDivice?: boolean;
@@ -7846,6 +7896,7 @@ type ComponentPreset = {
     };
     components: InitComponentType[];
     hideTextContent?: boolean;
+    flowTagComponents?: Record<string, InitComponentType[]>;
 };
 
 type PageContext = {
@@ -7937,7 +7988,7 @@ type AnalyticsQueryParameter = {
     startDate?: InputMaybe<Scalars['Time']>;
 };
 type AppType = 'CUSTOM' | 'GEMPAGES' | 'GEMPAGESV5' | 'GEMPAGESV7' | 'GEMX';
-type Article = {
+type Article$1 = {
     baseID?: Maybe<Scalars['String']>;
     blogs?: Maybe<BlogConnection>;
     description?: Maybe<Scalars['String']>;
@@ -8010,7 +8061,7 @@ type ArticleConnection = {
 };
 type ArticleEdge = {
     cursor?: Maybe<Scalars['Cursor']>;
-    node?: Maybe<Article>;
+    node?: Maybe<Article$1>;
 };
 type ArticleOrder = {
     direction: OrderDirection;
@@ -18820,7 +18871,7 @@ type PutCustomComponentFileInput = {
     name: Scalars['String'];
 };
 type Query = {
-    article?: Maybe<Article>;
+    article?: Maybe<Article$1>;
     articles?: Maybe<ArticleConnection>;
     backgroundTasks?: Maybe<BackgroundTaskConnection>;
     blog?: Maybe<Blog>;
@@ -25001,7 +25052,6 @@ type appAPI_AddEmployeeInput = AddEmployeeInput;
 type appAPI_Analytic = Analytic;
 type appAPI_AnalyticsQueryParameter = AnalyticsQueryParameter;
 type appAPI_AppType = AppType;
-type appAPI_Article = Article;
 type appAPI_ArticleBlogWhereInput = ArticleBlogWhereInput;
 type appAPI_ArticleBlogsArgs = ArticleBlogsArgs;
 type appAPI_ArticleConnection = ArticleConnection;
@@ -25994,7 +26044,7 @@ declare namespace appAPI {
     appAPI_Analytic as Analytic,
     appAPI_AnalyticsQueryParameter as AnalyticsQueryParameter,
     appAPI_AppType as AppType,
-    appAPI_Article as Article,
+    Article$1 as Article,
     appAPI_ArticleBlogWhereInput as ArticleBlogWhereInput,
     appAPI_ArticleBlogsArgs as ArticleBlogsArgs,
     appAPI_ArticleConnection as ArticleConnection,
@@ -27013,7 +27063,7 @@ type TypographyProps = {
 };
 type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
     fontSize?: ObjectDevices<string>;
-    lineHeight?: string;
+    lineHeight?: ObjectDevices<string>;
 };
 type TypographyV2Attrs = {
     bold?: boolean;
@@ -27587,6 +27637,39 @@ type ModalProviderProps = Pick<ModalContextProps, 'activeId'> & {
 declare const ModalProvider: React.FC<ModalProviderProps>;
 declare const useModalStore: <U>(selector: (state: ExtractState<StoreApi<ModalContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
+type ArticleListContextProps = {
+    articles?: any[];
+    blogs?: Blog$1[];
+    settings?: {
+        slidesToShow?: ObjectDevices<number | 'auto'>;
+    };
+    styles?: {
+        horizontalGutter?: ObjectDevices<string>;
+        verticalGutter?: ObjectDevices<string>;
+        fullWidth?: ObjectDevices<boolean>;
+        spacing?: ObjectDevices<number>;
+        width?: ObjectDevices<string>;
+        height?: ObjectDevices<string>;
+    };
+};
+type ArticleListProviderProps = ArticleListContextProps & {
+    children: React.ReactNode;
+};
+declare const ArticleListProvider: React.FC<ArticleListProviderProps>;
+declare const useArticleListStore: <U>(selector: (state: ExtractState<StoreApi<ArticleListContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
+
+type Article = any;
+type ArticleContextProps = {
+    article: Article;
+    uniqueId: string;
+};
+type ArticleProviderProps = Pick<ArticleContextProps, 'article'> & {
+    readOnly?: boolean;
+    children: React.ReactNode;
+};
+declare const ArticleProvider: React.FC<ArticleProviderProps>;
+declare const useArticleStore: <U>(selector: (state: ExtractState<StoreApi<ArticleContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
+
 type PageViewUpMutationVariables = Exact$1<{
     pageHandle: Scalars$2['String'];
     userAgent: Scalars$2['String'];
@@ -27887,15 +27970,13 @@ declare const handleConvertClassColorDynamicBtn: (value?: BorderStyle) => string
 declare const composeBorderCss: (borderV?: Border | undefined) => string;
 
 type DotStyle = 'none' | 'inside' | 'outside';
-declare const getCarouselContainerHeight: <T>(dotStyle?: Partial<Record<NameDevices$1, T>> | undefined, dotSize?: ObjectDevices<number>, dotGapToCarousel?: ObjectDevices<number>) => {
+declare const getCarouselContainerHeight: <T>(dotStyle?: Partial<Record<NameDevices$1, T>> | undefined) => {
     desktop: string | undefined;
     tablet: string | undefined;
     mobile: string | undefined;
 };
 declare const makeContainerWidthOrHeight: <T extends ShortHandProperty>(setting: {
     dotStyle?: ObjectDevices<DotStyle>;
-    dotSize?: ObjectDevices<number>;
-    dotGapToCarousel?: ObjectDevices<number>;
     vertical?: ObjectDevices<boolean>;
 }) => {
     [x: string]: string | undefined;
@@ -34031,6 +34112,8 @@ declare const makeHeight: (heighValue?: ObjectDevices<string | number>, autoHeig
 declare const makeAspectRatio: (aspectRatio?: ObjectDevices<string>, aspectWidth?: ObjectDevices<string | number>, aspectHeight?: ObjectDevices<string | number>) => ObjectDevices<string>;
 declare const makeLineClamp: (lineClampValue?: ObjectDevices<number>, hasLineClampValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
 
+declare const convertTextAlignToJustify: (align: Partial<Record<NameDevices$1, AlignProp>> | undefined) => Record<string, 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;
@@ -35867,6 +35950,64 @@ declare const useMoney: (amount: number) => UseMoneyValue;
 
 declare const usePrevious: <T>(value: T) => T | undefined;
 
+type BlogsQueryResponse = {
+    blogs?: Maybe$1<Pick<BlogConnection$1, 'totalCount'> & {
+        edges: Array<Pick<BlogEdge$1, 'cursor'> & {
+            node?: Maybe$1<Pick<Blog$1, 'baseID' | 'description' | 'descriptionMeta' | 'handle' | 'id' | 'platform' | 'tags' | 'templateSuffix' | 'title' | 'titleMeta'>>;
+        }>;
+        pageInfo?: Maybe$1<Pick<PageInfo$1, 'endCursor' | 'hasNextPage' | 'hasPreviousPage' | 'startCursor'>>;
+    }>;
+};
+
+declare const useArticlesQuery: () => ({
+    baseID: string;
+    id: number;
+    title: string;
+    created_at: string;
+    body_html: string;
+    blog_id: number;
+    author: string;
+    user_id: number;
+    published_at: string;
+    updated_at: string;
+    summary_html: string;
+    template_suffix: string;
+    handle: string;
+    tags: string;
+    admin_graphql_api_id: string;
+    image: {
+        created_at: string;
+        alt: string;
+        width: number;
+        height: number;
+        src: string;
+    };
+} | {
+    baseID: string;
+    id: number;
+    title: string;
+    created_at: string;
+    body_html: string;
+    blog_id: number;
+    author: string;
+    user_id: null;
+    published_at: string;
+    updated_at: string;
+    summary_html: string;
+    template_suffix: string;
+    handle: string;
+    tags: string;
+    admin_graphql_api_id: string;
+    image: {
+        created_at: string;
+        alt: string;
+        width: number;
+        height: number;
+        src: string;
+    };
+})[];
+declare const useBlogsQuery: () => BlogsQueryResponse;
+
 declare const useUniqProductID: () => string;
 declare const useProduct: () => ProductSelectFragment | undefined;
 declare const useFeaturedImageGlobal: () => MediaSelectFragment | undefined;
@@ -35890,11 +36031,11 @@ declare const useSelectedOption: () => {
     setSelectedOption: (optionId?: Maybe$1<string>, optionValue?: Maybe$1<string>, productId?: Maybe$1<string>, noEmit?: boolean) => void;
     forceSelectedOption: (selectedOption?: Record<string, string>, productId?: Maybe$1<string>, noEmit?: boolean) => void;
 };
-declare const useVariants: () => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "width" | "height" | "length" | "weight" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
+declare const useVariants: () => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "price" | "width" | "height" | "length" | "weight" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "salePrice" | "soldIndividually"> & {
     selectedOptions: Pick<SelectedOption$1, "name" | "value" | "optionType">[];
     media?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
 }>[];
-declare const useVariant: (id: string) => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "width" | "height" | "length" | "weight" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
+declare const useVariant: (id: string) => Maybe$1<Pick<ProductVariant$1, "id" | "title" | "price" | "width" | "height" | "length" | "weight" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "salePrice" | "soldIndividually"> & {
     selectedOptions: Pick<SelectedOption$1, "name" | "value" | "optionType">[];
     media?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
 }>;
@@ -35949,4 +36090,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage$1, 'id' | 'name'
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, 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, 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, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, 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, 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, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, 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, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, 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, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, 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, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, 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, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.42.0",
+  "version": "1.42.3-dev.63",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -27,10 +27,12 @@
     "type-check": "yarn tsc --noEmit"
   },
   "devDependencies": {
-    "@gem-sdk/adapter-shopify": "1.40.0",
-    "@gem-sdk/styles": "1.41.8"
+    "@gem-sdk/adapter-shopify": "1.42.3-dev.63",
+    "@gem-sdk/styles": "1.42.3-dev.63",
+    "@types/classnames": "^2.3.1"
   },
   "dependencies": {
+    "classnames": "^2.5.1",
     "react-error-boundary": "4.0.10",
     "swr": "2.1.2",
     "vanilla-lazyload": "17.8.3",