@nice2dev/icons 1.3.7 → 1.3.9

package/dist/esm/icons/devtech.js

@@ -1,5 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
+import { swapDuotone } from '../iconParts.js';
 
 const NtdBrackets = /* @__PURE__ */ createIcon({
     displayName: 'NtdBrackets',
@@ -15,7 +16,6 @@ const NtdServer = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", fill: primaryColor }), jsx("circle", { cx: "6", cy: "6", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "6", cy: "18", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("line", { x1: "10", y1: "6", x2: "18", y2: "6", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.5 }), jsx("line", { x1: "10", y1: "18", x2: "18", y2: "18", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.5 })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "6", cy: "6", r: "1", fill: primaryColor }), jsx("circle", { cx: "6", cy: "18", r: "1", fill: primaryColor })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "6", cy: "6", r: "1", fill: primaryColor }), jsx("circle", { cx: "6", cy: "18", r: "1", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", fill: secondaryColor }), jsx("circle", { cx: "6", cy: "6", r: "1", fill: "#3B82F6" }), jsx("circle", { cx: "6", cy: "18", r: "1", fill: "#10B981" }), jsx("line", { x1: "10", y1: "6", x2: "18", y2: "6", stroke: "white", strokeWidth: "1", opacity: "0.35" }), jsx("line", { x1: "10", y1: "18", x2: "18", y2: "18", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
     },
 });
@@ -48,10 +48,13 @@ const NtdGitMerge = /* @__PURE__ */ createIcon({
 });
 const NtdBattery = /* @__PURE__ */ createIcon({
     displayName: 'NtdBattery',
+    perfectStackX: 10,
+    perfectStackY: 12,
+    perfectStackSize: 0.4,
     paths: {
         solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", fill: primaryColor }), jsx("line", { x1: "23", y1: "10", x2: "23", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "4", y: "9", width: "8", height: "6", rx: "1", fill: secondaryColor, opacity: 0.4 })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "23", y1: "10", x2: "23", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "23", y1: "10", x2: "23", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "23", y1: "10", x2: "23", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "4", y: "9", width: "8", height: "6", rx: "1", fill: secondaryColor }), jsx("line", { x1: "23", y1: "10", x2: "23", y2: "14", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -69,7 +72,7 @@ const NtdHash = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "3", x2: "8", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "16", y1: "3", x2: "14", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "3", x2: "8", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "16", y1: "3", x2: "14", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "3", x2: "8", y2: "21", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsx("line", { x1: "16", y1: "3", x2: "14", y2: "21", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "3", x2: "8", y2: "21", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsx("line", { x1: "16", y1: "3", x2: "14", y2: "21", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9", stroke: primaryColor, strokeWidth: "2" }), jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "10", y1: "3", x2: "8", y2: "21", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("line", { x1: "16", y1: "3", x2: "14", y2: "21", stroke: secondaryColor, strokeWidth: "1.5" })] })),
     },
 });
@@ -88,7 +91,7 @@ const NtdBlueprint = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 8h12M6 12h7M6 16h10M14 10v8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M3 3h18v18H3zM6 8h12M6 12h7M6 16h10M14 10v8", 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: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 8h12M6 12h7M6 16h10M14 10v8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        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("path", { d: "M6 8h12M6 12h7M6 16h10M14 10v8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M6 8h12M6 12h7M6 16h10M14 10v8", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -133,7 +136,7 @@ const NtdAIBrain = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 5a3 3 0 00-3 3v8a3 3 0 003 3h6a3 3 0 003-3V8a3 3 0 00-3-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M10 8v8M14 8v8M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M9 5a3 3 0 00-3 3v8a3 3 0 003 3h6a3 3 0 003-3V8a3 3 0 00-3-3zM10 8v8M14 8v8M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "5", width: "12", height: "14", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 5a3 3 0 00-3 3v8a3 3 0 003 3h6a3 3 0 003-3V8a3 3 0 00-3-3zM10 8v8M14 8v8M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "5", width: "12", height: "14", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 5a3 3 0 00-3 3v8a3 3 0 003 3h6a3 3 0 003-3V8a3 3 0 00-3-3zM10 8v8M14 8v8M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 5a3 3 0 00-3 3v8a3 3 0 003 3h6a3 3 0 003-3V8a3 3 0 00-3-3z", fill: primaryColor }), jsx("path", { d: "M9 5a3 3 0 00-3 3v8a3 3 0 003 3h6a3 3 0 003-3V8a3 3 0 00-3-3z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M10 8v8M14 8v8M9 12h6", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -151,7 +154,9 @@ const NtdForge = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l4 7-4 13-4-13z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l4 7-4 13-4-13z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 9h8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 2l4 7-4 13-4-13zM8 9h8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l4 7-4 13-4-13z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l4 7-4 13-4-13zM8 9h8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        // the gem primary, its girdle secondary (1.3.8 — its solid is a tint under a line, so the
+        // duotone derived from it would keep secondary the larger area)
+        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l4 7-4 13-4-13z", fill: primaryColor }), jsx("path", { d: "M8 9h8", stroke: secondaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l4 7-4 13-4-13z", fill: primaryColor }), jsx("path", { d: "M12 2l4 7-4 13-4-13z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 2l4 7-4 13-4-13z", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M8 9h8", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
     },
 });
