@bergetai/ui 0.13.3 → 0.13.4

package/dist/index.d.cts

@@ -394,7 +394,7 @@ declare function Sidebar({ side, variant, collapsible, className, children, dir,
 }): react_jsx_runtime.JSX.Element;
 declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button$1>): react_jsx_runtime.JSX.Element;
 declare function SidebarRail({ className, ...props }: React$1.ComponentProps<"button">): react_jsx_runtime.JSX.Element;
-declare function SidebarInset({ className, ...props }: React$1.ComponentProps<"main">): react_jsx_runtime.JSX.Element;
+declare function SidebarInset$1({ className, ...props }: React$1.ComponentProps<"main">): react_jsx_runtime.JSX.Element;
 declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
 declare function SidebarHeader$1({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SidebarFooter$1({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -435,6 +435,15 @@ declare function SidebarGroupLabel({ className, ...props }: React$1.ComponentPro
 /** Provider with the Berget icon-rail width (60px = 10px gutters + 40px
  *  buttons). Consumers can still override via `style`. */
 declare function SidebarProvider({ className, style, ...props }: React$1.ComponentProps<typeof SidebarProvider$1>): react_jsx_runtime.JSX.Element;
+/** Inset with min-w-0 so the content column can shrink below its min-content
+ *  width. Without it (flex items default to min-width:auto), wide content — a
+ *  nowrap table, a code block — makes the inset refuse to yield space: the
+ *  sidebar's gap spacer collapses and the inset (and its sticky page header)
+ *  slides under the fixed sidebar, painting over it on scroll. A scroll
+ *  wrapper on the wide child alone is not sufficient — block-level
+ *  overflow-x-auto still propagates min-content up to the flex item.
+ *  Upstream shadcn-ui/ui#11370; no-op for pages that don't overflow. */
+declare function SidebarInset({ className, ...props }: React$1.ComponentProps<typeof SidebarInset$1>): react_jsx_runtime.JSX.Element;
 /** Group with 10px horizontal gutters in icon mode (10 + 40 + 10 = 60px). */
 declare function SidebarGroup({ className, ...props }: React$1.ComponentProps<typeof SidebarGroup$1>): react_jsx_runtime.JSX.Element;
 /** Footer with a top border mirroring the sidebar header's bottom border, and

package/dist/index.d.ts

@@ -394,7 +394,7 @@ declare function Sidebar({ side, variant, collapsible, className, children, dir,
 }): react_jsx_runtime.JSX.Element;
 declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button$1>): react_jsx_runtime.JSX.Element;
 declare function SidebarRail({ className, ...props }: React$1.ComponentProps<"button">): react_jsx_runtime.JSX.Element;
-declare function SidebarInset({ className, ...props }: React$1.ComponentProps<"main">): react_jsx_runtime.JSX.Element;
+declare function SidebarInset$1({ className, ...props }: React$1.ComponentProps<"main">): react_jsx_runtime.JSX.Element;
 declare function SidebarInput({ className, ...props }: React$1.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
 declare function SidebarHeader$1({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare function SidebarFooter$1({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -435,6 +435,15 @@ declare function SidebarGroupLabel({ className, ...props }: React$1.ComponentPro
 /** Provider with the Berget icon-rail width (60px = 10px gutters + 40px
  *  buttons). Consumers can still override via `style`. */
 declare function SidebarProvider({ className, style, ...props }: React$1.ComponentProps<typeof SidebarProvider$1>): react_jsx_runtime.JSX.Element;
+/** Inset with min-w-0 so the content column can shrink below its min-content
+ *  width. Without it (flex items default to min-width:auto), wide content — a
+ *  nowrap table, a code block — makes the inset refuse to yield space: the
+ *  sidebar's gap spacer collapses and the inset (and its sticky page header)
+ *  slides under the fixed sidebar, painting over it on scroll. A scroll
+ *  wrapper on the wide child alone is not sufficient — block-level
+ *  overflow-x-auto still propagates min-content up to the flex item.
+ *  Upstream shadcn-ui/ui#11370; no-op for pages that don't overflow. */
+declare function SidebarInset({ className, ...props }: React$1.ComponentProps<typeof SidebarInset$1>): react_jsx_runtime.JSX.Element;
 /** Group with 10px horizontal gutters in icon mode (10 + 40 + 10 = 60px). */
 declare function SidebarGroup({ className, ...props }: React$1.ComponentProps<typeof SidebarGroup$1>): react_jsx_runtime.JSX.Element;
 /** Footer with a top border mirroring the sidebar header's bottom border, and

package/dist/index.js

@@ -2708,6 +2708,9 @@ function SidebarProvider2({
     }
   );
 }
+function SidebarInset2({ className, ...props }) {
+  return /* @__PURE__ */ jsx27(SidebarInset, { className: cn("min-w-0", className), ...props });
+}
 function SidebarGroup2({ className, ...props }) {
   return /* @__PURE__ */ jsx27(
     SidebarGroup,
@@ -5360,7 +5363,7 @@ export {
   SidebarGroupLabel2 as SidebarGroupLabel,
   SidebarHeader2 as SidebarHeader,
   SidebarInput,
-  SidebarInset,
+  SidebarInset2 as SidebarInset,
   SidebarLogo,
   SidebarMenu,
   SidebarMenuAction,