@nice2dev/icons 1.2.1 → 1.3.0

package/dist/cjs/icons/files.js

@@ -2,41 +2,30 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var createIcon = require('../createIcon.js');
+var iconParts = require('../iconParts.js');
 
-const NtdFile = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdFile',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M13 2v7h7", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M13 2v7h7", stroke: primaryColor, strokeWidth: strokeWidth, fill: primaryColor, opacity: secondaryOpacity + 0.1 })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: "white", opacity: "0.1" })] })),
-    },
-});
-const NtdFileText = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdFileText',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: primaryColor }), jsxRuntime.jsx("line", { x1: "8", y1: "13", x2: "16", y2: "13", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "8", y1: "17", x2: "14", y2: "17", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M13 2v7h7", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "8", y1: "13", x2: "16", y2: "13", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "8", y1: "17", x2: "14", y2: "17", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M13 2v7h7", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "8", y1: "13", x2: "16", y2: "13", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "8", y1: "17", x2: "14", y2: "17", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M13 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V9l-7-7z", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("line", { x1: "8", y1: "13", x2: "16", y2: "13", stroke: secondaryColor, strokeWidth: "1.8" }), jsxRuntime.jsx("line", { x1: "8", y1: "17", x2: "14", y2: "17", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
-    },
-});
+// NtdFile is the page every paper icon is drawn on (`paperIcon` in iconParts.tsx): the fold is
+// 8 now (7 before — the duotone's stroked fold looked the largest), secondary when the page is
+// filled, square in `sharp`.
+const NtdFile = /* @__PURE__ */ iconParts.paperIcon('NtdFile');
+const NtdFileText = /* @__PURE__ */ iconParts.paperIcon('NtdFileText', 'M7.5 9.5h3M7.5 13.5h9M7.5 17.5h9');
+// The folder tab runs 2 → 11 before its slope (2 → 9 before), in NtdFolder and NtdFolderOpen.
 const NtdFolder = /* @__PURE__ */ createIcon.createIcon({
     displayName: 'NtdFolder',
     paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: "white", opacity: "0.1" })] })),
+        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: primaryColor })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: "white", opacity: "0.1" })] })),
     },
 });
 const NtdFolderOpen = /* @__PURE__ */ createIcon.createIcon({
     displayName: 'NtdFolderOpen',
     paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: primaryColor, opacity: "0.3" }), jsxRuntime.jsx("path", { d: "M2 10h20M4 21l2-11h16l-2 11H4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: primaryColor, opacity: "0.3" }), jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2v11z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M2 10h20M4 21l2-11h16l-2 11H4z", stroke: secondaryColor, strokeWidth: "2", fill: secondaryColor })] })),
+        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: primaryColor, opacity: "0.3" }), jsxRuntime.jsx("path", { d: "M2 10h20M4 21l2-11h16l-2 11H4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: primaryColor })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: primaryColor, opacity: "0.3" }), jsxRuntime.jsx("path", { d: "M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7l2 3h7a2 2 0 012 2v11z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M2 10h20M4 21l2-11h16l-2 11H4z", stroke: secondaryColor, strokeWidth: "2", fill: secondaryColor })] })),
     },
 });
 const NtdArchive = /* @__PURE__ */ createIcon.createIcon({
@@ -48,13 +37,21 @@ const NtdArchive = /* @__PURE__ */ createIcon.createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8", fill: secondaryColor, opacity: "0.7" }), jsxRuntime.jsx("line", { x1: "10", y1: "12", x2: "14", y2: "12", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
     },
 });
