@nice2dev/icons 1.3.6 → 1.3.8

package/dist/esm/icons/files.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
-import { within, paperIcon } from '../iconParts.js';
+import { swapDuotone, within, paperIcon } from '../iconParts.js';
 
 // 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
@@ -12,6 +12,9 @@ const FOLDER_TAB = 'M2 7V5a2 2 0 012-2h7l2.67 4z';
 const FOLDER_FRONT = 'M2 6h18a2 2 0 012 2v11a2 2 0 01-2 2H4a2 2 0 01-2-2z';
 const NtdFolder = /* @__PURE__ */ createIcon({
     displayName: 'NtdFolder',
+    perfectStackX: 12,
+    perfectStackY: 13.5,
+    perfectStackSize: 0.5,
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (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 }) => (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" })),
@@ -23,10 +26,13 @@ const NtdFolder = /* @__PURE__ */ createIcon({
 });
 const NtdFolderOpen = /* @__PURE__ */ createIcon({
     displayName: 'NtdFolderOpen',
+    perfectStackX: 13,
+    perfectStackY: 15.5,
+    perfectStackSize: 0.4,
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [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" }), jsx("path", { d: "M2 10h20M4 21l2-11h16l-2 11H4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [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" }), jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [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 }), 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" }), jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [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 }), 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" }), jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [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" }), 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" }), jsx("path", { d: "M2 10h20M4 21l2-11h16l-2 11H4z", stroke: secondaryColor, strokeWidth: "2", fill: secondaryColor })] })),
     },
 });
@@ -35,7 +41,6 @@ const NtdArchive = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", fill: primaryColor }), jsx("path", { d: "M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8", fill: primaryColor, opacity: "0.7" }), jsx("line", { x1: "10", y1: "12", x2: "14", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "10", y1: "12", x2: "14", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8H4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", fill: primaryColor, opacity: secondaryOpacity + 0.1, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "10", y1: "12", x2: "14", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "3", width: "20", height: "5", rx: "1", fill: "white", opacity: "0.08" }), jsx("path", { d: "M4 8v11a2 2 0 002 2h12a2 2 0 002-2V8", fill: secondaryColor, opacity: "0.7" }), jsx("line", { x1: "10", y1: "12", x2: "14", y2: "12", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
     },
 });
@@ -58,17 +63,18 @@ const NtdDatabase = /* @__PURE__ */ createIcon({
         // and lost the cap's front edge, so it gets the outline's construction instead
         solid: (props) => props.variant === 'wireframe' ? (databaseLines(props)) : (jsxs(Fragment, { children: [jsx("path", { d: DB_SILHOUETTE, fill: props.primaryColor }), jsx("path", { d: DB_GAPS, fill: props.accentColor, opacity: props.accentOpacity })] })),
         outline: databaseLines,
-        // one tint for the cap and the body: the cap in full secondary read as a separate disc
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: DB_SILHOUETTE, fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "5.5", rx: "8", ry: "2.6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), 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 }) => (jsxs(Fragment, { children: [jsx("path", { d: DB_SILHOUETTE, fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "5.5", rx: "8", ry: "2.6", fill: "white", opacity: "0.25" }), jsx("path", { d: DB_GAPS, fill: secondaryColor })] })),
     },
 });
 const NtdCloud = /* @__PURE__ */ createIcon({
     displayName: 'NtdCloud',
+    perfectStackX: 11,
+    perfectStackY: 13.5,
+    perfectStackSize: 0.5,
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -77,7 +83,7 @@ const NtdCloudUpload = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor, opacity: "0.2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor, opacity: "0.2", stroke: primaryColor, strokeWidth: "2" }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M16 16l-4-4-4 4M12 12v9", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -86,7 +92,7 @@ const NtdCloudDownload = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor, opacity: "0.2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: primaryColor, opacity: "0.2", stroke: primaryColor, strokeWidth: "2" }), jsx("path", { d: "M18 10h-1.26A8 8 0 109 20h9a5 5 0 000-10z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M8 17l4 4 4-4M12 12v9", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -98,17 +104,25 @@ const NtdTerminal = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: primaryColor }), jsx("path", { d: TERMINAL_PROMPT, stroke: accentColor, strokeWidth: strokeWidth * 2, opacity: accentOpacity, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: TERMINAL_PROMPT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: TERMINAL_PROMPT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: TERMINAL_PROMPT, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
     },
 });
