@gem-sdk/core 1.14.0-next.96 → 1.14.0

package/dist/cjs/hooks/useProduct.js

@@ -1 +1,124 @@
-"use strict";var react=require("react"),ProductContext=require("../contexts/ProductContext.js"),flattenConnection=require("../helpers/flatten-connection.js");require("swr");var product=require("../helpers/product.js");require("../helpers/convert.js");var variant=require("../helpers/variant.js");const useUniqProductID=()=>ProductContext.useProductStore(e=>e.uiqueId),useProduct=()=>ProductContext.useProductStore(e=>e.product),useFeaturedImageGlobal=()=>ProductContext.useProductStore(e=>e.featuredImageGlobal),useProductProperties=()=>ProductContext.useProductStore(e=>e.properties),useQuantity=()=>{let e=ProductContext.useProductStore(e=>e.quantity),t=ProductContext.useProductStore(e=>e.decrementQuantity),r=ProductContext.useProductStore(e=>e.incrementQuantity),u=ProductContext.useProductStore(e=>e.setQuantity),o=react.useCallback(()=>{u(1)},[u]);return react.useMemo(()=>({quantity:e,increment:r,decrement:t,reset:o,setQuantity:u}),[t,r,e,o,u])},useSelectedOption=()=>{let e=ProductContext.useProductStore(e=>e.setSelectedOption),t=ProductContext.useProductStore(e=>e.selectedOptions),r=ProductContext.useProductStore(e=>e.forceSelectedOption),u=react.useCallback((t,r)=>{e(t,r)},[e]);return react.useMemo(()=>({selectedOptions:t,setSelectedOption:u,forceSelectedOption:r}),[t,u,r])},useVariants=()=>{let e=ProductContext.useProductStore(e=>e.product?.variants);return flattenConnection.flattenConnection(e)},useVariant=e=>{let t=useVariants();return react.useMemo(()=>t?.find(t=>t?.id===e),[e,t])},useCurrentVariant=()=>{let{selectedOptions:e}=useSelectedOption(),t=useVariants();return react.useMemo(()=>product.getSelectedVariant(t,e),[e,t])},useCurrentVariantInStock=()=>{let e=useCurrentVariant(),t=variant.checkInStock(e);return t},useVariantOutStock=(e,t)=>{let{selectedOptions:r}=useSelectedOption(),u=useVariants(),o=product.getSelectedVariant(u,{...r,[e]:t}),n=variant.checkInStock(o);return!n},useCheckAvailableVariantInStock=(e,t)=>{let r=useVariants();return!!r&&r.some(r=>{if(r){let{selectedOptions:u}=r,o=u?.some(r=>r?.name===e&&r.value===t),n=variant.checkInStock(r);return o&&n}return!1})};exports.useCheckAvailableVariantInStock=useCheckAvailableVariantInStock,exports.useCurrentVariant=useCurrentVariant,exports.useCurrentVariantInStock=useCurrentVariantInStock,exports.useFeaturedImageGlobal=useFeaturedImageGlobal,exports.useProduct=useProduct,exports.useProductProperties=useProductProperties,exports.useQuantity=useQuantity,exports.useSelectedOption=useSelectedOption,exports.useUniqProductID=useUniqProductID,exports.useVariant=useVariant,exports.useVariantOutStock=useVariantOutStock,exports.useVariants=useVariants;
+'use strict';
+
+var react = require('react');
+var ProductContext = require('../contexts/ProductContext.js');
+var flattenConnection = require('../helpers/flatten-connection.js');
+require('swr');
+var product = require('../helpers/product.js');
+require('../helpers/convert.js');
+var variant = require('../helpers/variant.js');
+
+const useUniqProductID = ()=>{
+    return ProductContext.useProductStore((s)=>s.uiqueId);
+};
+const useProduct = ()=>{
+    return ProductContext.useProductStore((s)=>s.product);
+};
+const useFeaturedImageGlobal = ()=>{
+    return ProductContext.useProductStore((s)=>s.featuredImageGlobal);
+};
+const useProductProperties = ()=>{
+    return ProductContext.useProductStore((s)=>s.properties);
+};
+const useQuantity = ()=>{
+    const quantity = ProductContext.useProductStore((s)=>s.quantity);
+    const decrement = ProductContext.useProductStore((s)=>s.decrementQuantity);
+    const increment = ProductContext.useProductStore((s)=>s.incrementQuantity);
+    const updateQuantity = ProductContext.useProductStore((s)=>s.setQuantity);
+    const reset = react.useCallback(()=>{
+        updateQuantity(1);
+    }, [
+        updateQuantity
+    ]);
+    return react.useMemo(()=>({
+            quantity,
+            increment,
+            decrement,
+            reset,
+            setQuantity: updateQuantity
+        }), [
+        decrement,
+        increment,
+        quantity,
+        reset,
+        updateQuantity
+    ]);
+};
+const useSelectedOption = ()=>{
+    const setSelectedOption = ProductContext.useProductStore((s)=>s.setSelectedOption);
+    const selectedOptions = ProductContext.useProductStore((s)=>s.selectedOptions);
+    const forceSelectedOption = ProductContext.useProductStore((s)=>s.forceSelectedOption);
+    const updateOption = react.useCallback((optionId, optionValue)=>{
+        setSelectedOption(optionId, optionValue);
+    }, [
+        setSelectedOption
+    ]);
+    return react.useMemo(()=>({
+            selectedOptions,
+            setSelectedOption: updateOption,
+            forceSelectedOption
+        }), [
+        selectedOptions,
+        updateOption,
+        forceSelectedOption
+    ]);
+};
+const useVariants = ()=>{
+    const variants = ProductContext.useProductStore((s)=>s.product?.variants);
+    return flattenConnection.flattenConnection(variants);
+};
+const useVariant = (id)=>{
+    const variants = useVariants();
+    return react.useMemo(()=>variants?.find((v)=>v?.id === id), [
+        id,
+        variants
+    ]);
+};
+const useCurrentVariant = ()=>{
+    const { selectedOptions } = useSelectedOption();
+    const variants = useVariants();
+    return react.useMemo(()=>product.getSelectedVariant(variants, selectedOptions), [
+        selectedOptions,
+        variants
+    ]);
+};
+const useCurrentVariantInStock = ()=>{
+    const currentVariant = useCurrentVariant();
+    const isInStock = variant.checkInStock(currentVariant);
+    return isInStock;
+};
+const useVariantOutStock = (optionId, optionValue)=>{
+    const { selectedOptions } = useSelectedOption();
+    const variants = useVariants();
+    const matchedVariant = product.getSelectedVariant(variants, {
+        ...selectedOptions,
+        [optionId]: optionValue
+    });
+    const isInStock = variant.checkInStock(matchedVariant);
+    return !isInStock;
+};
+const useCheckAvailableVariantInStock = (optionId, optionValue)=>{
+    const variants = useVariants();
+    return variants ? variants.some((item)=>{
+        if (item) {
+            const { selectedOptions } = item;
+            const opt = selectedOptions?.some((option)=>option?.name === optionId && option.value === optionValue);
+            const isInStock = variant.checkInStock(item);
+            return opt && isInStock;
+        }
+        return false;
+    }) : false;
+};
+
+exports.useCheckAvailableVariantInStock = useCheckAvailableVariantInStock;
+exports.useCurrentVariant = useCurrentVariant;
+exports.useCurrentVariantInStock = useCurrentVariantInStock;
+exports.useFeaturedImageGlobal = useFeaturedImageGlobal;
+exports.useProduct = useProduct;
+exports.useProductProperties = useProductProperties;
+exports.useQuantity = useQuantity;
+exports.useSelectedOption = useSelectedOption;
+exports.useUniqProductID = useUniqProductID;
+exports.useVariant = useVariant;
+exports.useVariantOutStock = useVariantOutStock;
+exports.useVariants = useVariants;

