@tendaui/react 1.2.4 → 1.3.1

package/es/notification/_example/default.js

@@ -0,0 +1,55 @@
+import React__default from 'react';
+import { useNotification, Button, NotificationProvider } from '@tendaui/react';
+
+var DefaultDemo = function DefaultDemo() {
+  var NotificationDemo = function NotificationDemo() {
+    var _useNotification = useNotification(),
+      success = _useNotification.success,
+      error = _useNotification.error,
+      warning = _useNotification.warning,
+      info = _useNotification.info;
+    return /* @__PURE__ */React__default.createElement("div", {
+      style: {
+        display: "flex",
+        gap: "12px",
+        flexWrap: "wrap"
+      }
+    }, /* @__PURE__ */React__default.createElement(Button, {
+      theme: "success",
+      onClick: function onClick() {
+        return success({
+          title: "\u6210\u529F\u63D0\u793A",
+          message: "\u64CD\u4F5C\u6210\u529F\u5B8C\u6210\uFF01"
+        });
+      }
+    }, "\u6210\u529F\u901A\u77E5"), /* @__PURE__ */React__default.createElement(Button, {
+      theme: "danger",
+      onClick: function onClick() {
+        return error({
+          title: "\u9519\u8BEF\u63D0\u793A",
+          message: "\u64CD\u4F5C\u53D1\u751F\u9519\u8BEF\uFF01"
+        });
+      }
+    }, "\u9519\u8BEF\u901A\u77E5"), /* @__PURE__ */React__default.createElement(Button, {
+      theme: "warning",
+      onClick: function onClick() {
+        return warning({
+          title: "\u8B66\u544A\u63D0\u793A",
+          message: "\u8BF7\u6CE8\u610F\u8FD9\u4E2A\u8B66\u544A\uFF01"
+        });
+      }
+    }, "\u8B66\u544A\u901A\u77E5"), /* @__PURE__ */React__default.createElement(Button, {
+      theme: "primary",
+      onClick: function onClick() {
+        return info({
+          title: "\u4FE1\u606F\u63D0\u793A",
+          message: "\u8FD9\u662F\u4E00\u6761\u4FE1\u606F\u901A\u77E5"
+        });
+      }
+    }, "\u4FE1\u606F\u901A\u77E5"));
+  };
+  return /* @__PURE__ */React__default.createElement(NotificationProvider, null, /* @__PURE__ */React__default.createElement(NotificationDemo, null));
+};
+
+export { DefaultDemo as default };
+//# sourceMappingURL=default.js.map

package/es/notification/_example/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sources":["../../../../components/notification/_example/default.tsx"],"sourcesContent":["import React from \"react\";\nimport { NotificationProvider, useNotification, Button } from \"@tendaui/react\";\n\nconst DefaultDemo = () => {\n  const NotificationDemo = () => {\n    const { success, error, warning, info } = useNotification();\n    return (\n      <div style={{ display: \"flex\", gap: \"12px\", flexWrap: \"wrap\" }}>\n        <Button theme=\"success\" onClick={() => success({ title: \"成功提示\", message: \"操作成功完成！\" })}>\n          成功通知\n        </Button>\n        <Button theme=\"danger\" onClick={() => error({ title: \"错误提示\", message: \"操作发生错误！\" })}>\n          错误通知\n        </Button>\n        <Button theme=\"warning\" onClick={() => warning({ title: \"警告提示\", message: \"请注意这个警告！\" })}>\n          警告通知\n        </Button>\n        <Button theme=\"primary\" onClick={() => info({ title: \"信息提示\", message: \"这是一条信息通知\" })}>\n          信息通知\n        </Button>\n      </div>\n    );\n  };\n  return (\n    <NotificationProvider>\n      <NotificationDemo />\n    </NotificationProvider>\n  );\n};\n\nexport default DefaultDemo;"],"names":["DefaultDemo","NotificationDemo","_useNotification","useNotification","success","error","warning","info","React","createElement","style","display","gap","flexWrap","Button","theme","onClick","title","message","NotificationProvider"],"mappings":";;;AAGA,IAAMA,cAAc,SAAdA,cAAoB;AACxB,EAAA,IAAMC,mBAAmB,SAAnBA,mBAAyB;AAC7B,IAAA,IAAAC,gBAAA,GAA0CC,eAAA,EAAgB;MAAlDC,OAAA,GAAAF,gBAAA,CAAAE,OAAA;MAASC,KAAA,GAAAH,gBAAA,CAAAG,KAAA;MAAOC,OAAA,GAAAJ,gBAAA,CAAAI,OAAA;MAASC,IAAA,GAAAL,gBAAA,CAAAK,IAAA;AACjC,IAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,MAAAA,KAAA,EAAO;AAAEC,QAAAA,SAAS,MAAA;AAAQC,QAAAA,GAAA,EAAK,MAAA;AAAQC,QAAAA,QAAA,EAAU;AAAO;AAAA,KAAA,iBAC3DL,cAAA,CAAAC,aAAA,CAACK,MAAA,EAAA;AAAOC,MAAAA,KAAA,EAAM;MAAUC,OAAA,EAAS,SAATA,OAAAA,GAAA;AAAA,QAAA,OAAeZ,OAAA,CAAQ;AAAEa,UAAAA,OAAO,0BAAA;AAAQC,UAAAA,OAAA,EAAS;AAAU,SAAC;;OAAG,0BAEvF,CAAA,iBACAV,cAAA,CAAAC,aAAA,CAACK,MAAA,EAAA;AAAOC,MAAAA,OAAM,QAAA;MAASC,OAAA,EAAS,SAATA,OAAAA,GAAA;AAAA,QAAA,OAAeX,KAAA,CAAM;AAAEY,UAAAA,KAAA,EAAO,0BAAA;AAAQC,UAAAA,OAAA,EAAS;AAAU,SAAC,CAAA;AAAA,MAAA;KAAA,EAAG,0BAEpF,CAAA,8CACCJ,MAAA,EAAA;AAAOC,MAAAA,KAAA,EAAM,SAAA;MAAUC,OAAA,EAAS,SAATA,OAAAA,GAAA;AAAA,QAAA,OAAeV,OAAA,CAAQ;AAAEW,UAAAA,KAAA,EAAO,0BAAA;AAAQC,UAAAA,SAAS;AAAW,SAAC,CAAA;AAAA,MAAA;KAAA,EAAG,0BAExF,kBACAV,cAAA,CAAAC,aAAA,CAACK,MAAA,EAAA;AAAOC,MAAAA,KAAA,EAAM,SAAA;MAAUC,SAAS,SAATA;eAAeT,IAAA,CAAK;AAAEU,UAAAA,KAAA,EAAO;AAAQC,UAAAA,OAAA,EAAS;AAAW,SAAC,CAAA;AAAA,MAAA;KAAA,EAAG,0BAErF,CACF,CAAA;EAEJ,CAAA;AACA,EAAA,sBACEV,cAAA,CAAAC,aAAA,CAACU,oBAAA,EAAA,IAAA,iBACCX,cAAA,CAAAC,aAAA,CAACR,gBAAA,EAAA,IAAiB,CACpB,CAAA;AAEJ;;;;"}

