@rc-component/dialog 1.0.1 → 1.1.0

package/dist/demos-async.js

@@ -0,0 +1,1242 @@
+((typeof globalThis !== 'undefined' ? globalThis : self)["makoChunk_@rc-component/dialog"] = (typeof globalThis !== 'undefined' ? globalThis : self)["makoChunk_@rc-component/dialog"] || []).push([
+        ['demos'],
+{ "docs/examples/ant-design.tsx?techStack=react": function (module, exports, __mako_require__){
+"use strict";
+__mako_require__.d(exports, "__esModule", {
+    value: true
+});
+__mako_require__.d(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _interop_require_default = __mako_require__("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard");
+var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/_react-refresh@0.14.2@react-refresh/runtime.js"));
+var _jsxdevruntime = __mako_require__("node_modules/_react@18.3.1@react/jsx-dev-runtime.js");
+__mako_require__("docs/examples/ant-design.tsx?watch=parent");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/_react@18.3.1@react/index.js"));
+var _rcselect = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/_rc-select@14.16.6@rc-select/es/index.js"));
+"";
+var _rcdialog = /*#__PURE__*/ _interop_require_default._(__mako_require__("src/index.ts"));
+"";
+var prevRefreshReg;
+var prevRefreshSig;
+prevRefreshReg = self.$RefreshReg$;
+prevRefreshSig = self.$RefreshSig$;
+self.$RefreshReg$ = (type, id)=>{
+    _reactrefresh.register(type, module.id + id);
+};
+self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform;
+var _s = $RefreshSig$();
+const clearPath = "M793 242H366v-74c0-6.7-7.7-10.4-12.9-6.3l-142 112c-4.1 3.2-4.1 9.4 0 12.6l142 112c5.2 4.1 12.9 0.4 12.9-6.3v-74h415v470H175c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h618c35.3 0 64-28.7 64-64V306c0-35.3-28.7-64-64-64z";
+const getSvg = (path, props = {}, align = false)=>/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("i", {
+        ...props,
+        children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("svg", {
+            viewBox: "0 0 1024 1024",
+            width: "1em",
+            height: "1em",
+            fill: "currentColor",
+            style: align ? {
+                verticalAlign: '-0.125em '
+            } : {},
+            children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("path", {
+                d: path
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 24,
+                columnNumber: 7
+            }, this)
+        }, void 0, false, {
+            fileName: "docs/examples/ant-design.tsx?techStack=react",
+            lineNumber: 17,
+            columnNumber: 5
+        }, this)
+    }, void 0, false, {
+        fileName: "docs/examples/ant-design.tsx?techStack=react",
+        lineNumber: 16,
+        columnNumber: 3
+    }, this);
+const MyControl = ()=>{
+    _s();
+    const [visible1, setVisible1] = _react.useState(true);
+    const [visible2, setVisible2] = _react.useState(false);
+    const [visible3, setVisible3] = _react.useState(false);
+    const [width, setWidth] = _react.useState(600);
+    const [destroyOnClose, setDestroyOnClose] = _react.useState(false);
+    const [center, setCenter] = _react.useState(false);
+    const [mousePosition, setMousePosition] = _react.useState({
+        x: null,
+        y: null
+    });
+    const [useIcon, setUseIcon] = _react.useState(false);
+    const [forceRender, setForceRender] = _react.useState(false);
+    const onClick = (e)=>{
+        setMousePosition({
+            x: e.pageX,
+            y: e.pageY
+        });
+        setVisible1(true);
+    };
+    const onClose = ()=>{
+        setVisible1(false);
+    };
+    const onClose2 = ()=>{
+        setVisible2(false);
+    };
+    const onClose3 = ()=>{
+        setVisible3(false);
+    };
+    const closeAll = ()=>{
+        setVisible1(false);
+        setVisible2(false);
+        setVisible3(false);
+    };
+    const onDestroyOnCloseChange = (e)=>{
+        setDestroyOnClose(e.target.checked);
+    };
+    const onForceRenderChange = (e)=>{
+        setForceRender(e.target.checked);
+    };
+    const changeWidth = ()=>{
+        setWidth(width === 600 ? 800 : 600);
+    };
+    const centerEvent = (e)=>{
+        setCenter(e.target.checked);
+    };
+    const toggleCloseIcon = ()=>{
+        setUseIcon(!useIcon);
+    };
+    const style = {
+        width
+    };
+    let wrapClassName = '';
+    if (center) wrapClassName = 'center';
+    const dialog = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_rcdialog.default, {
+        visible: visible1,
+        wrapClassName: wrapClassName,
+        animation: "zoom",
+        maskAnimation: "fade",
+        onClose: onClose,
+        style: style,
+        title: "dialog1",
+        mousePosition: mousePosition,
+        destroyOnClose: destroyOnClose,
+        closeIcon: useIcon ? getSvg(clearPath, {}, true) : undefined,
+        forceRender: forceRender,
+        focusTriggerAfterClose: false,
+        children: [
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
+                autoFocus: true
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 105,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                children: "basic modal"
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 106,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                onClick: ()=>{
+                    setVisible1(false);
+                    setVisible2(true);
+                },
+                children: "打开第二个并关闭当前的"
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 107,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                onClick: ()=>{
+                    setVisible2(true);
+                },
+                children: "打开第二个"
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 116,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                onClick: changeWidth,
+                children: "change width"
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 124,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                onClick: toggleCloseIcon,
+                children: [
+                    "use custom icon, is using icon: ",
+                    useIcon && 'true' || 'false',
+                    "."
+                ]
+            }, void 0, true, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 127,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
+                style: {
+                    height: 200
+                },
+                children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_rcselect.default, {
+                    dropdownStyle: {
+                        zIndex: 9999999
+                    },
+                    children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_rcselect.default.Option, {
+                        value: "light",
+                        children: "Light"
+                    }, void 0, false, {
+                        fileName: "docs/examples/ant-design.tsx?techStack=react",
+                        lineNumber: 132,
+                        columnNumber: 11
+                    }, this)
+                }, void 0, false, {
+                    fileName: "docs/examples/ant-design.tsx?techStack=react",
+                    lineNumber: 131,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 130,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "docs/examples/ant-design.tsx?techStack=react",
+        lineNumber: 91,
+        columnNumber: 5
+    }, this);
+    const dialog2 = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_rcdialog.default, {
+        visible: visible2,
+        title: "dialog2",
+        onClose: onClose2,
+        children: [
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
+                autoFocus: true
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 140,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                children: "basic modal"
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 141,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                onClick: ()=>{
+                    setVisible3(true);
+                },
+                children: "打开第三个"
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 142,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                onClick: ()=>{
+                    setVisible2(false);
+                },
+                children: "关闭当前"
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 150,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                onClick: closeAll,
+                children: "关闭所有"
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 158,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                onClick: changeWidth,
+                children: "change width"
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 161,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                onClick: toggleCloseIcon,
+                children: [
+                    "use custom icon, is using icon: ",
+                    useIcon && 'true' || 'false',
+                    "."
+                ]
+            }, void 0, true, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 164,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
+                style: {
+                    height: 200
+                }
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 167,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "docs/examples/ant-design.tsx?techStack=react",
+        lineNumber: 139,
+        columnNumber: 5
+    }, this);
+    const dialog3 = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_rcdialog.default, {
+        forceRender: true,
+        title: "dialog3",
+        visible: visible3,
+        onClose: onClose3,
+        children: [
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                children: "initialized with forceRender and visbile true"
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 173,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                onClick: ()=>{
+                    setVisible3(false);
+                },
+                children: "关闭当前"
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 174,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                onClick: closeAll,
+                children: "关闭所有"
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 182,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                onClick: changeWidth,
+                children: "change width"
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 185,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                onClick: toggleCloseIcon,
+                children: [
+                    "use custom icon, is using icon: ",
+                    useIcon && 'true' || 'false',
+                    "."
+                ]
+            }, void 0, true, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 188,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
+                style: {
+                    height: 200
+                }
+            }, void 0, false, {
+                fileName: "docs/examples/ant-design.tsx?techStack=react",
+                lineNumber: 191,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "docs/examples/ant-design.tsx?techStack=react",
+        lineNumber: 172,
+        columnNumber: 5
+    }, this);
+    return /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_react.StrictMode, {
+        children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
+            style: {
+                width: '90%',
+                margin: '0 auto',
+                height: '150vh'
+            },
+            children: [
+                /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("style", {
+                    children: `
+          .center {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
+          `
+                }, void 0, false, {
+                    fileName: "docs/examples/ant-design.tsx?techStack=react",
+                    lineNumber: 198,
+                    columnNumber: 9
+                }, this),
+                /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                            type: "button",
+                            className: "btn btn-primary",
+                            onClick: onClick,
+                            children: "show dialog"
+                        }, void 0, false, {
+                            fileName: "docs/examples/ant-design.tsx?techStack=react",
+                            lineNumber: 208,
+                            columnNumber: 11
+                        }, this),
+                        " ",
+                        /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("label", {
+                            children: [
+                                "destroy on close:",
+                                /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
+                                    type: "checkbox",
+                                    checked: destroyOnClose,
+                                    onChange: onDestroyOnCloseChange
+                                }, void 0, false, {
+                                    fileName: "docs/examples/ant-design.tsx?techStack=react",
+                                    lineNumber: 214,
+                                    columnNumber: 13
+                                }, this)
+                            ]
+                        }, void 0, true, {
+                            fileName: "docs/examples/ant-design.tsx?techStack=react",
+                            lineNumber: 212,
+                            columnNumber: 11
+                        }, this),
+                        " ",
+                        /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("label", {
+                            children: [
+                                "center",
+                                /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
+                                    type: "checkbox",
+                                    checked: center,
+                                    onChange: centerEvent
+                                }, void 0, false, {
+                                    fileName: "docs/examples/ant-design.tsx?techStack=react",
+                                    lineNumber: 219,
+                                    columnNumber: 13
+                                }, this)
+                            ]
+                        }, void 0, true, {
+                            fileName: "docs/examples/ant-design.tsx?techStack=react",
+                            lineNumber: 217,
+                            columnNumber: 11
+                        }, this),
+                        " ",
+                        /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("label", {
+                            children: [
+                                "force render",
+                                /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
+                                    type: "checkbox",
+                                    checked: forceRender,
+                                    onChange: onForceRenderChange
+                                }, void 0, false, {
+                                    fileName: "docs/examples/ant-design.tsx?techStack=react",
+                                    lineNumber: 224,
+                                    columnNumber: 13
+                                }, this)
+                            ]
+                        }, void 0, true, {
+                            fileName: "docs/examples/ant-design.tsx?techStack=react",
+                            lineNumber: 222,
+                            columnNumber: 11
+                        }, this),
+                        /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
+                            placeholder: "Useless Input",
+                            onClick: onClick
+                        }, void 0, false, {
+                            fileName: "docs/examples/ant-design.tsx?techStack=react",
+                            lineNumber: 226,
+                            columnNumber: 11
+                        }, this)
+                    ]
+                }, void 0, true, {
+                    fileName: "docs/examples/ant-design.tsx?techStack=react",
+                    lineNumber: 207,
+                    columnNumber: 9
+                }, this),
+                dialog,
+                dialog2,
+                dialog3
+            ]
+        }, void 0, true, {
+            fileName: "docs/examples/ant-design.tsx?techStack=react",
+            lineNumber: 197,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "docs/examples/ant-design.tsx?techStack=react",
+        lineNumber: 196,
+        columnNumber: 5
+    }, this);
+};
+_s(MyControl, "Q4n2a7SirievzNcbMgjFqOBGAvQ=");
+_c = MyControl;
+var _default = MyControl;
+var _c;
+$RefreshReg$(_c, "MyControl");
+if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg;
+if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig;
+function registerClassComponent(filename, moduleExports) {
+    for(const key in moduleExports)try {
+        if (key === "__esModule") continue;
+        const exportValue = moduleExports[key];
+        if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key);
+    } catch (e) {}
+}
+function $RefreshIsReactComponentLike$(moduleExports) {
+    if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true;
+    for(var key in moduleExports)try {
+        if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true;
+    } catch (e) {}
+    return false;
+}
+registerClassComponent(module.id, module.exports);
+if ($RefreshIsReactComponentLike$(module.exports)) {
+    module.meta.hot.accept();
+    _reactrefresh.performReactRefresh();
+}
+
+},
+"docs/examples/bootstrap.tsx?techStack=react": function (module, exports, __mako_require__){
+"use strict";
+__mako_require__.d(exports, "__esModule", {
+    value: true
+});
+__mako_require__.d(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _interop_require_default = __mako_require__("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard");
+var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/_react-refresh@0.14.2@react-refresh/runtime.js"));
+var _jsxdevruntime = __mako_require__("node_modules/_react@18.3.1@react/jsx-dev-runtime.js");
+__mako_require__("docs/examples/bootstrap.tsx?watch=parent");
+var _react = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/_react@18.3.1@react/index.js"));
+var _rcdialog = /*#__PURE__*/ _interop_require_default._(__mako_require__("src/index.ts"));
+"";
+"";
+var prevRefreshReg;
+var prevRefreshSig;
+prevRefreshReg = self.$RefreshReg$;
+prevRefreshSig = self.$RefreshSig$;
+self.$RefreshReg$ = (type, id)=>{
+    _reactrefresh.register(type, module.id + id);
+};
+self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform;
+var _s = $RefreshSig$();
+// Check for memo update should work
+const InnerRender = ()=>{
+    console.log('Updated...', Date.now());
+    return null;
+};
+_c = InnerRender;
+const MyControl = ()=>{
+    _s();
+    const [visible, setVisible] = _react.default.useState(false);
+    const [destroyOnClose, setDestroyOnClose] = _react.default.useState(false);
+    const onClick = ()=>{
+        setVisible(true);
+    };
+    const onClose = ()=>{
+        setVisible(false);
+    };
+    const onDestroyOnCloseChange = (e)=>{
+        setDestroyOnClose(e.target.checked);
+    };
+    const dialog = /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_rcdialog.default, {
+        visible: visible,
+        destroyOnClose: destroyOnClose,
+        animation: "slide-fade",
+        maskAnimation: "fade",
+        onClose: onClose,
+        style: {
+            width: 600
+        },
+        title: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
+            children: "第二个弹框"
+        }, void 0, false, {
+            fileName: "docs/examples/bootstrap.tsx?techStack=react",
+            lineNumber: 36,
+            columnNumber: 14
+        }, void 0),
+        footer: [
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                className: "btn btn-default",
+                onClick: onClose,
+                children: "Close"
+            }, "close", false, {
+                fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                lineNumber: 38,
+                columnNumber: 9
+            }, void 0),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                className: "btn btn-primary",
+                onClick: onClose,
+                children: "Save changes"
+            }, "save", false, {
+                fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                lineNumber: 41,
+                columnNumber: 9
+            }, void 0)
+        ],
+        children: [
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(InnerRender, {}, void 0, false, {
+                fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                lineNumber: 46,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("h4", {
+                children: "Text in a modal"
+            }, void 0, false, {
+                fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                lineNumber: 47,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                children: "Duis mollis, est non commodo luctus, nisi erat porttitor ligula."
+            }, void 0, false, {
+                fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                lineNumber: 48,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("hr", {}, void 0, false, {
+                fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                lineNumber: 49,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("h4", {
+                children: "Overflowing text to show scroll behavior"
+            }, void 0, false, {
+                fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                lineNumber: 50,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                children: "Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros."
+            }, void 0, false, {
+                fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                lineNumber: 51,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                children: [
+                    /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                        type: "button",
+                        className: "btn btn-primary",
+                        children: "Primary"
+                    }, void 0, false, {
+                        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                        lineNumber: 56,
+                        columnNumber: 9
+                    }, this),
+                    ' ',
+                    /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                        type: "button",
+                        className: "btn btn-secondary",
+                        children: "Secondary"
+                    }, void 0, false, {
+                        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                        lineNumber: 59,
+                        columnNumber: 9
+                    }, this),
+                    ' ',
+                    /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                        type: "button",
+                        className: "btn btn-success",
+                        children: "Success"
+                    }, void 0, false, {
+                        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                        lineNumber: 62,
+                        columnNumber: 9
+                    }, this),
+                    ' ',
+                    /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                        type: "button",
+                        className: "btn btn-danger",
+                        children: "Danger"
+                    }, void 0, false, {
+                        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                        lineNumber: 65,
+                        columnNumber: 9
+                    }, this),
+                    ' ',
+                    /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                        type: "button",
+                        className: "btn btn-warning",
+                        children: "Warning"
+                    }, void 0, false, {
+                        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                        lineNumber: 68,
+                        columnNumber: 9
+                    }, this),
+                    ' ',
+                    /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                        type: "button",
+                        className: "btn btn-info",
+                        children: "Info"
+                    }, void 0, false, {
+                        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                        lineNumber: 71,
+                        columnNumber: 9
+                    }, this),
+                    ' '
+                ]
+            }, void 0, true, {
+                fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                lineNumber: 55,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                children: "Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor."
+            }, void 0, false, {
+                fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                lineNumber: 75,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
+                style: {
+                    display: ''
+                },
+                children: [
+                    /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                        children: "Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla."
+                    }, void 0, false, {
+                        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                        lineNumber: 80,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                        children: "Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros."
+                    }, void 0, false, {
+                        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                        lineNumber: 85,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                        children: "Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor."
+                    }, void 0, false, {
+                        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                        lineNumber: 89,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                        children: "Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla."
+                    }, void 0, false, {
+                        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                        lineNumber: 93,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                        children: "Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros."
+                    }, void 0, false, {
+                        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                        lineNumber: 98,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                        children: "Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor."
+                    }, void 0, false, {
+                        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                        lineNumber: 102,
+                        columnNumber: 9
+                    }, this),
+                    /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                        children: "Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla."
+                    }, void 0, false, {
+                        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                        lineNumber: 106,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                lineNumber: 79,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+        lineNumber: 29,
+        columnNumber: 5
+    }, this);
+    return /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
+        style: {
+            margin: 20
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                children: [
+                    /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                        type: "button",
+                        className: "btn btn-primary",
+                        onClick: onClick,
+                        children: "show dialog"
+                    }, void 0, false, {
+                        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                        lineNumber: 118,
+                        columnNumber: 9
+                    }, this),
+                    " ",
+                    /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("label", {
+                        children: [
+                            "destroy on close:",
+                            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("input", {
+                                type: "checkbox",
+                                checked: destroyOnClose,
+                                onChange: onDestroyOnCloseChange
+                            }, void 0, false, {
+                                fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                                lineNumber: 124,
+                                columnNumber: 11
+                            }, this)
+                        ]
+                    }, void 0, true, {
+                        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                        lineNumber: 122,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "docs/examples/bootstrap.tsx?techStack=react",
+                lineNumber: 117,
+                columnNumber: 7
+            }, this),
+            dialog
+        ]
+    }, void 0, true, {
+        fileName: "docs/examples/bootstrap.tsx?techStack=react",
+        lineNumber: 116,
+        columnNumber: 5
+    }, this);
+};
+_s(MyControl, "363sW11dLczQS/dCG/YLSRcWcb4=");
+_c1 = MyControl;
+var _default = MyControl;
+var _c;
+var _c1;
+$RefreshReg$(_c, "InnerRender");
+$RefreshReg$(_c1, "MyControl");
+if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg;
+if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig;
+function registerClassComponent(filename, moduleExports) {
+    for(const key in moduleExports)try {
+        if (key === "__esModule") continue;
+        const exportValue = moduleExports[key];
+        if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key);
+    } catch (e) {}
+}
+function $RefreshIsReactComponentLike$(moduleExports) {
+    if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true;
+    for(var key in moduleExports)try {
+        if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true;
+    } catch (e) {}
+    return false;
+}
+registerClassComponent(module.id, module.exports);
+if ($RefreshIsReactComponentLike$(module.exports)) {
+    module.meta.hot.accept();
+    _reactrefresh.performReactRefresh();
+}
+
+},
+"docs/examples/draggable.tsx?techStack=react": function (module, exports, __mako_require__){
+"use strict";
+__mako_require__.d(exports, "__esModule", {
+    value: true
+});
+__mako_require__.d(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _interop_require_default = __mako_require__("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard");
+var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/_react-refresh@0.14.2@react-refresh/runtime.js"));
+var _jsxdevruntime = __mako_require__("node_modules/_react@18.3.1@react/jsx-dev-runtime.js");
+__mako_require__("docs/examples/draggable.tsx?watch=parent");
+"";
+var _react = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/_react@18.3.1@react/index.js"));
+var _reactdraggable = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/_react-draggable@4.4.6@react-draggable/build/cjs/cjs.js"));
+var _rcdialog = /*#__PURE__*/ _interop_require_default._(__mako_require__("src/index.ts"));
+"";
+var prevRefreshReg;
+var prevRefreshSig;
+prevRefreshReg = self.$RefreshReg$;
+prevRefreshSig = self.$RefreshSig$;
+self.$RefreshReg$ = (type, id)=>{
+    _reactrefresh.register(type, module.id + id);
+};
+self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform;
+var _s = $RefreshSig$();
+const MyControl = ()=>{
+    _s();
+    const [visible, setVisible] = _react.useState(false);
+    const [disabled, setDisabled] = _react.useState(true);
+    const onClick = ()=>{
+        setVisible(true);
+    };
+    const onClose = ()=>{
+        setVisible(false);
+    };
+    return /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
+        style: {
+            margin: 20
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("p", {
+                children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("button", {
+                    type: "button",
+                    className: "btn btn-primary",
+                    onClick: onClick,
+                    children: "show dialog"
+                }, void 0, false, {
+                    fileName: "docs/examples/draggable.tsx?techStack=react",
+                    lineNumber: 19,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "docs/examples/draggable.tsx?techStack=react",
+                lineNumber: 18,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_rcdialog.default, {
+                visible: visible,
+                animation: "slide-fade",
+                maskAnimation: "fade",
+                onClose: onClose,
+                style: {
+                    width: 600
+                },
+                title: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
+                    style: {
+                        width: '100%',
+                        cursor: 'pointer'
+                    },
+                    onMouseOver: ()=>{
+                        if (disabled) setDisabled(false);
+                    },
+                    onMouseOut: ()=>{
+                        setDisabled(true);
+                    },
+                    // fix eslintjsx-a11y/mouse-events-have-key-events
+                    // https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/mouse-events-have-key-events.md
+                    onFocus: ()=>{},
+                    onBlur: ()=>{},
+                    children: "modal"
+                }, void 0, false, {
+                    fileName: "docs/examples/draggable.tsx?techStack=react",
+                    lineNumber: 30,
+                    columnNumber: 11
+                }, void 0),
+                modalRender: (modal)=>/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_reactdraggable.default, {
+                        disabled: disabled,
+                        children: modal
+                    }, void 0, false, {
+                        fileName: "docs/examples/draggable.tsx?techStack=react",
+                        lineNumber: 49,
+                        columnNumber: 33
+                    }, void 0),
+                children: /*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)("div", {
+                    style: {
+                        height: 200
+                    },
+                    children: "Day before yesterday I saw a rabbit, and yesterday a deer, and today, you."
+                }, void 0, false, {
+                    fileName: "docs/examples/draggable.tsx?techStack=react",
+                    lineNumber: 51,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "docs/examples/draggable.tsx?techStack=react",
+                lineNumber: 23,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "docs/examples/draggable.tsx?techStack=react",
+        lineNumber: 17,
+        columnNumber: 5
+    }, this);
+};
+_s(MyControl, "QI8aYP7T5NAIm89XPwPafPceRPo=");
+_c = MyControl;
+var _default = MyControl;
+var _c;
+$RefreshReg$(_c, "MyControl");
+if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg;
+if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig;
+function registerClassComponent(filename, moduleExports) {
+    for(const key in moduleExports)try {
+        if (key === "__esModule") continue;
+        const exportValue = moduleExports[key];
+        if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key);
+    } catch (e) {}
+}
+function $RefreshIsReactComponentLike$(moduleExports) {
+    if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true;
+    for(var key in moduleExports)try {
+        if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true;
+    } catch (e) {}
+    return false;
+}
+registerClassComponent(module.id, module.exports);
+if ($RefreshIsReactComponentLike$(module.exports)) {
+    module.meta.hot.accept();
+    _reactrefresh.performReactRefresh();
+}
+
+},
+"docs/examples/multiple-Portal.tsx?techStack=react": function (module, exports, __mako_require__){
+"use strict";
+__mako_require__.d(exports, "__esModule", {
+    value: true
+});
+__mako_require__.d(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _interop_require_default = __mako_require__("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard");
+var _reactrefresh = _interop_require_wildcard._(__mako_require__("node_modules/_react-refresh@0.14.2@react-refresh/runtime.js"));
+var _jsxdevruntime = __mako_require__("node_modules/_react@18.3.1@react/jsx-dev-runtime.js");
+__mako_require__("docs/examples/multiple-Portal.tsx?watch=parent");
+var _react = _interop_require_wildcard._(__mako_require__("node_modules/_react@18.3.1@react/index.js"));
+var _rcdrawer = _interop_require_default._(__mako_require__("node_modules/_rc-drawer@7.2.0@rc-drawer/es/index.js"));
+"";
+var _rcdialog = _interop_require_default._(__mako_require__("src/index.ts"));
+"";
+var prevRefreshReg;
+var prevRefreshSig;
+prevRefreshReg = self.$RefreshReg$;
+prevRefreshSig = self.$RefreshSig$;
+self.$RefreshReg$ = (type, id)=>{
+    _reactrefresh.register(type, module.id + id);
+};
+self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform;
+var _s = $RefreshSig$();
+const Demo = ()=>{
+    _s();
+    const [showDialog, setShowDialog] = _react.useState(false);
+    const [showDrawer, setShowDrawer] = _react.useState(false);
+    const onToggleDrawer = ()=>{
+        setShowDrawer((value)=>!value);
+    };
+    const onToggleDialog = ()=>{
+        setShowDialog((value)=>!value);
+    };
+    const dialog = (0, _jsxdevruntime.jsxDEV)(_rcdialog.default, {
+        visible: showDialog,
+        animation: "zoom",
+        maskAnimation: "fade",
+        onClose: onToggleDialog,
+        forceRender: true,
+        title: "basic modal",
+        children: [
+            (0, _jsxdevruntime.jsxDEV)("p", {
+                children: (0, _jsxdevruntime.jsxDEV)("button", {
+                    type: "button",
+                    onClick: onToggleDrawer,
+                    children: "show drawer"
+                }, void 0, false, {
+                    fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
+                    lineNumber: 29,
+                    columnNumber: 9
+                }, this)
+            }, void 0, false, {
+                fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
+                lineNumber: 28,
+                columnNumber: 7
+            }, this),
+            (0, _jsxdevruntime.jsxDEV)("div", {
+                style: {
+                    height: 200
+                }
+            }, void 0, false, {
+                fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
+                lineNumber: 33,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
+        lineNumber: 20,
+        columnNumber: 5
+    }, this);
+    const drawer = (0, _jsxdevruntime.jsxDEV)(_rcdrawer.default, {
+        open: showDrawer,
+        onClose: onToggleDrawer,
+        children: (0, _jsxdevruntime.jsxDEV)("button", {
+            type: "button",
+            onClick: onToggleDrawer,
+            children: "close drawer"
+        }, void 0, false, {
+            fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
+            lineNumber: 38,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
+        lineNumber: 37,
+        columnNumber: 5
+    }, this);
+    return (0, _jsxdevruntime.jsxDEV)("div", {
+        children: [
+            (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                onClick: onToggleDialog,
+                children: "open dialog"
+            }, void 0, false, {
+                fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
+                lineNumber: 45,
+                columnNumber: 7
+            }, this),
+            (0, _jsxdevruntime.jsxDEV)("button", {
+                type: "button",
+                onClick: ()=>{
+                    setShowDialog(true);
+                    setTimeout(()=>{
+                        setShowDialog(false);
+                    }, 0);
+                },
+                children: "quick"
+            }, void 0, false, {
+                fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
+                lineNumber: 48,
+                columnNumber: 7
+            }, this),
+            dialog,
+            drawer
+        ]
+    }, void 0, true, {
+        fileName: "docs/examples/multiple-Portal.tsx?techStack=react",
+        lineNumber: 44,
+        columnNumber: 5
+    }, this);
+};
+_s(Demo, "NXmLaLBTsMoIATQhEKlsH30qgiI=");
+_c = Demo;
+var _default = Demo;
+var _c;
+$RefreshReg$(_c, "Demo");
+if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg;
+if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig;
+function registerClassComponent(filename, moduleExports) {
+    for(const key in moduleExports)try {
+        if (key === "__esModule") continue;
+        const exportValue = moduleExports[key];
+        if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key);
+    } catch (e) {}
+}
+function $RefreshIsReactComponentLike$(moduleExports) {
+    if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true;
+    for(var key in moduleExports)try {
+        if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true;
+    } catch (e) {}
+    return false;
+}
+registerClassComponent(module.id, module.exports);
+if ($RefreshIsReactComponentLike$(module.exports)) {
+    module.meta.hot.accept();
+    _reactrefresh.performReactRefresh();
+}
+
+},
+"docs/examples/pure.tsx?techStack=react": function (module, exports, __mako_require__){
+"use strict";
+__mako_require__.d(exports, "__esModule", {
+    value: true
+});
+__mako_require__.d(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _interop_require_default = __mako_require__("@swc/helpers/_/_interop_require_default");
+var _interop_require_wildcard = __mako_require__("@swc/helpers/_/_interop_require_wildcard");
+var _reactrefresh = /*#__PURE__*/ _interop_require_wildcard._(__mako_require__("node_modules/_react-refresh@0.14.2@react-refresh/runtime.js"));
+var _jsxdevruntime = __mako_require__("node_modules/_react@18.3.1@react/jsx-dev-runtime.js");
+__mako_require__("docs/examples/pure.tsx?watch=parent");
+var _react = /*#__PURE__*/ _interop_require_default._(__mako_require__("node_modules/_react@18.3.1@react/index.js"));
+var _rcdialog = __mako_require__("src/index.ts");
+"";
+"";
+var prevRefreshReg;
+var prevRefreshSig;
+prevRefreshReg = self.$RefreshReg$;
+prevRefreshSig = self.$RefreshSig$;
+self.$RefreshReg$ = (type, id)=>{
+    _reactrefresh.register(type, module.id + id);
+};
+self.$RefreshSig$ = _reactrefresh.createSignatureFunctionForTransform;
+const Demo = ()=>/*#__PURE__*/ (0, _jsxdevruntime.jsxDEV)(_rcdialog.Panel, {
+        prefixCls: "rc-dialog",
+        title: "Title",
+        closable: true,
+        children: "Hello World!"
+    }, void 0, false, {
+        fileName: "docs/examples/pure.tsx?techStack=react",
+        lineNumber: 7,
+        columnNumber: 3
+    }, this);
+_c = Demo;
+var _default = Demo;
+var _c;
+$RefreshReg$(_c, "Demo");
+if (prevRefreshReg) self.$RefreshReg$ = prevRefreshReg;
+if (prevRefreshSig) self.$RefreshSig$ = prevRefreshSig;
+function registerClassComponent(filename, moduleExports) {
+    for(const key in moduleExports)try {
+        if (key === "__esModule") continue;
+        const exportValue = moduleExports[key];
+        if (_reactrefresh.isLikelyComponentType(exportValue) && exportValue.prototype && exportValue.prototype.isReactComponent) _reactrefresh.register(exportValue, filename + " " + key);
+    } catch (e) {}
+}
+function $RefreshIsReactComponentLike$(moduleExports) {
+    if (_reactrefresh.isLikelyComponentType(moduleExports || moduleExports.default)) return true;
+    for(var key in moduleExports)try {
+        if (_reactrefresh.isLikelyComponentType(moduleExports[key])) return true;
+    } catch (e) {}
+    return false;
+}
+registerClassComponent(module.id, module.exports);
+if ($RefreshIsReactComponentLike$(module.exports)) {
+    module.meta.hot.accept();
+    _reactrefresh.performReactRefresh();
+}
+
+},
+ }]);
+//# sourceMappingURL=demos-async.js.map