package/dist/cjs/hooks/useProductList.js

@@ -1 +1,21 @@
-"use strict";var ProductListContext=require("../contexts/ProductListContext.js");const useProductList=()=>ProductListContext.useProductListStore(t=>t.collection),useProductListProducts=()=>ProductListContext.useProductListStore(t=>t.products),useProductListSettings=()=>ProductListContext.useProductListStore(t=>t.settings),useProductListStyles=()=>ProductListContext.useProductListStore(t=>t.styles);exports.useProductList=useProductList,exports.useProductListProducts=useProductListProducts,exports.useProductListSettings=useProductListSettings,exports.useProductListStyles=useProductListStyles;
+'use strict';
+
+var ProductListContext = require('../contexts/ProductListContext.js');
+
+const useProductList = ()=>{
+    return ProductListContext.useProductListStore((s)=>s.collection);
+};
+const useProductListProducts = ()=>{
+    return ProductListContext.useProductListStore((s)=>s.products);
+};
+const useProductListSettings = ()=>{
+    return ProductListContext.useProductListStore((s)=>s.settings);
+};
+const useProductListStyles = ()=>{
+    return ProductListContext.useProductListStore((s)=>s.styles);
+};
+
+exports.useProductList = useProductList;
+exports.useProductListProducts = useProductListProducts;
+exports.useProductListSettings = useProductListSettings;
+exports.useProductListStyles = useProductListStyles;

package/dist/cjs/hooks/useSuspenseFetch.js

@@ -1 +1,27 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const cache=new Map,useSuspenseFetch=(e,t)=>{let s=cache.get(e)||{status:"new",data:null};if("resolved"===s.status)return{data:s.data};throw t().then(t=>{s.status="resolved",s.data=t,cache.set(e,s)}).catch(()=>{s.status="error",s.data=null}),t()};exports.default=useSuspenseFetch;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const cache = new Map();
+const useSuspenseFetch = (key, promise)=>{
+    const value = cache.get(key) || {
+        status: 'new',
+        data: null
+    };
+    if (value.status === 'resolved') {
+        return {
+            data: value.data
+        };
+    }
+    promise().then((data)=>{
+        value.status = 'resolved';
+        value.data = data;
+        cache.set(key, value);
+    }).catch(()=>{
+        value.status = 'error';
+        value.data = null;
+    });
+    throw promise();
+};
+
+exports.default = useSuspenseFetch;

package/dist/cjs/hooks/useSwatchesOptions.js

@@ -1 +1,41 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var shop=require("./shop.js");const initialSwatchOptionValue={label:"",colors:[],imageUrl:""},initialGlobalSwatchesData={optionTitle:"",optionType:"",optionValues:[]},useSwatchesOptions=e=>{let{swatches:t}=shop.useSwatches();return e?e?.map(e=>{let a=t?.find(t=>t?.optionTitle===e?.name)||{...initialGlobalSwatchesData};return{...e,optionType:a?a.optionType:"",values:e.values?.map(e=>{let t=a&&a?.optionValues?.find(t=>t?.label===e?.label)||{...initialSwatchOptionValue};return{...e,colors:t?.colors||[],imageUrl:t?.imageUrl||""}})}}):[]};exports.default=useSwatchesOptions;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var shop = require('./shop.js');
+
+const initialSwatchOptionValue = {
+    label: '',
+    colors: [],
+    imageUrl: ''
+};
+const initialGlobalSwatchesData = {
+    optionTitle: '',
+    optionType: '',
+    optionValues: []
+};
+const useSwatchesOptions = (options)=>{
+    const { swatches } = shop.useSwatches();
+    if (!options) return [];
+    return options?.map((option)=>{
+        const swatchOption = swatches?.find((sw)=>sw?.optionTitle === option?.name) || {
+            ...initialGlobalSwatchesData
+        };
+        return {
+            ...option,
+            optionType: swatchOption ? swatchOption.optionType : '',
+            values: option.values?.map((val)=>{
+                const swatchValue = swatchOption && swatchOption?.optionValues?.find((swatOp)=>swatOp?.label === val?.label) || {
+                    ...initialSwatchOptionValue
+                };
+                return {
+                    ...val,
+                    colors: swatchValue?.colors || [],
+                    imageUrl: swatchValue?.imageUrl || ''
+                };
+            })
+        };
+    });
+};
+
+exports.default = useSwatchesOptions;

package/dist/cjs/index.js