package/es/notification/_example/long-content.js

@@ -0,0 +1,36 @@
+import React__default from 'react';
+import { useNotification, Button, NotificationProvider } from '@tendaui/react';
+
+var LongContentDemo = function LongContentDemo() {
+  var LongContentNotificationDemo = function LongContentNotificationDemo() {
+    var _useNotification = useNotification(),
+      info = _useNotification.info,
+      success = _useNotification.success;
+    var showLongTitle = function showLongTitle() {
+      success({
+        title: "\u8FD9\u662F\u4E00\u4E2A\u975E\u5E38\u957F\u7684\u6807\u9898\uFF0C\u7528\u4E8E\u6D4B\u8BD5\u6807\u9898\u8FC7\u957F\u65F6\u7684\u663E\u793A\u6548\u679C\u548C\u6362\u884C\u60C5\u51B5",
+        message: "\u901A\u77E5\u5185\u5BB9"
+      });
+    };
+    var showLongMessage = function showLongMessage() {
+      info({
+        title: "\u7CFB\u7EDF\u901A\u77E5",
+        message: "\u8FD9\u662F\u4E00\u6BB5\u975E\u5E38\u957F\u7684\u901A\u77E5\u5185\u5BB9\uFF0C\u7528\u4E8E\u6D4B\u8BD5\u5185\u5BB9\u8FC7\u957F\u65F6\u7684\u663E\u793A\u6548\u679C\u3002Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+      });
+    };
+    return /* @__PURE__ */React__default.createElement("div", {
+      style: {
+        display: "flex",
+        gap: "12px"
+      }
+    }, /* @__PURE__ */React__default.createElement(Button, {
+      onClick: showLongTitle
+    }, "\u957F\u6807\u9898\u901A\u77E5"), /* @__PURE__ */React__default.createElement(Button, {
+      onClick: showLongMessage
+    }, "\u957F\u5185\u5BB9\u901A\u77E5"));
+  };
+  return /* @__PURE__ */React__default.createElement(NotificationProvider, null, /* @__PURE__ */React__default.createElement(LongContentNotificationDemo, null));
+};
+
+export { LongContentDemo as default };
+//# sourceMappingURL=long-content.js.map

package/es/notification/_example/long-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"long-content.js","sources":["../../../../components/notification/_example/long-content.tsx"],"sourcesContent":["import React from \"react\";\nimport { NotificationProvider, useNotification, Button } from \"@tendaui/react\";\n\nconst LongContentDemo = () => {\n  const LongContentNotificationDemo = () => {\n    const { info, success } = useNotification();\n\n    const showLongTitle = () => {\n      success({\n        title: \"这是一个非常长的标题，用于测试标题过长时的显示效果和换行情况\",\n        message: \"通知内容\"\n      });\n    };\n\n    const showLongMessage = () => {\n      info({\n        title: \"系统通知\",\n        message:\n          \"这是一段非常长的通知内容，用于测试内容过长时的显示效果。Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"\n      });\n    };\n\n    return (\n      <div style={{ display: \"flex\", gap: \"12px\" }}>\n        <Button onClick={showLongTitle}>长标题通知</Button>\n        <Button onClick={showLongMessage}>长内容通知</Button>\n      </div>\n    );\n  };\n  return (\n    <NotificationProvider>\n      <LongContentNotificationDemo />\n    </NotificationProvider>\n  );\n};\n\nexport default LongContentDemo;\n"],"names":["LongContentDemo","LongContentNotificationDemo","_useNotification","useNotification","info","success","showLongTitle","title","message","showLongMessage","React","createElement","style","display","gap","Button","onClick","NotificationProvider"],"mappings":";;;AAGA,IAAMA,kBAAkB,SAAlBA,kBAAwB;AAC5B,EAAA,IAAMC,8BAA8B,SAA9BA,8BAAoC;AACxC,IAAA,IAAAC,gBAAA,GAA0BC,eAAA,EAAgB;MAAlCC,IAAA,GAAAF,gBAAA,CAAAE,IAAA;MAAMC,OAAA,GAAAH,gBAAA,CAAAG,OAAA;AAEd,IAAA,IAAMC,gBAAgB,SAAhBA,gBAAsB;AAC1BD,MAAAA,OAAA,CAAQ;AACNE,QAAAA,KAAA,EAAO,sLAAA;AACPC,QAAAA,OAAA,EAAS;AACX,OAAC,CAAA;IACH,CAAA;AAEA,IAAA,IAAMC,kBAAkB,SAAlBA,kBAAwB;AAC5BL,MAAAA,IAAA,CAAK;AACHG,QAAAA,KAAA,EAAO,0BAAA;AACPC,QAAAA,OAAA,EACE;AACJ,OAAC,CAAA;IACH,CAAA;AAEA,IAAA,sBACEE,cAAA,CAAAC,aAAA,CAAC;AAAIC,MAAAA,KAAA,EAAO;AAAEC,QAAAA,SAAS,MAAA;AAAQC,QAAAA,GAAA,EAAK;AAAO;AAAA,KAAA,iBACzCJ,cAAA,CAAAC,aAAA,CAACI;AAAOC,MAAAA,OAAA,EAASV;KAAA,EAAe,gCAAK,CAAA,iBACrCI,cAAA,CAAAC,aAAA,CAACI;AAAOC,MAAAA,OAAA,EAASP;KAAA,EAAiB,gCAAK,CACzC,CAAA;EAEJ,CAAA;AACA,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAACM,oBAAA,EAAA,IAAA,iBACCP,cAAA,CAAAC,aAAA,CAACV,2BAAA,EAAA,IAA4B,CAC/B,CAAA;AAEJ;;;;"}

package/es/notification/_example/stacking.js

@@ -0,0 +1,56 @@
+import React__default, { useRef } from 'react';
+import { useNotification, Button, NotificationProvider } from '@tendaui/react';
+
+var StackingDemo = function StackingDemo() {
+  var StackingNotificationDemo = function StackingNotificationDemo() {
+    var _useNotification = useNotification(),
+      success = _useNotification.success,
+      error = _useNotification.error,
+      warning = _useNotification.warning,
+      info = _useNotification.info;
+    var index = useRef(1);
+    var showMultiple = function showMultiple() {
+      success({
+        title: "\u6210\u529F",
+        message: "\u7B2C ".concat(index.current++, " \u6761\u901A\u77E5")
+      });
+      setTimeout(function () {
+        error({
+          title: "\u9519\u8BEF",
+          message: "\u7B2C ".concat(index.current++, " \u6761\u901A\u77E5")
+        });
+      }, 200);
+      setTimeout(function () {
+        warning({
+          title: "\u8B66\u544A",
+          message: "\u7B2C ".concat(index.current++, " \u6761\u901A\u77E5")
+        });
+      }, 400);
+      setTimeout(function () {
+        info({
+          title: "\u4FE1\u606F",
+          message: "\u7B2C ".concat(index.current++, " \u6761\u901A\u77E5")
+        });
+      }, 600);
+    };
+    return /* @__PURE__ */React__default.createElement("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "16px"
+      }
+    }, /* @__PURE__ */React__default.createElement("div", {
+      style: {
+        color: "#666",
+        fontSize: "12px"
+      }
+    }, "\u70B9\u51FB\u6309\u94AE\u5FEB\u901F\u663E\u793A\u591A\u6761\u901A\u77E5\uFF0C\u89C2\u5BDF\u5806\u53E0\u6548\u679C"), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement(Button, {
+      theme: "primary",
+      onClick: showMultiple
+    }, "\u663E\u793A\u591A\u6761\u901A\u77E5")));
+  };
+  return /* @__PURE__ */React__default.createElement(NotificationProvider, null, /* @__PURE__ */React__default.createElement(StackingNotificationDemo, null));
+};
+
+export { StackingDemo as default };
+//# sourceMappingURL=stacking.js.map