@@ -178,7 +183,7 @@ const NtdGateway = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "7", width: "7", height: "10", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "7", width: "7", height: "10", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M10 12h4M12 10l2 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M3 7h7v10H3zM14 7h7v10h-7zM10 12h4M12 10l2 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "7", width: "7", height: "10", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "7", width: "7", height: "10", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 7h7v10H3zM14 7h7v10h-7zM10 12h4M12 10l2 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "7", width: "7", height: "10", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "7", width: "7", height: "10", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 7h7v10H3zM14 7h7v10h-7zM10 12h4M12 10l2 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "7", width: "7", height: "10", rx: "1.5", fill: primaryColor }), jsx("rect", { x: "3", y: "7", width: "7", height: "10", rx: "1.5", fill: "white", opacity: "0.08" }), jsx("rect", { x: "14", y: "7", width: "7", height: "10", rx: "1.5", fill: secondaryColor }), jsx("path", { d: "M10 12h4M12 10l2 2-2 2", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -196,7 +201,7 @@ const NtdFeatureFlag = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "6", y1: "3", x2: "6", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M6 5h12l-2.5 4L18 13H6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 5h12l-2.5 4L18 13H6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M6 3v18M6 5h12l-2.5 4L18 13H6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 5h12l-2.5 4L18 13H6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 3v18M6 5h12l-2.5 4L18 13H6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 5h12l-2.5 4L18 13H6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 3v18M6 5h12l-2.5 4L18 13H6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 5h12l-2.5 4L18 13H6z", fill: primaryColor }), jsx("path", { d: "M6 5h12l-2.5 4L18 13H6z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "6", y1: "3", x2: "6", y2: "21", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("path", { d: "M6 5h12l-2.5 4L18 13H6z", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
     },
 });
@@ -206,7 +211,6 @@ const NtdViteLogo = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 3L12 22L3 3h7l2 10l2-10h7z", fill: primaryColor }), jsx("path", { d: "M10 3l2 10l2-10", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M21 3L12 22L3 3h7l2 10l2-10h7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 3L12 22L3 3h7l2 10l2-10h7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 3L12 22L3 3h7l2 10l2-10h7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 3L12 22L3 3h7l2 10l2-10h7z", fill: primaryColor }), jsx("path", { d: "M21 3L12 22L3 3h7l2 10l2-10h7z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M10 3l2 10l2-10", fill: secondaryColor })] })),
     },
 });
