@nice2dev/icons 1.3.6 → 1.3.8

package/dist/esm/icons/input.js

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

package/dist/esm/icons/legal.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
-import { paperIcon } from '../iconParts.js';
+import { swapDuotone, paperIcon } from '../iconParts.js';
 
 /* ────────────────────────────────────────────────────────────────────────────
    LEGAL DOCUMENTS
@@ -13,7 +13,7 @@ const NtdLegalDocument = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: "white" }), jsx("path", { d: "M8 14h8M8 17h6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 14h8M8 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: primaryColor }), jsx("path", { d: "M8 14h8M8 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: primaryColor }), jsx("path", { d: "M8 14h8M8 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: "white" }), jsx("path", { d: "M8 14h8M8 17h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -22,7 +22,7 @@ const NtdTermsOfService = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M8 6h8M8 10h8M8 14h8M8 18h5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", rx: "0.5", fill: "white" }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", rx: "0.5", fill: "white" }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", rx: "0.5", fill: "white" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 6h5M11 10h5M11 14h5M11 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 6h5M11 10h5M11 14h5M11 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", rx: "0.5", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 6h5M11 10h5M11 14h5M11 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", rx: "0.5", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", rx: "0.5", fill: "white" }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", rx: "0.5", fill: "white" }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", rx: "0.5", fill: "white" }), jsx("path", { d: "M8 6h8M8 10h8M8 14h8M8 18h5", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -34,7 +34,7 @@ const NtdPrivacyPolicy = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: "white" }), jsx("path", { d: "M12 13c-2 0-4 1-4 2v2h8v-2c0-1-2-2-4-2z", fill: "white" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 13c-2 0-4 1-4 2v2h8v-2c0-1-2-2-4-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: primaryColor }), jsx("path", { d: "M12 13c-2 0-4 1-4 2v2h8v-2c0-1-2-2-4-2z", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: primaryColor }), jsx("path", { d: "M12 13c-2 0-4 1-4 2v2h8v-2c0-1-2-2-4-2z", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: primaryColor }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: "white" }), jsx("path", { d: "M12 13c-2 0-4 1-4 2v2h8v-2c0-1-2-2-4-2z", fill: "white" })] })),
     },
 });
@@ -43,7 +43,7 @@ const NtdGdpr = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: "white", fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "GDPR" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "GDPR" })] })),
-        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("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "GDPR" })] })),
+        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("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "GDPR" })] }))),
         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" })] })),
     },
 });
@@ -52,7 +52,7 @@ const NtdCcpa = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: "white", fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "CCPA" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "CCPA" })] })),
-        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("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "CCPA" })] })),
+        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("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "CCPA" })] }))),
         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" })] })),
     },
 });
@@ -61,7 +61,7 @@ const NtdCookieConsent = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "14", cy: "8", r: "1", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "10", cy: "14", r: "1.5", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: "white", opacity: "0.6" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "8", r: "1", fill: primaryColor }), jsx("circle", { cx: "10", cy: "14", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "8", r: "1", fill: primaryColor }), jsx("circle", { cx: "10", cy: "14", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })] })),
+        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("circle", { cx: "8", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "8", r: "1", fill: primaryColor }), jsx("circle", { cx: "10", cy: "14", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "14", cy: "8", r: "1", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "10", cy: "14", r: "1.5", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: "white", opacity: "0.6" })] })),
     },
 });
@@ -73,7 +73,7 @@ const NtdCopyright = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M15 9c-1-1-2-1.5-3-1.5a4.5 4.5 0 000 9c1 0 2-.5 3-1.5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 9c-1-1-2-1.5-3-1.5a4.5 4.5 0 000 9c1 0 2-.5 3-1.5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", 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: "M15 9c-1-1-2-1.5-3-1.5a4.5 4.5 0 000 9c1 0 2-.5 3-1.5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", 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("path", { d: "M15 9c-1-1-2-1.5-3-1.5a4.5 4.5 0 000 9c1 0 2-.5 3-1.5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] }))),
         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: "M15 9c-1-1-2-1.5-3-1.5a4.5 4.5 0 000 9c1 0 2-.5 3-1.5", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", fill: "none" })] })),
     },
 });
@@ -82,7 +82,7 @@ const NtdTrademark = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: "white", fontSize: "10", fontWeight: "bold", fontFamily: "system-ui", children: "\u2122" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "10", fontWeight: "bold", fontFamily: "system-ui", children: "\u2122" })] })),
-        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("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "10", fontWeight: "bold", fontFamily: "system-ui", children: "\u2122" })] })),
+        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("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "10", fontWeight: "bold", fontFamily: "system-ui", children: "\u2122" })] }))),
         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" })] })),
     },
 });
@@ -91,7 +91,7 @@ const NtdPatent = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M9 7v10M9 7h4a3 3 0 010 6H9", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 7v10M9 7h4a3 3 0 010 6H9", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 7v10M9 7h4a3 3 0 010 6H9", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", 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("path", { d: "M9 7v10M9 7h4a3 3 0 010 6H9", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] }))),
         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: "M9 7v10M9 7h4a3 3 0 010 6H9", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
     },
 });
@@ -103,7 +103,7 @@ const NtdCompliance = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: primaryColor }), jsx("path", { d: "M9 12l2 2 4-4", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: primaryColor }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })] })),
     },
 });
@@ -121,7 +121,7 @@ const NtdAudit = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M8 7h8M8 11h8M8 15h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("circle", { cx: "16", cy: "16", r: "4", fill: "white" }), jsx("path", { d: "M14 16l1 1 2-2", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 7h8M8 11h8M8 15h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "16", cy: "16", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 16l1 1 2-2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 7h8M8 11h8M8 15h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "16", cy: "16", r: "4", fill: primaryColor }), jsx("path", { d: "M14 16l1 1 2-2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 7h8M8 11h8M8 15h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "16", cy: "16", r: "4", fill: primaryColor }), jsx("path", { d: "M14 16l1 1 2-2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "16", cy: "16", r: "4", fill: "white" }), jsx("path", { d: "M8 7h8M8 11h8M8 15h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M14 16l1 1 2-2", stroke: "white", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round" })] })),
     },
 });

package/dist/esm/icons/media.js

@@ -1,13 +1,16 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
-import { within } from '../iconParts.js';
+import { within, swapDuotone } from '../iconParts.js';
 
 const NtdPlay = /* @__PURE__ */ createIcon({
     displayName: 'NtdPlay',
+    perfectStackX: 10,
+    perfectStackY: 12,
+    perfectStackSize: 0.3,
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M5 3l14 9-14 9V3z", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5 3l14 9-14 9V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l14 9-14 9V3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 3l14 9-14 9V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l14 9-14 9V3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 3l14 9-14 9V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l14 9-14 9V3z", fill: primaryColor }), jsx("path", { d: "M5 3l14 9-14 9V3z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -16,7 +19,7 @@ const NtdPause = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor })] })),
     },
 });
