@inf-monkeys-tech/monkeys-design 2.0.57 → 2.0.58

package/dist/components/layout/index.mjs

@@ -3720,7 +3720,7 @@ function getHeadbarSummaryTitle(rootLabel, childLabel) {
   }
   const rootText = rootLabel.trim();
   const childText = childLabel.trim();
-  return rootText && childText ? `${rootText} ${childText}` : void 0;
+  return rootText && childText ? `${rootText} / ${childText}` : void 0;
 }
 var HEADBAR_DROPDOWN_ITEM_CLASS = "relative flex w-full min-w-0 cursor-pointer select-none items-center gap-2.5 px-3 py-2 text-sm outline-hidden transition-colors hover:!bg-[var(--monkeys-component-navigation-headbar-item-hover-background,hsl(var(--accent)))] hover:!text-[var(--monkeys-component-navigation-headbar-item-hover-foreground,hsl(var(--accent-foreground)))] focus:!bg-[var(--monkeys-component-navigation-headbar-item-hover-background,hsl(var(--accent)))] focus:!text-[var(--monkeys-component-navigation-headbar-item-hover-foreground,hsl(var(--accent-foreground)))] data-[highlighted]:!bg-[var(--monkeys-component-navigation-headbar-item-hover-background,hsl(var(--accent)))] data-[highlighted]:!text-[var(--monkeys-component-navigation-headbar-item-hover-foreground,hsl(var(--accent-foreground)))]";
 var HEADBAR_DROPDOWN_CONTENT_STYLE = {
@@ -3910,10 +3910,10 @@ function HeadbarNavMenuItem({
             ),
             classNames: {
               icon: "text-[inherit] [&_*]:!text-[inherit] [&_svg]:!stroke-current",
-              label: "flex min-w-0 items-center text-[inherit] [&_*]:!text-[inherit]"
+              label: "flex shrink-0 items-center !overflow-visible !text-clip text-[inherit] [&_*]:!text-[inherit]"
             },
             className: cn2(
-              "max-w-[12rem] shrink-0 border shadow-none",
+              "shrink-0 border shadow-none",
               compound && "!rounded-none !border-0 !bg-transparent",
               menuButtonRadiusClass,
               isActive || isOpen ? "" : "hover:!bg-[var(--monkeys-component-navigation-headbar-item-hover-background,hsl(var(--muted)))] hover:!text-[var(--monkeys-component-navigation-headbar-item-hover-foreground,hsl(var(--foreground)))]"
@@ -3984,14 +3984,14 @@ function NavigationHeadbarMenu({
       "span",
       {
         "data-navigation-headbar-selected-child": activeChild.id,
-        className: "flex min-w-0 items-center gap-1.5 whitespace-nowrap",
+        className: "flex shrink-0 items-center gap-1.5 whitespace-nowrap",
         children: [
           /* @__PURE__ */ jsx("span", { className: "shrink-0", children: rootLabel }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: ": " }),
-          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: activeChildLabel })
+          /* @__PURE__ */ jsx("span", { className: "shrink-0", children: "/" }),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0", children: activeChildLabel })
         ]
       }
-    ) : /* @__PURE__ */ jsx("span", { className: "truncate whitespace-nowrap", children: rootLabel });
+    ) : /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: rootLabel });
     const title = activeChild ? getHeadbarSummaryTitle(rootLabel, activeChildLabel) : void 0;
     const primaryAction = item.children?.length ? /* @__PURE__ */ jsx(
       HeadbarNavMenuItem,
@@ -4017,7 +4017,7 @@ function NavigationHeadbarMenu({
         disabled: item.disabled,
         icon: item.icon,
         label: /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx("span", { className: "truncate whitespace-nowrap", children: label }),
+          /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: label }),
           item.trailing
         ] }),
         onClick: () => onNavigate?.(item.id),
@@ -4027,10 +4027,10 @@ function NavigationHeadbarMenu({
         ),
         classNames: {
           icon: "text-[inherit] [&_*]:!text-[inherit] [&_svg]:!stroke-current",
-          label: "text-[inherit] [&_*]:!text-[inherit]"
+          label: "shrink-0 !overflow-visible !text-clip text-[inherit] [&_*]:!text-[inherit]"
         },
         className: cn2(
-          "max-w-[12rem] shrink-0 border shadow-none",
+          "shrink-0 border shadow-none",
           hasSecondaryAction && "!rounded-none !border-0 !bg-transparent",
           menuButtonRadiusClass,
           isActive ? "" : "hover:!bg-[var(--monkeys-component-navigation-headbar-item-hover-background,hsl(var(--muted)))] hover:!text-[var(--monkeys-component-navigation-headbar-item-hover-foreground,hsl(var(--foreground)))]"