+// NtdCode: a line glyph, twice the stroke width in every variant but `outline` (vivid had a fixed
+// 2.2), with sharp points (miter joins). Duotone is vivid's split: the right bracket primary, the
+// left secondary (duotone drew the left one twice). The points sit 2.5 in from the sides, so
+// their miters stay inside the box at that width.
+const CODE_RIGHT = 'M15.5 18l6-6-6-6';
+const CODE_LEFT = 'M8.5 6l-6 6 6 6';
+function codeSplit({ primaryColor, secondaryColor, strokeWidth }) {
+    return (jsxs(Fragment, { children: [jsx("path", { d: CODE_RIGHT, stroke: primaryColor, strokeWidth: strokeWidth * 2, strokeLinejoin: "miter", fill: "none" }), jsx("path", { d: CODE_LEFT, stroke: secondaryColor, strokeWidth: strokeWidth * 2, strokeLinejoin: "miter", fill: "none" })] }));
+}
 const NtdCode = /* @__PURE__ */ createIcon({
     displayName: 'NtdCode',
     paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M16 18l6-6-6-6M8 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
-        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M16 18l6-6-6-6M8 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 6l-6 6 6 6", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsx("path", { d: "M16 18l6-6-6-6M8 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M16 18l6-6-6-6M8 6l-6 6 6 6", stroke: primaryColor, strokeWidth: "2.2" }) })),
+        solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: `${CODE_RIGHT}${CODE_LEFT}`, stroke: primaryColor, strokeWidth: strokeWidth * 2, strokeLinejoin: "miter", fill: "none" })),
+        outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M16 18l6-6-6-6M8 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })),
+        duotone: codeSplit,
+        vivid: codeSplit,
     },
 });
 const NtdGit = /* @__PURE__ */ createIcon({
@@ -172,7 +186,7 @@ const NtdTable = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor, opacity: "0.15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor, opacity: "0.15", stroke: primaryColor, strokeWidth: "2" }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.1" }), jsx("line", { x1: "3", y1: "9", x2: "21", y2: "9", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "3", y1: "15", x2: "21", y2: "15", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("line", { x1: "9", y1: "3", x2: "9", y2: "21", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
     },
 });
@@ -183,30 +197,40 @@ const NtdSmartphone = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "6.5", y: "3.5", width: "11", height: "17", rx: "0.75", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "18.4", r: "1.25", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: "white", opacity: "0.1" }), jsx("line", { x1: "12", y1: "18", x2: "12.01", y2: "18", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
 // NtdMonitor: the neck and the base are twice the stroke width in every variant but `outline`, and
 // the base is 30% wider — 13 across with its caps (it was 10); it sits at 21.5 so the heavier line
-// stays in the box. Vivid: the stand secondary (it had a fixed #3B82F6 neck).
+// stays in the box. Vivid: the stand secondary (it had a fixed #3B82F6 neck). The stand is clipped
+// to below the screen's bottom edge: the neck's round cap reached up over the screen, which showed
+// through duotone's see-through screen.
 const MONITOR_SCREEN = { x: 2, y: 3, width: 20, height: 14, rx: 2 };
 /** Neck and base for a line twice the stroke width: base 9 long + 2 × 2 of cap = 13. */
 const MONITOR_STAND = 'M12 17v4.5M7.5 21.5h9';
 /** The outline's neck and base, at the stroke width: base 11 long + 2 × 1 of cap = 13. */
 const MONITOR_STAND_LINE = 'M12 17v4M6.5 21h11';
+/** The stand, drawn only below the screen's bottom edge (y 17). */
+function monitorStand(uid, d, color, width) {
+    return within(uid, 'stand', jsx("rect", { x: "0", y: "17", width: "24", height: "7" }), jsx("path", { d: d, stroke: color, strokeWidth: width }));
+}
 const NtdMonitor = /* @__PURE__ */ createIcon({
     displayName: 'NtdMonitor',
+    perfectStackX: 12,
+    perfectStackY: 10,
+    perfectStackSize: 0.45,
     paths: {
-        solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { ...MONITOR_SCREEN, fill: primaryColor }), jsx("path", { d: MONITOR_STAND, stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { ...MONITOR_SCREEN, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: MONITOR_STAND_LINE, stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { ...MONITOR_SCREEN, fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { ...MONITOR_SCREEN, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: MONITOR_STAND, stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
-        vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { ...MONITOR_SCREEN, fill: primaryColor }), jsx("path", { d: MONITOR_STAND, stroke: secondaryColor, strokeWidth: strokeWidth * 2 })] })),
+        solid: ({ primaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...MONITOR_SCREEN, fill: primaryColor }), monitorStand(uid, MONITOR_STAND, primaryColor, strokeWidth * 2)] })),
+        outline: ({ primaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...MONITOR_SCREEN, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), monitorStand(uid, MONITOR_STAND_LINE, primaryColor, strokeWidth)] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...MONITOR_SCREEN, fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { ...MONITOR_SCREEN, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), monitorStand(uid, MONITOR_STAND, primaryColor, strokeWidth * 2)] }))),
+        vivid: ({ primaryColor, secondaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...MONITOR_SCREEN, fill: primaryColor }), monitorStand(uid, MONITOR_STAND, secondaryColor, strokeWidth * 2)] })),
     },
 });
 // NtdCpu: filled, the body and its pins primary and the die in the accent colour (the body was a
 // fixed 15% tint). The pins are twice the stroke width and short (2.5 → 4 at the top, and so on)
