@streamoid/ui 0.6.52 → 0.6.53

package/dist/index.d.mts

@@ -1187,10 +1187,18 @@ interface IScSidebarPopoverProps {
     role?: string;
     ariaLabel?: string;
     testId?: string;
+    /** Render the dismiss catcher. On by default.
+     *
+     *  Pass `false` when the host already has its own outside-click handling and
+     *  that handling is ANCHOR-AWARE. A catcher covers the trigger too, so a
+     *  press on the trigger closes the panel and the trailing click then reopens
+     *  it — the flicker Tactix's switcher was written to avoid. Escape still
+     *  works either way. */
+    backdrop?: boolean;
     className?: string;
     style?: CSSProperties;
 }
-declare function ScSidebarPopover({ anchorRef, alignRef, width, onClose, children, role, ariaLabel, testId, className, style, }: IScSidebarPopoverProps): React$1.ReactPortal | null;
+declare function ScSidebarPopover({ anchorRef, alignRef, width, onClose, children, role, ariaLabel, testId, backdrop, className, style, }: IScSidebarPopoverProps): React$1.ReactPortal | null;
 
 interface AppSidebarMenuItem {
     id: string;

package/dist/index.d.ts

@@ -1187,10 +1187,18 @@ interface IScSidebarPopoverProps {
     role?: string;
     ariaLabel?: string;
     testId?: string;
+    /** Render the dismiss catcher. On by default.
+     *
+     *  Pass `false` when the host already has its own outside-click handling and
+     *  that handling is ANCHOR-AWARE. A catcher covers the trigger too, so a
+     *  press on the trigger closes the panel and the trailing click then reopens
+     *  it — the flicker Tactix's switcher was written to avoid. Escape still
+     *  works either way. */
+    backdrop?: boolean;
     className?: string;
     style?: CSSProperties;
 }
-declare function ScSidebarPopover({ anchorRef, alignRef, width, onClose, children, role, ariaLabel, testId, className, style, }: IScSidebarPopoverProps): React$1.ReactPortal | null;
+declare function ScSidebarPopover({ anchorRef, alignRef, width, onClose, children, role, ariaLabel, testId, backdrop, className, style, }: IScSidebarPopoverProps): React$1.ReactPortal | null;
 
 interface AppSidebarMenuItem {
     id: string;

package/dist/index.js

@@ -6433,6 +6433,7 @@ function ScSidebarPopover({
   role = "menu",
   ariaLabel,
   testId,
+  backdrop = true,
   className,
   style
 }) {
@@ -6450,41 +6451,44 @@ function ScSidebarPopover({
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [onClose]);
   if (typeof document === "undefined") return null;
+  const panel = /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    "div",
+    {
+      ref: panelRef,
+      onMouseDown: (event) => event.stopPropagation(),
+      role,
+      "aria-label": ariaLabel,
+      "data-testid": testId,
+      className,
+      style: {
+        ...position,
+        backgroundColor: SURFACE,
+        border: `1px solid ${BORDER}`,
+        borderRadius: RADIUS,
+        boxShadow: "var(--sc-sidebar-popover-shadow, 0 12px 32px rgba(0, 0, 0, 0.24))",
+        zIndex: 50,
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ScPopoverArrow, { arrow, background: SURFACE, borderColor: BORDER }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { borderRadius: RADIUS, overflow: "hidden" }, children })
+      ]
+    }
+  );
   return (0, import_react_dom.createPortal)(
-    /* The backdrop is what makes a click anywhere else dismiss this, without
-       a document-level listener that fires before the opening click has
-       finished and closes the popover as it opens. */
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-      "div",
-      {
-        style: { position: "fixed", inset: 0, zIndex: 40 },
-        onMouseDown: onClose,
-        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
-          "div",
-          {
-            ref: panelRef,
-            onMouseDown: (event) => event.stopPropagation(),
-            role,
-            "aria-label": ariaLabel,
-            "data-testid": testId,
-            className,
-            style: {
-              ...position,
-              backgroundColor: SURFACE,
-              border: `1px solid ${BORDER}`,
-              borderRadius: RADIUS,
-              boxShadow: "var(--sc-sidebar-popover-shadow, 0 12px 32px rgba(0, 0, 0, 0.24))",
-              zIndex: 50,
-              ...style
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ScPopoverArrow, { arrow, background: SURFACE, borderColor: BORDER }),
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { borderRadius: RADIUS, overflow: "hidden" }, children })
-            ]
-          }
-        )
-      }
-    ),
+    backdrop ? (
+      /* The catcher is what makes a click anywhere else dismiss this, without
+         a document-level listener that fires before the opening click has
+         finished and closes the popover as it opens. */
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        "div",
+        {
+          style: { position: "fixed", inset: 0, zIndex: 40 },
+          onMouseDown: onClose,
+          children: panel
+        }
+      )
+    ) : panel,
     document.body
   );
 }

