@gem-sdk/core 1.41.0-dev.29 → 1.41.0-dev.34

package/dist/cjs/components/ai-generator/AIContentGenerator.js

@@ -18,9 +18,11 @@ const AIContentGenerator = ({ ...props })=>{
     const [isShowMore, setIsShowMore] = react.useState(false);
     const genTool = react.useRef(null);
     const genPopup = react.useRef(null);
-    const { popupPositionX, popupPositionY, isValidating: isValidatingFlipPopup } = useFlipPopup.useFlipPopup(isShowPopup, {
+    const genPopupHeader = react.useRef(null);
+    const { popupPositionX, popupPositionY, isValidating: isValidatingFlipPopup, maxHeight: popupMaxHeight } = useFlipPopup.useFlipPopup(isShowPopup, {
         genTool,
-        genPopup
+        genPopup,
+        genPopupHeader
     });
     const { isGenerating, onGenerate, onOpenProductElementSettings } = useListenEventGenerate.useListenEventGenerate({
         uid: props.uid,
@@ -105,11 +107,12 @@ const AIContentGenerator = ({ ...props })=>{
                     'gp-top-8': popupPositionY === 'top',
                     'gp-bottom-8': popupPositionY === 'bottom',
                     '!gp-visible': !isValidatingFlipPopup
-                }, 'gp-absolute gp-invisible gp-rounded-lg gp-bg-[#151515] gp-p-4 gp-w-[312px] !gp-max-w-[312px] !gp-cursor-default'),
+                }, 'gp-absolute gp-invisible gp-rounded-lg gp-bg-[#151515] gp-w-[312px] !gp-max-w-[312px] !gp-cursor-default'),
                 ref: genPopup,
                 children: [
                     /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                        className: "gp-flex gp-items-center gp-justify-between gp-mb-4",
+                        className: "gp-flex gp-items-center gp-justify-between gp-px-4 gp-py-[10px]",
+                        ref: genPopupHeader,
                         children: [
                             /*#__PURE__*/ jsxRuntime.jsx("span", {
                                 className: "gp-font-medium gp-text-sm",
@@ -123,7 +126,12 @@ const AIContentGenerator = ({ ...props })=>{
                         ]
                     }),
                     /*#__PURE__*/ jsxRuntime.jsxs("div", {
-                        className: "gp-mt-2 gp-text-left",
+                        className: classNames({
+                            'gp-overflow-auto': popupMaxHeight
+                        }, 'gp-pt-2 gp-pb-4 gp-text-left gp-px-4 scrollbar:gp-w-1 scrollbar-thumb:gp-bg-[#999] scrollbar-thumb:gp-rounded-xl'),
+                        style: {
+                            maxHeight: popupMaxHeight ? `${popupMaxHeight}px` : 'auto'
+                        },
                         children: [
                             /*#__PURE__*/ jsxRuntime.jsx("div", {
                                 className: "gp-mb-4",

package/dist/cjs/components/ai-generator/AIGenContentLoading.js

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var AIIcon = require('./icons/AIIcon.js');
 
 const AIGenContentLoading = ({ ...props })=>{
     const [isGenerating, setIsGenerating] = react.useState(false);
@@ -42,15 +43,18 @@ const AIGenContentLoading = ({ ...props })=>{
     }, [
         onGenerateContentStatus
     ]);
-    return isGenerating ? /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: "gp-absolute gp-top-0 gp-left-0 gp-w-full gp-h-full gp-bg-white gp-bg-opacity-70 gp-flex gp-justify-center gp-items-center gp-z-100",
-        children: /*#__PURE__*/ jsxRuntime.jsxs("span", {
-            className: "gp-font-medium",
-            children: [
-                "Generating",
-                Array.from(Array(numDots).keys()).map(()=>'.')
-            ]
-        })
+    return isGenerating ? /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        className: "gp-absolute gp-top-0 gp-left-0 gp-w-full gp-h-full gp-bg-white gp-bg-opacity-70 gp-flex gp-justify-center gp-items-center gp-z-100 gp-gap-2",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(AIIcon.AIIcon, {}),
+            /*#__PURE__*/ jsxRuntime.jsxs("span", {
+                className: "gp-font-medium",
+                children: [
+                    "Generating",
+                    Array.from(Array(numDots).keys()).map(()=>'.')
+                ]
+            })
+        ]
     }) : null;
 };
 

package/dist/cjs/components/ai-generator/hooks/useFlipPopup.js

@@ -3,10 +3,38 @@
 var react = require('react');
 
 const useFlipPopup = (isShowPopup, dom)=>{
-    const { genTool, genPopup } = dom;
+    const { genTool, genPopup, genPopupHeader } = dom;
     const [popupPositionY, setPopupPositionY] = react.useState('top');
     const [popupPositionX, setPopupPositionX] = react.useState('left');
+    const [maxHeight, setMaxHeight] = react.useState(null);
     const [isValidating, setIsValidating] = react.useState(true);
+    const calculateMaxHeight = react.useCallback((popupPositionY)=>{
+        const parentOverflow = genTool.current?.closest("[class~='gp-overflow-hidden']");
+        if (!parentOverflow || !genTool.current) {
+            setMaxHeight(null);
+            return;
+        }
+        const parentOverflowPos = parentOverflow.getBoundingClientRect();
+        const genToolPos = genTool.current.getBoundingClientRect();
+        const genToolHeaderHeight = genPopupHeader.current?.getBoundingClientRect().height || 0;
+        const DISTANCE = 8;
+        if (popupPositionY === 'top') {
+            const maxHeight = Math.max(parentOverflowPos.bottom - genToolPos.bottom - genToolHeaderHeight - DISTANCE, 0);
+            setMaxHeight(maxHeight);
+        } else {
+            const maxHeight = Math.max(genToolPos.top - parentOverflowPos.top - genToolHeaderHeight - DISTANCE, 0);
+            setMaxHeight(maxHeight);
+        }
+    }, [
+        genTool,
+        genPopupHeader
+    ]);
+    const handleChangePopupPositionY = react.useCallback((posY)=>{
+        setPopupPositionY(posY);
+        calculateMaxHeight(posY);
+    }, [
+        calculateMaxHeight
+    ]);
     const calculatePopupPositionY = react.useCallback(()=>{
         if (!genTool.current || !genPopup.current) return;
         const viewHeight = window.innerHeight;
@@ -16,21 +44,22 @@ const useFlipPopup = (isShowPopup, dom)=>{
         const genPopupHeight = genPopup.current?.getBoundingClientRect().height;
         const MIN_DISTANCE = 50;
         if (scrollTop + toolPos.top + genPopupHeight >= scrollHeight - MIN_DISTANCE) {
-            setPopupPositionY('bottom');
+            handleChangePopupPositionY('bottom');
             return;
         }
         if (toolPos.bottom + genPopupHeight > viewHeight) {
             if (toolPos.top - genPopupHeight < 0) {
-                setPopupPositionY('top');
+                handleChangePopupPositionY('top');
                 return;
             }
-            setPopupPositionY('bottom');
+            handleChangePopupPositionY('bottom');
             return;
         }
-        setPopupPositionY('top');
+        handleChangePopupPositionY('top');
     }, [
         genPopup,
-        genTool
+        genTool,
+        handleChangePopupPositionY
     ]);
     const calculatePopupPositionX = react.useCallback(()=>{
         if (!genTool.current || !genPopup.current) return;
@@ -62,6 +91,7 @@ const useFlipPopup = (isShowPopup, dom)=>{
     ]);
     return {
         isValidating,
+        maxHeight,
         popupPositionY,
         popupPositionX
     };

package/dist/cjs/contexts/ArticleContext.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var zustand = require('zustand');
+var react = require('react');
+
+// const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
+const ArticleContext = /*#__PURE__*/ react.createContext(null);
+const createArticleStoreProvider = (data)=>zustand.createStore(()=>({
+            ...data
+        }));
+const ArticleProvider = ({ children, article })=>{
+    const uniqueId = react.useId();
+    const store = react.useMemo(()=>{
+        return createArticleStoreProvider({
+            article,
+            uniqueId
+        });
+    }, [
+        article,
+        uniqueId
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(ArticleContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+            children: children
+        })
+    });
+};
+const useArticleStore = (selector, equalityFn)=>{
+    const store = react.useContext(ArticleContext);
+    if (!store) {
+        throw new Error('Element of article must be used inside a Article');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.ArticleProvider = ArticleProvider;
+exports.useArticleStore = useArticleStore;

package/dist/cjs/contexts/ArticleListContext.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var zustand = require('zustand');
+
+const ArticleListContext = /*#__PURE__*/ react.createContext(null);
+const createArticleListProvider = (data)=>zustand.createStore(()=>({
+            ...data
+        }));
+const ArticleListProvider = ({ articles, blogs, children, styles, settings })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(ArticleListContext.Provider, {
+        value: createArticleListProvider({
+            articles,
+            styles,
+            settings,
+            blogs
+        }),
+        children: children
+    });
+};
+const useArticleListStore = (selector, equalityFn)=>{
+    const store = react.useContext(ArticleListContext);
+    if (!store) {
+        throw new Error('useArticleListStore must be used within a useArticleListStore');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.ArticleListContext = ArticleListContext;
+exports.ArticleListProvider = ArticleListProvider;
+exports.useArticleListStore = useArticleListStore;

package/dist/cjs/hooks/articles/useArticlesQuery.js

@@ -0,0 +1,152 @@
+'use strict';
+
+const mock = [
+    {
+        baseID: 'gid://shopify/OnlineStoreBlog/592066740457',
+        id: 592066740457,
+        title: 'Blog post might appear in a search engine listing',
+        created_at: '2024-05-09T04:06:12-04:00',
+        body_html: '<span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span>',
+        blog_id: 91970044137,
+        author: 'Dev Team',
+        user_id: 90371653865,
+        published_at: '2024-05-09T04:06:12-04:00',
+        updated_at: '2024-05-09T04:06:13-04:00',
+        summary_html: '',
+        template_suffix: '',
+        handle: 'blog-post-might-appear-in-a-search-engine-listing',
+        tags: 'vintage',
+        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592066740457',
+        image: {
+            created_at: '2024-05-09T04:06:12-04:00',
+            alt: '',
+            width: 1073,
+            height: 719,
+            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_2.jpg?v=1715241973'
+        }
+    },
+    {
+        baseID: 'gid://shopify/OnlineStoreBlog/592066707689',
+        id: 592066707689,
+        title: 'ar on your home page or blog.',
+        created_at: '2024-05-09T04:05:26-04:00',
+        body_html: '<span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span>',
+        blog_id: 91970044137,
+        author: 'Dev Team',
+        user_id: 90371653865,
+        published_at: '2024-05-09T04:05:25-04:00',
+        updated_at: '2024-05-09T05:35:29-04:00',
+        summary_html: '',
+        template_suffix: '',
+        handle: 'ar-on-your-home-page-or-blog',
+        tags: 'cotton, vintage',
+        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592066707689',
+        image: {
+            created_at: '2024-05-09T04:05:26-04:00',
+            alt: '',
+            width: 1080,
+            height: 719,
+            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_1.jpg?v=1715241926'
+        }
+    },
+    {
+        baseID: 'gid://shopify/OnlineStoreBlog/592066674921',
+        id: 592066674921,
+        title: 'Add a summary of the post.',
+        created_at: '2024-05-09T04:04:44-04:00',
+        body_html: '<span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span>',
+        blog_id: 91970044137,
+        author: 'Dev Team',
+        user_id: 90371653865,
+        published_at: '2024-05-09T04:04:44-04:00',
+        updated_at: '2024-05-09T04:04:45-04:00',
+        summary_html: '',
+        template_suffix: '',
+        handle: 'add-a-summary-of-the-post',
+        tags: '',
+        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592066674921',
+        image: {
+            created_at: '2024-05-09T04:04:44-04:00',
+            alt: '',
+            width: 1086,
+            height: 718,
+            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_7.jpg?v=1715241885'
+        }
+    },
+    {
+        baseID: 'gid://shopify/OnlineStoreBlog/592058777833',
+        id: 592058777833,
+        title: 'Article Page - May 7, 10:47:14',
+        created_at: '2024-05-06T23:47:59-04:00',
+        body_html: '<h2>\n<span>Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span>\n</h2>',
+        blog_id: 91970044137,
+        author: 'GemPages',
+        user_id: null,
+        published_at: '2024-05-06T23:47:59-04:00',
+        updated_at: '2024-05-09T04:06:48-04:00',
+        summary_html: '',
+        template_suffix: 'gp-template-512584275137135821',
+        handle: 'article-page-may-7-10-47-14',
+        tags: 'vintage',
+        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592058777833',
+        image: {
+            created_at: '2024-05-09T04:06:41-04:00',
+            alt: '',
+            width: 578,
+            height: 585,
+            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_3.png?v=1715242002'
+        }
+    },
+    {
+        baseID: 'gid://shopify/OnlineStoreBlog/592058679529',
+        id: 592058679529,
+        title: 'Blog about your latest products or deals',
+        created_at: '2024-05-06T22:36:55-04:00',
+        body_html: '<span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span>',
+        blog_id: 91970044137,
+        author: 'Dev Team',
+        user_id: 90371653865,
+        published_at: '2024-05-06T22:36:54-04:00',
+        updated_at: '2024-05-09T03:46:39-04:00',
+        summary_html: '<span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span>',
+        template_suffix: 'gp-template-512584275137135821',
+        handle: 'blog-about-your-latest-products-or-deals',
+        tags: '',
+        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592058679529',
+        image: {
+            created_at: '2024-05-06T22:36:55-04:00',
+            alt: '',
+            width: 497,
+            height: 618,
+            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_3.jpg?v=1715049415'
+        }
+    }
+];
+const useArticlesQuery = ()=>{
+    return mock;
+};
+const useBlogsQuery = ()=>{
+    return {
+        blogs: {
+            edges: [
+                {
+                    node: {
+                        id: '511006979737518962',
+                        title: 'News',
+                        baseID: 'gid://shopify/OnlineStoreBlog/91970044137',
+                        tags: [],
+                        handle: 'news',
+                        descriptionMeta: '',
+                        description: '',
+                        titleMeta: '',
+                        templateSuffix: '',
+                        platform: 'SHOPIFY'
+                    }
+                }
+            ]
+        }
+    };
+};
+
+exports.useArticlesQuery = useArticlesQuery;
+exports.useBlogsQuery = useBlogsQuery;

package/dist/cjs/index.js

@@ -16,6 +16,8 @@ var ShopContext = require('./contexts/ShopContext.js');
 var PageContext = require('./contexts/PageContext.js');
 var CollectionContext = require('./contexts/CollectionContext.js');
 var ModalContext = require('./contexts/ModalContext.js');
+var ArticleListContext = require('./contexts/ArticleListContext.js');
+var ArticleContext = require('./contexts/ArticleContext.js');
 var pageViewUp_generated = require('./graphql/mutations/page-view-up.generated.js');
 var collectionDetailFilter_generated = require('./graphql/queries/collection-detail-filter.generated.js');
 var collection_generated = require('./graphql/queries/collection.generated.js');
@@ -89,6 +91,7 @@ var useIsomorphicLayoutEffect = require('./hooks/useIsomorphicLayoutEffect.js');
 var useLoadScript = require('./hooks/useLoadScript.js');
 var useMoney = require('./hooks/useMoney.js');
 var usePrevious = require('./hooks/usePrevious.js');
+var useArticlesQuery = require('./hooks/articles/useArticlesQuery.js');
 var useProduct = require('./hooks/useProduct.js');
 var useProductList = require('./hooks/useProductList.js');
 var useSuspenseFetch = require('./hooks/useSuspenseFetch.js');
@@ -136,6 +139,10 @@ exports.CollectionProvider = CollectionContext.CollectionProvider;
 exports.useCollectionStore = CollectionContext.useCollectionStore;
 exports.ModalProvider = ModalContext.ModalProvider;
 exports.useModalStore = ModalContext.useModalStore;
+exports.ArticleListProvider = ArticleListContext.ArticleListProvider;
+exports.useArticleListStore = ArticleListContext.useArticleListStore;
+exports.ArticleProvider = ArticleContext.ArticleProvider;
+exports.useArticleStore = ArticleContext.useArticleStore;
 exports.PageViewUpDocument = pageViewUp_generated.PageViewUpDocument;
 exports.CollectionDetailFilterDocument = collectionDetailFilter_generated.CollectionDetailFilterDocument;
 exports.CollectionDocument = collection_generated.CollectionDocument;
@@ -319,6 +326,8 @@ exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.default;
 exports.useLoadScript = useLoadScript.default;
 exports.useMoney = useMoney.default;
 exports.usePrevious = usePrevious.usePrevious;
+exports.useArticlesQuery = useArticlesQuery.useArticlesQuery;
+exports.useBlogsQuery = useArticlesQuery.useBlogsQuery;
 exports.useCheckAvailableVariantInStock = useProduct.useCheckAvailableVariantInStock;
 exports.useCurrentVariant = useProduct.useCurrentVariant;
 exports.useCurrentVariantInStock = useProduct.useCurrentVariantInStock;

package/dist/esm/components/ai-generator/AIContentGenerator.js

@@ -16,9 +16,11 @@ const AIContentGenerator = ({ ...props })=>{
     const [isShowMore, setIsShowMore] = useState(false);
     const genTool = useRef(null);
     const genPopup = useRef(null);
-    const { popupPositionX, popupPositionY, isValidating: isValidatingFlipPopup } = useFlipPopup(isShowPopup, {
+    const genPopupHeader = useRef(null);
+    const { popupPositionX, popupPositionY, isValidating: isValidatingFlipPopup, maxHeight: popupMaxHeight } = useFlipPopup(isShowPopup, {
         genTool,
-        genPopup
+        genPopup,
+        genPopupHeader
     });
     const { isGenerating, onGenerate, onOpenProductElementSettings } = useListenEventGenerate({
         uid: props.uid,
@@ -103,11 +105,12 @@ const AIContentGenerator = ({ ...props })=>{
                     'gp-top-8': popupPositionY === 'top',
                     'gp-bottom-8': popupPositionY === 'bottom',
                     '!gp-visible': !isValidatingFlipPopup
-                }, 'gp-absolute gp-invisible gp-rounded-lg gp-bg-[#151515] gp-p-4 gp-w-[312px] !gp-max-w-[312px] !gp-cursor-default'),
+                }, 'gp-absolute gp-invisible gp-rounded-lg gp-bg-[#151515] gp-w-[312px] !gp-max-w-[312px] !gp-cursor-default'),
                 ref: genPopup,
                 children: [
                     /*#__PURE__*/ jsxs("div", {
-                        className: "gp-flex gp-items-center gp-justify-between gp-mb-4",
+                        className: "gp-flex gp-items-center gp-justify-between gp-px-4 gp-py-[10px]",
+                        ref: genPopupHeader,
                         children: [
                             /*#__PURE__*/ jsx("span", {
                                 className: "gp-font-medium gp-text-sm",
@@ -121,7 +124,12 @@ const AIContentGenerator = ({ ...props })=>{
                         ]
                     }),
                     /*#__PURE__*/ jsxs("div", {
-                        className: "gp-mt-2 gp-text-left",
+                        className: classNames({
+                            'gp-overflow-auto': popupMaxHeight
+                        }, 'gp-pt-2 gp-pb-4 gp-text-left gp-px-4 scrollbar:gp-w-1 scrollbar-thumb:gp-bg-[#999] scrollbar-thumb:gp-rounded-xl'),
+                        style: {
+                            maxHeight: popupMaxHeight ? `${popupMaxHeight}px` : 'auto'
+                        },
                         children: [
                             /*#__PURE__*/ jsx("div", {
                                 className: "gp-mb-4",

package/dist/esm/components/ai-generator/AIGenContentLoading.js

@@ -1,5 +1,6 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useCallback, useEffect } from 'react';
+import { AIIcon } from './icons/AIIcon.js';
 
 const AIGenContentLoading = ({ ...props })=>{
     const [isGenerating, setIsGenerating] = useState(false);
@@ -40,15 +41,18 @@ const AIGenContentLoading = ({ ...props })=>{
     }, [
         onGenerateContentStatus
     ]);
-    return isGenerating ? /*#__PURE__*/ jsx("div", {
-        className: "gp-absolute gp-top-0 gp-left-0 gp-w-full gp-h-full gp-bg-white gp-bg-opacity-70 gp-flex gp-justify-center gp-items-center gp-z-100",
-        children: /*#__PURE__*/ jsxs("span", {
-            className: "gp-font-medium",
-            children: [
-                "Generating",
-                Array.from(Array(numDots).keys()).map(()=>'.')
-            ]
-        })
+    return isGenerating ? /*#__PURE__*/ jsxs("div", {
+        className: "gp-absolute gp-top-0 gp-left-0 gp-w-full gp-h-full gp-bg-white gp-bg-opacity-70 gp-flex gp-justify-center gp-items-center gp-z-100 gp-gap-2",
+        children: [
+            /*#__PURE__*/ jsx(AIIcon, {}),
+            /*#__PURE__*/ jsxs("span", {
+                className: "gp-font-medium",
+                children: [
+                    "Generating",
+                    Array.from(Array(numDots).keys()).map(()=>'.')
+                ]
+            })
+        ]
     }) : null;
 };
 

package/dist/esm/components/ai-generator/hooks/useFlipPopup.js

@@ -1,10 +1,38 @@
 import { useState, useCallback, useEffect } from 'react';
 
 const useFlipPopup = (isShowPopup, dom)=>{
-    const { genTool, genPopup } = dom;
+    const { genTool, genPopup, genPopupHeader } = dom;
     const [popupPositionY, setPopupPositionY] = useState('top');
     const [popupPositionX, setPopupPositionX] = useState('left');
+    const [maxHeight, setMaxHeight] = useState(null);
     const [isValidating, setIsValidating] = useState(true);
+    const calculateMaxHeight = useCallback((popupPositionY)=>{
+        const parentOverflow = genTool.current?.closest("[class~='gp-overflow-hidden']");
+        if (!parentOverflow || !genTool.current) {
+            setMaxHeight(null);
+            return;
+        }
+        const parentOverflowPos = parentOverflow.getBoundingClientRect();
+        const genToolPos = genTool.current.getBoundingClientRect();
+        const genToolHeaderHeight = genPopupHeader.current?.getBoundingClientRect().height || 0;
+        const DISTANCE = 8;
+        if (popupPositionY === 'top') {
+            const maxHeight = Math.max(parentOverflowPos.bottom - genToolPos.bottom - genToolHeaderHeight - DISTANCE, 0);
+            setMaxHeight(maxHeight);
+        } else {
+            const maxHeight = Math.max(genToolPos.top - parentOverflowPos.top - genToolHeaderHeight - DISTANCE, 0);
+            setMaxHeight(maxHeight);
+        }
+    }, [
+        genTool,
+        genPopupHeader
+    ]);
+    const handleChangePopupPositionY = useCallback((posY)=>{
+        setPopupPositionY(posY);
+        calculateMaxHeight(posY);
+    }, [
+        calculateMaxHeight
+    ]);
     const calculatePopupPositionY = useCallback(()=>{
         if (!genTool.current || !genPopup.current) return;
         const viewHeight = window.innerHeight;
@@ -14,21 +42,22 @@ const useFlipPopup = (isShowPopup, dom)=>{
         const genPopupHeight = genPopup.current?.getBoundingClientRect().height;
         const MIN_DISTANCE = 50;
         if (scrollTop + toolPos.top + genPopupHeight >= scrollHeight - MIN_DISTANCE) {
-            setPopupPositionY('bottom');
+            handleChangePopupPositionY('bottom');
             return;
         }
         if (toolPos.bottom + genPopupHeight > viewHeight) {
             if (toolPos.top - genPopupHeight < 0) {
-                setPopupPositionY('top');
+                handleChangePopupPositionY('top');
                 return;
             }
-            setPopupPositionY('bottom');
+            handleChangePopupPositionY('bottom');
             return;
         }
-        setPopupPositionY('top');
+        handleChangePopupPositionY('top');
     }, [
         genPopup,
-        genTool
+        genTool,
+        handleChangePopupPositionY
     ]);
     const calculatePopupPositionX = useCallback(()=>{
         if (!genTool.current || !genPopup.current) return;
@@ -60,6 +89,7 @@ const useFlipPopup = (isShowPopup, dom)=>{
     ]);
     return {
         isValidating,
+        maxHeight,
         popupPositionY,
         popupPositionX
     };

package/dist/esm/contexts/ArticleContext.js

@@ -0,0 +1,36 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useStore, createStore } from 'zustand';
+import { useId, useMemo, useContext, createContext } from 'react';
+
+// const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
+const ArticleContext = /*#__PURE__*/ createContext(null);
+const createArticleStoreProvider = (data)=>createStore(()=>({
+            ...data
+        }));
+const ArticleProvider = ({ children, article })=>{
+    const uniqueId = useId();
+    const store = useMemo(()=>{
+        return createArticleStoreProvider({
+            article,
+            uniqueId
+        });
+    }, [
+        article,
+        uniqueId
+    ]);
+    return /*#__PURE__*/ jsx(ArticleContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/ jsx(Fragment, {
+            children: children
+        })
+    });
+};
+const useArticleStore = (selector, equalityFn)=>{
+    const store = useContext(ArticleContext);
+    if (!store) {
+        throw new Error('Element of article must be used inside a Article');
+    }
+    return useStore(store, selector, equalityFn);
+};
+
+export { ArticleProvider, useArticleStore };

package/dist/esm/contexts/ArticleListContext.js

@@ -0,0 +1,28 @@
+import { jsx } from 'react/jsx-runtime';
+import { useContext, createContext } from 'react';
+import { useStore, createStore } from 'zustand';
+
+const ArticleListContext = /*#__PURE__*/ createContext(null);
+const createArticleListProvider = (data)=>createStore(()=>({
+            ...data
+        }));
+const ArticleListProvider = ({ articles, blogs, children, styles, settings })=>{
+    return /*#__PURE__*/ jsx(ArticleListContext.Provider, {
+        value: createArticleListProvider({
+            articles,
+            styles,
+            settings,
+            blogs
+        }),
+        children: children
+    });
+};
+const useArticleListStore = (selector, equalityFn)=>{
+    const store = useContext(ArticleListContext);
+    if (!store) {
+        throw new Error('useArticleListStore must be used within a useArticleListStore');
+    }
+    return useStore(store, selector, equalityFn);
+};
+
+export { ArticleListContext, ArticleListProvider, useArticleListStore };

package/dist/esm/hooks/articles/useArticlesQuery.js

@@ -0,0 +1,149 @@
+const mock = [
+    {
+        baseID: 'gid://shopify/OnlineStoreBlog/592066740457',
+        id: 592066740457,
+        title: 'Blog post might appear in a search engine listing',
+        created_at: '2024-05-09T04:06:12-04:00',
+        body_html: '<span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span>',
+        blog_id: 91970044137,
+        author: 'Dev Team',
+        user_id: 90371653865,
+        published_at: '2024-05-09T04:06:12-04:00',
+        updated_at: '2024-05-09T04:06:13-04:00',
+        summary_html: '',
+        template_suffix: '',
+        handle: 'blog-post-might-appear-in-a-search-engine-listing',
+        tags: 'vintage',
+        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592066740457',
+        image: {
+            created_at: '2024-05-09T04:06:12-04:00',
+            alt: '',
+            width: 1073,
+            height: 719,
+            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_2.jpg?v=1715241973'
+        }
+    },
+    {
+        baseID: 'gid://shopify/OnlineStoreBlog/592066707689',
+        id: 592066707689,
+        title: 'ar on your home page or blog.',
+        created_at: '2024-05-09T04:05:26-04:00',
+        body_html: '<span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span>',
+        blog_id: 91970044137,
+        author: 'Dev Team',
+        user_id: 90371653865,
+        published_at: '2024-05-09T04:05:25-04:00',
+        updated_at: '2024-05-09T05:35:29-04:00',
+        summary_html: '',
+        template_suffix: '',
+        handle: 'ar-on-your-home-page-or-blog',
+        tags: 'cotton, vintage',
+        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592066707689',
+        image: {
+            created_at: '2024-05-09T04:05:26-04:00',
+            alt: '',
+            width: 1080,
+            height: 719,
+            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_1.jpg?v=1715241926'
+        }
+    },
+    {
+        baseID: 'gid://shopify/OnlineStoreBlog/592066674921',
+        id: 592066674921,
+        title: 'Add a summary of the post.',
+        created_at: '2024-05-09T04:04:44-04:00',
+        body_html: '<span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span><span data-mce-fragment="1">Add a title and description to see how this Blog post might appear in a search engine listing</span>',
+        blog_id: 91970044137,
+        author: 'Dev Team',
+        user_id: 90371653865,
+        published_at: '2024-05-09T04:04:44-04:00',
+        updated_at: '2024-05-09T04:04:45-04:00',
+        summary_html: '',
+        template_suffix: '',
+        handle: 'add-a-summary-of-the-post',
+        tags: '',
+        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592066674921',
+        image: {
+            created_at: '2024-05-09T04:04:44-04:00',
+            alt: '',
+            width: 1086,
+            height: 718,
+            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_7.jpg?v=1715241885'
+        }
+    },
+    {
+        baseID: 'gid://shopify/OnlineStoreBlog/592058777833',
+        id: 592058777833,
+        title: 'Article Page - May 7, 10:47:14',
+        created_at: '2024-05-06T23:47:59-04:00',
+        body_html: '<h2>\n<span>Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span>\n</h2>',
+        blog_id: 91970044137,
+        author: 'GemPages',
+        user_id: null,
+        published_at: '2024-05-06T23:47:59-04:00',
+        updated_at: '2024-05-09T04:06:48-04:00',
+        summary_html: '',
+        template_suffix: 'gp-template-512584275137135821',
+        handle: 'article-page-may-7-10-47-14',
+        tags: 'vintage',
+        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592058777833',
+        image: {
+            created_at: '2024-05-09T04:06:41-04:00',
+            alt: '',
+            width: 578,
+            height: 585,
+            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_3.png?v=1715242002'
+        }
+    },
+    {
+        baseID: 'gid://shopify/OnlineStoreBlog/592058679529',
+        id: 592058679529,
+        title: 'Blog about your latest products or deals',
+        created_at: '2024-05-06T22:36:55-04:00',
+        body_html: '<span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span><span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span>',
+        blog_id: 91970044137,
+        author: 'Dev Team',
+        user_id: 90371653865,
+        published_at: '2024-05-06T22:36:54-04:00',
+        updated_at: '2024-05-09T03:46:39-04:00',
+        summary_html: '<span data-mce-fragment="1">Add a summary of the post to appear on your home page or blog.</span>',
+        template_suffix: 'gp-template-512584275137135821',
+        handle: 'blog-about-your-latest-products-or-deals',
+        tags: '',
+        admin_graphql_api_id: 'gid://shopify/OnlineStoreArticle/592058679529',
+        image: {
+            created_at: '2024-05-06T22:36:55-04:00',
+            alt: '',
+            width: 497,
+            height: 618,
+            src: 'https://cdn.shopify.com/s/files/1/0692/6562/1225/articles/Screenshot_3.jpg?v=1715049415'
+        }
+    }
+];
+const useArticlesQuery = ()=>{
+    return mock;
+};
+const useBlogsQuery = ()=>{
+    return {
+        blogs: {
+            edges: [
+                {
+                    node: {
+                        id: '511006979737518962',
+                        title: 'News',
+                        baseID: 'gid://shopify/OnlineStoreBlog/91970044137',
+                        tags: [],
+                        handle: 'news',
+                        descriptionMeta: '',
+                        description: '',
+                        titleMeta: '',
+                        templateSuffix: '',
+                        platform: 'SHOPIFY'
+                    }
+                }
+            ]
+        }
+    };
+};
+
+export { useArticlesQuery, useBlogsQuery };

package/dist/esm/index.js

@@ -14,6 +14,8 @@ export { ShopProvider, useShopStore } from './contexts/ShopContext.js';
 export { PageProvider, usePageStore } from './contexts/PageContext.js';
 export { CollectionProvider, useCollectionStore } from './contexts/CollectionContext.js';
 export { ModalProvider, useModalStore } from './contexts/ModalContext.js';
+export { ArticleListProvider, useArticleListStore } from './contexts/ArticleListContext.js';
+export { ArticleProvider, useArticleStore } from './contexts/ArticleContext.js';
 export { PageViewUpDocument } from './graphql/mutations/page-view-up.generated.js';
 export { CollectionDetailFilterDocument } from './graphql/queries/collection-detail-filter.generated.js';
 export { CollectionDocument } from './graphql/queries/collection.generated.js';
@@ -90,6 +92,7 @@ export { default as useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayou
 export { default as useLoadScript } from './hooks/useLoadScript.js';
 export { default as useMoney } from './hooks/useMoney.js';
 export { usePrevious } from './hooks/usePrevious.js';
+export { useArticlesQuery, useBlogsQuery } from './hooks/articles/useArticlesQuery.js';
 export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useIsSyncProduct, useProduct, useProductOfferDiscount, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants } from './hooks/useProduct.js';
 export { useProductList, useProductListProducts, useProductListSettings, useProductListStyles } from './hooks/useProductList.js';
 export { default as useSuspenseFetch } from './hooks/useSuspenseFetch.js';

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,
@@ -6926,6 +6926,7 @@ type InputControlType<T> = SharedControlType<T> & {
         value: any;
     }[];
     readonly?: boolean;
+    suffix?: string;
     action?: {
         clear?: boolean;
     };
@@ -7423,6 +7424,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';
@@ -7582,6 +7588,7 @@ type ParallaxScrollingType<T> = SharedControlType<T> & {
 
 type BackgroundColorPickerType<T> = SharedControlType<T> & {
     type: 'background-color-picker';
+    mode?: 'both' | 'solid' | 'gradient';
     popup?: boolean;
     readonly?: boolean;
 };
@@ -7731,7 +7738,11 @@ type ButtonLayoutType<T> = SharedControlType<T> & {
     type: 'button-layout';
 };
 
-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> | NotesControlType<T> | ButtonLayoutType<T>;
+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> | 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> | BackgroundColorPickerType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T>;
 type ControlTriggerAction = {
     controlId: string;
     newValue?: any;
@@ -7959,7 +7970,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']>;
@@ -8032,7 +8043,7 @@ type ArticleConnection = {
 };
 type ArticleEdge = {
     cursor?: Maybe<Scalars['Cursor']>;
-    node?: Maybe<Article>;
+    node?: Maybe<Article$1>;
 };
 type ArticleOrder = {
     direction: OrderDirection;
@@ -18842,7 +18853,7 @@ type PutCustomComponentFileInput = {
     name: Scalars['String'];
 };
 type Query = {
-    article?: Maybe<Article>;
+    article?: Maybe<Article$1>;
     articles?: Maybe<ArticleConnection>;
     backgroundTasks?: Maybe<BackgroundTaskConnection>;
     blog?: Maybe<Blog>;
@@ -25023,7 +25034,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;
@@ -26016,7 +26026,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,
@@ -27609,6 +27619,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'];
@@ -35889,6 +35932,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;
@@ -35971,4 +36072,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, 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, 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, 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.41.0-dev.29",
+  "version": "1.41.0-dev.34",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",