@@ -1 +1,291 @@
-"use strict";var AddOn=require("./components/AddOn.js"),Render=require("./components/Render.js"),RenderPreview=require("./components/RenderPreview.js"),Render_liquid=require("./components/Render.liquid.js"),AddonContext=require("./contexts/AddonContext.js"),BuilderComponent=require("./contexts/BuilderComponent.js"),BuilderContext=require("./contexts/BuilderContext.js"),BuilderPreviewContext=require("./contexts/BuilderPreviewContext.js"),CartLineContext=require("./contexts/CartLineContext.js"),ProductListContext=require("./contexts/ProductListContext.js"),ProductContext=require("./contexts/ProductContext.js"),SectionContext=require("./contexts/SectionContext.js"),ShopContext=require("./contexts/ShopContext.js"),CollectionContext=require("./contexts/CollectionContext.js"),ModalContext=require("./contexts/ModalContext.js"),pageViewUp_generated=require("./graphql/mutations/page-view-up.generated.js"),collectionDetailFilter_generated=require("./graphql/queries/collection-detail-filter.generated.js"),collection_generated=require("./graphql/queries/collection.generated.js"),collections_generated=require("./graphql/queries/collections.generated.js"),publishedThemePages_generated=require("./graphql/queries/published-theme-pages.generated.js"),products_generated=require("./graphql/queries/products.generated.js"),storeProperty_generated=require("./graphql/queries/store-property.generated.js"),previewPage_generated=require("./graphql/queries/preview-page.generated.js"),borders=require("./helpers/borders.js"),cls=require("./helpers/cls.js"),flattenConnection=require("./helpers/flatten-connection.js"),getResonsiveValue=require("./helpers/get-resonsive-value.js"),getShortname=require("./helpers/get-shortname.js"),GlobalEvent=require("./helpers/GlobalEvent.js"),isBrowser=require("./helpers/is-browser.js"),isSafari=require("./helpers/is-safari.js"),isEmptyChildren=require("./helpers/is-empty-children.js"),makeStyle=require("./helpers/make-style.js"),normalizeBuilderData=require("./helpers/normalize-builder-data.js"),prefetchQueries=require("./helpers/prefetch-queries.js"),spacing=require("./helpers/spacing.js"),loadScript=require("./helpers/load-script.js"),email=require("./helpers/email.js"),cssVariable=require("./helpers/css-variable.js"),layout=require("./helpers/layout.js"),isDefined=require("./helpers/is-defined.js"),colors=require("./helpers/colors.js"),typography=require("./helpers/typography.js"),radius=require("./helpers/radius.js"),product=require("./helpers/product.js"),fpixel=require("./helpers/tracking/fpixel.js"),gtag=require("./helpers/tracking/gtag.js"),tiktokpixel=require("./helpers/tracking/tiktokpixel.js"),render=require("./helpers/render.js"),convert=require("./helpers/convert.js"),size=require("./helpers/size.js"),shadow=require("./helpers/shadow.js"),background=require("./helpers/background.js"),query=require("./helpers/query.js"),composeAdvanceStyle=require("./helpers/compose-advance-style.js"),useAddToCart=require("./hooks/cart/use-add-to-cart.js"),useCartData=require("./hooks/cart/use-cart-data.js"),useCartDiscountCodesUpdate=require("./hooks/cart/use-cart-discount-codes-update.js"),useCartNoteUpdate=require("./hooks/cart/use-cart-note-update.js"),useCreateCart=require("./hooks/cart/use-create-cart.js"),useRemoveCartItem=require("./hooks/cart/use-remove-cart-item.js"),useUpdateCartItem=require("./hooks/cart/use-update-cart-item.js"),shop=require("./hooks/shop.js"),useCollectionQuery=require("./hooks/shop/use-collection-query.js"),useCollectionsQuery=require("./hooks/shop/use-collections-query.js"),useProductQuery=require("./hooks/shop/use-product-query.js"),useProductsQuery=require("./hooks/shop/use-products-query.js"),useCurrentDevice=require("./hooks/use-current-device.js"),useFormatMoney=require("./hooks/useFormatMoney.js"),useLazyVideo=require("./hooks/use-lazy-video.js"),useCartId=require("./hooks/useCartId.js"),useCartLine=require("./hooks/useCartLine.js"),useCartUI=require("./hooks/useCartUI.js"),useCollection=require("./hooks/useCollection.js"),react=require("react"),useIsomorphicLayoutEffect=require("./hooks/useIsomorphicLayoutEffect.js"),useLoadScript=require("./hooks/useLoadScript.js"),useMoney=require("./hooks/useMoney.js"),usePrevious=require("./hooks/usePrevious.js"),useProduct=require("./hooks/useProduct.js"),useProductList=require("./hooks/useProductList.js"),useSuspenseFetch=require("./hooks/useSuspenseFetch.js"),useSwatchesOptions=require("./hooks/useSwatchesOptions.js"),shop$1=require("./types/shop.js"),globalStyle=require("./types/global-style.js"),getCollection=require("./helpers/queries/get-collection.js"),getProduct=require("./helpers/queries/get-product.js"),getProductBySlug=require("./helpers/queries/get-product-by-slug.js");exports.AddOn=AddOn.default,exports.Render=Render.default,exports.RenderPreview=RenderPreview.default,exports.RenderChildren=Render_liquid.RenderChildren,exports.RenderLiquid=Render_liquid.default,exports.AddonProvider=AddonContext.AddonProvider,exports.useAddon=AddonContext.useAddon,exports.useAddons=AddonContext.useAddons,exports.BuilderComponentProvider=BuilderComponent.BuilderComponentProvider,exports.useBuilderComponent=BuilderComponent.useBuilderComponent,exports.BuilderProvider=BuilderContext.BuilderProvider,exports.useBuilderStore=BuilderContext.useBuilderStore,exports.BuilderPreviewProvider=BuilderPreviewContext.BuilderPreviewProvider,exports.useBuilderPreviewStore=BuilderPreviewContext.useBuilderPreviewStore,exports.CartLineProvider=CartLineContext.CartLineProvider,exports.useCartLineStore=CartLineContext.useCartLineStore,exports.ProductListProvider=ProductListContext.ProductListProvider,exports.useProductListStore=ProductListContext.useProductListStore,exports.ProductProvider=ProductContext.ProductProvider,exports.useProductStore=ProductContext.useProductStore,exports.SectionProvider=SectionContext.SectionProvider,exports.useSection=SectionContext.useSection,exports.useSectionStore=SectionContext.useSectionStore,exports.ShopProvider=ShopContext.ShopProvider,exports.useShopStore=ShopContext.useShopStore,exports.CollectionProvider=CollectionContext.CollectionProvider,exports.useCollectionStore=CollectionContext.useCollectionStore,exports.ModalProvider=ModalContext.ModalProvider,exports.useModalStore=ModalContext.useModalStore,exports.PageViewUpDocument=pageViewUp_generated.PageViewUpDocument,exports.CollectionDetailFilterDocument=collectionDetailFilter_generated.CollectionDetailFilterDocument,exports.CollectionDocument=collection_generated.CollectionDocument,exports.CollectionsDocument=collections_generated.CollectionsDocument,exports.PublishedThemePagesDocument=publishedThemePages_generated.PublishedThemePagesDocument,exports.ProductsDocument=products_generated.ProductsDocument,exports.StorePropertyDocument=storeProperty_generated.StorePropertyDocument,exports.PreviewPageDocument=previewPage_generated.PreviewPageDocument,exports.composeBorderCss=borders.composeBorderCss,exports.getBorderStyle=borders.getBorderStyle,exports.handleConvertBorderColor=borders.handleConvertBorderColor,exports.handleConvertBorderStyle=borders.handleConvertBorderStyle,exports.handleConvertBorderWidth=borders.handleConvertBorderWidth,exports.handleConvertClassColor=borders.handleConvertClassColor,exports.handleConvertClassColorDynamicBtn=borders.handleConvertClassColorDynamicBtn,exports.cls=cls.cls,exports.flattenConnection=flattenConnection.flattenConnection,exports.getResponsiveStateValue=getResonsiveValue.getResponsiveStateValue,exports.getResponsiveValue=getResonsiveValue.getResponsiveValue,exports.getResponsiveValueByScreen=getResonsiveValue.getResponsiveValueByScreen,exports.getShortName=getShortname.getShortName,exports.globalEvent=GlobalEvent.default,exports.isBrowser=isBrowser.default,exports.isSafari=isSafari.default,exports.isEmptyChildren=isEmptyChildren.isEmptyChildren,exports.makeAspectRatio=makeStyle.makeAspectRatio,exports.makeHeight=makeStyle.makeHeight,exports.makeLineClamp=makeStyle.makeLineClamp,exports.makeStyle=makeStyle.makeStyle,exports.makeStyleResponsive=makeStyle.makeStyleResponsive,exports.makeStyleResponsiveState=makeStyle.makeStyleResponsiveState,exports.makeStyleState=makeStyle.makeStyleState,exports.makeWidth=makeStyle.makeWidth,exports.removeNullUndefined=makeStyle.removeNullUndefined,exports.normalizeBuilderData=normalizeBuilderData.normalizeBuilderData,exports.prefetchQueries=prefetchQueries.prefetchQueries,exports.composeSpacing=spacing.composeSpacing,exports.getSpacingVariable=spacing.getSpacingVariable,exports.loadScript=loadScript.loadScript,exports.validateEmail=email.validateEmail,exports.genVariable=cssVariable.genVariable,exports.composeGridLayout=layout.composeGridLayout,exports.convertOldLayout=layout.convertOldLayout,exports.gridToArrayRegex=layout.gridToArrayRegex,exports.optionLayoutStyle=layout.optionLayoutStyle,exports.isDefined=isDefined.isDefined,exports.composeTextColorCss=colors.composeTextColorCss,exports.getGlobalColorCSSProp=colors.getGlobalColorCSSProp,exports.getGlobalColorClass=colors.getGlobalColorClass,exports.getGlobalColorResponsiveClass=colors.getGlobalColorResponsiveClass,exports.getGlobalColorResponsiveStyle=colors.getGlobalColorResponsiveStyle,exports.getGlobalColorStateClass=colors.getGlobalColorStateClass,exports.getGlobalColorStateClassDynamicBtn=colors.getGlobalColorStateClassDynamicBtn,exports.getGlobalColorStateResponsiveClass=colors.getGlobalColorStateResponsiveClass,exports.getGlobalColorStateResponsiveClassDynamicBtn=colors.getGlobalColorStateResponsiveClassDynamicBtn,exports.getGlobalColorStateResponsiveStyle=colors.getGlobalColorStateResponsiveStyle,exports.getGlobalColorStateStyle=colors.getGlobalColorStateStyle,exports.getGlobalColorStyle=colors.getGlobalColorStyle,exports.getSingleColorVariable=colors.getSingleColorVariable,exports.isColor=colors.isColor,exports.composeTypography=typography.composeTypography,exports.composeTypographyAttr=typography.composeTypographyAttr,exports.composeTypographyClassName=typography.composeTypographyClassName,exports.composeTypographyCss=typography.composeTypographyCss,exports.composeTypographyStyle=typography.composeTypographyStyle,exports.composeTypographyV2=typography.composeTypographyV2,exports.composeTypographyV2Css=typography.composeTypographyV2Css,exports.genTypoClass=typography.genTypoClass,exports.composeCornerCss=radius.composeCornerCss,exports.composeRadius=radius.composeRadius,exports.getCornerCSSFromGlobal=radius.getCornerCSSFromGlobal,exports.getCustomRadius=radius.getCustomRadius,exports.getRadiusCSSFromGlobal=radius.getRadiusCSSFromGlobal,exports.getRadiusStyleActiveState=radius.getRadiusStyleActiveState,exports.checkAvailableVariantInStock=product.checkAvailableVariantInStock,exports.getSelectedVariant=product.getSelectedVariant,exports.parseSelectedOption=product.parseSelectedOption,exports.fpixel=fpixel,exports.gtag=gtag,exports.tiktokpixel=tiktokpixel,exports.RenderIf=render.RenderIf,exports.composeMemo=render.composeMemo,exports.dataStringify=render.dataStringify,exports.props=render.props,exports.styles=render.styles,exports.template=render.template,exports.baseAssetURL=convert.baseAssetURL,exports.isLocalEnv=convert.isLocalEnv,exports.composeSize=size.composeSize,exports.composeSizeCss=size.composeSizeCss,exports.genSizeClass=size.genSizeClass,exports.composeShadowCss=shadow.composeShadowCss,exports.getStyleShadow=shadow.getStyleShadow,exports.getStyleShadowState=shadow.getStyleShadowState,exports.parseValueWithUnit=shadow.parseValueWithUnit,exports.composeBackgroundCss=background.composeBackgroundCss,exports.getStyleBackgroundByDevice=background.getStyleBackgroundByDevice,exports.generateCollectionQueryKey=query.generateCollectionQueryKey,exports.generateProductQueryKey=query.generateProductQueryKey,exports.generateProductsQueryKey=query.generateProductsQueryKey,exports.composeAdvanceStyle=composeAdvanceStyle.composeAdvanceStyle,exports.splitStyle=composeAdvanceStyle.splitStyle,exports.useAddToCart=useAddToCart.useAddToCart,exports.useCartData=useCartData.useCartData,exports.useCartDiscountCodesUpdate=useCartDiscountCodesUpdate.useCartDiscountCodesUpdate,exports.useCartNoteUpdate=useCartNoteUpdate.useCartNoteUpdate,exports.useCreateCart=useCreateCart.useCreateCart,exports.useRemoveCartItem=useRemoveCartItem.useRemoveCartItem,exports.useUpdateCartItem=useUpdateCartItem.useUpdateCartItem,exports.useCheckoutUrl=shop.useCheckoutUrl,exports.useConnectedShopify=shop.useConnectedShopify,exports.useCurrency=shop.useCurrency,exports.useEditorMode=shop.useEditorMode,exports.useIsSampleProduct=shop.useIsSampleProduct,exports.useIsStorefrontProduct=shop.useIsStorefrontProduct,exports.useLocale=shop.useLocale,exports.useMatchMutate=shop.useMatchMutate,exports.useMobileOnly=shop.useMobileOnly,exports.useMoneyFormat=shop.useMoneyFormat,exports.usePageType=shop.usePageType,exports.usePluginEnable=shop.usePluginEnable,exports.useStoreFront=shop.useStoreFront,exports.useSwatches=shop.useSwatches,exports.useCollectionQuery=useCollectionQuery.useCollectionQuery,exports.useCollectionsQuery=useCollectionsQuery.useCollectionsQuery,exports.useProductQuery=useProductQuery.useProductQuery,exports.useProductsQuery=useProductsQuery.useProductsQuery,exports.useCurrentDevice=useCurrentDevice.useCurrentDevice,exports.useFormatMoney=useFormatMoney.useFormatMoney,exports.useLazyVideo=useLazyVideo.useLazyVideo,exports.useCartId=useCartId.default,exports.useCartLine=useCartLine.default,exports.useCartUI=useCartUI.default,exports.useCollection=useCollection.useCollection,Object.defineProperty(exports,"useId",{enumerable:!0,get:function(){return react.useId}}),exports.useIsomorphicLayoutEffect=useIsomorphicLayoutEffect.default,exports.useLoadScript=useLoadScript.default,exports.useMoney=useMoney.default,exports.usePrevious=usePrevious.usePrevious,exports.useCheckAvailableVariantInStock=useProduct.useCheckAvailableVariantInStock,exports.useCurrentVariant=useProduct.useCurrentVariant,exports.useCurrentVariantInStock=useProduct.useCurrentVariantInStock,exports.useFeaturedImageGlobal=useProduct.useFeaturedImageGlobal,exports.useProduct=useProduct.useProduct,exports.useProductProperties=useProduct.useProductProperties,exports.useQuantity=useProduct.useQuantity,exports.useSelectedOption=useProduct.useSelectedOption,exports.useUniqProductID=useProduct.useUniqProductID,exports.useVariant=useProduct.useVariant,exports.useVariantOutStock=useProduct.useVariantOutStock,exports.useVariants=useProduct.useVariants,exports.useProductList=useProductList.useProductList,exports.useProductListProducts=useProductList.useProductListProducts,exports.useProductListSettings=useProductList.useProductListSettings,exports.useProductListStyles=useProductList.useProductListStyles,exports.useSuspenseFetch=useSuspenseFetch.default,exports.useSwatchesOptions=useSwatchesOptions.default,exports.ShopType=shop$1,exports.OptionNormalStyle=globalStyle.OptionNormalStyle,exports.OptionSpecialStyle=globalStyle.OptionSpecialStyle,exports.calculateFirstProduct=getCollection.calculateFirstProduct,exports.getCollection=getCollection.getCollection,exports.fetchMedias=getProduct.fetchMedias,exports.fetchVariants=getProduct.fetchVariants,exports.getProduct=getProduct.getProduct,exports.getProductBySlug=getProductBySlug.getProductBySlug;
+'use strict';
+
+var AddOn = require('./components/AddOn.js');
+var Render = require('./components/Render.js');
+var RenderPreview = require('./components/RenderPreview.js');
+var Render_liquid = require('./components/Render.liquid.js');
+var AddonContext = require('./contexts/AddonContext.js');
+var BuilderComponent = require('./contexts/BuilderComponent.js');
+var BuilderContext = require('./contexts/BuilderContext.js');
+var BuilderPreviewContext = require('./contexts/BuilderPreviewContext.js');
+var CartLineContext = require('./contexts/CartLineContext.js');
+var ProductListContext = require('./contexts/ProductListContext.js');
+var ProductContext = require('./contexts/ProductContext.js');
+var SectionContext = require('./contexts/SectionContext.js');
+var ShopContext = require('./contexts/ShopContext.js');
+var CollectionContext = require('./contexts/CollectionContext.js');
+var ModalContext = require('./contexts/ModalContext.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');
+var collections_generated = require('./graphql/queries/collections.generated.js');
+var publishedThemePages_generated = require('./graphql/queries/published-theme-pages.generated.js');
+var products_generated = require('./graphql/queries/products.generated.js');
+var storeProperty_generated = require('./graphql/queries/store-property.generated.js');
+var previewPage_generated = require('./graphql/queries/preview-page.generated.js');
+var borders = require('./helpers/borders.js');
+var cls = require('./helpers/cls.js');
+var flattenConnection = require('./helpers/flatten-connection.js');
+var getResonsiveValue = require('./helpers/get-resonsive-value.js');
+var getShortname = require('./helpers/get-shortname.js');
+var GlobalEvent = require('./helpers/GlobalEvent.js');
+var isBrowser = require('./helpers/is-browser.js');
+var isSafari = require('./helpers/is-safari.js');
+var isEmptyChildren = require('./helpers/is-empty-children.js');
+var makeStyle = require('./helpers/make-style.js');
+var normalizeBuilderData = require('./helpers/normalize-builder-data.js');
+var prefetchQueries = require('./helpers/prefetch-queries.js');
+var spacing = require('./helpers/spacing.js');
+var loadScript = require('./helpers/load-script.js');
+var email = require('./helpers/email.js');
+var cssVariable = require('./helpers/css-variable.js');
+var layout = require('./helpers/layout.js');
+var isDefined = require('./helpers/is-defined.js');
+var colors = require('./helpers/colors.js');
+var typography = require('./helpers/typography.js');
+var radius = require('./helpers/radius.js');
+var product = require('./helpers/product.js');
+var fpixel = require('./helpers/tracking/fpixel.js');
+var gtag = require('./helpers/tracking/gtag.js');
+var tiktokpixel = require('./helpers/tracking/tiktokpixel.js');
+var render = require('./helpers/render.js');
+var convert = require('./helpers/convert.js');
+var size = require('./helpers/size.js');
+var shadow = require('./helpers/shadow.js');
+var background = require('./helpers/background.js');
+var query = require('./helpers/query.js');
+var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
+var useAddToCart = require('./hooks/cart/use-add-to-cart.js');
+var useCartData = require('./hooks/cart/use-cart-data.js');
+var useCartDiscountCodesUpdate = require('./hooks/cart/use-cart-discount-codes-update.js');
+var useCartNoteUpdate = require('./hooks/cart/use-cart-note-update.js');
+var useCreateCart = require('./hooks/cart/use-create-cart.js');
+var useRemoveCartItem = require('./hooks/cart/use-remove-cart-item.js');
+var useUpdateCartItem = require('./hooks/cart/use-update-cart-item.js');
+var shop = require('./hooks/shop.js');
+var useCollectionQuery = require('./hooks/shop/use-collection-query.js');
+var useCollectionsQuery = require('./hooks/shop/use-collections-query.js');
+var useProductQuery = require('./hooks/shop/use-product-query.js');
+var useProductsQuery = require('./hooks/shop/use-products-query.js');
+var useCurrentDevice = require('./hooks/use-current-device.js');
+var useFormatMoney = require('./hooks/useFormatMoney.js');
+var useLazyVideo = require('./hooks/use-lazy-video.js');
+var useCartId = require('./hooks/useCartId.js');
+var useCartLine = require('./hooks/useCartLine.js');
+var useCartUI = require('./hooks/useCartUI.js');
+var useCollection = require('./hooks/useCollection.js');
+var react = require('react');
+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 useProduct = require('./hooks/useProduct.js');
+var useProductList = require('./hooks/useProductList.js');
+var useSuspenseFetch = require('./hooks/useSuspenseFetch.js');
+var useSwatchesOptions = require('./hooks/useSwatchesOptions.js');
+var shop$1 = require('./types/shop.js');
+var globalStyle = require('./types/global-style.js');
+var getCollection = require('./helpers/queries/get-collection.js');
+var getProduct = require('./helpers/queries/get-product.js');
+var getProductBySlug = require('./helpers/queries/get-product-by-slug.js');
+
+
+
+exports.AddOn = AddOn.default;
+exports.Render = Render.default;
+exports.RenderPreview = RenderPreview.default;
+exports.RenderChildren = Render_liquid.RenderChildren;
+exports.RenderLiquid = Render_liquid.default;
+exports.AddonProvider = AddonContext.AddonProvider;
+exports.useAddon = AddonContext.useAddon;
+exports.useAddons = AddonContext.useAddons;
+exports.BuilderComponentProvider = BuilderComponent.BuilderComponentProvider;
+exports.useBuilderComponent = BuilderComponent.useBuilderComponent;
+exports.BuilderProvider = BuilderContext.BuilderProvider;
+exports.useBuilderStore = BuilderContext.useBuilderStore;
+exports.BuilderPreviewProvider = BuilderPreviewContext.BuilderPreviewProvider;
+exports.useBuilderPreviewStore = BuilderPreviewContext.useBuilderPreviewStore;
+exports.CartLineProvider = CartLineContext.CartLineProvider;
+exports.useCartLineStore = CartLineContext.useCartLineStore;
+exports.ProductListProvider = ProductListContext.ProductListProvider;
+exports.useProductListStore = ProductListContext.useProductListStore;
+exports.ProductProvider = ProductContext.ProductProvider;
+exports.useProductStore = ProductContext.useProductStore;
+exports.SectionProvider = SectionContext.SectionProvider;
+exports.useSection = SectionContext.useSection;
+exports.useSectionStore = SectionContext.useSectionStore;
+exports.ShopProvider = ShopContext.ShopProvider;
+exports.useShopStore = ShopContext.useShopStore;
+exports.CollectionProvider = CollectionContext.CollectionProvider;
+exports.useCollectionStore = CollectionContext.useCollectionStore;
+exports.ModalProvider = ModalContext.ModalProvider;
+exports.useModalStore = ModalContext.useModalStore;
+exports.PageViewUpDocument = pageViewUp_generated.PageViewUpDocument;
+exports.CollectionDetailFilterDocument = collectionDetailFilter_generated.CollectionDetailFilterDocument;
+exports.CollectionDocument = collection_generated.CollectionDocument;
+exports.CollectionsDocument = collections_generated.CollectionsDocument;
+exports.PublishedThemePagesDocument = publishedThemePages_generated.PublishedThemePagesDocument;
+exports.ProductsDocument = products_generated.ProductsDocument;
+exports.StorePropertyDocument = storeProperty_generated.StorePropertyDocument;
+exports.PreviewPageDocument = previewPage_generated.PreviewPageDocument;
+exports.composeBorderCss = borders.composeBorderCss;
+exports.getBorderStyle = borders.getBorderStyle;
+exports.handleConvertBorderColor = borders.handleConvertBorderColor;
+exports.handleConvertBorderStyle = borders.handleConvertBorderStyle;
+exports.handleConvertBorderWidth = borders.handleConvertBorderWidth;
+exports.handleConvertClassColor = borders.handleConvertClassColor;
+exports.handleConvertClassColorDynamicBtn = borders.handleConvertClassColorDynamicBtn;
+exports.cls = cls.cls;
+exports.flattenConnection = flattenConnection.flattenConnection;
+exports.getResponsiveStateValue = getResonsiveValue.getResponsiveStateValue;
+exports.getResponsiveValue = getResonsiveValue.getResponsiveValue;
+exports.getResponsiveValueByScreen = getResonsiveValue.getResponsiveValueByScreen;
+exports.getShortName = getShortname.getShortName;
+exports.globalEvent = GlobalEvent.default;
+exports.isBrowser = isBrowser.default;
+exports.isSafari = isSafari.default;
+exports.isEmptyChildren = isEmptyChildren.isEmptyChildren;
+exports.makeAspectRatio = makeStyle.makeAspectRatio;
+exports.makeHeight = makeStyle.makeHeight;
+exports.makeLineClamp = makeStyle.makeLineClamp;
+exports.makeStyle = makeStyle.makeStyle;
+exports.makeStyleResponsive = makeStyle.makeStyleResponsive;
+exports.makeStyleResponsiveState = makeStyle.makeStyleResponsiveState;
+exports.makeStyleState = makeStyle.makeStyleState;
+exports.makeWidth = makeStyle.makeWidth;
+exports.removeNullUndefined = makeStyle.removeNullUndefined;
+exports.normalizeBuilderData = normalizeBuilderData.normalizeBuilderData;
+exports.prefetchQueries = prefetchQueries.prefetchQueries;
+exports.composeSpacing = spacing.composeSpacing;
+exports.getSpacingVariable = spacing.getSpacingVariable;
+exports.loadScript = loadScript.loadScript;
+exports.validateEmail = email.validateEmail;
+exports.genVariable = cssVariable.genVariable;
+exports.composeGridLayout = layout.composeGridLayout;
+exports.convertOldLayout = layout.convertOldLayout;
+exports.gridToArrayRegex = layout.gridToArrayRegex;
+exports.optionLayoutStyle = layout.optionLayoutStyle;
+exports.isDefined = isDefined.isDefined;
+exports.composeTextColorCss = colors.composeTextColorCss;
+exports.getGlobalColorCSSProp = colors.getGlobalColorCSSProp;
+exports.getGlobalColorClass = colors.getGlobalColorClass;
+exports.getGlobalColorResponsiveClass = colors.getGlobalColorResponsiveClass;
+exports.getGlobalColorResponsiveStyle = colors.getGlobalColorResponsiveStyle;
+exports.getGlobalColorStateClass = colors.getGlobalColorStateClass;
+exports.getGlobalColorStateClassDynamicBtn = colors.getGlobalColorStateClassDynamicBtn;
+exports.getGlobalColorStateResponsiveClass = colors.getGlobalColorStateResponsiveClass;
+exports.getGlobalColorStateResponsiveClassDynamicBtn = colors.getGlobalColorStateResponsiveClassDynamicBtn;
+exports.getGlobalColorStateResponsiveStyle = colors.getGlobalColorStateResponsiveStyle;
+exports.getGlobalColorStateStyle = colors.getGlobalColorStateStyle;
+exports.getGlobalColorStyle = colors.getGlobalColorStyle;
+exports.getSingleColorVariable = colors.getSingleColorVariable;
+exports.isColor = colors.isColor;
+exports.composeTypography = typography.composeTypography;
+exports.composeTypographyAttr = typography.composeTypographyAttr;
+exports.composeTypographyClassName = typography.composeTypographyClassName;
+exports.composeTypographyCss = typography.composeTypographyCss;
+exports.composeTypographyStyle = typography.composeTypographyStyle;
+exports.composeTypographyV2 = typography.composeTypographyV2;
+exports.composeTypographyV2Css = typography.composeTypographyV2Css;
+exports.genTypoClass = typography.genTypoClass;
+exports.composeCornerCss = radius.composeCornerCss;
+exports.composeRadius = radius.composeRadius;
+exports.getCornerCSSFromGlobal = radius.getCornerCSSFromGlobal;
+exports.getCustomRadius = radius.getCustomRadius;
+exports.getRadiusCSSFromGlobal = radius.getRadiusCSSFromGlobal;
+exports.getRadiusStyleActiveState = radius.getRadiusStyleActiveState;
+exports.checkAvailableVariantInStock = product.checkAvailableVariantInStock;
+exports.getSelectedVariant = product.getSelectedVariant;
+exports.parseSelectedOption = product.parseSelectedOption;
+exports.fpixel = fpixel;
+exports.gtag = gtag;
+exports.tiktokpixel = tiktokpixel;
+exports.RenderIf = render.RenderIf;
+exports.composeMemo = render.composeMemo;
+exports.dataStringify = render.dataStringify;
+exports.props = render.props;
+exports.styles = render.styles;
+exports.template = render.template;
+exports.baseAssetURL = convert.baseAssetURL;
+exports.isLocalEnv = convert.isLocalEnv;
+exports.composeSize = size.composeSize;
+exports.composeSizeCss = size.composeSizeCss;
+exports.genSizeClass = size.genSizeClass;
+exports.composeShadowCss = shadow.composeShadowCss;
+exports.getStyleShadow = shadow.getStyleShadow;
+exports.getStyleShadowState = shadow.getStyleShadowState;
+exports.parseValueWithUnit = shadow.parseValueWithUnit;
+exports.composeBackgroundCss = background.composeBackgroundCss;
+exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
+exports.generateCollectionQueryKey = query.generateCollectionQueryKey;
+exports.generateProductQueryKey = query.generateProductQueryKey;
+exports.generateProductsQueryKey = query.generateProductsQueryKey;
+exports.composeAdvanceStyle = composeAdvanceStyle.composeAdvanceStyle;
+exports.splitStyle = composeAdvanceStyle.splitStyle;
+exports.useAddToCart = useAddToCart.useAddToCart;
+exports.useCartData = useCartData.useCartData;
+exports.useCartDiscountCodesUpdate = useCartDiscountCodesUpdate.useCartDiscountCodesUpdate;
+exports.useCartNoteUpdate = useCartNoteUpdate.useCartNoteUpdate;
+exports.useCreateCart = useCreateCart.useCreateCart;
+exports.useRemoveCartItem = useRemoveCartItem.useRemoveCartItem;
+exports.useUpdateCartItem = useUpdateCartItem.useUpdateCartItem;
+exports.useCheckoutUrl = shop.useCheckoutUrl;
+exports.useConnectedShopify = shop.useConnectedShopify;
+exports.useCurrency = shop.useCurrency;
+exports.useEditorMode = shop.useEditorMode;
+exports.useIsSampleProduct = shop.useIsSampleProduct;
+exports.useIsStorefrontProduct = shop.useIsStorefrontProduct;
+exports.useLocale = shop.useLocale;
+exports.useMatchMutate = shop.useMatchMutate;
+exports.useMobileOnly = shop.useMobileOnly;
+exports.useMoneyFormat = shop.useMoneyFormat;
+exports.usePageType = shop.usePageType;
+exports.usePluginEnable = shop.usePluginEnable;
+exports.useStoreFront = shop.useStoreFront;
+exports.useSwatches = shop.useSwatches;
+exports.useCollectionQuery = useCollectionQuery.useCollectionQuery;
+exports.useCollectionsQuery = useCollectionsQuery.useCollectionsQuery;
+exports.useProductQuery = useProductQuery.useProductQuery;
+exports.useProductsQuery = useProductsQuery.useProductsQuery;
+exports.useCurrentDevice = useCurrentDevice.useCurrentDevice;
+exports.useFormatMoney = useFormatMoney.useFormatMoney;
+exports.useLazyVideo = useLazyVideo.useLazyVideo;
+exports.useCartId = useCartId.default;
+exports.useCartLine = useCartLine.default;
+exports.useCartUI = useCartUI.default;
+exports.useCollection = useCollection.useCollection;
+Object.defineProperty(exports, 'useId', {
+	enumerable: true,
+	get: function () { return react.useId; }
+});
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect.default;
+exports.useLoadScript = useLoadScript.default;
+exports.useMoney = useMoney.default;
+exports.usePrevious = usePrevious.usePrevious;
+exports.useCheckAvailableVariantInStock = useProduct.useCheckAvailableVariantInStock;
+exports.useCurrentVariant = useProduct.useCurrentVariant;
+exports.useCurrentVariantInStock = useProduct.useCurrentVariantInStock;
+exports.useFeaturedImageGlobal = useProduct.useFeaturedImageGlobal;
+exports.useProduct = useProduct.useProduct;
+exports.useProductProperties = useProduct.useProductProperties;
+exports.useQuantity = useProduct.useQuantity;
+exports.useSelectedOption = useProduct.useSelectedOption;
+exports.useUniqProductID = useProduct.useUniqProductID;
+exports.useVariant = useProduct.useVariant;
+exports.useVariantOutStock = useProduct.useVariantOutStock;
+exports.useVariants = useProduct.useVariants;
+exports.useProductList = useProductList.useProductList;
+exports.useProductListProducts = useProductList.useProductListProducts;
+exports.useProductListSettings = useProductList.useProductListSettings;
+exports.useProductListStyles = useProductList.useProductListStyles;
+exports.useSuspenseFetch = useSuspenseFetch.default;
+exports.useSwatchesOptions = useSwatchesOptions.default;
+exports.ShopType = shop$1;
+exports.OptionNormalStyle = globalStyle.OptionNormalStyle;
+exports.OptionSpecialStyle = globalStyle.OptionSpecialStyle;
+exports.calculateFirstProduct = getCollection.calculateFirstProduct;
+exports.getCollection = getCollection.getCollection;
+exports.fetchMedias = getProduct.fetchMedias;
+exports.fetchVariants = getProduct.fetchVariants;
+exports.getProduct = getProduct.getProduct;
+exports.getProductBySlug = getProductBySlug.getProductBySlug;

