@gem-sdk/core 1.23.0 → 1.23.1

package/dist/esm/helpers/size.js

@@ -1,3 +1,4 @@
+import { makeStyleResponsive } from './make-style.js';
 import { devicesMapping } from './constant.js';
 
 function getCustomSizeCSSByDevice(size, device) {
@@ -27,5 +28,54 @@ const composeSizeCss = (spacing)=>{
   ${sizeVerti ? `padding-top: ${sizeVerti}; padding-bottom: ${sizeVerti};` : undefined}
   `;
 };
+const makeGlobalSize = (globalSize)=>{
+    return {
+        width: makeStyleWithDefault('w', getWidthHeightGlobalSize('width', globalSize), {
+            desktop: '--g-ct-w',
+            tablet: '--g-ct-w',
+            mobile: '--g-ct-w'
+        }),
+        height: makeStyleResponsive('h', getWidthHeightGlobalSize('height', globalSize)),
+        padding: getPaddingGlobalSize(globalSize)
+    };
+};
+const makeStyleWithDefault = (name, value, defaultVal)=>{
+    return {
+        [`--${name}`]: value?.desktop === 'default' ? `var(${defaultVal?.desktop})` : value?.desktop,
+        [`--${name}-tablet`]: value?.tablet === 'default' ? `var(${defaultVal?.tablet})` : value?.tablet,
+        [`--${name}-mobile`]: value?.mobile === 'default' ? `var(${defaultVal?.mobile})` : value?.mobile
+    };
+};
+const getWidthHeightGlobalSize = (type, globalSize)=>{
+    if (!globalSize) return {};
+    const data = {
+        desktop: globalSize?.desktop?.[type],
+        tablet: globalSize?.tablet?.[type],
+        mobile: globalSize?.mobile?.[type]
+    };
+    if (data.desktop === undefined) {
+        data.desktop = 'auto';
+    }
+    if (data.tablet === undefined) {
+        data.tablet = data.desktop;
+    }
+    if (data.mobile === undefined) {
+        data.mobile = data.tablet;
+    }
+    return data;
+};
+function getCustomPaddingSizeCSSByDevice(globalSize, device) {
+    if (!globalSize || !device) return {};
+    const suffix = devicesMapping[device] ?? '';
+    return {
+        [`--pl${suffix}`]: globalSize?.[device]?.padding?.left,
+        [`--pr${suffix}`]: globalSize?.[device]?.padding?.right,
+        [`--pt${suffix}`]: globalSize?.[device]?.padding?.top,
+        [`--pb${suffix}`]: globalSize?.[device]?.padding?.bottom
+    };
+}
+const getPaddingGlobalSize = (globalSize)=>{
+    return Object.assign({}, getCustomPaddingSizeCSSByDevice(globalSize, 'desktop'), getCustomPaddingSizeCSSByDevice(globalSize, 'tablet'), getCustomPaddingSizeCSSByDevice(globalSize, 'mobile'));
+};
 
-export { composeSize, composeSizeCss, genSizeClass };
+export { composeSize, composeSizeCss, genSizeClass, getPaddingGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeStyleWithDefault };

package/dist/esm/helpers/typography.js

@@ -16,20 +16,21 @@ const composeTypographyCss = (typography)=>{
   ${lineHeight ? `line-height: ${lineHeight};` : ''}
   `;
 };
-const composeTypographyV2Css = (typography)=>{
+const composeTypographyV2Css = (typography, isImportant)=>{
     const typographyCustom = typography?.custom;
     const { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing } = typographyCustom ?? {};
     const typographyAttrs = typography?.attrs;
     const { bold, italic, underline, transform } = typographyAttrs ?? {};
+    const composeImportant = isImportant ? '!important' : '';
     return `
-  ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily});` : ''}
-  ${fontSize?.desktop ? `font-size: ${fontSize?.desktop};` : ''}
-  ${bold ? `font-weight: bold;` : fontWeight ? `font-weight: ${fontWeight};` : ''}
-  ${letterSpacing ? `letter-spacing: ${letterSpacing};` : ''}
-  ${lineHeight ? `line-height: ${lineHeight};` : ''}
-  ${italic ? `font-style: italic;` : ''}
-  ${underline ? `text-decoration-line: underline;` : ''}
-  ${transform ? `text-transform: ${transform};` : ''}
+  ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily}) ${composeImportant};` : ''}
+  ${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant};` : ''}
+  ${bold ? `font-weight: bold;` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant};` : ''}
+  ${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant};` : ''}
+  ${lineHeight ? `line-height: ${lineHeight} ${composeImportant};` : ''}
+  ${italic ? `font-style: italic${composeImportant};` : ''}
+  ${underline ? `text-decoration-line: underline ${composeImportant};` : ''}
+  ${transform ? `text-transform: ${transform} ${composeImportant};` : ''}
   `;
 };
 function getCustomCSSByDevice(typography, device) {

package/dist/esm/hooks/useInitialSwatchesOptions.js

@@ -0,0 +1,109 @@
+import useSWR from 'swr';
+import { ProductOptionNameDocument } from '../graphql/queries/product-value-label.generated.js';
+import { colorPreset } from '../components/src/product/helpers/variant-presets.js';
+import { useSwatches } from './shop.js';
+import { useFetchHandle } from './useFetchHandle.js';
+import { useShopStore } from '../contexts/ShopContext.js';
+
+let swatchChange = false;
+let colorChange = false;
+const useInitialSwatchesOptions = (options)=>{
+    const fetcher = useFetchHandle();
+    const changeSwatches = useShopStore((s)=>s.changeSwatches);
+    const { swatches } = useSwatches();
+    const { data: productOptionName } = useSWR([
+        '/query/productOptionName',
+        {}
+    ], async ()=>fetchProductValueLabel(fetcher), {
+        revalidateOnMount: true
+    });
+    const swatchesTitleList = [];
+    swatches?.forEach((el)=>{
+        swatchesTitleList.push(el.optionTitle);
+    });
+    productOptionName?.productOptionName?.forEach((el)=>{
+        if (!swatchesTitleList.includes(el)) {
+            swatchChange = true;
+            swatches?.push({
+                optionTitle: el,
+                optionType: 'rectangle_list',
+                optionValues: []
+            });
+        }
+    });
+    if (!options) return [];
+    setDefaultSwatches(swatches, options);
+    if (swatches?.length && (swatchChange || colorChange)) {
+        window?.parent?.postMessage?.(JSON.stringify({
+            type: 'update-swatches',
+            swatches
+        }), '*');
+        changeSwatches(swatches);
+    }
+};
+const getColorDefault = (label, color)=>{
+    const colorByLabel = label ? colorPreset[label.toLocaleLowerCase()] : undefined;
+    const colorArray = colorByLabel ? [
+        colorByLabel
+    ] : [];
+    const firstColor = color?.[0];
+    if (!firstColor && colorArray.length) colorChange = true;
+    return firstColor ? [
+        firstColor
+    ] : colorArray;
+};
+const getProductOptionsLabelByName = (options, name)=>{
+    const labels = [];
+    const optionByName = options.find((op)=>op.name === name);
+    optionByName?.values.forEach((val)=>{
+        labels.push(val.label ?? '');
+    });
+    return labels;
+};
+const getSwatchesOptionsLabel = (options)=>{
+    const labels = [];
+    options.forEach((op)=>{
+        labels.push(op.label ?? '');
+        return;
+    });
+    return labels;
+};
+const setDefaultSwatches = (swatches, options)=>{
+    if (swatches) {
+        swatches?.map((sw)=>{
+            const productLabels = getProductOptionsLabelByName(options, sw.optionTitle);
+            const swLabels = getSwatchesOptionsLabel(sw.optionValues);
+            productLabels.forEach((label)=>{
+                if (!swLabels.includes(label)) {
+                    sw.optionValues.push({
+                        label,
+                        colors: getColorDefault(label),
+                        imageUrl: ''
+                    });
+                }
+            });
+            sw.optionValues = sw.optionValues.map((op)=>{
+                if (op.imageUrl === undefined) swatchChange = true;
+                return {
+                    label: op.label ?? '',
+                    colors: getColorDefault(op.label, op.colors),
+                    imageUrl: op.imageUrl ?? ''
+                };
+            });
+        });
+    }
+    return swatches;
+};
+const fetchProductValueLabel = async (fetcher)=>{
+    const initVariables = {};
+    const query = async (variables)=>{
+        const response = await fetcher([
+            ProductOptionNameDocument,
+            variables
+        ]);
+        return response;
+    };
+    return query(initVariables);
+};
+
+export { useInitialSwatchesOptions as default };

package/dist/esm/hooks/useProduct.js

@@ -1,10 +1,18 @@
 import { useCallback, useEffect, useMemo } from 'react';
 import { useProductStore } from '../contexts/ProductContext.js';
 import { flattenConnection } from '../helpers/flatten-connection.js';
+import 'react/jsx-runtime';
+import 'zustand';
 import 'swr';
+import '@gem-sdk/adapter-shopify';
+import 'swr/mutation';
+import 'vanilla-lazyload';
+import './useCartUI.js';
+import { checkInStock } from '../helpers/variant.js';
+import 'react-transition-group';
+import '@gem-sdk/core';
 import { getSelectedVariant } from '../helpers/product.js';
 import '../helpers/convert.js';
-import { checkInStock } from '../helpers/variant.js';
 
 const useUniqProductID = ()=>{
     return useProductStore((s)=>s.uiqueId);
@@ -139,8 +147,7 @@ const useCurrentVariant = ()=>{
 };
 const useCurrentVariantInStock = ()=>{
     const currentVariant = useCurrentVariant();
-    const isInStock = checkInStock(currentVariant);
-    return isInStock;
+    return checkInStock(currentVariant);
 };
 const useVariantOutStock = (optionId, optionValue)=>{
     const { selectedOptions } = useSelectedOption();

package/dist/esm/index.js

@@ -30,7 +30,8 @@ export { default as globalEvent } from './helpers/GlobalEvent.js';
 export { default as isBrowser } from './helpers/is-browser.js';
 export { default as isSafari } from './helpers/is-safari.js';
 export { isEmptyChildren } from './helpers/is-empty-children.js';
-export { makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
+export { filterToolbarPreview } from './helpers/filter-toolbar-preview.js';
+export { makeAspectRatio, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
 export { normalizeBuilderData } from './helpers/normalize-builder-data.js';
 export { prefetchQueries } from './helpers/prefetch-queries.js';
 export { composeSpacing, getSpacingVariable } from './helpers/spacing.js';
@@ -51,9 +52,9 @@ import * as tiktokpixel from './helpers/tracking/tiktokpixel.js';
 export { tiktokpixel };
 export { RenderIf, composeMemo, dataStringify, props, styles, template } from './helpers/render.js';
 export { baseAssetURL, isLocalEnv } from './helpers/convert.js';
-export { composeSize, composeSizeCss, genSizeClass } from './helpers/size.js';
+export { composeSize, composeSizeCss, genSizeClass, getPaddingGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeStyleWithDefault } from './helpers/size.js';
 export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
-export { composeBackgroundCss, getStyleBackgroundByDevice } from './helpers/background.js';
+export { composeBackgroundCss, getStyleBackgroundByDevice, makeFixedBgAttachment } from './helpers/background.js';
 export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
 export { composeAdvanceStyle, splitStyle } from './helpers/compose-advance-style.js';
 export { useAddToCart } from './hooks/cart/use-add-to-cart.js';
@@ -84,6 +85,7 @@ export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantIn
 export { useProductList, useProductListProducts, useProductListSettings, useProductListStyles } from './hooks/useProductList.js';
 export { default as useSuspenseFetch } from './hooks/useSuspenseFetch.js';
 export { default as useSwatchesOptions } from './hooks/useSwatchesOptions.js';
+export { default as useInitialSwatchesOptions } from './hooks/useInitialSwatchesOptions.js';
 import * as shop from './types/shop.js';
 export { shop as ShopType };
 export { OptionNormalStyle, OptionSpecialStyle } from './types/global-style.js';

package/dist/types/index.d.ts

@@ -30,6 +30,8 @@ type BlockEntity = {
     uid: string;
     tag: string;
     label?: string;
+    customLabel?: string;
+    name?: string;
     dateModified?: string | number;
     childrens?: string[];
     settings?: Record<string, any>;
@@ -37,12 +39,17 @@ type BlockEntity = {
     styles?: Record<string, any>;
     editorConfigs?: Record<string, any>;
     type?: 'component';
+    isThemeSection?: boolean;
+    needPublishing?: boolean;
 };
 type SectionEntity = {
     uid: string;
     tag?: string;
     label?: string;
     type: 'section';
+    name?: string;
+    isThemeSection?: boolean;
+    needPublishing?: boolean;
 };
 type BuilderEntity = BlockEntity | SectionEntity;
 type BuilderEntityNested = Omit<BlockEntity, 'childrens'> & {
@@ -53,6 +60,13 @@ type BuilderState = {
 } & SectionData;
 type SectionData = Record<string, BuilderEntity>;
 type RenderMode = 'edit' | 'preview';
+type DynamicProduct = {
+    productId?: string;
+    productHandle?: string;
+} | null;
+type DynamicCollection = {
+    collectionId?: string;
+} | null;
 
 type InitComponentType<T = any> = {
     [K in keyof T]-?: {
@@ -77,6 +91,18 @@ type ImageShape$1 = {
     width?: string;
     height?: string;
 };
+type SizeSettingGlobal = {
+    shape?: 'square' | 'vertical' | 'horizontal' | 'custom';
+    padding?: {
+        type?: 'small' | 'medium' | 'large' | 'custom';
+        top?: string;
+        left?: string;
+        bottom?: string;
+        right?: string;
+    };
+    width?: string;
+    height?: string;
+};
 type FlexDirectionProp = 'row' | 'column' | 'row-reverse' | 'column-reverse';
 type TransformProp = 'default' | 'capitalize' | 'uppercase' | 'lowercase' | 'none';
 type BaseProps<Setting = unknown, Style = unknown, Advanced = Record<string, any>> = {
@@ -103,11 +129,13 @@ type StateType = 'normal' | 'hover' | 'focus' | 'active';
 type StateProp<T> = Partial<Record<StateType, T>>;
 type ResponsiveStateProp<T> = ObjectDevices<StateProp<T>>;
 type AlignItemProp = 'left' | 'center' | 'right';
-type JudgeMeReviewsWidgetType = 'single_product_preview_badge' | 'review_widget' | 'reviews_carousel' | 'all_reviews_widget' | 'verified_reviews_count_badge' | 'all_reviews_text';
+type JudgeMeReviewsWidgetType = 'single_product_preview_badge' | 'review_widget' | 'reviews_carousel' | 'reviews_text' | 'section_for_medals' | 'ugc_media_grid' | 'verified_reviews_count_badge';
 type LooxReviewsWidgetType = 'reviews_widget' | 'rating_widget' | 'carousel_widget';
 type RyviuWidgetType = 'reviews' | 'badge' | 'badgeCollection' | 'carousel' | 'masonry';
 type RivyoWidgetType = 'reviews' | 'badge' | 'testimonials' | 'allReviewsPage';
 type VitalsWidgetType = 'addToWishlist' | 'goToWishlist' | 'paymentLogos' | 'recentlyViewed' | 'shoppableInstagramFeed' | 'trustSealsAndBadges' | 'productReviews' | 'productBundles' | 'volumeDiscounts' | 'stockScarcity';
+type FeraReviewsWidgetType = 'productReviews' | 'testimonialCarousel' | 'allReviews' | 'averageStoreRatingBadge' | 'inStoreMedia' | 'averageRatingBadge' | 'productPageMedia';
+type OmnisendWidgetType = 'landing-page' | 'embedded';
 type BoldSubscriptionsWidgetType = 'v1' | 'v2';
 type PickyStoryWidgetType = 'gem-picky-bundle' | 'gem-picky-kit' | 'gem-picky-buy-the-look' | 'gem-picky-gallery';
 type KlaviyoWidgetType = 'popup_widget' | 'flyout_widget' | 'embed_widget' | 'full_page_widget';
@@ -117,6 +145,7 @@ type ObjectLayoutValue = {
     keepCol?: boolean;
 };
 type ProductReviewsWidgetType = 'reviews' | 'badge';
+type TrustooWidgetType = 'starRating' | 'reviews';
 type WiserWidgetType = 'related' | 'recommended' | 'alsobought' | 'recentview' | 'newarrivals' | 'featured' | 'topselling' | 'trending' | 'recent_related';
 type InstantJudgeMeReviewsWidgetType = 'single_product_preview_badge' | 'review_widget' | 'reviews_carousel' | 'floating_reviews_tab' | 'all_reviews_widget' | 'verified_reviews_count_badge' | 'medals' | 'media_grid' | 'all_reviews_text';
 type InstantLooxReviewsWidgetType = 'product_reviews_widget' | 'reviews_widget_all_stores' | 'product_star_ratings_widget' | 'carousel_widget';
@@ -884,7 +913,27 @@ type GridArrange<T> = SharedControlType<T> & {
     readonly?: boolean;
 };
 
-type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T>;
+type SettingID = 'shape' | 'width' | 'height' | 'gap' | 'padding';
+type OptionKeyword = 'default' | 'auto' | 'full' | 'equal' | 'small' | 'medium' | 'large';
+type PaddingOptions = 'small' | 'medium' | 'large' | 'custom';
+type PaddingConfig = Partial<Record<PaddingOptions, {
+    vertical: string;
+    horizontal: string;
+}>>;
+type SettingConfig = {
+    sizeConfig?: Partial<Record<'small' | 'medium' | 'large', string>>;
+    displayOptions?: OptionKeyword[];
+    paddingConfig?: PaddingConfig;
+};
+type SizeSetting$1<T> = SharedControlType<T> & {
+    type: 'size-setting';
+    placeholder?: string;
+    readonly?: boolean;
+    hiddenSettings?: SettingID[];
+    settingConfig?: Partial<Record<SettingID, SettingConfig>>;
+};
+
+type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T>;
 type Setting<P extends BaseProps> = {
     id: 'setting';
     note?: string;
@@ -976,7 +1025,7 @@ type ControlUI = {
     };
     isMoreSetting?: boolean;
 };
-type PageType = 'ARTICLE' | 'BLOG' | 'COLLECTION' | 'GP_ARTICLE' | 'GP_BLOG' | 'GP_COLLECTION' | 'GP_INDEX' | 'GP_PRODUCT' | 'GP_STATIC' | 'PRODUCT' | 'STATIC';
+type PageType = 'ARTICLE' | 'BLOG' | 'COLLECTION' | 'GP_ARTICLE' | 'GP_BLOG' | 'GP_COLLECTION' | 'GP_INDEX' | 'GP_PRODUCT' | 'GP_STATIC' | 'PRODUCT' | 'STATIC' | 'THEME_SECTION';
 type ComponentPreset = {
     id: string;
     name: {
@@ -7305,6 +7354,9 @@ declare const useBuilderStore: <U>(selector: (state: ExtractState<StoreApi<Build
 type BuilderPreviewContextProps = {
     state: BuilderState;
     loaded?: boolean;
+    isThemeSectionEditor?: boolean;
+    dynamicProduct?: DynamicProduct;
+    dynamicCollection?: DynamicCollection;
     addItem: (args: {
         data: BuilderEntityNested | BuilderEntityNested[];
         type?: 'component' | 'section';
@@ -7325,11 +7377,15 @@ type BuilderPreviewContextProps = {
     removeItem: (id: string) => void;
     forceChangeState: (data: BuilderState) => void;
     initState: (data: BuilderEntityNested | BuilderEntityNested[]) => void;
+    getParents: (id: string, limit?: number) => BuilderEntity[];
+    setDynamicProduct: (data: DynamicProduct) => void;
+    setDynamicCollection: (data: DynamicCollection) => void;
 };
 type BuilderPreviewProviderProps = Pick<BuilderPreviewContextProps, 'state'> & {
     children: React.ReactNode;
     lazy?: boolean;
     priority?: boolean;
+    isThemeSectionEditor?: boolean;
 };
 declare const BuilderPreviewProvider: React.FC<BuilderPreviewProviderProps>;
 declare const useBuilderPreviewStore: <U>(selector: (state: ExtractState<StoreApi<BuilderPreviewContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
@@ -7509,6 +7565,8 @@ type ShopContextProps = {
     mobileOnly?: boolean;
     swatches?: GlobalSwatchesData[];
     isStorefront?: boolean;
+    createThemeSectionCount?: number;
+    plan?: string;
     changeLocale: (locale: string) => void;
     changeStorefrontInfo: (args: {
         url?: string;
@@ -7517,12 +7575,14 @@ type ShopContextProps = {
     changeCurrency: (currency: string) => void;
     changeSwatches: (swatches: GlobalSwatchesData[]) => void;
     changeLayoutSettings: (layoutSettings: LayoutSettings) => void;
+    changeCreateThemeSectionCount: (count: number) => void;
+    changeShopPlan: (plan: string) => void;
 };
 type ShopProviderProps = {
     children: React.ReactNode;
     key?: React.Key;
     addons: AddonContextProps['components'];
-    storeOption: Omit<ShopContextProps, 'changeLocale' | 'changeCurrency' | 'changeSwatches' | 'changeLayoutSettings' | 'changeStorefrontInfo'>;
+    storeOption: Omit<ShopContextProps, 'changeLocale' | 'changeStorefrontInfo' | 'changeCurrency' | 'changeSwatches' | 'changeLayoutSettings' | 'changeCreateThemeSectionCount' | 'changeShopPlan'>;
     queryOption?: React.ComponentProps<typeof SWRConfig>['value'];
 };
 declare const ShopProvider: React.FC<ShopProviderProps>;
@@ -7814,6 +7874,8 @@ declare function isSafari(): boolean;
 
 declare const isEmptyChildren: (children: React.ReactNode) => boolean;
 
+declare const filterToolbarPreview: (children: React.ReactNode, keep?: boolean) => React.ReactNode;
+
 type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
 declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
 declare const makeStyle: <T extends ShortHandProperty, K>(style: Record<T, K>) => {
@@ -7823,6 +7885,11 @@ declare const makeStyleState: <T extends ShortHandProperty, K>(name: T, value?:
 declare const makeStyleResponsiveState: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices, Partial<Record<StateType, K>>>> | undefined) => {};
 declare const makeStyleResponsive: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices, K>> | undefined) => Record<ResponsiveKey<T>, K>;
 declare const makeWidth: (widthValue?: ObjectDevices<string | number>, fullWidthValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
+declare const makeGlobalSizeWidthResponsive: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    '--w': string | undefined;
+    '--w-tablet': string | undefined;
+    '--w-mobile': string | undefined;
+};
 declare const makeHeight: (heighValue?: ObjectDevices<string | number>, autoHeight?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
 declare const makeAspectRatio: (aspectRatio?: ObjectDevices<string>, aspectWidth?: ObjectDevices<string | number>, aspectHeight?: ObjectDevices<string | number>) => ObjectDevices<string>;
 declare const makeLineClamp: (lineClampValue?: ObjectDevices<number>, hasLineClampValue?: ObjectDevices<boolean>) => ObjectDevices<string | number | undefined>;
@@ -7881,7 +7948,7 @@ declare const composeTextColorCss: (color?: ColorValueType) => string;
 type TypographyClass = `g-${TypographyType}`;
 declare const genTypoClass: (name: TypographyType) => TypographyClass;
 declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
-declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined) => string;
+declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
 declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
 declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
 declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
@@ -9453,6 +9520,14 @@ declare const baseAssetURL: string;
 declare const composeSize: (size?: ObjectDevices<SizeProps>) => React.CSSProperties;
 declare function genSizeClass(name: string): string;
 declare const composeSizeCss: (spacing?: SizeSetting) => string | undefined;
+declare const makeGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    width: Record<ResponsiveKey<"w">, string | number>;
+    height: Record<ResponsiveKey<"h">, string | number>;
+    padding: React.CSSProperties;
+};
+declare const makeStyleWithDefault: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices, K>> | undefined, defaultVal?: Partial<Record<NameDevices, K>> | undefined) => Record<ResponsiveKey<T>, K>;
+declare const getWidthHeightGlobalSize: (type: 'width' | 'height', globalSize?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices, string | number>>;
+declare const getPaddingGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => React.CSSProperties;
 
 declare const parseValueWithUnit: (valueWithUnit: string) => any;
 declare const getStyleShadow: (shadowStyle: ShadowStyle, isActiveState?: boolean) => {
@@ -9467,9 +9542,18 @@ declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, important, }: {
 
 type Options = {
     liquid?: boolean;
+    ignoreBgAttachment?: boolean;
 };
 declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {};
 declare const composeBackgroundCss: (backgroundColor?: ColorValueType) => string;
+declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) => {
+    wrapper: {
+        [x: string]: string;
+    };
+    content: {
+        [x: string]: string | undefined;
+    };
+} | undefined;
 
 type OrderByType = 'TITLE_ASC' | 'TITLE_DESC' | 'CREATED_AT_ASC' | 'none' | 'CREATED_AT_DESC';
 type FetchCollectionArgs = {
@@ -9691,12 +9775,12 @@ declare const useSelectedOption: () => {
     setSelectedOption: (optionId?: Maybe<string>, optionValue?: Maybe<string>, productId?: Maybe<string>, noEmit?: boolean) => void;
     forceSelectedOption: (selectedOption?: Record<string, string>, productId?: Maybe<string>, noEmit?: boolean) => void;
 };
-declare const useVariants: () => Maybe<Pick<ProductVariant, "title" | "width" | "length" | "weight" | "height" | "id" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
-    selectedOptions: Pick<SelectedOption, "value" | "name" | "optionType">[];
+declare const useVariants: () => Maybe<Pick<ProductVariant, "width" | "height" | "title" | "length" | "weight" | "id" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
+    selectedOptions: Pick<SelectedOption, "name" | "value" | "optionType">[];
     media?: Maybe<Pick<Media, "width" | "height" | "id" | "src" | "alt" | "contentType" | "previewImage">>;
 }>[];
-declare const useVariant: (id: string) => Maybe<Pick<ProductVariant, "title" | "width" | "length" | "weight" | "height" | "id" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
-    selectedOptions: Pick<SelectedOption, "value" | "name" | "optionType">[];
+declare const useVariant: (id: string) => Maybe<Pick<ProductVariant, "width" | "height" | "title" | "length" | "weight" | "id" | "baseID" | "platform" | "sku" | "barcode" | "costPrice" | "inventoryPolicy" | "inventoryQuantity" | "inventoryStatus" | "isDigital" | "lowInventoryAmount" | "manageInventory" | "mediaId" | "price" | "salePrice" | "soldIndividually"> & {
+    selectedOptions: Pick<SelectedOption, "name" | "value" | "optionType">[];
     media?: Maybe<Pick<Media, "width" | "height" | "id" | "src" | "alt" | "contentType" | "previewImage">>;
 }>;
 declare const useCurrentVariant: () => Maybe<VariantSelectFragment>;
@@ -9732,6 +9816,8 @@ declare const useSuspenseFetch: <T>(key: string | any[], promise: () => Promise<
 
 declare const useSwatchesOptions: (options?: ProductOption[]) => ProductOption[];
 
+declare const useInitialSwatchesOptions: (options?: ProductOption[]) => never[] | undefined;
+
 type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' | 'handle' | 'isMobile' | 'sectionPosition'> & {
     pageSections?: Maybe<Array<Maybe<Pick<PublishedPageSection, 'cid' | 'component' | 'id'>>>>;
     themePageCustomSections?: Maybe<Array<Maybe<Pick<PublishedCustomSection, 'cid' | 'component' | 'id' | 'type'>>>>;
@@ -9743,4 +9829,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageContext, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OptionNormalStyle, OptionSpecialStyle, PageContext, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.23.0",
+  "version": "1.23.1",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.23.0",
-    "@gem-sdk/styles": "1.23.0"
+    "@gem-sdk/styles": "1.23.1"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",