gridsmith-ui 0.2.18 → 0.2.19

package/dist/index.js

@@ -1,8 +1,8 @@
-import { cn, GLASS_BACKDROP, lockBodyScroll, unlockBodyScroll, GLASS_OVERLAY, GLASS_DROPDOWN, GLASS_SURFACE } from './chunk-5XIPPVH7.js';
+import { cn, GLASS_BACKDROP, GLASS_DROPDOWN, lockBodyScroll, unlockBodyScroll, GLASS_OVERLAY, GLASS_SURFACE } from './chunk-5XIPPVH7.js';
 import { Icon } from './chunk-H2XI6OUB.js';
 import { __commonJS, __toESM } from './chunk-5WRI5ZAA.js';
 import * as React6 from 'react';
-import React6__default, { createContext, forwardRef, useState, useCallback, useRef, useContext, useId, useMemo, useEffect, createElement, Fragment as Fragment$1, useLayoutEffect, isValidElement, cloneElement, useDebugValue, memo, useReducer, useSyncExternalStore as useSyncExternalStore$1, useImperativeHandle } from 'react';
+import React6__default, { createContext, forwardRef, useState, useCallback, useRef, useContext, useId, useMemo, useEffect, useLayoutEffect, isValidElement, cloneElement, createElement, Fragment as Fragment$1, useDebugValue, memo, useReducer, useSyncExternalStore as useSyncExternalStore$1, useImperativeHandle } from 'react';
 import ReactDOM, { createPortal, unstable_batchedUpdates, flushSync } from 'react-dom';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
@@ -94149,26 +94149,29 @@ var Sidebar = forwardRef(function Sidebar2({
           }
         ),
         /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1", children }),
-        showCollapse && /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => handleCollapsedChange(!collapsed),
-            "aria-expanded": !collapsed,
-            "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
-            className: cn(
-              "flex items-center gap-ds-2 py-ds-2 mx-ds-2 text-sm rounded-[var(--ds-radius-md)]",
-              "transition-colors cursor-pointer",
-              "text-[var(--ds-sidebar-text-muted)] hover:bg-[var(--ds-sidebar-item-hover)] hover:text-[var(--ds-sidebar-text)]",
-              "focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
-              collapsed ? "justify-center px-0" : "px-ds-3"
-            ),
-            style: { marginBottom: footer ? 0 : "var(--ds-space-3)" },
-            children: [
-              /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: 16, className: cn("transition-transform", !collapsed && "rotate-180") }),
-              !collapsed && /* @__PURE__ */ jsx("span", { children: "Collapse" })
-            ]
-          }
-        ),
+        showCollapse && (() => {
+          const collapseButton = /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => handleCollapsedChange(!collapsed),
+              "aria-expanded": !collapsed,
+              "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+              className: cn(
+                "flex items-center gap-ds-2 py-ds-2 mx-ds-2 text-sm rounded-[var(--ds-radius-md)]",
+                "transition-colors cursor-pointer",
+                "text-[var(--ds-sidebar-text-muted)] hover:bg-[var(--ds-sidebar-item-hover)] hover:text-[var(--ds-sidebar-text)]",
+                "focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
+                collapsed ? "justify-center px-0" : "px-ds-3"
+              ),
+              style: { marginBottom: footer ? 0 : "var(--ds-space-3)" },
+              children: [
+                /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: 16, className: cn("transition-transform", !collapsed && "rotate-180") }),
+                !collapsed && /* @__PURE__ */ jsx("span", { children: "Collapse" })
+              ]
+            }
+          );
+          return collapsed ? /* @__PURE__ */ jsx(Tooltip, { content: "Expand sidebar", side: "right", delay: 100, container: portalEl ?? void 0, children: collapseButton }) : collapseButton;
+        })(),
         footer && /* @__PURE__ */ jsx(
           "div",
           {