-// so their caps stay in the box. Duotone: the body secondary, the pins and the die primary; vivid:
+// so their caps stay in the box. Duotone: the body primary, the pins and the die secondary (the
+// other way round until 1.3.8); vivid:
 // the pins and the die secondary around an accent core.
 const CPU_BODY = { x: 4, y: 4, width: 16, height: 16, rx: 2 };
 const CPU_DIE = { x: 8.5, y: 8.5, width: 7, height: 7, rx: 1.2 };
@@ -216,7 +240,7 @@ const NtdCpu = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: CPU_PINS, stroke: primaryColor, strokeWidth: strokeWidth * 2 }), jsx("rect", { ...CPU_BODY, fill: primaryColor }), jsx("rect", { ...CPU_DIE, fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { ...CPU_BODY, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 1v3M15 1v3M9 20v3M15 20v3M20 9h3M20 15h3M1 9h3M1 15h3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: CPU_PINS, stroke: primaryColor, strokeWidth: strokeWidth * 2 }), jsx("rect", { ...CPU_BODY, fill: secondaryColor }), jsx("rect", { ...CPU_DIE, fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: CPU_PINS, stroke: primaryColor, strokeWidth: strokeWidth * 2 }), jsx("rect", { ...CPU_BODY, fill: secondaryColor }), jsx("rect", { ...CPU_DIE, fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: CPU_PINS, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsx("rect", { ...CPU_BODY, fill: primaryColor }), jsx("rect", { ...CPU_DIE, fill: secondaryColor }), jsx("rect", { x: "10.5", y: "10.5", width: "3", height: "3", rx: "0.6", fill: accentColor, opacity: accentOpacity })] })),
     },
 });
@@ -248,6 +272,9 @@ function awardFilled({ primaryColor, secondaryColor, strokeWidth }, ribbonEdge)
 }
 const NtdAward = /* @__PURE__ */ createIcon({
     displayName: 'NtdAward',
+    perfectStackX: 12,
+    perfectStackY: 8,
+    perfectStackSize: 0.4,
     paths: {
         solid: (props) => awardFilled(props, props.primaryColor),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "8", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8.21 13.89L7 23l5-3 5 3-1.21-9.12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
@@ -257,10 +284,13 @@ const NtdAward = /* @__PURE__ */ createIcon({
 });
 const NtdCoffee = /* @__PURE__ */ createIcon({
     displayName: 'NtdCoffee',
+    perfectStackX: 10,
+    perfectStackY: 14.5,
+    perfectStackSize: 0.4,
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", fill: primaryColor }), jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8h1a4 4 0 010 8h-1M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z", fill: primaryColor }), 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" }), jsx("line", { x1: "6", y1: "1", x2: "6", y2: "4", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "10", y1: "1", x2: "10", y2: "4", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("line", { x1: "14", y1: "1", x2: "14", y2: "4", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
     },
 });
@@ -297,12 +327,15 @@ const NtdCreditCard = /* @__PURE__ */ createIcon({
         vivid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...CARD_BODY, fill: primaryColor }), jsx("rect", { ...CARD_BODY, fill: "white", opacity: "0.1" }), within(uid, 'stripe', jsx("rect", { ...CARD_BODY }), jsx("rect", { ...CARD_STRIPE, fill: "black", opacity: "0.35" })), jsx("rect", { ...CARD_SIGNATURE, fill: accentColor, opacity: accentOpacity }), jsx("rect", { ...CARD_CVV, fill: accentColor, opacity: accentOpacity })] })),
     },
 });
-// NtdPieChart: filled, two sectors of one pie (r 10) pulled 0.7 apart along the small one's
-// diagonal — a gap between them. The larger is the three-quarter sector from the centre; it was a
-// segment cut off by a chord, which read as an odd shape. The outline keeps its open arc and the
-// slice. Duotone, fills only: the larger sector secondary, the slice primary; vivid the other way.
-const PIE_REST = 'M11.3 12.7V2.7A10 10 0 1 0 21.3 12.7Z';
-const PIE_SLICE = 'M12.7 11.3V1.3A10 10 0 0 1 22.7 11.3Z';
+// NtdPieChart: filled, two sectors of one pie (r 10) pulled 1 apart along the small one's middle
+// — a gap between them. The larger is the three-quarter sector from the centre; it was a segment
+// cut off by a chord, which read as an odd shape. The whole chart is turned 45° clockwise, so the
+// slice points right (it filled the top-right quarter). The outline keeps its open arc and the
+// slice, turned the same way. Duotone, fills only: the larger sector primary, the slice secondary
+// (the other way round until 1.3.8);
+// vivid the other way.
+const PIE_REST = 'M11 12L18.07 4.93A10 10 0 1 0 18.07 19.07Z';
+const PIE_SLICE = 'M13 12L20.07 4.93A10 10 0 0 1 20.07 19.07Z';
 function pieFilled(rest, slice) {
     return (jsxs(Fragment, { children: [jsx("path", { d: PIE_REST, fill: rest }), jsx("path", { d: PIE_SLICE, fill: slice })] }));
 }
