@nice2dev/icons 1.2.2 → 1.3.1

package/dist/esm/icons/fun.js

@@ -19,8 +19,9 @@ const NtdRocket = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C12 2 8 6 8 12c0 2 .5 4 1 5h6c.5-1 1-3 1-5 0-6-4-10-4-10z", fill: primaryColor }), jsx("path", { d: "M12 2C12 2 8 6 8 12c0 2 .5 4 1 5h6c.5-1 1-3 1-5 0-6-4-10-4-10z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: secondaryColor }), jsx("path", { d: "M8 12L5 15l1 3 2-2", fill: "#F59E0B" }), jsx("path", { d: "M16 12l3 3-1 3-2-2", fill: "#EF4444" }), jsx("path", { d: "M9 17h6l-1 5h-4l-1-5z", fill: "#8B5CF6" })] })),
     },
 });
-const NtdGamepad = /* @__PURE__ */ createIcon({
-    displayName: 'NtdGamepad',
+/** The flat pad of the 16-bit era. The modern one is NtdGamepad (gaming.tsx). */
+const NtdGamepadOldschool = /* @__PURE__ */ createIcon({
+    displayName: 'NtdGamepadOldschool',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 11h4M8 9v4", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("path", { d: "M2 12a4 4 0 014-4h12a4 4 0 014 4v2a4 4 0 01-4 4H6a4 4 0 01-4-4v-2z", fill: primaryColor }), jsx("path", { d: "M6 11h4M8 9v4", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("circle", { cx: "15", cy: "10", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "18", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 12a4 4 0 014-4h12a4 4 0 014 4v2a4 4 0 01-4 4H6a4 4 0 01-4-4v-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 11h4M8 9v4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "15", cy: "10", r: "1", fill: primaryColor }), jsx("circle", { cx: "18", cy: "13", r: "1", fill: primaryColor })] })),
@@ -73,24 +74,29 @@ const NtdDice = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "8", cy: "8", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "8", r: "1.5", fill: "#F59E0B" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "#EF4444" }), jsx("circle", { cx: "8", cy: "16", r: "1.5", fill: "#8B5CF6" }), jsx("circle", { cx: "16", cy: "16", r: "1.5", fill: "#8B5CF6" })] })),
     },
 });
-const NtdSmiley = /* @__PURE__ */ createIcon({
-    displayName: 'NtdSmiley',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M8 14s1.5 3 4 3 4-3 4-3", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: primaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: primaryColor }), jsx("path", { d: "M8 14s1.5 3 4 3 4-3 4-3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: primaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: primaryColor }), jsx("path", { d: "M8 14s1.5 3 4 3 4-3 4-3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: secondaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: "#F59E0B" }), jsx("path", { d: "M8 14s1.5 3 4 3 4-3 4-3", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.35" })] })),
-    },
-});
-const NtdSad = /* @__PURE__ */ createIcon({
-    displayName: 'NtdSad',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M16 17s-1.5-3-4-3-4 3-4 3", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: primaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: primaryColor }), jsx("path", { d: "M16 17s-1.5-3-4-3-4 3-4 3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: primaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: primaryColor }), jsx("path", { d: "M16 17s-1.5-3-4-3-4 3-4 3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: secondaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: "#F59E0B" }), jsx("path", { d: "M16 17s-1.5-3-4-3-4 3-4 3", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.35" })] })),
-    },
-});
+/** The two oval eyes every face shares, 6.8 apart. */
+const FACE_EYES = 'M8.6 7.55a1.35 1.75 0 100 3.5 1.35 1.75 0 100-3.5zM15.4 7.55a1.35 1.75 0 100 3.5 1.35 1.75 0 100-3.5z';
+/**
+ * An emotion face (NtdSmile, NtdSad, …): the r10 head and the eyes are the same in every one, an
+ * emotion is only its `mouth`, so a new one is one more call. The mouth is a stroke with round ends
+ * and follows the variant's weight.
+ */
+function faceIcon(displayName, mouth) {
+    return createIcon({
+        displayName,
+        paths: {
+            solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: FACE_EYES, fill: accentColor, opacity: accentOpacity }), jsx("path", { d: mouth, stroke: accentColor, strokeOpacity: accentOpacity, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
+            outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: FACE_EYES, fill: primaryColor }), jsx("path", { d: mouth, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
+            // Fills only: the tinted head, the face on it in primary — no ring around the head.
+            duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: FACE_EYES, fill: primaryColor }), jsx("path", { d: mouth, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
+            vivid: ({ primaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M5.4 7.6a8 8 0 016.6-3.6", stroke: "white", strokeWidth: "1.6", strokeLinecap: "round", opacity: "0.35", fill: "none" }), jsx("path", { d: FACE_EYES, fill: accentColor }), jsx("path", { d: mouth, stroke: accentColor, strokeWidth: "2.2", strokeLinecap: "round", fill: "none" })] })),
+        },
+    });
+}
+const NtdSmile = /* @__PURE__ */ faceIcon('NtdSmile', 'M7 14c1.2 2.5 3 3.8 5 3.8s3.8-1.3 5-3.8');
+/** @deprecated Renamed to {@link NtdSmile} in 1.3.0 — the same icon. */
+const NtdSmiley = NtdSmile;
+const NtdSad = /* @__PURE__ */ faceIcon('NtdSad', 'M7.8 17.3c1-1.75 2.4-2.65 4.2-2.65s3.2.9 4.2 2.65');
 const NtdSkull = /* @__PURE__ */ createIcon({
     displayName: 'NtdSkull',
     paths: {
@@ -109,14 +115,20 @@ const NtdGhost = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a8 8 0 00-8 8v12l3-3 3 3 2-2 2 2 3-3 3 3V10a8 8 0 00-8-8z", fill: primaryColor }), jsx("path", { d: "M12 2a8 8 0 00-8 8v12l3-3 3 3 2-2 2 2 3-3 3 3V10a8 8 0 00-8-8z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.5", fill: "#F59E0B" })] })),
     },
 });
+// NtdLightning: the step in the middle of the bolt slants, its two inner corners on a diagonal —
+// they sat one above the other, so the duotone's two triangles met along a vertical line.
+const LIGHTNING = '14,2 3,13.5 10.4,13.5 10,22 21,10.5 13.6,10.5';
 const NtdLightning = /* @__PURE__ */ createIcon({
     displayName: 'NtdLightning',
     paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", fill: primaryColor }), jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", fill: "white", opacity: "0.1" })] })),
+        solid: ({ primaryColor }) => jsx("polygon", { points: LIGHTNING, fill: primaryColor }),
+        outline: ({ primaryColor, strokeWidth }) => (jsx("polygon", { points: LIGHTNING, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
+        // the bolt's two triangles, a colour each, meeting along the slanted step — no outline
+        duotone: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "14,2 3,13.5 10.4,13.5 13.6,10.5", fill: primaryColor }), jsx("polygon", { points: "13.6,10.5 21,10.5 10,22 10.4,13.5", fill: secondaryColor })] })),
+        vivid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("polygon", { points: LIGHTNING, fill: primaryColor }), jsx("polygon", { points: LIGHTNING, fill: "white", opacity: "0.1" })] })),
     },
 });
+/** @deprecated The same bolt as {@link NtdLightning} — use that. */
+const NtdZap = NtdLightning;
 
-export { NtdCrown, NtdDice, NtdDumpsterFire, NtdGamepad, NtdGhost, NtdLightning, NtdPartyPopper, NtdPuzzle, NtdRocket, NtdSad, NtdSkull, NtdSmiley, NtdTrophy };
+export { NtdCrown, NtdDice, NtdDumpsterFire, NtdGamepadOldschool, NtdGhost, NtdLightning, NtdPartyPopper, NtdPuzzle, NtdRocket, NtdSad, NtdSkull, NtdSmile, NtdSmiley, NtdTrophy, NtdZap };