+// NtdDatabase: a cylinder of three discs, its silhouette — sides, bottom and the back of the top —
+// one path, so no seam shows where a separate cap met the body. The filled variants draw no line
+// along the cap's front edge (it set the cap apart as a fourth disc), and the gaps between the
+// discs are bands between two parallel arcs, 1.3 high everywhere and cut square at the sides — a
+// stroked arc clipped to the body thinned to a wedge along the sides.
+const DB_SILHOUETTE = 'M4 5.5v13a8 2.6 0 0016 0v-13a8 2.6 0 00-16 0z';
+const DB_GAPS = 'M4 9.18a8 2.6 0 0016 0v1.3a8 2.6 0 01-16 0zM4 13.52a8 2.6 0 0016 0v1.3a8 2.6 0 01-16 0z';
 const NtdDatabase = /* @__PURE__ */ createIcon.createIcon({
     displayName: 'NtdDatabase',
     paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M21 12c0 1.66-4.03 3-9 3s-9-1.34-9-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M3 5v14c0 1.66 4.03 3 9 3s9-1.34 9-3V5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M21 12c0 1.66-4.03 3-9 3s-9-1.34-9-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M3 5v14c0 1.66 4.03 3 9 3s9-1.34 9-3V5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M3 5v14c0 1.66 4.03 3 9 3s9-1.34 9-3V5", fill: secondaryColor, opacity: secondaryOpacity * 0.5 }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M21 12c0 1.66-4.03 3-9 3s-9-1.34-9-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M3 5v14c0 1.66 4.03 3 9 3s9-1.34 9-3V5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M21 12c0 1.66-4.03 3-9 3s-9-1.34-9-3", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsxRuntime.jsx("path", { d: "M3 5v14c0 1.66 4.03 3 9 3s9-1.34 9-3V5", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
+        solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: DB_SILHOUETTE, fill: primaryColor }), jsxRuntime.jsx("path", { d: DB_GAPS, fill: accentColor, opacity: accentOpacity })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "5.5", rx: "8", ry: "2.6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 5.5v13a8 2.6 0 0016 0v-13M4 9.83a8 2.6 0 0016 0M4 14.17a8 2.6 0 0016 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        // one tint for the cap and the body: the cap in full secondary read as a separate disc
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: DB_SILHOUETTE, fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "5.5", rx: "8", ry: "2.6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 5.5v13a8 2.6 0 0016 0v-13M4 9.83a8 2.6 0 0016 0M4 14.17a8 2.6 0 0016 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: DB_SILHOUETTE, fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "5.5", rx: "8", ry: "2.6", fill: "white", opacity: "0.25" }), jsxRuntime.jsx("path", { d: DB_GAPS, fill: secondaryColor })] })),
     },
 });
 const NtdCloud = /* @__PURE__ */ createIcon.createIcon({
@@ -84,13 +81,16 @@ const NtdCloudDownload = /* @__PURE__ */ createIcon.createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor, opacity: "0.2", stroke: primaryColor, strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
+// The prompt marks are twice the stroke width on the filled screen (like NtdCheck), and a little
+// larger everywhere so the heavy ones do not run together.
+const TERMINAL_PROMPT = 'M6 8.5l4.5 3.5L6 15.5M12.5 16.5H18';
 const NtdTerminal = /* @__PURE__ */ createIcon.createIcon({
     displayName: 'NtdTerminal',
     paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M6 9l4 3-4 3", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "18", y2: "17", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M6 9l4 3-4 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "18", y2: "17", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M6 9l4 3-4 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "18", y2: "17", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M6 9l4 3-4 3", stroke: secondaryColor, strokeWidth: "1.8" }), jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "18", y2: "17", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
+        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: primaryColor }), jsxRuntime.jsx("path", { d: TERMINAL_PROMPT, stroke: accentColor, strokeWidth: strokeWidth * 2, opacity: accentOpacity, fill: "none" })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: TERMINAL_PROMPT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: TERMINAL_PROMPT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: TERMINAL_PROMPT, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
     },
 });
 const NtdCode = /* @__PURE__ */ createIcon.createIcon({
@@ -183,22 +183,21 @@ const NtdCpu = /* @__PURE__ */ createIcon.createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: primaryColor, opacity: "0.15", stroke: primaryColor, strokeWidth: "2" }), jsxRuntime.jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M9 1v3M15 1v3M9 20v3M15 20v3M20 9h3M20 14h3M1 9h3M1 14h3", stroke: "white", strokeWidth: "1" })] })),
     },
 });
