organify-ui 0.2.9 → 0.2.11

package/dist/index.d.ts

@@ -452,6 +452,8 @@ interface DockSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
     expanded?: boolean;
     /** Callback when expanded state changes */
     onExpandedChange?: (expanded: boolean) => void;
+    /** Whether hover should expand/collapse the sidebar */
+    hoverExpand?: boolean;
     /** Render custom link element (for Next.js Link etc.) */
     renderLink?: (props: {
         href: string;
@@ -460,7 +462,7 @@ interface DockSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
         onClick?: () => void;
     }) => React.ReactNode;
 }
-declare function DockSidebar({ items, bottomItems, header, expanded, onExpandedChange, renderLink, className, ...props }: DockSidebarProps): react_jsx_runtime.JSX.Element;
+declare function DockSidebar({ items, bottomItems, header, expanded, onExpandedChange, hoverExpand, renderLink, className, ...props }: DockSidebarProps): react_jsx_runtime.JSX.Element;
 declare namespace DockSidebar {
     var displayName: string;
 }

package/dist/index.js

@@ -759,8 +759,10 @@ function DockSidebar({
   header,
   expanded = false,
   onExpandedChange,
+  hoverExpand = false,
   renderLink,
   className,
+  // Destructure hoverExpand out so it doesn't leak to DOM via ...props
   ...props
 }) {
   const handleToggle = () => onExpandedChange?.(!expanded);
@@ -771,8 +773,8 @@ function DockSidebar({
         sidebarVariants({ state: expanded ? "expanded" : "collapsed" }),
         className
       ),
-      onMouseEnter: () => onExpandedChange?.(true),
-      onMouseLeave: () => onExpandedChange?.(false),
+      onMouseEnter: () => hoverExpand && onExpandedChange?.(true),
+      onMouseLeave: () => hoverExpand && onExpandedChange?.(false),
       ...props,
       children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex items-center px-3 h-16 border-b border-glass-border", expanded ? "justify-between" : "justify-center"), children: [
@@ -785,10 +787,22 @@ function DockSidebar({
               "aria-label": expanded ? "Collapse sidebar" : "Expand sidebar",
               className: cn(
                 "flex h-7 w-7 items-center justify-center rounded-sm",
-                "text-org-text-muted transition-all hover:bg-glass-highlight hover:text-org-text",
-                !expanded && "hidden"
+                "text-org-text-muted transition-all hover:bg-glass-highlight hover:text-org-text"
               ),
-              children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "transition-transform duration-[400ms]", children: /* @__PURE__ */ jsx("path", { d: "M10 12L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  className: cn(
+                    "transition-transform duration-[400ms]",
+                    expanded ? "rotate-0" : "rotate-180"
+                  ),
+                  children: /* @__PURE__ */ jsx("path", { d: "M10 12L6 8L10 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+                }
+              )
             }
           )
         ] }),