@nqlib/nqui 0.4.7 → 0.4.8

package/dist/nqui.es.js

@@ -9,8 +9,8 @@ import { z as jl } from "./sonner-CpmECDBk.js";
 import { T as Fx, E as Gx, T as Bx } from "./sonner-CpmECDBk.js";
 import { jsx as n, jsxs as M, Fragment as re } from "react/jsx-runtime";
 import { c as fe, b as Se, P as B, u as pe, d as Z, e as I, f as se, k as te, g as an, l as Sr, h as Xl, m as lr, i as Yl, R as Zl, F as Ql, D as Nr, j as Ge } from "./index-CgfzsUO6.js";
-import { c as nt, a as sn, R as Jl, T as ec, b as tc, u as Be, d as kr, e as ln, f as Pt, g as Mr, A as cn, h as De, I as Dt, i as Ot, j as dn, k as un, l as rc, m as oc, n as nc, o as pn, P as ac, p as ic, q as Je, r as et, s as tt, t as $t, F as sc, L as lc, v as cc, w as dc } from "./debug-panel-BtOvhfpR.js";
-import { a0 as Hx, a2 as Wx, a1 as Kx, x as Ux, y as qx, S as jx, G as Xx, z as Yx, J as Zx, H as Qx, O as Jx, N as e0, K as t0, E as r0, B as o0, Y as n0, $ as a0, Z as i0, _ as s0, C as l0, D as c0, M as d0, a3 as u0, a4 as p0, a5 as f0, a6 as m0, S as g0, G as h0, z as v0, J as b0, H as x0, O as w0, N as C0, K as y0, E as S0, B as N0, a7 as k0, aa as M0, Q as R0, X as _0, V as E0, W as I0, ad as T0, U as A0, a9 as P0, a8 as D0, ac as O0, ab as $0 } from "./debug-panel-BtOvhfpR.js";
+import { c as nt, a as sn, R as Jl, T as ec, b as tc, u as Be, d as kr, e as ln, f as Pt, g as Mr, A as cn, h as De, I as Dt, i as Ot, j as dn, k as un, l as rc, m as oc, n as nc, o as pn, P as ac, p as ic, q as Je, r as et, s as tt, t as $t, F as sc, L as lc, v as cc, w as dc } from "./debug-panel-CS_wuYVH.js";
+import { a0 as Hx, a2 as Wx, a1 as Kx, x as Ux, y as qx, S as jx, G as Xx, z as Yx, J as Zx, H as Qx, O as Jx, N as e0, K as t0, E as r0, B as o0, Y as n0, $ as a0, Z as i0, _ as s0, C as l0, D as c0, M as d0, a3 as u0, a4 as p0, a5 as f0, a6 as m0, S as g0, G as h0, z as v0, J as b0, H as x0, O as w0, N as C0, K as y0, E as S0, B as N0, a7 as k0, aa as M0, Q as R0, X as _0, V as E0, W as I0, ad as T0, U as A0, a9 as P0, a8 as D0, ac as O0, ab as $0 } from "./debug-panel-CS_wuYVH.js";
 import { cva as ae } from "class-variance-authority";
 import * as Rr from "@radix-ui/react-slot";
 import { createSlottable as uc, createSlot as pc, Slot as Ve } from "@radix-ui/react-slot";
@@ -7753,7 +7753,7 @@ const Ye = s.forwardRef(
 );
 Ye.displayName = El.displayName;
 const tg = ae(
-  "inline-flex w-fit items-stretch overflow-hidden rounded-full border border-input bg-background [&>*]:border-0 [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-full",
+  "inline-flex w-fit items-stretch overflow-hidden rounded-full border border-input bg-background [&>*]:border-0 [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-full [&>button]:!font-normal [&>a]:!font-normal [&>button[aria-current='true']]:!font-bold [&>button[aria-pressed='true']]:!font-bold [&>button[data-active]]:!font-bold [&>a[aria-current='true']]:!font-bold [&>a[aria-pressed='true']]:!font-bold [&>a[data-active]]:!font-bold [&>[data-slot=select-trigger]]:!font-normal",
   {
     variants: {
       orientation: {
@@ -10243,7 +10243,7 @@ function gx({
   );
 }
 const Ll = ae(
-  "hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive gap-1 rounded-md text-xs font-medium transition-[color,background-color,border-color,box-shadow] [&_svg:not([class*='size-'])]:size-3.5 group/toggle inline-flex min-w-0 max-w-full items-center justify-center whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 active:data-[state=on]:bg-none active:data-[state=on]:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)]",
+  "hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive gap-1 rounded-md text-xs font-medium data-[state=on]:font-bold transition-[color,background-color,border-color,box-shadow] [&_svg:not([class*='size-'])]:size-3.5 group/toggle inline-flex min-w-0 max-w-full items-center justify-center whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 active:data-[state=on]:bg-none active:data-[state=on]:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)]",
   {
     variants: {
       variant: {

package/docs/nqui-skills/design-system.md

@@ -99,6 +99,8 @@ Toggles and ToggleGroup items must remain visible on card, sidebar, and varied b
 
 Never use flat `bg-muted` only for selected state; always add gradient + shadow for depth and visibility.
 
+**Active label weight:** Toggle / ToggleGroup use `font-medium` when off and **`font-bold` when on** (`data-[state=on]`). TabsTrigger uses **`font-bold` when active** (`data-[state=active]`). **ButtonGroup** forces direct **`button` / `a` / select-trigger children to `font-normal`** (overrides Button’s `font-medium`); use **`font-bold` only** on the selected control via `aria-current="true"`, `aria-pressed="true"`, or `data-active`.
+
 ## Toolbar & In-Context Design
 
 **Rule:** Show controls in realistic app context, not isolated. Reference: `packages/nqui/src/pages/ComponentShowcase.tsx` (Toggle & ToggleGroup section).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nqlib/nqui",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "description": "A React component library with enhanced UI components and developer tools",
   "type": "module",
   "main": "./dist/nqui.cjs.js",