@oceanbase/design 1.0.0-alpha.10 → 1.0.0-alpha.11

package/lib/result/Processing.js

@@ -1,189 +1,155 @@
-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);
+"use strict";
 
-// src/result/Processing.tsx
-var Processing_exports = {};
-__export(Processing_exports, {
-  default: () => Processing_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Processing_exports);
-var import_icons = __toESM(require("@oceanbase/icons"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var ProcessingSvg = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "svg",
-  {
+exports.default = void 0;
+var _react = require("@inline-svg-unique-id/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _icons = _interopRequireDefault(require("@oceanbase/icons"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
+const ProcessingSvg = function () {
+  const _id3 = (0, _react.useUniqueInlineId)();
+  const _id2 = (0, _react.useUniqueInlineId)();
+  const _id = (0, _react.useUniqueInlineId)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
     width: "160px",
     height: "160px",
     viewBox: "0 0 160 160",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "path",
-        {
-          d: "M33.1125,0.0125 L100.6125,0.0125 C118.8875,0.0125 133.725,14.85 133.725,33.125 L133.725,118.1 L33.1125,118.1 C14.8375,118.1 4.4408921e-15,103.2625 4.4408921e-15,84.9875 L4.4408921e-15,33.1125 C4.4408921e-15,14.8375 14.8375,0 33.1125,0 L33.1125,0.0125 Z",
-          id: "oceanbase-design-result-processing-path-1"
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "translate(6, 14)", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "path",
-          {
-            d: "M48.025,13.7625 L115.525,13.7625 C133.8,13.7625 148.6375,28.6 148.6375,46.875 L148.6375,131.85 L48.025,131.85 C29.75,131.85 14.9125,117.0125 14.9125,98.7375 L14.9125,46.8625 C14.9125,28.5875 29.75,13.75 48.025,13.75 L48.025,13.7625 Z",
-            fill: "#0181FD",
-            fillRule: "nonzero"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fillRule: "nonzero", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { fill: "#07C846", cx: "24.7375", cy: "24.7375", r: "24.7375" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            "g",
-            {
-              transform: "translate(8.8625, 8.8625)",
-              fill: "#FFFFFF",
-              stroke: "#FFFFFF",
-              strokeWidth: "1.2375",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "14.9375", y: "0", width: "1.8875", height: "9.6125", rx: "0.9375" }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "rect",
-                  {
-                    opacity: "0.9",
-                    transform: "translate(8.059, 8.0512) rotate(-45) translate(-8.059, -8.0512)",
-                    x: "7.11523273",
-                    y: "3.24497799",
-                    width: "1.8875",
-                    height: "9.6125",
-                    rx: "0.9375"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "rect",
-                  {
-                    opacity: "0.8",
-                    transform: "translate(4.8063, 15.8813) rotate(-90) translate(-4.8063, -15.8813)",
-                    x: "3.8625",
-                    y: "11.075",
-                    width: "1.8875",
-                    height: "9.6125",
-                    rx: "0.9375"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "rect",
-                  {
-                    opacity: "0.7",
-                    transform: "translate(8.0424, 23.6998) rotate(-135) translate(-8.0424, -23.6998)",
-                    x: "7.09869911",
-                    y: "18.8935461",
-                    width: "1.8875",
-                    height: "9.6125",
-                    rx: "0.9375"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "rect",
-                  {
-                    opacity: "0.6",
-                    transform: "translate(15.8688, 26.9437) rotate(180) translate(-15.8688, -26.9437)",
-                    x: "14.925",
-                    y: "22.1375",
-                    width: "1.8875",
-                    height: "9.6125",
-                    rx: "0.9375"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "rect",
-                  {
-                    opacity: "0.5",
-                    transform: "translate(23.7086, 23.6988) rotate(135) translate(-23.7086, -23.6988)",
-                    x: "22.764825",
-                    y: "18.892522",
-                    width: "1.8875",
-                    height: "9.6125",
-                    rx: "0.9375"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "rect",
-                  {
-                    opacity: "0.3",
-                    transform: "translate(26.9438, 15.8813) rotate(90) translate(-26.9438, -15.8813)",
-                    x: "26",
-                    y: "11.075",
-                    width: "1.8875",
-                    height: "9.6125",
-                    rx: "0.9375"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "rect",
-                  {
-                    opacity: "0.2",
-                    transform: "translate(23.7025, 8.0502) rotate(45) translate(-23.7025, -8.0502)",
-                    x: "22.7587431",
-                    y: "3.24395385",
-                    width: "1.8875",
-                    height: "9.6125",
-                    rx: "0.9375"
-                  }
-                )
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "translate(18.7375, 73.625)", fillRule: "nonzero", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "polygon",
-            {
-              fill: "#FFA005",
-              points: "35.3875 58.2125 8.425 58.2125 4.2 10.65 39.625 10.65"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { fill: "#FFB337", cx: "21.9125", cy: "21.8125", r: "7.2375" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { fill: "#CCCCCC", x: "0", y: "5.925", width: "43.825", height: "4.725" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { fill: "#E6E6E6", points: "40.0125 5.925 3.8125 5.925 7.7125 0 36.1125 0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "polygon",
-            {
-              fill: "#E6E6E6",
-              points: "4.225 32.1125 5.9875 51.8875 37.8375 51.8875 39.5875 32.1125"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { id: "Clipped", transform: "translate(14.9125, 13.75)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("mask", { id: "oceanbase-design-result-processing-mask-2", fill: "white", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("use", { href: "#oceanbase-design-result-processing-path-1" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { mask: "url(#oceanbase-design-result-processing-mask-2)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { transform: "translate(31.5625, 35.9375)", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "rect",
-              {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        d: "M33.1125,0.0125 L100.6125,0.0125 C118.8875,0.0125 133.725,14.85 133.725,33.125 L133.725,118.1 L33.1125,118.1 C14.8375,118.1 4.4408921e-15,103.2625 4.4408921e-15,84.9875 L4.4408921e-15,33.1125 C4.4408921e-15,14.8375 14.8375,0 33.1125,0 L33.1125,0.0125 Z",
+        id: _id
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      stroke: "none",
+      strokeWidth: "1",
+      fill: "none",
+      fillRule: "evenodd",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+        transform: "translate(6, 14)",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          d: "M48.025,13.7625 L115.525,13.7625 C133.8,13.7625 148.6375,28.6 148.6375,46.875 L148.6375,131.85 L48.025,131.85 C29.75,131.85 14.9125,117.0125 14.9125,98.7375 L14.9125,46.8625 C14.9125,28.5875 29.75,13.75 48.025,13.75 L48.025,13.7625 Z",
+          fill: "#0181FD",
+          fillRule: "nonzero"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+          fillRule: "nonzero",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+            fill: "#07C846",
+            cx: "24.7375",
+            cy: "24.7375",
+            r: "24.7375"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+            transform: "translate(8.8625, 8.8625)",
+            fill: "#FFFFFF",
+            stroke: "#FFFFFF",
+            strokeWidth: "1.2375",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              x: "14.9375",
+              y: "0",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              opacity: "0.9",
+              transform: "translate(8.059, 8.0512) rotate(-45) translate(-8.059, -8.0512)",
+              x: "7.11523273",
+              y: "3.24497799",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              opacity: "0.8",
+              transform: "translate(4.8063, 15.8813) rotate(-90) translate(-4.8063, -15.8813)",
+              x: "3.8625",
+              y: "11.075",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              opacity: "0.7",
+              transform: "translate(8.0424, 23.6998) rotate(-135) translate(-8.0424, -23.6998)",
+              x: "7.09869911",
+              y: "18.8935461",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              opacity: "0.6",
+              transform: "translate(15.8688, 26.9437) rotate(180) translate(-15.8688, -26.9437)",
+              x: "14.925",
+              y: "22.1375",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              opacity: "0.5",
+              transform: "translate(23.7086, 23.6988) rotate(135) translate(-23.7086, -23.6988)",
+              x: "22.764825",
+              y: "18.892522",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              opacity: "0.3",
+              transform: "translate(26.9438, 15.8813) rotate(90) translate(-26.9438, -15.8813)",
+              x: "26",
+              y: "11.075",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+              opacity: "0.2",
+              transform: "translate(23.7025, 8.0502) rotate(45) translate(-23.7025, -8.0502)",
+              x: "22.7587431",
+              y: "3.24395385",
+              width: "1.8875",
+              height: "9.6125",
+              rx: "0.9375"
+            })]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+          transform: "translate(18.7375, 73.625)",
+          fillRule: "nonzero",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
+            fill: "#FFA005",
+            points: "35.3875 58.2125 8.425 58.2125 4.2 10.65 39.625 10.65"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
+            fill: "#FFB337",
+            cx: "21.9125",
+            cy: "21.8125",
+            r: "7.2375"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+            fill: "#CCCCCC",
+            x: "0",
+            y: "5.925",
+            width: "43.825",
+            height: "4.725"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
+            fill: "#E6E6E6",
+            points: "40.0125 5.925 3.8125 5.925 7.7125 0 36.1125 0"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
+            fill: "#E6E6E6",
+            points: "4.225 32.1125 5.9875 51.8875 37.8375 51.8875 39.5875 32.1125"
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+          id: _id2,
+          transform: "translate(14.9125, 13.75)",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("mask", {
+            id: _id3,
+            fill: "white",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("use", {
+              href: `#${_id}`
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+            mask: `url(#${_id3})`,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+              transform: "translate(31.5625, 35.9375)",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
                 fill: "#132039",
                 fillRule: "nonzero",
                 x: "10.2875",
@@ -191,11 +157,7 @@ var ProcessingSvg = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                 width: "133.8375",
                 height: "79",
                 rx: "4.7625"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "rect",
-              {
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
                 fill: "#0181FD",
                 fillRule: "nonzero",
                 transform: "translate(77.2062, 39.5063) rotate(90) translate(-77.2062, -39.5063)",
@@ -204,86 +166,192 @@ var ProcessingSvg = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                 width: "70.0375",
                 height: "124.4875",
                 rx: "0.6375"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-              "g",
-              {
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
                 strokeWidth: "1",
                 fill: "none",
                 fillRule: "evenodd",
                 transform: "translate(22.5, 31.7625)",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    "rect",
-                    {
-                      fill: "#FFFFFF",
-                      fillRule: "nonzero",
-                      x: "0",
-                      y: "0",
-                      width: "108.0375",
-                      height: "15.6",
-                      rx: "2.6875"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    "path",
-                    {
-                      d: "M24.2125,-20.2 L35.925,-20.2 L35.925,34.4375 C35.925,35.1875 35.325,35.7875 34.575,35.7875 L25.5625,35.7875 C24.8125,35.7875 24.2125,35.1875 24.2125,34.4375 L24.2125,-20.2 L24.2125,-20.2 L24.2125,-20.2 Z",
-                      fill: "#07C846",
-                      fillRule: "nonzero",
-                      transform: "translate(30.0687, 7.7938) rotate(90) translate(-30.0687, -7.7938)"
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "path",
-              {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  x: "0",
+                  y: "0",
+                  width: "108.0375",
+                  height: "15.6",
+                  rx: "2.6875"
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+                  d: "M24.2125,-20.2 L35.925,-20.2 L35.925,34.4375 C35.925,35.1875 35.325,35.7875 34.575,35.7875 L25.5625,35.7875 C24.8125,35.7875 24.2125,35.1875 24.2125,34.4375 L24.2125,-20.2 L24.2125,-20.2 L24.2125,-20.2 Z",
+                  fill: "#07C846",
+                  fillRule: "nonzero",
+                  transform: "translate(30.0687, 7.7938) rotate(90) translate(-30.0687, -7.7938)"
+                })]
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
                 d: "M0.0125,74.5 L147.4375,74.5 L147.4375,75.0625 C147.4375,78.975 144.2625,82.1625 140.3375,82.1625 L7.1,82.1625 C3.1875,82.1625 0,78.9875 0,75.0625 L0,74.5 L0,74.5 L0.0125,74.5 Z",
                 fill: "#132039",
                 fillRule: "nonzero"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "path",
-              {
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
                 d: "M63.9875,74.5 L95.1375,74.5 L95.1375,74.8 C95.1375,76.2875 93.9375,77.4875 92.45,77.4875 L66.6875,77.4875 C65.2,77.4875 64,76.2875 64,74.8 L64,74.5 L64,74.5 L63.9875,74.5 Z",
                 fill: "#424D61",
                 fillRule: "nonzero"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-              "g",
-              {
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
                 strokeWidth: "1",
                 fill: "none",
                 fillRule: "evenodd",
                 transform: "translate(21.925, 10.425)",
                 opacity: "0.2",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(0, 6.5125)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "104.45", height: "3.15", rx: "0.7875" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(0, 42.2375)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "37.2125", height: "3.15", rx: "0.7875" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(40.4125, 42.2375)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "14.2375", height: "3.15", rx: "0.7875" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(57.8625, 42.2375)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "46.575", height: "3.15", rx: "0.7875" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "30.1125", height: "3.15", rx: "0.7875" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(32.65, 0)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "21.4375", height: "3.15", rx: "0.7875" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(56.6375, 0)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "47.8", height: "3.15", rx: "0.7875" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(0, 13)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "37.2125", height: "3.15", rx: "0.7875" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(0, 48.725)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "18.6125", height: "3.15", rx: "0.7875" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(21.15, 48.725)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "27.55", height: "3.15", rx: "0.7875" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(51.2375, 48.725)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "33.9125", height: "3.15", rx: "0.7875" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(0, 56.125)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "37.2125", height: "3.15", rx: "0.7875" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: "translate(40.6125, 13)", fill: "#FFFFFF", fillRule: "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "0", y: "0", width: "28.0875", height: "3.15", rx: "0.7875" }) })
-                ]
-              }
-            )
-          ] }) })
-        ] })
-      ] }) })
-    ]
-  }
-);
-var Processing = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.default, { component: ProcessingSvg, ...props });
-var Processing_default = Processing;
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(0, 6.5125)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "104.45",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(0, 42.2375)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "37.2125",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(40.4125, 42.2375)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "14.2375",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(57.8625, 42.2375)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "46.575",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "30.1125",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(32.65, 0)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "21.4375",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(56.6375, 0)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "47.8",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(0, 13)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "37.2125",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(0, 48.725)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "18.6125",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(21.15, 48.725)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "27.55",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(51.2375, 48.725)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "33.9125",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(0, 56.125)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "37.2125",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+                  transform: "translate(40.6125, 13)",
+                  fill: "#FFFFFF",
+                  fillRule: "nonzero",
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+                    x: "0",
+                    y: "0",
+                    width: "28.0875",
+                    height: "3.15",
+                    rx: "0.7875"
+                  })
+                })]
+              })]
+            })
+          })]
+        })]
+      })
+    })]
+  });
+};
+const Processing = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.default, {
+  component: ProcessingSvg,
+  ...props
+});
+var _default = exports.default = Processing;