@gem-sdk/core 1.5.15 → 1.5.22

package/dist/cjs/components/AddOn.js

@@ -6,13 +6,13 @@ var jsxRuntime = require('react/jsx-runtime');
 var AddonContext = require('../contexts/AddonContext.js');
 var shop = require('../hooks/shop.js');
 
-const AddOn = ({ name }) => {
-    const Comp = AddonContext.useAddon(name);
-    const plugins = shop.usePluginEnable();
-    if (!plugins?.includes(name)) {
-        return null;
-    }
-    return jsxRuntime.jsx(Comp, {});
+const AddOn = ({ name  })=>{
+    const Comp = AddonContext.useAddon(name);
+    const plugins = shop.usePluginEnable();
+    if (!plugins?.includes(name)) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(Comp, {});
 };
 
 exports.default = AddOn;

package/dist/cjs/components/ComponentWrapper.js

@@ -7,14 +7,20 @@ var react = require('react');
 var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
 var constant = require('./constant.js');
 
-const ComponentWrapper = ({ children, ...props }) => {
-    if (props.type === 'section')
-        return null;
-    const style = composeAdvanceStyle.composeAdvanceStyle(props.advanced, props.tag);
-    if (constant.disableWrap.includes(props.tag) && react.isValidElement(children)) {
-        return jsxRuntime.jsx(children.type, { ...children.props, ...{ style } });
-    }
-    return (jsxRuntime.jsx("div", { style: style, className: `${props.uid}`, children: children }));
+const ComponentWrapper = ({ children , ...props })=>{
+    if (props.type === 'section') return null;
+    const style = composeAdvanceStyle.composeAdvanceStyle(props.advanced, props.tag);
+    if (constant.disableWrap.includes(props.tag) && /*#__PURE__*/ react.isValidElement(children)) {
+        return /*#__PURE__*/ jsxRuntime.jsx(children.type, {
+            ...children.props,
+            style
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        style: style,
+        className: `${props.uid}`,
+        children: children
+    });
 };
 
 exports.default = ComponentWrapper;

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -7,52 +7,61 @@ var react = require('react');
 var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
 var constant = require('./constant.js');
 
-const ComponentWrapperPreview = ({ children, ...props }) => {
-    if (props.type === 'section') {
-        return null;
-    }
-    const customProps = {};
-    // Build editor configs
-    if (props.editorConfigs) {
-        const editorConfigs = props.editorConfigs;
-        if (editorConfigs.placeholder?.notAppendBeforeAfter) {
-            customProps['data-placeholder-not-append-before-after'] = true;
-        }
-        if (editorConfigs.toolbar?.parent) {
-            customProps['data-toolbar-parent'] = true;
-        }
-        if (editorConfigs.component?.noDelete) {
-            customProps['data-component-no-delete'] = true;
-        }
-        if (editorConfigs.component?.noDuplicate) {
-            customProps['data-component-no-duplicate'] = true;
-        }
-        if (editorConfigs.component?.noDragDrop) {
-            customProps['data-component-no-drag-drop'] = true;
-        }
-        if (editorConfigs.component?.noSetting) {
-            customProps['data-component-no-setting'] = true;
-        }
-        if (editorConfigs.toolbar?.hide) {
-            customProps['data-toolbar-hide'] = true;
-        }
-        if (editorConfigs.slots?.children) {
-            customProps['data-slots-children'] = true;
-        }
-    }
-    const style = composeAdvanceStyle.composeAdvanceStyle(props.advanced, props.tag);
-    const builderAttrs = {
-        ...customProps,
-        'data-uid': props.uid,
-        'data-component-type': 'component',
-        'data-component-tag': props.tag,
-        'data-component-label': props.label,
-    };
-    if (constant.disableWrap.includes(props.tag) && react.isValidElement(children)) {
-        return jsxRuntime.jsx(children.type, { ...children.props, ...{ style, builderAttrs } });
-    }
-    // Render
-    return (jsxRuntime.jsx("div", { style: style, className: `${props.uid}`, ...builderAttrs, children: children }));
+const ComponentWrapperPreview = ({ children , ...props })=>{
+    if (props.type === 'section') {
+        return null;
+    }
+    const customProps = {};
+    // Build editor configs
+    if (props.editorConfigs) {
+        const editorConfigs = props.editorConfigs;
+        if (editorConfigs.placeholder?.notAppendBeforeAfter) {
+            customProps['data-placeholder-not-append-before-after'] = true;
+        }
+        if (editorConfigs.toolbar?.parent) {
+            customProps['data-toolbar-parent'] = true;
+        }
+        if (editorConfigs.component?.noDelete) {
+            customProps['data-component-no-delete'] = true;
+        }
+        if (editorConfigs.component?.noDuplicate) {
+            customProps['data-component-no-duplicate'] = true;
+        }
+        if (editorConfigs.component?.noDragDrop) {
+            customProps['data-component-no-drag-drop'] = true;
+        }
+        if (editorConfigs.component?.noSetting) {
+            customProps['data-component-no-setting'] = true;
+        }
+        if (editorConfigs.toolbar?.hide) {
+            customProps['data-toolbar-hide'] = true;
+        }
+        if (editorConfigs.slots?.children) {
+            customProps['data-slots-children'] = true;
+        }
+    }
+    const style = composeAdvanceStyle.composeAdvanceStyle(props.advanced, props.tag);
+    const builderAttrs = {
+        ...customProps,
+        'data-uid': props.uid,
+        'data-component-type': 'component',
+        'data-component-tag': props.tag,
+        'data-component-label': props.label
+    };
+    if (constant.disableWrap.includes(props.tag) && /*#__PURE__*/ react.isValidElement(children)) {
+        return /*#__PURE__*/ jsxRuntime.jsx(children.type, {
+            ...children.props,
+            style,
+            builderAttrs
+        });
+    }
+    // Render
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        style: style,
+        className: `${props.uid}`,
+        ...builderAttrs,
+        children: children
+    });
 };
 
 exports.default = ComponentWrapperPreview;

package/dist/cjs/components/Empty.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const Empty = () => null;
+const Empty = ()=>null;
 
 exports.default = Empty;

package/dist/cjs/components/Render.js

@@ -10,19 +10,56 @@ var BuilderContext = require('../contexts/BuilderContext.js');
 var ComponentWrapper = require('./ComponentWrapper.js');
 var RenderSection = require('./RenderSection.js');
 
-const Render = ({ uid, ...passProps }) => {
-    const item = BuilderContext.useBuilderStore((s) => s.getItem(uid));
-    const Component = BuilderComponent.useBuilderComponent(item?.tag);
-    if (!item)
-        return null;
-    if (item?.type === 'section') {
-        return jsxRuntime.jsx(RenderSection.default, { sectionId: item.uid });
-    }
-    else {
-        return (jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, { fallbackRender: ({ error, resetErrorBoundary }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { "aria-label": "Error message", children: error.message }), jsxRuntime.jsx("button", { type: "button", onClick: resetErrorBoundary, children: "Try again" })] })), children: jsxRuntime.jsx(ComponentWrapper.default, { ...item, children: item?.childrens?.length ? (jsxRuntime.jsx(Component, { builderProps: { uid, builderData: item }, styles: item.styles, setting: item.settings, ...passProps, children: item.childrens.map((id) => (jsxRuntime.jsx(RenderMemo, { uid: id }, id))) })) : (jsxRuntime.jsx(Component, { builderProps: { uid, builderData: item }, styles: item.styles, setting: item.settings, ...passProps })) }) }, item.uid));
-    }
-};
-const RenderMemo = react.memo(Render);
+const Render = ({ uid , ...passProps })=>{
+    const item = BuilderContext.useBuilderStore((s)=>s.getItem(uid));
+    const Component = BuilderComponent.useBuilderComponent(item?.tag);
+    if (!item) return null;
+    if (item?.type === 'section') {
+        return /*#__PURE__*/ jsxRuntime.jsx(RenderSection.default, {
+            sectionId: item.uid
+        });
+    } else {
+        return /*#__PURE__*/ jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, {
+            fallbackRender: ({ error , resetErrorBoundary  })=>/*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx("span", {
+                            "aria-label": "Error message",
+                            children: error.message
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx("button", {
+                            type: "button",
+                            onClick: resetErrorBoundary,
+                            children: "Try again"
+                        })
+                    ]
+                }),
+            children: /*#__PURE__*/ jsxRuntime.jsx(ComponentWrapper.default, {
+                ...item,
+                children: item?.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Component, {
+                    builderProps: {
+                        uid,
+                        builderData: item
+                    },
+                    styles: item.styles,
+                    setting: item.settings,
+                    ...passProps,
+                    children: item.childrens.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderMemo, {
+                            uid: id
+                        }, id))
+                }) : /*#__PURE__*/ jsxRuntime.jsx(Component, {
+                    builderProps: {
+                        uid,
+                        builderData: item
+                    },
+                    styles: item.styles,
+                    setting: item.settings,
+                    ...passProps
+                })
+            })
+        }, item.uid);
+    }
+};
+const RenderMemo = /*#__PURE__*/ react.memo(Render);
 RenderMemo.displayName = 'RenderMemo';
 
 exports.default = RenderMemo;