@@ -310,8 +343,8 @@ const NtdPieChart = /* @__PURE__ */ createIcon({
     displayName: 'NtdPieChart',
     paths: {
         solid: ({ primaryColor }) => pieFilled(primaryColor, primaryColor),
-        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21.21 15.89A10 10 0 118 2.83", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 12A10 10 0 0012 2v10h10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor }) => pieFilled(secondaryColor, primaryColor),
+        outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M15.76 21.27A10 10 0 1 1 15.65 2.69", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M19.07 19.07A10 10 0 0 0 19.07 4.93L12 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor }) => pieFilled(secondaryColor, primaryColor)),
         vivid: ({ primaryColor, secondaryColor }) => pieFilled(primaryColor, secondaryColor),
     },
 });
@@ -329,7 +362,7 @@ const NtdActivity = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: primaryColor, strokeWidth: strokeWidth })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: secondaryColor, strokeWidth: "4", opacity: secondaryOpacity }), jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: secondaryColor, strokeWidth: "4", opacity: secondaryOpacity }), jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M22 12h-4l-3 9L9 3l-3 9H2", stroke: primaryColor, strokeWidth: "2.2" }) })),
     },
 });
@@ -347,7 +380,6 @@ const NtdTruck = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "3", width: "15", height: "13", rx: "1", fill: primaryColor }), jsx("path", { d: "M16 8h4l3 3v5h-7V8z", fill: primaryColor, opacity: "0.7", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "5.5", cy: "18.5", r: "2.5", fill: primaryColor, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity }), jsx("circle", { cx: "18.5", cy: "18.5", r: "2.5", fill: primaryColor, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 3h15v13H1z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 8h4l3 3v5h-7V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "5.5", cy: "18.5", r: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18.5", cy: "18.5", r: "2.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 3h15v13H1z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M16 8h4l3 3v5h-7V8z", fill: secondaryColor, opacity: secondaryOpacity + 0.1 }), jsx("path", { d: "M1 3h15v13H1z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 8h4l3 3v5h-7V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "5.5", cy: "18.5", r: "2.5", fill: primaryColor }), jsx("circle", { cx: "18.5", cy: "18.5", r: "2.5", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "3", width: "15", height: "13", rx: "1", fill: primaryColor }), jsx("rect", { x: "1", y: "3", width: "15", height: "13", rx: "1", fill: "white", opacity: "0.08" }), jsx("path", { d: "M16 8h4l3 3v5h-7V8z", fill: secondaryColor, opacity: "0.7", stroke: secondaryColor, strokeWidth: "2" }), jsx("circle", { cx: "5.5", cy: "18.5", r: "2.5", fill: "#3B82F6", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("circle", { cx: "18.5", cy: "18.5", r: "2.5", fill: "#F59E0B", stroke: "#F59E0B", strokeWidth: "1.5" })] })),
     },
 });

package/dist/esm/icons/fintech.js

@@ -1,5 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
+import { swapDuotone } from '../iconParts.js';
 
 // ═══════════════════════════════════════════════════════════════════════════════
 // Fintech & Crypto Icons
@@ -10,7 +11,6 @@ const NtdCryptoWallet = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "14", y: "10", width: "6", height: "6", rx: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "17", cy: "13", r: "1.5", fill: primaryColor }), jsx("path", { d: "M6 6V4a2 2 0 012-2h8a2 2 0 012 2v2", stroke: primaryColor, strokeWidth: "2" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "10", width: "6", height: "6", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "17", cy: "13", r: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 6V4a2 2 0 012-2h8a2 2 0 012 2v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "10", width: "6", height: "6", rx: "1", fill: primaryColor }), jsx("circle", { cx: "17", cy: "13", r: "1", fill: secondaryColor }), jsx("path", { d: "M6 6V4a2 2 0 012-2h8a2 2 0 012 2v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "14", y: "10", width: "6", height: "6", rx: "1", fill: secondaryColor }), jsx("circle", { cx: "17", cy: "13", r: "1.5", fill: "#10B981" }), jsx("path", { d: "M6 6V4a2 2 0 012-2h8a2 2 0 012 2v2", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -28,7 +28,7 @@ const NtdBitcoin = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M9 7h4.5a2.5 2.5 0 010 5H9V7zM9 12h5a2.5 2.5 0 010 5H9v-5z", fill: "#fff" }), jsx("path", { d: "M10 5v2M14 5v2M10 17v2M14 17v2", stroke: "#fff", strokeWidth: "1.5" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 7h4.5a2.5 2.5 0 010 5H9V7zM9 12h5a2.5 2.5 0 010 5H9v-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 5v2M14 5v2M10 17v2M14 17v2", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        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("path", { d: "M9 7h4.5a2.5 2.5 0 010 5H9V7zM9 12h5a2.5 2.5 0 010 5H9v-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 5v2M14 5v2M10 17v2M14 17v2", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ 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("path", { d: "M9 7h4.5a2.5 2.5 0 010 5H9V7zM9 12h5a2.5 2.5 0 010 5H9v-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 5v2M14 5v2M10 17v2M14 17v2", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor: _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("path", { d: "M9 7h4.5a2.5 2.5 0 010 5H9V7zM9 12h5a2.5 2.5 0 010 5H9v-5z", fill: "#fff" }), jsx("path", { d: "M10 5v2M14 5v2M10 17v2M14 17v2", stroke: "#fff", strokeWidth: "1" })] })),
     },
 });
