@nice2dev/icons 1.3.7 → 1.3.8

package/dist/cjs/icons/business.js

@@ -9,7 +9,8 @@ var iconParts = require('../iconParts.js');
 // outline too, where it ends on the sides' centre line. A clasp hangs from its middle: low and
 // wide, in the accent colour like the band on the filled case (secondary in duotone), with a
 // primary lock square in it where it had a slot showing the band through. Vivid: the clasp is all
-// accent, without the square, which made it read as an accent ring round a primary middle.
+// accent, without the square, which made it read as an accent ring round a primary middle. The
+// handle is 1.5 × the stroke width on the filled cases (1× in the outline).
 const BRIEFCASE_CASE = { x: 2, y: 7, width: 20, height: 14, rx: 2 };
 const BRIEFCASE_HANDLE = 'M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2';
 const BRIEFCASE_BAND = 'M2 11.5h20';
@@ -22,12 +23,15 @@ function briefcaseBand(uid, color, width, opacity = 1) {
 }
 const NtdBriefcase = /* @__PURE__ */ createIcon.createIcon({
     displayName: 'NtdBriefcase',
+    perfectStackX: 12,
+    perfectStackY: 14,
+    perfectStackSize: 0.45,
     paths: {
-        solid: (props) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...BRIEFCASE_CASE, fill: props.primaryColor }), jsxRuntime.jsx("path", { d: BRIEFCASE_HANDLE, stroke: props.primaryColor, strokeWidth: props.strokeWidth, fill: "none" }), briefcaseBand(props.uid, props.accentColor, props.strokeWidth * 1.5, props.accentOpacity), jsxRuntime.jsx("path", { d: BRIEFCASE_CLASP, fill: props.accentColor, opacity: props.accentOpacity }), jsxRuntime.jsx("rect", { ...BRIEFCASE_LOCK, fill: props.primaryColor })] })),
+        solid: (props) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...BRIEFCASE_CASE, fill: props.primaryColor }), jsxRuntime.jsx("path", { d: BRIEFCASE_HANDLE, stroke: props.primaryColor, strokeWidth: props.strokeWidth * 1.5, fill: "none" }), briefcaseBand(props.uid, props.accentColor, props.strokeWidth * 1.5, props.accentOpacity), jsxRuntime.jsx("path", { d: BRIEFCASE_CLASP, fill: props.accentColor, opacity: props.accentOpacity }), jsxRuntime.jsx("rect", { ...BRIEFCASE_LOCK, fill: props.primaryColor })] })),
         outline: ({ primaryColor, strokeWidth, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...BRIEFCASE_CASE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: BRIEFCASE_HANDLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), briefcaseBand(uid, primaryColor, strokeWidth), jsxRuntime.jsx("path", { d: BRIEFCASE_CLASP, fill: primaryColor })] })),
         // fills only: the case and the handle primary, the band and the clasp secondary
