@sentio/ui-core 0.1.3 → 0.1.4

package/dist/index.js

@@ -132,39 +132,41 @@ var import_react2 = __toESM(require("react"));
 var import_react_spinners2 = require("react-spinners");
 var import_class_variance_authority2 = require("class-variance-authority");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var SpinLoading = import_react2.default.forwardRef(function Spinner(args, ref) {
-  const {
-    loading = false,
-    children,
-    className,
-    size = 48,
-    showMask,
-    maskOpacity = 80
-  } = args;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ref, className: (0, import_class_variance_authority2.cx)("relative", className), children: [
-    showMask && loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "div",
-      {
-        className: (0, import_class_variance_authority2.cx)(
-          "absolute bottom-0 left-0 right-0 top-0 z-[1]",
-          maskOpacity ? `bg-white dark:bg-sentio-gray-100/${maskOpacity}` : "dark:bg-sentio-gray-100 bg-white"
-        )
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "absolute left-[50%] top-[50%] z-[1] -translate-y-6", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_react_spinners2.ClipLoader,
-      {
-        loading,
-        color: "#3B82F6",
-        size,
-        cssOverride: {
-          borderWidth: 3
+var SpinLoading = import_react2.default.forwardRef(
+  function Spinner(args, ref) {
+    const {
+      loading = false,
+      children,
+      className,
+      size = 48,
+      showMask,
+      maskOpacity = 80
+    } = args;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ref, className: (0, import_class_variance_authority2.cx)("relative", className), children: [
+      showMask && loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "div",
+        {
+          className: (0, import_class_variance_authority2.cx)(
+            "absolute bottom-0 left-0 right-0 top-0 z-[1]",
+            maskOpacity ? `bg-white dark:bg-sentio-gray-100/${maskOpacity}` : "dark:bg-sentio-gray-100 bg-white"
+          )
         }
-      }
-    ) }),
-    children
-  ] });
-});
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "absolute left-[50%] top-[50%] z-[1] -translate-y-6", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_spinners2.ClipLoader,
+        {
+          loading,
+          color: "#3B82F6",
+          size,
+          cssOverride: {
+            borderWidth: 3
+          }
+        }
+      ) }),
+      children
+    ] });
+  }
+);
 
 // src/common/CopyButton.tsx
 var import_react3 = require("react");
@@ -475,7 +477,7 @@ var PopoverTooltip = ({
           !hideArrow && placement === "bottom" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "div",
             {
-              className: "arrow dark:before:bg-sentio-gray-200 -translate-y-[5px] before:absolute before:h-2 before:w-2 before:rotate-45 before:border-l before:border-t before:border-black/5 before:bg-white dark:before:border-gray-100",
+              className: "arrow dark:bg-sentio-gray-100 before:border-border-color -translate-y-[7px] bg-white before:visible before:border before:border-b-0 before:border-r-0",
               ref: arrowRef,
               style: {
                 left: arrowX ?? 0,
@@ -614,18 +616,22 @@ function Proccessing({ className, light }) {
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "circle",
       {
-        className: light ? "opacity-5" : "opacity-10",
         cx: "12",
         cy: "12",
         r: "10",
         stroke: "currentColor",
-        strokeWidth: "4"
+        strokeWidth: "4",
+        style: {
+          opacity: light ? 0.05 : 0.1
+        }
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "path",
       {
-        className: light ? "opacity-50" : "opacity-75",
+        style: {
+          opacity: light ? 0.5 : 0.75
+        },
         fill: "currentColor",
         d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
       }
@@ -2095,7 +2101,7 @@ if (import_dompurify.default?.addHook) {
   });
 }
 var renderTextWithColoredNumbers = (text) => {
-  const numberRegex = /\b(\d+(?:\.\d+)?)\b/g;
+  const numberRegex = /\b(\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)\b/g;
   return text.replace(numberRegex, (match, number, offset2) => {
     const before = text.charAt(offset2 - 1);
     const after = text.charAt(offset2 + match.length);
@@ -2485,7 +2491,7 @@ function PopupMenuButton({
   }, [menuOpen]);
   let menuItems = null;
   if (menuOpen && items.length > 0) {
-    menuItems = /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MenuContext.Provider, { value: { selectedKey }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { ref: refs.setFloating, style: floatingStyles, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    menuItems = /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MenuContext.Provider, { value: { selectedKey }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { ref: refs.setFloating, style: floatingStyles, className: small ? "z-10" : "z-[100]", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       import_react29.Transition,
       {
         as: import_react28.Fragment,