-const NtdZap = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdZap',
-    paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z", fill: "white", opacity: "0.1" })] })),
-    },
-});
+// NtdKey: the bow top right with its hole on the key's axis, the blade running down-left to two
+// teeth (it was the stroked key with the bow bottom left). Drawn along its own axis and turned
+// 135°: bow r 6 at (16, 8), blade 3.2 wide.
+const KEY = 'M10.78 10.96L3.2 18.54L7.3 22.64L8.72 21.22L7.87 20.37L8.79 19.46L9.64 20.3L11.05 18.89L9.21 17.05L13.04 13.22A6 6 0 1 0 10.78 10.96Z';
+const KEY_BLADE = 'M10.78 10.96L3.2 18.54L7.3 22.64L8.72 21.22L7.87 20.37L8.79 19.46L9.64 20.3L11.05 18.89L9.21 17.05L13.04 13.22A6 6 0 0 1 10.78 10.96Z';
+const KEY_BOW = 'M16 2a6 6 0 100 12 6 6 0 100-12z';
+const KEY_HOLE = 'M17.84 4.56a1.6 1.6 0 100 3.2 1.6 1.6 0 100-3.2z';
 const NtdKey = /* @__PURE__ */ createIcon.createIcon({
     displayName: 'NtdKey',
     paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 2l-2 2m-7.61 7.61a5.5 5.5 0 11-7.78 7.78 5.5 5.5 0 017.78-7.78zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "16.5", r: "1.5", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M21 2l-2 2m-7.61 7.61a5.5 5.5 0 11-7.78 7.78 5.5 5.5 0 017.78-7.78zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "8", cy: "16", r: "5", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M21 2l-2 2m-7.61 7.61a5.5 5.5 0 11-7.78 7.78 5.5 5.5 0 017.78-7.78zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "16.5", r: "1.5", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "7.5", cy: "16.5", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "7.5", cy: "16.5", r: "1.5", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M21 2l-2 2m-7.61 7.61a5.5 5.5 0 11-7.78 7.78 5.5 5.5 0 017.78-7.78zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4", stroke: secondaryColor, strokeWidth: "1.8" })] })),
+        solid: ({ primaryColor }) => (jsxRuntime.jsx("path", { d: `${KEY}${KEY_HOLE}`, fillRule: "evenodd", fill: primaryColor })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: KEY, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" }), jsxRuntime.jsx("path", { d: KEY_HOLE, fill: primaryColor })] })),
+        // fills only: the blade secondary, the bow primary
+        duotone: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: KEY_BLADE, fill: secondaryColor }), jsxRuntime.jsx("path", { d: `${KEY_BOW}${KEY_HOLE}`, fillRule: "evenodd", fill: primaryColor })] })),
+        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: `${KEY}${KEY_HOLE}`, fillRule: "evenodd", fill: primaryColor }), jsxRuntime.jsx("path", { d: KEY_BLADE, fill: secondaryColor, opacity: "0.5" })] })),
     },
 });
 const NtdAward = /* @__PURE__ */ createIcon.createIcon({
@@ -219,22 +218,37 @@ const NtdCoffee = /* @__PURE__ */ createIcon.createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: secondaryColor, strokeWidth: "1.8" }), jsxRuntime.jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: "#3B82F6", strokeWidth: "1.5" }), jsxRuntime.jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
     },
 });
