@geomak/ui 6.0.0 → 6.0.1

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.cjs CHANGED
@@ -1115,7 +1115,11 @@ function TabsTrigger({ value, icon, badge, closeable, onClose, disabled, classNa
1115
1115
  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative z-[1] inline-flex items-center gap-2 min-w-0", children: [
1116
1116
  icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `flex-shrink-0 inline-flex items-center justify-center ${sz.icon}`, children: icon }),
1117
1117
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children }),
1118
- badge != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-0.5 inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-border px-1 text-[11px] font-semibold leading-none text-foreground-secondary group-data-[state=active]/trigger:bg-accent group-data-[state=active]/trigger:text-accent-foreground transition-colors", children: badge })
1118
+ badge != null && // Unopinionated count chip: a subtle blue-tinted slate pill
1119
+ // with near-white text, consistent across active/inactive.
1120
+ // Both tokens are theme-relative, so it self-inverts in dark
1121
+ // mode (light pill + dark text) and always stays legible.
1122
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-0.5 inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-foreground-secondary px-1.5 text-[11px] font-semibold leading-none text-background", children: badge })
1119
1123
  ] }),
1120
1124
  variant === "underline" && isActive && /* @__PURE__ */ jsxRuntime.jsx(
1121
1125
  framerMotion.motion.span,