package/es/notification/_example/stacking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stacking.js","sources":["../../../../components/notification/_example/stacking.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { NotificationProvider, useNotification, Button } from \"@tendaui/react\";\n\nconst StackingDemo = () => {\n  const StackingNotificationDemo = () => {\n    const { success, error, warning, info } = useNotification();\n    const index = useRef(1);\n\n    const showMultiple = () => {\n      success({ title: \"成功\", message: `第 ${index.current++} 条通知` });\n      setTimeout(() => {\n        error({ title: \"错误\", message: `第 ${index.current++} 条通知` });\n      }, 200);\n      setTimeout(() => {\n        warning({ title: \"警告\", message: `第 ${index.current++} 条通知` });\n      }, 400);\n      setTimeout(() => {\n        info({ title: \"信息\", message: `第 ${index.current++} 条通知` });\n      }, 600);\n    };\n\n    return (\n      <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n        <div style={{ color: \"#666\", fontSize: \"12px\" }}>点击按钮快速显示多条通知，观察堆叠效果</div>\n        <div>\n          <Button theme=\"primary\" onClick={showMultiple}>\n            显示多条通知\n          </Button>\n        </div>\n      </div>\n    );\n  };\n  return (\n    <NotificationProvider>\n      <StackingNotificationDemo />\n    </NotificationProvider>\n  );\n};\n\nexport default StackingDemo;"],"names":["StackingDemo","StackingNotificationDemo","_useNotification","useNotification","success","error","warning","info","index","useRef","showMultiple","title","message","concat","current","setTimeout","React","createElement","style","display","flexDirection","gap","color","fontSize","Button","theme","onClick","NotificationProvider"],"mappings":";;;AAGA,IAAMA,eAAe,SAAfA,eAAqB;AACzB,EAAA,IAAMC,2BAA2B,SAA3BA,2BAAiC;AACrC,IAAA,IAAAC,gBAAA,GAA0CC,eAAA,EAAgB;MAAlDC,OAAA,GAAAF,gBAAA,CAAAE,OAAA;MAASC,KAAA,GAAAH,gBAAA,CAAAG,KAAA;MAAOC,OAAA,GAAAJ,gBAAA,CAAAI,OAAA;MAASC,IAAA,GAAAL,gBAAA,CAAAK,IAAA;AACjC,IAAA,IAAMC,KAAA,GAAQC,OAAO,CAAC,CAAA;AAEtB,IAAA,IAAMC,eAAe,SAAfA,eAAqB;AACzBN,MAAAA,OAAA,CAAQ;AAAEO,QAAAA,OAAO,cAAA;AAAMC,QAAAA,OAAA,YAAAC,MAAA,CAAcL,KAAA,CAAMM,OAAA,EAAS,EAAA,qBAAA;AAAO,OAAC,CAAA;AAC5DC,MAAAA,UAAA,CAAW,YAAM;AACfV,QAAAA,KAAA,CAAM;AAAEM,UAAAA,OAAO,cAAA;AAAMC,UAAAA,OAAA,YAAAC,MAAA,CAAcL,KAAA,CAAMM,OAAA,EAAS,EAAA,qBAAA;AAAO,SAAC,CAAA;MAC5D,GAAG,GAAG,CAAA;AACNC,MAAAA,UAAA,CAAW,YAAM;AACfT,QAAAA,OAAA,CAAQ;AAAEK,UAAAA,OAAO,cAAA;AAAMC,UAAAA,OAAA,YAAAC,MAAA,CAAcL,KAAA,CAAMM,OAAA,EAAS,EAAA,qBAAA;AAAO,SAAC,CAAA;MAC9D,GAAG,GAAG,CAAA;AACNC,MAAAA,UAAA,CAAW,YAAM;AACfR,QAAAA,IAAA,CAAK;AAAEI,UAAAA,OAAO,cAAA;AAAMC,UAAAA,OAAA,YAAAC,MAAA,CAAcL,KAAA,CAAMM,OAAA,EAAS,EAAA,qBAAA;AAAO,SAAC,CAAA;MAC3D,GAAG,GAAG,CAAA;IACR,CAAA;AAEA,IAAA,sBACEE,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,MAAAA,KAAA,EAAO;AAAEC,QAAAA,SAAS,MAAA;AAAQC,QAAAA,aAAA,EAAe,QAAA;AAAUC,QAAAA,GAAA,EAAK;AAAO;AAAA,KAAA,iBAClEL,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,MAAAA,OAAO;AAAEI,QAAAA,KAAA,EAAO,MAAA;AAAQC,QAAAA,QAAA,EAAU;AAAO;AAAA,KAAA,EAAG,oHAAmB,CAAA,8CACnE,KAAA,EAAA,IAAA,iBACCP,cAAA,CAAAC,aAAA,CAACO,MAAA,EAAA;AAAOC,MAAAA,KAAA,EAAM,SAAA;AAAUC,MAAAA,OAAA,EAAShB;AAAA,KAAA,EAAc,sCAE/C,CACF,CACF,CAAA;EAEJ,CAAA;AACA,EAAA,sBACEM,cAAA,CAAAC,aAAA,CAACU,oBAAA,EAAA,IAAA,iBACCX,cAAA,CAAAC,aAAA,CAAChB,wBAAA,EAAA,IAAyB,CAC5B,CAAA;AAEJ;;;;"}