@@ -215,7 +219,7 @@ const NtdBunLogo = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", fill: primaryColor }), jsx("ellipse", { cx: "9", cy: "13", rx: "1.5", ry: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "15", cy: "13", rx: "1.5", ry: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 9c0-3 2.5-6 6-6s6 3 6 6", stroke: primaryColor, strokeWidth: "2", fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "9", cy: "13", rx: "1.5", ry: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "15", cy: "13", rx: "1.5", ry: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 9c0-3 2.5-6 6-6s6 3 6 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "9", cy: "13", rx: "1.5", ry: "2", fill: primaryColor }), jsx("ellipse", { cx: "15", cy: "13", rx: "1.5", ry: "2", fill: primaryColor }), jsx("path", { d: "M6 9c0-3 2.5-6 6-6s6 3 6 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "9", cy: "13", rx: "1.5", ry: "2", fill: primaryColor }), jsx("ellipse", { cx: "15", cy: "13", rx: "1.5", ry: "2", fill: primaryColor }), jsx("path", { d: "M6 9c0-3 2.5-6 6-6s6 3 6 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", fill: "white", opacity: "0.08" }), jsx("ellipse", { cx: "9", cy: "13", rx: "1.5", ry: "2", fill: secondaryColor }), jsx("ellipse", { cx: "15", cy: "13", rx: "1.5", ry: "2", fill: "#3B82F6" }), jsx("path", { d: "M6 9c0-3 2.5-6 6-6s6 3 6 6", stroke: "white", strokeWidth: "1", fill: "none" })] })),
     },
 });
@@ -224,7 +228,7 @@ const NtdDenoLogo = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("ellipse", { cx: "14", cy: "10", rx: "2", ry: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "14.5", cy: "9.5", r: "0.8", fill: primaryColor }), jsx("path", { d: "M8 16c2-1 4-1 6 0", stroke: secondaryColor, strokeWidth: "1.5", fill: "none", opacity: secondaryOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "14", cy: "10", rx: "2", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 16c2-1 4-1 6 0", 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("ellipse", { cx: "14", cy: "10", rx: "2", ry: "3", fill: primaryColor }), jsx("path", { d: "M8 16c2-1 4-1 6 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        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("ellipse", { cx: "14", cy: "10", rx: "2", ry: "3", fill: primaryColor }), jsx("path", { d: "M8 16c2-1 4-1 6 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("ellipse", { cx: "14", cy: "10", rx: "2", ry: "3", fill: secondaryColor }), jsx("circle", { cx: "14.5", cy: "9.5", r: "0.8", fill: "#3B82F6" }), jsx("path", { d: "M8 16c2-1 4-1 6 0", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.35" })] })),
     },
 });
@@ -233,7 +237,7 @@ const NtdTauriLogo = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "8", r: "5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "16", r: "5", fill: primaryColor }), jsx("circle", { cx: "8", cy: "8", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "16", cy: "16", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M11.5 9.5l1 5", stroke: primaryColor, strokeWidth: "2" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "16", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "8", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "16", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11.5 9.5l1 5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "8", r: "5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "16", cy: "16", r: "5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "8", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "16", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "8", r: "2", fill: primaryColor }), jsx("circle", { cx: "16", cy: "16", r: "2", fill: primaryColor }), jsx("path", { d: "M11.5 9.5l1 5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "8", r: "5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "16", cy: "16", r: "5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "8", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "16", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "8", r: "2", fill: primaryColor }), jsx("circle", { cx: "16", cy: "16", r: "2", fill: primaryColor }), jsx("path", { d: "M11.5 9.5l1 5", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "8", r: "5", fill: primaryColor }), jsx("circle", { cx: "8", cy: "8", r: "5", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "16", cy: "16", r: "5", fill: secondaryColor }), jsx("circle", { cx: "8", cy: "8", r: "2", fill: "#3B82F6" }), jsx("circle", { cx: "16", cy: "16", r: "2", fill: "#10B981" }), jsx("path", { d: "M11.5 9.5l1 5", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -251,7 +255,7 @@ const NtdNextJsLogo = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M8 8v8M8 8l10 12M16 8v8", stroke: "white", strokeWidth: "2" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 8v8M8 8l10 12M16 8v8", 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: "M8 8v8M8 8l10 12M16 8v8", 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: "M8 8v8M8 8l10 12M16 8v8", 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.1" }), jsx("path", { d: "M8 8v8M8 8l10 12M16 8v8", stroke: "white", strokeWidth: "1.8" })] })),
     },
 });
@@ -269,7 +273,6 @@ const NtdQwikLogo = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 8v8l8 6 8-6V8l-8-6z", fill: primaryColor }), jsx("path", { d: "M12 8v8l4-4-4-4z", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 8v8l8 6 8-6V8l-8-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 8v8l4-4-4-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 8v8l8 6 8-6V8l-8-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L4 8v8l8 6 8-6V8l-8-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 8v8l4-4-4-4z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 8v8l8 6 8-6V8l-8-6z", fill: primaryColor }), jsx("path", { d: "M12 2L4 8v8l8 6 8-6V8l-8-6z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M12 8v8l4-4-4-4z", fill: secondaryColor })] })),
     },
 });