package/dist/cjs/components/Render.liquid.js

@@ -9,63 +9,87 @@ require('../helpers/convert.js');
 var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
 var constant = require('./constant.js');
 
-const Render = ({ uid, builder, components, ...passProps }) => {
-    const item = builder[uid];
-    const Component = components[item?.tag];
-    if (!Component) {
-        console.log('Miss component: ', item);
-        return '';
-    }
-    if (!item)
-        return null;
-    if (item?.type === 'section') {
-        return '';
-    }
-    else {
-        const style = composeAdvanceStyle.composeAdvanceStyle(item.advanced, item.tag);
-        if (constant.disableWrap.includes(item.tag)) {
-            return render.RenderIf(item?.childrens?.length, () => {
-                return Component({
-                    builderProps: { uid, builderData: item },
-                    styles: item.styles,
-                    setting: item.settings,
-                    style,
-                    ...passProps,
-                    rawChildren: item.childrens.map((id) => {
-                        return { ...builder[id], uid: id, builder, components };
-                    }),
-                    children: item.childrens
-                        .map((id) => Render({ uid: id, builder, components }))
-                        .join(''),
-                });
-            }, () => Component({
-                builderProps: { uid, builderData: item },
-                styles: item.styles,
-                setting: item.settings,
-                style,
-                ...passProps,
-            }));
-        }
-        return render.template `<div style="${style}" class="${item.uid}">
-    ${render.RenderIf(item?.childrens?.length, () => Component({
-            builderProps: { uid, builderData: item },
-            styles: item.styles,
-            setting: item.settings,
-            ...passProps,
-            rawChildren: item.childrens.map((id) => {
-                return { ...builder[id], uid: id, builder, components };
-            }),
-            children: item.childrens
-                .map((id) => Render({ uid: id, builder, components }))
-                .join(''),
-        }), () => Component({
-            builderProps: { uid, builderData: item },
-            styles: item.styles,
-            setting: item.settings,
-            ...passProps,
-        }))}
-    </div>`;
-    }
+const Render = ({ uid , builder , components , ...passProps })=>{
+    const item = builder[uid];
+    const Component = components[item?.tag];
+    if (!Component) {
+        console.log('Miss component: ', item);
+        return '';
+    }
+    if (!item) return null;
+    if (item?.type === 'section') {
+        return '';
+    } else {
+        const style = composeAdvanceStyle.composeAdvanceStyle(item.advanced, item.tag);
+        if (constant.disableWrap.includes(item.tag)) {
+            return render.RenderIf(item?.childrens?.length, ()=>{
+                return Component({
+                    builderProps: {
+                        uid,
+                        builderData: item
+                    },
+                    styles: item.styles,
+                    setting: item.settings,
+                    style,
+                    ...passProps,
+                    rawChildren: item.childrens.map((id)=>{
+                        return {
+                            ...builder[id],
+                            uid: id,
+                            builder,
+                            components
+                        };
+                    }),
+                    children: item.childrens.map((id)=>Render({
+                            uid: id,
+                            builder,
+                            components
+                        })).join('')
+                });
+            }, ()=>Component({
+                    builderProps: {
+                        uid,
+                        builderData: item
+                    },
+                    styles: item.styles,
+                    setting: item.settings,
+                    style,
+                    ...passProps
+                }));
+        }
+        return render.template`<div style="${style}" class="${item.uid}">
+    ${render.RenderIf(item?.childrens?.length, ()=>Component({
+                builderProps: {
+                    uid,
+                    builderData: item
+                },
+                styles: item.styles,
+                setting: item.settings,
+                ...passProps,
+                rawChildren: item.childrens.map((id)=>{
+                    return {
+                        ...builder[id],
+                        uid: id,
+                        builder,
+                        components
+                    };
+                }),
+                children: item.childrens.map((id)=>Render({
+                        uid: id,
+                        builder,
+                        components
+                    })).join('')
+            }), ()=>Component({
+                builderProps: {
+                    uid,
+                    builderData: item
+                },
+                styles: item.styles,
+                setting: item.settings,
+                ...passProps
+            }))}
+    </div>`;
+    }
 };
 
 exports.default = Render;

package/dist/cjs/components/RenderBlock.js

@@ -9,13 +9,46 @@ var BuilderComponent = require('../contexts/BuilderComponent.js');
 var BuilderContext = require('../contexts/BuilderContext.js');
 var ComponentWrapper = require('./ComponentWrapper.js');
 
-const RenderBlock = ({ uid }) => {
-    const item = BuilderContext.useBuilderStore((s) => s.getItem(uid));
-    const Component = BuilderComponent.useBuilderComponent(item?.tag);
-    if (!item || item.type === 'section')
-        return null;
-    return (jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, { fallbackRender: ({ error, resetErrorBoundary }) => (jsxRuntime.jsxs(ComponentWrapper.default, { ...item, children: [jsxRuntime.jsx("span", { "aria-label": "Error message", children: error.message }), jsxRuntime.jsx("button", { type: "button", onClick: resetErrorBoundary, children: "Try again" })] })), children: jsxRuntime.jsx(ComponentWrapper.default, { ...item, children: item?.childrens?.length ? (jsxRuntime.jsx(Component, { builderProps: { uid }, styles: item.styles ?? {}, setting: item.settings ?? {}, children: item?.childrens?.map((id) => (jsxRuntime.jsx(RenderBlockMemo, { uid: id }, id))) })) : (jsxRuntime.jsx(Component, { builderProps: { uid }, styles: item.styles ?? {}, setting: item.settings ?? {} })) }) }, item.uid));
-};
-const RenderBlockMemo = react.memo(RenderBlock);
+const RenderBlock = ({ uid  })=>{
+    const item = BuilderContext.useBuilderStore((s)=>s.getItem(uid));
+    const Component = BuilderComponent.useBuilderComponent(item?.tag);
+    if (!item || item.type === 'section') return null;
+    return /*#__PURE__*/ jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, {
+        fallbackRender: ({ error , resetErrorBoundary  })=>/*#__PURE__*/ jsxRuntime.jsxs(ComponentWrapper.default, {
+                ...item,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("span", {
+                        "aria-label": "Error message",
+                        children: error.message
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("button", {
+                        type: "button",
+                        onClick: resetErrorBoundary,
+                        children: "Try again"
+                    })
+                ]
+            }),
+        children: /*#__PURE__*/ jsxRuntime.jsx(ComponentWrapper.default, {
+            ...item,
+            children: item?.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Component, {
+                builderProps: {
+                    uid
+                },
+                styles: item.styles ?? {},
+                setting: item.settings ?? {},
+                children: item?.childrens?.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderBlockMemo, {
+                        uid: id
+                    }, id))
+            }) : /*#__PURE__*/ jsxRuntime.jsx(Component, {
+                builderProps: {
+                    uid
+                },
+                styles: item.styles ?? {},
+                setting: item.settings ?? {}
+            })
+        })
+    }, item.uid);
+};
+const RenderBlockMemo = /*#__PURE__*/ react.memo(RenderBlock);
 
 exports.default = RenderBlockMemo;