-        duotone: ({ primaryColor, secondaryColor, strokeWidth, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...BRIEFCASE_CASE, fill: primaryColor }), jsxRuntime.jsx("path", { d: BRIEFCASE_HANDLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), briefcaseBand(uid, secondaryColor, strokeWidth * 1.5), jsxRuntime.jsx("path", { d: BRIEFCASE_CLASP, fill: secondaryColor }), jsxRuntime.jsx("rect", { ...BRIEFCASE_LOCK, fill: primaryColor })] })),
-        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...BRIEFCASE_CASE, fill: primaryColor }), jsxRuntime.jsx("path", { d: BRIEFCASE_HANDLE, stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none" }), briefcaseBand(uid, secondaryColor, strokeWidth * 1.5), jsxRuntime.jsx("path", { d: BRIEFCASE_CLASP, fill: accentColor, opacity: accentOpacity })] })),
+        duotone: ({ primaryColor, secondaryColor, strokeWidth, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...BRIEFCASE_CASE, fill: primaryColor }), jsxRuntime.jsx("path", { d: BRIEFCASE_HANDLE, stroke: primaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" }), briefcaseBand(uid, secondaryColor, strokeWidth * 1.5), jsxRuntime.jsx("path", { d: BRIEFCASE_CLASP, fill: secondaryColor }), jsxRuntime.jsx("rect", { ...BRIEFCASE_LOCK, fill: primaryColor })] })),
+        vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { ...BRIEFCASE_CASE, fill: primaryColor }), jsxRuntime.jsx("path", { d: BRIEFCASE_HANDLE, stroke: secondaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" }), briefcaseBand(uid, secondaryColor, strokeWidth * 1.5), jsxRuntime.jsx("path", { d: BRIEFCASE_CLASP, fill: accentColor, opacity: accentOpacity })] })),
     },
 });
 // NtdDollar: a line glyph, twice the stroke width in every variant but `outline`; the stem runs
@@ -39,7 +43,7 @@ const NtdDollar = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: `${DOLLAR_STEM}${DOLLAR_S}`, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: `M12 1v22${DOLLAR_S}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: DOLLAR_S, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: DOLLAR_STEM, stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
+        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: DOLLAR_S, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: DOLLAR_STEM, stroke: primaryColor, strokeWidth: strokeWidth * 2 })] }))),
         vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: DOLLAR_S, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: DOLLAR_STEM, stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
     },
 });
@@ -69,7 +73,6 @@ const NtdReceipt = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: RECEIPT, fill: primaryColor }), jsxRuntime.jsx("path", { d: RECEIPT_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: RECEIPT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: RECEIPT_TEXT, stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: RECEIPT, fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: RECEIPT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: RECEIPT_TEXT, stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: RECEIPT, fill: primaryColor }), jsxRuntime.jsx("path", { d: RECEIPT_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity, fill: "none" }), jsxRuntime.jsx("path", { d: "M14.4 15.5h4", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -107,8 +110,8 @@ const NtdTrendUp = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, strokeWidth }) => trendArrow(trendUp, primaryColor, primaryColor, strokeWidth),
         outline: trendOutline(trendUp),
-        // the line secondary, the head primary
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendUp, secondaryColor, primaryColor, strokeWidth),
+        // the line primary, the head secondary (swapped in 1.3.8: the larger part primary)
+        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendUp, secondaryColor, primaryColor, strokeWidth)),
         vivid: ({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendUp, primaryColor, secondaryColor, strokeWidth),
     },
 });
@@ -117,7 +120,7 @@ const NtdTrendDown = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, strokeWidth }) => trendArrow(trendDown, primaryColor, primaryColor, strokeWidth),
         outline: trendOutline(trendDown),
-        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendDown, secondaryColor, primaryColor, strokeWidth),
+        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendDown, secondaryColor, primaryColor, strokeWidth)),
         vivid: ({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendDown, primaryColor, secondaryColor, strokeWidth),
     },
 });
@@ -147,7 +150,6 @@ const NtdStore = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M3 9l1-5h16l1 5", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M3 9h18", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("path", { d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "5", y: "14", width: "14", height: "8", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: secondaryColor, opacity: 0.5 })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M3 9l1-5h16l1 5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "5", y: "14", width: "14", height: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "9", y: "17", width: "6", height: "5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M3 9l1-5h16l1 5", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M3 9l1-5h16l1 5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "5", y: "14", width: "14", height: "8", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "5", y: "14", width: "14", height: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M3 9l1-5h16l1 5", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M3 9l1-5h16l1 5", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "5", y: "14", width: "14", height: "8", fill: secondaryColor }), jsxRuntime.jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: "#3B82F6" }), jsxRuntime.jsx("path", { d: "M3 9h18", stroke: "white", strokeWidth: "1" }), jsxRuntime.jsx("path", { d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("path", { d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("path", { d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" })] })),
     },
 });
@@ -183,7 +185,6 @@ const NtdCalculator = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "7", y: "5", width: "10", height: "4", rx: "1", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "8", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "16", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "8", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "16", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "7", y: "5", width: "10", height: "4", rx: "1", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsxRuntime.jsx("circle", { cx: "8", cy: "13", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16", cy: "13", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "8", cy: "17", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16", cy: "17", r: "1", fill: primaryColor })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "7", y: "5", width: "10", height: "4", rx: "1", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsxRuntime.jsx("circle", { cx: "8", cy: "13", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16", cy: "13", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "8", cy: "17", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16", cy: "17", r: "1", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "7", y: "5", width: "10", height: "4", rx: "1", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "8", cy: "13", r: "1", fill: "#3B82F6" }), jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "1", fill: "#10B981" }), jsxRuntime.jsx("circle", { cx: "16", cy: "13", r: "1", fill: "#F59E0B" }), jsxRuntime.jsx("circle", { cx: "8", cy: "17", r: "1", fill: "#F59E0B" }), jsxRuntime.jsx("circle", { cx: "12", cy: "17", r: "1", fill: "#F59E0B" }), jsxRuntime.jsx("circle", { cx: "16", cy: "17", r: "1", fill: "#F59E0B" })] })),
     },
 });
@@ -192,7 +193,6 @@ const NtdPresentation = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: primaryColor }), jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "12", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "8", y1: "22", x2: "16", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("polyline", { points: "7,13 10,9 13,11 17,7", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "12", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "8", y1: "22", x2: "16", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("polyline", { points: "7,13 10,9 13,11 17,7", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "12", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "8", y1: "22", x2: "16", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("polyline", { points: "7,13 10,9 13,11 17,7", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "12", y2: "22", stroke: secondaryColor, strokeWidth: "1.8" }), jsxRuntime.jsx("line", { x1: "8", y1: "22", x2: "16", y2: "22", stroke: "#3B82F6", strokeWidth: "1.5" }), jsxRuntime.jsx("polyline", { points: "7,13 10,9 13,11 17,7", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
     },
 });
@@ -201,7 +201,6 @@ const NtdClipboardCheck = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", fill: primaryColor, stroke: accentColor, strokeWidth: "1", opacity: accentOpacity }), jsxRuntime.jsx("path", { d: "M9 14l2 2 4-4", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 14l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 14l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", fill: secondaryColor, stroke: secondaryColor, strokeWidth: "1" }), jsxRuntime.jsx("path", { d: "M9 14l2 2 4-4", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.4" })] })),
     },
 });
@@ -210,7 +209,6 @@ const NtdPiggyBank = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "9", cy: "11", r: "1", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M20 13c1 0 2 .5 2 2s-1 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M7 19l-1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("path", { d: "M17 19l1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("path", { d: "M14 7c-1-1-2.5-1.5-4-1.5S7 6 6 7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "10", y1: "5", x2: "10", y2: "3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "9", cy: "11", r: "1", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M20 13c1 0 2 .5 2 2s-1 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M7 19l-1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("path", { d: "M17 19l1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "10", y1: "7", x2: "10", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "9", cy: "11", r: "1", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M20 13c1 0 2 .5 2 2s-1 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M7 19l-1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("path", { d: "M17 19l1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "10", y1: "7", x2: "10", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "9", cy: "11", r: "1", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M20 13c1 0 2 .5 2 2s-1 2-2 2", stroke: "white", strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("path", { d: "M7 19l-1 3", stroke: "white", strokeWidth: "1" }), jsxRuntime.jsx("path", { d: "M17 19l1 3", stroke: "white", strokeWidth: "1" }), jsxRuntime.jsx("path", { d: "M14 7c-1-1-2.5-1.5-4-1.5S7 6 6 7", stroke: "white", strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("line", { x1: "10", y1: "5", x2: "10", y2: "3", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -219,7 +217,7 @@ const NtdCoins = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "7", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "4", fill: secondaryColor, opacity: 0.3 }), jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "5", fill: primaryColor, opacity: 0.7 }), jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "2.5", fill: secondaryColor, opacity: 0.3 })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "5", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "5", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "7", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "7", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "10", cy: "14", r: "4", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "5", fill: "#3B82F6" }), jsxRuntime.jsx("circle", { cx: "16", cy: "8", r: "2.5", fill: "#10B981" })] })),
     },
 });
@@ -238,7 +236,7 @@ const NtdMilestone = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("line", { x1: "5", y1: "4", x2: "5", y2: "20", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M5 5h13l-3 4 3 4H5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M5 4v16M5 5h13l-3 4 3 4H5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M5 4v16M5 5h13l-3 4 3 4H5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M5 4v16M5 5h13l-3 4 3 4H5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("line", { x1: "5", y1: "4", x2: "5", y2: "20", stroke: secondaryColor, strokeWidth: "1.8" }), jsxRuntime.jsx("path", { d: "M5 5h13l-3 4 3 4H5", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
     },
 });

package/dist/cjs/icons/devtech.js

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var createIcon = require('../createIcon.js');
+var iconParts = require('../iconParts.js');
 
 const NtdBrackets = /* @__PURE__ */ createIcon.createIcon({
     displayName: 'NtdBrackets',
@@ -17,7 +18,6 @@ const NtdServer = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "1", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "6", cy: "18", r: "1", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "10", y1: "6", x2: "18", y2: "6", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.5 }), jsxRuntime.jsx("line", { x1: "10", y1: "18", x2: "18", y2: "18", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.5 })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "6", cy: "18", r: "1", fill: primaryColor })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "6", cy: "18", r: "1", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "2", width: "20", height: "8", rx: "2", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "2", y: "14", width: "20", height: "8", rx: "2", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "1", fill: "#3B82F6" }), jsxRuntime.jsx("circle", { cx: "6", cy: "18", r: "1", fill: "#10B981" }), jsxRuntime.jsx("line", { x1: "10", y1: "6", x2: "18", y2: "6", stroke: "white", strokeWidth: "1", opacity: "0.35" }), jsxRuntime.jsx("line", { x1: "10", y1: "18", x2: "18", y2: "18", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
     },
 });
@@ -50,10 +50,13 @@ const NtdGitMerge = /* @__PURE__ */ createIcon.createIcon({
 });
 const NtdBattery = /* @__PURE__ */ createIcon.createIcon({
     displayName: 'NtdBattery',
+    perfectStackX: 10,
+    perfectStackY: 12,
+    perfectStackSize: 0.4,
     paths: {
         solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", fill: primaryColor }), jsxRuntime.jsx("line", { x1: "23", y1: "10", x2: "23", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("rect", { x: "4", y: "9", width: "8", height: "6", rx: "1", fill: secondaryColor, opacity: 0.4 })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "23", y1: "10", x2: "23", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "23", y1: "10", x2: "23", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "23", y1: "10", x2: "23", y2: "14", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "1", y: "6", width: "18", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "4", y: "9", width: "8", height: "6", rx: "1", fill: secondaryColor }), jsxRuntime.jsx("line", { x1: "23", y1: "10", x2: "23", y2: "14", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -71,7 +74,7 @@ const NtdHash = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "10", y1: "3", x2: "8", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "16", y1: "3", x2: "14", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "10", y1: "3", x2: "8", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "16", y1: "3", x2: "14", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "10", y1: "3", x2: "8", y2: "21", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("line", { x1: "16", y1: "3", x2: "14", y2: "21", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 })] })),
+        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("line", { x1: "10", y1: "3", x2: "8", y2: "21", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("line", { x1: "16", y1: "3", x2: "14", y2: "21", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("line", { x1: "4", y1: "9", x2: "20", y2: "9", stroke: primaryColor, strokeWidth: "2" }), jsxRuntime.jsx("line", { x1: "4", y1: "15", x2: "20", y2: "15", stroke: secondaryColor, strokeWidth: "1.8" }), jsxRuntime.jsx("line", { x1: "10", y1: "3", x2: "8", y2: "21", stroke: "#3B82F6", strokeWidth: "1.5" }), jsxRuntime.jsx("line", { x1: "16", y1: "3", x2: "14", y2: "21", stroke: secondaryColor, strokeWidth: "1.5" })] })),
     },
 });
@@ -90,7 +93,7 @@ const NtdBlueprint = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M6 8h12M6 12h7M6 16h10M14 10v8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M3 3h18v18H3zM6 8h12M6 12h7M6 16h10M14 10v8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M6 8h12M6 12h7M6 16h10M14 10v8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M6 8h12M6 12h7M6 16h10M14 10v8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M6 8h12M6 12h7M6 16h10M14 10v8", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -135,7 +138,7 @@ const NtdAIBrain = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 5a3 3 0 00-3 3v8a3 3 0 003 3h6a3 3 0 003-3V8a3 3 0 00-3-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M10 8v8M14 8v8M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M9 5a3 3 0 00-3 3v8a3 3 0 003 3h6a3 3 0 003-3V8a3 3 0 00-3-3zM10 8v8M14 8v8M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "6", y: "5", width: "12", height: "14", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M9 5a3 3 0 00-3 3v8a3 3 0 003 3h6a3 3 0 003-3V8a3 3 0 00-3-3zM10 8v8M14 8v8M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "6", y: "5", width: "12", height: "14", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M9 5a3 3 0 00-3 3v8a3 3 0 003 3h6a3 3 0 003-3V8a3 3 0 00-3-3zM10 8v8M14 8v8M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 5a3 3 0 00-3 3v8a3 3 0 003 3h6a3 3 0 003-3V8a3 3 0 00-3-3z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M9 5a3 3 0 00-3 3v8a3 3 0 003 3h6a3 3 0 003-3V8a3 3 0 00-3-3z", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M10 8v8M14 8v8M9 12h6", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -153,7 +156,9 @@ const NtdForge = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2l4 7-4 13-4-13z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 2l4 7-4 13-4-13z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 9h8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M12 2l4 7-4 13-4-13zM8 9h8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2l4 7-4 13-4-13z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 2l4 7-4 13-4-13zM8 9h8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        // the gem primary, its girdle secondary (1.3.8 — its solid is a tint under a line, so the
+        // duotone derived from it would keep secondary the larger area)
+        duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2l4 7-4 13-4-13z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 9h8", stroke: secondaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2l4 7-4 13-4-13z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 2l4 7-4 13-4-13z", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M12 2l4 7-4 13-4-13z", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsxRuntime.jsx("path", { d: "M8 9h8", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
     },
 });
@@ -180,7 +185,7 @@ const NtdGateway = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "7", width: "7", height: "10", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "14", y: "7", width: "7", height: "10", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M10 12h4M12 10l2 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M3 7h7v10H3zM14 7h7v10h-7zM10 12h4M12 10l2 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "7", width: "7", height: "10", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "14", y: "7", width: "7", height: "10", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M3 7h7v10H3zM14 7h7v10h-7zM10 12h4M12 10l2 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "7", width: "7", height: "10", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "14", y: "7", width: "7", height: "10", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M3 7h7v10H3zM14 7h7v10h-7zM10 12h4M12 10l2 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "7", width: "7", height: "10", rx: "1.5", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "3", y: "7", width: "7", height: "10", rx: "1.5", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "14", y: "7", width: "7", height: "10", rx: "1.5", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M10 12h4M12 10l2 2-2 2", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -198,7 +203,7 @@ const NtdFeatureFlag = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("line", { x1: "6", y1: "3", x2: "6", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("path", { d: "M6 5h12l-2.5 4L18 13H6z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M6 5h12l-2.5 4L18 13H6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M6 3v18M6 5h12l-2.5 4L18 13H6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 5h12l-2.5 4L18 13H6z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M6 3v18M6 5h12l-2.5 4L18 13H6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 5h12l-2.5 4L18 13H6z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M6 3v18M6 5h12l-2.5 4L18 13H6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M6 5h12l-2.5 4L18 13H6z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M6 5h12l-2.5 4L18 13H6z", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("line", { x1: "6", y1: "3", x2: "6", y2: "21", stroke: secondaryColor, strokeWidth: "1.8" }), jsxRuntime.jsx("path", { d: "M6 5h12l-2.5 4L18 13H6z", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
     },
 });
@@ -208,7 +213,6 @@ const NtdViteLogo = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 3L12 22L3 3h7l2 10l2-10h7z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M10 3l2 10l2-10", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M21 3L12 22L3 3h7l2 10l2-10h7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 3L12 22L3 3h7l2 10l2-10h7z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M21 3L12 22L3 3h7l2 10l2-10h7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 3L12 22L3 3h7l2 10l2-10h7z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M21 3L12 22L3 3h7l2 10l2-10h7z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M10 3l2 10l2-10", fill: secondaryColor })] })),
     },
 });
@@ -217,7 +221,7 @@ const NtdBunLogo = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "9", cy: "13", rx: "1.5", ry: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("ellipse", { cx: "15", cy: "13", rx: "1.5", ry: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M6 9c0-3 2.5-6 6-6s6 3 6 6", stroke: primaryColor, strokeWidth: "2", fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "9", cy: "13", rx: "1.5", ry: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "15", cy: "13", rx: "1.5", ry: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M6 9c0-3 2.5-6 6-6s6 3 6 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "9", cy: "13", rx: "1.5", ry: "2", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "15", cy: "13", rx: "1.5", ry: "2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M6 9c0-3 2.5-6 6-6s6 3 6 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "9", cy: "13", rx: "1.5", ry: "2", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "15", cy: "13", rx: "1.5", ry: "2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M6 9c0-3 2.5-6 6-6s6 3 6 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "12", cy: "14", rx: "9", ry: "7", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("ellipse", { cx: "9", cy: "13", rx: "1.5", ry: "2", fill: secondaryColor }), jsxRuntime.jsx("ellipse", { cx: "15", cy: "13", rx: "1.5", ry: "2", fill: "#3B82F6" }), jsxRuntime.jsx("path", { d: "M6 9c0-3 2.5-6 6-6s6 3 6 6", stroke: "white", strokeWidth: "1", fill: "none" })] })),
     },
 });
@@ -226,7 +230,7 @@ const NtdDenoLogo = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("ellipse", { cx: "14", cy: "10", rx: "2", ry: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "14.5", cy: "9.5", r: "0.8", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 16c2-1 4-1 6 0", stroke: secondaryColor, strokeWidth: "1.5", fill: "none", opacity: secondaryOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "14", cy: "10", rx: "2", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 16c2-1 4-1 6 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "14", cy: "10", rx: "2", ry: "3", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 16c2-1 4-1 6 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("ellipse", { cx: "14", cy: "10", rx: "2", ry: "3", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 16c2-1 4-1 6 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("ellipse", { cx: "14", cy: "10", rx: "2", ry: "3", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "14.5", cy: "9.5", r: "0.8", fill: "#3B82F6" }), jsxRuntime.jsx("path", { d: "M8 16c2-1 4-1 6 0", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.35" })] })),
     },
 });
@@ -235,7 +239,7 @@ const NtdTauriLogo = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M11.5 9.5l1 5", stroke: primaryColor, strokeWidth: "2" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M11.5 9.5l1 5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "5", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "5", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "2", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M11.5 9.5l1 5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "5", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "5", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "2", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M11.5 9.5l1 5", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "5", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "5", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "2", fill: "#3B82F6" }), jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "2", fill: "#10B981" }), jsxRuntime.jsx("path", { d: "M11.5 9.5l1 5", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -253,7 +257,7 @@ const NtdNextJsLogo = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 8v8M8 8l10 12M16 8v8", stroke: "white", strokeWidth: "2" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 8v8M8 8l10 12M16 8v8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 8v8M8 8l10 12M16 8v8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
+        duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 8v8M8 8l10 12M16 8v8", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M8 8v8M8 8l10 12M16 8v8", stroke: "white", strokeWidth: "1.8" })] })),
     },
 });
@@ -271,7 +275,6 @@ const NtdQwikLogo = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L4 8v8l8 6 8-6V8l-8-6z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 8v8l4-4-4-4z", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L4 8v8l8 6 8-6V8l-8-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 8v8l4-4-4-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L4 8v8l8 6 8-6V8l-8-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 2L4 8v8l8 6 8-6V8l-8-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 8v8l4-4-4-4z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2L4 8v8l8 6 8-6V8l-8-6z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 2L4 8v8l8 6 8-6V8l-8-6z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M12 8v8l4-4-4-4z", fill: secondaryColor })] })),
     },
 });
@@ -280,7 +283,6 @@ const NtdSolidJsLogo = /* @__PURE__ */ createIcon.createIcon({
     paths: {
         solid: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M3 8l9 6 9-6-9-6-9 6z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M3 12l9 6 9-6-9-6-9 6z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M3 16l9 6 9-6-9-6-9 6z", fill: primaryColor, opacity: "0.7" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M3 8l9 6 9-6-9-6-9 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M3 12l9 6 9-6-9-6-9 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M3 16l9 6 9-6-9-6-9 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M3 8l9 6 9-6-9-6-9 6z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M3 12l9 6 9-6-9-6-9 6z", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsxRuntime.jsx("path", { d: "M3 16l9 6 9-6-9-6-9 6z", fill: secondaryColor, opacity: secondaryOpacity * 0.5 }), jsxRuntime.jsx("path", { d: "M3 8l9 6 9-6-9-6-9 6zM3 12l9 6 9-6-9-6-9 6zM3 16l9 6 9-6-9-6-9 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M3 8l9 6 9-6-9-6-9 6z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M3 8l9 6 9-6-9-6-9 6z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M3 12l9 6 9-6-9-6-9 6z", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M3 16l9 6 9-6-9-6-9 6z", fill: "#3B82F6", opacity: "0.7" })] })),
     },
 });

package/dist/cjs/icons/ecommerce.js

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