@@ -278,7 +281,6 @@ const NtdSolidJsLogo = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 8l9 6 9-6-9-6-9 6z", fill: primaryColor }), jsx("path", { d: "M3 12l9 6 9-6-9-6-9 6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 16l9 6 9-6-9-6-9 6z", fill: primaryColor, opacity: "0.7" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 8l9 6 9-6-9-6-9 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 12l9 6 9-6-9-6-9 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 16l9 6 9-6-9-6-9 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 8l9 6 9-6-9-6-9 6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 12l9 6 9-6-9-6-9 6z", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsx("path", { d: "M3 16l9 6 9-6-9-6-9 6z", fill: secondaryColor, opacity: secondaryOpacity * 0.5 }), jsx("path", { d: "M3 8l9 6 9-6-9-6-9 6zM3 12l9 6 9-6-9-6-9 6zM3 16l9 6 9-6-9-6-9 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 8l9 6 9-6-9-6-9 6z", fill: primaryColor }), jsx("path", { d: "M3 8l9 6 9-6-9-6-9 6z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M3 12l9 6 9-6-9-6-9 6z", fill: secondaryColor }), jsx("path", { d: "M3 16l9 6 9-6-9-6-9 6z", fill: "#3B82F6", opacity: "0.7" })] })),
     },
 });

package/dist/esm/icons/ecommerce.js

@@ -1,5 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
+import { swapDuotone } from '../iconParts.js';
 
 // ═══════════════════════════════════════════════════════════════════════════════
 // E-Commerce Icons
@@ -28,16 +29,18 @@ const NtdCheckout = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "14", height: "10", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "7", width: "6", height: "1", rx: "0.5", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "4", y: "10", width: "4", height: "1", rx: "0.5", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M18 8l2 2 4-4", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("path", { d: "M2 17h14l2 4H4l-2-4z", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "14", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "4", y: "7", width: "6", height: "1", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("rect", { x: "4", y: "10", width: "4", height: "1", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("path", { d: "M18 8l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 17h14l2 4H4l-2-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "14", height: "10", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "14", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 17h14l2 4H4l-2-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2 17h14l2 4H4l-2-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M18 8l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "14", height: "10", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "14", height: "10", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "4", y: "7", width: "6", height: "1", rx: "0.5", fill: secondaryColor }), jsx("rect", { x: "4", y: "10", width: "4", height: "1", rx: "0.5", fill: "#F59E0B" }), jsx("path", { d: "M2 17h14l2 4H4l-2-4z", fill: "#EF4444" }), jsx("path", { d: "M18 8l2 2 4-4", stroke: "white", strokeWidth: "1", fill: "none" })] })),
     },
 });
 const NtdWishlist = /* @__PURE__ */ createIcon({
     displayName: 'NtdWishlist',
+    perfectStackX: 12,
+    perfectStackY: 11.5,
+    perfectStackSize: 0.45,
     paths: {
         solid: ({ primaryColor }) => (jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z", fill: primaryColor }), jsx("path", { d: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -46,7 +49,6 @@ const NtdCompare = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "8", height: "18", rx: "1", fill: primaryColor }), jsx("rect", { x: "14", y: "3", width: "8", height: "18", rx: "1", fill: primaryColor }), jsx("path", { d: "M10 8h4M10 12h4M10 16h4", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "8", height: "18", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "3", width: "8", height: "18", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 8h4M10 12h4M10 16h4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "8", height: "18", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "3", width: "8", height: "18", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "3", width: "8", height: "18", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "3", width: "8", height: "18", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 8h4M10 12h4M10 16h4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "8", height: "18", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "3", width: "8", height: "18", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "14", y: "3", width: "8", height: "18", rx: "1", fill: secondaryColor }), jsx("path", { d: "M10 8h4M10 12h4M10 16h4", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
     },
 });
@@ -55,7 +57,6 @@ const NtdShipping = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 3h14v10H1V3z", fill: primaryColor }), jsx("path", { d: "M15 7h4l3 4v4h-7V7z", fill: primaryColor }), jsx("circle", { cx: "6", cy: "17", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "18", cy: "17", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M1 17h3M10 17h6", stroke: primaryColor, strokeWidth: "2" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 3h14v10H1V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 7h4l3 4v4h-7V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "6", cy: "17", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "17", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M1 17h3M10 17h6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 3h14v10H1V3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M15 7h4l3 4v4h-7V7z", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsx("path", { d: "M1 3h14v10H1V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 7h4l3 4v4h-7V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "6", cy: "17", r: "2", fill: primaryColor }), jsx("circle", { cx: "18", cy: "17", r: "2", fill: primaryColor }), jsx("path", { d: "M1 17h3M10 17h6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 3h14v10H1V3z", fill: primaryColor }), jsx("path", { d: "M1 3h14v10H1V3z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M15 7h4l3 4v4h-7V7z", fill: secondaryColor }), jsx("circle", { cx: "6", cy: "17", r: "2", fill: "#F59E0B" }), jsx("circle", { cx: "18", cy: "17", r: "2", fill: "#EF4444" }), jsx("path", { d: "M1 17h3M10 17h6", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -64,7 +65,6 @@ const NtdReturn = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 7h12v10H4V7z", fill: primaryColor }), jsx("path", { d: "M1 12l4-4v3h6v2H5v3l-4-4z", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M23 12l-4 4v-3h-6v-2h6V8l4 4z", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "7", width: "12", height: "10", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M1 12l3-3v2.5h4v1H4V15l-3-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M23 12l-3 3v-2.5h-4v-1h4V9l3 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 7h12v10H4V7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "7", width: "12", height: "10", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M1 12l3-3v6l-3-3z", fill: primaryColor }), jsx("path", { d: "M23 12l-3-3v6l3-3z", fill: primaryColor }), jsx("path", { d: "M4 11.5h4M16 11.5h4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 7h12v10H4V7z", fill: primaryColor }), jsx("path", { d: "M4 7h12v10H4V7z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M1 12l4-4v3h6v2H5v3l-4-4z", fill: secondaryColor }), jsx("path", { d: "M23 12l-4 4v-3h-6v-2h6V8l4 4z", fill: "#F59E0B" })] })),
     },
 });