package/dist/cjs/components/RenderPreview.js

@@ -10,19 +10,57 @@ var BuilderPreviewContext = require('../contexts/BuilderPreviewContext.js');
 var ComponentWrapperPreview = require('./ComponentWrapperPreview.js');
 var RenderSection = require('./RenderSection.js');
 
-const RenderPreview = ({ uid, ...passProps }) => {
-    const item = BuilderPreviewContext.useBuilderPreviewStore((s) => s.getItem(uid));
-    const Component = BuilderComponent.useBuilderComponent(item?.tag);
-    if (!item)
-        return null;
-    if (item?.type === 'section') {
-        return jsxRuntime.jsx(RenderSection.default, { sectionId: item.uid });
-    }
-    else {
-        return (jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, { fallbackRender: ({ error, resetErrorBoundary }) => (jsxRuntime.jsxs(ComponentWrapperPreview.default, { ...item, children: [jsxRuntime.jsx("span", { "aria-label": "Error message", children: error.message }), jsxRuntime.jsx("button", { type: "button", onClick: resetErrorBoundary, children: "Try again" })] })), children: jsxRuntime.jsx(ComponentWrapperPreview.default, { ...item, children: item?.childrens?.length ? (jsxRuntime.jsx(Component, { builderProps: { uid, builderData: item }, styles: item.styles, setting: item.settings, ...passProps, children: item.childrens.map((id) => (jsxRuntime.jsx(RenderPreviewMemo, { uid: id }, id))) })) : (jsxRuntime.jsx(Component, { builderProps: { uid, builderData: item }, styles: item.styles, setting: item.settings, ...passProps })) }) }, item.uid));
-    }
-};
-const RenderPreviewMemo = react.memo(RenderPreview);
+const RenderPreview = ({ uid , ...passProps })=>{
+    const item = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getItem(uid));
+    const Component = BuilderComponent.useBuilderComponent(item?.tag);
+    if (!item) return null;
+    if (item?.type === 'section') {
+        return /*#__PURE__*/ jsxRuntime.jsx(RenderSection.default, {
+            sectionId: item.uid
+        });
+    } else {
+        return /*#__PURE__*/ jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, {
+            fallbackRender: ({ error , resetErrorBoundary  })=>/*#__PURE__*/ jsxRuntime.jsxs(ComponentWrapperPreview.default, {
+                    ...item,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx("span", {
+                            "aria-label": "Error message",
+                            children: error.message
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx("button", {
+                            type: "button",
+                            onClick: resetErrorBoundary,
+                            children: "Try again"
+                        })
+                    ]
+                }),
+            children: /*#__PURE__*/ jsxRuntime.jsx(ComponentWrapperPreview.default, {
+                ...item,
+                children: item?.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Component, {
+                    builderProps: {
+                        uid,
+                        builderData: item
+                    },
+                    styles: item.styles,
+                    setting: item.settings,
+                    ...passProps,
+                    children: item.childrens.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderPreviewMemo, {
+                            uid: id
+                        }, id))
+                }) : /*#__PURE__*/ jsxRuntime.jsx(Component, {
+                    builderProps: {
+                        uid,
+                        builderData: item
+                    },
+                    styles: item.styles,
+                    setting: item.settings,
+                    ...passProps
+                })
+            })
+        }, item.uid);
+    }
+};
+const RenderPreviewMemo = /*#__PURE__*/ react.memo(RenderPreview);
 RenderPreviewMemo.displayName = 'RenderPreviewMemo';
 
 exports.default = RenderPreviewMemo;