package/es/notification/_example/types.js

@@ -0,0 +1,75 @@
+import React__default from 'react';
+import { useNotification, Button, NotificationProvider } from '@tendaui/react';
+
+var TypesDemo = function TypesDemo() {
+  var TypesNotificationDemo = function TypesNotificationDemo() {
+    var _useNotification = useNotification(),
+      success = _useNotification.success,
+      error = _useNotification.error,
+      warning = _useNotification.warning,
+      info = _useNotification.info;
+    return /* @__PURE__ */React__default.createElement("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "24px"
+      }
+    }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("h4", {
+      style: {
+        marginBottom: "12px",
+        color: "#666"
+      }
+    }, "\u6210\u529F\u901A\u77E5"), /* @__PURE__ */React__default.createElement(Button, {
+      theme: "success",
+      onClick: function onClick() {
+        return success({
+          title: "\u64CD\u4F5C\u6210\u529F",
+          message: "\u60A8\u7684\u6570\u636E\u5DF2\u6210\u529F\u4FDD\u5B58\u5230\u670D\u52A1\u5668"
+        });
+      }
+    }, "\u663E\u793A\u6210\u529F\u901A\u77E5")), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("h4", {
+      style: {
+        marginBottom: "12px",
+        color: "#666"
+      }
+    }, "\u9519\u8BEF\u901A\u77E5"), /* @__PURE__ */React__default.createElement(Button, {
+      theme: "danger",
+      onClick: function onClick() {
+        return error({
+          title: "\u64CD\u4F5C\u5931\u8D25",
+          message: "\u7F51\u7EDC\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC\u8BBE\u7F6E\u540E\u91CD\u8BD5"
+        });
+      }
+    }, "\u663E\u793A\u9519\u8BEF\u901A\u77E5")), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("h4", {
+      style: {
+        marginBottom: "12px",
+        color: "#666"
+      }
+    }, "\u8B66\u544A\u901A\u77E5"), /* @__PURE__ */React__default.createElement(Button, {
+      theme: "warning",
+      onClick: function onClick() {
+        return warning({
+          title: "\u8B66\u544A",
+          message: "\u60A8\u7684\u8D26\u6237\u4F59\u989D\u4E0D\u8DB3\uFF0C\u8BF7\u53CA\u65F6\u5145\u503C"
+        });
+      }
+    }, "\u663E\u793A\u8B66\u544A\u901A\u77E5")), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("h4", {
+      style: {
+        marginBottom: "12px",
+        color: "#666"
+      }
+    }, "\u4FE1\u606F\u901A\u77E5"), /* @__PURE__ */React__default.createElement(Button, {
+      theme: "primary",
+      onClick: function onClick() {
+        return info({
+          title: "\u7CFB\u7EDF\u901A\u77E5",
+          message: "\u7CFB\u7EDF\u5C06\u4E8E\u4ECA\u665A 22:00 \u8FDB\u884C\u7EF4\u62A4\u5347\u7EA7"
+        });
+      }
+    }, "\u663E\u793A\u4FE1\u606F\u901A\u77E5")));
+  };
+  return /* @__PURE__ */React__default.createElement(NotificationProvider, null, /* @__PURE__ */React__default.createElement(TypesNotificationDemo, null));
+};
+
+export { TypesDemo as default };
+//# sourceMappingURL=types.js.map