+// NtdCart: the basket a trapeze in primary (it was a 15 % wash), the handle running on down the
+// basket's left side into the base rail, the wheels secondary, the basket's bars cut into it in
+// the accent colour.
+const CART_FRAME = 'M2 3.5h2.3l3.3 12.9H19.3';
+const CART_BASKET = 'M5.07 6.5H21.3l-1.7 7.1H6.88z';
+const CART_BARS = 'M11.3 5v10M15.9 5v10M3 10.05h20';
 const NtdCart = /* @__PURE__ */ createIcon.createIcon({
     displayName: 'NtdCart',
     paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6", fill: primaryColor, opacity: "0.15", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "9", cy: "21", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "20", cy: "21", r: "1.5", fill: primaryColor })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "9", cy: "21", r: "1", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsxRuntime.jsx("circle", { cx: "20", cy: "21", r: "1", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 6h17l-1.68 8.39a2 2 0 01-2 1.61H9.68a2 2 0 01-2-1.61L6 6z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "9", cy: "21", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "20", cy: "21", r: "1.5", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6", fill: primaryColor, opacity: "0.15", stroke: primaryColor, strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "9", cy: "21", r: "1.5", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "20", cy: "21", r: "1.5", fill: "#3B82F6" })] })),
+        solid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: CART_BASKET, fill: primaryColor }), iconParts.within(uid, 'bars', jsxRuntime.jsx("path", { d: CART_BASKET }), jsxRuntime.jsx("path", { d: CART_BARS, stroke: accentColor, strokeWidth: "1.3", opacity: accentOpacity })), jsxRuntime.jsx("circle", { cx: "9.4", cy: "20", r: "1.8", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "18.2", cy: "20", r: "1.8", fill: secondaryColor })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: CART_BASKET, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" }), jsxRuntime.jsx("circle", { cx: "9.4", cy: "20", r: "1.4", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "18.2", cy: "20", r: "1.4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: CART_BASKET, fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: CART_BASKET, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" }), jsxRuntime.jsx("circle", { cx: "9.4", cy: "20", r: "1.8", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "18.2", cy: "20", r: "1.8", fill: primaryColor })] })),
+        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: CART_FRAME, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: CART_BASKET, fill: primaryColor }), jsxRuntime.jsx("path", { d: CART_BASKET, fill: "white", opacity: "0.12" }), iconParts.within(uid, 'bars', jsxRuntime.jsx("path", { d: CART_BASKET }), jsxRuntime.jsx("path", { d: CART_BARS, stroke: accentColor, strokeWidth: "1.3", opacity: accentOpacity })), jsxRuntime.jsx("circle", { cx: "9.4", cy: "20", r: "1.8", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "18.2", cy: "20", r: "1.8", fill: secondaryColor })] })),
     },
 });
