@bergetai/ui 0.13.2 → 0.13.4

package/dist/index.d.cts

@@ -88,7 +88,7 @@ declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAtt
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "tag" | "semantic" | null | undefined;
-    status?: "default" | "error" | "active" | "tagDefault" | "tagActive" | "tagGhost" | "info" | "success" | "warning" | null | undefined;
+    status?: "default" | "error" | "active" | "info" | "success" | "warning" | "tagDefault" | "tagActive" | "tagGhost" | null | undefined;
     size?: "sm" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
@@ -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
@@ -690,7 +699,7 @@ declare const BergetLogo: React$1.ForwardRefExoticComponent<BergetLogoProps & Re
 
 interface IconProps extends Omit<LucideProps, 'size'> {
     icon: LucideIcon;
-    size: 16 | 24 | 32;
+    size: 12 | 16 | 24 | 32;
     className?: string;
     'aria-label'?: string;
     'aria-hidden'?: boolean;

package/dist/index.d.ts

@@ -88,7 +88,7 @@ declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAtt
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "tag" | "semantic" | null | undefined;
-    status?: "default" | "error" | "active" | "tagDefault" | "tagActive" | "tagGhost" | "info" | "success" | "warning" | null | undefined;
+    status?: "default" | "error" | "active" | "info" | "success" | "warning" | "tagDefault" | "tagActive" | "tagGhost" | null | undefined;
     size?: "sm" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
@@ -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
@@ -690,7 +699,7 @@ declare const BergetLogo: React$1.ForwardRefExoticComponent<BergetLogoProps & Re
 
 interface IconProps extends Omit<LucideProps, 'size'> {
     icon: LucideIcon;
-    size: 16 | 24 | 32;
+    size: 12 | 16 | 24 | 32;
     className?: string;
     'aria-label'?: string;
     'aria-hidden'?: boolean;

package/dist/index.js

@@ -629,28 +629,31 @@ import * as React6 from "react";
 import { cva as cva4 } from "class-variance-authority";
 import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
 var badgeVariants = cva4(
-  "inline-flex items-center whitespace-nowrap rounded-full  transition-colors focus:outline-none focus:ring-1 focus:ring-ring focus:ring-offset-2",
+  // Tinted status style: small uppercase label on a 15% brand tint.
+  // `variant`/`size` are kept for API compatibility but no longer change
+  // the appearance; `status` alone picks the tint.
+  "inline-flex flex-shrink-0 items-center whitespace-nowrap rounded-[4px] py-[0.15rem] px-2 text-[0.65rem] font-semibold uppercase tracking-[0.05em] transition-colors focus:outline-none focus:ring-1 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
       variant: {
-        default: "px-8",
-        tag: "px-4",
-        semantic: "px-3"
+        default: "",
+        tag: "",
+        semantic: ""
       },
       status: {
         default: "bg-berget-badge-default-bg text-berget-badge-default-fg",
         active: "bg-berget-badge-active-bg text-berget-badge-active-fg",
+        info: "bg-berget-badge-info-bg text-berget-badge-info-fg",
+        success: "bg-berget-badge-success-bg text-berget-badge-success-fg",
+        warning: "bg-berget-badge-warning-bg text-berget-badge-warning-fg",
+        error: "bg-berget-badge-error-bg text-berget-badge-error-fg",
         tagDefault: "bg-berget-badge-tag-default-bg text-berget-badge-tag-default-fg",
         tagActive: "bg-berget-badge-tag-active-bg text-berget-badge-tag-active-fg",
-        tagGhost: "bg-berget-badge-tag-ghost-bg text-berget-badge-tag-ghost-fg",
-        info: "berget-tint berget-tint-info",
-        success: "berget-tint berget-tint-success",
-        warning: "berget-tint berget-tint-warning",
-        error: "berget-tint berget-tint-error"
+        tagGhost: "bg-berget-badge-tag-ghost-bg text-berget-badge-tag-ghost-fg"
       },
       size: {
-        sm: "text-xs h-6",
-        md: "text-sm h-6"
+        sm: "",
+        md: ""
       }
     },
     defaultVariants: {
@@ -2705,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,
@@ -3672,6 +3678,7 @@ import { ChevronDown as ChevronDown2, Globe } from "lucide-react";
 import * as React21 from "react";
 import { jsx as jsx37 } from "react/jsx-runtime";
 var iconStrokeMap = {
+  12: 1.4,
   16: 1.4,
   24: 1.6,
   32: 1.8
@@ -3686,7 +3693,7 @@ var Icon = React21.forwardRef(
     ...props
   }, ref) => {
     const strokeWidth = iconStrokeMap[size];
-    const sizeClass = size === 16 ? "w-4 h-4" : size === 24 ? "w-6 h-6" : "w-8 h-8";
+    const sizeClass = size === 12 ? "w-3 h-3" : size === 16 ? "w-4 h-4" : size === 24 ? "w-6 h-6" : "w-8 h-8";
     const ariaAttributes = ariaLabel ? { "aria-label": ariaLabel } : { "aria-hidden": ariaHidden };
     return /* @__PURE__ */ jsx37(
       IconComponent,
@@ -5356,7 +5363,7 @@ export {
   SidebarGroupLabel2 as SidebarGroupLabel,
   SidebarHeader2 as SidebarHeader,
   SidebarInput,
-  SidebarInset,
+  SidebarInset2 as SidebarInset,
   SidebarLogo,
   SidebarMenu,
   SidebarMenuAction,