@nadicodeai/ui 5.3.2 → 5.3.4

package/dist/components/chart.js

@@ -91,11 +91,7 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
                     const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
                     const itemConfig = getPayloadConfigFromPayload(config, item, key);
                     const indicatorColor = color ?? item.payload?.fill ?? item.color;
-                    return (
-                    // eslint-disable-next-line nadicodeai/no-paired-size-utility -- stock Recharts tooltip swatch, sized by upstream.
-                    _jsx("div", { className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center"), children: formatter && item?.value !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : (_jsxs(_Fragment, { children: [itemConfig?.icon ? (_jsx(itemConfig.icon, {})) : (!hideIndicator && (
-                                // eslint-disable-next-line nadicodeai/no-paired-size-utility -- stock Recharts tooltip indicator, sized by upstream.
-                                _jsx("div", { className: cn("shrink-0 rounded-xs border-(--color-border) bg-(--color-bg)", {
+                    return (_jsx("div", { className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center"), children: formatter && item?.value !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : (_jsxs(_Fragment, { children: [itemConfig?.icon ? (_jsx(itemConfig.icon, {})) : (!hideIndicator && (_jsx("div", { className: cn("shrink-0 rounded-xs border-(--color-border) bg-(--color-bg)", {
                                         "h-2.5 w-2.5": indicator === "dot",
                                         "w-1": indicator === "line",
                                         "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
@@ -119,11 +115,7 @@ function ChartLegendContent({ className, hideIcon = false, payload, placement =
             .map((item, index) => {
             const key = `${nameKey ?? item.dataKey ?? "value"}`;
             const itemConfig = getPayloadConfigFromPayload(config, item, key);
-            return (
-            // eslint-disable-next-line nadicodeai/no-paired-size-utility -- stock Recharts legend item, sized by upstream.
-            _jsxs("div", { className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"), children: [itemConfig?.icon && !hideIcon ? (_jsx(itemConfig.icon, {})) : (
-                    // eslint-disable-next-line nadicodeai/no-paired-size-utility -- stock Recharts legend swatch, sized by upstream.
-                    _jsx("div", { className: "h-2 w-2 shrink-0 rounded-xs", style: {
+            return (_jsxs("div", { className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"), children: [itemConfig?.icon && !hideIcon ? (_jsx(itemConfig.icon, {})) : (_jsx("div", { className: "h-2 w-2 shrink-0 rounded-xs", style: {
                             backgroundColor: item.color,
                         } })), itemConfig?.label] }, index));
         }) }));

package/dist/components/input-group.js

@@ -22,9 +22,7 @@ const inputGroupAddonVariants = cva("flex h-auto cursor-text items-center justif
     },
 });
 function InputGroupAddon({ className, align = "inline-start", ...props }) {
-    return (
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- Clicking non-button addon content is a pointer convenience that focuses the already keyboard-accessible input; the group may also contain buttons.
-    _jsx("div", { role: "group", "data-slot": "input-group-addon", "data-align": align, className: cn(inputGroupAddonVariants({ align }), className), onClick: (e) => {
+    return (_jsx("div", { role: "group", "data-slot": "input-group-addon", "data-align": align, className: cn(inputGroupAddonVariants({ align }), className), onClick: (e) => {
             if (e.target.closest("button")) {
                 return;
             }

package/dist/components/menubar.js

@@ -36,10 +36,7 @@ function MenubarRadioItem({ className, children, inset, ...props }) {
     return (_jsxs(MenuPrimitive.RadioItem, { "data-slot": "menubar-radio-item", "data-inset": inset, className: cn("relative flex min-h-touch-target cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [@media(hover:hover)_and_(pointer:fine)]:min-h-0 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4", children: _jsx(MenuPrimitive.RadioItemIndicator, { children: _jsx(CheckIcon, {}) }) }), children] }));
 }
 function MenubarLabel({ className, inset, ...props }) {
-    return (
-    // Base UI's MenuGroupLabel throws outside Menu.Group, so the label wraps
-    // itself in a Group even though stock base-nova renders it bare.
-    _jsx(DropdownMenuGroup, { children: _jsx(DropdownMenuLabel, { "data-slot": "menubar-label", "data-inset": inset, className: cn("px-1.5 py-1 text-sm font-medium data-inset:pl-7", className), ...props }) }));
+    return (_jsx(DropdownMenuGroup, { children: _jsx(DropdownMenuLabel, { "data-slot": "menubar-label", "data-inset": inset, className: cn("px-1.5 py-1 text-sm font-medium data-inset:pl-7", className), ...props }) }));
 }
 function MenubarSeparator({ className, ...props }) {
     return (_jsx(DropdownMenuSeparator, { "data-slot": "menubar-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));

package/dist/components/resizable.js

@@ -3,9 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as ResizablePrimitive from "react-resizable-panels";
 import { cn } from "../lib/utils.js";
 function ResizablePanelGroup({ className, ...props }) {
-    return (
-    // eslint-disable-next-line nadicodeai/no-paired-size-utility -- stock fill on the panel group: the pair fills its track, it is not a square.
-    _jsx(ResizablePrimitive.Group, { "data-slot": "resizable-panel-group", className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className), ...props }));
+    return (_jsx(ResizablePrimitive.Group, { "data-slot": "resizable-panel-group", className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className), ...props }));
 }
 function ResizablePanel({ ...props }) {
     return _jsx(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });

package/dist/components/security-grid.js

@@ -20,10 +20,7 @@ const columnClasses = {
     4: "grid-cols-2 lg:grid-cols-4",
 };
 function SecurityGrid({ className, columns = 4, ...props }) {
-    return (
-    // `dark` on the root flips every role below to its night value; SeamGrid
-    // keeps sole ownership of the seams (its `bg-border` resolves dark here).
-    _jsx(SeamGrid, { "data-slot": "security-grid", className: cn("dark", columnClasses[columns], className), ...props }));
+    return (_jsx(SeamGrid, { "data-slot": "security-grid", className: cn("dark", columnClasses[columns], className), ...props }));
 }
 function SecurityCell({ className, icon, title, body, ...props }) {
     return (_jsxs("div", { "data-slot": "security-cell", className: cn("nc-panel-cell content-start bg-card", className), ...props, children: [_jsx("span", { "data-slot": "security-cell-glyph", className: "grid size-[34px] place-items-center border border-border text-primary", "aria-hidden": icon ? undefined : true, children: icon }), _jsx("h3", { "data-slot": "security-cell-title", className: "nc-type-body-md-strong text-foreground", children: title }), _jsx("p", { "data-slot": "security-cell-body", className: "nc-type-body-sm text-muted-foreground", children: body })] }));

package/dist/components/stats-band.js

@@ -27,8 +27,6 @@ function StatsBand({ className, columns = 4, surface = "canvas", ...props }) {
     // night carries the plain canvas seam and lets the `dark` root flip its colour;
     // ink/canvas pass straight through to the surface-driven seam colour.
     const seamSurface = surface === "night" ? "canvas" : surface;
-    return (
-    // single-owner seam: SeamGrid owns every divider; ink/night flip only colour.
-    _jsx(SeamGrid, { "data-slot": "stats-band", "data-surface": surface, surface: seamSurface, className: cn("h-full", surface === "night" && "dark", STATS_BAND_COLUMNS[columns], className), ...props }));
+    return (_jsx(SeamGrid, { "data-slot": "stats-band", "data-surface": surface, surface: seamSurface, className: cn("h-full", surface === "night" && "dark", STATS_BAND_COLUMNS[columns], className), ...props }));
 }
 export { StatsBand };

package/dist/components/usage-meter.js

@@ -3,8 +3,6 @@ import * as React from "react";
 import { cn } from "../lib/utils.js";
 function UsageMeter({ className, fields = [], trailing, usage, children, ...props }) {
     const hasMeta = fields.length > 0 || trailing != null || children != null;
-    return (_jsxs("div", { "data-slot": "usage-meter", className: cn("nc-usage-meter", className), ...props, children: [hasMeta && (_jsxs("div", { className: "nc-usage-meter-meta", children: [fields.map((field, index) => (
-                    // biome-ignore lint/suspicious/noArrayIndexKey: meta fields are a fixed positional list
-                    _jsxs(React.Fragment, { children: [index > 0 && _jsx("span", { className: "nc-usage-meter-sep", children: "/" }), _jsx("span", { children: field })] }, index))), trailing != null && (_jsxs(_Fragment, { children: [_jsx("span", { className: "nc-usage-meter-spacer" }), _jsx("span", { children: trailing })] })), children != null && _jsx("span", { "data-slot": "usage-meter-slot", children: children })] })), usage != null && (_jsx("div", { className: "nc-usage-meter-track", children: _jsx("div", { className: "nc-usage-meter-fill", style: { "--nc-usage": typeof usage === "number" ? `${usage}%` : usage } }) }))] }));
+    return (_jsxs("div", { "data-slot": "usage-meter", className: cn("nc-usage-meter", className), ...props, children: [hasMeta && (_jsxs("div", { className: "nc-usage-meter-meta", children: [fields.map((field, index) => (_jsxs(React.Fragment, { children: [index > 0 && _jsx("span", { className: "nc-usage-meter-sep", children: "/" }), _jsx("span", { children: field })] }, index))), trailing != null && (_jsxs(_Fragment, { children: [_jsx("span", { className: "nc-usage-meter-spacer" }), _jsx("span", { children: trailing })] })), children != null && _jsx("span", { "data-slot": "usage-meter-slot", children: children })] })), usage != null && (_jsx("div", { className: "nc-usage-meter-track", children: _jsx("div", { className: "nc-usage-meter-fill", style: { "--nc-usage": typeof usage === "number" ? `${usage}%` : usage } }) }))] }));
 }
 export { UsageMeter };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/ui",
-  "version": "5.3.2",
+  "version": "5.3.4",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -70,7 +70,7 @@
     "@assistant-ui/react": "0.15.18",
     "@assistant-ui/react-markdown": "0.14.14",
     "@base-ui/react": "^1.8.0",
-    "@nadicodeai/design-system": "5.3.2",
+    "@nadicodeai/design-system": "5.3.4",
     "@paper-design/shaders": "0.0.80",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -100,7 +100,7 @@
   },
   "devDependencies": {
     "@iconify-json/logos": "^1.2.13",
-    "@iconify/utils": "^3.1.5",
+    "@iconify/utils": "^3.1.7",
     "@nadicodeai/eslint-plugin": "*",
     "@stryker-mutator/core": "10.0.0",
     "@stryker-mutator/vitest-runner": "10.0.0",
@@ -116,7 +116,7 @@
     "react-dom": "19.2.8",
     "shadcn": "4.13.0",
     "tailwindcss": "^4.3.1",
-    "typescript": "^5",
+    "typescript": "^6",
     "vitest": "^5.0.0"
   }
 }