@@ -37,7 +37,6 @@ const NtdEthereum = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l-8 10 8 5 8-5-8-10z", fill: primaryColor }), jsx("path", { d: "M12 17l-8-5 8 10 8-10-8 5z", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l-8 10 8 5 8-5-8-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 17l-8-5 8 10 8-10-8 5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 12h16", stroke: primaryColor, strokeWidth: strokeWidth * 0.5 })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l-8 10 8 5 8-5-8-10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 17l-8-5 8 10 8-10-8 5z", fill: secondaryColor, opacity: secondaryOpacity * 0.6 }), jsx("path", { d: "M12 2l-8 10 8 5 8-5-8-10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 17l-8-5 8 10 8-10-8 5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l-8 10 8 5 8-5-8-10z", fill: primaryColor }), jsx("path", { d: "M12 2l-8 10 8 5 8-5-8-10z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M12 17l-8-5 8 10 8-10-8 5z", fill: secondaryColor })] })),
     },
 });
@@ -46,7 +45,6 @@ const NtdNFT = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: primaryColor }), jsx("path", { d: "M7 8v8l3-4v8", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M13 8v8M13 8h4M13 12h3", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("circle", { cx: "18", cy: "6", r: "4", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M17 6h2M18 5v2", stroke: primaryColor, strokeWidth: "1.5" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8v8l3-4v8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13 8v8M13 8h4M13 12h3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8v8l3-4v8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13 8v8M13 8h4M13 12h3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18", cy: "6", r: "3", fill: primaryColor })] })),
         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: "18", cy: "6", r: "4", fill: secondaryColor }), jsx("path", { d: "M7 8v8l3-4v8", stroke: "white", strokeWidth: "1", opacity: "0.4", fill: "none" }), jsx("path", { d: "M13 8v8M13 8h4M13 12h3", stroke: "white", strokeWidth: "1", opacity: "0.4" }), jsx("path", { d: "M17 6h2M18 5v2", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -55,7 +53,6 @@ const NtdToken = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "6", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, 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: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
         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: "12", cy: "12", r: "6", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: "#10B981" })] })),
     },
 });
@@ -64,7 +61,6 @@ const NtdExchange = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "7", cy: "7", r: "5", fill: primaryColor }), jsx("circle", { cx: "17", cy: "17", r: "5", fill: primaryColor }), jsx("path", { d: "M11 8l3 4-3 4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M13 16l-3-4 3-4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "7", cy: "7", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "17", cy: "17", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 8l3 4-3 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13 16l-3-4 3-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "7", cy: "7", r: "5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "17", cy: "17", r: "5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "7", cy: "7", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "17", cy: "17", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 8l3 4-3 4M13 16l-3-4 3-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "7", cy: "7", r: "5", fill: primaryColor }), jsx("circle", { cx: "7", cy: "7", r: "5", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "17", cy: "17", r: "5", fill: secondaryColor }), jsx("path", { d: "M11 8l3 4-3 4", stroke: "white", strokeWidth: "1", opacity: "0.4", fill: "none" }), jsx("path", { d: "M13 16l-3-4 3-4", stroke: "white", strokeWidth: "1", opacity: "0.4", fill: "none" })] })),
     },
 });
@@ -73,7 +69,6 @@ const NtdDeFi = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 6v12M8 10h8M8 14h8", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "14", r: "1.5", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v12M8 10h8M8 14h8", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "8", cy: "10", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "14", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, 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("path", { d: "M12 6v12M8 10h8M8 14h8", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "14", r: "1.5", fill: primaryColor })] })),
         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: "8", cy: "10", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "14", r: "1.5", fill: "#10B981" }), jsx("path", { d: "M12 6v12M8 10h8M8 14h8", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
     },
 });