package/dist/esm/icons/gaming.js

@@ -1,18 +1,42 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
+import { within } from '../iconParts.js';
 
 /* ────────────────────────────────────────────────────────────────────────────
    CONTROLLERS & INPUT
 ───────────────────────────────────────────────────────────────────────────── */
+// A modern pad in the layout of today's controllers: raised shoulders (the bumpers), grips that
+// taper down and out, the left stick high with the d-pad below it, the face buttons high with the
+// right stick below them. The old flat pad is NtdGamepadOldschool (fun.tsx).
+const PAD_BODY = 'M12 6.2C9.9 6.2 8.6 5 6.4 5 4.3 5 3 6.1 2.4 8.1L1.1 15.9C.7 18.6 2.6 20.7 4.9 19.9 5.9 19.6 6.5 18.9 7.2 18L8.5 16.1C9 15.4 9.6 15.1 10.4 15.1H13.6C14.4 15.1 15 15.4 15.5 16.1L16.8 18C17.5 18.9 18.1 19.6 19.1 19.9 21.4 20.7 23.3 18.6 22.9 15.9L21.6 8.1C21 6.1 19.7 5 17.6 5 15.4 5 14.1 6.2 12 6.2Z';
+/**
+ * The top edge of each shoulder, over the shoulder only: stroked wide and clipped to the body it
+ * is the bumper band; moved down by 0.9 it is the bumper's seam on the solid pad. (It ran from
+ * halfway down the sides, 1.35 down — too low and too long.)
+ */
+const PAD_BUMPERS = 'M2.6 7.8C3.2 6 4.5 5 6.4 5c1.4 0 2.4.4 3.2.8M21.4 7.8C20.8 6 19.5 5 17.6 5c-1.4 0-2.4.4-3.2.8';
+const PAD_DPAD = 'M8.45 10.85h1.3v1.1h1.1v1.3h-1.1v1.1h-1.3v-1.1h-1.1v-1.3h1.1z';
+/** The face buttons, Y (top), B, A, X clockwise, as [cx, cy]. */
+const PAD_FACE = [
+    [17.8, 7.95],
+    [19.25, 9.4],
+    [17.8, 10.85],
+    [16.35, 9.4],
+];
+/** Xbox colours of Y, B, A, X — vivid only. */
+const PAD_FACE_VIVID = ['#FACC15', '#EF4444', '#22C55E', '#3B82F6'];
 const NtdGamepad = /* @__PURE__ */ createIcon({
     displayName: 'NtdGamepad',
     paths: {
-        solid: ({ primaryColor }) => (jsx("path", { d: "M6 11h4M8 9v4M15 12h.01M18 10h.01M17.32 5H6.68a4 4 0 00-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 003.68 2.927c.834-.192 1.554-.76 1.899-1.545l.743-1.692A2 2 0 0110.164 14h3.672a2 2 0 011.842 1.69l.743 1.692c.345.785 1.065 1.353 1.899 1.545A3 3 0 0022 16c0-1.545-.604-6.584-.685-7.258-.006-.05-.01-.1-.017-.152A4 4 0 0017.32 5z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 11h4M8 9v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "15", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "18", cy: "10", r: "1", fill: primaryColor }), jsx("path", { d: "M17.32 5H6.68a4 4 0 00-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 003.68 2.927c.834-.192 1.554-.76 1.899-1.545l.743-1.692A2 2 0 0110.164 14h3.672a2 2 0 011.842 1.69l.743 1.692c.345.785 1.065 1.353 1.899 1.545A3 3 0 0022 16c0-1.545-.604-6.584-.685-7.258-.006-.05-.01-.1-.017-.152A4 4 0 0017.32 5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M17.32 5H6.68a4 4 0 00-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 003.68 2.927c.834-.192 1.554-.76 1.899-1.545l.743-1.692A2 2 0 0110.164 14h3.672a2 2 0 011.842 1.69l.743 1.692c.345.785 1.065 1.353 1.899 1.545A3 3 0 0022 16c0-1.545-.604-6.584-.685-7.258-.006-.05-.01-.1-.017-.152A4 4 0 0017.32 5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 11h4M8 9v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "15", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "18", cy: "10", r: "1", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 11h4M8 9v4M15 12h.01M18 10h.01M17.32 5H6.68a4 4 0 00-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 003.68 2.927c.834-.192 1.554-.76 1.899-1.545l.743-1.692A2 2 0 0110.164 14h3.672a2 2 0 011.842 1.69l.743 1.692c.345.785 1.065 1.353 1.899 1.545A3 3 0 0022 16c0-1.545-.604-6.584-.685-7.258-.006-.05-.01-.1-.017-.152A4 4 0 0017.32 5z", fill: primaryColor }), jsx("path", { d: "M6 11h4M8 9v4M15 12h.01M18 10h.01M17.32 5H6.68a4 4 0 00-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 003.68 2.927c.834-.192 1.554-.76 1.899-1.545l.743-1.692A2 2 0 0110.164 14h3.672a2 2 0 011.842 1.69l.743 1.692c.345.785 1.065 1.353 1.899 1.545A3 3 0 0022 16c0-1.545-.604-6.584-.685-7.258-.006-.05-.01-.1-.017-.152A4 4 0 0017.32 5z", fill: "white", opacity: "0.1" })] })),
+        solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: PAD_BODY, fill: primaryColor }), jsxs("g", { fill: accentColor, opacity: accentOpacity, children: [within(uid, 'b', jsx("path", { d: PAD_BODY }), jsx("path", { d: PAD_BUMPERS, stroke: accentColor, strokeWidth: "0.7", strokeLinecap: "round", fill: "none", transform: "translate(0 0.9)" })), jsx("circle", { cx: "6.2", cy: "9.4", r: "2.1" }), jsx("circle", { cx: "14.9", cy: "12.6", r: "1.9" }), jsx("path", { d: PAD_DPAD }), PAD_FACE.map(([cx, cy]) => (jsx("circle", { cx: cx, cy: cy, r: "0.78" }, `${cx},${cy}`))), jsx("circle", { cx: "12", cy: "8.3", r: "1.15" }), jsx("circle", { cx: "11.1", cy: "10.4", r: "0.5" }), jsx("circle", { cx: "12.9", cy: "10.4", r: "0.5" })] })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: PAD_BODY, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" }), jsxs("g", { stroke: primaryColor, strokeWidth: strokeWidth * 0.6, fill: "none", children: [jsx("circle", { cx: "6.2", cy: "9.4", r: "1.7" }), jsx("circle", { cx: "14.9", cy: "12.6", r: "1.5" }), jsx("path", { d: "M9.1 11.15v2.9M7.65 12.6h2.9", strokeLinecap: "round" })] }), jsxs("g", { fill: primaryColor, children: [PAD_FACE.map(([cx, cy]) => (jsx("circle", { cx: cx, cy: cy, r: "0.7" }, `${cx},${cy}`))), jsx("circle", { cx: "12", cy: "8.5", r: "0.9" })] })] })),
+        // Fills only: the tinted body, the bumpers and every control in primary.
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: PAD_BODY, fill: secondaryColor, opacity: secondaryOpacity }), jsxs("g", { fill: primaryColor, children: [within(uid, 'b', jsx("path", { d: PAD_BODY }), jsx("path", { d: PAD_BUMPERS, stroke: primaryColor, strokeWidth: "2.6", fill: "none" })), jsx("circle", { cx: "6.2", cy: "9.4", r: "2.1" }), jsx("circle", { cx: "14.9", cy: "12.6", r: "1.9" }), jsx("path", { d: PAD_DPAD }), PAD_FACE.map(([cx, cy]) => (jsx("circle", { cx: cx, cy: cy, r: "0.78" }, `${cx},${cy}`))), jsx("circle", { cx: "12", cy: "8.3", r: "1.15" })] })] })),
+        vivid: ({ primaryColor, secondaryColor, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: PAD_BODY, fill: primaryColor }), within(uid, 'b', jsx("path", { d: PAD_BODY }), jsx("path", { d: PAD_BUMPERS, stroke: secondaryColor, strokeWidth: "2.6", fill: "none" })), jsxs("g", { fill: secondaryColor, children: [jsx("circle", { cx: "6.2", cy: "9.4", r: "2.1" }), jsx("circle", { cx: "14.9", cy: "12.6", r: "1.9" }), jsx("path", { d: PAD_DPAD })] }), PAD_FACE.map(([cx, cy], i) => (jsx("circle", { cx: cx, cy: cy, r: "0.78", fill: PAD_FACE_VIVID[i] }, `${cx},${cy}`))), jsx("circle", { cx: "12", cy: "8.3", r: "1.15", fill: "white" }), jsx("circle", { cx: "11.1", cy: "10.4", r: "0.5", fill: "white", opacity: "0.8" }), jsx("circle", { cx: "12.9", cy: "10.4", r: "0.5", fill: "white", opacity: "0.8" })] })),
     },
 });