+/** @deprecated A second cart next to {@link NtdCart} — use that. */
+const NtdShoppingCart = NtdCart;
+// NtdCreditCard: the back of a real card — the magnetic stripe high up and edge to edge (kept
+// inside the card, so it meets the sides flush), the signature panel long and to the left, the
+// CVV box small on the right. The details are accent coloured, so a cutout keeps them.
+const CARD_BODY = { x: 1.5, y: 4.5, width: 21, height: 15, rx: 2 };
+const CARD_STRIPE = { x: 1.5, y: 7, width: 21, height: 3.6 };
+const CARD_SIGNATURE = { x: 4, y: 13.6, width: 11.5, height: 2.2, rx: 0.6 };
+const CARD_CVV = { x: 16.6, y: 13.6, width: 3.6, height: 2.2, rx: 0.6 };
 const NtdCreditCard = /* @__PURE__ */ createIcon.createIcon({
     displayName: 'NtdCreditCard',
     paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", fill: primaryColor }), jsxRuntime.jsx("line", { x1: "1", y1: "10", x2: "23", y2: "10", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "1", y1: "10", x2: "23", y2: "10", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "1", y: "4", width: "22", height: "6", rx: "2", fill: primaryColor, opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "1", y1: "10", x2: "23", y2: "10", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("line", { x1: "1", y1: "10", x2: "23", y2: "10", stroke: secondaryColor, strokeWidth: "1.8" })] })),
+        solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...CARD_BODY, fill: primaryColor }), iconParts.within(uid, 'stripe', jsxRuntime.jsx("rect", { ...CARD_BODY }), jsxRuntime.jsx("rect", { ...CARD_STRIPE, fill: accentColor, opacity: accentOpacity })), jsxRuntime.jsx("rect", { ...CARD_SIGNATURE, fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("rect", { ...CARD_CVV, fill: accentColor, opacity: accentOpacity })] })),
+        outline: ({ primaryColor, strokeWidth, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...CARD_BODY, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), iconParts.within(uid, 'stripe', jsxRuntime.jsx("rect", { ...CARD_BODY }), jsxRuntime.jsx("rect", { ...CARD_STRIPE, fill: primaryColor })), jsxRuntime.jsx("path", { d: "M5 14.7h9.5M17.6 14.7h1.6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...CARD_BODY, fill: secondaryColor, opacity: secondaryOpacity }), iconParts.within(uid, 'stripe', jsxRuntime.jsx("rect", { ...CARD_BODY }), jsxRuntime.jsx("rect", { ...CARD_STRIPE, fill: primaryColor })), jsxRuntime.jsx("rect", { ...CARD_SIGNATURE, fill: primaryColor }), jsxRuntime.jsx("rect", { ...CARD_CVV, fill: primaryColor }), jsxRuntime.jsx("rect", { ...CARD_BODY, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        vivid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...CARD_BODY, fill: primaryColor }), jsxRuntime.jsx("rect", { ...CARD_BODY, fill: "white", opacity: "0.1" }), iconParts.within(uid, 'stripe', jsxRuntime.jsx("rect", { ...CARD_BODY }), jsxRuntime.jsx("rect", { ...CARD_STRIPE, fill: "black", opacity: "0.35" })), jsxRuntime.jsx("rect", { ...CARD_SIGNATURE, fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("rect", { ...CARD_CVV, fill: accentColor, opacity: accentOpacity })] })),
     },
 });
 const NtdPieChart = /* @__PURE__ */ createIcon.createIcon({
@@ -308,9 +322,9 @@ exports.NtdList = NtdList;
 exports.NtdMonitor = NtdMonitor;
 exports.NtdPackage = NtdPackage;
 exports.NtdPieChart = NtdPieChart;
+exports.NtdShoppingCart = NtdShoppingCart;
 exports.NtdSmartphone = NtdSmartphone;
 exports.NtdTable = NtdTable;
 exports.NtdTarget = NtdTarget;
 exports.NtdTerminal = NtdTerminal;
 exports.NtdTruck = NtdTruck;
-exports.NtdZap = NtdZap;

package/dist/cjs/icons/fun.js

@@ -21,8 +21,9 @@ const NtdRocket = /* @__PURE__ */ createIcon.createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.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 }), jsxRuntime.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" }), jsxRuntime.jsx("circle", { cx: "12", cy: "10", r: "2", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M8 12L5 15l1 3 2-2", fill: "#F59E0B" }), jsxRuntime.jsx("path", { d: "M16 12l3 3-1 3-2-2", fill: "#EF4444" }), jsxRuntime.jsx("path", { d: "M9 17h6l-1 5h-4l-1-5z", fill: "#8B5CF6" })] })),
     },
 });
-const NtdGamepad = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdGamepad',
+/** The flat pad of the 16-bit era. The modern one is NtdGamepad (gaming.tsx). */
+const NtdGamepadOldschool = /* @__PURE__ */ createIcon.createIcon({
+    displayName: 'NtdGamepadOldschool',
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 11h4M8 9v4", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsxRuntime.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 }), jsxRuntime.jsx("path", { d: "M6 11h4M8 9v4", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "15", cy: "10", r: "1", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "18", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.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" }), jsxRuntime.jsx("path", { d: "M6 11h4M8 9v4", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "15", cy: "10", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "18", cy: "13", r: "1", fill: primaryColor })] })),
@@ -75,24 +76,29 @@ const NtdDice = /* @__PURE__ */ createIcon.createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "1.5", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "1.5", fill: "#F59E0B" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "#EF4444" }), jsxRuntime.jsx("circle", { cx: "8", cy: "16", r: "1.5", fill: "#8B5CF6" }), jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "1.5", fill: "#8B5CF6" })] })),
     },
 });