@@ -73,13 +73,13 @@ const NtdDiscount = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M7 17L17 7", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("circle", { cx: "8", cy: "8", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "16", r: "2", 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: "M7 17L17 7", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "8", cy: "8", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "16", 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: "M7 17L17 7", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "8", cy: "8", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "16", 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: "8", r: "2", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "16", r: "2", fill: "#F59E0B" }), jsx("path", { d: "M7 17L17 7", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
     },
 });
 // NtdPromoTag: a price tag with its hole and a percent sign on it, the sign turned 45° clockwise
 // — its slash lies across and the two dots sit above and below it. Filled, the sign is in the
-// accent colour like the hole (vivid: the hole secondary); duotone and the outline draw it primary.
+// accent colour like the hole (vivid: the hole secondary; duotone: both secondary on the primary
+// tag, 1.3.8); the outline draws it primary.
 const PROMO_TAG = 'M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z';
 const PROMO_PERCENT_SLASH = 'M10 13h6.4';
 /** The percent sign's two dots, r 1.15, above and below the slash. */
@@ -92,7 +92,6 @@ const NtdPromoTag = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: PROMO_TAG, fill: primaryColor }), jsx("circle", { cx: "7", cy: "7", r: "2", fill: accentColor, opacity: accentOpacity }), promoPercent(accentColor, strokeWidth * 1.5, accentOpacity)] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: PROMO_TAG, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), promoPercent(primaryColor, strokeWidth)] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: PROMO_TAG, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: PROMO_TAG, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: primaryColor }), promoPercent(primaryColor, strokeWidth * 1.5)] })),
         vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: PROMO_TAG, fill: primaryColor }), jsx("path", { d: PROMO_TAG, fill: "white", opacity: "0.08" }), jsx("circle", { cx: "7", cy: "7", r: "2", fill: secondaryColor }), promoPercent(accentColor, strokeWidth * 1.5, accentOpacity)] })),
     },
 });