@@ -82,7 +77,6 @@ const NtdStaking = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "18", rx: "8", ry: "3", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "14", rx: "8", ry: "3", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "10", rx: "8", ry: "3", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "6", rx: "8", ry: "3", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "18", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "14", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "10", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "6", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 6v12M20 6v12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "18", rx: "8", ry: "3", fill: secondaryColor, opacity: secondaryOpacity * 0.6 }), jsx("ellipse", { cx: "12", cy: "14", rx: "8", ry: "3", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsx("ellipse", { cx: "12", cy: "10", rx: "8", ry: "3", fill: secondaryColor, opacity: secondaryOpacity * 0.8 }), jsx("ellipse", { cx: "12", cy: "6", rx: "8", ry: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "18", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "14", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "10", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "6", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "18", rx: "8", ry: "3", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "18", rx: "8", ry: "3", fill: "white", opacity: "0.08" }), jsx("ellipse", { cx: "12", cy: "14", rx: "8", ry: "3", fill: secondaryColor }), jsx("ellipse", { cx: "12", cy: "10", rx: "8", ry: "3", fill: "#10B981" }), jsx("ellipse", { cx: "12", cy: "6", rx: "8", ry: "3", fill: "#F59E0B" })] })),
     },
 });
@@ -100,7 +94,6 @@ const NtdLedger = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "6", width: "10", height: "6", rx: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "16", r: "2", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "6", width: "10", height: "6", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "16", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "6", width: "10", height: "6", rx: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "16", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "7", y: "6", width: "10", height: "6", rx: "1", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "16", r: "2", fill: "#10B981" })] })),
     },
 });
@@ -109,7 +102,6 @@ const NtdGasFee = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 21V8a2 2 0 012-2h8a2 2 0 012 2v13H4z", fill: primaryColor }), jsx("rect", { x: "6", y: "8", width: "8", height: "4", rx: "1", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M16 10h2a2 2 0 012 2v6a1 1 0 01-1 1h-1", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("path", { d: "M18 10V6l2-2", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 21V8a2 2 0 012-2h8a2 2 0 012 2v13H4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "6", y: "8", width: "8", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 10h2a2 2 0 012 2v6a1 1 0 01-1 1h-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M18 10V6l2-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 21V8a2 2 0 012-2h8a2 2 0 012 2v13H4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 21V8a2 2 0 012-2h8a2 2 0 012 2v13H4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "6", y: "8", width: "8", height: "4", rx: "1", fill: primaryColor }), jsx("path", { d: "M16 10h2a2 2 0 012 2v6a1 1 0 01-1 1h-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M18 10V6l2-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 21V8a2 2 0 012-2h8a2 2 0 012 2v13H4z", fill: primaryColor }), jsx("path", { d: "M4 21V8a2 2 0 012-2h8a2 2 0 012 2v13H4z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "6", y: "8", width: "8", height: "4", rx: "1", fill: secondaryColor }), jsx("path", { d: "M16 10h2a2 2 0 012 2v6a1 1 0 01-1 1h-1", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M18 10V6l2-2", stroke: "white", strokeWidth: "1", opacity: "0.4", fill: "none" })] })),
     },
 });
@@ -118,7 +110,6 @@ const NtdSmartContract = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: primaryColor }), jsx("path", { d: "M14 2v6h6", fill: accentColor, opacity: accentOpacity * 0.5 }), jsx("path", { d: "M8 13l2 2 4-4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M8 18h8", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 13l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 18h8", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 13l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 18h8", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: primaryColor }), jsx("path", { d: "M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M14 2v6h6", fill: secondaryColor }), jsx("path", { d: "M8 13l2 2 4-4", stroke: "white", strokeWidth: "1", opacity: "0.4", fill: "none" }), jsx("path", { d: "M8 18h8", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
     },
 });

package/dist/esm/icons/food.js