package/dist/cjs/components/RenderSection.js

@@ -8,12 +8,16 @@ var BuilderContext = require('../contexts/BuilderContext.js');
 var SectionContext = require('../contexts/SectionContext.js');
 var RenderBlock = require('./RenderBlock.js');
 
-const RenderSection = ({ sectionId }) => {
-    const state = SectionContext.useSection(sectionId);
-    if (!state)
-        return null;
-    return (jsxRuntime.jsx(BuilderContext.BuilderProvider, { state: state, children: jsxRuntime.jsx(RenderBlock.default, { uid: sectionId }) }, sectionId));
-};
-const RenderSectionMemo = react.memo(RenderSection);
+const RenderSection = ({ sectionId  })=>{
+    const state = SectionContext.useSection(sectionId);
+    if (!state) return null;
+    return /*#__PURE__*/ jsxRuntime.jsx(BuilderContext.BuilderProvider, {
+        state: state,
+        children: /*#__PURE__*/ jsxRuntime.jsx(RenderBlock.default, {
+            uid: sectionId
+        })
+    }, sectionId);
+};
+const RenderSectionMemo = /*#__PURE__*/ react.memo(RenderSection);
 
 exports.default = RenderSectionMemo;

package/dist/cjs/components/constant.js

@@ -1,29 +1,29 @@
 'use strict';
 
