@nice2dev/icons 1.3.7 → 1.3.8

package/dist/esm/icons/realestate.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
-import { within } from '../iconParts.js';
+import { swapDuotone, within } from '../iconParts.js';
 
 /* ────────────────────────────────────────────────────────────────────────────
    RESIDENTIAL
@@ -10,7 +10,7 @@ const NtdHouse = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 10v10a2 2 0 002 2h14a2 2 0 002-2V10L12 2z", fill: primaryColor }), jsx("path", { d: "M9 22V14h6v8", stroke: "white", strokeWidth: "1.5", fill: "white", opacity: "0.3" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 10v10a2 2 0 002 2h14a2 2 0 002-2V10L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M9 22V14h6v8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 10v10a2 2 0 002 2h14a2 2 0 002-2V10L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L3 10v10a2 2 0 002 2h14a2 2 0 002-2V10L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M9 22V14h6v8", fill: primaryColor, stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 10v10a2 2 0 002 2h14a2 2 0 002-2V10L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L3 10v10a2 2 0 002 2h14a2 2 0 002-2V10L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M9 22V14h6v8", fill: primaryColor, stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 10v10a2 2 0 002 2h14a2 2 0 002-2V10L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2L3 10v10a2 2 0 002 2h14a2 2 0 002-2V10L12 2z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M9 22V14h6v8", stroke: "white", strokeWidth: "1.5", fill: "white", opacity: "0.3" })] })),
     },
 });
@@ -44,7 +44,7 @@ const NtdCondo = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M6 8L12 2l6 6", fill: primaryColor }), jsx("rect", { x: "9", y: "11", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "11", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "9", y: "15", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "15", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "10", y: "19", width: "4", height: "3", fill: "white", opacity: "0.3" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 8L12 2l6 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "9", y: "11", width: "2", height: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "11", width: "2", height: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "15", width: "2", height: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "15", width: "2", height: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "10", y: "19", width: "4", height: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 8L12 2l6 6", fill: primaryColor }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "11", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "13", y: "11", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "9", y: "15", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "13", y: "15", width: "2", height: "2", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 8L12 2l6 6", fill: primaryColor }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "11", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "13", y: "11", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "9", y: "15", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "13", y: "15", width: "2", height: "2", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "6", y: "8", width: "12", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("path", { d: "M6 8L12 2l6 6", fill: secondaryColor }), jsx("rect", { x: "9", y: "11", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "11", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "9", y: "15", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "15", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "10", y: "19", width: "4", height: "3", fill: "white", opacity: "0.3" })] })),
     },
 });
@@ -53,7 +53,7 @@ const NtdVilla = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 10v10a2 2 0 002 2h16a2 2 0 002-2V10L12 2z", fill: primaryColor }), jsx("path", { d: "M8 22V16h3v6M13 22V16h3v6", stroke: "white", strokeWidth: "1.5" }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", fill: "white", opacity: "0.5" }), jsx("path", { d: "M2 10h6l-3-4L2 10z", fill: primaryColor }), jsx("path", { d: "M16 10h6l-3-4-3 4z", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 10v10a2 2 0 002 2h16a2 2 0 002-2V10L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8 22V16h3v6M13 22V16h3v6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h6l-3-4L2 10zM16 10h6l-3-4-3 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 10v10a2 2 0 002 2h16a2 2 0 002-2V10L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L2 10v10a2 2 0 002 2h16a2 2 0 002-2V10L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h6l-3-4L2 10zM16 10h6l-3-4-3 4z", fill: primaryColor }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 10v10a2 2 0 002 2h16a2 2 0 002-2V10L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L2 10v10a2 2 0 002 2h16a2 2 0 002-2V10L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h6l-3-4L2 10zM16 10h6l-3-4-3 4z", fill: primaryColor }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 10v10a2 2 0 002 2h16a2 2 0 002-2V10L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2L2 10v10a2 2 0 002 2h16a2 2 0 002-2V10L12 2z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", fill: "white", opacity: "0.5" }), jsx("path", { d: "M2 10h6l-3-4L2 10z", fill: "#F59E0B" }), jsx("path", { d: "M16 10h6l-3-4-3 4z", fill: "#10B981" }), jsx("path", { d: "M8 22V16h3v6M13 22V16h3v6", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -65,7 +65,7 @@ const NtdOfficeBuilding = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "11", y: "5", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "15", y: "5", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "11", y: "9", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "15", y: "9", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "11", y: "13", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "15", y: "13", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "10", y: "18", width: "4", height: "4", fill: "white", opacity: "0.3" })] })),
         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("path", { d: "M7 5h2M11 5h2M15 5h2M7 9h2M11 9h2M15 9h2M7 13h2M11 13h2M15 13h2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("rect", { x: "10", y: "18", width: "4", height: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "11", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "15", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "11", y: "9", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "15", y: "9", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "11", y: "13", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "15", y: "13", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "10", y: "18", width: "4", height: "4", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "11", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "15", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "11", y: "9", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "15", y: "9", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "11", y: "13", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "15", y: "13", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "10", y: "18", width: "4", height: "4", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "11", y: "5", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "15", y: "5", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "11", y: "9", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "15", y: "9", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "11", y: "13", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "15", y: "13", width: "2", height: "2", fill: "white", opacity: "0.5" }), jsx("rect", { x: "10", y: "18", width: "4", height: "4", fill: "white", opacity: "0.3" })] })),
     },
 });
@@ -74,7 +74,7 @@ const NtdWarehouse = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: primaryColor }), jsx("rect", { x: "6", y: "14", width: "5", height: "8", fill: "white", opacity: "0.3" }), jsx("rect", { x: "13", y: "14", width: "5", height: "8", fill: "white", opacity: "0.3" }), jsx("path", { d: "M6 14v8M11 14v8M13 14v8M18 14v8", stroke: "white", strokeWidth: "1.5" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "6", y: "14", width: "5", height: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "14", width: "5", height: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8.5 14v8M15.5 14v8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "6", y: "14", width: "5", height: "8", fill: primaryColor, opacity: "0.5", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "13", y: "14", width: "5", height: "8", fill: primaryColor, opacity: "0.5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "6", y: "14", width: "5", height: "8", fill: primaryColor, opacity: "0.5", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "13", y: "14", width: "5", height: "8", fill: primaryColor, opacity: "0.5", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2L2 8v12a2 2 0 002 2h16a2 2 0 002-2V8L12 2z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "6", y: "14", width: "5", height: "8", fill: "white", opacity: "0.3" }), jsx("rect", { x: "13", y: "14", width: "5", height: "8", fill: "white", opacity: "0.3" }), jsx("path", { d: "M6 14v8M11 14v8M13 14v8M18 14v8", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -95,7 +95,7 @@ const NtdFloorPlan = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("path", { d: "M3 12h8v9M11 3v9h10", stroke: "white", strokeWidth: "2" }), jsx("path", { d: "M7 7h2M7 17h2M17 7h2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
         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("path", { d: "M3 12h8v9M11 3v9h10", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M7 7h2M7 17h2M17 7h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        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("path", { d: "M3 12h8v9M11 3v9h10", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M7 7h2M7 17h2M17 7h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 12h8v9M11 3v9h10", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M7 7h2M7 17h2M17 7h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _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: "M3 12h8v9M11 3v9h10", stroke: "white", strokeWidth: "1.8" }), jsx("path", { d: "M7 7h2M7 17h2M17 7h2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
     },
 });
@@ -104,7 +104,7 @@ const NtdSquareMeters = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("text", { x: "12", y: "14", textAnchor: "middle", fill: "white", fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "m\u00B2" }), jsx("path", { d: "M3 7h3M3 17h3M18 7h3M18 17h3M7 3v3M17 3v3M7 18v3M17 18v3", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
         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("text", { x: "12", y: "14", textAnchor: "middle", fill: primaryColor, fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "m\u00B2" }), jsx("path", { d: "M3 7h3M3 17h3M18 7h3M18 17h3M7 3v3M17 3v3M7 18v3M17 18v3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        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("text", { x: "12", y: "14", textAnchor: "middle", fill: primaryColor, fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "m\u00B2" }), jsx("path", { d: "M3 7h3M3 17h3M18 7h3M18 17h3M7 3v3M17 3v3M7 18v3M17 18v3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14", textAnchor: "middle", fill: primaryColor, fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "m\u00B2" }), jsx("path", { d: "M3 7h3M3 17h3M18 7h3M18 17h3M7 3v3M17 3v3M7 18v3M17 18v3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         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: "M3 7h3M3 17h3M18 7h3M18 17h3M7 3v3M17 3v3M7 18v3M17 18v3", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" })] })),
     },
 });
@@ -113,7 +113,7 @@ const NtdBedroom = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "10", width: "20", height: "10", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "6", width: "5", height: "4", rx: "1", fill: primaryColor }), jsx("rect", { x: "15", y: "6", width: "5", height: "4", rx: "1", fill: primaryColor }), jsx("path", { d: "M4 18v2M20 18v2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "10", width: "20", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "4", y: "6", width: "5", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "15", y: "6", width: "5", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 18v2M20 18v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "10", width: "20", height: "10", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "5", height: "4", rx: "1", fill: primaryColor }), jsx("rect", { x: "15", y: "6", width: "5", height: "4", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "10", width: "20", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 18v2M20 18v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "10", width: "20", height: "10", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "5", height: "4", rx: "1", fill: primaryColor }), jsx("rect", { x: "15", y: "6", width: "5", height: "4", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "10", width: "20", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 18v2M20 18v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "10", width: "20", height: "10", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "10", width: "20", height: "10", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "4", y: "6", width: "5", height: "4", rx: "1", fill: secondaryColor }), jsx("rect", { x: "15", y: "6", width: "5", height: "4", rx: "1", fill: "#F59E0B" }), jsx("path", { d: "M4 18v2M20 18v2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -122,7 +122,7 @@ const NtdBathroom = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12h16v4a4 4 0 01-4 4H8a4 4 0 01-4-4v-4z", fill: primaryColor }), jsx("path", { d: "M6 12V6a4 4 0 018 0", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("circle", { cx: "14", cy: "6", r: "2", fill: primaryColor }), jsx("path", { d: "M6 20v2M18 20v2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12h16v4a4 4 0 01-4 4H8a4 4 0 01-4-4v-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 12V6a4 4 0 018 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "14", cy: "6", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 20v2M18 20v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12h16v4a4 4 0 01-4 4H8a4 4 0 01-4-4v-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 12h16v4a4 4 0 01-4 4H8a4 4 0 01-4-4v-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 12V6a4 4 0 018 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "14", cy: "6", r: "2", fill: primaryColor }), jsx("path", { d: "M6 20v2M18 20v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12h16v4a4 4 0 01-4 4H8a4 4 0 01-4-4v-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 12h16v4a4 4 0 01-4 4H8a4 4 0 01-4-4v-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 12V6a4 4 0 018 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "14", cy: "6", r: "2", fill: primaryColor }), jsx("path", { d: "M6 20v2M18 20v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12h16v4a4 4 0 01-4 4H8a4 4 0 01-4-4v-4z", fill: primaryColor }), jsx("path", { d: "M4 12h16v4a4 4 0 01-4 4H8a4 4 0 01-4-4v-4z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "14", cy: "6", r: "2", fill: secondaryColor }), jsx("path", { d: "M6 12V6a4 4 0 018 0", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M6 20v2M18 20v2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -167,7 +167,7 @@ const NtdPool = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "20", height: "10", rx: "2", fill: primaryColor }), jsx("path", { d: "M2 13c2 2 4 2 6 0s4-2 6 0 4 2 6 0", stroke: "white", strokeWidth: "2", fill: "none" }), jsx("path", { d: "M7 5v3M17 5v3", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M5 5h4M15 5h4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "20", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 13c2 2 4 2 6 0s4-2 6 0 4 2 6 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 5v3M17 5v3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M5 5h4M15 5h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "20", height: "10", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "8", width: "20", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 13c2 2 4 2 6 0s4-2 6 0 4 2 6 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 5v3M17 5v3M5 5h4M15 5h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "20", height: "10", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "8", width: "20", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 13c2 2 4 2 6 0s4-2 6 0 4 2 6 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 5v3M17 5v3M5 5h4M15 5h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "20", height: "10", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "8", width: "20", height: "10", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M2 13c2 2 4 2 6 0s4-2 6 0 4 2 6 0", stroke: "white", strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M7 5v3M17 5v3", stroke: "#F59E0B", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M5 5h4M15 5h4", stroke: "#F59E0B", strokeWidth: "1.5", strokeLinecap: "round" })] })),
     },
 });
@@ -179,7 +179,7 @@ const NtdForSale = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: "white", fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "SALE" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: "2" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "SALE" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "SALE" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "SALE" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -188,7 +188,7 @@ const NtdForRent = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: "white", fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "RENT" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: "2" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "RENT" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "RENT" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "RENT" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -197,7 +197,7 @@ const NtdSold = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: "white", fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "SOLD" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: "2" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "SOLD" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "SOLD" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "SOLD" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M5 6V3h4v3M15 6V3h4v3", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -206,7 +206,7 @@ const NtdMortgage = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 9v11a2 2 0 002 2h14a2 2 0 002-2V9L12 2z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "14", r: "4", fill: "white" }), jsx("text", { x: "12", y: "16", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "$" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 9v11a2 2 0 002 2h14a2 2 0 002-2V9L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("circle", { cx: "12", cy: "14", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "16", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "$" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 9v11a2 2 0 002 2h14a2 2 0 002-2V9L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L3 9v11a2 2 0 002 2h14a2 2 0 002-2V9L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("circle", { cx: "12", cy: "14", r: "4", fill: primaryColor }), jsx("text", { x: "12", y: "16", textAnchor: "middle", fill: "white", fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "$" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 9v11a2 2 0 002 2h14a2 2 0 002-2V9L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L3 9v11a2 2 0 002 2h14a2 2 0 002-2V9L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("circle", { cx: "12", cy: "14", r: "4", fill: primaryColor }), jsx("text", { x: "12", y: "16", textAnchor: "middle", fill: "white", fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "$" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L3 9v11a2 2 0 002 2h14a2 2 0 002-2V9L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2L3 9v11a2 2 0 002 2h14a2 2 0 002-2V9L12 2z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "14", r: "4", fill: "white" })] })),
     },
 });

package/dist/esm/icons/saas.js

@@ -11,7 +11,6 @@ const NtdDashboard = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "13", y: "3", width: "8", height: "4", rx: "1", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "13", y: "9", width: "8", height: "12", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "13", width: "8", height: "8", rx: "1", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "3", width: "8", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "9", width: "8", height: "12", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "3", y: "13", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "13", y: "9", width: "8", height: "12", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "3", width: "8", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "9", width: "8", height: "12", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "3", y: "13", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "13", y: "3", width: "8", height: "4", rx: "1", fill: secondaryColor }), jsx("rect", { x: "13", y: "9", width: "8", height: "12", rx: "1", fill: "#3B82F6" }), jsx("rect", { x: "3", y: "13", width: "8", height: "8", rx: "1", fill: "#8B5CF6" })] })),
     },
 });
@@ -29,7 +28,6 @@ const NtdIntegration = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "6", cy: "6", r: "4", fill: primaryColor }), jsx("circle", { cx: "18", cy: "6", r: "4", fill: primaryColor }), jsx("circle", { cx: "6", cy: "18", r: "4", fill: primaryColor }), jsx("circle", { cx: "18", cy: "18", r: "4", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M8.5 8.5l2.5 2.5M15.5 8.5l-2.5 2.5M8.5 15.5l2.5-2.5M15.5 15.5l-2.5-2.5", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "6", cy: "6", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "6", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "6", cy: "18", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "18", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8.5 8.5l2.5 2.5M15.5 8.5l-2.5 2.5M8.5 15.5l2.5-2.5M15.5 15.5l-2.5-2.5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "6", cy: "6", r: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "18", cy: "6", r: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "6", cy: "18", r: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "18", cy: "18", r: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "6", cy: "6", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "6", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "6", cy: "18", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "18", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: primaryColor }), jsx("path", { d: "M8.5 8.5l2.5 2.5M15.5 8.5l-2.5 2.5M8.5 15.5l2.5-2.5M15.5 15.5l-2.5-2.5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "6", cy: "6", r: "4", fill: primaryColor }), jsx("circle", { cx: "6", cy: "6", r: "4", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "18", cy: "6", r: "4", fill: secondaryColor }), jsx("circle", { cx: "6", cy: "18", r: "4", fill: "#3B82F6" }), jsx("circle", { cx: "18", cy: "18", r: "4", fill: "#8B5CF6" }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: "#10B981" }), jsx("path", { d: "M8.5 8.5l2.5 2.5M15.5 8.5l-2.5 2.5M8.5 15.5l2.5-2.5M15.5 15.5l-2.5-2.5", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
     },
 });
@@ -38,7 +36,6 @@ const NtdAPI = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fontSize: "8", fontWeight: "bold", fill: accentColor, opacity: accentOpacity, children: "API" })] })),
         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("path", { d: "M7 15l2-6 2 6M8 13h2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }), jsx("path", { d: "M12 9v6M12 9h2a2 2 0 110 4h-2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }), jsx("path", { d: "M17 9v6", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
-        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("path", { d: "M7 15l2-6 2 6M8 13h2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }), jsx("path", { d: "M12 9v6M12 9h2a2 2 0 110 4h-2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }), jsx("path", { d: "M17 9v6", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
         vivid: ({ primaryColor, secondaryColor: _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" })] })),
     },
 });
@@ -56,7 +53,6 @@ const NtdMetrics = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 6v6l4 2", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("circle", { cx: "12", cy: "12", 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: "M12 6v6l4 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v6l4 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("path", { d: "M12 6v6l4 2", stroke: "white", strokeWidth: "1", opacity: "0.4", fill: "none" })] })),
     },
 });
@@ -65,7 +61,6 @@ const NtdSubscription = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M12 9v6M9 12h6", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("path", { d: "M7 2v3M12 2v3M17 2v3", stroke: primaryColor, strokeWidth: "2" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 9v6M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M7 2v3M12 2v3M17 2v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 9v6M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M7 2v3M12 2v3M17 2v3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 9v6M9 12h6", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("path", { d: "M7 2v3M12 2v3M17 2v3", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
     },
 });
@@ -74,7 +69,6 @@ const NtdTenant = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "8", width: "7", height: "13", rx: "1", fill: primaryColor }), jsx("rect", { x: "14", y: "8", width: "7", height: "13", rx: "1", fill: primaryColor }), jsx("path", { d: "M6.5 3l5.5 5 5.5-5", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "2", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "8", width: "7", height: "13", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "8", width: "7", height: "13", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6.5 3l5.5 5 5.5-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "8", width: "7", height: "13", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "8", width: "7", height: "13", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "8", width: "7", height: "13", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "8", width: "7", height: "13", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6.5 3l5.5 5 5.5-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "2", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "8", width: "7", height: "13", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "8", width: "7", height: "13", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "14", y: "8", width: "7", height: "13", rx: "1", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "8", r: "2", fill: "#3B82F6" }), jsx("path", { d: "M6.5 3l5.5 5 5.5-5", stroke: "white", strokeWidth: "1", opacity: "0.35", fill: "none" })] })),
     },
 });
@@ -83,7 +77,6 @@ const NtdUsage = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 2a10 10 0 017.07 17.07", stroke: accentColor, strokeWidth: "3", opacity: accentOpacity, fill: "none" }), jsx("text", { x: "12", y: "14", textAnchor: "middle", fontSize: "6", fontWeight: "bold", fill: accentColor, opacity: accentOpacity, children: "75%" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2a10 10 0 017.07 17.07", stroke: primaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" }), jsx("path", { d: "M12 8v4l2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2a10 10 0 017.07 17.07", stroke: primaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" }), jsx("path", { d: "M12 8v4l2 2", 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.1" }), jsx("path", { d: "M12 2a10 10 0 017.07 17.07", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })] })),
     },
 });
@@ -92,7 +85,6 @@ const NtdQuota = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "12", width: "14", height: "4", rx: "1", fill: accentColor, opacity: accentOpacity * 0.5 }), jsx("rect", { x: "5", y: "12", width: "10", height: "4", rx: "1", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M5 7h14M5 9h10", stroke: accentColor, strokeWidth: "1.5", 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("rect", { x: "5", y: "12", width: "14", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "12", width: "10", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 7h14M5 9h10", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
-        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("rect", { x: "5", y: "12", width: "14", height: "4", rx: "1", fill: secondaryColor, opacity: secondaryOpacity * 0.5 }), jsx("rect", { x: "5", y: "12", width: "10", height: "4", rx: "1", fill: primaryColor }), jsx("path", { d: "M5 7h14M5 9h10", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
         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("rect", { x: "5", y: "12", width: "14", height: "4", rx: "1", fill: secondaryColor }), jsx("rect", { x: "5", y: "12", width: "10", height: "4", rx: "1", fill: "#3B82F6" }), jsx("path", { d: "M5 7h14M5 9h10", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
     },
 });
@@ -101,7 +93,6 @@ const NtdUptime = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 6v6h6", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M8 16l2-4 2 2 2-3 2 5", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity, 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: "M12 6v6h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 16l2-4 2 2 2-3 2 5", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v6h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 16l2-4 2 2 2-3 2 5", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, 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.1" }), jsx("path", { d: "M12 6v6h6", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("path", { d: "M8 16l2-4 2 2 2-3 2 5", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
     },
 });
@@ -129,7 +120,6 @@ const NtdTeamwork = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "6", r: "3", fill: primaryColor }), jsx("circle", { cx: "16", cy: "6", r: "3", fill: primaryColor }), jsx("path", { d: "M4 20c0-4 3.5-7 8-7s8 3 8 7", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M2 18c0-3 2.5-5 6-5", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("path", { d: "M22 18c0-3-2.5-5-6-5", stroke: primaryColor, strokeWidth: "2", fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 20c0-4 3.5-7 8-7s8 3 8 7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 18c0-3 2.5-5 6-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 18c0-3-2.5-5-6-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "6", r: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "16", cy: "6", r: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 20c0-4 3.5-7 8-7s8 3 8 7", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsx("circle", { cx: "8", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "6", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 20c0-4 3.5-7 8-7s8 3 8 7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "8", cy: "6", r: "3", fill: primaryColor }), jsx("circle", { cx: "8", cy: "6", r: "3", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "16", cy: "6", r: "3", fill: secondaryColor }), jsx("path", { d: "M4 20c0-4 3.5-7 8-7s8 3 8 7", fill: "#3B82F6" }), jsx("path", { d: "M2 18c0-3 2.5-5 6-5", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M22 18c0-3-2.5-5-6-5", stroke: "white", strokeWidth: "1", fill: "none" })] })),
     },
 });

package/dist/esm/icons/science.js

@@ -1,5 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
+import { swapDuotone } from '../iconParts.js';
 
 /* ────────────────────────────────────────────────────────────────────────────
    LABORATORY EQUIPMENT
@@ -9,7 +10,7 @@ const NtdBeaker = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 2h12v4H6V2zM5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", fill: primaryColor }), jsx("path", { d: "M5 14h14", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M8 3v2M12 3v2M16 3v2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 2h12v4H6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 14h14", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M8 3v2M12 3v2M16 3v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 2h12v4H6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 14h14", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 2h12v4H6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 14h14", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 2h12v4H6V2zM5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", fill: primaryColor }), jsx("path", { d: "M6 2h12v4H6V2zM5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M5 14h14", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round" }), jsx("path", { d: "M8 3v2M12 3v2M16 3v2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
     },
 });
@@ -18,7 +19,7 @@ const NtdFlask = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", fill: primaryColor }), jsx("path", { d: "M10 2v1h4V2h-4z", fill: "white", opacity: "0.5" }), jsx("path", { d: "M6 16h12", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M6 16h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2 2L9 8V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M6 16h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2 2L9 8V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M6 16h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", fill: primaryColor }), jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M10 2v1h4V2h-4z", fill: "white", opacity: "0.5" }), jsx("path", { d: "M6 16h12", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -27,7 +28,7 @@ const NtdTestTube = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", fill: primaryColor }), jsx("path", { d: "M8 2h8v2H8V2z", fill: "white", opacity: "0.5" }), jsx("path", { d: "M9 12h6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", fill: primaryColor }), jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M8 2h8v2H8V2z", fill: "white", opacity: "0.5" }), jsx("path", { d: "M9 12h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -36,7 +37,7 @@ const NtdPetriDish = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", fill: primaryColor, opacity: "0.6" }), jsx("ellipse", { cx: "12", cy: "12", rx: "7", ry: "4", fill: "white", opacity: "0.3" }), jsx("circle", { cx: "9", cy: "12", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "14", cy: "13", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "11", cy: "14", r: "0.75", fill: "white", opacity: "0.5" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "12", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "11", cy: "14", r: "0.75", fill: primaryColor })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", fill: secondaryColor, opacity: secondaryOpacity * 0.5 }), jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "12", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "13", r: "1", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", fill: secondaryColor, opacity: secondaryOpacity * 0.5 }), jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "12", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "13", r: "1", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", fill: "white", opacity: "0.08" }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", fill: secondaryColor, opacity: "0.6" }), jsx("ellipse", { cx: "12", cy: "12", rx: "7", ry: "4", fill: "white", opacity: "0.3" }), jsx("circle", { cx: "9", cy: "12", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "14", cy: "13", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "11", cy: "14", r: "0.75", fill: "white", opacity: "0.5" })] })),
     },
 });
@@ -45,7 +46,7 @@ const NtdMicroscope = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", fill: primaryColor }), jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", fill: primaryColor }), jsx("path", { d: "M10 10h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 10h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", fill: primaryColor }), jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: secondaryColor }), jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", fill: "#8B5CF6" }), jsx("path", { d: "M10 10h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -91,7 +92,7 @@ const NtdPeriodictable = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "10", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "4", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "16", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "10", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "16", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("text", { x: "6", y: "7.5", textAnchor: "middle", fill: primaryColor, fontSize: "3", fontWeight: "bold", children: "H" }), jsx("text", { x: "12", y: "7.5", textAnchor: "middle", fill: primaryColor, fontSize: "3", fontWeight: "bold", children: "He" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "10", y: "4", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "4", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "16", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "10", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "16", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "10", y: "4", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "4", y: "10", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "16", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "10", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "16", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "10", y: "4", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "4", y: "10", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "16", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "10", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "16", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "10", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "4", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "16", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "10", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "16", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" })] })),
     },
 });
@@ -103,7 +104,7 @@ const NtdMagnet = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: primaryColor }), jsx("path", { d: "M4 10h5M15 10h5", stroke: "white", strokeWidth: "2" }), jsx("text", { x: "6.5", y: "19", textAnchor: "middle", fill: "white", fontSize: "4", fontWeight: "bold", children: "S" }), jsx("text", { x: "17.5", y: "19", textAnchor: "middle", fill: "white", fontSize: "4", fontWeight: "bold", children: "N" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 10h5M15 10h5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 10h5M15 10h5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 10h5M15 10h5", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: primaryColor }), jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M4 10h5M15 10h5", stroke: "white", strokeWidth: "1.8" })] })),
     },
 });
@@ -127,7 +128,6 @@ const NtdPlanet = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsxs("g", { transform: "rotate(-20 12 12)", stroke: secondaryColor, strokeWidth: "2", fill: "none", children: [jsx("path", { d: "M1 12A11 3 0 0 1 4.29 9.86" }), jsx("path", { d: "M19.71 9.86A11 3 0 0 1 23 12" })] }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: primaryColor }), jsx("path", { d: "M1 12A11 3 0 0 0 23 12", stroke: secondaryColor, strokeWidth: "2", fill: "none", transform: "rotate(-20 12 12)" })] })),
         outline: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsxs("g", { transform: "rotate(-20 12 12)", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", children: [jsx("path", { d: "M1 12A11 3 0 0 1 4.29 9.86" }), jsx("path", { d: "M19.71 9.86A11 3 0 0 1 23 12" })] }), jsx("circle", { cx: "12", cy: "12", r: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M1 12A11 3 0 0 0 23 12", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", transform: "rotate(-20 12 12)" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsxs("g", { transform: "rotate(-20 12 12)", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", children: [jsx("path", { d: "M1 12A11 3 0 0 1 4.29 9.86" }), jsx("path", { d: "M19.71 9.86A11 3 0 0 1 23 12" })] }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M1 12A11 3 0 0 0 23 12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", transform: "rotate(-20 12 12)" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsxs("g", { transform: "rotate(-20 12 12)", stroke: secondaryColor, strokeWidth: "1.8", fill: "none", children: [jsx("path", { d: "M1 12A11 3 0 0 1 4.29 9.86" }), jsx("path", { d: "M19.71 9.86A11 3 0 0 1 23 12" })] }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: "white", opacity: "0.1" }), jsx("path", { d: "M1 12A11 3 0 0 0 23 12", stroke: secondaryColor, strokeWidth: "1.8", fill: "none", transform: "rotate(-20 12 12)" })] })),
     },
 });
@@ -136,7 +136,7 @@ const NtdRocket = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", fill: primaryColor }), jsx("path", { d: "M6 14l-3 3 3 3 3-3", fill: primaryColor, opacity: "0.6" }), jsx("path", { d: "M14 18l3 3 3-3-3-3", fill: primaryColor, opacity: "0.6" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: "white" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M6 14l-3 3 3 3 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M14 18l3 3 3-3-3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("circle", { cx: "12", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M6 14l-3 3 3 3 3-3", fill: primaryColor }), jsx("path", { d: "M14 18l3 3 3-3-3-3", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M6 14l-3 3 3 3 3-3", fill: primaryColor }), jsx("path", { d: "M14 18l3 3 3-3-3-3", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", fill: primaryColor }), jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M6 14l-3 3 3 3 3-3", fill: secondaryColor, opacity: "0.6" }), jsx("path", { d: "M14 18l3 3 3-3-3-3", fill: "#8B5CF6", opacity: "0.6" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: "white" })] })),
     },
 });
@@ -148,7 +148,7 @@ const NtdResearch = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "10", r: "7", fill: primaryColor }), jsx("path", { d: "M15 15l6 6", stroke: primaryColor, strokeWidth: "3", strokeLinecap: "round" }), jsx("path", { d: "M7 8h6M7 12h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "10", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 15l6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M7 8h6M7 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "10", r: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "10", cy: "10", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 15l6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M7 8h6M7 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "10", r: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "10", cy: "10", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 15l6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M7 8h6M7 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "10", r: "7", fill: primaryColor }), jsx("circle", { cx: "10", cy: "10", r: "7", fill: "white", opacity: "0.1" }), jsx("path", { d: "M15 15l6 6", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" }), jsx("path", { d: "M7 8h6M7 12h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
     },
 });
@@ -157,7 +157,7 @@ const NtdHypothesis = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", fill: primaryColor }), jsx("path", { d: "M9 18h6v2H9v-2zM10 22h4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M10 9h4M10 12h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 18h6v2H9v-2zM10 22h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 9h4M10 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 18h6v2H9v-2zM10 22h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 9h4M10 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 18h6v2H9v-2zM10 22h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 9h4M10 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", fill: primaryColor }), jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M9 18h6v2H9v-2zM10 22h4", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" }), jsx("path", { d: "M10 9h4M10 12h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
     },
 });
@@ -166,7 +166,7 @@ const NtdExperiment = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", fill: primaryColor }), jsx("path", { d: "M8 2h8v2H8V2z", fill: "white", opacity: "0.5" }), jsx("path", { d: "M6 14h12", stroke: "white", strokeWidth: "1.5" }), jsx("circle", { cx: "10", cy: "17", r: "1", fill: "white" }), jsx("circle", { cx: "14", cy: "16", r: "1.5", fill: "white" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M6 14h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "10", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "14", cy: "16", r: "1.5", fill: primaryColor })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M6 14h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "10", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "14", cy: "16", r: "1.5", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M6 14h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "10", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "14", cy: "16", r: "1.5", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", fill: primaryColor }), jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M8 2h8v2H8V2z", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "10", cy: "17", r: "1", fill: "white" }), jsx("circle", { cx: "14", cy: "16", r: "1.5", fill: "white" }), jsx("path", { d: "M6 14h12", stroke: "white", strokeWidth: "1" })] })),
     },
 });