@@ -1,5 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
+import { swapDuotone } from '../iconParts.js';
 
 /* ────────────────────────────────────────────────────────────────────────────
    FOOD ITEMS
@@ -9,7 +10,7 @@ const NtdPizza = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a10 10 0 00-10 10l10 10 10-10A10 10 0 0012 2z", fill: primaryColor }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "14", cy: "8", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "11", cy: "14", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: "white", opacity: "0.5" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a10 10 0 00-10 10l10 10 10-10A10 10 0 0012 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "8", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "11", cy: "14", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: primaryColor })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a10 10 0 00-10 10l10 10 10-10A10 10 0 0012 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a10 10 0 00-10 10l10 10 10-10A10 10 0 0012 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "8", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "11", cy: "14", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a10 10 0 00-10 10l10 10 10-10A10 10 0 0012 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a10 10 0 00-10 10l10 10 10-10A10 10 0 0012 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "8", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "11", cy: "14", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a10 10 0 00-10 10l10 10 10-10A10 10 0 0012 2z", fill: primaryColor }), jsx("path", { d: "M12 2a10 10 0 00-10 10l10 10 10-10A10 10 0 0012 2z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "14", cy: "8", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "11", cy: "14", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: "white", opacity: "0.5" })] })),
     },
 });
@@ -45,7 +46,7 @@ const NtdTaco = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 14c0-6 4-10 9-10s9 4 9 10c0 2-2 4-9 4s-9-2-9-4z", fill: primaryColor }), jsx("path", { d: "M5 13c0-4 3-7 7-7s7 3 7 7", fill: "white", opacity: "0.3" }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "12", cy: "11", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "10", cy: "14", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "14", cy: "14", r: "1", fill: "white", opacity: "0.5" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 14c0-6 4-10 9-10s9 4 9 10c0 2-2 4-9 4s-9-2-9-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 13c0-4 3-7 7-7s7 3 7 7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "11", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: primaryColor })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 14c0-6 4-10 9-10s9 4 9 10c0 2-2 4-9 4s-9-2-9-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 14c0-6 4-10 9-10s9 4 9 10c0 2-2 4-9 4s-9-2-9-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 13c0-4 3-7 7-7s7 3 7 7", fill: primaryColor, opacity: "0.3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "11", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 14c0-6 4-10 9-10s9 4 9 10c0 2-2 4-9 4s-9-2-9-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 14c0-6 4-10 9-10s9 4 9 10c0 2-2 4-9 4s-9-2-9-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 13c0-4 3-7 7-7s7 3 7 7", fill: primaryColor, opacity: "0.3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "11", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 14c0-6 4-10 9-10s9 4 9 10c0 2-2 4-9 4s-9-2-9-4z", fill: primaryColor }), jsx("path", { d: "M3 14c0-6 4-10 9-10s9 4 9 10c0 2-2 4-9 4s-9-2-9-4z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M5 13c0-4 3-7 7-7s7 3 7 7", fill: "white", opacity: "0.3" }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "12", cy: "11", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "10", cy: "14", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "14", cy: "14", r: "1", fill: "white", opacity: "0.5" })] })),
     },
 });
@@ -54,10 +55,13 @@ const NtdTaco = /* @__PURE__ */ createIcon({
 ───────────────────────────────────────────────────────────────────────────── */
 const NtdCoffee = /* @__PURE__ */ createIcon({
     displayName: 'NtdCoffee',
+    perfectStackX: 12.5,
+    perfectStackY: 14,
+    perfectStackSize: 0.4,
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 8h12a2 2 0 012 2v6a4 4 0 01-4 4H9a4 4 0 01-4-4v-6a2 2 0 012-2z", fill: primaryColor }), jsx("path", { d: "M17 10h1a2 2 0 012 2v1a2 2 0 01-2 2h-1", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("path", { d: "M8 4c0-1 1-2 2-1s2 0 2-1 1-2 2-1", stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 8h12a2 2 0 012 2v6a4 4 0 01-4 4H9a4 4 0 01-4-4v-6a2 2 0 012-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 10h1a2 2 0 012 2v1a2 2 0 01-2 2h-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4c0-1 1-2 2-1s2 0 2-1 1-2 2-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 8h12a2 2 0 012 2v6a4 4 0 01-4 4H9a4 4 0 01-4-4v-6a2 2 0 012-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 8h12a2 2 0 012 2v6a4 4 0 01-4 4H9a4 4 0 01-4-4v-6a2 2 0 012-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 10h1a2 2 0 012 2v1a2 2 0 01-2 2h-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4c0-1 1-2 2-1s2 0 2-1 1-2 2-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 8h12a2 2 0 012 2v6a4 4 0 01-4 4H9a4 4 0 01-4-4v-6a2 2 0 012-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 8h12a2 2 0 012 2v6a4 4 0 01-4 4H9a4 4 0 01-4-4v-6a2 2 0 012-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 10h1a2 2 0 012 2v1a2 2 0 01-2 2h-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4c0-1 1-2 2-1s2 0 2-1 1-2 2-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 8h12a2 2 0 012 2v6a4 4 0 01-4 4H9a4 4 0 01-4-4v-6a2 2 0 012-2z", fill: primaryColor }), jsx("path", { d: "M5 8h12a2 2 0 012 2v6a4 4 0 01-4 4H9a4 4 0 01-4-4v-6a2 2 0 012-2z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M17 10h1a2 2 0 012 2v1a2 2 0 01-2 2h-1", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M8 4c0-1 1-2 2-1s2 0 2-1 1-2 2-1", stroke: "#EF4444", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" })] })),
     },
 });
@@ -75,7 +79,7 @@ const NtdBeer = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "12", height: "16", rx: "2", fill: primaryColor }), jsx("path", { d: "M16 9h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("path", { d: "M6 6c0-2 2-4 4-2s4 0 4-2", stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }), jsx("path", { d: "M7 10h6M7 14h5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.3" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "12", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 9h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 6c0-2 2-4 4-2s4 0 4-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" }), jsx("path", { d: "M7 10h6M7 14h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "12", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "12", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 9h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 6c0-2 2-4 4-2s4 0 4-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" }), jsx("path", { d: "M7 10h6M7 14h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "12", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "12", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 9h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 6c0-2 2-4 4-2s4 0 4-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" }), jsx("path", { d: "M7 10h6M7 14h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "12", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "6", width: "12", height: "16", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M16 9h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M6 6c0-2 2-4 4-2s4 0 4-2", stroke: "#EF4444", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }), jsx("path", { d: "M7 10h6M7 14h5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.3" })] })),
     },
 });