@@ -25,7 +28,7 @@ const NtdStop = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -34,7 +37,7 @@ const NtdSkipForward = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: primaryColor }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: "2.5" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 4l10 8-10 8V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 4l10 8-10 8V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: primaryColor }), jsx("path", { d: "M5 4l10 8-10 8V4z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -43,7 +46,7 @@ const NtdSkipBack = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: primaryColor }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: "2.5" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M19 20L9 12l10-8v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M19 20L9 12l10-8v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: primaryColor }), jsx("path", { d: "M19 20L9 12l10-8v16z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -70,22 +73,26 @@ const NtdImage = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M21 15l-5-5L5 21", 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("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: primaryColor }), jsx("path", { d: "M21 15l-5-5L5 21", 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.08" }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: secondaryColor }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.4" })] })] })),
     },
 });
 const NtdCamera = /* @__PURE__ */ createIcon({
     displayName: 'NtdCamera',
+    perfectStackX: 12,
+    perfectStackY: 12.5,
+    perfectStackSize: 0.55,
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "4", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "13", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "13", r: "4", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: primaryColor }), jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "13", r: "4", fill: secondaryColor })] })),
     },
 });
 const VIDEO_LENS = 'M17 9.5l5-3v11l-5-3';
 const NtdVideo = /* @__PURE__ */ createIcon({
     displayName: 'NtdVideo',
+    perfectStackX: 10,
+    perfectStackY: 12,
+    perfectStackSize: 0.4,
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", fill: primaryColor }), jsx("path", { d: VIDEO_LENS, fill: primaryColor, stroke: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: VIDEO_LENS, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
@@ -164,7 +171,6 @@ const NtdMail = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), within(uid, 'flap', jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity }))] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor, uid }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: "white", opacity: "0.1" }), within(uid, 'flap', jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }))] })),
     },
 });
