@oceanbase/design 1.0.0-alpha.2 → 1.0.0-alpha.20

package/lib/empty/guide.js

@@ -1,219 +1,156 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/empty/guide.tsx
-var guide_exports = {};
-__export(guide_exports, {
-  default: () => guide_default
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(guide_exports);
-var import_react = __toESM(require("react"));
-var GuideEmptyImg = (props) => /* @__PURE__ */ import_react.default.createElement(
-  "svg",
-  {
+exports.default = void 0;
+var _react = require("@inline-svg-unique-id/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const GuideEmptyImg = function (props) {
+  const _id2 = (0, _react.useUniqueInlineId)();
+  const _id = (0, _react.useUniqueInlineId)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
     width: "164.217482px",
     height: "101.022957px",
     viewBox: "0 0 164.217482 101.022957",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M0,0.515265579 L168,0 L168,92.2208281 C114.353827,84.8197407 88.4617315,118.112923 21.8636554,110.957758 L21.8636554,80.9669594 L0,0.515265579 Z",
-      id: "oceanbase-design-empty-guide-path-1"
-    }
-  )),
-  /* @__PURE__ */ import_react.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(-481.7825, -422.9494)" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(478, 412)" }, /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M21.8636554,49.5240485 C75.5098285,56.9251359 101.401924,23.6319532 168,31.02133 L168,92.2091175 C114.353827,84.8080301 88.4617315,118.101213 21.8636554,110.946048 L21.8636554,49.5123379 L21.8636554,49.5240485 Z",
-      fill: "#0181FD",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement("mask", { id: "oceanbase-design-empty-guide-mask-2", fill: "white" }, /* @__PURE__ */ import_react.default.createElement("use", { xlinkHref: "#oceanbase-design-empty-guide-path-1" })), /* @__PURE__ */ import_react.default.createElement("g", null), /* @__PURE__ */ import_react.default.createElement("g", { mask: "url(#oceanbase-design-empty-guide-mask-2)" }, /* @__PURE__ */ import_react.default.createElement("g", { transform: "translate(3.7825, 10.9494)" }, /* @__PURE__ */ import_react.default.createElement(
-    "g",
-    {
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M0,0.515265579 L168,0 L168,92.2208281 C114.353827,84.8197407 88.4617315,118.112923 21.8636554,110.957758 L21.8636554,80.9669594 L0,0.515265579 Z",
+        id: _id
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      stroke: "none",
       strokeWidth: "1",
       fill: "none",
       fillRule: "evenodd",
-      transform: "translate(131.6972, 16.6476)"
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M19.8143036,18.144528 C21.3601004,26.5761466 18.8189042,34.1060504 14.1463823,34.9609228 C9.47386031,35.8157953 4.43831033,29.6677401 2.90422417,21.2361215 C1.35842744,12.8045029 1.54579674,3.37748496 7.37766625,2.22984798 C13.3969051,1.04707927 18.2685069,9.71290946 19.8025931,18.144528 L19.8143036,18.144528 Z",
-        fill: "#07C846",
-        fillRule: "nonzero"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M32.8247595,30.6631395 C31.4194898,36.7994841 27.5315767,41.1558204 24.1355082,40.3712114 C20.7394396,39.5983131 19.1116688,33.9889446 20.5169385,27.8526 C21.9222083,21.7162553 24.7913007,15.3339885 29.0422417,16.3176773 C35.9866165,17.9337376 34.2300293,24.5150843 32.8247595,30.6631395 L32.8247595,30.6631395 Z",
-        fill: "#07C846",
-        fillRule: "nonzero"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M22.8005019,9.33817086 C20.4818068,12.382922 17.2379757,13.7999024 15.5633626,12.523449 C13.8887495,11.2469956 14.3923045,7.73382122 16.7109996,4.70078065 C19.0296947,1.6560295 22.2149728,-1.14279944 24.3228775,0.473260782 C27.7540778,3.10814158 25.1309076,6.30513029 22.8122125,9.34988144 L22.8005019,9.33817086 Z",
-        fill: "#07C846",
-        fillRule: "nonzero"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "rect",
-      {
-        fill: "#E6E6E6",
-        fillRule: "nonzero",
-        x: "0.17565872",
-        y: "32.5836748",
-        width: "37.4972815",
-        height: "9.9188624",
-        rx: "1.15934755"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M8.97030531,42.5025372 L0,42.5025372 L0,32.5836748 L7.20200753,32.5836748 L7.20200753,40.74595 C7.20200753,41.7179283 7.98661648,42.5025372 8.95859473,42.5025372 L8.95859473,42.5025372 L8.97030531,42.5025372 Z",
-        fill: "#B3B3B3",
-        fillRule: "nonzero"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M2.08448348,42.5025372 L35.7524049,42.5025372 L35.7524049,58.8153771 C35.7524049,61.4619684 33.5976579,63.6167154 30.9510665,63.6167154 L6.87411125,63.6167154 C4.22751987,63.6167154 2.0727729,61.4619684 2.0727729,58.8153771 L2.0727729,42.5025372 L2.0727729,42.5025372 L2.08448348,42.5025372 Z",
-        fill: "#E6E6E6",
-        fillRule: "nonzero"
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M35.7524049,42.5025372 L2.08448348,42.5025372 L2.08448348,45.3833402 L3.38435801,45.3833402 L3.38435801,63.6167154 L10.5863655,63.6167154 L10.5863655,47.2219015 C10.5863655,46.2030809 11.4061062,45.3833402 12.4249268,45.3833402 L35.7524049,45.3833402 L35.7524049,42.5025372 Z",
-        fill: "#B3B3B3",
-        fillRule: "nonzero"
-      }
-    )
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "rect",
-    {
-      fill: "#005AFD",
-      fillRule: "nonzero",
-      x: "0",
-      y: "82.1614387",
-      width: "150.199916",
-      height: "20.7979925"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement("g", { strokeWidth: "1", fill: "none", fillRule: "evenodd", transform: "translate(6.6842, 0)" }, /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M129.580156,75.8025931 L22.0418879,75.8025931 C18.1422644,75.8025931 14.7696169,73.0740276 13.9615868,69.2563781 L0.0611267521,3.31409452 C-0.30190127,1.60434964 0.99797326,0 2.74284988,0 L110.281118,0 C114.180742,0 117.553389,2.72856545 118.36142,6.54621497 L132.26188,72.4884985 C132.624908,74.1982434 131.325033,75.8025931 129.580156,75.8025931 L129.580156,75.8025931 Z",
-      fill: "#E6E6E6",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M22.0418879,70.8724383 C20.4843806,70.8724383 19.1142426,69.7599331 18.7863463,68.2375575 L5.44799417,4.93015475 L110.292829,4.93015475 C111.850336,4.93015475 113.220474,6.04265997 113.548371,7.56503555 L126.886723,70.8724383 L22.0418879,70.8724383 L22.0418879,70.8724383 Z",
-      fill: "#132039",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M104.343854,12.3312422 L16.3154137,12.3312422 C15.4136989,12.3312422 14.7344852,13.1626934 14.9218545,14.0526976 L24.7938746,60.8833124 C25.1100603,62.405688 26.4567771,63.4830615 28.0025738,63.4830615 L116.031014,63.4830615 C116.932729,63.4830615 117.611942,62.6516102 117.424573,61.761606 L107.552553,14.9309912 C107.236367,13.4086156 105.88965,12.3312422 104.343854,12.3312422 Z",
-      fill: "#FFFFFF",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M36.7620887,33.539105 C50.1707043,35.3425345 54.7612522,27.2505228 71.3200142,29.0422417 L73.8846316,41.174404 C60.4760159,39.3709745 55.885468,47.4629862 39.3384166,45.7298202 L36.7620887,33.539105 Z",
-      fill: "#0181FD",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M104.343854,12.3312422 L80.419136,12.3312422 L91.2045814,63.4830615 L116.031014,63.4830615 C116.932729,63.4830615 117.611942,62.6516102 117.424573,61.761606 L107.552553,14.9309912 C107.236367,13.4086156 105.88965,12.3312422 104.343854,12.3312422 L104.343854,12.3312422 Z",
-      fill: "#0181FD",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M98.9452756,33.902133 C95.5023647,33.902133 92.1062961,31.1033041 91.3685295,27.6603931 C91.0172121,26.0092012 91.3333978,24.4868256 92.2468231,23.3508992 C93.1368273,22.2501046 94.4952547,21.6528649 96.0761832,21.6528649 C99.5190941,21.6528649 102.915163,24.4516939 103.652929,27.8946048 C104.004247,29.5457967 103.688061,31.0681723 102.774636,32.2040987 C101.884632,33.3048934 100.526204,33.902133 98.9452756,33.902133 Z",
-      fill: "#005AFD",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M154.886723,82.1731493 L43.4019883,82.1731493 L43.4019883,75.8025931 L156.84239,75.8025931 C157.45134,75.8025931 157.931474,76.2944375 157.931474,76.8916771 L157.931474,79.1166876 C157.931474,80.8030113 156.561336,82.1731493 154.875012,82.1731493 L154.886723,82.1731493 Z",
-      fill: "#CCCCCC",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M92.4576136,75.8025931 L117.16694,75.8025931 L117.16694,76.0485153 C117.16694,77.1961522 116.230094,78.1329987 115.082457,78.1329987 L94.5420971,78.1329987 C93.3944601,78.1329987 92.4576136,77.1961522 92.4576136,76.0485153 L92.4576136,75.8025931 L92.4576136,75.8025931 L92.4576136,75.8025931 Z",
-      fill: "#FFFFFF",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M50.990445,82.1731493 L17.1468649,82.1731493 C15.3902777,82.1731493 13.9615868,80.7444584 13.9615868,78.9878712 L13.9615868,78.9878712 C13.9615868,77.231284 15.3902777,75.8025931 17.1468649,75.8025931 L44.3856771,75.8025931 C45.5567353,75.8025931 46.6458193,76.3529904 47.3484542,77.2898369 L50.990445,82.1731493 L50.990445,82.1731493 Z",
-      fill: "#132039",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M107.950713,42.5094103 L92.4693242,42.5094103 C91.7315575,42.5094103 91.0874756,41.9824341 90.935238,41.2563781 L90.935238,41.2563781 C90.7361581,40.2843998 91.4739247,39.3709745 92.4693242,39.3709745 L107.950713,39.3709745 C108.688479,39.3709745 109.332561,39.8979506 109.484799,40.6240067 L109.484799,40.6240067 C109.683879,41.5959849 108.946112,42.5094103 107.950713,42.5094103 Z",
-      fill: "#005AFD",
-      fillRule: "nonzero"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "path",
-    {
-      d: "M109.227166,48.083647 L93.7457775,48.083647 C93.0080109,48.083647 92.3639289,47.5566708 92.2116914,46.8306148 L92.2116914,46.8306148 C92.0126115,45.8586366 92.7503781,44.9452112 93.7457775,44.9452112 L109.227166,44.9452112 C109.964933,44.9452112 110.609015,45.4721874 110.761252,46.1982434 L110.761252,46.1982434 C110.960332,47.1702217 110.222565,48.083647 109.227166,48.083647 Z",
-      fill: "#005AFD",
-      fillRule: "nonzero"
-    }
-  ))))))))
-);
-if (process.env.NODE_ENV !== "production") {
-  GuideEmptyImg.displayName = "GuideEmptyImg";
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+        transform: "translate(-481.7825, -422.9494)",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+          transform: "translate(478, 412)",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+            d: "M21.8636554,49.5240485 C75.5098285,56.9251359 101.401924,23.6319532 168,31.02133 L168,92.2091175 C114.353827,84.8080301 88.4617315,118.101213 21.8636554,110.946048 L21.8636554,49.5123379 L21.8636554,49.5240485 Z",
+            fill: "#0181FD",
+            fillRule: "nonzero"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mask", {
+              id: _id2,
+              fill: "white",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("use", {
+                xlinkHref: `#${_id}`
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+              mask: `url(#${_id2})`,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+                transform: "translate(3.7825, 10.9494)",
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+                  strokeWidth: "1",
+                  fill: "none",
+                  fillRule: "evenodd",
+                  transform: "translate(131.6972, 16.6476)",
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M19.8143036,18.144528 C21.3601004,26.5761466 18.8189042,34.1060504 14.1463823,34.9609228 C9.47386031,35.8157953 4.43831033,29.6677401 2.90422417,21.2361215 C1.35842744,12.8045029 1.54579674,3.37748496 7.37766625,2.22984798 C13.3969051,1.04707927 18.2685069,9.71290946 19.8025931,18.144528 L19.8143036,18.144528 Z",
+                    fill: "#07C846",
+                    fillRule: "nonzero"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M32.8247595,30.6631395 C31.4194898,36.7994841 27.5315767,41.1558204 24.1355082,40.3712114 C20.7394396,39.5983131 19.1116688,33.9889446 20.5169385,27.8526 C21.9222083,21.7162553 24.7913007,15.3339885 29.0422417,16.3176773 C35.9866165,17.9337376 34.2300293,24.5150843 32.8247595,30.6631395 L32.8247595,30.6631395 Z",
+                    fill: "#07C846",
+                    fillRule: "nonzero"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M22.8005019,9.33817086 C20.4818068,12.382922 17.2379757,13.7999024 15.5633626,12.523449 C13.8887495,11.2469956 14.3923045,7.73382122 16.7109996,4.70078065 C19.0296947,1.6560295 22.2149728,-1.14279944 24.3228775,0.473260782 C27.7540778,3.10814158 25.1309076,6.30513029 22.8122125,9.34988144 L22.8005019,9.33817086 Z",
+                    fill: "#07C846",
+                    fillRule: "nonzero"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    fill: "#E6E6E6",
+                    fillRule: "nonzero",
+                    x: "0.17565872",
+                    y: "32.5836748",
+                    width: "37.4972815",
+                    height: "9.9188624",
+                    rx: "1.15934755"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M8.97030531,42.5025372 L0,42.5025372 L0,32.5836748 L7.20200753,32.5836748 L7.20200753,40.74595 C7.20200753,41.7179283 7.98661648,42.5025372 8.95859473,42.5025372 L8.95859473,42.5025372 L8.97030531,42.5025372 Z",
+                    fill: "#B3B3B3",
+                    fillRule: "nonzero"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M2.08448348,42.5025372 L35.7524049,42.5025372 L35.7524049,58.8153771 C35.7524049,61.4619684 33.5976579,63.6167154 30.9510665,63.6167154 L6.87411125,63.6167154 C4.22751987,63.6167154 2.0727729,61.4619684 2.0727729,58.8153771 L2.0727729,42.5025372 L2.0727729,42.5025372 L2.08448348,42.5025372 Z",
+                    fill: "#E6E6E6",
+                    fillRule: "nonzero"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M35.7524049,42.5025372 L2.08448348,42.5025372 L2.08448348,45.3833402 L3.38435801,45.3833402 L3.38435801,63.6167154 L10.5863655,63.6167154 L10.5863655,47.2219015 C10.5863655,46.2030809 11.4061062,45.3833402 12.4249268,45.3833402 L35.7524049,45.3833402 L35.7524049,42.5025372 Z",
+                    fill: "#B3B3B3",
+                    fillRule: "nonzero"
+                  })]
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                  fill: "#005AFD",
+                  fillRule: "nonzero",
+                  x: "0",
+                  y: "82.1614387",
+                  width: "150.199916",
+                  height: "20.7979925"
+                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+                  strokeWidth: "1",
+                  fill: "none",
+                  fillRule: "evenodd",
+                  transform: "translate(6.6842, 0)",
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M129.580156,75.8025931 L22.0418879,75.8025931 C18.1422644,75.8025931 14.7696169,73.0740276 13.9615868,69.2563781 L0.0611267521,3.31409452 C-0.30190127,1.60434964 0.99797326,0 2.74284988,0 L110.281118,0 C114.180742,0 117.553389,2.72856545 118.36142,6.54621497 L132.26188,72.4884985 C132.624908,74.1982434 131.325033,75.8025931 129.580156,75.8025931 L129.580156,75.8025931 Z",
+                    fill: "#E6E6E6",
+                    fillRule: "nonzero"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M22.0418879,70.8724383 C20.4843806,70.8724383 19.1142426,69.7599331 18.7863463,68.2375575 L5.44799417,4.93015475 L110.292829,4.93015475 C111.850336,4.93015475 113.220474,6.04265997 113.548371,7.56503555 L126.886723,70.8724383 L22.0418879,70.8724383 L22.0418879,70.8724383 Z",
+                    fill: "#132039",
+                    fillRule: "nonzero"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M104.343854,12.3312422 L16.3154137,12.3312422 C15.4136989,12.3312422 14.7344852,13.1626934 14.9218545,14.0526976 L24.7938746,60.8833124 C25.1100603,62.405688 26.4567771,63.4830615 28.0025738,63.4830615 L116.031014,63.4830615 C116.932729,63.4830615 117.611942,62.6516102 117.424573,61.761606 L107.552553,14.9309912 C107.236367,13.4086156 105.88965,12.3312422 104.343854,12.3312422 Z",
+                    fill: "#FFFFFF",
+                    fillRule: "nonzero"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M36.7620887,33.539105 C50.1707043,35.3425345 54.7612522,27.2505228 71.3200142,29.0422417 L73.8846316,41.174404 C60.4760159,39.3709745 55.885468,47.4629862 39.3384166,45.7298202 L36.7620887,33.539105 Z",
+                    fill: "#0181FD",
+                    fillRule: "nonzero"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M104.343854,12.3312422 L80.419136,12.3312422 L91.2045814,63.4830615 L116.031014,63.4830615 C116.932729,63.4830615 117.611942,62.6516102 117.424573,61.761606 L107.552553,14.9309912 C107.236367,13.4086156 105.88965,12.3312422 104.343854,12.3312422 L104.343854,12.3312422 Z",
+                    fill: "#0181FD",
+                    fillRule: "nonzero"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M98.9452756,33.902133 C95.5023647,33.902133 92.1062961,31.1033041 91.3685295,27.6603931 C91.0172121,26.0092012 91.3333978,24.4868256 92.2468231,23.3508992 C93.1368273,22.2501046 94.4952547,21.6528649 96.0761832,21.6528649 C99.5190941,21.6528649 102.915163,24.4516939 103.652929,27.8946048 C104.004247,29.5457967 103.688061,31.0681723 102.774636,32.2040987 C101.884632,33.3048934 100.526204,33.902133 98.9452756,33.902133 Z",
+                    fill: "#005AFD",
+                    fillRule: "nonzero"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M154.886723,82.1731493 L43.4019883,82.1731493 L43.4019883,75.8025931 L156.84239,75.8025931 C157.45134,75.8025931 157.931474,76.2944375 157.931474,76.8916771 L157.931474,79.1166876 C157.931474,80.8030113 156.561336,82.1731493 154.875012,82.1731493 L154.886723,82.1731493 Z",
+                    fill: "#CCCCCC",
+                    fillRule: "nonzero"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M92.4576136,75.8025931 L117.16694,75.8025931 L117.16694,76.0485153 C117.16694,77.1961522 116.230094,78.1329987 115.082457,78.1329987 L94.5420971,78.1329987 C93.3944601,78.1329987 92.4576136,77.1961522 92.4576136,76.0485153 L92.4576136,75.8025931 L92.4576136,75.8025931 L92.4576136,75.8025931 Z",
+                    fill: "#FFFFFF",
+                    fillRule: "nonzero"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M50.990445,82.1731493 L17.1468649,82.1731493 C15.3902777,82.1731493 13.9615868,80.7444584 13.9615868,78.9878712 L13.9615868,78.9878712 C13.9615868,77.231284 15.3902777,75.8025931 17.1468649,75.8025931 L44.3856771,75.8025931 C45.5567353,75.8025931 46.6458193,76.3529904 47.3484542,77.2898369 L50.990445,82.1731493 L50.990445,82.1731493 Z",
+                    fill: "#132039",
+                    fillRule: "nonzero"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M107.950713,42.5094103 L92.4693242,42.5094103 C91.7315575,42.5094103 91.0874756,41.9824341 90.935238,41.2563781 L90.935238,41.2563781 C90.7361581,40.2843998 91.4739247,39.3709745 92.4693242,39.3709745 L107.950713,39.3709745 C108.688479,39.3709745 109.332561,39.8979506 109.484799,40.6240067 L109.484799,40.6240067 C109.683879,41.5959849 108.946112,42.5094103 107.950713,42.5094103 Z",
+                    fill: "#005AFD",
+                    fillRule: "nonzero"
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                    d: "M109.227166,48.083647 L93.7457775,48.083647 C93.0080109,48.083647 92.3639289,47.5566708 92.2116914,46.8306148 L92.2116914,46.8306148 C92.0126115,45.8586366 92.7503781,44.9452112 93.7457775,44.9452112 L109.227166,44.9452112 C109.964933,44.9452112 110.609015,45.4721874 110.761252,46.1982434 L110.761252,46.1982434 C110.960332,47.1702217 110.222565,48.083647 109.227166,48.083647 Z",
+                    fill: "#005AFD",
+                    fillRule: "nonzero"
+                  })]
+                })]
+              })
+            })]
+          })]
+        })
+      })
+    })]
+  });
+};
+if (process.env.NODE_ENV !== 'production') {
+  GuideEmptyImg.displayName = 'GuideEmptyImg';
 }