-const NtdSmiley = /* @__PURE__ */ createIcon.createIcon({
-    displayName: 'NtdSmiley',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: primaryColor }), jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 14s1.5 3 4 3 4-3 4-3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: "#F59E0B" }), jsxRuntime.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.createIcon({
-    displayName: 'NtdSad',
-    paths: {
-        solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: primaryColor }), jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M16 17s-1.5-3-4-3-4 3-4 3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "9", cy: "10", r: "1.2", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "15", cy: "10", r: "1.2", fill: "#F59E0B" }), jsxRuntime.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.createIcon({
+        displayName,
+        paths: {
+            solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("path", { d: FACE_EYES, fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("path", { d: mouth, stroke: accentColor, strokeOpacity: accentOpacity, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
+            outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: FACE_EYES, fill: primaryColor }), jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: FACE_EYES, fill: primaryColor }), jsxRuntime.jsx("path", { d: mouth, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
+            vivid: ({ primaryColor, accentColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.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" }), jsxRuntime.jsx("path", { d: FACE_EYES, fill: accentColor }), jsxRuntime.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.createIcon({
     displayName: 'NtdSkull',
     paths: {
@@ -111,20 +117,26 @@ const NtdGhost = /* @__PURE__ */ createIcon.createIcon({
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.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 }), jsxRuntime.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" }), jsxRuntime.jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: secondaryColor }), jsxRuntime.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.createIcon({
     displayName: 'NtdLightning',
     paths: {
-        solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", fill: primaryColor })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", fill: primaryColor }), jsxRuntime.jsx("polygon", { points: "13,2 3,14 12,14 11,22 21,10 12,10", fill: "white", opacity: "0.1" })] })),
+        solid: ({ primaryColor }) => jsxRuntime.jsx("polygon", { points: LIGHTNING, fill: primaryColor }),
+        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "14,2 3,13.5 10.4,13.5 13.6,10.5", fill: primaryColor }), jsxRuntime.jsx("polygon", { points: "13.6,10.5 21,10.5 10,22 10.4,13.5", fill: secondaryColor })] })),
+        vivid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: LIGHTNING, fill: primaryColor }), jsxRuntime.jsx("polygon", { points: LIGHTNING, fill: "white", opacity: "0.1" })] })),
     },
 });
+/** @deprecated The same bolt as {@link NtdLightning} — use that. */
+const NtdZap = NtdLightning;
 
 exports.NtdCrown = NtdCrown;
 exports.NtdDice = NtdDice;
 exports.NtdDumpsterFire = NtdDumpsterFire;
-exports.NtdGamepad = NtdGamepad;
+exports.NtdGamepadOldschool = NtdGamepadOldschool;
 exports.NtdGhost = NtdGhost;
 exports.NtdLightning = NtdLightning;
 exports.NtdPartyPopper = NtdPartyPopper;
@@ -132,5 +144,7 @@ exports.NtdPuzzle = NtdPuzzle;
 exports.NtdRocket = NtdRocket;
 exports.NtdSad = NtdSad;
 exports.NtdSkull = NtdSkull;
+exports.NtdSmile = NtdSmile;
 exports.NtdSmiley = NtdSmiley;
 exports.NtdTrophy = NtdTrophy;
+exports.NtdZap = NtdZap;

package/dist/cjs/icons/gaming.js