@@ -101,7 +100,6 @@ const NtdGiftCard = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M12 5v14", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("path", { d: "M2 10h20", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "7", r: "2", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 5v14", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M8 5c0-2 4-2 4 0M16 5c0-2-4-2-4 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 5v14", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M2 10h20", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M8 5c0-2 4-2 4 0M16 5c0-2-4-2-4 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "7", r: "2", fill: secondaryColor }), jsx("path", { d: "M12 5v14", stroke: "white", strokeWidth: "1", opacity: "0.4" }), jsx("path", { d: "M2 10h20", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
     },
 });
@@ -110,7 +108,6 @@ const NtdCoupon = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z", fill: primaryColor }), jsx("path", { d: "M10 8v8M10 8l-3 3M10 8l3 3", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "10", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "14", r: "1", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 8v8M10 8l-3 3M10 8l3 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "16", cy: "10", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("circle", { cx: "16", cy: "14", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 8v8M10 8l-3 3M10 8l3 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "16", cy: "10", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "14", r: "1", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z", fill: primaryColor }), jsx("path", { d: "M2 6a2 2 0 012-2h16a2 2 0 012 2v4a2 2 0 100 4v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4a2 2 0 100-4V6z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "16", cy: "10", r: "1", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "14", r: "1", fill: "#F59E0B" }), jsx("path", { d: "M10 8v8M10 8l-3 3M10 8l3 3", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
     },
 });
@@ -128,7 +125,6 @@ const NtdPayment = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "9", width: "20", height: "3", fill: accentColor, opacity: accentOpacity * 1.5 }), jsx("rect", { x: "5", y: "15", width: "4", height: "2", rx: "0.5", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "11", y: "15", width: "3", height: "2", rx: "0.5", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 9h20M2 12h20", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "5", y: "15", width: "4", height: "2", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("rect", { x: "11", y: "15", width: "3", height: "2", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "9", width: "20", height: "3", fill: primaryColor }), jsx("rect", { x: "5", y: "15", width: "4", height: "2", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "9", width: "20", height: "3", fill: secondaryColor }), jsx("rect", { x: "5", y: "15", width: "4", height: "2", rx: "0.5", fill: "#F59E0B" }), jsx("rect", { x: "11", y: "15", width: "3", height: "2", rx: "0.5", fill: "#EF4444" })] })),
     },
 });
@@ -137,7 +133,6 @@ const NtdRefund = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 6v6l-3 3", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M8 3l-4 3 4 3", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M4 6h5", stroke: accentColor, strokeWidth: "2", 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 6v6l-3 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 2l-4 3 4 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 5h5", 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: "M12 6v6l-3 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 2l-4 3 4 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 5h5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         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.1" }), jsx("path", { d: "M12 6v6l-3 3", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M8 3l-4 3 4 3", stroke: "#F59E0B", strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M4 6h5", stroke: "#F59E0B", strokeWidth: "1.5" })] })),
     },
 });

package/dist/esm/icons/education.js

@@ -1,5 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
+import { swapDuotone } from '../iconParts.js';
 
 /* ────────────────────────────────────────────────────────────────────────────
    ACADEMIC
@@ -18,7 +19,7 @@ const NtdDiploma = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "2", fill: "white" }), jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "2", fill: primaryColor }), jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "2", fill: primaryColor }), jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "17", cy: "14", r: "2", fill: "white" }), jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", fill: "#F59E0B" }), jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -27,7 +28,7 @@ const NtdSchool = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", fill: primaryColor }), jsx("rect", { x: "10", y: "9", width: "4", height: "5", rx: "0.5", fill: "white" }), jsx("path", { d: "M12 5v4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "10", y: "9", width: "4", height: "5", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "10", y: "9", width: "4", height: "5", rx: "0.5", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "10", y: "9", width: "4", height: "5", rx: "0.5", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", fill: primaryColor }), jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "10", y: "9", width: "4", height: "5", rx: "0.5", fill: "white" }), jsx("path", { d: "M12 5v4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -59,8 +60,6 @@ const BOOK_TITLE = 'M9.5 6.75h6.5';
 /** The title below NtdBookBookmark's ribbon. */
 const BOOK_TITLE_LOW = 'M9.5 10h6.5';
 const BOOK_OUTLINE = 'M4.5 17.5V6A2.5 2.5 0 017 3.5h12a1 1 0 011 1v10H7.5a3 3 0 000 6H20M18.7 14.5v6';