@@ -199,6 +205,9 @@ const CHAT_BUBBLE = 'M5 3h14a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0
 const CHAT_TAIL = 'M7 16v5l5-5z';
 const NtdChat = /* @__PURE__ */ createIcon({
     displayName: 'NtdChat',
+    perfectStackX: 10.5,
+    perfectStackY: 10,
+    perfectStackSize: 0.45,
     paths: {
         solid: ({ primaryColor }) => jsx("path", { d: CHAT, fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: CHAT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
@@ -218,10 +227,11 @@ const NtdSend = /* @__PURE__ */ createIcon({
         // Outline is the silhouette only — the diagonal crease is gone (it now lives
         // in `wireframe`, which shows construction lines by design).
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", strokeLinecap: "butt" })),
-        // Solid shape split along the crease: upper wing primary, lower wing
-        // secondary at full strength — the two-tone is the plane's own geometry,
+        // Solid shape split along the crease: lower wing primary, upper wing
+        // secondary at full strength (swapped in 1.3.8: the larger part primary)
+        // — the two-tone is the plane's own geometry,
         // not a translucent overlay.
-        duotone: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4L11.2 12.8 4 9.6z", fill: primaryColor }), jsx("path", { d: "M20 4l-5.6 16-3.2-7.2z", fill: secondaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4L11.2 12.8 4 9.6z", fill: primaryColor }), jsx("path", { d: "M20 4l-5.6 16-3.2-7.2z", fill: secondaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: primaryColor, stroke: primaryColor, strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "butt" }), jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -230,7 +240,6 @@ const NtdNotification = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: primaryColor }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: accentColor })] })),
         outline: ({ primaryColor, accentColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18", cy: "4", r: "3", fill: accentColor })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, accentColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: accentColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: primaryColor }), jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: secondaryColor }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -238,7 +247,8 @@ const NtdNotification = /* @__PURE__ */ createIcon({
 // width in every variant but `outline` — half again as heavy. Concentric, so the heavier arcs keep
 // even gaps, and small enough that the outer one's square caps in `sharp` stay in the box. The
 // inner arc sits further from the dot (it was r 4.4) and the arcs closer together, the outer one
-// where it was. Duotone and vivid: the dot and the inner arc primary, the outer arcs secondary.
+// where it was. Vivid: the dot and the inner arc primary, the outer arcs secondary; duotone the
+// other way round, the larger arcs primary (1.3.8).
 const WIFI_INNER = 'M8.32 15.82A5.2 5.2 0 0 1 15.68 15.82';
 const WIFI_OUTER = 'M5.28 12.78A9.5 9.5 0 0 1 18.72 12.78M2.24 9.74A13.8 13.8 0 0 1 21.76 9.74';
 function wifiFilled(near, far, strokeWidth) {
@@ -249,7 +259,7 @@ const NtdWifi = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, strokeWidth }) => wifiFilled(primaryColor, primaryColor, strokeWidth),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: `${WIFI_INNER}${WIFI_OUTER}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "19.5", r: "1", fill: primaryColor })] })),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => wifiFilled(primaryColor, secondaryColor, strokeWidth),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => wifiFilled(primaryColor, secondaryColor, strokeWidth)),
         vivid: ({ primaryColor, secondaryColor, strokeWidth }) => wifiFilled(primaryColor, secondaryColor, strokeWidth),
     },
 });
@@ -268,7 +278,6 @@ const NtdPalette = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: primaryColor, opacity: "0.25" }), jsx("circle", { cx: "7", cy: "9", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "10", cy: "7", r: "1.2", fill: accentColor, opacity: accentOpacity * 0.8 }), jsx("circle", { cx: "7", cy: "13", r: "1.2", fill: accentColor, opacity: accentOpacity * 0.7 })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: primaryColor, opacity: "0.25" }), jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "7", cy: "9", r: "1.2", fill: secondaryColor }), jsx("circle", { cx: "10", cy: "7", r: "1.2", fill: "#8B5CF6" }), jsx("circle", { cx: "7", cy: "13", r: "1.2", fill: "#EF4444" })] })),
     },
 });

package/dist/esm/icons/navigation.js

@@ -1,12 +1,13 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
+import { swapDuotone } from '../iconParts.js';
 
 const NtdArrowUp = /* @__PURE__ */ createIcon({
     displayName: 'NtdArrowUp',
     paths: {
         solid: ({ primaryColor }) => jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 5.5l-6.5 6.5H10v7h4v-7h4.5L12 5.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -15,7 +16,7 @@ const NtdArrowDown = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 18.5l6.5-6.5H14V5h-4v7H5.5L12 18.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -24,7 +25,7 @@ const NtdArrowLeft = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5.5 12l6.5-6.5V10h7v4h-7v4.5L5.5 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -33,7 +34,7 @@ const NtdArrowRight = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M18.5 12L12 5.5V10H5v4h7v4.5L18.5 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -42,7 +43,7 @@ const NtdChevronUp = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }), jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -51,7 +52,7 @@ const NtdChevronDown = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 16l7-7H5l7 7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 16l7-7H5l7 7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }), jsx("path", { d: "M12 16l7-7H5l7 7z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -60,7 +61,7 @@ const NtdChevronLeft = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }), jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -69,7 +70,7 @@ const NtdChevronRight = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }), jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -100,8 +101,9 @@ const NtdMoreHorizontal = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })] })),
         outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "19", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "5", cy: "12", r: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: "#3B82F6" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] }))),
+        // vivid: the outer dots primary, the middle one secondary (the last was a fixed #3B82F6)
+        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })] })),
     },
 });
 const NtdMoreVertical = /* @__PURE__ */ createIcon({
@@ -109,8 +111,9 @@ const NtdMoreVertical = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })] })),
         outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "19", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "5", r: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: "#3B82F6" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] }))),
+        // vivid: the outer dots primary, the middle one secondary (the last was a fixed #3B82F6)
+        vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })] })),
     },
 });
 const NtdExternalLink = /* @__PURE__ */ createIcon({
@@ -118,7 +121,7 @@ const NtdExternalLink = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "13", height: "15", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "13", height: "15", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: "2" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
     },
 });