package/dist/index.mjs

@@ -6258,6 +6258,7 @@ function ScSidebarPopover({
   role = "menu",
   ariaLabel,
   testId,
+  backdrop = true,
   className,
   style
 }) {
@@ -6275,41 +6276,44 @@ function ScSidebarPopover({
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [onClose]);
   if (typeof document === "undefined") return null;
+  const panel = /* @__PURE__ */ jsxs43(
+    "div",
+    {
+      ref: panelRef,
+      onMouseDown: (event) => event.stopPropagation(),
+      role,
+      "aria-label": ariaLabel,
+      "data-testid": testId,
+      className,
+      style: {
+        ...position,
+        backgroundColor: SURFACE,
+        border: `1px solid ${BORDER}`,
+        borderRadius: RADIUS,
+        boxShadow: "var(--sc-sidebar-popover-shadow, 0 12px 32px rgba(0, 0, 0, 0.24))",
+        zIndex: 50,
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsx54(ScPopoverArrow, { arrow, background: SURFACE, borderColor: BORDER }),
+        /* @__PURE__ */ jsx54("div", { style: { borderRadius: RADIUS, overflow: "hidden" }, children })
+      ]
+    }
+  );
   return createPortal(
-    /* The backdrop is what makes a click anywhere else dismiss this, without
-       a document-level listener that fires before the opening click has
-       finished and closes the popover as it opens. */
-    /* @__PURE__ */ jsx54(
-      "div",
-      {
-        style: { position: "fixed", inset: 0, zIndex: 40 },
-        onMouseDown: onClose,
-        children: /* @__PURE__ */ jsxs43(
-          "div",
-          {
-            ref: panelRef,
-            onMouseDown: (event) => event.stopPropagation(),
-            role,
-            "aria-label": ariaLabel,
-            "data-testid": testId,
-            className,
-            style: {
-              ...position,
-              backgroundColor: SURFACE,
-              border: `1px solid ${BORDER}`,
-              borderRadius: RADIUS,
-              boxShadow: "var(--sc-sidebar-popover-shadow, 0 12px 32px rgba(0, 0, 0, 0.24))",
-              zIndex: 50,
-              ...style
-            },
-            children: [
-              /* @__PURE__ */ jsx54(ScPopoverArrow, { arrow, background: SURFACE, borderColor: BORDER }),
-              /* @__PURE__ */ jsx54("div", { style: { borderRadius: RADIUS, overflow: "hidden" }, children })
-            ]
-          }
-        )
-      }
-    ),
+    backdrop ? (
+      /* The catcher is what makes a click anywhere else dismiss this, without
+         a document-level listener that fires before the opening click has
+         finished and closes the popover as it opens. */
+      /* @__PURE__ */ jsx54(
+        "div",
+        {
+          style: { position: "fixed", inset: 0, zIndex: 40 },
+          onMouseDown: onClose,
+          children: panel
+        }
+      )
+    ) : panel,
     document.body
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/ui",
-  "version": "0.6.52",
+  "version": "0.6.53",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",