package/es/notification/_example/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../components/notification/_example/types.tsx"],"sourcesContent":["import React from \"react\";\nimport { NotificationProvider, useNotification, Button } from \"@tendaui/react\";\n\nconst TypesDemo = () => {\n  const TypesNotificationDemo = () => {\n    const { success, error, warning, info } = useNotification();\n    return (\n      <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"24px\" }}>\n        <div>\n          <h4 style={{ marginBottom: \"12px\", color: \"#666\" }}>成功通知</h4>\n          <Button\n            theme=\"success\"\n            onClick={() =>\n              success({\n                title: \"操作成功\",\n                message: \"您的数据已成功保存到服务器\"\n              })\n            }\n          >\n            显示成功通知\n          </Button>\n        </div>\n\n        <div>\n          <h4 style={{ marginBottom: \"12px\", color: \"#666\" }}>错误通知</h4>\n          <Button\n            theme=\"danger\"\n            onClick={() =>\n              error({\n                title: \"操作失败\",\n                message: \"网络连接失败，请检查网络设置后重试\"\n              })\n            }\n          >\n            显示错误通知\n          </Button>\n        </div>\n\n        <div>\n          <h4 style={{ marginBottom: \"12px\", color: \"#666\" }}>警告通知</h4>\n          <Button\n            theme=\"warning\"\n            onClick={() =>\n              warning({\n                title: \"警告\",\n                message: \"您的账户余额不足，请及时充值\"\n              })\n            }\n          >\n            显示警告通知\n          </Button>\n        </div>\n\n        <div>\n          <h4 style={{ marginBottom: \"12px\", color: \"#666\" }}>信息通知</h4>\n          <Button\n            theme=\"primary\"\n            onClick={() =>\n              info({\n                title: \"系统通知\",\n                message: \"系统将于今晚 22:00 进行维护升级\"\n              })\n            }\n          >\n            显示信息通知\n          </Button>\n        </div>\n      </div>\n    );\n  };\n  return (\n    <NotificationProvider>\n      <TypesNotificationDemo />\n    </NotificationProvider>\n  );\n};\n\nexport default TypesDemo;"],"names":["TypesDemo","TypesNotificationDemo","_useNotification","useNotification","success","error","warning","info","React","createElement","style","display","flexDirection","gap","marginBottom","color","Button","theme","onClick","title","message","NotificationProvider"],"mappings":"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"}

package/es/notification/_example/usage-example.js

@@ -0,0 +1,68 @@
+import React__default from 'react';
+import { useNotification, Button, NotificationProvider } from '@tendaui/react';
+
+var UsageExampleDemo = function UsageExampleDemo() {
+  var UsageNotificationDemo = function UsageNotificationDemo() {
+    var _useNotification = useNotification(),
+      success = _useNotification.success,
+      error = _useNotification.error;
+    var handleSubmit = function handleSubmit() {
+      setTimeout(function () {
+        var isSuccess = Math.random() > 0.5;
+        if (isSuccess) {
+          success({
+            title: "\u63D0\u4EA4\u6210\u529F",
+            message: "\u60A8\u7684\u8868\u5355\u5DF2\u6210\u529F\u63D0\u4EA4"
+          });
+        } else {
+          error({
+            title: "\u63D0\u4EA4\u5931\u8D25",
+            message: "\u7F51\u7EDC\u5F02\u5E38\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5"
+          });
+        }
+      }, 500);
+    };
+    var handleDelete = function handleDelete() {
+      success({
+        title: "\u5220\u9664\u6210\u529F",
+        message: "\u6570\u636E\u5DF2\u6210\u529F\u5220\u9664"
+      });
+    };
+    var handleSave = function handleSave() {
+      success({
+        title: "\u4FDD\u5B58\u6210\u529F",
+        message: "\u60A8\u7684\u66F4\u6539\u5DF2\u4FDD\u5B58"
+      });
+    };
+    return /* @__PURE__ */React__default.createElement("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "16px"
+      }
+    }, /* @__PURE__ */React__default.createElement("div", {
+      style: {
+        color: "#666",
+        fontSize: "12px"
+      }
+    }, "\u6A21\u62DF\u771F\u5B9E\u4E1A\u52A1\u573A\u666F\u4E2D\u7684\u901A\u77E5\u4F7F\u7528"), /* @__PURE__ */React__default.createElement("div", {
+      style: {
+        display: "flex",
+        gap: "12px",
+        flexWrap: "wrap"
+      }
+    }, /* @__PURE__ */React__default.createElement(Button, {
+      theme: "primary",
+      onClick: handleSubmit
+    }, "\u63D0\u4EA4\u8868\u5355\uFF08\u968F\u673A\u7ED3\u679C\uFF09"), /* @__PURE__ */React__default.createElement(Button, {
+      theme: "danger",
+      onClick: handleDelete
+    }, "\u5220\u9664\u6570\u636E"), /* @__PURE__ */React__default.createElement(Button, {
+      onClick: handleSave
+    }, "\u4FDD\u5B58\u66F4\u6539")));
+  };
+  return /* @__PURE__ */React__default.createElement(NotificationProvider, null, /* @__PURE__ */React__default.createElement(UsageNotificationDemo, null));
+};
+
+export { UsageExampleDemo as default };
+//# sourceMappingURL=usage-example.js.map

