neba 1.16.2 → 1.17.1

package/dist/tailwind.css

@@ -1222,13 +1222,21 @@
   content: attr(data-sample);
 }
 
+/* The same label at the size it rests at, where it starts where the text
+   would and stops short of what is drawn at the end. */
+.neba-notch-sizer.neba-notch-sizer-rest {
+  font-size: var(--n-rest-size);
+  padding-inline: calc(var(--n-notch-r) + var(--n-notch-gap) + var(--n-rest-x))
+    calc(var(--n-notch-r) + var(--n-notch-gap) + var(--n-rest-end, 0px));
+}
+
 .neba-notch {
   position: absolute;
   inset: var(--n-notch-inset, 0);
   display: grid;
   grid-template-columns:
     var(--n-notch-r)
-    fit-content(calc(100% - 2 * var(--n-notch-r)))
+    fit-content(calc(100% - 2 * var(--n-notch-r) - var(--n-label-less, 0px)))
     minmax(var(--n-notch-r), 1fr);
   grid-template-rows: 100%;
   border-radius: inherit;
@@ -1406,6 +1414,9 @@
   --n-label-size: var(--n-rest-size);
   --n-label-leading: var(--n-rest-leading);
   --n-label-ink: var(--neba-muted-fg);
+  /* The label is moved along by where the text starts, and must stop where
+     the end adornments begin, so its column gives up both. */
+  --n-label-less: calc(var(--n-rest-x) + var(--n-rest-end, 0px));
   --n-gap-line: var(--n-notch-line, transparent);
   --n-gap-top: var(--n-notch-top, transparent);
 }
@@ -1485,6 +1496,22 @@
     .neba-switch.neba-switch[data-checked] .neba-switch-thumb {
       background-color: HighlightText;
     }
+
+    /* The chosen option of a set, which said so only in a fill. A radio's dot
+       is mounted only while its option is chosen. */
+    .neba-radio-dot.neba-radio-dot {
+      forced-color-adjust: none;
+      background-color: Highlight;
+    }
+
+    .neba-segment.neba-segment[data-checked]:not([data-disabled]),
+    .neba-toggle.neba-toggle[data-pressed]:not([data-disabled]),
+    .neba-calendar-cell.neba-calendar-cell[aria-selected='true']:not([aria-disabled]),
+    .neba-nav-item.neba-nav-item[aria-current='page'] {
+      forced-color-adjust: none;
+      background-color: Highlight;
+      color: HighlightText;
+    }
   }
 }
 
@@ -2714,10 +2741,10 @@
  *
  * The whole set is built on one idea. An effect is a single `@keyframes` that
  * runs from a state written entirely in `--n-anim-*` custom properties to the
- * element's natural one — so `src/internal/animate.ts` never generates CSS, it
+ * element's natural one — so `src/internal/animate.tsx` never generates CSS, it
  * only fills slots, and running an effect backwards is `animation-direction:
  * reverse` rather than a second keyframe. That is what makes `mode="out"` cost
- * nothing on all six.
+ * nothing on any of them.
  *
  * `fill-mode` is `both` throughout, which is what lets an animation that has
  * not been triggered yet simply sit paused on its own first frame. Without it,
@@ -2761,7 +2788,7 @@
 }
 
 /*
- * The same eleven effects, driven by where the element is rather than by when.
+ * The same effects, driven by where the element is rather than by when.
  *
  * Two declarations and nothing else, which is the whole reason this is a prop
  * and not a component: every keyframe already runs from a start state to the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neba",
-  "version": "1.16.2",
+  "version": "1.17.1",
   "description": "A comprehensive React UI component library — buttons, fields, menus, dialogs, tables and much more — accessible and themeable, sharing one prop vocabulary and a translucent acrylic design language. ESM only, types included, dark mode built in.",
   "type": "module",
   "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
   "scripts": {
     "clean": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\"",
     "build": "npm run clean && npm run format:fix && tsc --project tsconfig.prod.json && node scripts/annotate-pure.mjs && npm run minify && node scripts/build-styles.mjs && node scripts/build-catalog.mjs",
-    "lint": "eslint . --report-unused-disable-directives",
+    "lint": "eslint . --report-unused-disable-directives --max-warnings 0",
     "lint:fix": "eslint . --report-unused-disable-directives --fix",
     "minify": "node scripts/minify.mjs",
     "size": "node scripts/measure-bundle.mjs",
@@ -39,7 +39,13 @@
     "docs:catalog": "node scripts/build-catalog.mjs --docs"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=18.20.0"
+  },
+  "devEngines": {
+    "runtime": {
+      "name": "node",
+      "version": ">=22.12.0"
+    }
   },
   "main": "dist/index.js",
   "exports": {