-const disableWrap = [
-    'Col',
-    'Row',
-    'Section',
-    'Image',
-    'Text',
-    'Button',
-    'ProductButton',
-    'Cart',
-    'Tabs',
-    'TabItem',
-    'Carousel',
-    'CarouselItem',
-    'ShopPayButton',
-    'AccordionItem',
-    'Video',
-    'Header',
-    'HeroBanner',
-    'Icon',
-    'IconList',
-    'HTMLCode',
-    'IconListHoz',
-    'IconListItem',
-    'CSSCode',
+const disableWrap = [
+    'Col',
+    'Row',
+    'Section',
+    'Image',
+    'Text',
+    'Button',
+    'ProductButton',
+    'Cart',
+    'Tabs',
+    'TabItem',
+    'Carousel',
+    'CarouselItem',
+    'ShopPayButton',
+    'AccordionItem',
+    'Video',
+    'Header',
+    'HeroBanner',
+    'Icon',
+    'IconList',
+    'HTMLCode',
+    'IconListHoz',
+    'IconListItem',
+    'CSSCode'
 ];
 
 exports.disableWrap = disableWrap;

package/dist/cjs/contexts/AddonContext.js

@@ -4,20 +4,31 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var Empty = require('../components/Empty.js');
 
-const AddonContext = react.createContext(null);
-const AddonProvider = ({ children, components, ...passProps }) => {
-    return (jsxRuntime.jsx(AddonContext.Provider, { ...passProps, value: { components }, children: children }));
-};
-const useAddons = () => {
-    const context = react.useContext(AddonContext);
-    if (!context) {
-        throw new Error('useAddons must be used within an AddonProvider');
-    }
-    return react.useMemo(() => context.components, [context.components]);
-};
-const useAddon = (id) => {
-    const addons = useAddons();
-    return react.useMemo(() => (id ? addons[id] ?? Empty.default : Empty.default), [id, addons]);
+const AddonContext = /*#__PURE__*/ react.createContext(null);
+const AddonProvider = ({ children , components , ...passProps })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(AddonContext.Provider, {
+        ...passProps,
+        value: {
+            components
+        },
+        children: children
+    });
+};
+const useAddons = ()=>{
+    const context = react.useContext(AddonContext);
+    if (!context) {
+        throw new Error('useAddons must be used within an AddonProvider');
+    }
+    return react.useMemo(()=>context.components, [
+        context.components
+    ]);
+};
+const useAddon = (id)=>{
+    const addons = useAddons();
+    return react.useMemo(()=>id ? addons[id] ?? Empty.default : Empty.default, [
+        id,
+        addons
+    ]);
 };
 
 exports.AddonProvider = AddonProvider;