package/dist/cjs/types/global-style.js

@@ -1 +1,14 @@
-"use strict";const OptionNormalStyle=["radio_buttons","dropdown"],OptionSpecialStyle=["color","image","rectangle_list","image_shopify"];exports.OptionNormalStyle=OptionNormalStyle,exports.OptionSpecialStyle=OptionSpecialStyle;
+'use strict';
+
+const OptionNormalStyle = [
+    'radio_buttons',
+    'dropdown'
+];
+const OptionSpecialStyle = [
+    'color',
+    'image',
+    'rectangle_list'
+];
+
+exports.OptionNormalStyle = OptionNormalStyle;
+exports.OptionSpecialStyle = OptionSpecialStyle;

package/dist/cjs/types/shop.js

@@ -1 +1,2 @@
-"use strict";
+'use strict';
+

package/dist/esm/components/AddOn.js

@@ -1 +1,14 @@
-import{jsx as t}from"react/jsx-runtime";import{useAddon as o}from"../contexts/AddonContext.js";import{usePluginEnable as r}from"../hooks/shop.js";let AddOn=({name:e})=>{let n=o(e),d=r();return d?.includes(e)?t(n,{}):null};export{AddOn as default};
+import { jsx } from 'react/jsx-runtime';
+import { useAddon } from '../contexts/AddonContext.js';
+import { usePluginEnable } from '../hooks/shop.js';
+
+const AddOn = ({ name })=>{
+    const Comp = useAddon(name);
+    const plugins = usePluginEnable();
+    if (!plugins?.includes(name)) {
+        return null;
+    }
+    return /*#__PURE__*/ jsx(Comp, {});
+};
+
+export { AddOn as default };

