@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.mjs CHANGED
@@ -32701,7 +32701,7 @@ function getHeadbarSummaryTitle(rootLabel, childLabel) {
32701
32701
  }
32702
32702
  const rootText = rootLabel.trim();
32703
32703
  const childText = childLabel.trim();
32704
- return rootText && childText ? `${rootText} ${childText}` : void 0;
32704
+ return rootText && childText ? `${rootText} / ${childText}` : void 0;
32705
32705
  }
32706
32706
  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)))]";
32707
32707
  var HEADBAR_DROPDOWN_CONTENT_STYLE = {
@@ -32891,10 +32891,10 @@ function HeadbarNavMenuItem({
32891
32891
  ),
32892
32892
  classNames: {
32893
32893
  icon: "text-[inherit] [&_*]:!text-[inherit] [&_svg]:!stroke-current",
32894
- label: "flex min-w-0 items-center text-[inherit] [&_*]:!text-[inherit]"
32894
+ label: "flex shrink-0 items-center !overflow-visible !text-clip text-[inherit] [&_*]:!text-[inherit]"
32895
32895
  },
32896
32896
  className: cn3(
32897
- "max-w-[12rem] shrink-0 border shadow-none",
32897
+ "shrink-0 border shadow-none",
32898
32898
  compound && "!rounded-none !border-0 !bg-transparent",
32899
32899
  menuButtonRadiusClass,
32900
32900
  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)))]"
@@ -32965,14 +32965,14 @@ function NavigationHeadbarMenu({
32965
32965
  "span",
32966
32966
  {
32967
32967
  "data-navigation-headbar-selected-child": activeChild.id,
32968
- className: "flex min-w-0 items-center gap-1.5 whitespace-nowrap",
32968
+ className: "flex shrink-0 items-center gap-1.5 whitespace-nowrap",
32969
32969
  children: [
32970
32970
  /* @__PURE__ */ jsx("span", { className: "shrink-0", children: rootLabel }),
32971
- /* @__PURE__ */ jsx("span", { className: "sr-only", children: ": " }),
32972
- /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: activeChildLabel })
32971
+ /* @__PURE__ */ jsx("span", { className: "shrink-0", children: "/" }),
32972
+ /* @__PURE__ */ jsx("span", { className: "shrink-0", children: activeChildLabel })
32973
32973
  ]
32974
32974
  }
32975
- ) : /* @__PURE__ */ jsx("span", { className: "truncate whitespace-nowrap", children: rootLabel });
32975
+ ) : /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: rootLabel });
32976
32976
  const title = activeChild ? getHeadbarSummaryTitle(rootLabel, activeChildLabel) : void 0;
32977
32977
  const primaryAction = item.children?.length ? /* @__PURE__ */ jsx(
32978
32978
  HeadbarNavMenuItem,
@@ -32998,7 +32998,7 @@ function NavigationHeadbarMenu({
32998
32998
  disabled: item.disabled,
32999
32999
  icon: item.icon,
33000
33000
  label: /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [
33001
- /* @__PURE__ */ jsx("span", { className: "truncate whitespace-nowrap", children: label }),
33001
+ /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: label }),
33002
33002
  item.trailing
33003
33003
  ] }),
33004
33004
  onClick: () => onNavigate?.(item.id),
@@ -33008,10 +33008,10 @@ function NavigationHeadbarMenu({
33008
33008
  ),
33009
33009
  classNames: {
33010
33010
  icon: "text-[inherit] [&_*]:!text-[inherit] [&_svg]:!stroke-current",
33011
- label: "text-[inherit] [&_*]:!text-[inherit]"
33011
+ label: "shrink-0 !overflow-visible !text-clip text-[inherit] [&_*]:!text-[inherit]"
33012
33012
  },
33013
33013
  className: cn3(
33014
- "max-w-[12rem] shrink-0 border shadow-none",
33014
+ "shrink-0 border shadow-none",
33015
33015
  hasSecondaryAction && "!rounded-none !border-0 !bg-transparent",
33016
33016
  menuButtonRadiusClass,
33017
33017
  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)))]"