@arbidocs/blocks 0.5.39 → 0.5.41

package/dist/{chunk-BY2EW2QU.cjs → chunk-YWGDZR6A.cjs}

@@ -1,11 +1,9 @@
 "use client";
 'use strict';
 
-var chunkGX5MKJ3F_cjs = require('./chunk-GX5MKJ3F.cjs');
-var chunkAHDJXIUB_cjs = require('./chunk-AHDJXIUB.cjs');
+var chunkHNEOW7F3_cjs = require('./chunk-HNEOW7F3.cjs');
 var chunkX6MGM3LH_cjs = require('./chunk-X6MGM3LH.cjs');
 var chunkB6MVQCXW_cjs = require('./chunk-B6MVQCXW.cjs');
-var chunkFX3K6LNZ_cjs = require('./chunk-FX3K6LNZ.cjs');
 var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
 var react = require('react');
 var lucideReact = require('lucide-react');
@@ -54,7 +52,7 @@ function SidebarRoot({
   "data-testid": testId,
   backdropTestId
 }) {
-  const mergedLabels = react.useMemo(() => ({ ...chunkGX5MKJ3F_cjs.DEFAULT_SIDEBAR_LABELS, ...labels }), [labels]);
+  const mergedLabels = react.useMemo(() => ({ ...chunkHNEOW7F3_cjs.DEFAULT_SIDEBAR_LABELS, ...labels }), [labels]);
   const drawerRef = react.useRef(null);
   const isDrawer = mode === "drawer";
   chunkB6MVQCXW_cjs.useDrawerBehavior(isDrawer, onBackdropClick ?? noop, drawerRef);
@@ -172,7 +170,7 @@ function SidebarRoot({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkGX5MKJ3F_cjs.SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkB6MVQCXW_cjs.BlocksTooltipProvider, { children: body }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkHNEOW7F3_cjs.SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkB6MVQCXW_cjs.BlocksTooltipProvider, { children: body }) });
 }
 function SidebarHeader({ children, className, "data-testid": testId }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -192,7 +190,7 @@ function SidebarNav({
   className,
   "data-testid": testId
 }) {
-  const { expanded } = chunkGX5MKJ3F_cjs.useSidebarContext();
+  const { expanded } = chunkHNEOW7F3_cjs.useSidebarContext();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -223,7 +221,7 @@ function SidebarGroup({
   className,
   "data-testid": testId
 }) {
-  const { expanded } = chunkGX5MKJ3F_cjs.useSidebarContext();
+  const { expanded } = chunkHNEOW7F3_cjs.useSidebarContext();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -260,7 +258,7 @@ function SidebarGroupLabel({ children, className }) {
   );
 }
 function SidebarFooter({ children, className, "data-testid": testId }) {
-  const { expanded } = chunkGX5MKJ3F_cjs.useSidebarContext();
+  const { expanded } = chunkHNEOW7F3_cjs.useSidebarContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -295,7 +293,7 @@ function SidebarNavItem({
   className,
   tooltip
 }) {
-  const { expanded } = chunkGX5MKJ3F_cjs.useSidebarContext();
+  const { expanded } = chunkHNEOW7F3_cjs.useSidebarContext();
   const [isRowActive, setIsRowActive] = react.useState(false);
   const tip = expanded ? void 0 : tooltip ?? label;
   if (!expanded) {
@@ -403,7 +401,7 @@ function SidebarNavItem({
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-3 min-w-0 truncate text-left", children: label }),
             countNode
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkGX5MKJ3F_cjs.SidebarRowHoverContext.Provider, { value: isRowActive, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative ml-2 flex flex-shrink-0 items-center", children: trailing }) })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkHNEOW7F3_cjs.SidebarRowHoverContext.Provider, { value: isRowActive, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative ml-2 flex flex-shrink-0 items-center", children: trailing }) })
         ]
       }
     );
@@ -434,7 +432,7 @@ function SidebarNavItem({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-5 flex-shrink-0 items-center justify-center", children: icon }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-3 min-w-0 truncate text-left", children: label }),
         countNode,
-        trailing && /* @__PURE__ */ jsxRuntime.jsx(chunkGX5MKJ3F_cjs.SidebarRowHoverContext.Provider, { value: isRowActive, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto flex flex-shrink-0 items-center pl-2", children: trailing }) })
+        trailing && /* @__PURE__ */ jsxRuntime.jsx(chunkHNEOW7F3_cjs.SidebarRowHoverContext.Provider, { value: isRowActive, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto flex flex-shrink-0 items-center pl-2", children: trailing }) })
       ]
     }
   );
@@ -445,7 +443,7 @@ function SidebarPinToggle({
   className,
   "data-testid": testId
 }) {
-  const { expanded, labels } = chunkGX5MKJ3F_cjs.useSidebarContext();
+  const { expanded, labels } = chunkHNEOW7F3_cjs.useSidebarContext();
   const label = isPinned ? labels.hideSidebar : labels.showSidebar;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
@@ -474,7 +472,7 @@ function SidebarDrawerHeader({
   closeLabel: closeLabelProp,
   "data-testid": testId
 }) {
-  const { labels } = chunkGX5MKJ3F_cjs.useSidebarContext();
+  const { labels } = chunkHNEOW7F3_cjs.useSidebarContext();
   const closeLabel = closeLabelProp ?? labels.closeNavigationMenu;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -507,7 +505,7 @@ var Sidebar = {
   NavItem: SidebarNavItem,
   Footer: SidebarFooter,
   PinToggle: SidebarPinToggle,
-  BadgeRow: chunkGX5MKJ3F_cjs.SidebarBadgeRow,
+  BadgeRow: chunkHNEOW7F3_cjs.SidebarBadgeRow,
   DrawerHeader: SidebarDrawerHeader
 };
 function ShellSidebar({
@@ -540,133 +538,6 @@ function ShellSidebar({
     ] })
   ] });
 }
-function useCloseOnEscape(isActive, onClose) {
-  const onCloseRef = react.useRef(onClose);
-  react.useEffect(() => {
-    onCloseRef.current = onClose;
-  });
-  react.useEffect(() => {
-    if (!isActive) return;
-    const onKeyDown = (e) => {
-      if (e.key === "Escape" && !e.defaultPrevented) onCloseRef.current();
-    };
-    document.addEventListener("keydown", onKeyDown);
-    return () => document.removeEventListener("keydown", onKeyDown);
-  }, [isActive]);
-}
-function resolveSidebarLayout(input) {
-  const { isSmallScreen, isDrawerRequested, isCollapsed, isPinned, isHovering } = input;
-  const canPin = isPinned && !isSmallScreen && !input.isNarrow;
-  const drawerOpen = isSmallScreen && isDrawerRequested;
-  const effectiveCollapsed = isCollapsed || isSmallScreen && !drawerOpen;
-  const hovering = isHovering && !isSmallScreen;
-  let mode;
-  if (drawerOpen) mode = "drawer";
-  else if (effectiveCollapsed) mode = "collapsed";
-  else if (canPin) mode = "pinned";
-  else mode = "rail";
-  const expanded = drawerOpen || !effectiveCollapsed && (canPin || hovering);
-  return { mode, expanded, hidden: isSmallScreen && !drawerOpen, hovering };
-}
-function useSidebarSettle(expanded, settleMs = 300) {
-  const [labelsExpanded, setLabelsExpanded] = react.useState(expanded);
-  const [tipsVisible, setTipsVisible] = react.useState(expanded);
-  const labelsTimer = react.useRef(null);
-  const tipsTimer = react.useRef(null);
-  react.useEffect(() => {
-    if (labelsTimer.current) clearTimeout(labelsTimer.current);
-    if (expanded) setLabelsExpanded(true);
-    else labelsTimer.current = setTimeout(() => setLabelsExpanded(false), settleMs);
-    return () => {
-      if (labelsTimer.current) clearTimeout(labelsTimer.current);
-    };
-  }, [expanded, settleMs]);
-  react.useEffect(() => {
-    if (tipsTimer.current) clearTimeout(tipsTimer.current);
-    if (expanded) tipsTimer.current = setTimeout(() => setTipsVisible(true), settleMs);
-    else setTipsVisible(false);
-    return () => {
-      if (tipsTimer.current) clearTimeout(tipsTimer.current);
-    };
-  }, [expanded, settleMs]);
-  return { labelsExpanded, tipsVisible };
-}
-
-// src/shell/use-sidebar-controller.ts
-var isMenuOpen = () => typeof document !== "undefined" && document.querySelector('[role="menu"][data-state="open"]') !== null;
-function useSidebarController(options = {}) {
-  const [storedPinned, setPinned] = chunkAHDJXIUB_cjs.useControllableState(
-    options.isPinned,
-    options.defaultPinned ?? true,
-    options.onPinnedChange
-  );
-  const [isHovering, setHovering] = chunkAHDJXIUB_cjs.useControllableState(
-    options.isHovering,
-    false,
-    options.onHoveringChange
-  );
-  const [isDrawerOpen, setDrawerOpen] = chunkAHDJXIUB_cjs.useControllableState(
-    options.isDrawerOpen,
-    false,
-    options.onDrawerOpenChange
-  );
-  const isSmallScreen = chunkFX3K6LNZ_cjs.useIsPhone();
-  const isNarrow = chunkFX3K6LNZ_cjs.useIsNarrow() || !!options.forceRail;
-  const isTouch = chunkFX3K6LNZ_cjs.useIsTouchScreen();
-  const layout = resolveSidebarLayout({
-    isSmallScreen,
-    isDrawerRequested: isDrawerOpen,
-    isCollapsed: false,
-    isPinned: storedPinned,
-    isHovering,
-    isNarrow
-  });
-  const isDrawer = layout.mode === "drawer";
-  const { labelsExpanded, tipsVisible } = useSidebarSettle(layout.expanded);
-  const isPointerOver = react.useRef(false);
-  const closeDrawer = react.useCallback(() => setDrawerOpen(false), [setDrawerOpen]);
-  const openDrawer = react.useCallback(() => setDrawerOpen(true), [setDrawerOpen]);
-  useCloseOnEscape(layout.mode === "rail" && layout.hovering, () => setHovering(false));
-  react.useEffect(() => {
-    if (isDrawerOpen && !isSmallScreen) setDrawerOpen(false);
-  }, [isDrawerOpen, isSmallScreen, setDrawerOpen]);
-  const onMouseEnter = () => {
-    if (isTouch) return;
-    isPointerOver.current = true;
-    if (!isSmallScreen && !isNarrow && !isMenuOpen()) setHovering(true);
-  };
-  const onMouseLeave = () => {
-    if (isTouch) return;
-    isPointerOver.current = false;
-    if (!isSmallScreen) setHovering(false);
-  };
-  return {
-    layout,
-    expanded: labelsExpanded,
-    tipsVisible,
-    isDrawer,
-    isSmallScreen,
-    isNarrow,
-    isPinned: storedPinned && !isNarrow,
-    rootProps: {
-      mode: layout.mode,
-      expanded: labelsExpanded,
-      isHovering: layout.hovering,
-      onBackdropClick: isDrawer ? closeDrawer : () => setHovering(false),
-      hasRailBackdrop: isTouch,
-      onMouseEnter,
-      onMouseLeave
-    },
-    openDrawer,
-    closeDrawer,
-    togglePin: () => isNarrow ? setHovering(!isHovering) : setPinned(!storedPinned),
-    expand: () => isNarrow ? setHovering(true) : setPinned(true),
-    afterNavigate: () => {
-      if (!isPointerOver.current && !storedPinned) setHovering(false);
-      if (isDrawer) closeDrawer();
-    }
-  };
-}
 var PULSE_STYLES = {
   active: "animate-pulse-attention text-primary",
   success: "animate-pulse-attention text-green-text",
@@ -682,7 +553,7 @@ function SidebarRowAction({
   "data-testid": testId,
   children
 }) {
-  const rowHovered = react.useContext(chunkGX5MKJ3F_cjs.SidebarRowHoverContext);
+  const rowHovered = react.useContext(chunkHNEOW7F3_cjs.SidebarRowHoverContext);
   const tone = active ? "text-accent-foreground hover:bg-background/60" : pulse ? `${PULSE_STYLES[pulse]} hover:bg-muted` : ui.cn(
     "text-muted-foreground hover:bg-muted hover:text-foreground",
     rowHovered ? "opacity-100" : "opacity-70"
@@ -1391,7 +1262,7 @@ function OfflinePill({
           }
         ),
         !compact && onReconnect && // Forced visible (context true): there is no row to hover.
-        /* @__PURE__ */ jsxRuntime.jsx(chunkGX5MKJ3F_cjs.SidebarRowHoverContext.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(chunkHNEOW7F3_cjs.SidebarRowHoverContext.Provider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(
           SidebarRowAction,
           {
             label: labels?.reconnect ?? DEFAULT_OFFLINE_PILL_LABELS.reconnect,
@@ -1685,147 +1556,6 @@ function SplitLayout({
     }
   );
 }
-var MIN_DOCK_PX = 200;
-var MIN_MAIN_PX = 300;
-var DEFAULT_DOCK_PX = 544;
-var MOBILE_BREAKPOINT_PX = 640;
-function DockZone({ children, ...props }) {
-  const [hasDockedContent, setHasDockedContent] = react.useState(false);
-  const [dockWidth, setDockWidth] = react.useState(null);
-  const [isResizing, setIsResizing] = react.useState(false);
-  const [dragPosition, setDragPosition] = react.useState(null);
-  const [containerWidth, setContainerWidth] = react.useState(0);
-  const containerRef = react.useRef(null);
-  const dockZoneRef = react.useRef(null);
-  react.useEffect(() => {
-    const el = containerRef.current;
-    if (!el) return;
-    const observer = new ResizeObserver((entries) => {
-      const width = entries[0]?.contentRect.width;
-      if (width !== void 0) setContainerWidth(width);
-    });
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, []);
-  const isMobile = containerWidth > 0 && containerWidth < MOBILE_BREAKPOINT_PX;
-  react.useEffect(() => {
-    const el = dockZoneRef.current;
-    if (!el) return;
-    const update = () => {
-      const hasChildren = el.children.length > 0;
-      setHasDockedContent(hasChildren);
-      if (hasChildren) {
-        const requestedWidth = el.firstElementChild?.getAttribute("data-dock-width");
-        if (requestedWidth) {
-          setDockWidth(parseInt(requestedWidth, 10));
-        }
-      }
-    };
-    const observer = new MutationObserver(update);
-    update();
-    observer.observe(el, { childList: true });
-    return () => observer.disconnect();
-  }, []);
-  const handleMouseDown = react.useCallback(() => {
-    setIsResizing(true);
-    setDragPosition(null);
-  }, []);
-  const handleMouseMove = react.useCallback(
-    (e) => {
-      if (!isResizing || !containerRef.current) return;
-      const rect = containerRef.current.getBoundingClientRect();
-      const x = e.clientX - rect.left;
-      const clamped = Math.min(Math.max(x, MIN_MAIN_PX), rect.width - MIN_DOCK_PX);
-      setDragPosition(clamped);
-    },
-    [isResizing]
-  );
-  const handleMouseUp = react.useCallback(() => {
-    if (dragPosition !== null && containerRef.current) {
-      const containerWidth2 = containerRef.current.getBoundingClientRect().width;
-      setDockWidth(containerWidth2 - dragPosition);
-    }
-    setIsResizing(false);
-    setDragPosition(null);
-  }, [dragPosition]);
-  react.useEffect(() => {
-    if (!isResizing) return;
-    document.addEventListener("mousemove", handleMouseMove);
-    document.addEventListener("mouseup", handleMouseUp);
-    document.body.style.cursor = "col-resize";
-    document.body.style.userSelect = "none";
-    return () => {
-      document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("mouseup", handleMouseUp);
-      document.body.style.cursor = "";
-      document.body.style.userSelect = "";
-    };
-  }, [isResizing, handleMouseMove, handleMouseUp]);
-  const effectiveDockWidth = hasDockedContent && containerWidth > 0 ? isMobile ? containerWidth : Math.min(
-    Math.max(dockWidth ?? DEFAULT_DOCK_PX, MIN_DOCK_PX),
-    containerWidth - MIN_MAIN_PX
-  ) : 0;
-  const mainHidden = isMobile && hasDockedContent;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "h-full relative flex", "data-testid": props["data-testid"], children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        style: {
-          width: mainHidden ? 0 : `calc(100% - ${effectiveDockWidth}px)`,
-          // Reserve gutter space so the vertical scrollbar doesn't appear and
-          // disappear as streaming content crosses the viewport boundary —
-          // that toggle reflows the layout and reads as a screen-wide flicker.
-          scrollbarGutter: "stable"
-        },
-        className: ui.cn(
-          // The CSS container for the page's @-variants (PageContainer must not be one; see there).
-          "@container h-full overflow-auto",
-          hasDockedContent && !isMobile && "border-r",
-          mainHidden && "overflow-hidden",
-          // Animate opening only. On close the portaled content has already
-          // unmounted, so animating leaves an empty strip shrinking while the
-          // page behind reflows — reads as flicker over heavy content like the
-          // documents grid. Snap closed instead. Resizing is also instant so
-          // the divider doesn't lag the cursor.
-          hasDockedContent && !isResizing && "transition-[width] duration-300 ease-in-out"
-        ),
-        "aria-hidden": mainHidden,
-        inert: mainHidden,
-        "data-scroll-container": true,
-        children
-      }
-    ),
-    hasDockedContent && !isMobile && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: "group flex w-2 flex-shrink-0 cursor-col-resize items-center justify-center",
-        onMouseDown: handleMouseDown,
-        "data-testid": "dock-resize-handle",
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-12 w-1 rounded-full bg-muted-foreground/40 transition-colors group-hover:bg-primary" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: dockZoneRef,
-        id: "dock-zone",
-        style: { width: effectiveDockWidth },
-        className: ui.cn(
-          "h-full overflow-hidden flex-shrink-0",
-          hasDockedContent && !isResizing && "transition-[width] duration-300 ease-in-out"
-        )
-      }
-    ),
-    isResizing && dragPosition !== null && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: "absolute top-0 bottom-0 w-0.5 bg-primary z-50 pointer-events-none",
-        style: { left: dragPosition }
-      }
-    ),
-    isResizing && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-40 cursor-col-resize" })
-  ] });
-}
 
 Object.defineProperty(exports, "UserMenu", {
   enumerable: true,
@@ -1844,7 +1574,6 @@ exports.DEFAULT_MOBILE_BARS_LABELS = DEFAULT_MOBILE_BARS_LABELS;
 exports.DEFAULT_OFFLINE_PILL_LABELS = DEFAULT_OFFLINE_PILL_LABELS;
 exports.DEFAULT_REMOTE_CONTROL_PILL_LABELS = DEFAULT_REMOTE_CONTROL_PILL_LABELS;
 exports.DEFAULT_TIP_CARD_LABELS = DEFAULT_TIP_CARD_LABELS;
-exports.DockZone = DockZone;
 exports.INSTALL_PROMPT_DISMISSED_KEY = INSTALL_PROMPT_DISMISSED_KEY;
 exports.InfoBar = InfoBar;
 exports.InstallPrompt = InstallPrompt;
@@ -1866,11 +1595,7 @@ exports.getInstallInstructions = getInstallInstructions;
 exports.initInstallPrompt = initInstallPrompt;
 exports.isIosDevice = isIosDevice;
 exports.promptAppInstall = promptAppInstall;
-exports.resolveSidebarLayout = resolveSidebarLayout;
-exports.useCloseOnEscape = useCloseOnEscape;
 exports.useInstallPrompt = useInstallPrompt;
 exports.useShellStartInset = useShellStartInset;
-exports.useSidebarController = useSidebarController;
-exports.useSidebarSettle = useSidebarSettle;
-//# sourceMappingURL=chunk-BY2EW2QU.cjs.map
-//# sourceMappingURL=chunk-BY2EW2QU.cjs.map
+//# sourceMappingURL=chunk-YWGDZR6A.cjs.map
+//# sourceMappingURL=chunk-YWGDZR6A.cjs.map