package/es/notification/_example/usage-example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usage-example.js","sources":["../../../../components/notification/_example/usage-example.tsx"],"sourcesContent":["import React from \"react\";\nimport { NotificationProvider, useNotification, Button } from \"@tendaui/react\";\n\nconst UsageExampleDemo = () => {\n  const UsageNotificationDemo = () => {\n    const { success, error } = useNotification();\n\n    const handleSubmit = () => {\n      // 模拟异步操作\n      setTimeout(() => {\n        const isSuccess = Math.random() > 0.5;\n        if (isSuccess) {\n          success({\n            title: \"提交成功\",\n            message: \"您的表单已成功提交\"\n          });\n        } else {\n          error({\n            title: \"提交失败\",\n            message: \"网络异常，请稍后重试\"\n          });\n        }\n      }, 500);\n    };\n\n    const handleDelete = () => {\n      success({\n        title: \"删除成功\",\n        message: \"数据已成功删除\"\n      });\n    };\n\n    const handleSave = () => {\n      success({\n        title: \"保存成功\",\n        message: \"您的更改已保存\"\n      });\n    };\n\n    return (\n      <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n        <div style={{ color: \"#666\", fontSize: \"12px\" }}>模拟真实业务场景中的通知使用</div>\n        <div style={{ display: \"flex\", gap: \"12px\", flexWrap: \"wrap\" }}>\n          <Button theme=\"primary\" onClick={handleSubmit}>\n            提交表单（随机结果）\n          </Button>\n          <Button theme=\"danger\" onClick={handleDelete}>\n            删除数据\n          </Button>\n          <Button onClick={handleSave}>保存更改</Button>\n        </div>\n      </div>\n    );\n  };\n  return (\n    <NotificationProvider>\n      <UsageNotificationDemo />\n    </NotificationProvider>\n  );\n};\n\nexport default UsageExampleDemo;"],"names":["UsageExampleDemo","UsageNotificationDemo","_useNotification","useNotification","success","error","handleSubmit","setTimeout","isSuccess","Math","random","title","message","handleDelete","handleSave","React","createElement","style","display","flexDirection","gap","color","fontSize","flexWrap","Button","theme","onClick","NotificationProvider"],"mappings":";;;AAGA,IAAMA,mBAAmB,SAAnBA,mBAAyB;AAC7B,EAAA,IAAMC,wBAAwB,SAAxBA,wBAA8B;AAClC,IAAA,IAAAC,gBAAA,GAA2BC,eAAA,EAAgB;MAAnCC,OAAA,GAAAF,gBAAA,CAAAE,OAAA;MAASC,KAAA,GAAAH,gBAAA,CAAAG,KAAA;AAEjB,IAAA,IAAMC,eAAe,SAAfA,eAAqB;AAEzBC,MAAAA,UAAA,CAAW,YAAM;QACf,IAAMC,SAAA,GAAYC,IAAA,CAAKC,MAAA,EAAO,GAAI,GAAA;AAClC,QAAA,IAAIF,SAAA,EAAW;AACbJ,UAAAA,OAAA,CAAQ;AACNO,YAAAA,KAAA,EAAO,0BAAA;AACPC,YAAAA,OAAA,EAAS;AACX,WAAC,CAAA;AACH,QAAA,CAAA,MAAO;AACLP,UAAAA,KAAA,CAAM;AACJM,YAAAA,KAAA,EAAO,0BAAA;AACPC,YAAAA,OAAA,EAAS;AACX,WAAC,CAAA;AACH,QAAA;MACF,GAAG,GAAG,CAAA;IACR,CAAA;AAEA,IAAA,IAAMC,eAAe,SAAfA,eAAqB;AACzBT,MAAAA,OAAA,CAAQ;AACNO,QAAAA,KAAA,EAAO,0BAAA;AACPC,QAAAA,OAAA,EAAS;AACX,OAAC,CAAA;IACH,CAAA;AAEA,IAAA,IAAME,aAAa,SAAbA,aAAmB;AACvBV,MAAAA,OAAA,CAAQ;AACNO,QAAAA,KAAA,EAAO,0BAAA;AACPC,QAAAA,OAAA,EAAS;AACX,OAAC,CAAA;IACH,CAAA;AAEA,IAAA,sBACEG,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,MAAAA,KAAA,EAAO;AAAEC,QAAAA,OAAA,EAAS;AAAQC,QAAAA,aAAA,EAAe,QAAA;AAAUC,QAAAA,GAAA,EAAK;AAAO;AAAA,KAAA,iBAClEL,cAAA,CAAAC,aAAA,CAAC;AAAIC,MAAAA,KAAA,EAAO;AAAEI,QAAAA,KAAA,EAAO,MAAA;AAAQC,QAAAA,QAAA,EAAU;AAAO;KAAA,EAAG,sFAAc,CAAA,iBAC/DP,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,MAAAA,KAAA,EAAO;AAAEC,QAAAA,OAAA,EAAS;AAAQE,QAAAA,GAAA,EAAK,MAAA;AAAQG,QAAAA,QAAA,EAAU;AAAO;AAAA,KAAA,iBAC3DR,cAAA,CAAAC,aAAA,CAACQ,MAAA,EAAA;AAAOC,MAAAA,KAAA,EAAM,SAAA;AAAUC,MAAAA,OAAA,EAASpB;KAAA,EAAc,8DAE/C,CAAA,iBACAS,cAAA,CAAAC,aAAA,CAACQ;AAAOC,MAAAA,KAAA,EAAM,QAAA;AAASC,MAAAA,OAAA,EAASb;KAAA,EAAc,0BAE9C,CAAA,iBACAE,cAAA,CAAAC,aAAA,CAACQ,MAAA,EAAA;AAAOE,MAAAA,OAAA,EAASZ;AAAA,KAAA,EAAY,0BAAI,CACnC,CACF,CAAA;EAEJ,CAAA;AACA,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAACW,oBAAA,EAAA,IAAA,iBACCZ,cAAA,CAAAC,aAAA,CAACf,qBAAA,EAAA,IAAsB,CACzB,CAAA;AAEJ;;;;"}

package/es/notification/index.js

@@ -9,8 +9,9 @@ import 'react-dom';
 import './NotifyContainer.js';
 import './NotifyItem.js';
 import '@tendaui/icons';
-import '../_chunks/dep-gy8uvBaS.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
+import '../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 
 var addNotification = function addNotification() {};