@@ -93,7 +97,7 @@ const NtdSoda = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 4h8l1 4H7l1-4z", fill: primaryColor }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M10 2v2M14 2v2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("rect", { x: "9", y: "11", width: "6", height: "3", rx: "1", fill: "white", opacity: "0.3" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 4h8l1 4H7l1-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 2v2M14 2v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("rect", { x: "9", y: "11", width: "6", height: "3", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 4h8l1 4H7l1-4z", fill: primaryColor }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 2v2M14 2v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("rect", { x: "9", y: "11", width: "6", height: "3", rx: "1", fill: primaryColor, opacity: "0.5" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 4h8l1 4H7l1-4z", fill: primaryColor }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 2v2M14 2v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("rect", { x: "9", y: "11", width: "6", height: "3", rx: "1", fill: primaryColor, opacity: "0.5" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 4h8l1 4H7l1-4z", fill: primaryColor }), jsx("path", { d: "M8 4h8l1 4H7l1-4z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: secondaryColor }), jsx("rect", { x: "9", y: "11", width: "6", height: "3", rx: "1", fill: "white", opacity: "0.3" }), jsx("path", { d: "M10 2v2M14 2v2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -105,7 +109,7 @@ const NtdChefHat = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4c2 0 4 1.5 4 4s-2 4-4 4H6c-2 0-4-1.5-4-4s2-4 4-4z", fill: primaryColor }), jsx("rect", { x: "6", y: "16", width: "12", height: "6", rx: "1", fill: primaryColor }), jsx("path", { d: "M8 14v6M12 14v6M16 14v6", stroke: "white", strokeWidth: "1", opacity: "0.3" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4c2 0 4 1.5 4 4s-2 4-4 4H6c-2 0-4-1.5-4-4s2-4 4-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "6", y: "16", width: "12", height: "6", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 14v8M12 14v8M16 14v8", stroke: primaryColor, strokeWidth: "1" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4c2 0 4 1.5 4 4s-2 4-4 4H6c-2 0-4-1.5-4-4s2-4 4-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4c2 0 4 1.5 4 4s-2 4-4 4H6c-2 0-4-1.5-4-4s2-4 4-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "6", y: "16", width: "12", height: "6", rx: "1", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4c2 0 4 1.5 4 4s-2 4-4 4H6c-2 0-4-1.5-4-4s2-4 4-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4c2 0 4 1.5 4 4s-2 4-4 4H6c-2 0-4-1.5-4-4s2-4 4-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "6", y: "16", width: "12", height: "6", rx: "1", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4c2 0 4 1.5 4 4s-2 4-4 4H6c-2 0-4-1.5-4-4s2-4 4-4z", fill: primaryColor }), jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4c2 0 4 1.5 4 4s-2 4-4 4H6c-2 0-4-1.5-4-4s2-4 4-4z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "6", y: "16", width: "12", height: "6", rx: "1", fill: secondaryColor }), jsx("path", { d: "M8 14v6M12 14v6M16 14v6", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
     },
 });
@@ -132,7 +136,7 @@ const NtdRecipe = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "5", width: "6", height: "6", rx: "1", fill: "white", opacity: "0.3" }), jsx("path", { d: "M7 14h10M7 17h8", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "5", width: "6", height: "6", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 14h10M7 17h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "5", width: "6", height: "6", rx: "1", fill: primaryColor, opacity: "0.5", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M7 14h10M7 17h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "5", width: "6", height: "6", rx: "1", fill: primaryColor, opacity: "0.5", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M7 14h10M7 17h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "7", y: "5", width: "6", height: "6", rx: "1", fill: "white", opacity: "0.3" }), jsx("path", { d: "M7 14h10M7 17h8", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -150,7 +154,7 @@ const NtdRestaurant = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: primaryColor }), jsx("rect", { x: "8", y: "12", width: "8", height: "10", fill: "white", opacity: "0.3" }), jsx("path", { d: "M10 15h4M10 18h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("text", { x: "12", y: "9", textAnchor: "middle", fill: "white", fontSize: "4", fontWeight: "bold", fontFamily: "system-ui", children: "OPEN" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "8", y: "12", width: "8", height: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 15h4M10 18h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "8", y: "12", width: "8", height: "10", fill: primaryColor, opacity: "0.3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M10 15h4M10 18h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "8", y: "12", width: "8", height: "10", fill: primaryColor, opacity: "0.3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M10 15h4M10 18h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "8", y: "12", width: "8", height: "10", fill: "white", opacity: "0.3" }), jsx("path", { d: "M10 15h4M10 18h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });