@algenium/blocks 1.2.0-rc.2 → 1.2.0-rc.3

package/dist/index.d.cts

@@ -573,9 +573,11 @@ interface ChatSidebarProps {
     labels?: ChatSidebarLabels;
     roleLabel?: (role: string) => string;
     roomTypeLabel?: (type: string) => string;
+    /** Top offset on mobile so the navbar stays visible (e.g. "3.5rem", "4rem"). */
+    mobileTopOffset?: string;
     className?: string;
 }
-declare function ChatSidebar({ currentUserId, config, labels, roleLabel, roomTypeLabel, className, }: ChatSidebarProps): react_jsx_runtime.JSX.Element | null;
+declare function ChatSidebar({ currentUserId, config, labels, roleLabel, roomTypeLabel, mobileTopOffset, className, }: ChatSidebarProps): react_jsx_runtime.JSX.Element | null;
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;

package/dist/index.d.ts

@@ -573,9 +573,11 @@ interface ChatSidebarProps {
     labels?: ChatSidebarLabels;
     roleLabel?: (role: string) => string;
     roomTypeLabel?: (type: string) => string;
+    /** Top offset on mobile so the navbar stays visible (e.g. "3.5rem", "4rem"). */
+    mobileTopOffset?: string;
     className?: string;
 }
-declare function ChatSidebar({ currentUserId, config, labels, roleLabel, roomTypeLabel, className, }: ChatSidebarProps): react_jsx_runtime.JSX.Element | null;
+declare function ChatSidebar({ currentUserId, config, labels, roleLabel, roomTypeLabel, mobileTopOffset, className, }: ChatSidebarProps): react_jsx_runtime.JSX.Element | null;
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;

package/dist/index.js

@@ -6780,6 +6780,7 @@ function ChatSidebar({
   labels = {},
   roleLabel,
   roomTypeLabel,
+  mobileTopOffset,
   className
 }) {
   const {
@@ -6813,14 +6814,16 @@ function ChatSidebar({
     return roomTypeLabels[type] ?? type;
   };
   const activeConversation = activeCaseId ? conversations.find((c) => c.caseId === activeCaseId) : null;
+  const cssVars = {
+    "--sidebar-top": mobileTopOffset ?? "0px"
+  };
   const panel = /* @__PURE__ */ jsx(
     "div",
     {
+      style: cssVars,
       className: cn(
         "flex min-h-0 flex-col bg-background",
-        // Below sm (~640px): fullscreen overlay drawer above sticky app headers (often z-50)
-        "fixed inset-0 z-[100] w-full max-w-none border-0 shadow-none",
-        // sm+: docked right sidebar in the app shell flex row
+        "fixed top-[var(--sidebar-top)] right-0 bottom-0 left-0 z-[100] w-full max-w-none border-0 shadow-none",
         "sm:relative sm:inset-auto sm:z-auto sm:h-full sm:w-[360px] sm:max-w-[360px] sm:shrink-0 sm:border-l sm:shadow-none xl:w-[400px] xl:max-w-[400px]",
         className
       ),
@@ -6920,7 +6923,8 @@ function ChatSidebar({
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: "fixed inset-0 z-[90] bg-black/50 sm:hidden",
+        style: cssVars,
+        className: "fixed top-[var(--sidebar-top)] right-0 bottom-0 left-0 z-[90] bg-black/50 sm:hidden",
         "aria-hidden": true,
         onClick: close
       }