-/** The inside of the outline, for duotone's fill under it. */
-const BOOK_OUTLINE_FILL = 'M7 3.5h12a1 1 0 011 1v10h-1.3v6H7.5a3 3 0 01-3-3V6A2.5 2.5 0 017 3.5z';
 /** The book, with the ribbon bookmark or without it. */
 function bookIcon(displayName, ribbon) {
     const title = ribbon ? BOOK_TITLE_LOW : BOOK_TITLE;
@@ -69,7 +68,7 @@ function bookIcon(displayName, ribbon) {
         paths: {
             solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: BOOK_SILHOUETTE, fill: primaryColor }), jsxs("g", { fill: accentColor, opacity: accentOpacity, children: [jsx("path", { d: BOOK_PAGES }), ribbon && jsx("path", { d: BOOK_RIBBON }), jsx("path", { d: title, stroke: accentColor, strokeWidth: "1.5", fill: "none" })] })] })),
             outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: `${BOOK_OUTLINE}${title}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), ribbon && (jsx("path", { d: "M9.5 4v4l1.75-1.3L13 8V4", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }))] })),
-            duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: BOOK_OUTLINE_FILL, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: `${BOOK_OUTLINE}${title}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), ribbon && jsx("path", { d: BOOK_RIBBON, fill: primaryColor })] })),
+            // duotone (1.3.8): createIcon's default — the solid book, pages, ribbon and title secondary
             vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: BOOK_SILHOUETTE, fill: primaryColor }), jsxs("g", { fill: accentColor, opacity: accentOpacity, children: [jsx("path", { d: BOOK_PAGES }), jsx("path", { d: title, stroke: accentColor, strokeWidth: "1.5", fill: "none" })] }), ribbon && jsx("path", { d: BOOK_RIBBON, fill: secondaryColor })] })),
         },
     });
@@ -81,7 +80,7 @@ const NtdOpenBook = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", fill: primaryColor }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", fill: primaryColor, opacity: "0.6" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", fill: primaryColor }), jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", fill: secondaryColor, opacity: "0.6" })] })),
     },
 });
@@ -107,7 +106,7 @@ const NtdPencil = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4zM17 7l-3-3", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M14 4l6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M14 4l6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M14 4l6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4zM17 7l-3-3", fill: primaryColor }), jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4zM17 7l-3-3", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -116,7 +115,7 @@ const NtdPen = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -128,7 +127,7 @@ const NtdOnlineCourse = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M8 19h8M12 17v2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M10 8l4 2-4 2V8z", fill: "white" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 19h8M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 8l4 2-4 2V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 19h8M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 8l4 2-4 2V8z", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 19h8M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 8l4 2-4 2V8z", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("path", { d: "M10 8l4 2-4 2V8z", fill: "white" }), jsx("path", { d: "M8 19h8M12 17v2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -137,7 +136,7 @@ const NtdWebinar = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: "white" }), jsx("path", { d: "M6 14c0-2 2.5-3 6-3s6 1 6 3", stroke: "white", strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M8 19h8M10 17v2M14 17v2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 19h8M10 17v2M14 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: primaryColor }), jsx("path", { d: "M8 19h8M10 17v2M14 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: primaryColor }), jsx("path", { d: "M8 19h8M10 17v2M14 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: "white" }), jsx("path", { d: "M6 14c0-2 2.5-3 6-3s6 1 6 3", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M8 19h8M10 17v2M14 17v2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -146,7 +145,7 @@ const NtdCertificate = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M6 8h12M6 11h8", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "3", fill: "white" }), jsx("path", { d: "M17 17v4l-1.5-1-1.5 1v-4M17 17v4l1.5-1 1.5 1v-4", stroke: primaryColor, strokeWidth: "1.5" }), jsx("path", { d: "M16 13l1 1 2-2", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 8h12M6 11h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15.5 17v4l1.5-1 1.5 1v-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 13l1 1 2-2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 8h12M6 11h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "3", fill: primaryColor }), jsx("path", { d: "M15.5 17v4l1.5-1 1.5 1v-4", fill: primaryColor }), jsx("path", { d: "M16 13l1 1 2-2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 8h12M6 11h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "3", fill: primaryColor }), jsx("path", { d: "M15.5 17v4l1.5-1 1.5 1v-4", fill: primaryColor }), jsx("path", { d: "M16 13l1 1 2-2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "17", cy: "14", r: "3", fill: "white" }), jsx("path", { d: "M6 8h12M6 11h8", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M17 17v4l-1.5-1-1.5 1v-4M17 17v4l1.5-1 1.5 1v-4", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M16 13l1 1 2-2", stroke: "white", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round" })] })),
     },
 });
@@ -155,7 +154,7 @@ const NtdQuiz = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: primaryColor }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: "white" }), jsx("circle", { cx: "7", cy: "12", r: "1.5", fill: "white" }), jsx("circle", { cx: "7", cy: "17", r: "1.5", fill: "white" }), jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M6.5 6.5l1 1M6.5 7.5l1-1", stroke: primaryColor, strokeWidth: "1", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "17", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "7", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "17", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "7", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "17", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: "white" }), jsx("circle", { cx: "7", cy: "12", r: "1.5", fill: "white" }), jsx("circle", { cx: "7", cy: "17", r: "1.5", fill: "white" }), jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M6.5 6.5l1 1M6.5 7.5l1-1", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -164,7 +163,7 @@ const NtdExam = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M14 2v6h6", fill: "white", opacity: "0.3" }), jsx("path", { d: "M8 12h8M8 15h8M8 18h5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("text", { x: "12", y: "10", textAnchor: "middle", fill: "white", fontSize: "5", fontWeight: "bold", children: "A+" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M8 12h8M8 15h8M8 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("text", { x: "12", y: "10", textAnchor: "middle", fill: primaryColor, fontSize: "5", fontWeight: "bold", children: "A+" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 2v6h6", fill: primaryColor, opacity: "0.3" }), jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M8 12h8M8 15h8M8 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 2v6h6", fill: primaryColor, opacity: "0.3" }), jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M8 12h8M8 15h8M8 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M14 2v6h6", fill: "white", opacity: "0.3" }), jsx("path", { d: "M8 12h8M8 15h8M8 18h5", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -176,7 +175,7 @@ const NtdFlashcard = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", fill: primaryColor, opacity: "0.5" }), jsx("path", { d: "M8 10h8M8 14h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", opacity: "0.5" }), jsx("path", { d: "M8 10h8M8 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10h8M8 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10h8M8 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: "0.5" }), jsx("path", { d: "M8 10h8M8 14h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -185,7 +184,7 @@ const NtdBackpack = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", fill: primaryColor }), jsx("path", { d: "M9 4V3a3 3 0 016 0v1", stroke: primaryColor, strokeWidth: "2" }), jsx("rect", { x: "8", y: "12", width: "8", height: "5", rx: "1", fill: "white" }), jsx("path", { d: "M10 14h4", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4V3a3 3 0 016 0v1", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "8", y: "12", width: "8", height: "5", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4V3a3 3 0 016 0v1", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "8", y: "12", width: "8", height: "5", 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 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4V3a3 3 0 016 0v1", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "8", y: "12", width: "8", height: "5", rx: "1", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", fill: primaryColor }), jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "8", y: "12", width: "8", height: "5", rx: "1", fill: "white" }), jsx("path", { d: "M9 4V3a3 3 0 016 0v1", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M10 14h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -205,7 +204,6 @@ const NtdCalculator = /* @__PURE__ */ createIcon({
     paths: {
         solid: (props) => calculatorFilled(props, props.accentColor, props.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: "6", y: "4", width: "12", height: "5", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "20", r: "1", fill: primaryColor }), jsx("rect", { x: "11", y: "19", width: "6", height: "2", rx: "0.5", fill: primaryColor })] })),
-        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: "6", y: "4", width: "12", height: "5", rx: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "16", r: "1", fill: primaryColor })] })),
         vivid: (props) => calculatorFilled(props, props.secondaryColor, 1),
     },
 });