+/** @deprecated Renamed to {@link NtdGamepad} in 1.3.0 — the same icon. */
+const NtdGamepadController = NtdGamepad;
 const NtdJoystick = /* @__PURE__ */ createIcon({
     displayName: 'NtdJoystick',
     paths: {
@@ -170,4 +194,4 @@ const gamingIcons = {
     NtdPotion,
 };
 
-export { NtdDice, NtdDiscord, NtdGamepad, NtdHealthBar, NtdJoystick, NtdLeaderboard, NtdPotion, NtdShield, NtdStar, NtdSword, NtdTrophy, NtdTwitch, NtdVrHeadset, NtdXpBar, NtdYoutubeLive, gamingIcons };
+export { NtdDice, NtdDiscord, NtdGamepad, NtdGamepadController, NtdHealthBar, NtdJoystick, NtdLeaderboard, NtdPotion, NtdShield, NtdStar, NtdSword, NtdTrophy, NtdTwitch, NtdVrHeadset, NtdXpBar, NtdYoutubeLive, gamingIcons };

package/dist/esm/icons/health.js

@@ -100,13 +100,20 @@ const NtdEgg = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "7", ry: "8", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "14", rx: "7", ry: "8", fill: "white", opacity: "0.1" })] })),
     },
 });
+// NtdHamburger: even layers of one width — a low domed top bun, a thin wavy band of sauce, the
+// patty and the bottom bun — each standing apart. (The top was a tall half circle and the bottom
+// bun wider than everything above it.) The bun is plain and the sauce half as tall as before.
+const BURGER_TOP = 'M3 9.4C3 6.4 7 4 12 4s9 2.4 9 5.4a1 1 0 01-1 1H4a1 1 0 01-1-1z';
+const BURGER_SAUCE = 'M3 12c1.5-.5 3-.5 4.5 0s3 .5 4.5 0 3-.5 4.5 0 3 .5 4.5 0';
+const BURGER_PATTY = { x: 2.5, y: 13.6, width: 19, height: 2.9, rx: 1.45 };
+const BURGER_BOTTOM = 'M3 17.6h18v1.4a2 2 0 01-2 2H5a2 2 0 01-2-2z';
 const NtdHamburger = /* @__PURE__ */ createIcon({
     displayName: 'NtdHamburger',
     paths: {
-        solid: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 11h16a8 8 0 00-16 0z", fill: primaryColor }), jsx("rect", { x: "2", y: "11", width: "20", height: "3", rx: "1", fill: secondaryColor, opacity: 0.5 }), jsx("rect", { x: "2", y: "14", width: "20", height: "3", rx: "0.5", fill: primaryColor, opacity: 0.8 }), jsx("path", { d: "M2 17h20a1 1 0 011 1v1a2 2 0 01-2 2H3a2 2 0 01-2-2v-1a1 1 0 011-1z", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 11h16a8 8 0 00-16 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "14", x2: "22", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M2 17h20a1 1 0 011 1v1a2 2 0 01-2 2H3a2 2 0 01-2-2v-1a1 1 0 011-1z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 11h16a8 8 0 00-16 0z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 11h16a8 8 0 00-16 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "14", x2: "22", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M2 17h20a1 1 0 011 1v1a2 2 0 01-2 2H3a2 2 0 01-2-2v-1a1 1 0 011-1z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2 17h20a1 1 0 011 1v1a2 2 0 01-2 2H3a2 2 0 01-2-2v-1a1 1 0 011-1z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 11h16a8 8 0 00-16 0z", fill: primaryColor }), jsx("path", { d: "M4 11h16a8 8 0 00-16 0z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "11", width: "20", height: "3", rx: "1", fill: secondaryColor }), jsx("rect", { x: "2", y: "14", width: "20", height: "3", rx: "0.5", fill: "#EF4444" }), jsx("path", { d: "M2 17h20a1 1 0 011 1v1a2 2 0 01-2 2H3a2 2 0 01-2-2v-1a1 1 0 011-1z", fill: "#10B981" })] })),
+        solid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: BURGER_TOP, fill: primaryColor }), jsx("path", { d: BURGER_SAUCE, stroke: secondaryColor, strokeWidth: "1.1", fill: "none" }), jsx("rect", { ...BURGER_PATTY, fill: primaryColor }), jsx("path", { d: BURGER_BOTTOM, fill: primaryColor })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: BURGER_TOP, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: BURGER_SAUCE, stroke: primaryColor, strokeWidth: strokeWidth * 0.55, fill: "none" }), jsx("rect", { ...BURGER_PATTY, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: BURGER_BOTTOM, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: BURGER_TOP, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: BURGER_TOP, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: BURGER_SAUCE, stroke: primaryColor, strokeWidth: strokeWidth * 0.55, fill: "none" }), jsx("rect", { ...BURGER_PATTY, fill: primaryColor }), jsx("path", { d: BURGER_BOTTOM, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: BURGER_BOTTOM, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: BURGER_TOP, fill: primaryColor }), jsx("path", { d: BURGER_TOP, fill: "white", opacity: "0.12" }), jsx("path", { d: BURGER_SAUCE, stroke: secondaryColor, strokeWidth: "1.1", fill: "none" }), jsx("rect", { ...BURGER_PATTY, fill: primaryColor }), jsx("rect", { ...BURGER_PATTY, fill: "black", opacity: "0.2" }), jsx("path", { d: BURGER_BOTTOM, fill: primaryColor })] })),
     },
 });
 const NtdDna = /* @__PURE__ */ createIcon({

package/dist/esm/icons/index.js

@@ -1,31 +1,32 @@
 export { NtdArrowDown, NtdArrowLeft, NtdArrowRight, NtdArrowUp, NtdChevronDown, NtdChevronLeft, NtdChevronRight, NtdChevronUp, NtdClose, NtdExternalLink, NtdMenu, NtdMoreHorizontal, NtdMoreVertical, NtdRefresh } from './navigation.js';
-export { NtdCheck, NtdClipboard, NtdCopy, NtdDownload, NtdEdit, NtdFilter, NtdGroup, NtdLink, NtdLock, NtdLogIn, NtdLogOut, NtdMinus, NtdPlus, NtdPrint, NtdRedo, NtdReply, NtdSave, NtdSearch, NtdSettings, NtdShare, NtdSort, NtdTrash, NtdUndo, NtdUngroup, NtdUnlock, NtdUpload, NtdZoomIn, NtdZoomOut } from './actions.js';
-export { NtdBackspace, NtdBell, NtdBookmark, NtdCalendar, NtdClock, NtdCursor, NtdError, NtdEye, NtdEyeOff, NtdFlag, NtdGlobe, NtdHeart, NtdHelp, NtdHome, NtdInfo, NtdMap, NtdMoon, NtdPin, NtdShield, NtdStar, NtdSuccess, NtdSun, NtdTag, NtdThumbDown, NtdThumbUp, NtdUser, NtdUsers, NtdWarning, NtdWireframe } from './ui.js';
+export { NtdCheck, NtdClipboard, NtdCopy, NtdDownload, NtdEdit, NtdEditDetail, NtdFilter, NtdGroup, NtdLink, NtdLock, NtdLogIn, NtdLogOut, NtdMinus, NtdPlus, NtdPrint, NtdRedo, NtdReply, NtdSave, NtdSearch, NtdSettings, NtdShare, NtdSort, NtdTrash, NtdUndo, NtdUngroup, NtdUnlock, NtdUpload, NtdZoomIn, NtdZoomOut } from './actions.js';
+export { NtdAdmin, NtdBackspace, NtdBell, NtdBookmark, NtdCalendar, NtdClock, NtdCursor, NtdError, NtdEye, NtdEyeOff, NtdFlag, NtdGlobe, NtdHeart, NtdHelp, NtdHome, NtdInfo, NtdMap, NtdMoon, NtdPin, NtdShield, NtdStar, NtdSuccess, NtdSun, NtdTag, NtdThumbDown, NtdThumbUp, NtdUser, NtdUsers, NtdWarning, NtdWireframe } from './ui.js';
 export { NtdBiodegradable, NtdCarbonFootprint, NtdCo2, NtdCompost, NtdEcoFriendly, NtdEvCharger, NtdHydropower, NtdNetZero, NtdOrganic, NtdPlantTree, NtdRecycle, NtdSolarPanel, NtdTrashSort, NtdWildlife, NtdWindTurbine, sustainabilityIcons } from './sustainability.js';
 export { NtdAccessibility, NtdAssistiveTech, NtdAudioDescription, NtdBlind, NtdBraille, NtdClosedCaptions, NtdDeaf, NtdDyslexia, NtdEasyRead, NtdHearingAid, NtdScreenReader, NtdSignLanguage, NtdWheelchair, accessibilityIcons } from './accessibility.js';
 export { NtdAudit, NtdCcpa, NtdCertified, NtdCompliance, NtdContract, NtdCookieConsent, NtdCopyright, NtdGdpr, NtdLegalDocument, NtdPatent, NtdPrivacyPolicy, NtdTermsOfService, NtdTrademark, legalIcons } from './legal.js';
 export { NtdBluetooth, NtdBrush, NtdCamera, NtdChat, NtdImage, NtdInbox, NtdMail, NtdMicrophone, NtdMicrophoneOff, NtdMusic, NtdNotification, NtdPalette, NtdPause, NtdPenTool, NtdPhone, NtdPlay, NtdSend, NtdSkipBack, NtdSkipForward, NtdSpline, NtdStop, NtdVideo, NtdVolume, NtdVolumeMute, NtdWifi } from './media.js';
-export { NtdActivity, NtdArchive, NtdAward, NtdBarChart, NtdCart, NtdCloud, NtdCloudDownload, NtdCloudUpload, NtdCode, NtdCoffee, NtdCpu, NtdCreditCard, NtdDatabase, NtdFile, NtdFileText, NtdFolder, NtdFolderOpen, NtdGit, NtdGrid, NtdKey, NtdLayers, NtdList, NtdMonitor, NtdPackage, NtdPieChart, NtdSmartphone, NtdTable, NtdTarget, NtdTerminal, NtdTruck, NtdZap } from './files.js';
-export { NtdCrown, NtdDice, NtdDumpsterFire, NtdGamepad, NtdGhost, NtdLightning, NtdPartyPopper, NtdPuzzle, NtdRocket, NtdSad, NtdSkull, NtdSmiley, NtdTrophy } from './fun.js';
+export { NtdActivity, NtdArchive, NtdAward, NtdBarChart, NtdCart, NtdCloud, NtdCloudDownload, NtdCloudUpload, NtdCode, NtdCoffee, NtdCpu, NtdCreditCard, NtdDatabase, NtdFile, NtdFileText, NtdFolder, NtdFolderOpen, NtdGit, NtdGrid, NtdKey, NtdLayers, NtdList, NtdMonitor, NtdPackage, NtdPieChart, NtdShoppingCart, NtdSmartphone, NtdTable, NtdTarget, NtdTerminal, NtdTruck } from './files.js';
+export { NtdCrown, NtdDice, NtdDumpsterFire, NtdGamepadOldschool, NtdGhost, NtdLightning, NtdPartyPopper, NtdPuzzle, NtdRocket, NtdSad, NtdSkull, NtdSmile, NtdSmiley, NtdTrophy, NtdZap } from './fun.js';
 export { NtdAnchor, NtdBug, NtdCompass, NtdDroplet, NtdFeather, NtdFire, NtdFlower, NtdLeaf, NtdMountain, NtdRain, NtdSnow, NtdSnowflake, NtdSunrise, NtdSunset, NtdThermometer, NtdThunderstorm, NtdTree, NtdUmbrella, NtdWave, NtdWind } from './weather.js';
 export { NtdAngleBisector, NtdArrowDownCircle, NtdArrowLeftCircle, NtdArrowRightCircle, NtdArrowUpCircle, NtdCircle, NtdCornerDownLeft, NtdCornerDownRight, NtdCornerUpLeft, NtdCornerUpRight, NtdCross, NtdDiamond, NtdHexagon, NtdMaximize, NtdMidpoint, NtdMinimize, NtdMove, NtdOctagon, NtdParallel, NtdPentagon, NtdPerpendicular, NtdPoint, NtdRepeat, NtdSegment, NtdShuffle, NtdSquare, NtdStar4, NtdTriangle } from './shapes.js';
-export { NtdBank, NtdBarcode, NtdBriefcase, NtdCalculator, NtdClipboardCheck, NtdCoins, NtdDollar, NtdInvoice, NtdKanban, NtdMilestone, NtdPercent, NtdPiggyBank, NtdPresentation, NtdReceipt, NtdStore, NtdTrendDown, NtdTrendUp, NtdWallet } from './business.js';
+export { NtdBank, NtdBarcode, NtdBriefcase, NtdCalculator, NtdClipboardCheck, NtdCoins, NtdDollar, NtdInvoice, NtdInvoiceDoc, NtdKanban, NtdMilestone, NtdPercent, NtdPiggyBank, NtdPresentation, NtdReceipt, NtdStore, NtdTrendDown, NtdTrendUp, NtdWallet } from './business.js';
 export { NtdAtSign, NtdBellRing, NtdBubble, NtdMegaphone, NtdPhoneOff, NtdQrCode, NtdThumbsDown, NtdThumbsUp } from './social.js';
 export { NtdAIBrain, NtdAstroLogo, NtdBattery, NtdBlueprint, NtdBrackets, NtdBugDev, NtdBunLogo, NtdComponent, NtdDataMesh, NtdDenoLogo, NtdDeploy, NtdFeatureFlag, NtdFlow, NtdForge, NtdGateway, NtdGitBranch, NtdGitCommit, NtdGitMerge, NtdHash, NtdNeural, NtdNextJsLogo, NtdNodes, NtdPipeline, NtdPrototype, NtdQwikLogo, NtdServer, NtdSlash, NtdSolidJsLogo, NtdSvelteLogo, NtdTauriLogo, NtdViteLogo } from './devtech.js';
-export { NtdCartAdd, NtdCartRemove, NtdCheckout, NtdCompare, NtdCoupon, NtdDiscount, NtdGiftCard, NtdInvoiceDoc, NtdPayment, NtdPromoTag, NtdRefund, NtdReturn, NtdShipping, NtdShoppingCart, NtdStorefront, NtdWishlist } from './ecommerce.js';
+export { NtdCartAdd, NtdCartRemove, NtdCheckout, NtdCompare, NtdCoupon, NtdDiscount, NtdGiftCard, NtdPayment, NtdPromoTag, NtdRefund, NtdReturn, NtdShipping, NtdStorefront, NtdWishlist } from './ecommerce.js';
 export { NtdAirdrop, NtdBitcoin, NtdBlockchain, NtdCryptoWallet, NtdDeFi, NtdEthereum, NtdExchange, NtdGasFee, NtdLedger, NtdMining, NtdNFT, NtdSmartContract, NtdStaking, NtdToken } from './fintech.js';
 export { NtdAPI, NtdAnalytics, NtdBilling, NtdDashboard, NtdIntegration, NtdMetrics, NtdQuota, NtdSubscription, NtdTeamwork, NtdTenant, NtdUptime, NtdUsage, NtdWebhook } from './saas.js';
 export { NtdDoorbell, NtdMotionSensor, NtdRouter, NtdSmartBulb, NtdSmartCamera, NtdSmartHub, NtdSmartLock, NtdSmartPlug, NtdSmartSpeaker, NtdSmartSwitch, NtdTemperatureSensor, NtdThermostat, NtdVoiceAssistant } from './smarthome.js';
 export { NtdApple, NtdBandaid, NtdCake, NtdDna, NtdEgg, NtdGlass, NtdHamburger, NtdHeartPulse, NtdPill, NtdPizza, NtdStethoscope, NtdSyringe, NtdWeight } from './health.js';
 export { NtdNiceToDev, NtdOmniVerk, NtdOmniVerkAnimated, NtdOmniVerkBadge, NtdOmniVerkLogo, NtdOmniVerkSpinner, NtdOmniVerkWatermark } from './brand.js';
-export { NtdDice as NtdDiceGaming, NtdDiscord, NtdGamepad as NtdGamepadController, NtdHealthBar, NtdJoystick, NtdLeaderboard, NtdPotion, NtdShield as NtdShieldGaming, NtdStar as NtdStarGaming, NtdSword, NtdTrophy as NtdTrophyGaming, NtdTwitch, NtdVrHeadset, NtdXpBar, NtdYoutubeLive, gamingIcons } from './gaming.js';
+export { NtdDice as NtdDiceGaming, NtdDiscord, NtdGamepad, NtdGamepadController, NtdHealthBar, NtdJoystick, NtdLeaderboard, NtdPotion, NtdShield as NtdShieldGaming, NtdStar as NtdStarGaming, NtdSword, NtdTrophy as NtdTrophyGaming, NtdTwitch, NtdVrHeadset, NtdXpBar, NtdYoutubeLive, gamingIcons } from './gaming.js';
 export { NtdVoiceAssistant as NtdAIAssistant, NtdBrain, NtdChatbot, NtdDataset, NtdDeepLearning, NtdGradient, NtdInference, NtdMagicWand, NtdModel, NtdNeuralNetwork, NtdPrompt, NtdRobot, NtdSparkle, NtdTensor, NtdTraining, aiIcons } from './ai.js';
-export { NtdBackpack, NtdBook, NtdCalculator as NtdCalculatorEdu, NtdCertificate, NtdDiploma, NtdExam, NtdFlashcard, NtdGraduationCap, NtdNotebook, NtdOnlineCourse, NtdOpenBook, NtdPen, NtdPencil, NtdQuiz, NtdSchool, NtdUniversity, NtdWebinar, educationIcons } from './education.js';
+export { NtdBackpack, NtdBook, NtdBookBookmark, NtdCalculator as NtdCalculatorEdu, NtdCertificate, NtdDiploma, NtdExam, NtdFlashcard, NtdGraduationCap, NtdNotebook, NtdOnlineCourse, NtdOpenBook, NtdPen, NtdPencil, NtdQuiz, NtdSchool, NtdUniversity, NtdWebinar, educationIcons } from './education.js';
 export { NtdAtom, NtdBeaker, NtdDna as NtdDnaScience, NtdExperiment, NtdFlask, NtdHypothesis, NtdMagnet, NtdMicroscope, NtdMolecule, NtdPeriodictable, NtdPetriDish, NtdPlanet, NtdResearch, NtdRocket as NtdRocketScience, NtdTelescope, NtdTestTube, scienceIcons } from './science.js';
 export { NtdApartment, NtdBathroom, NtdBedroom, NtdCondo, NtdFloorPlan, NtdForRent, NtdForSale, NtdGarage, NtdHouse as NtdHouseRealEstate, NtdKey as NtdKeyRealEstate, NtdMortgage, NtdOfficeBuilding, NtdPool, NtdSold, NtdSquareMeters, NtdVilla, NtdWarehouse, realestateIcons } from './realestate.js';
 export { NtdBeer, NtdBurger, NtdChefHat, NtdCocktail, NtdCoffee as NtdCoffeeFood, NtdDelivery, NtdForkKnife, NtdHotdog, NtdPizza as NtdPizzaFood, NtdPlate, NtdRecipe, NtdRestaurant, NtdSoda, NtdSushi, NtdTaco, NtdWine, foodIcons } from './food.js';
 export { NtdBeach, NtdBike, NtdBus, NtdCamping, NtdCar, NtdCompassRose, NtdHotel, NtdLuggage, NtdPassport, NtdPlane, NtdPlaneTakeoff, NtdShip, NtdTaxi, NtdTicket, NtdTrain, travelIcons } from './travel.js';
 export { NtdBasketball, NtdCycling, NtdDumbbell, NtdGolf, NtdMedal, NtdPodium, NtdRunning, NtdSoccerBall, NtdStopwatch, NtdSwimming, NtdTarget as NtdTargetSports, NtdTennis, NtdWhistle, NtdYoga, sportsIcons } from './sports.js';
 export { NtdAlert, NtdAlertBell, NtdFood, NtdGym, NtdInsurance, NtdLab, NtdMeal, NtdProduct, NtdProject, NtdShipment, NtdTax, NtdWorkflow } from './omniverk.js';
+export { NtdKeyBackspace, NtdKeyCaps, NtdKeyCommand, NtdKeyControl, NtdKeyEnter, NtdKeyOption, NtdKeyShift, NtdKeySpace, NtdKeyTab, NtdPadDpad, NtdPadDpadDown, NtdPadDpadLeft, NtdPadDpadRight, NtdPadDpadUp, NtdPadGenericEast, NtdPadGenericNorth, NtdPadGenericSouth, NtdPadGenericWest, NtdPadHome, NtdPadLb, NtdPadLt, NtdPadNintendoA, NtdPadNintendoB, NtdPadNintendoX, NtdPadNintendoY, NtdPadPlaystationCircle, NtdPadPlaystationCross, NtdPadPlaystationSquare, NtdPadPlaystationTriangle, NtdPadRb, NtdPadRt, NtdPadSelect, NtdPadStart, NtdPadStickLeft, NtdPadStickLeftPress, NtdPadStickRight, NtdPadStickRightPress, NtdPadXboxA, NtdPadXboxB, NtdPadXboxX, NtdPadXboxY, NtdRemoteBack, NtdRemoteMenu, NtdRemoteOk } from './input.js';
 
 // Navigation

package/dist/esm/icons/input.js

@@ -0,0 +1,75 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { createIcon } from '../createIcon.js';
+
+const RING = 'M12 3a9 9 0 1 0 0 18a9 9 0 1 0 0 -18z';
+/** A round button: a disc with its symbol. */
+function discGlyph(displayName, symbol) {
+    return createIcon({
+        displayName,
+        paths: {
+            solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: symbol, stroke: accentColor, strokeOpacity: accentOpacity, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
+            outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: `${RING} ${symbol}`, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })),
+            duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: `${RING} ${symbol}`, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
+            vivid: ({ primaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10.5", fill: primaryColor }), jsx("path", { d: symbol, stroke: accentColor, strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
+        },
+    });
+}
+/** Any other glyph: one stroked shape, bolder when solid, tinted when duotone. */
+function shapeGlyph(displayName, d) {
+    return createIcon({
+        displayName,
+        paths: {
+            solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: d, stroke: primaryColor, strokeWidth: strokeWidth * 1.3, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })),
+            outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: d, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })),
+            duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsx("path", { d: d, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: secondaryColor, fillOpacity: secondaryOpacity })),
+            vivid: ({ primaryColor }) => (jsx("path", { d: d, stroke: primaryColor, strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })),
+        },
+    });
+}
+const NtdPadXboxA = /* @__PURE__ */ discGlyph('NtdPadXboxA', 'M9.25 16l2.75-8 2.75 8 M10.2 13.25h3.6');
+const NtdPadXboxB = /* @__PURE__ */ discGlyph('NtdPadXboxB', 'M9.75 8v8 M9.75 8h2.5a2 2 0 0 1 0 4h-2.5 M9.75 12h3a2 2 0 0 1 0 4h-3');
+const NtdPadXboxX = /* @__PURE__ */ discGlyph('NtdPadXboxX', 'M9.5 8l5 8 M14.5 8l-5 8');
+const NtdPadXboxY = /* @__PURE__ */ discGlyph('NtdPadXboxY', 'M9.5 8l2.5 4 2.5-4 M12 12v4');
+const NtdPadNintendoA = /* @__PURE__ */ discGlyph('NtdPadNintendoA', 'M9.25 16l2.75-8 2.75 8 M10.2 13.25h3.6');
+const NtdPadNintendoB = /* @__PURE__ */ discGlyph('NtdPadNintendoB', 'M9.75 8v8 M9.75 8h2.5a2 2 0 0 1 0 4h-2.5 M9.75 12h3a2 2 0 0 1 0 4h-3');
+const NtdPadNintendoX = /* @__PURE__ */ discGlyph('NtdPadNintendoX', 'M9.5 8l5 8 M14.5 8l-5 8');
+const NtdPadNintendoY = /* @__PURE__ */ discGlyph('NtdPadNintendoY', 'M9.5 8l2.5 4 2.5-4 M12 12v4');
+const NtdPadPlaystationCross = /* @__PURE__ */ discGlyph('NtdPadPlaystationCross', 'M9 9l6 6 M15 9l-6 6');
+const NtdPadPlaystationCircle = /* @__PURE__ */ discGlyph('NtdPadPlaystationCircle', 'M12 8.25a3.75 3.75 0 1 0 0 7.5a3.75 3.75 0 1 0 0 -7.5z');
+const NtdPadPlaystationSquare = /* @__PURE__ */ discGlyph('NtdPadPlaystationSquare', 'M8.5 8.5h7v7h-7z');
+const NtdPadPlaystationTriangle = /* @__PURE__ */ discGlyph('NtdPadPlaystationTriangle', 'M12 8l4.5 7.5h-9z');
+const NtdPadGenericNorth = /* @__PURE__ */ shapeGlyph('NtdPadGenericNorth', 'M12 3a3 3 0 1 0 0 6a3 3 0 1 0 0 -6z M12 6h.01 M18 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M6 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M12 16.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z');
+const NtdPadGenericEast = /* @__PURE__ */ shapeGlyph('NtdPadGenericEast', 'M12 4.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M18 9a3 3 0 1 0 0 6a3 3 0 1 0 0 -6z M18 12h.01 M6 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M12 16.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z');
+const NtdPadGenericWest = /* @__PURE__ */ shapeGlyph('NtdPadGenericWest', 'M12 4.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M18 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M6 9a3 3 0 1 0 0 6a3 3 0 1 0 0 -6z M6 12h.01 M12 16.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z');
+const NtdPadGenericSouth = /* @__PURE__ */ shapeGlyph('NtdPadGenericSouth', 'M12 4.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M18 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M6 10.25a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 1 0 0 -3.5z M12 15a3 3 0 1 0 0 6a3 3 0 1 0 0 -6z M12 18h.01');
+const NtdPadLb = /* @__PURE__ */ shapeGlyph('NtdPadLb', 'M6 9h12a3 3 0 0 1 0 6H6a3 3 0 0 1 0-6z M7.5 12h.01');
+const NtdPadRb = /* @__PURE__ */ shapeGlyph('NtdPadRb', 'M6 9h12a3 3 0 0 1 0 6H6a3 3 0 0 1 0-6z M16.5 12h.01');
+const NtdPadLt = /* @__PURE__ */ shapeGlyph('NtdPadLt', 'M9 3h6a3 3 0 0 1 3 3v7a6 6 0 0 1-12 0V6a3 3 0 0 1 3-3z M9.5 7h.01');
+const NtdPadRt = /* @__PURE__ */ shapeGlyph('NtdPadRt', 'M9 3h6a3 3 0 0 1 3 3v7a6 6 0 0 1-12 0V6a3 3 0 0 1 3-3z M14.5 7h.01');
+const NtdPadStart = /* @__PURE__ */ discGlyph('NtdPadStart', 'M8.5 8.75h7 M8.5 12h7 M8.5 15.25h7');
+const NtdPadSelect = /* @__PURE__ */ discGlyph('NtdPadSelect', 'M7.75 7.75h5.5v5.5h-5.5z M10.75 16.25h5.5v-5.5');
+const NtdPadHome = /* @__PURE__ */ discGlyph('NtdPadHome', 'M7.95 12L12 8.6l4.05 3.4v4H7.95z');
+const NtdPadDpad = /* @__PURE__ */ shapeGlyph('NtdPadDpad', 'M9 3h6v6h6v6h-6v6H9v-6H3V9h6z');
+const NtdPadDpadUp = /* @__PURE__ */ shapeGlyph('NtdPadDpadUp', 'M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M12 5.6l1.15 1.5h-2.3z');
+const NtdPadDpadDown = /* @__PURE__ */ shapeGlyph('NtdPadDpadDown', 'M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M12 18.4l1.15-1.5h-2.3z');
+const NtdPadDpadLeft = /* @__PURE__ */ shapeGlyph('NtdPadDpadLeft', 'M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M5.6 12l1.5-1.15v2.3z');
+const NtdPadDpadRight = /* @__PURE__ */ shapeGlyph('NtdPadDpadRight', 'M9 3h6v6h6v6h-6v6H9v-6H3V9h6z M18.4 12l-1.5-1.15v2.3z');
+const NtdPadStickLeft = /* @__PURE__ */ discGlyph('NtdPadStickLeft', 'M12 7.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 1 0 0 -9z M4.5 12h1');
+const NtdPadStickRight = /* @__PURE__ */ discGlyph('NtdPadStickRight', 'M12 7.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 1 0 0 -9z M18.5 12h1');
+const NtdPadStickLeftPress = /* @__PURE__ */ discGlyph('NtdPadStickLeftPress', 'M12 7.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 1 0 0 -9z M12 12h.01 M4.5 12h1');
+const NtdPadStickRightPress = /* @__PURE__ */ discGlyph('NtdPadStickRightPress', 'M12 7.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 1 0 0 -9z M12 12h.01 M18.5 12h1');
+const NtdRemoteOk = /* @__PURE__ */ discGlyph('NtdRemoteOk', 'M12 8.5a3.5 3.5 0 1 0 0 7a3.5 3.5 0 1 0 0 -7z');
+const NtdRemoteBack = /* @__PURE__ */ shapeGlyph('NtdRemoteBack', 'M9 14l-4-4 4-4 M5 10h9a5 5 0 0 1 0 10h-2');
+const NtdRemoteMenu = /* @__PURE__ */ shapeGlyph('NtdRemoteMenu', 'M4 6h16v12H4z M8 10h8 M8 14h8');
+const NtdKeyCommand = /* @__PURE__ */ shapeGlyph('NtdKeyCommand', 'M9 9V6.5A2.5 2.5 0 1 0 6.5 9H9z M9 9h6 M9 9v6 M15 9V6.5A2.5 2.5 0 1 1 17.5 9H15z M15 9v6 M15 15H9 M15 15v2.5a2.5 2.5 0 1 0 2.5-2.5H15z M9 15H6.5A2.5 2.5 0 1 0 9 17.5V15z');
+const NtdKeyOption = /* @__PURE__ */ shapeGlyph('NtdKeyOption', 'M4 6h5l6 12h5 M14 6h6');
+const NtdKeyShift = /* @__PURE__ */ shapeGlyph('NtdKeyShift', 'M12 4l-8 8h4v8h8v-8h4z');
+const NtdKeyControl = /* @__PURE__ */ shapeGlyph('NtdKeyControl', 'M7 14l5-5 5 5');
+const NtdKeyEnter = /* @__PURE__ */ shapeGlyph('NtdKeyEnter', 'M20 5v7a3 3 0 0 1-3 3H5 M9 11l-4 4 4 4');
+const NtdKeyTab = /* @__PURE__ */ shapeGlyph('NtdKeyTab', 'M4 12h14 M14 8l4 4-4 4 M20 6v12');
+// On-screen keyboard keys (1.3.0 H1)
+const NtdKeyBackspace = /* @__PURE__ */ shapeGlyph('NtdKeyBackspace', 'M21 5H9l-6 7 6 7h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z M17 9l-6 6 M11 9l6 6');
+const NtdKeySpace = /* @__PURE__ */ shapeGlyph('NtdKeySpace', 'M4 10v4h16v-4');
+const NtdKeyCaps = /* @__PURE__ */ shapeGlyph('NtdKeyCaps', 'M12 4l-7 7h4v5h6v-5h4z M8 20h8');
+
+export { NtdKeyBackspace, NtdKeyCaps, NtdKeyCommand, NtdKeyControl, NtdKeyEnter, NtdKeyOption, NtdKeyShift, NtdKeySpace, NtdKeyTab, NtdPadDpad, NtdPadDpadDown, NtdPadDpadLeft, NtdPadDpadRight, NtdPadDpadUp, NtdPadGenericEast, NtdPadGenericNorth, NtdPadGenericSouth, NtdPadGenericWest, NtdPadHome, NtdPadLb, NtdPadLt, NtdPadNintendoA, NtdPadNintendoB, NtdPadNintendoX, NtdPadNintendoY, NtdPadPlaystationCircle, NtdPadPlaystationCross, NtdPadPlaystationSquare, NtdPadPlaystationTriangle, NtdPadRb, NtdPadRt, NtdPadSelect, NtdPadStart, NtdPadStickLeft, NtdPadStickLeftPress, NtdPadStickRight, NtdPadStickRightPress, NtdPadXboxA, NtdPadXboxB, NtdPadXboxX, NtdPadXboxY, NtdRemoteBack, NtdRemoteMenu, NtdRemoteOk };

