@nice2dev/icons 1.3.6 → 1.3.8

package/dist/esm/icons/omniverk.js

@@ -1,5 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
+import { swapDuotone } from '../iconParts.js';
 
 /* ─── Tier A ─────────────────────────────────────────────── */
 /** Product — packaging box with a visible lid seam and a side label. */
@@ -8,7 +9,6 @@ const NtdProduct = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", fill: primaryColor }), jsx("path", { d: "M3 7l9 4 9-4", stroke: "white", strokeWidth: "1.2", fill: "none", opacity: "0.6" }), jsx("path", { d: "M12 11v10", stroke: "white", strokeWidth: "1.2", opacity: "0.6" }), jsx("rect", { x: "9.5", y: "9.5", width: "5", height: "3", rx: "0.6", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M3 7l9 4 9-4", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("path", { d: "M12 11v10", stroke: primaryColor, strokeWidth: "1.3" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M3 7l9 4 9-4", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("path", { d: "M12 11v10", stroke: primaryColor, strokeWidth: "1.3" })] })),
     },
 });
 /** Alert — notification bell with an exclamation badge (distinct from NtdBell). */
@@ -17,7 +17,6 @@ const NtdAlert = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 5-2 7-2 7h16s-2-2-2-7a6 6 0 00-6-6z", fill: primaryColor }), jsx("path", { d: "M10 19a2 2 0 004 0", stroke: primaryColor, strokeWidth: "2", fill: "none", strokeLinecap: "round" }), jsx("circle", { cx: "18", cy: "6", r: "4", fill: accentColor, opacity: accentOpacity }), jsx("line", { x1: "18", y1: "4", x2: "18", y2: "6.5", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }), jsx("circle", { cx: "18", cy: "8.3", r: "0.7", fill: "white" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 5-2 7-2 7h16s-2-2-2-7a6 6 0 00-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M10 19a2 2 0 004 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" }), jsx("line", { x1: "12", y1: "8", x2: "12", y2: "11", stroke: primaryColor, strokeWidth: "1.6", strokeLinecap: "round" }), jsx("circle", { cx: "12", cy: "13.4", r: "0.8", fill: primaryColor })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 5-2 7-2 7h16s-2-2-2-7a6 6 0 00-6-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a6 6 0 00-6 6c0 5-2 7-2 7h16s-2-2-2-7a6 6 0 00-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M10 19a2 2 0 004 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" }), jsx("line", { x1: "12", y1: "8", x2: "12", y2: "11", stroke: primaryColor, strokeWidth: "1.6", strokeLinecap: "round" }), jsx("circle", { cx: "12", cy: "13.4", r: "0.8", fill: primaryColor })] })),
     },
 });
 /** Alias — bell-with-exclamation reading of {@link NtdAlert}. */
@@ -37,7 +36,6 @@ const NtdShipment = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", fill: primaryColor }), jsx("path", { d: "M3 7l9 4 9-4", stroke: "white", strokeWidth: "1.2", fill: "none", opacity: "0.6" }), jsx("path", { d: "M12 11v10", stroke: "white", strokeWidth: "1.2", opacity: "0.6" }), jsx("rect", { x: "13.5", y: "12.5", width: "6", height: "4.5", rx: "0.6", fill: accentColor, opacity: accentOpacity }), jsx("line", { x1: "14.6", y1: "14.2", x2: "18.4", y2: "14.2", stroke: "white", strokeWidth: "0.9" }), jsx("line", { x1: "14.6", y1: "15.6", x2: "17", y2: "15.6", stroke: "white", strokeWidth: "0.9" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M3 7l9 4 9-4", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("path", { d: "M12 11v10", stroke: primaryColor, strokeWidth: "1.3" }), jsx("rect", { x: "13.5", y: "12.5", width: "6", height: "4.5", rx: "0.6", stroke: primaryColor, strokeWidth: "1.2", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M3 7l9 4 9-4", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("path", { d: "M12 11v10", stroke: primaryColor, strokeWidth: "1.3" }), jsx("rect", { x: "13.5", y: "12.5", width: "6", height: "4.5", rx: "0.6", stroke: primaryColor, strokeWidth: "1.2", fill: "none" })] })),
     },
 });
 /* ─── Tier B ─────────────────────────────────────────────── */
@@ -47,7 +45,6 @@ const NtdFood = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "11", cy: "13", r: "7", fill: primaryColor }), jsx("circle", { cx: "11", cy: "13", r: "3.5", fill: accentColor, opacity: accentOpacity }), jsx("line", { x1: "20.5", y1: "3", x2: "20.5", y2: "21", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M20.5 3c1.5 0 2 1.5 2 3s-1 2.5-2 2.5", stroke: primaryColor, strokeWidth: "1.6", fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "11", cy: "13", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "11", cy: "13", r: "3.5", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("line", { x1: "20.5", y1: "4", x2: "20.5", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M19 4v3.5h3V4", stroke: primaryColor, strokeWidth: "1.3", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "11", cy: "13", r: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "11", cy: "13", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "11", cy: "13", r: "3.5", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("line", { x1: "20.5", y1: "4", x2: "20.5", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
     },
 });
 /** Alias — meal reading of {@link NtdFood}. */
@@ -58,7 +55,6 @@ const NtdProject = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1.4", fill: primaryColor }), jsx("rect", { x: "9", y: "4", width: "6", height: "16", rx: "1.4", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "16", y: "4", width: "6", height: "16", rx: "1.4", fill: primaryColor }), jsx("rect", { x: "3.2", y: "6", width: "3.6", height: "3", rx: "0.6", fill: "white", opacity: "0.7" }), jsx("rect", { x: "17.2", y: "6", width: "3.6", height: "3", rx: "0.6", fill: "white", opacity: "0.7" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "3.4", y1: "8", x2: "6.6", y2: "8", stroke: primaryColor, strokeWidth: "1.2" }), jsx("line", { x1: "10.4", y1: "8", x2: "13.6", y2: "8", stroke: primaryColor, strokeWidth: "1.2" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1.4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "9", y: "4", width: "6", height: "16", rx: "1.4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "16", y: "4", width: "6", height: "16", rx: "1.4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
     },
 });
 /** Insurance — shield with a checkmark (distinct from generic NtdShield). */
@@ -67,7 +63,7 @@ const NtdInsurance = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", fill: primaryColor }), jsx("path", { d: "M8.5 12l2.5 2.5L16 9", stroke: "white", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8.5 12l2.5 2.5L16 9", stroke: primaryColor, strokeWidth: "1.8", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8.5 12l2.5 2.5L16 9", stroke: primaryColor, strokeWidth: "1.8", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8.5 12l2.5 2.5L16 9", stroke: primaryColor, strokeWidth: "1.8", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })] }))),
     },
 });
 /**
@@ -81,7 +77,6 @@ const NtdTax = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9.5", fill: primaryColor }), jsxs("g", { opacity: accentOpacity, children: [jsx("path", { d: TAX_DOTS, fillRule: "evenodd", fill: accentColor }), jsx("line", { x1: "15.5", y1: "8.5", x2: "8.5", y2: "15.5", stroke: accentColor, strokeWidth: "1.8", strokeLinecap: "round" })] })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9.2", cy: "9.2", r: "1.6", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("circle", { cx: "14.8", cy: "14.8", r: "1.6", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("line", { x1: "15.5", y1: "8.5", x2: "8.5", y2: "15.5", stroke: primaryColor, strokeWidth: "1.6", strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "9.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9.2", cy: "9.2", r: "1.6", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("circle", { cx: "14.8", cy: "14.8", r: "1.6", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("line", { x1: "15.5", y1: "8.5", x2: "8.5", y2: "15.5", stroke: primaryColor, strokeWidth: "1.6", strokeLinecap: "round" })] })),
     },
 });
 /* ─── Tier C ─────────────────────────────────────────────── */

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" })] })),
     },
 });