package/dist/esm/components/ComponentWrapper.js

@@ -1 +1,24 @@
-import{jsx as e}from"react/jsx-runtime";import{isValidElement as t}from"react";import{composeAdvanceStyle as r}from"../helpers/compose-advance-style.js";import{disableWrap as o}from"./constant.js";let ComponentWrapper=({children:a,...p})=>{if("section"===p.type)return null;let n=r(p.advanced,p.tag),s=p.advanced;return o.includes(p.tag)&&t(a)?e(a.type,{...a.props,style:n,advanced:s}):e("div",{style:n,className:`${p.uid}`,children:a})};export{ComponentWrapper as default};
+import { jsx } from 'react/jsx-runtime';
+import { isValidElement } from 'react';
+import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
+import { disableWrap } from './constant.js';
+
+const ComponentWrapper = ({ children, ...props })=>{
+    if (props.type === 'section') return null;
+    const style = composeAdvanceStyle(props.advanced, props.tag);
+    const advanced = props.advanced;
+    if (disableWrap.includes(props.tag) && /*#__PURE__*/ isValidElement(children)) {
+        return /*#__PURE__*/ jsx(children.type, {
+            ...children.props,
+            style,
+            advanced
+        });
+    }
+    return /*#__PURE__*/ jsx("div", {
+        style: style,
+        className: `${props.uid}`,
+        children: children
+    });
+};
+
+export { ComponentWrapper as default };