@tapizlabs/ui 0.2.24 → 0.2.26

package/dist/index.d.ts

@@ -121,8 +121,9 @@ interface LogoMarkProps {
      * - "cloud" = oblak sa T monogramom (Tapiz Cloud Platform / status)
      * - "specs" = dokument/spec list sa redovima teksta i čekiranom stavkom (Tapiz Specs)
      * - "pulse" = EKG kriva sa T monogramom (Tapiz Pulse — interni monitoring)
+     * - "sentinel" = štit sa okom (Tapiz Sentinel — error monitoring / nadzor)
      */
-    variant?: "lms" | "boards" | "playground" | "whiteboard" | "cloud" | "specs" | "pulse";
+    variant?: "lms" | "boards" | "playground" | "whiteboard" | "cloud" | "specs" | "pulse" | "sentinel";
 }
 declare const LogoMark: ({ size, className, bgClassName, bgFill, bgOpacity, tone, variant, }: LogoMarkProps) => react.JSX.Element;
 

package/dist/index.js

@@ -639,6 +639,23 @@ var LogoMark = ({
             }
           ),
           /* @__PURE__ */ jsx6("circle", { cx: "30", cy: "20", r: "3.5", fill: accentDetail })
+        ] }),
+        variant === "sentinel" && /* @__PURE__ */ jsxs6(Fragment, { children: [
+          /* @__PURE__ */ jsx6(
+            "path",
+            {
+              fill: glyph,
+              d: "M32 11 L50 18 V33 q0 13-18 20 Q14 46 14 33 V18 Z"
+            }
+          ),
+          /* @__PURE__ */ jsx6(
+            "path",
+            {
+              d: "M21 32 q11-11 22 0 q-11 11-22 0Z",
+              fill: accentDetail
+            }
+          ),
+          /* @__PURE__ */ jsx6("circle", { cx: "32", cy: "32", r: "4.2", fill: "#d4ff3a" })
         ] })
       ]
     }
@@ -2760,6 +2777,31 @@ function Drawer({ open, onClose, title, description, children, footer, side = "r
 // src/components/overlays/SidePanel.tsx
 import { useEffect as useEffect4, useId as useId4, useState as useState10 } from "react";
 import { createPortal as createPortal5 } from "react-dom";
+
+// src/components/overlays/scrollLock.ts
+var lockCount = 0;
+var originalHtmlOverflow = "";
+var originalBodyOverflow = "";
+function acquireBodyScrollLock() {
+  if (lockCount === 0) {
+    originalHtmlOverflow = document.documentElement.style.overflow;
+    originalBodyOverflow = document.body.style.overflow;
+    document.documentElement.style.overflow = "hidden";
+    document.body.style.overflow = "hidden";
+  }
+  lockCount += 1;
+  return () => {
+    lockCount = Math.max(0, lockCount - 1);
+    if (lockCount === 0) {
+      document.documentElement.style.overflow = originalHtmlOverflow;
+      document.body.style.overflow = originalBodyOverflow;
+      originalHtmlOverflow = "";
+      originalBodyOverflow = "";
+    }
+  };
+}
+
+// src/components/overlays/SidePanel.tsx
 import { jsx as jsx66, jsxs as jsxs47 } from "react/jsx-runtime";
 var widthRem = {
   md: 28,
@@ -2818,17 +2860,13 @@ function SidePanel({
   }, []);
   useEffect4(() => {
     if (!isOpen) return;
-    const html = document.documentElement.style.overflow;
-    const body = document.body.style.overflow;
-    document.documentElement.style.overflow = "hidden";
-    document.body.style.overflow = "hidden";
+    const releaseBodyScrollLock = acquireBodyScrollLock();
     const onKeyDown = (e) => {
       if (e.key === "Escape") onClose();
     };
     document.addEventListener("keydown", onKeyDown);
     return () => {
-      document.documentElement.style.overflow = html;
-      document.body.style.overflow = body;
+      releaseBodyScrollLock();
       document.removeEventListener("keydown", onKeyDown);
     };
   }, [isOpen, onClose]);