@@ -2,19 +2,43 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var createIcon = require('../createIcon.js');
+var iconParts = require('../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.createIcon({
     displayName: 'NtdGamepad',
     paths: {
-        solid: ({ primaryColor }) => (jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 11h4M8 9v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("circle", { cx: "15", cy: "12", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "18", cy: "10", r: "1", fill: primaryColor }), jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.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 }), jsxRuntime.jsx("path", { d: "M6 11h4M8 9v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("circle", { cx: "15", cy: "12", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "18", cy: "10", r: "1", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.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 }), jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: PAD_BODY, fill: primaryColor }), jsxRuntime.jsxs("g", { fill: accentColor, opacity: accentOpacity, children: [iconParts.within(uid, 'b', jsxRuntime.jsx("path", { d: PAD_BODY }), jsxRuntime.jsx("path", { d: PAD_BUMPERS, stroke: accentColor, strokeWidth: "0.7", strokeLinecap: "round", fill: "none", transform: "translate(0 0.9)" })), jsxRuntime.jsx("circle", { cx: "6.2", cy: "9.4", r: "2.1" }), jsxRuntime.jsx("circle", { cx: "14.9", cy: "12.6", r: "1.9" }), jsxRuntime.jsx("path", { d: PAD_DPAD }), PAD_FACE.map(([cx, cy]) => (jsxRuntime.jsx("circle", { cx: cx, cy: cy, r: "0.78" }, `${cx},${cy}`))), jsxRuntime.jsx("circle", { cx: "12", cy: "8.3", r: "1.15" }), jsxRuntime.jsx("circle", { cx: "11.1", cy: "10.4", r: "0.5" }), jsxRuntime.jsx("circle", { cx: "12.9", cy: "10.4", r: "0.5" })] })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: PAD_BODY, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round", fill: "none" }), jsxRuntime.jsxs("g", { stroke: primaryColor, strokeWidth: strokeWidth * 0.6, fill: "none", children: [jsxRuntime.jsx("circle", { cx: "6.2", cy: "9.4", r: "1.7" }), jsxRuntime.jsx("circle", { cx: "14.9", cy: "12.6", r: "1.5" }), jsxRuntime.jsx("path", { d: "M9.1 11.15v2.9M7.65 12.6h2.9", strokeLinecap: "round" })] }), jsxRuntime.jsxs("g", { fill: primaryColor, children: [PAD_FACE.map(([cx, cy]) => (jsxRuntime.jsx("circle", { cx: cx, cy: cy, r: "0.7" }, `${cx},${cy}`))), jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: PAD_BODY, fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsxs("g", { fill: primaryColor, children: [iconParts.within(uid, 'b', jsxRuntime.jsx("path", { d: PAD_BODY }), jsxRuntime.jsx("path", { d: PAD_BUMPERS, stroke: primaryColor, strokeWidth: "2.6", fill: "none" })), jsxRuntime.jsx("circle", { cx: "6.2", cy: "9.4", r: "2.1" }), jsxRuntime.jsx("circle", { cx: "14.9", cy: "12.6", r: "1.9" }), jsxRuntime.jsx("path", { d: PAD_DPAD }), PAD_FACE.map(([cx, cy]) => (jsxRuntime.jsx("circle", { cx: cx, cy: cy, r: "0.78" }, `${cx},${cy}`))), jsxRuntime.jsx("circle", { cx: "12", cy: "8.3", r: "1.15" })] })] })),
+        vivid: ({ primaryColor, secondaryColor, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: PAD_BODY, fill: primaryColor }), iconParts.within(uid, 'b', jsxRuntime.jsx("path", { d: PAD_BODY }), jsxRuntime.jsx("path", { d: PAD_BUMPERS, stroke: secondaryColor, strokeWidth: "2.6", fill: "none" })), jsxRuntime.jsxs("g", { fill: secondaryColor, children: [jsxRuntime.jsx("circle", { cx: "6.2", cy: "9.4", r: "2.1" }), jsxRuntime.jsx("circle", { cx: "14.9", cy: "12.6", r: "1.9" }), jsxRuntime.jsx("path", { d: PAD_DPAD })] }), PAD_FACE.map(([cx, cy], i) => (jsxRuntime.jsx("circle", { cx: cx, cy: cy, r: "0.78", fill: PAD_FACE_VIVID[i] }, `${cx},${cy}`))), jsxRuntime.jsx("circle", { cx: "12", cy: "8.3", r: "1.15", fill: "white" }), jsxRuntime.jsx("circle", { cx: "11.1", cy: "10.4", r: "0.5", fill: "white", opacity: "0.8" }), jsxRuntime.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.createIcon({
     displayName: 'NtdJoystick',
     paths: {
@@ -175,6 +199,7 @@ const gamingIcons = {
 exports.NtdDice = NtdDice;
 exports.NtdDiscord = NtdDiscord;
 exports.NtdGamepad = NtdGamepad;
+exports.NtdGamepadController = NtdGamepadController;
 exports.NtdHealthBar = NtdHealthBar;
 exports.NtdJoystick = NtdJoystick;
 exports.NtdLeaderboard = NtdLeaderboard;

package/dist/cjs/icons/health.js

@@ -102,13 +102,20 @@ const NtdEgg = /* @__PURE__ */ createIcon.createIcon({
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "7", ry: "8", fill: primaryColor }), jsxRuntime.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.createIcon({
     displayName: 'NtdHamburger',
     paths: {
-        solid: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 11h16a8 8 0 00-16 0z", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "11", width: "20", height: "3", rx: "1", fill: secondaryColor, opacity: 0.5 }), jsxRuntime.jsx("rect", { x: "2", y: "14", width: "20", height: "3", rx: "0.5", fill: primaryColor, opacity: 0.8 }), jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 11h16a8 8 0 00-16 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "2", y1: "14", x2: "22", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 11h16a8 8 0 00-16 0z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M4 11h16a8 8 0 00-16 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "2", y1: "14", x2: "22", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.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 }), jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 11h16a8 8 0 00-16 0z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M4 11h16a8 8 0 00-16 0z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "2", y: "11", width: "20", height: "3", rx: "1", fill: secondaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "14", width: "20", height: "3", rx: "0.5", fill: "#EF4444" }), jsxRuntime.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 }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: BURGER_TOP, fill: primaryColor }), jsxRuntime.jsx("path", { d: BURGER_SAUCE, stroke: secondaryColor, strokeWidth: "1.1", fill: "none" }), jsxRuntime.jsx("rect", { ...BURGER_PATTY, fill: primaryColor }), jsxRuntime.jsx("path", { d: BURGER_BOTTOM, fill: primaryColor })] })),
+        outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: BURGER_TOP, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: BURGER_SAUCE, stroke: primaryColor, strokeWidth: strokeWidth * 0.55, fill: "none" }), jsxRuntime.jsx("rect", { ...BURGER_PATTY, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: BURGER_BOTTOM, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: BURGER_TOP, fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: BURGER_TOP, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: BURGER_SAUCE, stroke: primaryColor, strokeWidth: strokeWidth * 0.55, fill: "none" }), jsxRuntime.jsx("rect", { ...BURGER_PATTY, fill: primaryColor }), jsxRuntime.jsx("path", { d: BURGER_BOTTOM, fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: BURGER_BOTTOM, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: BURGER_TOP, fill: primaryColor }), jsxRuntime.jsx("path", { d: BURGER_TOP, fill: "white", opacity: "0.12" }), jsxRuntime.jsx("path", { d: BURGER_SAUCE, stroke: secondaryColor, strokeWidth: "1.1", fill: "none" }), jsxRuntime.jsx("rect", { ...BURGER_PATTY, fill: primaryColor }), jsxRuntime.jsx("rect", { ...BURGER_PATTY, fill: "black", opacity: "0.2" }), jsxRuntime.jsx("path", { d: BURGER_BOTTOM, fill: primaryColor })] })),
     },
 });
 const NtdDna = /* @__PURE__ */ createIcon.createIcon({