-var guide_default = GuideEmptyImg;
+var _default = exports.default = GuideEmptyImg;

package/lib/empty/index.js

@@ -1,109 +1,95 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/empty/index.tsx
-var empty_exports = {};
-__export(empty_exports, {
-  default: () => empty_default
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _configProvider = _interopRequireDefault(require("../config-provider"));
+var _locale = require("../locale");
+var _default2 = _interopRequireDefault(require("./default"));
+var _colored = _interopRequireDefault(require("./colored"));
+var _database = _interopRequireDefault(require("./database"));
+var _guide = _interopRequireDefault(require("./guide"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _empty = require("antd/es/empty");
+Object.keys(_empty).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _empty[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _empty[key];
+    }
+  });
 });
-module.exports = __toCommonJS(empty_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_config_provider = __toESM(require("../config-provider"));
-var import_locale = require("../locale");
-var import_default = __toESM(require("./default"));
-var import_colored = __toESM(require("./colored"));
-var import_database = __toESM(require("./database"));
-var import_guide = __toESM(require("./guide"));
-var import_style = __toESM(require("./style"));
-__reExport(empty_exports, require("antd/es/empty"), module.exports);
-var defaultEmptyImg = /* @__PURE__ */ import_react.default.createElement(import_default.default, null);
-var simpleEmptyImg = /* @__PURE__ */ import_react.default.createElement(import_default.default, null);
-var coloredEmptyImg = /* @__PURE__ */ import_react.default.createElement(import_colored.default, null);
-var databaseEmptyImg = /* @__PURE__ */ import_react.default.createElement(import_database.default, null);
-var guideEmptyImg = /* @__PURE__ */ import_react.default.createElement(import_guide.default, null);
-var Empty = (props) => {
-  const [locale] = (0, import_locale.useLocale)("Empty");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const defaultEmptyImg = /*#__PURE__*/(0, _jsxRuntime.jsx)(_default2.default, {});
+// simple empty image is same as default empty image
+// To be compatible with antd API
+const simpleEmptyImg = /*#__PURE__*/(0, _jsxRuntime.jsx)(_default2.default, {});
+const coloredEmptyImg = /*#__PURE__*/(0, _jsxRuntime.jsx)(_colored.default, {});
+const databaseEmptyImg = /*#__PURE__*/(0, _jsxRuntime.jsx)(_database.default, {});
+const guideEmptyImg = /*#__PURE__*/(0, _jsxRuntime.jsx)(_guide.default, {});
+const Empty = props => {
+  const [locale] = (0, _locale.useLocale)('Empty');
   const {
     image = defaultEmptyImg,
     title,
     description = locale.description,
     steps,
-    layout = "vertical",
+    layout = 'vertical',
     children,
     prefixCls: customizePrefixCls,
     className,
     ...restProps
   } = props;
-  const { getPrefixCls } = (0, import_react.useContext)(import_config_provider.default.ConfigContext);
-  const prefixCls = getPrefixCls("empty", customizePrefixCls);
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const isHorizontal = layout === "horizontal";
-  const emptyCls = (0, import_classnames.default)(
-    prefixCls,
-    {
-      [`${prefixCls}-horizontal`]: isHorizontal,
-      [`${prefixCls}-small`]: image === defaultEmptyImg || image === simpleEmptyImg
-    },
-    className
-  );
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Empty,
-      {
-        image,
-        description: /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, title && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-title` }, title), description && /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: `${prefixCls}-description-content`
-          },
-          description
-        ), steps && /* @__PURE__ */ import_react.default.createElement(import_antd.Steps, { items: steps }), isHorizontal && children && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-footer` }, children)),
-        prefixCls: customizePrefixCls,
-        className: emptyCls,
-        ...restProps
-      },
-      !isHorizontal && children
-    )
-  );
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_configProvider.default.ConfigContext);
+  const prefixCls = getPrefixCls('empty', customizePrefixCls);
+  const [wrapCSSVar] = (0, _style.default)(prefixCls);
+  const isHorizontal = layout === 'horizontal';
+  const emptyCls = (0, _classnames.default)({
+    [`${prefixCls}-horizontal`]: isHorizontal,
+    [`${prefixCls}-small`]: image === defaultEmptyImg || image === simpleEmptyImg
+  }, className);
+  return wrapCSSVar( /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Empty, {
+    image: image,
+    description: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${prefixCls}-title`,
+        children: title
+      }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        // to avoid conflicts with `${prefixCls}-description`
+        className: `${prefixCls}-description-content`,
+        children: description
+      }), steps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Steps, {
+        items: steps
+      }), isHorizontal && children && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${prefixCls}-footer`,
+        children: children
+      })]
+    }),
+    prefixCls: customizePrefixCls,
+    className: emptyCls,
+    ...restProps,
+    children: !isHorizontal && children
+  }));
 };
 Empty.PRESENTED_IMAGE_DEFAULT = defaultEmptyImg;
 Empty.PRESENTED_IMAGE_SIMPLE = simpleEmptyImg;
 Empty.PRESENTED_IMAGE_COLORED = coloredEmptyImg;
 Empty.PRESENTED_IMAGE_DATABASE = databaseEmptyImg;
 Empty.PRESENTED_IMAGE_GUIDE = guideEmptyImg;
-if (process.env.NODE_ENV !== "production") {
-  Empty.displayName = import_antd.Empty.displayName;
+if (process.env.NODE_ENV !== 'production') {
+  Empty.displayName = _antd.Empty.displayName;
 }
-var empty_default = Empty;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("antd/es/empty")
-});
+var _default = exports.default = Empty;

package/lib/empty/style/index.d.ts

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type EmptyToken = FullToken<'Badge'>;
 export declare const genEmptyStyle: GenerateStyle<EmptyToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;