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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -32736,7 +32736,7 @@ function getHeadbarSummaryTitle(rootLabel, childLabel) {
32736
32736
  }
32737
32737
  const rootText = rootLabel.trim();
32738
32738
  const childText = childLabel.trim();
32739
- return rootText && childText ? `${rootText} ${childText}` : void 0;
32739
+ return rootText && childText ? `${rootText} / ${childText}` : void 0;
32740
32740
  }
32741
32741
  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)))]";
32742
32742
  var HEADBAR_DROPDOWN_CONTENT_STYLE = {
@@ -32926,10 +32926,10 @@ function HeadbarNavMenuItem({
32926
32926
  ),
32927
32927
  classNames: {
32928
32928
  icon: "text-[inherit] [&_*]:!text-[inherit] [&_svg]:!stroke-current",
32929
- label: "flex min-w-0 items-center text-[inherit] [&_*]:!text-[inherit]"
32929
+ label: "flex shrink-0 items-center !overflow-visible !text-clip text-[inherit] [&_*]:!text-[inherit]"
32930
32930
  },
32931
32931
  className: cn3(
32932
- "max-w-[12rem] shrink-0 border shadow-none",
32932
+ "shrink-0 border shadow-none",
32933
32933
  compound && "!rounded-none !border-0 !bg-transparent",
32934
32934
  menuButtonRadiusClass,
32935
32935
  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)))]"
@@ -33000,14 +33000,14 @@ function NavigationHeadbarMenu({
33000
33000
  "span",
33001
33001
  {
33002
33002
  "data-navigation-headbar-selected-child": activeChild.id,
33003
- className: "flex min-w-0 items-center gap-1.5 whitespace-nowrap",
33003
+ className: "flex shrink-0 items-center gap-1.5 whitespace-nowrap",
33004
33004
  children: [
33005
33005
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: rootLabel }),
33006
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: ": " }),
33007
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: activeChildLabel })
33006
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: "/" }),
33007
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: activeChildLabel })
33008
33008
  ]
33009
33009
  }
33010
- ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate whitespace-nowrap", children: rootLabel });
33010
+ ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap", children: rootLabel });
33011
33011
  const title = activeChild ? getHeadbarSummaryTitle(rootLabel, activeChildLabel) : void 0;
33012
33012
  const primaryAction = item.children?.length ? /* @__PURE__ */ jsxRuntime.jsx(
33013
33013
  HeadbarNavMenuItem,
@@ -33033,7 +33033,7 @@ function NavigationHeadbarMenu({
33033
33033
  disabled: item.disabled,
33034
33034
  icon: item.icon,
33035
33035
  label: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
33036
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate whitespace-nowrap", children: label }),
33036
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap", children: label }),
33037
33037
  item.trailing
33038
33038
  ] }),
33039
33039
  onClick: () => onNavigate?.(item.id),
@@ -33043,10 +33043,10 @@ function NavigationHeadbarMenu({
33043
33043
  ),
33044
33044
  classNames: {
33045
33045
  icon: "text-[inherit] [&_*]:!text-[inherit] [&_svg]:!stroke-current",
33046
- label: "text-[inherit] [&_*]:!text-[inherit]"
33046
+ label: "shrink-0 !overflow-visible !text-clip text-[inherit] [&_*]:!text-[inherit]"
33047
33047
  },
33048
33048
  className: cn3(
33049
- "max-w-[12rem] shrink-0 border shadow-none",
33049
+ "shrink-0 border shadow-none",
33050
33050
  hasSecondaryAction && "!rounded-none !border-0 !bg-transparent",
33051
33051
  menuButtonRadiusClass,
33052
33052
  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)))]"