package/dist/esm/icons/legal.js

@@ -1,18 +1,13 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
+import { paperIcon } from '../iconParts.js';
 
 /* ────────────────────────────────────────────────────────────────────────────
    LEGAL DOCUMENTS
 ───────────────────────────────────────────────────────────────────────────── */
-const NtdContract = /* @__PURE__ */ createIcon({
-    displayName: 'NtdContract',
-    paths: {
-        solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M14 2v6h6", fill: "white", opacity: "0.3" }), jsx("path", { d: "M8 12h8M8 16h6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M10 20c2-1 3-2 4-2s2 1 2 2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", fill: "none" })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M8 12h8M8 16h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 20c2-1 3-2 4-2s2 1 2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 2v6h6", fill: primaryColor, opacity: "0.3" }), jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M8 12h8M8 16h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 20c2-1 3-2 4-2s2 1 2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M14 2v6h6", fill: "white", opacity: "0.3" }), jsx("path", { d: "M8 12h8M8 16h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M10 20c2-1 3-2 4-2s2 1 2 2", stroke: "white", strokeWidth: "1", strokeLinecap: "round", fill: "none" })] })),
-    },
-});
+// NtdContract: NtdFile's page with two lines of text and two signature lines, left and right
+// (the signature was a thick squiggle).
+const NtdContract = /* @__PURE__ */ paperIcon('NtdContract', 'M7.5 12h9M7.5 15.5h9M7.5 19h3.5M13 19h3.5');
 const NtdLegalDocument = /* @__PURE__ */ createIcon({
     displayName: 'NtdLegalDocument',
     paths: {

package/dist/esm/icons/media.js

@@ -1,5 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
+import { within } from '../iconParts.js';
 
 const NtdPlay = /* @__PURE__ */ createIcon({
     displayName: 'NtdPlay',
@@ -110,22 +111,31 @@ const NtdMicrophoneOff = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "9", y: "1", width: "6", height: "12", rx: "3", fill: primaryColor }), jsx("path", { d: "M19 10v2a7 7 0 01-14 0v-2", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23", stroke: secondaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23", stroke: secondaryColor, strokeWidth: "1.5" }), jsx("line", { x1: "2", y1: "2", x2: "22", y2: "22", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
+// NtdMusic: the note heads are tilted ellipses whose right edge is the stem's right edge, and the
+// stems end where that edge is vertical, so stem and head meet without a step (the heads stuck
+// out right of the stems). The outline heads are the filled ones moved in by half a stroke, so
+// their stroke meets the stem the same way.
+const MUSIC_STEMS = 'M8.3 17.22V5l12-2v12.22';
 const NtdMusic = /* @__PURE__ */ createIcon({
     displayName: 'NtdMusic',
     paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 18V5l12-2v13", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "7", cy: "18", rx: "3.4", ry: "2.5", transform: "rotate(-22 7 18)", fill: primaryColor }), jsx("ellipse", { cx: "19", cy: "16", rx: "3.4", ry: "2.5", transform: "rotate(-22 19 16)", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 18V5l12-2v13", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "7", cy: "18", rx: "3.4", ry: "2.5", transform: "rotate(-22 7 18)", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "19", cy: "16", rx: "3.4", ry: "2.5", transform: "rotate(-22 19 16)", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 5l12-2v13", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("path", { d: "M9 18V5l12-2v13", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "7", cy: "18", rx: "3.4", ry: "2.5", transform: "rotate(-22 7 18)", fill: primaryColor }), jsx("ellipse", { cx: "19", cy: "16", rx: "3.4", ry: "2.5", transform: "rotate(-22 19 16)", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "7", cy: "18", rx: "3.4", ry: "2.5", transform: "rotate(-22 7 18)", fill: primaryColor }), jsx("ellipse", { cx: "7", cy: "18", rx: "3.4", ry: "2.5", transform: "rotate(-22 7 18)", fill: "white", opacity: "0.08" }), jsx("ellipse", { cx: "19", cy: "16", rx: "3.4", ry: "2.5", transform: "rotate(-22 19 16)", fill: secondaryColor }), jsx("path", { d: "M9 18V5l12-2v13", stroke: "white", strokeWidth: "1", fill: "none" })] })),
+        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: MUSIC_STEMS, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxs("g", { fill: primaryColor, children: [jsx("ellipse", { cx: "5.97", cy: "18", rx: "3.5", ry: "2.3", transform: "rotate(-24 5.97 18)" }), jsx("ellipse", { cx: "17.97", cy: "16", rx: "3.5", ry: "2.3", transform: "rotate(-24 17.97 16)" })] })] })),
+        // the stems stop a unit higher: the square caps of `sharp` then end at the heads' edge
+        sharp: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8.3 16.22V5l12-2v11.22", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxs("g", { fill: primaryColor, children: [jsx("ellipse", { cx: "5.97", cy: "18", rx: "3.5", ry: "2.3", transform: "rotate(-24 5.97 18)" }), jsx("ellipse", { cx: "17.97", cy: "16", rx: "3.5", ry: "2.3", transform: "rotate(-24 17.97 16)" })] })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: MUSIC_STEMS, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxs("g", { stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", children: [jsx("ellipse", { cx: "5.97", cy: "18", rx: "2.5", ry: "1.3", transform: "rotate(-24 5.97 18)" }), jsx("ellipse", { cx: "17.97", cy: "16", rx: "2.5", ry: "1.3", transform: "rotate(-24 17.97 16)" })] })] })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8.3 5l12-2v12.22", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("path", { d: MUSIC_STEMS, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxs("g", { fill: primaryColor, children: [jsx("ellipse", { cx: "5.97", cy: "18", rx: "3.5", ry: "2.3", transform: "rotate(-24 5.97 18)" }), jsx("ellipse", { cx: "17.97", cy: "16", rx: "3.5", ry: "2.3", transform: "rotate(-24 17.97 16)" })] })] })),
+        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: MUSIC_STEMS, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "5.97", cy: "18", rx: "3.5", ry: "2.3", transform: "rotate(-24 5.97 18)", fill: primaryColor }), jsx("ellipse", { cx: "17.97", cy: "16", rx: "3.5", ry: "2.3", transform: "rotate(-24 17.97 16)", fill: secondaryColor })] })),
     },
 });