package/es/notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../components/notification/Notify.ts"],"sourcesContent":["// notification.ts\ntype NotificationType = \"default\" | \"success\" | \"error\" | \"info\" | \"warning\";\ntype NotificationMessage = {\n  id: string;\n  type: NotificationType;\n  message: string;\n  title: string;\n};\n\nlet addNotification: (notification: NotificationMessage) => void = () => {};\n\nexport function notification(message: string, type: NotificationType = \"default\", title: string) {\n  const id = new Date().getTime().toString();\n  addNotification({\n    id,\n    message,\n    type,\n    title\n  });\n}\n\nexport function registerNotificationHandler(cb: typeof addNotification) {\n  addNotification = cb;\n}\n"],"names":["addNotification","notification","message","type","arguments","length","undefined","title","id","Date","getTime","toString","registerNotificationHandler","cb"],"mappings":";;;;;;;;;;;;;;;AASA,IAAIA,kBAA+D,SAA/DA,kBAAqE,CAAC,CAAA;AAEnE,SAASC,YAAAA,CAAaC,OAAA,EAAoE;AAAA,EAAA,IAAnDC,IAAA,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAyB,SAAA;EAAA,IAAWG,KAAA,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,GAAAD,SAAA,MAAAE,SAAA;AAChF,EAAA,IAAME,qBAAK,IAAIC,IAAA,EAAK,EAAEC,OAAA,GAAUC,QAAA,EAAS;AACzCX,EAAAA,eAAA,CAAgB;AACdQ,IAAAA,EAAA,EAAAA,EAAA;AACAN,IAAAA,OAAA,EAAAA,OAAA;AACAC,IAAAA,IAAA,EAAAA,IAAA;AACAI,IAAAA,KAAA,EAAAA;AACF,GAAC,CAAA;AACH;AAEO,SAASK,4BAA4BC,EAAA,EAA4B;AACtEb,EAAAA,eAAA,GAAkBa,EAAA;AACpB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../components/notification/Notify.ts"],"sourcesContent":["// notification.ts\ntype NotificationType = \"default\" | \"success\" | \"error\" | \"info\" | \"warning\";\ntype NotificationMessage = {\n  id: string;\n  type: NotificationType;\n  message: string;\n  title: string;\n};\n\nlet addNotification: (notification: NotificationMessage) => void = () => {};\n\nexport function notification(message: string, type: NotificationType = \"default\", title: string) {\n  const id = new Date().getTime().toString();\n  addNotification({\n    id,\n    message,\n    type,\n    title\n  });\n}\n\nexport function registerNotificationHandler(cb: typeof addNotification) {\n  addNotification = cb;\n}\n"],"names":["addNotification","notification","message","type","arguments","length","undefined","title","id","Date","getTime","toString","registerNotificationHandler","cb"],"mappings":";;;;;;;;;;;;;;;;AASA,IAAIA,kBAA+D,SAA/DA,kBAAqE,CAAC,CAAA;AAEnE,SAASC,YAAAA,CAAaC,OAAA,EAAoE;AAAA,EAAA,IAAnDC,IAAA,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAyB,SAAA;EAAA,IAAWG,KAAA,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,GAAAD,SAAA,MAAAE,SAAA;AAChF,EAAA,IAAME,qBAAK,IAAIC,IAAA,EAAK,EAAEC,OAAA,GAAUC,QAAA,EAAS;AACzCX,EAAAA,eAAA,CAAgB;AACdQ,IAAAA,EAAA,EAAAA,EAAA;AACAN,IAAAA,OAAA,EAAAA,OAAA;AACAC,IAAAA,IAAA,EAAAA,IAAA;AACAI,IAAAA,KAAA,EAAAA;AACF,GAAC,CAAA;AACH;AAEO,SAASK,4BAA4BC,EAAA,EAA4B;AACtEb,EAAAA,eAAA,GAAkBa,EAAA;AACpB;;;;"}

package/es/notification/style/index.css

