@bergetai/ui 0.13.2 → 0.13.4

package/dist/index.cjs

@@ -148,7 +148,7 @@ __export(src_exports, {
   SidebarGroupLabel: () => SidebarGroupLabel2,
   SidebarHeader: () => SidebarHeader2,
   SidebarInput: () => SidebarInput,
-  SidebarInset: () => SidebarInset,
+  SidebarInset: () => SidebarInset2,
   SidebarLogo: () => SidebarLogo,
   SidebarMenu: () => SidebarMenu,
   SidebarMenuAction: () => SidebarMenuAction,
@@ -831,28 +831,31 @@ var React6 = __toESM(require("react"), 1);
 var import_class_variance_authority4 = require("class-variance-authority");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority4.cva)(
-  "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: {
@@ -2907,6 +2910,9 @@ function SidebarProvider2({
     }
   );
 }
+function SidebarInset2({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SidebarInset, { className: cn("min-w-0", className), ...props });
+}
 function SidebarGroup2({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     SidebarGroup,
@@ -3874,6 +3880,7 @@ var import_lucide_react14 = require("lucide-react");
 var React21 = __toESM(require("react"), 1);
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var iconStrokeMap = {
+  12: 1.4,
   16: 1.4,
   24: 1.6,
   32: 1.8
@@ -3888,7 +3895,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__ */ (0, import_jsx_runtime37.jsx)(
       IconComponent,