+// The flap is a cut through the envelope, kept inside it: its ends meet the sides flush (the
+// round caps stuck out past the corners).
 const NtdMail = /* @__PURE__ */ createIcon({
     displayName: 'NtdMail',
     paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })),
+        solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), within(uid, 'flap', jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity }))] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })] })),
+        vivid: ({ primaryColor, secondaryColor, uid }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: "white", opacity: "0.1" }), within(uid, 'flap', jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }))] })),
     },
 });
 // Inbox: a tray (open box seen from the front, the dip where letters land), next to NtdMail's
@@ -139,22 +149,27 @@ const NtdInbox = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx("path", { d: "M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11zM4.24 12h3.23l2 3h5.06l2-3h3.23l-2.68-5.37a.5.5 0 0 0-.45-.27H7.37a.5.5 0 0 0-.45.27z", fill: primaryColor, fillRule: "evenodd" })),
     },
 });
+const PHONE_HANDSET = 'M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z';
 const NtdPhone = /* @__PURE__ */ createIcon({
     displayName: 'NtdPhone',
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        // Fills only, a colour per part: the ear and mouth pieces primary, the grip between them
+        // secondary. The handset is symmetric about (x, y) -> (24 - y, 24 - x), so the two cuts are
+        // mirror images, each through the corner where an end piece meets the grip.
+        duotone: ({ primaryColor, secondaryColor, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: PHONE_HANDSET, fill: secondaryColor }), within(uid, 'ear', jsx("polygon", { points: "0,0 13,0 13,9.5 0,10.59" }), jsx("path", { d: PHONE_HANDSET, fill: primaryColor })), within(uid, 'mouth', jsx("polygon", { points: "24,24 24,11 14.5,11 13.41,24" }), jsx("path", { d: PHONE_HANDSET, fill: primaryColor }))] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", fill: primaryColor }), jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", fill: "white", opacity: "0.1" })] })),
     },
 });
