@nice2dev/icons 1.3.6 → 1.3.8

package/dist/esm/icons/ecommerce.js

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

package/dist/esm/icons/education.js

@@ -1,5 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createIcon } from '../createIcon.js';
+import { swapDuotone } from '../iconParts.js';
 
 /* ────────────────────────────────────────────────────────────────────────────
    ACADEMIC
@@ -18,7 +19,7 @@ const NtdDiploma = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "2", fill: "white" }), jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "2", fill: primaryColor }), jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "2", fill: primaryColor }), jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "17", cy: "14", r: "2", fill: "white" }), jsx("path", { d: "M16 16l-1 4 2-1 2 1-1-4", fill: "#F59E0B" }), jsx("path", { d: "M7 8h10M7 11h10M7 14h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -27,7 +28,7 @@ const NtdSchool = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", fill: primaryColor }), jsx("rect", { x: "10", y: "9", width: "4", height: "5", rx: "0.5", fill: "white" }), jsx("path", { d: "M12 5v4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "10", y: "9", width: "4", height: "5", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "10", y: "9", width: "4", height: "5", rx: "0.5", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("rect", { x: "10", y: "9", width: "4", height: "5", rx: "0.5", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", fill: primaryColor }), jsx("path", { d: "M12 3L2 9v12h8v-6h4v6h8V9L12 3z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "10", y: "9", width: "4", height: "5", rx: "0.5", fill: "white" }), jsx("path", { d: "M12 5v4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -47,23 +48,28 @@ const NtdUniversity = /* @__PURE__ */ createIcon({
 // at the bottom between the front cover and the back cover. Down the right edge it is cover, then
 // a notch cut in 0.9 at the pages, then cover again: beside the pages only a narrow strip of cover
 // is left (it was a 2.5 wide bar). The outline ends the pages with a line short of the edge, the back
-// cover running on under the notch. The cover is plain, so another glyph can sit on it;
-// NtdBookBookmark adds a ribbon.
-const BOOK_SILHOUETTE = 'M7 2h12a1 1 0 011 1v14.2h-.9v2.1H20v.7a1 1 0 01-1 1H7a2.5 2.5 0 01-2.5-2.5v-14A2.5 2.5 0 017 2z';
-const BOOK_PAGES = 'M6.6 17.2h11.4v2.1H6.6a1.05 1.05 0 010-2.1z';
-const BOOK_RIBBON = 'M9.5 2v6.5l1.75-1.3L13 8.5V2z';
-const BOOK_OUTLINE = 'M4.5 18.5v-14A2.5 2.5 0 017 2h12a1 1 0 011 1v13H7a2.5 2.5 0 000 5h13M18.7 16v5';
-/** The inside of the outline, for duotone's fill under it. */
-const BOOK_OUTLINE_FILL = 'M7 2h12a1 1 0 011 1v13h-1.3v5H7a2.5 2.5 0 01-2.5-2.5v-14A2.5 2.5 0 017 2z';
+// cover running on under the notch. The front cover is 12.2 high (3.5 → 15.7, 20% lower than it
+// was) and the block of pages 50% thicker (3.15, it was 2.1), the book centred in the box. The
+// cover carries one line of title, in the accent colour when filled, in its upper third (a quarter
+// of the way down; it was halfway); NtdBookBookmark adds a ribbon there and keeps the title
+// halfway, below it.
+const BOOK_SILHOUETTE = 'M7 3.5h12a1 1 0 011 1v11.2h-.9v3.15H20v.65a1 1 0 01-1 1H7a2.5 2.5 0 01-2.5-2.5V6A2.5 2.5 0 017 3.5z';
+const BOOK_PAGES = 'M6.6 15.7h11.4v3.15H6.6a1.575 1.575 0 010-3.15z';
+const BOOK_RIBBON = 'M9.5 3.5V8l1.75-1.3L13 8V3.5z';
+const BOOK_TITLE = 'M9.5 6.75h6.5';
+/** The title below NtdBookBookmark's ribbon. */
+const BOOK_TITLE_LOW = 'M9.5 10h6.5';
+const BOOK_OUTLINE = 'M4.5 17.5V6A2.5 2.5 0 017 3.5h12a1 1 0 011 1v10H7.5a3 3 0 000 6H20M18.7 14.5v6';
 /** The book, with the ribbon bookmark or without it. */
 function bookIcon(displayName, ribbon) {
+    const title = ribbon ? BOOK_TITLE_LOW : BOOK_TITLE;
     return createIcon({
         displayName,
         paths: {
-            solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: BOOK_SILHOUETTE, fill: primaryColor }), jsxs("g", { fill: accentColor, opacity: accentOpacity, children: [jsx("path", { d: BOOK_PAGES }), ribbon && jsx("path", { d: BOOK_RIBBON })] })] })),
-            outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: BOOK_OUTLINE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), ribbon && (jsx("path", { d: "M9.5 2.5v6l1.75-1.3L13 8.5v-6", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }))] })),
-            duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: BOOK_OUTLINE_FILL, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: BOOK_OUTLINE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), ribbon && jsx("path", { d: BOOK_RIBBON, fill: primaryColor })] })),
-            vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: BOOK_SILHOUETTE, fill: primaryColor }), jsx("path", { d: BOOK_PAGES, fill: accentColor, opacity: accentOpacity }), ribbon && jsx("path", { d: BOOK_RIBBON, fill: secondaryColor })] })),
+            solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: BOOK_SILHOUETTE, fill: primaryColor }), jsxs("g", { fill: accentColor, opacity: accentOpacity, children: [jsx("path", { d: BOOK_PAGES }), ribbon && jsx("path", { d: BOOK_RIBBON }), jsx("path", { d: title, stroke: accentColor, strokeWidth: "1.5", fill: "none" })] })] })),
+            outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: `${BOOK_OUTLINE}${title}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), ribbon && (jsx("path", { d: "M9.5 4v4l1.75-1.3L13 8V4", stroke: primaryColor, strokeWidth: strokeWidth * 0.75, fill: "none" }))] })),
+            // duotone (1.3.8): createIcon's default — the solid book, pages, ribbon and title secondary
+            vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: BOOK_SILHOUETTE, fill: primaryColor }), jsxs("g", { fill: accentColor, opacity: accentOpacity, children: [jsx("path", { d: BOOK_PAGES }), jsx("path", { d: title, stroke: accentColor, strokeWidth: "1.5", fill: "none" })] }), ribbon && jsx("path", { d: BOOK_RIBBON, fill: secondaryColor })] })),
         },
     });
 }
@@ -74,7 +80,7 @@ const NtdOpenBook = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", fill: primaryColor }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", fill: primaryColor, opacity: "0.6" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", fill: primaryColor }), jsx("path", { d: "M2 4a2 2 0 012-2h6a2 2 0 012 2v16l-1-1-3 2-3-2-1 1V4z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M22 4a2 2 0 00-2-2h-6a2 2 0 00-2 2v16l1-1 3 2 3-2 1 1V4z", fill: secondaryColor, opacity: "0.6" })] })),
     },
 });
@@ -100,7 +106,7 @@ const NtdPencil = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4zM17 7l-3-3", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M14 4l6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M14 4l6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M14 4l6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4zM17 7l-3-3", fill: primaryColor }), jsx("path", { d: "M21.17 2.83a2.83 2.83 0 00-4 0L3 17l-1 5 5-1L21.17 6.83a2.83 2.83 0 000-4zM17 7l-3-3", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -109,7 +115,7 @@ const NtdPen = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2l10 10-8 8-2-2V8l-2 2v10l-8-8L12 2z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -121,7 +127,7 @@ const NtdOnlineCourse = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M8 19h8M12 17v2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M10 8l4 2-4 2V8z", fill: "white" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 19h8M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 8l4 2-4 2V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 19h8M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 8l4 2-4 2V8z", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 19h8M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 8l4 2-4 2V8z", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("path", { d: "M10 8l4 2-4 2V8z", fill: "white" }), jsx("path", { d: "M8 19h8M12 17v2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -130,7 +136,7 @@ const NtdWebinar = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: "white" }), jsx("path", { d: "M6 14c0-2 2.5-3 6-3s6 1 6 3", stroke: "white", strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M8 19h8M10 17v2M14 17v2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 19h8M10 17v2M14 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: primaryColor }), jsx("path", { d: "M8 19h8M10 17v2M14 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: primaryColor }), jsx("path", { d: "M8 19h8M10 17v2M14 17v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "20", height: "13", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: "white" }), jsx("path", { d: "M6 14c0-2 2.5-3 6-3s6 1 6 3", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M8 19h8M10 17v2M14 17v2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -139,7 +145,7 @@ const NtdCertificate = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M6 8h12M6 11h8", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "3", fill: "white" }), jsx("path", { d: "M17 17v4l-1.5-1-1.5 1v-4M17 17v4l1.5-1 1.5 1v-4", stroke: primaryColor, strokeWidth: "1.5" }), jsx("path", { d: "M16 13l1 1 2-2", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 8h12M6 11h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15.5 17v4l1.5-1 1.5 1v-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M16 13l1 1 2-2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 8h12M6 11h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "3", fill: primaryColor }), jsx("path", { d: "M15.5 17v4l1.5-1 1.5 1v-4", fill: primaryColor }), jsx("path", { d: "M16 13l1 1 2-2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 8h12M6 11h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "17", cy: "14", r: "3", fill: primaryColor }), jsx("path", { d: "M15.5 17v4l1.5-1 1.5 1v-4", fill: primaryColor }), jsx("path", { d: "M16 13l1 1 2-2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "17", cy: "14", r: "3", fill: "white" }), jsx("path", { d: "M6 8h12M6 11h8", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M17 17v4l-1.5-1-1.5 1v-4M17 17v4l1.5-1 1.5 1v-4", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M16 13l1 1 2-2", stroke: "white", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round" })] })),
     },
 });
@@ -148,7 +154,7 @@ const NtdQuiz = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: primaryColor }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: "white" }), jsx("circle", { cx: "7", cy: "12", r: "1.5", fill: "white" }), jsx("circle", { cx: "7", cy: "17", r: "1.5", fill: "white" }), jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M6.5 6.5l1 1M6.5 7.5l1-1", stroke: primaryColor, strokeWidth: "1", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "17", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "7", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "17", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "7", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "17", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "2", width: "18", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: "white" }), jsx("circle", { cx: "7", cy: "12", r: "1.5", fill: "white" }), jsx("circle", { cx: "7", cy: "17", r: "1.5", fill: "white" }), jsx("path", { d: "M11 7h7M11 12h7M11 17h5", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M6.5 6.5l1 1M6.5 7.5l1-1", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -157,7 +163,7 @@ const NtdExam = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M14 2v6h6", fill: "white", opacity: "0.3" }), jsx("path", { d: "M8 12h8M8 15h8M8 18h5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("text", { x: "12", y: "10", textAnchor: "middle", fill: "white", fontSize: "5", fontWeight: "bold", children: "A+" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M8 12h8M8 15h8M8 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("text", { x: "12", y: "10", textAnchor: "middle", fill: primaryColor, fontSize: "5", fontWeight: "bold", children: "A+" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 2v6h6", fill: primaryColor, opacity: "0.3" }), jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M8 12h8M8 15h8M8 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 2v6h6", fill: primaryColor, opacity: "0.3" }), jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 2v6h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M8 12h8M8 15h8M8 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M4 4a2 2 0 012-2h8l6 6v14a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M14 2v6h6", fill: "white", opacity: "0.3" }), jsx("path", { d: "M8 12h8M8 15h8M8 18h5", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -169,7 +175,7 @@ const NtdFlashcard = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", fill: primaryColor, opacity: "0.5" }), jsx("path", { d: "M8 10h8M8 14h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", opacity: "0.5" }), jsx("path", { d: "M8 10h8M8 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10h8M8 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10h8M8 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "6", width: "16", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "4", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: "0.5" }), jsx("path", { d: "M8 10h8M8 14h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -178,7 +184,7 @@ const NtdBackpack = /* @__PURE__ */ createIcon({
     paths: {
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", fill: primaryColor }), jsx("path", { d: "M9 4V3a3 3 0 016 0v1", stroke: primaryColor, strokeWidth: "2" }), jsx("rect", { x: "8", y: "12", width: "8", height: "5", rx: "1", fill: "white" }), jsx("path", { d: "M10 14h4", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4V3a3 3 0 016 0v1", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "8", y: "12", width: "8", height: "5", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4V3a3 3 0 016 0v1", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "8", y: "12", width: "8", height: "5", rx: "1", fill: primaryColor })] })),
+        duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4V3a3 3 0 016 0v1", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "8", y: "12", width: "8", height: "5", rx: "1", fill: primaryColor })] }))),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", fill: primaryColor }), jsx("path", { d: "M6 8a4 4 0 014-4h4a4 4 0 014 4v12a2 2 0 01-2 2H8a2 2 0 01-2-2V8z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "8", y: "12", width: "8", height: "5", rx: "1", fill: "white" }), jsx("path", { d: "M9 4V3a3 3 0 016 0v1", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M10 14h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -198,7 +204,6 @@ const NtdCalculator = /* @__PURE__ */ createIcon({
     paths: {
         solid: (props) => calculatorFilled(props, props.accentColor, props.accentOpacity),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "6", y: "4", width: "12", height: "5", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "20", r: "1", fill: primaryColor }), jsx("rect", { x: "11", y: "19", width: "6", height: "2", rx: "0.5", fill: primaryColor })] })),
-        duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "6", y: "4", width: "12", height: "5", rx: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "16", r: "1", fill: primaryColor })] })),
         vivid: (props) => calculatorFilled(props, props.secondaryColor, 1),
     },
 });