@nadicodeai/ui 1.1.0 → 2.0.0

package/dist/components/alert-dialog.js

@@ -17,7 +17,7 @@ function AlertDialogOverlay({ className, ...props }) {
     return (_jsx(AlertDialogPrimitive.Backdrop, { "data-slot": "alert-dialog-overlay", className: cn("fixed inset-0 isolate z-50 bg-scrim/scrim", overlayBackdropMotion, className), ...props }));
 }
 function AlertDialogContent({ className, size = "default", ...props }) {
-    return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Popup, { "data-slot": "alert-dialog-content", "data-size": size, className: cn("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-nadicode-md rounded-3xl border-0 bg-popover p-nadicode-lg text-popover-foreground smooth-shadow-ring-2xl outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm", modalOverlayMotion, className), ...props })] }));
+    return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Popup, { "data-slot": "alert-dialog-content", "data-size": size, className: cn("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-nadicode-md rounded-3xl border-0 bg-popover p-nadicode-lg text-popover-foreground nc-elevation-modal outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm", modalOverlayMotion, className), ...props })] }));
 }
 function AlertDialogHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "alert-dialog-header", className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className), ...props }));

package/dist/components/card.js

@@ -6,7 +6,7 @@ function Card({ className, render, size = "default", surface = "resting", varian
     return useRender({
         defaultTagName: "div",
         props: mergeProps({
-            className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-3xl border-0 bg-card py-(--card-spacing) text-sm text-card-foreground [--card-spacing:var(--spacing-nadicode-lg)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:var(--spacing-nadicode-md)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-3xl *:[img:last-child]:rounded-b-3xl", surface === "resting" && "smooth-shadow-ring-md", surface === "raised" && "smooth-shadow-ring-lg", variant === "interactive" && "cursor-pointer", variant === "link" && "nc-transition-paint", className),
+            className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-3xl border-0 bg-card py-(--card-spacing) text-sm text-card-foreground [--card-spacing:var(--spacing-nadicode-lg)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:var(--spacing-nadicode-md)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-3xl *:[img:last-child]:rounded-b-3xl", surface === "resting" && "nc-elevation-resting", surface === "raised" && "nc-elevation-raised", variant === "interactive" && "cursor-pointer", variant === "link" && "nc-transition-paint", className),
         }, props),
         render,
         state: { size, slot: "card", surface, variant },

package/dist/components/chart-breakdown-table.d.ts

@@ -4,7 +4,7 @@ import { type EntityColorMap } from "./chart-entity-colors.js";
 /**
  * chart-breakdown-table — entity breakdown with proportion bars for the
  * console chart kit (issue #166; DESIGN.md "Entity-color assignment",
- * proportion-bar carve-out per ADR 0010 D1).
+ * proportion-bar carve-out).
  *
  * Real `<table>` semantics: each entity row reads name + value + proportion
  * bar + share of total, with the entity-color dot resolved from the shared

package/dist/components/chart-sparkline.d.ts

@@ -1,7 +1,8 @@
 import * as React from "react";
 /**
  * chart-sparkline — hand-rolled SVG sparkline for the console chart kit
- * (issue #166; ADR 0010 D1 sparkline carve-out; DESIGN.md "Delta and trend
+ * (issue #166; sparkline carve-out from the Recharts chart pattern the rest of
+ * the kit is built on; DESIGN.md "Delta and trend
  * encoding", "Mark specs").
  *
  * Sparklines normalize against a meaningful baseline, never the visible

package/dist/components/chart-sparkline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-sparkline.d.ts","sourceRoot":"","sources":["../../src/components/chart-sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;;;GAiBG;AAEH,KAAK,cAAc,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/C;;;;;GAKG;AACH,iBAAS,wBAAwB,CAC/B,IAAI,EAAE,SAAS,MAAM,EAAE,EACvB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,WAAW,SAAI,GACd,cAAc,EAAE,CAgBlB;AAED,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,KAAW,EACX,MAAW,EACX,MAA4B,EAC5B,WAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC,GAAG;IAClF,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACxB,yEAAyE;IACzE,QAAQ,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,qBA6CA;AAED,OAAO,EAAE,SAAS,EAAE,wBAAwB,EAAE,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"chart-sparkline.d.ts","sourceRoot":"","sources":["../../src/components/chart-sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;;;;GAkBG;AAEH,KAAK,cAAc,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/C;;;;;GAKG;AACH,iBAAS,wBAAwB,CAC/B,IAAI,EAAE,SAAS,MAAM,EAAE,EACvB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,WAAW,SAAI,GACd,cAAc,EAAE,CAgBlB;AAED,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,KAAW,EACX,MAAW,EACX,MAA4B,EAC5B,WAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC,GAAG;IAClF,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACxB,yEAAyE;IACzE,QAAQ,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,qBA6CA;AAED,OAAO,EAAE,SAAS,EAAE,wBAAwB,EAAE,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/chart-time-series.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-time-series.d.ts","sourceRoot":"","sources":["../../src/components/chart-time-series.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,kCAAkC,CAAC;AAgH1C,KAAK,gBAAgB,GAAG;IACtB,2EAA2E;IAC3E,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAEvD,KAAK,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IACxE,IAAI,EAAE,SAAS,eAAe,EAAE,CAAC;IACjC,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACpC,2DAA2D;IAC3D,cAAc,EAAE,cAAc,CAAC;IAC/B,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAsJF,iBAAS,cAAc,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,cAAc,EACd,KAAK,EACL,MAAiB,EACjB,cAA8B,EAC9B,UAAU,EACV,UAAoB,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,qBAyDjB;AAED,iBAAS,cAAc,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,cAAc,EACd,KAAK,EACL,MAAiB,EACjB,cAA8B,EAC9B,UAAU,EACV,UAAoB,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,qBA6EjB;AAED,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"chart-time-series.d.ts","sourceRoot":"","sources":["../../src/components/chart-time-series.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,kCAAkC,CAAC;AAiH1C,KAAK,gBAAgB,GAAG;IACtB,2EAA2E;IAC3E,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAEvD,KAAK,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IACxE,IAAI,EAAE,SAAS,eAAe,EAAE,CAAC;IACjC,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACpC,2DAA2D;IAC3D,cAAc,EAAE,cAAc,CAAC;IAC/B,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAsJF,iBAAS,cAAc,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,cAAc,EACd,KAAK,EACL,MAAiB,EACjB,cAA8B,EAC9B,UAAU,EACV,UAAoB,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,qBAyDjB;AAED,iBAAS,cAAc,CAAC,EACtB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,cAAc,EACd,KAAK,EACL,MAAiB,EACjB,cAA8B,EAC9B,UAAU,EACV,UAAoB,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,qBA6EjB;AAED,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/chart-time-series.js

@@ -6,7 +6,7 @@ import { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartToo
 import { CHART_ENTITY_OTHER_COLOR, entityColor, } from "./chart-entity-colors.js";
 /**
  * chart-time-series — daily stacked time-series charts for the console chart
- * kit (issue #166), built on the ADR 0010 Recharts foundation
+ * kit (issue #166), built on the Recharts foundation
  * (ChartContainer / ChartTooltip / ChartLegend; chart.tsx untouched).
  *
  * Contract highlights (DESIGN.md "Mark specs", "Legends and labels"):
@@ -34,16 +34,17 @@ import { CHART_ENTITY_OTHER_COLOR, entityColor, } from "./chart-entity-colors.js
  * never shows, which would leave the `accessibilityLayer` keyboard path with
  * no visible focus — and that utility also beats the global base-layer focus
  * outline. chart.tsx is untouched, so we restore the canonical treatment
- * through the `className` we pass to our own `ChartContainer` instances: these
- * `:focus-visible` overrides sit on a distinct arbitrary-variant selector (a
+ * through the `className` we pass to our own `ChartContainer` instances: this
+ * `:focus-visible` override sits on a distinct arbitrary-variant selector (a
  * different tailwind-merge group AND modifier, so `cn()` keeps both) with
  * higher CSS specificity, re-enabling the offset ink outline only while the
- * svg is keyboard-focused.
+ * svg is keyboard-focused. `nc-focus-outline` writes `outline-style: solid`
+ * outright, which is what gets past `outline-hidden` — that utility parks
+ * `none` in the `--tw-outline-style` variable every Tailwind outline utility
+ * reads, so a plain `focus-visible:outline` restates a suppression.
  */
-const CHART_SURFACE_FOCUS_CLASS = "[&_.recharts-surface:focus-visible]:outline " +
-    "[&_.recharts-surface:focus-visible]:outline-[length:var(--outline-width-focus)] " +
-    "[&_.recharts-surface:focus-visible]:outline-ring " +
-    "[&_.recharts-surface:focus-visible]:outline-offset-[var(--outline-offset-focus)]";
+const CHART_SURFACE_FOCUS_CLASS = "[&_.recharts-surface:focus-visible]:nc-focus-outline " +
+    "[&_.recharts-surface:focus-visible]:outline-ring";
 /**
  * The x ticks land at ONE constant stride across the range, and the stride is
  * the smallest one whose labels still clear each other at the width the chart

package/dist/components/chart.js

@@ -8,7 +8,7 @@ const THEMES = { light: "", dark: ".dark" };
 const INITIAL_DIMENSION = { width: 320, height: 200 };
 // Deviates from stock base-nova (raw interpolation): chart id and color values
 // are sanitized before they reach the injected <style> tag, closing the CSS
-// injection surface. Exercised through hostile-input rendering tests; see ADR 0010.
+// injection surface. Exercised through hostile-input rendering tests.
 function sanitizeChartToken(value) {
     const sanitized = value
         .trim()
@@ -38,7 +38,7 @@ function ChartContainer({ id, className, children, config, initialDimension = IN
     const uniqueId = React.useId();
     const chartId = sanitizeChartToken(`chart-${id ?? uniqueId.replace(/:/g, "")}`);
     return (_jsx(ChartContext.Provider, { value: { config }, children: _jsxs("div", { "data-slot": "chart", "data-chart": chartId, className: cn(
-            // eslint-disable-next-line no-restricted-syntax -- the hexes here are MATCH KEYS for Recharts' hardcoded default strokes (#ccc grid and reference lines, #fff dot and sector outlines), remapped onto theme tokens (ADR 0010). None of them is a colour this component emits.
+            // eslint-disable-next-line no-restricted-syntax -- the hexes here are MATCH KEYS for Recharts' hardcoded default strokes (#ccc grid and reference lines, #fff dot and sector outlines), remapped onto theme tokens. None of them is a colour this component emits.
             "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className), ...props, children: [_jsx(ChartStyle, { id: chartId, config: config }), _jsx(RechartsPrimitive.ResponsiveContainer, { initialDimension: initialDimension, children: children })] }) }));
 }
 const ChartStyle = ({ id, config }) => {
@@ -85,7 +85,7 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
         return null;
     }
     const nestLabel = payload.length === 1 && indicator !== "dot";
-    return (_jsxs("div", { className: cn("grid min-w-32 items-start gap-1.5 rounded-md border-0 bg-popover px-nadicode-sm py-nadicode-filter-chip-gap text-xs text-popover-foreground smooth-shadow-ring-xl", className), children: [!nestLabel ? tooltipLabel : null, _jsx("div", { className: "grid gap-1.5", children: payload
+    return (_jsxs("div", { className: cn("grid min-w-32 items-start gap-1.5 rounded-md border-0 bg-popover px-nadicode-sm py-nadicode-filter-chip-gap text-xs text-popover-foreground nc-elevation-floating", className), children: [!nestLabel ? tooltipLabel : null, _jsx("div", { className: "grid gap-1.5", children: payload
                     .filter((item) => item.type !== "none")
                     .map((item, index) => {
                     const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;

package/dist/components/combobox.js

@@ -20,7 +20,7 @@ function ComboboxInput({ className, children, disabled = false, showTrigger = tr
     return (_jsxs(InputGroup, { className: cn("w-auto", className), children: [_jsx(ComboboxPrimitive.Input, { render: _jsx(InputGroupInput, { disabled: disabled }), ...props }), _jsxs(InputGroupAddon, { align: "inline-end", children: [showTrigger && (_jsx(InputGroupButton, { size: "icon-xs", variant: "ghost", render: _jsx(ComboboxTrigger, {}), "data-slot": "input-group-button", className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent", disabled: disabled })), showClear && _jsx(ComboboxClear, { disabled: disabled })] }), children] }));
 }
 function ComboboxContent({ className, side = "bottom", sideOffset = 6, align = "start", alignOffset = 0, anchor, ...props }) {
-    return (_jsx(ComboboxPrimitive.Portal, { children: _jsx(ComboboxPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, className: "isolate z-50", children: _jsx(ComboboxPrimitive.Popup, { "data-slot": "combobox-content", "data-chips": !!anchor, className: cn("group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] overflow-hidden rounded-2xl border-0 nc-glass text-popover-foreground smooth-shadow-ring-xl data-[chips=true]:min-w-(--anchor-width) *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-control-height *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none", anchoredOverlayMotion, className), ...props }) }) }));
+    return (_jsx(ComboboxPrimitive.Portal, { children: _jsx(ComboboxPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, className: "isolate z-50", children: _jsx(ComboboxPrimitive.Popup, { "data-slot": "combobox-content", "data-chips": !!anchor, className: cn("group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] overflow-hidden rounded-2xl border-0 nc-glass text-popover-foreground nc-elevation-floating data-[chips=true]:min-w-(--anchor-width) *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-control-height *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none", anchoredOverlayMotion, className), ...props }) }) }));
 }
 function ComboboxList({ className, ...props }) {
     return (_jsx(ComboboxPrimitive.List, { "data-slot": "combobox-list", className: cn("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-nadicode-xxs data-empty:p-0", className), ...props }));
@@ -44,7 +44,7 @@ function ComboboxSeparator({ className, ...props }) {
     return (_jsx(ComboboxPrimitive.Separator, { "data-slot": "combobox-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
 }
 function ComboboxChips({ className, ...props }) {
-    return (_jsx(ComboboxPrimitive.Chips, { "data-slot": "combobox-chips", className: cn("flex min-h-touch-target flex-wrap items-center gap-1 rounded-md border border-input bg-background bg-clip-padding px-control-padding-inline py-1 text-sm transition-colors focus-within:outline focus-within:outline-[length:var(--outline-width-focus)] focus-within:outline-offset-[var(--outline-offset-focus)] focus-within:outline-ring has-aria-invalid:border-destructive has-aria-invalid:outline has-aria-invalid:outline-[length:var(--outline-width-focus)] has-aria-invalid:outline-offset-[var(--outline-offset-focus)] has-aria-invalid:outline-destructive has-data-[slot=combobox-chip]:px-1 [@media(hover:hover)_and_(pointer:fine)]:min-h-control-height", className), ...props }));
+    return (_jsx(ComboboxPrimitive.Chips, { "data-slot": "combobox-chips", className: cn("flex min-h-touch-target flex-wrap items-center gap-1 rounded-md border border-input bg-background bg-clip-padding px-control-padding-inline py-1 text-sm transition-colors focus-within:nc-focus-outline focus-within:outline-ring has-aria-invalid:border-destructive has-aria-invalid:nc-focus-outline has-aria-invalid:outline-destructive has-data-[slot=combobox-chip]:px-1 [@media(hover:hover)_and_(pointer:fine)]:min-h-control-height", className), ...props }));
 }
 function ComboboxChip({ className, children, showRemove = true, ...props }) {
     return (_jsxs(ComboboxPrimitive.Chip, { "data-slot": "combobox-chip", className: cn("flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-md bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0", className), ...props, children: [children, showRemove && (_jsx(ComboboxPrimitive.ChipRemove, { render: _jsx(Button, { variant: "ghost", size: "icon-xs" }), className: "-ml-1 opacity-50 hover:opacity-100", "data-slot": "combobox-chip-remove", children: _jsx(XIcon, { className: "pointer-events-none" }) }))] }));

package/dist/components/context-menu.js

@@ -14,7 +14,7 @@ function ContextMenuTrigger({ className, ...props }) {
     return (_jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", className: cn("select-none", className), ...props }));
 }
 function ContextMenuContent({ className, align = "start", alignOffset = 4, side = "right", sideOffset = 0, ...props }) {
-    return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.Positioner, { className: "isolate z-50 outline-none", align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, children: _jsx(ContextMenuPrimitive.Popup, { "data-slot": "context-menu-content", className: cn("z-50 max-h-(--available-height) min-w-36 overflow-x-hidden overflow-y-auto rounded-2xl border-0 nc-glass p-nadicode-xxs text-popover-foreground smooth-shadow-ring-xl outline-none data-closed:overflow-hidden", anchoredOverlayMotion, className), ...props }) }) }));
+    return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.Positioner, { className: "isolate z-50 outline-none", align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, children: _jsx(ContextMenuPrimitive.Popup, { "data-slot": "context-menu-content", className: cn("z-50 max-h-(--available-height) min-w-36 overflow-x-hidden overflow-y-auto rounded-2xl border-0 nc-glass p-nadicode-xxs text-popover-foreground nc-elevation-floating outline-none data-closed:overflow-hidden", anchoredOverlayMotion, className), ...props }) }) }));
 }
 function ContextMenuGroup({ ...props }) {
     return _jsx(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });

package/dist/components/dialog.js

@@ -20,7 +20,7 @@ function DialogOverlay({ className, motion = "default", ...props }) {
     return (_jsx(DialogPrimitive.Backdrop, { "data-slot": "dialog-overlay", className: cn("fixed inset-0 isolate z-50 bg-scrim/scrim", motion === "instant" ? instantOverlayBackdropMotion : overlayBackdropMotion, className), ...props }));
 }
 function DialogContent({ className, children, showCloseButton = true, closeLabel = "Close", motion = "default", ...props }) {
-    return (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, { motion: motion }), _jsxs(DialogPrimitive.Popup, { "data-slot": "dialog-content", className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-var(--nc-xl))] -translate-x-1/2 -translate-y-1/2 gap-nadicode-md rounded-3xl border-0 bg-popover p-nadicode-lg text-sm text-popover-foreground smooth-shadow-ring-2xl outline-none sm:max-w-sm", motion === "instant" ? instantModalOverlayMotion : modalOverlayMotion, className), ...props, children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", render: _jsx(Button, { variant: "ghost", className: "absolute top-nadicode-md right-nadicode-md", size: "icon-sm" }), children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: closeLabel })] }))] })] }));
+    return (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, { motion: motion }), _jsxs(DialogPrimitive.Popup, { "data-slot": "dialog-content", className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-var(--nc-xl))] -translate-x-1/2 -translate-y-1/2 gap-nadicode-md rounded-3xl border-0 bg-popover p-nadicode-lg text-sm text-popover-foreground nc-elevation-modal outline-none sm:max-w-sm", motion === "instant" ? instantModalOverlayMotion : modalOverlayMotion, className), ...props, children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", render: _jsx(Button, { variant: "ghost", className: "absolute top-nadicode-md right-nadicode-md", size: "icon-sm" }), children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: closeLabel })] }))] })] }));
 }
 function DialogHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props }));

package/dist/components/drawer.js

@@ -36,7 +36,7 @@ function DrawerContent({ className, children, ...props }) {
     const swipeAxis = swipeDirection === "down" || swipeDirection === "up" ? "y" : "x";
     return (_jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [modal === true && _jsx(DrawerOverlay, { "data-snap-points": hasSnapPoints ? "" : undefined }), _jsx(DrawerPrimitive.Viewport, { "data-slot": "drawer-viewport", "data-modal": modal, className: "pointer-events-none fixed inset-0 z-50 select-none data-[modal=true]:pointer-events-auto", children: _jsxs(DrawerPrimitive.Popup, { "data-slot": "drawer-popup", "data-swipe-axis": swipeAxis, "data-snap-points": hasSnapPoints ? "" : undefined, className: cn(
                     // Base.
-                    "group/drawer-popup pointer-events-auto fixed z-50 m-(--drawer-inset,0px) flex h-(--drawer-content-height) max-h-(--drawer-content-max-height,none) min-h-0 w-(--drawer-content-width,auto) transform-[translate3d(var(--translate-x,0px),var(--translate-y,0px),0)_scale(var(--stack-scale))] flex-col border-0 bg-popover text-sm text-popover-foreground smooth-shadow-ring-2xl transition-[transform,opacity] duration-[var(--nc-duration-drawer)] ease-[var(--nc-ease-drawer)] outline-none select-none data-[swipe-direction=down]:rounded-t-3xl data-[swipe-direction=left]:rounded-r-3xl data-[swipe-direction=right]:rounded-l-3xl data-[swipe-direction=up]:rounded-b-3xl motion-reduce:transition-none", 
+                    "group/drawer-popup pointer-events-auto fixed z-50 m-(--drawer-inset,0px) flex h-(--drawer-content-height) max-h-(--drawer-content-max-height,none) min-h-0 w-(--drawer-content-width,auto) transform-[translate3d(var(--translate-x,0px),var(--translate-y,0px),0)_scale(var(--stack-scale))] flex-col border-0 bg-popover text-sm text-popover-foreground nc-elevation-modal transition-[transform,opacity] duration-[var(--nc-duration-drawer)] ease-[var(--nc-ease-drawer)] outline-none select-none data-[swipe-direction=down]:rounded-t-3xl data-[swipe-direction=left]:rounded-r-3xl data-[swipe-direction=right]:rounded-l-3xl data-[swipe-direction=up]:rounded-b-3xl motion-reduce:transition-none", 
                     // Nested.
                     "data-nested-drawer-open:overflow-hidden data-nested-drawer-open:brightness-95", 
                     // Bleed.

package/dist/components/dropdown-menu.js

@@ -13,7 +13,7 @@ function DropdownMenuTrigger({ ...props }) {
     return _jsx(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, className, ...props }) {
-    return (_jsx(MenuPrimitive.Portal, { children: _jsx(MenuPrimitive.Positioner, { className: "isolate z-50 outline-none", align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, children: _jsx(MenuPrimitive.Popup, { "data-slot": "dropdown-menu-content", className: cn("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 overflow-x-hidden overflow-y-auto rounded-2xl border-0 nc-glass p-nadicode-xxs text-popover-foreground smooth-shadow-ring-xl outline-none data-closed:overflow-hidden", anchoredOverlayMotion, className), ...props }) }) }));
+    return (_jsx(MenuPrimitive.Portal, { children: _jsx(MenuPrimitive.Positioner, { className: "isolate z-50 outline-none", align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, children: _jsx(MenuPrimitive.Popup, { "data-slot": "dropdown-menu-content", className: cn("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 overflow-x-hidden overflow-y-auto rounded-2xl border-0 nc-glass p-nadicode-xxs text-popover-foreground nc-elevation-floating outline-none data-closed:overflow-hidden", anchoredOverlayMotion, className), ...props }) }) }));
 }
 function DropdownMenuGroup({ ...props }) {
     return _jsx(MenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });

package/dist/components/glass-control.js

@@ -5,7 +5,7 @@ function GlassControl({ className, render, shape = "control", ...props }) {
     return useRender({
         defaultTagName: "div",
         props: mergeProps({
-            className: cn("nc-glass flex items-center border-0 text-popover-foreground smooth-shadow-ring-xl", shape === "control" && "rounded-3xl", shape === "bar" && "rounded-none", className),
+            className: cn("nc-glass flex items-center border-0 text-popover-foreground nc-elevation-floating", shape === "control" && "rounded-3xl", shape === "bar" && "rounded-none", className),
         }, props),
         render,
         state: { shape, slot: "glass-control" },

package/dist/components/hover-card.js

@@ -10,6 +10,6 @@ function HoverCardTrigger({ ...props }) {
     return _jsx(PreviewCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset = 4, ...props }) {
-    return (_jsx(PreviewCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: _jsx(PreviewCardPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsx(PreviewCardPrimitive.Popup, { "data-slot": "hover-card-content", className: cn("z-50 w-64 rounded-2xl border-0 bg-popover p-control-padding-inline text-sm text-popover-foreground smooth-shadow-ring-xl outline-hidden", anchoredOverlayMotion, className), ...props }) }) }));
+    return (_jsx(PreviewCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: _jsx(PreviewCardPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsx(PreviewCardPrimitive.Popup, { "data-slot": "hover-card-content", className: cn("z-50 w-64 rounded-2xl border-0 bg-popover p-control-padding-inline text-sm text-popover-foreground nc-elevation-floating outline-hidden", anchoredOverlayMotion, className), ...props }) }) }));
 }
 export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/input-group.js

@@ -6,7 +6,7 @@ import { Button } from "./button.js";
 import { Input } from "./input.js";
 import { Textarea } from "./textarea.js";
 function InputGroup({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "input-group", role: "group", className: cn("group/input-group relative flex h-control-height min-h-touch-target w-full min-w-0 items-center rounded-md border border-input bg-background transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit has-disabled:bg-input/50 has-disabled:opacity-50 not-in-data-[slot=combobox-content]:has-[[data-slot=input-group-control]:focus-visible]:outline has-[[data-slot=input-group-control]:focus-visible]:outline-[length:var(--outline-width-focus)] has-[[data-slot=input-group-control]:focus-visible]:outline-offset-[var(--outline-offset-focus)] has-[[data-slot=input-group-control]:focus-visible]:outline-ring has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:outline has-[[data-slot][aria-invalid=true]]:outline-[length:var(--outline-width-focus)] has-[[data-slot][aria-invalid=true]]:outline-offset-[var(--outline-offset-focus)] has-[[data-slot][aria-invalid=true]]:outline-destructive has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [@media(hover:hover)_and_(pointer:fine)]:min-h-0", className), ...props }));
+    return (_jsx("div", { "data-slot": "input-group", role: "group", className: cn("group/input-group relative flex h-control-height min-h-touch-target w-full min-w-0 items-center rounded-md border border-input bg-background transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit has-disabled:bg-input/50 has-disabled:opacity-50 not-in-data-[slot=combobox-content]:has-[[data-slot=input-group-control]:focus-visible]:nc-focus-outline has-[[data-slot=input-group-control]:focus-visible]:outline-ring has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:nc-focus-outline has-[[data-slot][aria-invalid=true]]:outline-destructive has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [@media(hover:hover)_and_(pointer:fine)]:min-h-0", className), ...props }));
 }
 const inputGroupAddonVariants = cva("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
     variants: {

package/dist/components/input-otp.js

@@ -16,12 +16,12 @@ function InputOTP({ className, containerClassName, ...props }) {
         suppressHydrationWarning: true }));
 }
 function InputOTPGroup({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "input-otp-group", className: cn("flex items-center rounded-md has-aria-invalid:border-destructive has-aria-invalid:outline has-aria-invalid:outline-[length:var(--outline-width-focus)] has-aria-invalid:outline-offset-[var(--outline-offset-focus)] has-aria-invalid:outline-destructive", className), ...props }));
+    return (_jsx("div", { "data-slot": "input-otp-group", className: cn("flex items-center rounded-md has-aria-invalid:border-destructive has-aria-invalid:nc-focus-outline has-aria-invalid:outline-destructive", className), ...props }));
 }
 function InputOTPSlot({ index, className, ...props }) {
     const inputOTPContext = React.useContext(OTPInputContext);
     const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-    return (_jsxs("div", { "data-slot": "input-otp-slot", "data-active": isActive, className: cn("relative flex size-control-height min-h-touch-target min-w-touch-target items-center justify-center border-y border-r border-input bg-background text-sm transition-[border-color,color,opacity] duration-[var(--nc-duration-confirm)] ease-[var(--nc-ease-out-strong)] motion-reduce:transition-none outline-none first:rounded-l-md first:border-l last:rounded-r-md aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:outline data-[active=true]:outline-[length:var(--outline-width-focus)] data-[active=true]:outline-offset-[var(--outline-offset-focus)] data-[active=true]:outline-ring data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:outline-destructive [@media(hover:hover)_and_(pointer:fine)]:min-h-0 [@media(hover:hover)_and_(pointer:fine)]:min-w-0", className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "h-4 w-px bg-foreground motion-safe:animate-caret-blink motion-safe:duration-[var(--nc-duration-typing)]" }) }))] }));
+    return (_jsxs("div", { "data-slot": "input-otp-slot", "data-active": isActive, className: cn("relative flex size-control-height min-h-touch-target min-w-touch-target items-center justify-center border-y border-r border-input bg-background text-sm transition-[border-color,color,opacity] duration-[var(--nc-duration-confirm)] ease-[var(--nc-ease-out-strong)] motion-reduce:transition-none outline-none first:rounded-l-md first:border-l last:rounded-r-md aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:nc-focus-outline data-[active=true]:outline-ring data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:outline-destructive [@media(hover:hover)_and_(pointer:fine)]:min-h-0 [@media(hover:hover)_and_(pointer:fine)]:min-w-0", className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "h-4 w-px bg-foreground motion-safe:animate-caret-blink motion-safe:duration-[var(--nc-duration-typing)]" }) }))] }));
 }
 function InputOTPSeparator({ ...props }) {
     return (_jsx("div", { "data-slot": "input-otp-separator", className: "flex items-center [&_svg:not([class*='size-'])]:size-4", role: "separator", ...props, children: _jsx(MinusIcon, {}) }));

package/dist/components/menubar.js

@@ -21,7 +21,7 @@ function MenubarTrigger({ className, ...props }) {
     return (_jsx(DropdownMenuTrigger, { "data-slot": "menubar-trigger", className: cn("flex min-h-touch-target items-center rounded-md px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted [@media(hover:hover)_and_(pointer:fine)]:min-h-0", className), ...props }));
 }
 function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) {
-    return (_jsx(DropdownMenuContent, { "data-slot": "menubar-content", align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: cn("min-w-36 rounded-2xl border-0 nc-glass p-nadicode-xxs text-popover-foreground smooth-shadow-ring-xl", className), ...props }));
+    return (_jsx(DropdownMenuContent, { "data-slot": "menubar-content", align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: cn("min-w-36 rounded-2xl border-0 nc-glass p-nadicode-xxs text-popover-foreground nc-elevation-floating", className), ...props }));
 }
 function MenubarItem({ className, inset, variant = "default", ...props }) {
     return (_jsx(DropdownMenuItem, { "data-slot": "menubar-item", "data-inset": inset, "data-variant": variant, className: cn("group/menubar-item min-h-touch-target gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-[var(--nc-error-deep)] data-[variant=destructive]:focus:bg-[var(--nc-error-soft)] data-[variant=destructive]:focus:text-[var(--nc-error-deep)] data-disabled:opacity-50 [@media(hover:hover)_and_(pointer:fine)]:min-h-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-[var(--nc-error-deep)]!", className), ...props }));

package/dist/components/navigation-menu.js

@@ -17,10 +17,10 @@ function NavigationMenuTrigger({ className, children, ...props }) {
     return (_jsxs(NavigationMenuPrimitive.Trigger, { "data-slot": "navigation-menu-trigger", className: cn(navigationMenuTriggerStyle(), "group", className), ...props, children: [children, " ", _jsx(ChevronDownIcon, { className: "nc-transition-transform relative top-px ml-1 size-3 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180", "aria-hidden": "true" })] }));
 }
 function NavigationMenuContent({ className, ...props }) {
-    return (_jsx(NavigationMenuPrimitive.Content, { "data-slot": "navigation-menu-content", className: cn("h-full w-auto p-nadicode-xxs group-data-[viewport=false]/navigation-menu:origin-(--transform-origin) group-data-[viewport=false]/navigation-menu:rounded-2xl group-data-[viewport=false]/navigation-menu:border-0 group-data-[viewport=false]/navigation-menu:nc-glass group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:smooth-shadow-ring-xl group-data-[viewport=false]/navigation-menu:transition-[opacity,scale] group-data-[viewport=false]/navigation-menu:duration-[var(--nc-duration-close)] group-data-[viewport=false]/navigation-menu:ease-[var(--nc-ease-out-strong)] group-data-[viewport=false]/navigation-menu:data-open:duration-[var(--nc-duration-open)] group-data-[viewport=false]/navigation-menu:data-ending-style:opacity-0 group-data-[viewport=false]/navigation-menu:data-ending-style:scale-[0.98] group-data-[viewport=false]/navigation-menu:data-starting-style:opacity-0 group-data-[viewport=false]/navigation-menu:data-starting-style:scale-[0.98] motion-reduce:transition-none motion-reduce:data-ending-style:opacity-100 motion-reduce:data-ending-style:scale-100 motion-reduce:data-starting-style:opacity-100 motion-reduce:data-starting-style:scale-100 **:data-[slot=navigation-menu-link]:focus:outline-none", className), ...props }));
+    return (_jsx(NavigationMenuPrimitive.Content, { "data-slot": "navigation-menu-content", className: cn("h-full w-auto p-nadicode-xxs group-data-[viewport=false]/navigation-menu:origin-(--transform-origin) group-data-[viewport=false]/navigation-menu:rounded-2xl group-data-[viewport=false]/navigation-menu:border-0 group-data-[viewport=false]/navigation-menu:nc-glass group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:nc-elevation-floating group-data-[viewport=false]/navigation-menu:transition-[opacity,scale] group-data-[viewport=false]/navigation-menu:duration-[var(--nc-duration-close)] group-data-[viewport=false]/navigation-menu:ease-[var(--nc-ease-out-strong)] group-data-[viewport=false]/navigation-menu:data-open:duration-[var(--nc-duration-open)] group-data-[viewport=false]/navigation-menu:data-ending-style:opacity-0 group-data-[viewport=false]/navigation-menu:data-ending-style:scale-[0.98] group-data-[viewport=false]/navigation-menu:data-starting-style:opacity-0 group-data-[viewport=false]/navigation-menu:data-starting-style:scale-[0.98] motion-reduce:transition-none motion-reduce:data-ending-style:opacity-100 motion-reduce:data-ending-style:scale-100 motion-reduce:data-starting-style:opacity-100 motion-reduce:data-starting-style:scale-100 **:data-[slot=navigation-menu-link]:focus:outline-none", className), ...props }));
 }
 function NavigationMenuPositioner({ className, side = "bottom", sideOffset = 8, align = "start", alignOffset = 0, ...props }) {
-    return (_jsx(NavigationMenuPrimitive.Portal, { children: _jsx(NavigationMenuPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, className: cn("group/navigation-menu-positioner isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0", className), ...props, children: _jsx(NavigationMenuPrimitive.Popup, { className: "relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-2xl border-0 nc-glass text-popover-foreground smooth-shadow-ring-xl transition-[opacity,scale] duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] outline-none data-open:duration-[var(--nc-duration-open)] group-data-instant/navigation-menu-positioner:transition-none data-ending-style:scale-[0.98] data-ending-style:opacity-0 data-starting-style:scale-[0.98] data-starting-style:opacity-0 motion-reduce:transition-none motion-reduce:data-ending-style:scale-100 motion-reduce:data-ending-style:opacity-100 motion-reduce:data-starting-style:scale-100 motion-reduce:data-starting-style:opacity-100", children: _jsx(NavigationMenuPrimitive.Viewport, { className: "relative size-full overflow-hidden" }) }) }) }));
+    return (_jsx(NavigationMenuPrimitive.Portal, { children: _jsx(NavigationMenuPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, className: cn("group/navigation-menu-positioner isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0", className), ...props, children: _jsx(NavigationMenuPrimitive.Popup, { className: "relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-2xl border-0 nc-glass text-popover-foreground nc-elevation-floating transition-[opacity,scale] duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] outline-none data-open:duration-[var(--nc-duration-open)] group-data-instant/navigation-menu-positioner:transition-none data-ending-style:scale-[0.98] data-ending-style:opacity-0 data-starting-style:scale-[0.98] data-starting-style:opacity-0 motion-reduce:transition-none motion-reduce:data-ending-style:scale-100 motion-reduce:data-ending-style:opacity-100 motion-reduce:data-starting-style:scale-100 motion-reduce:data-starting-style:opacity-100", children: _jsx(NavigationMenuPrimitive.Viewport, { className: "relative size-full overflow-hidden" }) }) }) }));
 }
 function NavigationMenuLink({ className, ...props }) {
     return (_jsx(NavigationMenuPrimitive.Link, { "data-slot": "navigation-menu-link", className: cn("nc-transition-paint flex min-h-touch-target min-w-touch-target items-center gap-2 rounded-md p-2 text-sm hover:bg-muted focus:bg-muted data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [@media(hover:hover)_and_(pointer:fine)]:min-h-0 [@media(hover:hover)_and_(pointer:fine)]:min-w-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));

package/dist/components/popover.js

@@ -9,7 +9,7 @@ function PopoverTrigger({ ...props }) {
     return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, ...props }) {
-    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsx(PopoverPrimitive.Popup, { "data-slot": "popover-content", className: cn("z-50 flex w-72 flex-col gap-control-padding-inline rounded-2xl border-0 nc-glass p-control-padding-inline text-sm text-popover-foreground smooth-shadow-ring-xl outline-hidden", anchoredOverlayMotion, className), ...props }) }) }));
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsx(PopoverPrimitive.Popup, { "data-slot": "popover-content", className: cn("z-50 flex w-72 flex-col gap-control-padding-inline rounded-2xl border-0 nc-glass p-control-padding-inline text-sm text-popover-foreground nc-elevation-floating outline-hidden", anchoredOverlayMotion, className), ...props }) }) }));
 }
 function PopoverHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "popover-header", className: cn("flex flex-col gap-0.5 text-sm", className), ...props }));

package/dist/components/select.js

@@ -15,7 +15,7 @@ function SelectTrigger({ className, size = "default", children, ...props }) {
     return (_jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": size, className: cn("flex h-control-height min-h-touch-target w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-background py-2 pr-2 pl-control-padding-inline text-sm whitespace-nowrap transition-colors select-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive data-placeholder:text-placeholder data-[size=sm]:h-7 [@media(hover:hover)_and_(pointer:fine)]:min-h-0 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { render: _jsx(ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" }) })] }));
 }
 function SelectContent({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = true, ...props }) {
-    return (_jsx(SelectPrimitive.Portal, { children: _jsx(SelectPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, alignItemWithTrigger: alignItemWithTrigger, className: "isolate z-50", children: _jsxs(SelectPrimitive.Popup, { "data-slot": "select-content", "data-align-trigger": alignItemWithTrigger, className: cn("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 overflow-x-hidden overflow-y-auto rounded-2xl border-0 nc-glass text-popover-foreground smooth-shadow-ring-xl data-[align-trigger=true]:transition-none", anchoredOverlayMotion, className), ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.List, { children: children }), _jsx(SelectScrollDownButton, {})] }) }) }));
+    return (_jsx(SelectPrimitive.Portal, { children: _jsx(SelectPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, alignItemWithTrigger: alignItemWithTrigger, className: "isolate z-50", children: _jsxs(SelectPrimitive.Popup, { "data-slot": "select-content", "data-align-trigger": alignItemWithTrigger, className: cn("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 overflow-x-hidden overflow-y-auto rounded-2xl border-0 nc-glass text-popover-foreground nc-elevation-floating data-[align-trigger=true]:transition-none", anchoredOverlayMotion, className), ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.List, { children: children }), _jsx(SelectScrollDownButton, {})] }) }) }));
 }
 function SelectLabel({ className, ...props }) {
     return (_jsx(SelectPrimitive.GroupLabel, { "data-slot": "select-label", className: cn("px-1.5 py-1 text-xs text-muted-foreground", className), ...props }));

package/dist/components/sheet.js

@@ -21,7 +21,7 @@ function SheetOverlay({ className, ...props }) {
     return (_jsx(SheetPrimitive.Backdrop, { "data-slot": "sheet-overlay", className: cn("fixed inset-0 z-50 bg-scrim/scrim", overlayBackdropMotion, className), ...props }));
 }
 function SheetContent({ className, children, side = "right", showCloseButton = true, closeLabel = "Close", ...props }) {
-    return (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(SheetPrimitive.Popup, { "data-slot": "sheet-content", "data-side": side, className: cn("fixed z-50 flex max-h-[calc(100%-var(--nc-lg))] flex-col gap-nadicode-md rounded-3xl border-0 bg-popover bg-clip-padding text-sm text-popover-foreground smooth-shadow-ring-2xl transition-[opacity,translate] duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] data-open:duration-[var(--nc-duration-open)] data-ending-style:opacity-0 data-starting-style:opacity-0 motion-reduce:transition-none motion-reduce:data-ending-style:opacity-100 motion-reduce:data-starting-style:opacity-100 data-[side=bottom]:inset-x-nadicode-sm data-[side=bottom]:bottom-nadicode-sm data-[side=bottom]:h-auto data-[side=bottom]:data-ending-style:translate-y-nadicode-md data-[side=bottom]:data-starting-style:translate-y-nadicode-md motion-reduce:data-[side=bottom]:data-ending-style:translate-none motion-reduce:data-[side=bottom]:data-starting-style:translate-none data-[side=left]:inset-y-nadicode-sm data-[side=left]:left-nadicode-sm data-[side=left]:w-3/4 data-[side=left]:data-ending-style:-translate-x-nadicode-md data-[side=left]:data-starting-style:-translate-x-nadicode-md motion-reduce:data-[side=left]:data-ending-style:translate-none motion-reduce:data-[side=left]:data-starting-style:translate-none data-[side=right]:inset-y-nadicode-sm data-[side=right]:right-nadicode-sm data-[side=right]:w-3/4 data-[side=right]:data-ending-style:translate-x-nadicode-md data-[side=right]:data-starting-style:translate-x-nadicode-md motion-reduce:data-[side=right]:data-ending-style:translate-none motion-reduce:data-[side=right]:data-starting-style:translate-none data-[side=top]:inset-x-nadicode-sm data-[side=top]:top-nadicode-sm data-[side=top]:h-auto data-[side=top]:data-ending-style:-translate-y-nadicode-md data-[side=top]:data-starting-style:-translate-y-nadicode-md motion-reduce:data-[side=top]:data-ending-style:translate-none motion-reduce:data-[side=top]:data-starting-style:translate-none data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className), ...props, children: [children, showCloseButton && (_jsxs(SheetPrimitive.Close, { "data-slot": "sheet-close", render: _jsx(Button, { variant: "ghost", className: "absolute top-nadicode-md right-nadicode-md", size: "icon-sm" }), children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: closeLabel })] }))] })] }));
+    return (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(SheetPrimitive.Popup, { "data-slot": "sheet-content", "data-side": side, className: cn("fixed z-50 flex max-h-[calc(100%-var(--nc-lg))] flex-col gap-nadicode-md rounded-3xl border-0 bg-popover bg-clip-padding text-sm text-popover-foreground nc-elevation-modal transition-[opacity,translate] duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] data-open:duration-[var(--nc-duration-open)] data-ending-style:opacity-0 data-starting-style:opacity-0 motion-reduce:transition-none motion-reduce:data-ending-style:opacity-100 motion-reduce:data-starting-style:opacity-100 data-[side=bottom]:inset-x-nadicode-sm data-[side=bottom]:bottom-nadicode-sm data-[side=bottom]:h-auto data-[side=bottom]:data-ending-style:translate-y-nadicode-md data-[side=bottom]:data-starting-style:translate-y-nadicode-md motion-reduce:data-[side=bottom]:data-ending-style:translate-none motion-reduce:data-[side=bottom]:data-starting-style:translate-none data-[side=left]:inset-y-nadicode-sm data-[side=left]:left-nadicode-sm data-[side=left]:w-3/4 data-[side=left]:data-ending-style:-translate-x-nadicode-md data-[side=left]:data-starting-style:-translate-x-nadicode-md motion-reduce:data-[side=left]:data-ending-style:translate-none motion-reduce:data-[side=left]:data-starting-style:translate-none data-[side=right]:inset-y-nadicode-sm data-[side=right]:right-nadicode-sm data-[side=right]:w-3/4 data-[side=right]:data-ending-style:translate-x-nadicode-md data-[side=right]:data-starting-style:translate-x-nadicode-md motion-reduce:data-[side=right]:data-ending-style:translate-none motion-reduce:data-[side=right]:data-starting-style:translate-none data-[side=top]:inset-x-nadicode-sm data-[side=top]:top-nadicode-sm data-[side=top]:h-auto data-[side=top]:data-ending-style:-translate-y-nadicode-md data-[side=top]:data-starting-style:-translate-y-nadicode-md motion-reduce:data-[side=top]:data-ending-style:translate-none motion-reduce:data-[side=top]:data-starting-style:translate-none data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className), ...props, children: [children, showCloseButton && (_jsxs(SheetPrimitive.Close, { "data-slot": "sheet-close", render: _jsx(Button, { variant: "ghost", className: "absolute top-nadicode-md right-nadicode-md", size: "icon-sm" }), children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: closeLabel })] }))] })] }));
 }
 function SheetHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-0.5 p-nadicode-lg", className), ...props }));

package/dist/components/sidebar.js

@@ -94,7 +94,7 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
                 // Adjust the padding for floating and inset variants.
                 variant === "floating" || variant === "inset"
                     ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+var(--nc-rounded-xs))]"
-                    : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className), ...props, children: _jsx("div", { "data-sidebar": "sidebar", "data-slot": "sidebar-inner", className: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-3xl group-data-[variant=floating]:border-0 group-data-[variant=floating]:bg-popover group-data-[variant=floating]:smooth-shadow-ring-xl", children: children }) })] }));
+                    : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className), ...props, children: _jsx("div", { "data-sidebar": "sidebar", "data-slot": "sidebar-inner", className: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-3xl group-data-[variant=floating]:border-0 group-data-[variant=floating]:bg-popover group-data-[variant=floating]:nc-elevation-floating", children: children }) })] }));
 }
 function SidebarTrigger({ className, onClick, ...props }) {
     const { toggleSidebar } = useSidebar();

package/dist/components/slider.js

@@ -7,6 +7,6 @@ function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }
         : Array.isArray(defaultValue)
             ? defaultValue
             : [min, max];
-    return (_jsx(SliderPrimitive.Root, { className: cn("data-horizontal:w-full data-vertical:h-full", className), "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, thumbAlignment: "edge", ...props, children: _jsxs(SliderPrimitive.Control, { className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col", children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: "relative grow overflow-hidden rounded-full bg-muted select-none data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1", children: _jsx(SliderPrimitive.Indicator, { "data-slot": "slider-range", className: "bg-primary select-none data-horizontal:h-full data-vertical:w-full" }) }), Array.from({ length: _values.length }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "relative block size-3 shrink-0 rounded-full border border-input bg-background transition-colors select-none after:absolute after:top-1/2 after:left-1/2 after:size-touch-target after:-translate-x-1/2 after:-translate-y-1/2 hover:outline hover:outline-[length:var(--outline-width-focus)] hover:outline-offset-[var(--outline-offset-focus)] active:outline active:outline-[length:var(--outline-width-focus)] active:outline-offset-[var(--outline-offset-focus)] disabled:pointer-events-none disabled:opacity-50 [@media(hover:hover)_and_(pointer:fine)]:after:hidden" }, index)))] }) }));
+    return (_jsx(SliderPrimitive.Root, { className: cn("data-horizontal:w-full data-vertical:h-full", className), "data-slot": "slider", defaultValue: defaultValue, value: value, min: min, max: max, thumbAlignment: "edge", ...props, children: _jsxs(SliderPrimitive.Control, { className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col", children: [_jsx(SliderPrimitive.Track, { "data-slot": "slider-track", className: "relative grow overflow-hidden rounded-full bg-muted select-none data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1", children: _jsx(SliderPrimitive.Indicator, { "data-slot": "slider-range", className: "bg-primary select-none data-horizontal:h-full data-vertical:w-full" }) }), Array.from({ length: _values.length }, (_, index) => (_jsx(SliderPrimitive.Thumb, { "data-slot": "slider-thumb", className: "relative block size-3 shrink-0 rounded-full border border-input bg-background transition-colors select-none after:absolute after:top-1/2 after:left-1/2 after:size-touch-target after:-translate-x-1/2 after:-translate-y-1/2 hover:nc-focus-outline active:nc-focus-outline disabled:pointer-events-none disabled:opacity-50 [@media(hover:hover)_and_(pointer:fine)]:after:hidden" }, index)))] }) }));
 }
 export { Slider };

package/dist/components/sonner.js

@@ -18,7 +18,7 @@ const Toaster = ({ ...props }) => {
             "--border-radius": "var(--radius)",
         }, toastOptions: {
             classNames: {
-                toast: "nc-toast smooth-shadow-ring-xl",
+                toast: "nc-toast nc-elevation-floating",
             },
         }, ...props }));
 };

package/dist/components/tooltip.js

@@ -12,6 +12,6 @@ function TooltipTrigger({ ...props }) {
     return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({ className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }) {
-    return (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsxs(TooltipPrimitive.Popup, { "data-slot": "tooltip-content", className: cn("z-50 inline-flex w-fit max-w-xs items-center gap-1.5 rounded-md border-0 bg-popover px-nadicode-sm py-nadicode-filter-chip-gap text-xs text-popover-foreground smooth-shadow-ring-xl has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-md", anchoredOverlayMotion, className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-var(--nc-rounded-xs))] rotate-45 rounded-xs border border-border bg-popover fill-popover data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })] }) }) }));
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsxs(TooltipPrimitive.Popup, { "data-slot": "tooltip-content", className: cn("z-50 inline-flex w-fit max-w-xs items-center gap-1.5 rounded-md border-0 bg-popover px-nadicode-sm py-nadicode-filter-chip-gap text-xs text-popover-foreground nc-elevation-floating has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-md", anchoredOverlayMotion, className), ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-var(--nc-rounded-xs))] rotate-45 rounded-xs border border-border bg-popover fill-popover data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })] }) }) }));
 }
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/eslint/rules/confirm-destructive-action.js

@@ -15,7 +15,7 @@
  * binds it under that prop's name, so the convention holds at the site where
  * the binding is actually written and this rule sees it there.
  *
- * Standard tool checked (ADR 0057 tier 2): `no-restricted-syntax` judges one
+ * Standard tool checked first: `no-restricted-syntax` judges one
  * node at a time, and the archive shape is a relationship between two — an
  * ordinary `action={updateCustomerAction}` binding on the form, and the
  * `lifecycle_status="archived"` field somewhere below it, which is what makes

package/dist/eslint/rules/jsx-class-utility.js

@@ -19,7 +19,7 @@
  * hop, `<Card className={tones.warning} />` repaints a primitive and no rule
  * sees it; with it, the table's own values are read.
  *
- * Standard tool checked (ADR 0057 tier 2): `eslint-plugin-better-tailwindcss`
+ * Standard tool checked first: `eslint-plugin-better-tailwindcss`
  * reads lookup tables through a `variable` selector with an `objectValues`
  * matcher, and the root config uses exactly that so a table's classes are
  * checked for existence. What it cannot do is say WHERE a value lands: its

package/dist/eslint/rules/no-app-feature-component.js

@@ -5,7 +5,7 @@
  * boundary is named in the app's vocabulary, so the rule reads names: the
  * module's own file name and everything it exports.
  *
- * Standard tool checked (ADR 0057 tier 2): core `no-restricted-syntax` matches
+ * Standard tool checked first: core `no-restricted-syntax` matches
  * an exported identifier against a regex through esquery, but it is given one
  * node at a time and never the file that node is in — and a module called
  * `activation.tsx` exporting `Banner` is the case the file name is there to

package/dist/eslint/rules/no-elevated-edge.js

@@ -1,11 +1,11 @@
 /*
- * An elevated surface draws its own edge. `smooth-shadow-ring-*` already
- * integrates the vendor plugin's adaptive optical ring (DESIGN.md, "material
- * ladder"), so a border, a second ring, or a local ring tint on the same target
- * paints a second edge over it — the seam this repository keeps reintroducing
- * when a stock shadcn shape is pasted next to an elevation.
+ * An elevated surface draws its own edge. `nc-elevation-*` paints the rung's
+ * whole recipe, whose last layer is its own optical ring (DESIGN.md,
+ * "core.elevation"), so a border or a second ring on the same target paints a
+ * second edge over it: the seam this repository keeps reintroducing when a
+ * stock shadcn shape is pasted next to an elevation.
  *
- * Standard tool checked (ADR 0057 tier 2): `better-tailwindcss`'s
+ * Standard tool checked first: `better-tailwindcss`'s
  * `no-restricted-classes` judges one class at a time. `border` and `ring-1` are
  * legal on their own — they are wrong only beside an elevation, and only when
  * both land on the same target, so `*:data-[slot=input]:border-input` under an
@@ -19,7 +19,7 @@
  */
 import { nodeClassUtilities } from "./jsx-class-utility.js";
 
-const ELEVATION = /^smooth-shadow-ring-(?:xs|sm|md|lg|xl|2xl)$/;
+const ELEVATION = /^nc-elevation-(?:resting|raised|floating|modal)$/;
 
 /*
  * The callees that compose a class list out of several strings. A class written
@@ -65,7 +65,6 @@ function isZeroWidthUtility(utility) {
 }
 
 function edgeRule(utility) {
-  if (utility.startsWith("smooth-ring-")) return "ringTintOverride";
   if (/^border(?:$|-)/.test(utility) && !isZeroWidthUtility(utility)) return "borderWithElevation";
   if (/^ring(?:$|-)/.test(utility) && !isZeroWidthUtility(utility)) return "ringWithElevation";
   return undefined;
@@ -109,16 +108,14 @@ export const noElevatedEdge = {
     type: "problem",
     docs: {
       description:
-        "Disallow a border, ring, or ring tint on the same target as a smooth-shadow-ring-* elevation",
+        "Disallow a border or a second ring on the same target as an nc-elevation-* utility",
     },
     schema: [],
     messages: {
       borderWithElevation:
-        '"{{token}}" draws a hard border on the same target as {{shadow}}. An elevated surface carries the plugin\'s optical ring: drop the border, or drop the elevation.',
+        '"{{token}}" draws a hard border on the same target as {{shadow}}. An elevated surface carries its own optical ring: drop the border, or drop the elevation.',
       ringWithElevation:
-        '"{{token}}" draws a second ring on the same target as {{shadow}}. An elevated surface carries the plugin\'s optical ring already.',
-      ringTintOverride:
-        '"{{token}}" repaints the vendor ring beside {{shadow}}. The elevation owns its ring tint, including the dark-mode one.',
+        '"{{token}}" draws a second ring on the same target as {{shadow}}. An elevated surface carries its own optical ring already.',
     },
   },
   create(context) {

package/dist/eslint/rules/no-mono-title-register.js

@@ -5,7 +5,7 @@
  * judgment-bearing stays out of it: an eyebrow, a fact label, an identifier or
  * a marketing label may all be mono, and none of them is a title slot.
  *
- * Standard tool checked (ADR 0057 tier 2): `better-tailwindcss`'s
+ * Standard tool checked first: `better-tailwindcss`'s
  * `no-restricted-classes` judges one class at a time and never against the
  * element it lands on, so it can ban `font-mono` everywhere or nowhere. The
  * register is a PAIR of classes on a TITLE element, which is a relationship —

package/dist/eslint/rules/no-package-component-redefinition.js

@@ -12,7 +12,7 @@
  * a component added or removed by the package changes this rule's answer with
  * no edit at all.
  *
- * Standard tool checked (ADR 0057 tier 2): core `no-redeclare` and
+ * Standard tool checked first: core `no-redeclare` and
  * `no-shadow` answer only inside one scope chain, and `no-restricted-syntax`
  * would need every name spelled into a selector — the hand list this derivation
  * exists to avoid. Deferred here from #819 for exactly that reason.

package/dist/eslint/rules/no-paired-size-utility.js

@@ -1,7 +1,7 @@
 /*
  * A square is written once: `size-4`, never `h-4 w-4`.
  *
- * Standard tool checked (ADR 0057 tier 2): `better-tailwindcss`'s
+ * Standard tool checked first: `better-tailwindcss`'s
  * `no-restricted-classes` judges one class at a time, so it can ban `h-4`
  * outright but cannot see that a `w-4` is beside it — and the pair is the whole
  * point, since `h-4 w-full` is fine. The relationship lives here, on the shared

package/dist/eslint/rules/no-repainted-focus.js

@@ -5,20 +5,21 @@ import { classUtilities } from "./jsx-class-utility.js";
  * ink outline on every :focus-visible element (DESIGN.md "Focus ring"), and an
  * invalid control takes the same geometry in the destructive hue. A component
  * that paints focus with a box-shadow ring, a raw outline width, or its own
- * hue forks that treatment. Standard tool checked (ADR 0057 tier 2): no
+ * hue forks that treatment. Standard tool checked first: no
  * upstream Tailwind rule models "focus variant may only suppress or restate
  * the canonical outline".
  *
  * A focus-variant utility may only suppress the outline (outline-none,
- * outline-hidden), restate the canonical treatment on a proxy target (the
- * outline style/width/offset tokens plus the ring-role colors, as input-group
- * does when the group carries the indicator for its inner control), or move
- * non-paint properties (z-index, colors of the element itself, …).
+ * outline-hidden), restate the canonical treatment on a proxy target through
+ * the one shared `nc-focus-outline` utility plus a ring-role color (as
+ * input-group does when the group carries the indicator for its inner
+ * control), or move non-paint properties (z-index, colors of the element
+ * itself, …). Restating the style, width, and offset as separate utilities is
+ * a fork of that owner, so the raw outline width belongs to nobody.
  */
 const RING_BASE = /^-?ring(?:-|$)/;
-const ALLOWED_OUTLINE_BASE = new Set(["outline", "outline-none", "outline-hidden"]);
+const ALLOWED_OUTLINE_BASE = new Set(["nc-focus-outline", "outline-none", "outline-hidden"]);
 const ALLOWED_OUTLINE_COLOR = /^outline-(?:ring|sidebar-ring)$/;
-const OUTLINE_TOKEN_LENGTH = /^outline-\[length:var\(--outline-width-focus\)\]$/;
 const OUTLINE_OFFSET = /^-?outline-offset-/;
 
 function baseOf(utility) {
@@ -39,15 +40,9 @@ function repaintedFocus(utility) {
   if (base === utility) return undefined;
   if (RING_BASE.test(base)) return "boxShadowFocus";
   if (base.startsWith("[outline")) return "customFocusOutline";
+  if (ALLOWED_OUTLINE_BASE.has(base)) return undefined;
   if (!base.startsWith("outline")) return undefined;
-  if (
-    ALLOWED_OUTLINE_BASE.has(base) ||
-    ALLOWED_OUTLINE_COLOR.test(base) ||
-    OUTLINE_TOKEN_LENGTH.test(base) ||
-    OUTLINE_OFFSET.test(base)
-  ) {
-    return undefined;
-  }
+  if (ALLOWED_OUTLINE_COLOR.test(base) || OUTLINE_OFFSET.test(base)) return undefined;
   return "customFocusOutline";
 }
 
@@ -63,7 +58,7 @@ export const noRepaintedFocus = {
       boxShadowFocus:
         "Focus never paints a box-shadow: the base layer draws the offset outline. Drop {{utility}}.",
       customFocusOutline:
-        "{{utility}} repaints focus with its own width or hue. The base layer owns the focus outline; a proxy target restates only the canonical tokens.",
+        "{{utility}} repaints focus with its own width or hue. The base layer owns the focus outline; a proxy target takes nc-focus-outline plus a ring-role color.",
     },
   },
   create(context) {

package/dist/eslint/rules/no-resting-settings-control.js

@@ -15,7 +15,7 @@
  * toolbar's search or a mobile nav select is never a violation — a guard whose
  * allow-list carries live violations documents debt instead of preventing it.
  *
- * Standard tool checked (ADR 0057 tier 2): `no-restricted-syntax` selects one
+ * Standard tool checked first: `no-restricted-syntax` selects one
  * node by shape and cannot ask what else the file renders, nor whether an
  * ancestor summoned the subtree. Both are relationships, so the rule lives
  * here. Replaces `restingSettingsControlViolations` in the retired portal

package/dist/eslint/rules/shadcn-composition.js

@@ -11,7 +11,7 @@
  * - a lucide icon inside a `Button` carries `data-icon`, the hook the button's
  *   own spacing rules key on.
  *
- * Standard tool checked (ADR 0057 tier 2): `jsx-a11y` covers roles and ARIA on
+ * Standard tool checked first: `jsx-a11y` covers roles and ARIA on
  * intrinsic elements and says nothing about these composed components;
  * `no-restricted-syntax` selects a node by its own shape, and every one of
  * these is a statement about an ancestor or a descendant. Replaces the JSX half

package/dist/internal/assistant-ui/thread.js

@@ -102,7 +102,7 @@ const AssistantMessage = () => {
                         } }), _jsx(MessageError, {})] }), _jsxs("div", { "data-slot": "aui_assistant-message-footer", className: cn("ms-2 flex items-center", ACTION_BAR_HEIGHT), children: [_jsx(BranchPicker, {}), _jsx(AssistantActionBar, {})] })] }));
 };
 const AssistantActionBar = () => {
-    return (_jsxs(ActionBarPrimitive.Root, { hideWhenRunning: true, autohide: "not-last", className: "aui-assistant-action-bar-root nc-transition-opacity col-start-3 row-start-2 -ms-1 flex gap-1 text-muted-foreground", children: [_jsxs(ActionBarPrimitive.Copy, { render: _jsx(TooltipIconButton, { tooltip: "Copy" }), children: [_jsx(AuiIf, { condition: (s) => s.message.isCopied, children: _jsx(CheckIcon, {}) }), _jsx(AuiIf, { condition: (s) => !s.message.isCopied, children: _jsx(CopyIcon, {}) })] }), _jsx(ActionBarPrimitive.Reload, { render: _jsx(TooltipIconButton, { tooltip: "Refresh" }), children: _jsx(RefreshCwIcon, {}) }), _jsxs(ActionBarMorePrimitive.Root, { children: [_jsx(ActionBarMorePrimitive.Trigger, { render: _jsx(TooltipIconButton, { tooltip: "More", className: "data-[state=open]:bg-accent" }), children: _jsx(MoreHorizontalIcon, {}) }), _jsx(ActionBarMorePrimitive.Content, { side: "bottom", align: "start", sideOffset: 6, className: "aui-action-bar-more-content nc-transition-opacity z-50 min-w-[8rem] overflow-hidden rounded-xl border-0 bg-popover p-1.5 text-popover-foreground smooth-shadow-ring-xl data-[state=closed]:opacity-0 data-[state=open]:opacity-100", children: _jsxs(ActionBarPrimitive.ExportMarkdown, { render: _jsx(ActionBarMorePrimitive.Item, { className: "aui-action-bar-more-item hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-sm outline-none select-none" }), children: [_jsx(DownloadIcon, { className: "size-4" }), "Export as Markdown"] }) })] })] }));
+    return (_jsxs(ActionBarPrimitive.Root, { hideWhenRunning: true, autohide: "not-last", className: "aui-assistant-action-bar-root nc-transition-opacity col-start-3 row-start-2 -ms-1 flex gap-1 text-muted-foreground", children: [_jsxs(ActionBarPrimitive.Copy, { render: _jsx(TooltipIconButton, { tooltip: "Copy" }), children: [_jsx(AuiIf, { condition: (s) => s.message.isCopied, children: _jsx(CheckIcon, {}) }), _jsx(AuiIf, { condition: (s) => !s.message.isCopied, children: _jsx(CopyIcon, {}) })] }), _jsx(ActionBarPrimitive.Reload, { render: _jsx(TooltipIconButton, { tooltip: "Refresh" }), children: _jsx(RefreshCwIcon, {}) }), _jsxs(ActionBarMorePrimitive.Root, { children: [_jsx(ActionBarMorePrimitive.Trigger, { render: _jsx(TooltipIconButton, { tooltip: "More", className: "data-[state=open]:bg-accent" }), children: _jsx(MoreHorizontalIcon, {}) }), _jsx(ActionBarMorePrimitive.Content, { side: "bottom", align: "start", sideOffset: 6, className: "aui-action-bar-more-content nc-transition-opacity z-50 min-w-[8rem] overflow-hidden rounded-xl border-0 bg-popover p-1.5 text-popover-foreground nc-elevation-floating data-[state=closed]:opacity-0 data-[state=open]:opacity-100", children: _jsxs(ActionBarPrimitive.ExportMarkdown, { render: _jsx(ActionBarMorePrimitive.Item, { className: "aui-action-bar-more-item hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-sm outline-none select-none" }), children: [_jsx(DownloadIcon, { className: "size-4" }), "Export as Markdown"] }) })] })] }));
 };
 const UserMessage = () => {
     return (_jsxs(MessagePrimitive.Root, { "data-slot": "aui_user-message-root", className: "grid auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] content-start gap-y-2 px-2 [contain-intrinsic-size:auto_200px] [content-visibility:auto] [&:where(>*)]:col-start-2", "data-role": "user", children: [_jsx(UserMessageAttachments, {}), _jsxs("div", { className: "aui-user-message-content-wrapper relative col-start-2 min-w-0", children: [_jsx("div", { className: "aui-user-message-content peer bg-muted text-foreground rounded-xl px-4 py-2 wrap-break-word empty:hidden", children: _jsx(MessagePrimitive.Parts, {}) }), _jsx("div", { className: "aui-user-action-bar-wrapper absolute start-0 top-1/2 -translate-x-full -translate-y-1/2 pe-2 peer-empty:hidden rtl:translate-x-full", children: _jsx(UserActionBar, {}) })] }), _jsx(BranchPicker, { "data-slot": "aui_user-branch-picker", className: "col-span-full col-start-1 row-start-3 -me-1 justify-end" })] }));

package/dist/internal/assistant-ui/tool-fallback.js

@@ -53,7 +53,7 @@ function ToolFallbackTrigger({ toolName, status, className, ...props }) {
     const isCancelled = status?.type === "incomplete" && status.reason === "cancelled";
     const Icon = statusIconMap[statusType];
     const label = isCancelled ? "Cancelled tool" : "Used tool";
-    return (_jsxs(CollapsibleTrigger, { "data-slot": "tool-fallback-trigger", className: cn("aui-tool-fallback-trigger nc-transition-paint group/trigger flex w-fit origin-left items-center gap-2 py-1.5 text-sm text-muted-foreground hover:text-foreground", className), ...props, children: [_jsx(Icon, { "data-slot": "tool-fallback-trigger-icon", className: cn("aui-tool-fallback-trigger-icon size-4 shrink-0", isCancelled && "text-muted-foreground", isRunning && "animate-spin [animation-duration:0.6s]") }), _jsxs("span", { "data-slot": "tool-fallback-trigger-label", className: cn("aui-tool-fallback-trigger-label-wrapper relative inline-block text-start leading-none", isCancelled && "text-muted-foreground line-through"), children: [_jsxs("span", { children: [label, ": ", _jsx("b", { children: toolName })] }), isRunning && (_jsxs("span", { "aria-hidden": true, "data-slot": "tool-fallback-trigger-shimmer", className: "aui-tool-fallback-trigger-shimmer shimmer pointer-events-none absolute inset-0 motion-reduce:animate-none", children: [label, ": ", _jsx("b", { children: toolName })] }))] }), _jsx(ToolFallbackDuration, {}), _jsx(ChevronDownIcon, { "data-slot": "tool-fallback-trigger-chevron", className: cn("aui-tool-fallback-trigger-chevron size-4 shrink-0", "transition-transform duration-(--animation-duration) ease-[var(--nc-ease-out-strong)] motion-reduce:transition-none", "-rotate-90", "group-data-open/trigger:rotate-0", "group-data-panel-open/trigger:rotate-0") })] }));
+    return (_jsxs(CollapsibleTrigger, { "data-slot": "tool-fallback-trigger", className: cn("aui-tool-fallback-trigger nc-transition-paint group/trigger flex w-fit origin-left items-center gap-2 py-1.5 text-sm text-muted-foreground hover:text-foreground", className), ...props, children: [_jsx(Icon, { "data-slot": "tool-fallback-trigger-icon", className: cn("aui-tool-fallback-trigger-icon size-4 shrink-0", isCancelled && "text-muted-foreground", isRunning && "animate-spin [animation-duration:var(--nc-duration-spin)]") }), _jsxs("span", { "data-slot": "tool-fallback-trigger-label", className: cn("aui-tool-fallback-trigger-label-wrapper relative inline-block text-start leading-none", isCancelled && "text-muted-foreground line-through"), children: [_jsxs("span", { children: [label, ": ", _jsx("b", { children: toolName })] }), isRunning && (_jsxs("span", { "aria-hidden": true, "data-slot": "tool-fallback-trigger-shimmer", className: "aui-tool-fallback-trigger-shimmer shimmer pointer-events-none absolute inset-0 motion-reduce:animate-none", children: [label, ": ", _jsx("b", { children: toolName })] }))] }), _jsx(ToolFallbackDuration, {}), _jsx(ChevronDownIcon, { "data-slot": "tool-fallback-trigger-chevron", className: cn("aui-tool-fallback-trigger-chevron size-4 shrink-0", "transition-transform duration-(--animation-duration) ease-[var(--nc-ease-out-strong)] motion-reduce:transition-none", "-rotate-90", "group-data-open/trigger:rotate-0", "group-data-panel-open/trigger:rotate-0") })] }));
 }
 function ToolFallbackContent({ className, children, ...props }) {
     return (_jsx(CollapsibleContent, { "data-slot": "tool-fallback-content", className: cn("aui-tool-fallback-content relative overflow-hidden text-sm outline-none", "group/collapsible-content", "data-closed:pointer-events-none", className), ...props, children: _jsx("div", { className: cn("nc-transition-opacity flex flex-col gap-2 ps-6 pt-1 pb-2"), children: children }) }));

package/dist/internal/assistant-ui/tool-group.js

@@ -36,7 +36,7 @@ function ToolGroupRoot({ className, variant, open: controlledOpen, onOpenChange:
 }
 function ToolGroupTrigger({ count, active = false, className, ...props }) {
     const label = `${count} tool ${count === 1 ? "call" : "calls"}`;
-    return (_jsxs(CollapsibleTrigger, { "data-slot": "tool-group-trigger", className: cn("aui-tool-group-trigger nc-transition-paint group/trigger flex origin-left items-center gap-2 text-sm", "group-data-[variant=ghost]/tool-group-root:text-muted-foreground group-data-[variant=ghost]/tool-group-root:hover:text-foreground group-data-[variant=ghost]/tool-group-root:py-1.5", "group-data-[variant=outline]/tool-group-root:w-full group-data-[variant=outline]/tool-group-root:px-4", "group-data-[variant=muted]/tool-group-root:w-full group-data-[variant=muted]/tool-group-root:px-4", className), ...props, children: [active && (_jsx(LoaderIcon, { "data-slot": "tool-group-trigger-loader", className: "aui-tool-group-trigger-loader size-3 shrink-0 animate-spin [animation-duration:0.6s]" })), _jsxs("span", { "data-slot": "tool-group-trigger-label", className: cn("aui-tool-group-trigger-label-wrapper relative inline-block text-start leading-none font-medium", "group-data-[variant=ghost]/tool-group-root:font-normal", "group-data-[variant=outline]/tool-group-root:grow", "group-data-[variant=muted]/tool-group-root:grow"), children: [_jsx("span", { className: "text-xs", children: label }), active && (_jsx("span", { "aria-hidden": true, "data-slot": "tool-group-trigger-shimmer", className: "aui-tool-group-trigger-shimmer shimmer pointer-events-none absolute inset-0 text-xs motion-reduce:animate-none", children: label }))] }), _jsx(ChevronDownIcon, { "data-slot": "tool-group-trigger-chevron", className: cn("aui-tool-group-trigger-chevron size-3 shrink-0", "transition-transform duration-(--animation-duration) ease-[var(--nc-ease-out-strong)] motion-reduce:transition-none", "-rotate-90", "group-data-open/trigger:rotate-0", "group-data-panel-open/trigger:rotate-0") })] }));
+    return (_jsxs(CollapsibleTrigger, { "data-slot": "tool-group-trigger", className: cn("aui-tool-group-trigger nc-transition-paint group/trigger flex origin-left items-center gap-2 text-sm", "group-data-[variant=ghost]/tool-group-root:text-muted-foreground group-data-[variant=ghost]/tool-group-root:hover:text-foreground group-data-[variant=ghost]/tool-group-root:py-1.5", "group-data-[variant=outline]/tool-group-root:w-full group-data-[variant=outline]/tool-group-root:px-4", "group-data-[variant=muted]/tool-group-root:w-full group-data-[variant=muted]/tool-group-root:px-4", className), ...props, children: [active && (_jsx(LoaderIcon, { "data-slot": "tool-group-trigger-loader", className: "aui-tool-group-trigger-loader size-3 shrink-0 animate-spin [animation-duration:var(--nc-duration-spin)]" })), _jsxs("span", { "data-slot": "tool-group-trigger-label", className: cn("aui-tool-group-trigger-label-wrapper relative inline-block text-start leading-none font-medium", "group-data-[variant=ghost]/tool-group-root:font-normal", "group-data-[variant=outline]/tool-group-root:grow", "group-data-[variant=muted]/tool-group-root:grow"), children: [_jsx("span", { className: "text-xs", children: label }), active && (_jsx("span", { "aria-hidden": true, "data-slot": "tool-group-trigger-shimmer", className: "aui-tool-group-trigger-shimmer shimmer pointer-events-none absolute inset-0 text-xs motion-reduce:animate-none", children: label }))] }), _jsx(ChevronDownIcon, { "data-slot": "tool-group-trigger-chevron", className: cn("aui-tool-group-trigger-chevron size-3 shrink-0", "transition-transform duration-(--animation-duration) ease-[var(--nc-ease-out-strong)] motion-reduce:transition-none", "-rotate-90", "group-data-open/trigger:rotate-0", "group-data-panel-open/trigger:rotate-0") })] }));
 }
 function ToolGroupContent({ className, children, ...props }) {
     return (_jsx(CollapsibleContent, { "data-slot": "tool-group-content", className: cn("aui-tool-group-content relative overflow-hidden text-sm outline-none", "group/collapsible-content", "data-closed:pointer-events-none", className), ...props, children: _jsx("div", { className: cn("mt-2 flex flex-col gap-2", "group-data-[variant=ghost]/tool-group-root:mt-1 group-data-[variant=ghost]/tool-group-root:gap-1", "group-data-[variant=outline]/tool-group-root:mt-3 group-data-[variant=outline]/tool-group-root:border-t group-data-[variant=outline]/tool-group-root:px-4 group-data-[variant=outline]/tool-group-root:pt-3", "group-data-[variant=muted]/tool-group-root:mt-3 group-data-[variant=muted]/tool-group-root:border-t group-data-[variant=muted]/tool-group-root:px-4 group-data-[variant=muted]/tool-group-root:pt-3", "[&>*]:nc-transition-opacity"), children: children }) }));

package/dist/styles/globals.css

@@ -14,7 +14,6 @@
 @layer tokens, theme, reset, base, foundation, motion, layout, primitives, components, utilities;
 
 @import "tailwindcss";
-@import "shadow-plugin";
 @import "tw-animate-css";
 @import "tw-shimmer";
 @import "@assistant-ui/react-markdown/styles/dot.css";
@@ -92,6 +91,47 @@
   }
 }
 
+/*
+ * The four elevation rungs. Each utility paints the whole recipe of its rung
+ * from the generated --nc-elevation-* token, whose last layer is the rung's
+ * own optical ring in the current mode (design-system DESIGN.md
+ * "core.elevation"). An elevated surface therefore draws no second edge:
+ * never pair one of these with border-*, ring-*, or another box-shadow
+ * (`nadicodeai/no-elevated-edge` enforces it). Declared as utilities so
+ * variant prefixes can gate them.
+ */
+@utility nc-elevation-resting {
+  box-shadow: var(--nc-elevation-resting);
+}
+
+@utility nc-elevation-raised {
+  box-shadow: var(--nc-elevation-raised);
+}
+
+@utility nc-elevation-floating {
+  box-shadow: var(--nc-elevation-floating);
+}
+
+@utility nc-elevation-modal {
+  box-shadow: var(--nc-elevation-modal);
+}
+
+/*
+ * The proxy focus outline: the one restatement of the canonical treatment
+ * above, for an element that carries the indicator on another element's
+ * behalf (the input group around its control, the OTP slot for the hidden
+ * input, the chart wrapper for its svg, the slider thumb). The call site adds
+ * the hue with outline-ring or outline-destructive and nothing else.
+ * Declared as a utility so variant prefixes can gate it, and so the style is
+ * literally `solid` rather than Tailwind's `--tw-outline-style`, which any
+ * outline-none or outline-hidden on the same element sets to `none` for good.
+ */
+@utility nc-focus-outline {
+  outline-style: solid;
+  outline-width: var(--outline-width-focus);
+  outline-offset: var(--outline-offset-focus);
+}
+
 @layer components {
   .nc-toast {
     border: 0 !important;

package/docs/agent-visual.md

@@ -0,0 +1,107 @@
+# Agent Visual System
+
+The Agent visual is the decorative identity for a persistent Agent in Nadia.
+It is a living, multicolour metaball form whose recipe is assigned by Agent
+type. It does not represent status, capability, runtime activity, or work
+output. Those facts stay in text, status components, assistant-ui, and the
+product surfaces that own them.
+
+This system is distinct from Nadia's portrait. Nadia keeps the one canonical
+identity in `brand/AGENTS.md` "Nadia's identity"; Agent visuals identify the other named,
+role-specific Agents that a company operates inside Nadia.
+
+## Approved form
+
+- One connected metaball entity sits on a true-black field.
+- The entity is always multicolour and uses only the five NadicodeAI campi:
+  Cobalto, Verde, Arancio, Giallo, and Rosso.
+- The entity itself carries the surface. Texture never paints the background.
+- The four approved surfaces are solid, ordered points, borderless triangular
+  wire, and irregular living particles.
+- Ordered points form a regular, readable field. Living particles vary in
+  position, size, and brightness so the two surfaces remain visibly distinct.
+- Triangular wire has no outer stroke. The clipped triangular network alone
+  defines the body.
+- The visual has no initials, letters, face, avatar frame, status tint, or
+  caller-selected colour.
+
+## Closed recipes
+
+The five recipes below are the complete public set. Their names, palettes,
+surface assignments, ball counts, sizes, and deterministic frames are fixed.
+Applications assign one recipe explicitly. They never hash an id, inspect a
+free-form role label, randomize a recipe, or expose these parameters to a
+caller.
+
+| Recipe        | Surface          | Palette order                          | Count | Size | Still frame |
+| ------------- | ---------------- | -------------------------------------- | ----: | ---: | ----------: |
+| General       | Solid            | Cobalto, Verde, Arancio, Giallo, Rosso |    10 | 0.83 |           0 |
+| Reasoning     | Ordered points   | Cobalto, Verde, Giallo                 |    10 | 0.83 |           0 |
+| Coordination  | Triangular wire  | Verde, Cobalto, Arancio                |     8 | 0.76 |        2700 |
+| Communication | Solid            | Giallo, Arancio, Rosso                 |    12 | 0.69 |        5400 |
+| Execution     | Living particles | Rosso, Arancio, Cobalto                |     6 | 0.92 |        8100 |
+
+`general` is the deliberate fallback when a product has not stored an Agent's
+recipe yet. It is not an inference from the Agent's name, id, role, status, or
+position in a list.
+
+## Placement and motion
+
+The same recipe keeps the same identity wherever it appears. Each recipe owns
+both its approved deterministic SVG poster form and its ambient shader
+parameters in one internal record. The two presentations are intentionally
+recognizable realizations of one recipe, not pixel-identical renderers.
+
+- Registry cells, `AgentCard`, focal Agent detail, and the design-system
+  showcase use the ambient reference motion at speed 0.24. The text name
+  remains the primary identity, and motion never reports status or activity.
+- The shared component mounts the renderer only while the visual intersects
+  the viewport and releases its WebGL context offscreen; the vendor pauses it
+  when the document is hidden. Compact registry placement therefore keeps the
+  same identity without retaining offscreen shader canvases.
+- Reduced-motion, missing WebGL2, shader initialization failure, and context
+  loss all keep the same deterministic still. They do not substitute a new
+  shape, colour, icon, or blank box.
+- The still renders before the client shader is eligible so server rendering
+  and hydration never present an empty visual slot.
+
+The visual is normally hidden from assistive technology because the adjacent
+Agent name carries the identity. A picker in which the visual is itself the
+choice may give it an accessible name. Status and job information never enter
+that name.
+
+## Implementation ownership
+
+`@nadicodeai/ui` owns the typed `AgentVisual` implementation and the
+presentational `AgentCard` composition. The API exposes the closed recipe and
+approved presentation roles, not raw colours, shader source, speed, count,
+frame, density, material, or arbitrary tuning.
+
+Consuming products own the stored recipe assignment, Agent data, routing,
+actions, permissions, and placement. An Agent registry remains a table when
+the job is comparison; the visual may appear inside its identity cell without
+turning the row into a new `AgentRow` component.
+
+## Source and modification record
+
+The solid form mounts the published `metaballsFragmentShader` from
+`@paper-design/shaders` version `0.0.78` verbatim. The other three surfaces use
+a NadicodeAI modification of that release's published Metaballs shader. The
+modification preserves metaball generation, motion, colour blending, edge
+calculation, and background composition, then changes only the fill clipped
+inside the final entity shape.
+
+The package is Apache-2.0 and includes a `NOTICE` file. Any distributed
+modified source must keep the Apache-2.0 license, retain the upstream notices,
+carry a prominent modification notice, and include the upstream NOTICE text:
+
+```text
+Paper Shaders
+Copyright 2026 Paper
+
+Powered by Paper Shaders:
+https://shaders.paper.design
+```
+
+The identity system is one closed, package-owned system; additions go through
+this document, never through a new ad-hoc visual.

package/docs/consuming-cross-repo.md

@@ -42,9 +42,9 @@ import "@nadicodeai/ui/globals.css";
 ```
 
 `@nadicodeai/ui/globals.css` is the complete React style interface. It composes
-Tailwind v4, shadcn, the exact smooth-shadow plugin, and the complete
-design-system CSS module. Consumers do not import `shadow-plugin`, restyle its
-optical ring, or add a second border/ring to package-owned elevated roots.
+Tailwind v4, shadcn, and the complete design-system CSS module, and it declares
+the four `nc-elevation-*` utilities over the generated elevation tokens.
+Consumers do not add a second border or ring to package-owned elevated roots.
 Do not import `@nadicodeai/design-system/css`, generated theme files, or CSS
 partials beside it. The package declares its own built component sources; Tailwind's
 normal automatic detection covers the consumer application. The app still owns

package/docs/contract.md

@@ -11,23 +11,26 @@ The normative invariants for the `@nadicodeai/ui` package: what may live here, h
 
 ### Material surfaces
 
-`shadow-plugin@1.2.7` enters once through `@nadicodeai/ui/globals.css`. Its
-integrated optical ring is part of every elevated shadow and remains at the
-vendor default, including the 18% white dark-mode ring. Never pair a
-`smooth-shadow-ring-*` root with `border-*`, a separate `ring-*`,
-`smooth-ring-*`, or a local `--smooth-ring-color` override.
+`globals.css` declares the four elevation utilities, `nc-elevation-resting`,
+`nc-elevation-raised`, `nc-elevation-floating`, and `nc-elevation-modal`. Each
+sets `box-shadow` to the generated `--nc-elevation-<rung>` token, pinned by
+`packages/design-system/DESIGN.md` "core.elevation": one recipe per rung per
+mode, whose last layer is that rung's optical ring, black at 5% in light and
+white at 18% in dark. No package or consumer declares a second elevation
+vocabulary. Never pair an `nc-elevation-*` root with `border-*`, a separate
+`ring-*`, or another `box-shadow` (`nadicodeai/no-elevated-edge` enforces it).
 
 Physical role, not content importance, chooses depth:
 
-- `Card surface="resting"` (the default) uses `smooth-shadow-ring-md`.
-- `Card surface="raised"` uses `smooth-shadow-ring-lg`; active or selected
+- `Card surface="resting"` (the default) uses `nc-elevation-resting`.
+- `Card surface="raised"` uses `nc-elevation-raised`; active or selected
   work chooses it explicitly.
 - `Card surface="plain"` is the explicit structural/auth/website escape and
   carries no elevation.
 - Tooltip, menu, popover, select, combobox, navigation popup, hover card,
-  chart tooltip, and toast roots own `smooth-shadow-ring-xl` internally.
-- Dialog, alert dialog, drawer, and sheet roots own
-  `smooth-shadow-ring-2xl` internally.
+  chart tooltip, and toast roots own `nc-elevation-floating` internally.
+- Dialog, alert dialog, drawer, and sheet roots own `nc-elevation-modal`
+  internally.
 
 All solid surfaces use the one semantic fill. Dark mode therefore stays true
 black; depth never comes from progressively greyer cards.
@@ -39,7 +42,12 @@ with a box-shadow ring, a raw width, or its own hue
 (`nadicodeai/no-repainted-focus` enforces this). A component may only
 suppress the outline where a proxy target carries it (`InputGroup` shows the
 indicator for its inner control; the OTP active slot for its hidden input) or
-where a highlight ground replaces it (menu and command items).
+where a highlight ground replaces it (menu and command items). The proxy
+target draws it with `nc-focus-outline`, the one utility that carries the
+outline's style, width, and offset, plus a ring-role color utility. Nothing
+restates those three as separate utilities: an `outline-none` or
+`outline-hidden` on the same element leaves Tailwind's own outline utilities
+painting nothing.
 
 `nc-glass` is the one glass material, and glass is floating chrome: menu,
 popover, select, combobox, and navigation-menu popups, the command palette,
@@ -97,26 +105,18 @@ Assistant conversation and runtime APIs enter through `@nadicodeai/ui/agents`; A
 
 ### Agent identity presentation
 
-`AgentVisual` is the shared branded identity renderer. Its public degrees of
-freedom are deliberately closed: one of `general`, `reasoning`,
-`coordination`, `communication`, or `execution`, plus the structural
-presentation `registry`, `card`, or `detail`. Consumers cannot supply colours,
-shader code, speed, count, density, frame, or material. Every presentation
-mounts the same ambient Paper Metaballs renderer after the reduced-motion
-check. The shared component mounts it only while the visual intersects the
-viewport, releasing its WebGL context offscreen; the vendor pauses it when the
-document is hidden. SSR, first paint, reduced motion,
-missing WebGL, initialization failure, and context loss retain the same
-deterministic poster. The visual is decorative by default. A meaningful
-selectable image opts into `decorative={false}` and supplies `label`.
-
-`AgentCard` composes the fundamental `Card` with explicit `visual`, `name`,
-`job`, `status`, `meta`, and `action` slots. It owns presentation only. The app
-still owns Agent data, recipe assignment, status grammar, routing, actions, and
-heading hierarchy; when the Card is the page identity, the `name` slot carries
-that page's `h1`.
-There is no `AgentGlyph`, `AgentRow`, `KpiCard`, or product-domain `agent`
-object prop in the shared package.
+The visual system (the closed recipes, motion, fallbacks, and licensing) is
+owned by [`agent-visual.md`](agent-visual.md). What this contract adds is the
+package shape: `AgentVisual` exposes only a recipe (`general`, `reasoning`,
+`coordination`, `communication`, `execution`) and a presentation (`registry`,
+`card`, `detail`); it is decorative by default, and a meaningful selectable
+image opts into `decorative={false}` with a `label`. `AgentCard` composes the
+fundamental `Card` with explicit `visual`, `name`, `job`, `status`, `meta`,
+and `action` slots and owns presentation only; when it is the page identity,
+the `name` slot carries the page's `h1`. The app owns Agent data, recipe
+assignment, status grammar, routing, and actions. There is no `AgentGlyph`,
+`AgentRow`, `KpiCard`, or product-domain `agent` object prop in the shared
+package.
 
 - **Standard components, not app-owned product features.** This package ships primitives, standard UI components, assistant-ui compositions, brand adapters, React adapters, reusable sections, and presentational product components. It must not ship app-specific feature/use-case screens or names such as operator-login, portal activation, customer credential control, or customer management. Generic data tables, command palettes, and chart cards are app-owned shadcn registry adaptations. The source-backed `chart-*` package surface is the plan-approved exception per issue #166; chart cards remain app-owned. Every data-shaped chart exposes an equivalent non-visual data alternative. A component whose complete value is already available in visible text or `aria-valuetext` does not add a redundant table.
 - **Auth routes are consumer-owned shadcn block work.** Login, signup, OTP, two-factor, magic-link, and provider-button flows start from the selected shadcn block/example in the consuming app, with app-owned Better Auth behavior. Do not ship generic auth, signup, OTP, federated-login, or provider abstractions from this package unless a later explicit boundary decision replaces the selected shadcn block.

package/docs/migration/2.0.0.md

@@ -0,0 +1,69 @@
+# Migrating to `@nadicodeai/ui` 2.0.0
+
+This release makes elevation package-owned. `shadow-plugin` is gone from the
+dependency tree, and `@nadicodeai/ui/globals.css` declares the four elevation
+utilities itself over the `--nc-elevation-*` tokens that
+`@nadicodeai/design-system` 2.0.0 generates. The recipes are the plugin's own
+values, copied byte for byte, so nothing renders differently in either mode.
+
+`@nadicodeai/ui` 2.0.0 requires `@nadicodeai/design-system` 2.0.0; the two
+packages are released in lockstep.
+
+## Elevation utilities
+
+Rename every call site by the rung's role. Each utility paints the same
+`box-shadow` its predecessor did, with two differences in mechanics: the vendor
+utilities carried `!important` and tinted the falloff through
+`--tw-shadow-color`; `nc-elevation-*` are plain `box-shadow`, so a `shadow-*`
+or `hover:shadow-*` on the same element now wins where it used to lose, and no
+colour tints the falloff.
+
+| 1.x | 2.0.0 | Role |
+| --- | --- | --- |
+| `smooth-shadow-ring-md` | `nc-elevation-resting` | The card that sits on the page |
+| `smooth-shadow-ring-lg` | `nc-elevation-raised` | Active or selected work |
+| `smooth-shadow-ring-xl` | `nc-elevation-floating` | Menu, popover, tooltip, toast |
+| `smooth-shadow-ring-2xl` | `nc-elevation-modal` | Dialog, drawer, sheet |
+
+The plugin's other utilities have no replacement. `smooth-ring-*` and the
+`--smooth-ring-color` override are gone: each rung's optical ring is the last
+layer of its own recipe, black at 5% in light and white at 18% in dark, and a
+call site never repaints it. `nadicodeai/no-elevated-edge` still rejects a
+`border-*` or a second `ring-*` on the same target as an elevation.
+
+Consumers stop installing `shadow-plugin`. It was never a documented direct
+dependency; drop it if it was added anyway.
+
+## DTCG token paths
+
+The generated token file nests every group under a `core` or a `register`
+parent. A consumer reading
+`@nadicodeai/design-system/tokens/dtcg` by path changes
+`nadicode.<group>` to `nadicode.core.<group>`:
+
+| 1.x path | 2.0.0 path |
+| --- | --- |
+| `nadicode.color` | `nadicode.core.color` |
+| `nadicode.spacing` | `nadicode.core.spacing` |
+| `nadicode.rounded` | `nadicode.core.rounded` |
+| `nadicode.typography` | `nadicode.core.typography` |
+
+`nadicode.core` also gains `material`, `elevation`, and `motion`, and
+`nadicode.register` holds the per-surface data. The emitted CSS custom property
+and Tailwind `@theme` names are unchanged: only the authoring path moved. The
+`./tailwind` JSON export's `spacing` map now holds core only; the website's
+page-grammar geometry and the Portal's chip density are read from
+`nadicode.register.website.layout` and `nadicode.register.portal.density`.
+
+## Removed easing aliases
+
+`--nc-ease-bounce` and `--nc-ease-out` are removed. They were aliases of two
+curves that ship under their own names:
+
+| Removed | Use |
+| --- | --- |
+| `--nc-ease-bounce` | `--nc-ease-in-out-strong` |
+| `--nc-ease-out` | `--nc-ease-out-strong` |
+
+React call sites can also write the Tailwind form, `ease-nc-in-out-strong` and
+`ease-nc-out-strong`.

package/llms.txt

@@ -14,7 +14,8 @@ Use this file as a map; read the owning document before changing behavior.
   `dist/components/**/*.d.ts` declarations in an installed package.
 - Public Agent UI interface: `src/agents.ts`, exported as `@nadicodeai/ui/agents`.
 - Material, Card, Empty, glass-control, AgentVisual, and AgentCard semantics:
-  `docs/contract.md`; 1.0 adoption steps: `docs/migration/1.0.0.md`.
+  `docs/contract.md`; 1.0 adoption steps: `docs/migration/1.0.0.md`; the 2.0
+  elevation-utility rename and DTCG paths: `docs/migration/2.0.0.md`.
 - Maintained conversation implementation: `src/internal/assistant-ui/`.
 - Product compositions and sections: `docs/product-compositions.md` and
   `docs/product-sections.md`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/ui",
-  "version": "1.1.0",
+  "version": "2.0.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -63,7 +63,7 @@
     "@assistant-ui/react": "0.15.1",
     "@assistant-ui/react-markdown": "0.14.8",
     "@base-ui/react": "^1.6.0",
-    "@nadicodeai/design-system": "1.1.0",
+    "@nadicodeai/design-system": "2.0.0",
     "@paper-design/shaders": "0.0.78",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -78,7 +78,6 @@
     "react-resizable-panels": "^4.11.2",
     "recharts": "^3.8.0",
     "remark-gfm": "^4.0.1",
-    "shadow-plugin": "1.2.7",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.0.0",
     "tw-animate-css": "^1.4.0",