+// The tail leaves the bubble's bottom edge 4 units in from the left (it ran down the left side).
 const NtdChat = /* @__PURE__ */ createIcon({
     displayName: 'NtdChat',
     paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", fill: primaryColor }), jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", fill: "white", opacity: "0.1" })] })),
+        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M5 3h14a2 2 0 012 2v10a2 2 0 01-2 2h-8l-4 4v-4H5a2 2 0 01-2-2V5a2 2 0 012-2z", fill: primaryColor })),
+        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5 3h14a2 2 0 012 2v10a2 2 0 01-2 2h-8l-4 4v-4H5a2 2 0 01-2-2V5a2 2 0 012-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3h14a2 2 0 012 2v10a2 2 0 01-2 2h-8l-4 4v-4H5a2 2 0 01-2-2V5a2 2 0 012-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 3h14a2 2 0 012 2v10a2 2 0 01-2 2h-8l-4 4v-4H5a2 2 0 01-2-2V5a2 2 0 012-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3h14a2 2 0 012 2v10a2 2 0 01-2 2h-8l-4 4v-4H5a2 2 0 01-2-2V5a2 2 0 012-2z", fill: primaryColor }), jsx("path", { d: "M5 3h14a2 2 0 012 2v10a2 2 0 01-2 2h-8l-4 4v-4H5a2 2 0 01-2-2V5a2 2 0 012-2z", fill: "white", opacity: "0.1" })] })),
     },
 });
 /* NtdSend — the paper plane read ~20% oversized next to the rest of the set,

package/dist/esm/icons/navigation.js

@@ -82,13 +82,15 @@ const NtdMenu = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: secondaryColor }), jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: "#3B82F6" })] })),
     },
 });
+// The filled cross is drawn as two strokes at twice the stroke width, like NtdCheck: it was a
+// fixed outline that did not follow `strokeWidth` at all.
 const NtdClose = /* @__PURE__ */ createIcon({
     displayName: 'NtdClose',
     paths: {
-        solid: ({ primaryColor }) => (jsx("path", { d: "M18.3 5.7a1 1 0 00-1.4 0L12 10.6 7.1 5.7a1 1 0 00-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 001.4 1.4L12 13.4l4.9 4.9a1 1 0 001.4-1.4L13.4 12l4.9-4.9a1 1 0 000-1.4z", fill: primaryColor })),
+        solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M18 6L6 18M6 6l12 12", stroke: primaryColor, strokeWidth: strokeWidth * 2 })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("line", { x1: "8", y1: "8", x2: "16", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "16", y1: "8", x2: "8", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18.3 5.7a1 1 0 00-1.4 0L12 10.6 7.1 5.7a1 1 0 00-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 001.4 1.4L12 13.4l4.9 4.9a1 1 0 001.4-1.4L13.4 12l4.9-4.9a1 1 0 000-1.4z", fill: primaryColor }), jsx("path", { d: "M18.3 5.7a1 1 0 00-1.4 0L12 10.6 7.1 5.7a1 1 0 00-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 001.4 1.4L12 13.4l4.9 4.9a1 1 0 001.4-1.4L13.4 12l4.9-4.9a1 1 0 000-1.4z", fill: "white", opacity: "0.1" })] })),
+        vivid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M18 6L6 18M6 6l12 12", stroke: primaryColor, strokeWidth: strokeWidth * 2 })),
     },
 });
 const NtdMoreHorizontal = /* @__PURE__ */ createIcon({