@@ -1,11 +1,11 @@
 .t-notify[data-x-position=right] {
-  right: 8px;
+  inset-inline-end: 8px;
 }
 .t-notify[data-x-position=left] {
-  left: 8px;
+  inset-inline-start: 8px;
 }
 .t-notify[data-x-position=center] {
-  left: 50%;
+  inset-inline-start: 50%;
   transform: translateX(-50%);
 }
 .t-notify[data-y-position=top] {
@@ -68,7 +68,7 @@
 .t-notify__icon {
   width: calc(var(--td-font-size-body-large) + 8px);
   text-align: center;
-  margin-right: var(--td-comp-margin-s);
+  margin-inline-end: var(--td-comp-margin-s);
 }
 .t-notify__icon .t-icon {
   font-size: calc(var(--td-font-size-body-large) + 8px);

package/es/popup/Popup.js

@@ -2,12 +2,12 @@ import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
 import { _ as _objectWithoutProperties } from '../_chunks/dep-DN7d1SzH.js';
 import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
 import { debounce, isFunction } from 'lodash-es';
-import React, { useState, useEffect, isValidElement, useRef, useMemo, useCallback, forwardRef, useImperativeHandle } from 'react';
+import React__default, { useState, useEffect, isValidElement, useRef, useMemo, useCallback, forwardRef, useImperativeHandle } from 'react';
 import { _ as _typeof } from '../_chunks/dep-D-UKOauR.js';
 import Portal from '../portal/Portal.js';
-import { u as useControlled } from '../_chunks/dep-DwWrhxkd.js';
+import { u as useControlled } from '../_chunks/dep-grkSd2UB.js';
 import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
-import { u as useMutationObservable } from '../_chunks/dep-CkmtEv0Y.js';
+import { u as useMutationObservable } from '../_chunks/dep-B2D1svZy.js';
 import { g as getWindowSize } from '../_chunks/dep-DRwijJcv.js';
 import { isMemo, ForwardRef, isFragment as isFragment$1 } from 'react-is';
 import { c as composeRefs } from '../_chunks/dep-C1XcmShP.js';
@@ -20,8 +20,9 @@ import isEqual from 'react-fast-compare';
 import { u as useIsomorphicLayoutEffect } from '../_chunks/dep-BRbJGDI9.js';
 import { CSSTransition } from 'react-transition-group';
 import { g as getCssVarsValue } from '../_chunks/dep-DbVHGoUC.js';
-import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
-import '../_chunks/dep-5U9UjDaf.js';
+import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
+import '../config-provider/ConfigContext.js';
+import '../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 
 function getRefDom$1(domRef) {
@@ -357,8 +358,8 @@ function useTrigger(_ref) {
     return triggerProps;
   }
   function getTriggerNode(children) {
-    var triggerNode = /*#__PURE__*/isValidElement(children) && !isFragment$1(children) ? children : /*#__PURE__*/React.createElement("span", {}, children);
-    return /*#__PURE__*/React.cloneElement(triggerNode, getTriggerProps(triggerNode));
+    var triggerNode = /*#__PURE__*/isValidElement(children) && !isFragment$1(children) ? children : /*#__PURE__*/React__default.createElement("span", {}, children);
+    return /*#__PURE__*/React__default.cloneElement(triggerNode, getTriggerProps(triggerNode));
   }
   var getTriggerDom = useCallback(function () {
     if (typeof document === "undefined") return {};
@@ -500,7 +501,8 @@ var Popup = /*#__PURE__*/forwardRef(function (originalProps, ref) {
   var _popperOptions$modifi;
   var props = useDefaultProps(originalProps, popupDefaultProps);
   var _useConfig = useConfig(),
-    classPrefix = _useConfig.classPrefix;
+    classPrefix = _useConfig.classPrefix,
+    direction = _useConfig.direction;
   var trigger = props.trigger,
     content = props.content,
     placement = props.placement,
@@ -560,8 +562,19 @@ var Popup = /*#__PURE__*/forwardRef(function (originalProps, ref) {
     return visible || popupElement;
   }, [hideEmptyPopup, content, visible, popupElement]);
   var popperPlacement = useMemo(function () {
-    return placement && placement.replace(/-(left|top)$/, "-start").replace(/-(right|bottom)$/, "-end");
-  }, [placement]);
+    if (!placement) return placement;
+    var normalized = placement.replace(/-(left|top)$/, "-start").replace(/-(right|bottom)$/, "-end");
+    if (direction !== "rtl") return normalized;
+    var parts = normalized.split("-");
+    var mirrored = parts.map(function (part) {
+      if (part === "left") return "right";
+      if (part === "right") return "left";
+      if (part === "start") return "end";
+      if (part === "end") return "start";
+      return part;
+    }).join("-");
+    return mirrored;
+  }, [placement, direction]);
   var _useTrigger = useTrigger({
       triggerRef: triggerRef,
       content: content,
@@ -656,7 +669,7 @@ var Popup = /*#__PURE__*/forwardRef(function (originalProps, ref) {
     }
     return _objectSpread({}, overlayStyle2);
   }
-  var overlay = showOverlay && /* @__PURE__ */React.createElement(CSSTransition, {
+  var overlay = showOverlay && /* @__PURE__ */React__default.createElement(CSSTransition, {
     appear: true,
     "in": visible,
     timeout: DEFAULT_TRANSITION_TIMEOUT,
@@ -665,17 +678,17 @@ var Popup = /*#__PURE__*/forwardRef(function (originalProps, ref) {
     onEnter: handleEnter,
     onExited: handleExited,
     classNames: "".concat(classPrefix, "-portal")
-  }, /* @__PURE__ */React.createElement(Portal, {
+  }, /* @__PURE__ */React__default.createElement(Portal, {
     triggerNode: getRefDom$1(triggerRef),
     attach: "body",
     ref: portalRef
-  }, /* @__PURE__ */React.createElement(CSSTransition, {
+  }, /* @__PURE__ */React__default.createElement(CSSTransition, {
     appear: true,
     timeout: 0,
     "in": visible,
     nodeRef: popupRef,
     classNames: "".concat(classPrefix, "-popup")
-  }, /* @__PURE__ */React.createElement("div", _objectSpread(_objectSpread({
+  }, /* @__PURE__ */React__default.createElement("div", _objectSpread(_objectSpread({
     ref: function ref(node) {
       if (node) {
         popupRef.current = node;
@@ -686,12 +699,12 @@ var Popup = /*#__PURE__*/forwardRef(function (originalProps, ref) {
       zIndex: zIndex
     }, getOverlayStyle(overlayStyle)),
     className: classNames("".concat(classPrefix, "-popup"), overlayClassName, "")
-  }, attributes.popper), getPopupProps()), /* @__PURE__ */React.createElement("div", {
+  }, attributes.popper), getPopupProps()), /* @__PURE__ */React__default.createElement("div", {
     ref: contentRef,
     className: classNames("".concat(classPrefix, "-popup__content"), _defineProperty({}, "".concat(classPrefix, "-popup__content--arrow"), showArrow), overlayInnerClassName),
     style: getOverlayStyle(overlayInnerStyle),
     onScroll: handleScroll
-  }, content, showArrow && /* @__PURE__ */React.createElement("div", _objectSpread({
+  }, content, showArrow && /* @__PURE__ */React__default.createElement("div", _objectSpread({
     style: styles.arrow,
     className: "".concat(classPrefix, "-popup__arrow")
   }, hasArrowModifier && {
@@ -718,7 +731,7 @@ var Popup = /*#__PURE__*/forwardRef(function (originalProps, ref) {
       }
     };
   });
-  return /* @__PURE__ */React.createElement(React.Fragment, null, triggerNode, overlay);
+  return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, triggerNode, overlay);
 });
 Popup.displayName = "Popup";