@nice2dev/icons 1.3.7 → 1.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/README.md +33 -16
  3. package/dist/cjs/NiceIconStacker.js +16 -4
  4. package/dist/cjs/createIcon.js +17 -4
  5. package/dist/cjs/iconParts.js +24 -2
  6. package/dist/cjs/iconStack.js +5 -5
  7. package/dist/cjs/icons/accessibility.js +9 -8
  8. package/dist/cjs/icons/actions.js +38 -35
  9. package/dist/cjs/icons/ai.js +12 -11
  10. package/dist/cjs/icons/brand.js +2 -2
  11. package/dist/cjs/icons/business.js +14 -16
  12. package/dist/cjs/icons/devtech.js +17 -15
  13. package/dist/cjs/icons/ecommerce.js +7 -12
  14. package/dist/cjs/icons/education.js +14 -16
  15. package/dist/cjs/icons/files.js +46 -22
  16. package/dist/cjs/icons/fintech.js +2 -11
  17. package/dist/cjs/icons/food.js +12 -8
  18. package/dist/cjs/icons/fun.js +11 -11
  19. package/dist/cjs/icons/gaming.js +20 -13
  20. package/dist/cjs/icons/health.js +9 -12
  21. package/dist/cjs/icons/index.js +1 -0
  22. package/dist/cjs/icons/input.js +31 -21
  23. package/dist/cjs/icons/legal.js +11 -11
  24. package/dist/cjs/icons/media.js +24 -15
  25. package/dist/cjs/icons/navigation.js +16 -13
  26. package/dist/cjs/icons/omniverk.js +2 -7
  27. package/dist/cjs/icons/realestate.js +14 -14
  28. package/dist/cjs/icons/saas.js +0 -10
  29. package/dist/cjs/icons/science.js +12 -12
  30. package/dist/cjs/icons/shapes.js +20 -17
  31. package/dist/cjs/icons/smarthome.js +0 -11
  32. package/dist/cjs/icons/social.js +7 -6
  33. package/dist/cjs/icons/sports.js +5 -6
  34. package/dist/cjs/icons/sustainability.js +12 -11
  35. package/dist/cjs/icons/travel.js +9 -9
  36. package/dist/cjs/icons/ui.js +55 -31
  37. package/dist/cjs/icons/weather.js +8 -13
  38. package/dist/cjs/index.js +1 -0
  39. package/dist/cjs/nicetodev-icons.css +1 -1
  40. package/dist/cjs/resolver.js +1 -0
  41. package/dist/cjs/stacking.js +38 -11
  42. package/dist/esm/NiceIconStacker.js +18 -6
  43. package/dist/esm/createIcon.js +18 -5
  44. package/dist/esm/iconParts.js +24 -3
  45. package/dist/esm/iconStack.js +5 -5
  46. package/dist/esm/icons/accessibility.js +9 -8
  47. package/dist/esm/icons/actions.js +39 -36
  48. package/dist/esm/icons/ai.js +12 -11
  49. package/dist/esm/icons/brand.js +2 -2
  50. package/dist/esm/icons/business.js +15 -17
  51. package/dist/esm/icons/devtech.js +17 -15
  52. package/dist/esm/icons/ecommerce.js +7 -12
  53. package/dist/esm/icons/education.js +14 -16
  54. package/dist/esm/icons/files.js +47 -23
  55. package/dist/esm/icons/fintech.js +2 -11
  56. package/dist/esm/icons/food.js +12 -8
  57. package/dist/esm/icons/fun.js +11 -11
  58. package/dist/esm/icons/gaming.js +21 -14
  59. package/dist/esm/icons/health.js +9 -12
  60. package/dist/esm/icons/index.js +1 -1
  61. package/dist/esm/icons/input.js +31 -21
  62. package/dist/esm/icons/legal.js +12 -12
  63. package/dist/esm/icons/media.js +25 -16
  64. package/dist/esm/icons/navigation.js +16 -13
  65. package/dist/esm/icons/omniverk.js +2 -7
  66. package/dist/esm/icons/realestate.js +15 -15
  67. package/dist/esm/icons/saas.js +0 -10
  68. package/dist/esm/icons/science.js +12 -12
  69. package/dist/esm/icons/shapes.js +20 -17
  70. package/dist/esm/icons/smarthome.js +0 -11
  71. package/dist/esm/icons/social.js +8 -7
  72. package/dist/esm/icons/sports.js +6 -7
  73. package/dist/esm/icons/sustainability.js +12 -11
  74. package/dist/esm/icons/travel.js +10 -10
  75. package/dist/esm/icons/ui.js +56 -33
  76. package/dist/esm/icons/weather.js +9 -14
  77. package/dist/esm/index.js +1 -1
  78. package/dist/esm/nicetodev-icons.css +1 -1
  79. package/dist/esm/resolver.js +1 -0
  80. package/dist/esm/stacking.js +36 -12
  81. package/dist/types/createIcon.d.ts +16 -2
  82. package/dist/types/iconParts.d.ts +8 -2
  83. package/dist/types/iconStack.d.ts +12 -3
  84. package/dist/types/icons/index.d.ts +1 -1
  85. package/dist/types/icons/ui.d.ts +1 -0
  86. package/dist/types/stacking.d.ts +25 -5
  87. package/dist/types/types.d.ts +11 -7
  88. package/package.json +2 -2
@@ -1,6 +1,6 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
2
  import { createIcon } from '../createIcon.js';
3
- import { paperIcon } from '../iconParts.js';
3
+ import { swapDuotone, paperIcon } from '../iconParts.js';
4
4
 
5
5
  /* ────────────────────────────────────────────────────────────────────────────
6
6
  LEGAL DOCUMENTS
@@ -13,7 +13,7 @@ const NtdLegalDocument = /* @__PURE__ */ createIcon({
13
13
  paths: {
14
14
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: "white" }), jsx("path", { d: "M8 14h8M8 17h6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
15
15
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 14h8M8 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
16
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: primaryColor }), jsx("path", { d: "M8 14h8M8 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
16
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: primaryColor }), jsx("path", { d: "M8 14h8M8 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
17
17
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: "white" }), jsx("path", { d: "M8 14h8M8 17h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
18
18
  },
19
19
  });
@@ -22,7 +22,7 @@ const NtdTermsOfService = /* @__PURE__ */ createIcon({
22
22
  paths: {
23
23
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M8 6h8M8 10h8M8 14h8M8 18h5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", rx: "0.5", fill: "white" }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", rx: "0.5", fill: "white" }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", rx: "0.5", fill: "white" })] })),
24
24
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 6h5M11 10h5M11 14h5M11 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
25
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 6h5M11 10h5M11 14h5M11 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", rx: "0.5", fill: primaryColor })] })),
25
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M11 6h5M11 10h5M11 14h5M11 18h5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", rx: "0.5", fill: primaryColor })] }))),
26
26
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "7", y: "5", width: "2", height: "2", rx: "0.5", fill: "white" }), jsx("rect", { x: "7", y: "9", width: "2", height: "2", rx: "0.5", fill: "white" }), jsx("rect", { x: "7", y: "13", width: "2", height: "2", rx: "0.5", fill: "white" }), jsx("path", { d: "M8 6h8M8 10h8M8 14h8M8 18h5", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
27
27
  },
28
28
  });
@@ -34,7 +34,7 @@ const NtdPrivacyPolicy = /* @__PURE__ */ createIcon({
34
34
  paths: {
35
35
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: "white" }), jsx("path", { d: "M12 13c-2 0-4 1-4 2v2h8v-2c0-1-2-2-4-2z", fill: "white" })] })),
36
36
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 13c-2 0-4 1-4 2v2h8v-2c0-1-2-2-4-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
37
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: primaryColor }), jsx("path", { d: "M12 13c-2 0-4 1-4 2v2h8v-2c0-1-2-2-4-2z", fill: primaryColor })] })),
37
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: primaryColor }), jsx("path", { d: "M12 13c-2 0-4 1-4 2v2h8v-2c0-1-2-2-4-2z", fill: primaryColor })] }))),
38
38
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: primaryColor }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: "white" }), jsx("path", { d: "M12 13c-2 0-4 1-4 2v2h8v-2c0-1-2-2-4-2z", fill: "white" })] })),
39
39
  },
40
40
  });
@@ -43,7 +43,7 @@ const NtdGdpr = /* @__PURE__ */ createIcon({
43
43
  paths: {
44
44
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: "white", fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "GDPR" })] })),
45
45
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "GDPR" })] })),
46
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "GDPR" })] })),
46
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "GDPR" })] }))),
47
47
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" })] })),
48
48
  },
49
49
  });
@@ -52,7 +52,7 @@ const NtdCcpa = /* @__PURE__ */ createIcon({
52
52
  paths: {
53
53
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: "white", fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "CCPA" })] })),
54
54
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "CCPA" })] })),
55
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "CCPA" })] })),
55
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14.5", textAnchor: "middle", fill: primaryColor, fontSize: "6", fontWeight: "bold", fontFamily: "system-ui", children: "CCPA" })] }))),
56
56
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" })] })),
57
57
  },
58
58
  });
@@ -61,7 +61,7 @@ const NtdCookieConsent = /* @__PURE__ */ createIcon({
61
61
  paths: {
62
62
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "14", cy: "8", r: "1", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "10", cy: "14", r: "1.5", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: "white", opacity: "0.6" })] })),
63
63
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "8", r: "1", fill: primaryColor }), jsx("circle", { cx: "10", cy: "14", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })] })),
64
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "8", r: "1", fill: primaryColor }), jsx("circle", { cx: "10", cy: "14", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })] })),
64
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "8", r: "1", fill: primaryColor }), jsx("circle", { cx: "10", cy: "14", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })] }))),
65
65
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "14", cy: "8", r: "1", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "10", cy: "14", r: "1.5", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "15", cy: "13", r: "1", fill: "white", opacity: "0.6" }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: "white", opacity: "0.6" })] })),
66
66
  },
67
67
  });
@@ -73,7 +73,7 @@ const NtdCopyright = /* @__PURE__ */ createIcon({
73
73
  paths: {
74
74
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M15 9c-1-1-2-1.5-3-1.5a4.5 4.5 0 000 9c1 0 2-.5 3-1.5", stroke: "white", strokeWidth: "2", strokeLinecap: "round", fill: "none" })] })),
75
75
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 9c-1-1-2-1.5-3-1.5a4.5 4.5 0 000 9c1 0 2-.5 3-1.5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
76
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 9c-1-1-2-1.5-3-1.5a4.5 4.5 0 000 9c1 0 2-.5 3-1.5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
76
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 9c-1-1-2-1.5-3-1.5a4.5 4.5 0 000 9c1 0 2-.5 3-1.5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] }))),
77
77
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M15 9c-1-1-2-1.5-3-1.5a4.5 4.5 0 000 9c1 0 2-.5 3-1.5", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", fill: "none" })] })),
78
78
  },
79
79
  });
@@ -82,7 +82,7 @@ const NtdTrademark = /* @__PURE__ */ createIcon({
82
82
  paths: {
83
83
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: "white", fontSize: "10", fontWeight: "bold", fontFamily: "system-ui", children: "\u2122" })] })),
84
84
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "10", fontWeight: "bold", fontFamily: "system-ui", children: "\u2122" })] })),
85
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "10", fontWeight: "bold", fontFamily: "system-ui", children: "\u2122" })] })),
85
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "15", textAnchor: "middle", fill: primaryColor, fontSize: "10", fontWeight: "bold", fontFamily: "system-ui", children: "\u2122" })] }))),
86
86
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" })] })),
87
87
  },
88
88
  });
@@ -91,7 +91,7 @@ const NtdPatent = /* @__PURE__ */ createIcon({
91
91
  paths: {
92
92
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M9 7v10M9 7h4a3 3 0 010 6H9", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
93
93
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 7v10M9 7h4a3 3 0 010 6H9", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
94
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 7v10M9 7h4a3 3 0 010 6H9", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
94
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 7v10M9 7h4a3 3 0 010 6H9", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] }))),
95
95
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M9 7v10M9 7h4a3 3 0 010 6H9", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
96
96
  },
97
97
  });
@@ -103,7 +103,7 @@ const NtdCompliance = /* @__PURE__ */ createIcon({
103
103
  paths: {
104
104
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: primaryColor }), jsx("path", { d: "M9 12l2 2 4-4", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })),
105
105
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
106
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
106
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] }))),
107
107
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: primaryColor }), jsx("path", { d: "M12 2L4 6v6c0 5.5 3.5 10 8 11 4.5-1 8-5.5 8-11V6l-8-4z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })] })),
108
108
  },
109
109
  });
@@ -121,7 +121,7 @@ const NtdAudit = /* @__PURE__ */ createIcon({
121
121
  paths: {
122
122
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M8 7h8M8 11h8M8 15h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("circle", { cx: "16", cy: "16", r: "4", fill: "white" }), jsx("path", { d: "M14 16l1 1 2-2", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
123
123
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 7h8M8 11h8M8 15h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "16", cy: "16", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M14 16l1 1 2-2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
124
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 7h8M8 11h8M8 15h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "16", cy: "16", r: "4", fill: primaryColor }), jsx("path", { d: "M14 16l1 1 2-2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
124
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 7h8M8 11h8M8 15h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "16", cy: "16", r: "4", fill: primaryColor }), jsx("path", { d: "M14 16l1 1 2-2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }))),
125
125
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: primaryColor }), jsx("path", { d: "M4 4a2 2 0 012-2h12a2 2 0 012 2v16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "16", cy: "16", r: "4", fill: "white" }), jsx("path", { d: "M8 7h8M8 11h8M8 15h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M14 16l1 1 2-2", stroke: "white", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round" })] })),
126
126
  },
127
127
  });
@@ -1,13 +1,16 @@
1
1
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
2
2
  import { createIcon } from '../createIcon.js';
3
- import { within } from '../iconParts.js';
3
+ import { within, swapDuotone } from '../iconParts.js';
4
4
 
5
5
  const NtdPlay = /* @__PURE__ */ createIcon({
6
6
  displayName: 'NtdPlay',
7
+ perfectStackX: 10,
8
+ perfectStackY: 12,
9
+ perfectStackSize: 0.3,
7
10
  paths: {
8
11
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M5 3l14 9-14 9V3z", fill: primaryColor })),
9
12
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5 3l14 9-14 9V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
10
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l14 9-14 9V3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 3l14 9-14 9V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
13
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l14 9-14 9V3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 3l14 9-14 9V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
11
14
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l14 9-14 9V3z", fill: primaryColor }), jsx("path", { d: "M5 3l14 9-14 9V3z", fill: "white", opacity: "0.1" })] })),
12
15
  },
13
16
  });
@@ -16,7 +19,7 @@ const NtdPause = /* @__PURE__ */ createIcon({
16
19
  paths: {
17
20
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor })] })),
18
21
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
19
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
22
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
20
23
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor })] })),
21
24
  },
22
25
  });
@@ -25,7 +28,7 @@ const NtdStop = /* @__PURE__ */ createIcon({
25
28
  paths: {
26
29
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: primaryColor })),
27
30
  outline: ({ primaryColor, strokeWidth }) => (jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
28
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
31
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
29
32
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: "white", opacity: "0.1" })] })),
30
33
  },
31
34
  });
@@ -34,7 +37,7 @@ const NtdSkipForward = /* @__PURE__ */ createIcon({
34
37
  paths: {
35
38
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: primaryColor }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: "2.5" })] })),
36
39
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth })] })),
37
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 4l10 8-10 8V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth })] })),
40
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 4l10 8-10 8V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
38
41
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: primaryColor }), jsx("path", { d: "M5 4l10 8-10 8V4z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: secondaryColor, strokeWidth: "1.8" })] })),
39
42
  },
40
43
  });
@@ -43,7 +46,7 @@ const NtdSkipBack = /* @__PURE__ */ createIcon({
43
46
  paths: {
44
47
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: primaryColor }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: "2.5" })] })),
45
48
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
46
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M19 20L9 12l10-8v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
49
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M19 20L9 12l10-8v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
47
50
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: primaryColor }), jsx("path", { d: "M19 20L9 12l10-8v16z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: secondaryColor, strokeWidth: "1.8" })] })),
48
51
  },
49
52
  });
@@ -70,22 +73,26 @@ const NtdImage = /* @__PURE__ */ createIcon({
70
73
  paths: {
71
74
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })] })),
72
75
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })] })),
73
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: primaryColor }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })] })),
74
76
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.08" }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: secondaryColor }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.4" })] })] })),
75
77
  },
76
78
  });
77
79
  const NtdCamera = /* @__PURE__ */ createIcon({
78
80
  displayName: 'NtdCamera',
81
+ perfectStackX: 12,
82
+ perfectStackY: 12.5,
83
+ perfectStackSize: 0.55,
79
84
  paths: {
80
85
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "4", fill: accentColor, opacity: accentOpacity })] })),
81
86
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "13", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
82
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "13", r: "4", fill: primaryColor })] })),
83
87
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: primaryColor }), jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "13", r: "4", fill: secondaryColor })] })),
84
88
  },
85
89
  });
86
90
  const VIDEO_LENS = 'M17 9.5l5-3v11l-5-3';
87
91
  const NtdVideo = /* @__PURE__ */ createIcon({
88
92
  displayName: 'NtdVideo',
93
+ perfectStackX: 10,
94
+ perfectStackY: 12,
95
+ perfectStackSize: 0.4,
89
96
  paths: {
90
97
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", fill: primaryColor }), jsx("path", { d: VIDEO_LENS, fill: primaryColor, stroke: primaryColor })] })),
91
98
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: VIDEO_LENS, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
@@ -164,7 +171,6 @@ const NtdMail = /* @__PURE__ */ createIcon({
164
171
  paths: {
165
172
  solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), within(uid, 'flap', jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity }))] })),
166
173
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
167
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
168
174
  vivid: ({ primaryColor, secondaryColor, uid }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: "white", opacity: "0.1" }), within(uid, 'flap', jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }))] })),
169
175
  },
170
176
  });
@@ -199,6 +205,9 @@ const CHAT_BUBBLE = 'M5 3h14a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0
199
205
  const CHAT_TAIL = 'M7 16v5l5-5z';
200
206
  const NtdChat = /* @__PURE__ */ createIcon({
201
207
  displayName: 'NtdChat',
208
+ perfectStackX: 10.5,
209
+ perfectStackY: 10,
210
+ perfectStackSize: 0.45,
202
211
  paths: {
203
212
  solid: ({ primaryColor }) => jsx("path", { d: CHAT, fill: primaryColor }),
204
213
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: CHAT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
@@ -218,10 +227,11 @@ const NtdSend = /* @__PURE__ */ createIcon({
218
227
  // Outline is the silhouette only — the diagonal crease is gone (it now lives
219
228
  // in `wireframe`, which shows construction lines by design).
220
229
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", strokeLinecap: "butt" })),
221
- // Solid shape split along the crease: upper wing primary, lower wing
222
- // secondary at full strength — the two-tone is the plane's own geometry,
230
+ // Solid shape split along the crease: lower wing primary, upper wing
231
+ // secondary at full strength (swapped in 1.3.8: the larger part primary)
232
+ // — the two-tone is the plane's own geometry,
223
233
  // not a translucent overlay.
224
- duotone: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4L11.2 12.8 4 9.6z", fill: primaryColor }), jsx("path", { d: "M20 4l-5.6 16-3.2-7.2z", fill: secondaryColor })] })),
234
+ duotone: swapDuotone(({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4L11.2 12.8 4 9.6z", fill: primaryColor }), jsx("path", { d: "M20 4l-5.6 16-3.2-7.2z", fill: secondaryColor })] }))),
225
235
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: primaryColor, stroke: primaryColor, strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "butt" }), jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: "white", opacity: "0.1" })] })),
226
236
  },
227
237
  });
@@ -230,7 +240,6 @@ const NtdNotification = /* @__PURE__ */ createIcon({
230
240
  paths: {
231
241
  solid: ({ primaryColor, accentColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: primaryColor }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: accentColor })] })),
232
242
  outline: ({ primaryColor, accentColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18", cy: "4", r: "3", fill: accentColor })] })),
233
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, accentColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: accentColor })] })),
234
243
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: primaryColor }), jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: secondaryColor }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: "white", strokeWidth: "1" })] })),
235
244
  },
236
245
  });
@@ -238,7 +247,8 @@ const NtdNotification = /* @__PURE__ */ createIcon({
238
247
  // width in every variant but `outline` — half again as heavy. Concentric, so the heavier arcs keep
239
248
  // even gaps, and small enough that the outer one's square caps in `sharp` stay in the box. The
240
249
  // inner arc sits further from the dot (it was r 4.4) and the arcs closer together, the outer one
241
- // where it was. Duotone and vivid: the dot and the inner arc primary, the outer arcs secondary.
250
+ // where it was. Vivid: the dot and the inner arc primary, the outer arcs secondary; duotone the
251
+ // other way round, the larger arcs primary (1.3.8).
242
252
  const WIFI_INNER = 'M8.32 15.82A5.2 5.2 0 0 1 15.68 15.82';
243
253
  const WIFI_OUTER = 'M5.28 12.78A9.5 9.5 0 0 1 18.72 12.78M2.24 9.74A13.8 13.8 0 0 1 21.76 9.74';
244
254
  function wifiFilled(near, far, strokeWidth) {
@@ -249,7 +259,7 @@ const NtdWifi = /* @__PURE__ */ createIcon({
249
259
  paths: {
250
260
  solid: ({ primaryColor, strokeWidth }) => wifiFilled(primaryColor, primaryColor, strokeWidth),
251
261
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: `${WIFI_INNER}${WIFI_OUTER}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "19.5", r: "1", fill: primaryColor })] })),
252
- duotone: ({ primaryColor, secondaryColor, strokeWidth }) => wifiFilled(primaryColor, secondaryColor, strokeWidth),
262
+ duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => wifiFilled(primaryColor, secondaryColor, strokeWidth)),
253
263
  vivid: ({ primaryColor, secondaryColor, strokeWidth }) => wifiFilled(primaryColor, secondaryColor, strokeWidth),
254
264
  },
255
265
  });
@@ -268,7 +278,6 @@ const NtdPalette = /* @__PURE__ */ createIcon({
268
278
  paths: {
269
279
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: primaryColor, opacity: "0.25" }), jsx("circle", { cx: "7", cy: "9", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "10", cy: "7", r: "1.2", fill: accentColor, opacity: accentOpacity * 0.8 }), jsx("circle", { cx: "7", cy: "13", r: "1.2", fill: accentColor, opacity: accentOpacity * 0.7 })] })),
270
280
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
271
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
272
281
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: primaryColor, opacity: "0.25" }), jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "7", cy: "9", r: "1.2", fill: secondaryColor }), jsx("circle", { cx: "10", cy: "7", r: "1.2", fill: "#8B5CF6" }), jsx("circle", { cx: "7", cy: "13", r: "1.2", fill: "#EF4444" })] })),
273
282
  },
274
283
  });
@@ -1,12 +1,13 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
2
  import { createIcon } from '../createIcon.js';
3
+ import { swapDuotone } from '../iconParts.js';
3
4
 
4
5
  const NtdArrowUp = /* @__PURE__ */ createIcon({
5
6
  displayName: 'NtdArrowUp',
6
7
  paths: {
7
8
  solid: ({ primaryColor }) => jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }),
8
9
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 5.5l-6.5 6.5H10v7h4v-7h4.5L12 5.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
9
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
10
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
10
11
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: "white", opacity: "0.1" })] })),
11
12
  },
12
13
  });
@@ -15,7 +16,7 @@ const NtdArrowDown = /* @__PURE__ */ createIcon({
15
16
  paths: {
16
17
  solid: ({ primaryColor }) => jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }),
17
18
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 18.5l6.5-6.5H14V5h-4v7H5.5L12 18.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
18
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
19
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
19
20
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: "white", opacity: "0.1" })] })),
20
21
  },
21
22
  });
@@ -24,7 +25,7 @@ const NtdArrowLeft = /* @__PURE__ */ createIcon({
24
25
  paths: {
25
26
  solid: ({ primaryColor }) => jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }),
26
27
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5.5 12l6.5-6.5V10h7v4h-7v4.5L5.5 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
27
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
28
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
28
29
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: "white", opacity: "0.1" })] })),
29
30
  },
30
31
  });
@@ -33,7 +34,7 @@ const NtdArrowRight = /* @__PURE__ */ createIcon({
33
34
  paths: {
34
35
  solid: ({ primaryColor }) => jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }),
35
36
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M18.5 12L12 5.5V10H5v4h7v4.5L18.5 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
36
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
37
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
37
38
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: "white", opacity: "0.1" })] })),
38
39
  },
39
40
  });
@@ -42,7 +43,7 @@ const NtdChevronUp = /* @__PURE__ */ createIcon({
42
43
  paths: {
43
44
  solid: ({ primaryColor }) => jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }),
44
45
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
45
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
46
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
46
47
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }), jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: "white", opacity: "0.1" })] })),
47
48
  },
48
49
  });
@@ -51,7 +52,7 @@ const NtdChevronDown = /* @__PURE__ */ createIcon({
51
52
  paths: {
52
53
  solid: ({ primaryColor }) => jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }),
53
54
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth: strokeWidth })),
54
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 16l7-7H5l7 7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
55
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 16l7-7H5l7 7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
55
56
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }), jsx("path", { d: "M12 16l7-7H5l7 7z", fill: "white", opacity: "0.1" })] })),
56
57
  },
57
58
  });
@@ -60,7 +61,7 @@ const NtdChevronLeft = /* @__PURE__ */ createIcon({
60
61
  paths: {
61
62
  solid: ({ primaryColor }) => jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }),
62
63
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
63
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
64
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
64
65
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }), jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: "white", opacity: "0.1" })] })),
65
66
  },
66
67
  });
@@ -69,7 +70,7 @@ const NtdChevronRight = /* @__PURE__ */ createIcon({
69
70
  paths: {
70
71
  solid: ({ primaryColor }) => jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }),
71
72
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
72
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
73
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
73
74
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }), jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: "white", opacity: "0.1" })] })),
74
75
  },
75
76
  });
@@ -100,8 +101,9 @@ const NtdMoreHorizontal = /* @__PURE__ */ createIcon({
100
101
  paths: {
101
102
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })] })),
102
103
  outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "19", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })] })),
103
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
104
- vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "5", cy: "12", r: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: "#3B82F6" })] })),
104
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] }))),
105
+ // vivid: the outer dots primary, the middle one secondary (the last was a fixed #3B82F6)
106
+ vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })] })),
105
107
  },
106
108
  });
107
109
  const NtdMoreVertical = /* @__PURE__ */ createIcon({
@@ -109,8 +111,9 @@ const NtdMoreVertical = /* @__PURE__ */ createIcon({
109
111
  paths: {
110
112
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })] })),
111
113
  outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "19", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })] })),
112
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
113
- vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "5", r: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: "#3B82F6" })] })),
114
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] }))),
115
+ // vivid: the outer dots primary, the middle one secondary (the last was a fixed #3B82F6)
116
+ vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })] })),
114
117
  },
115
118
  });
116
119
  const NtdExternalLink = /* @__PURE__ */ createIcon({
@@ -118,7 +121,7 @@ const NtdExternalLink = /* @__PURE__ */ createIcon({
118
121
  paths: {
119
122
  solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
120
123
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
121
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "13", height: "15", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
124
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "13", height: "15", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
122
125
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: "2" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
123
126
  },
124
127
  });
@@ -1,5 +1,6 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
2
  import { createIcon } from '../createIcon.js';
3
+ import { swapDuotone } from '../iconParts.js';
3
4
 
4
5
  /* ─── Tier A ─────────────────────────────────────────────── */
5
6
  /** Product — packaging box with a visible lid seam and a side label. */
@@ -8,7 +9,6 @@ const NtdProduct = /* @__PURE__ */ createIcon({
8
9
  paths: {
9
10
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", fill: primaryColor }), jsx("path", { d: "M3 7l9 4 9-4", stroke: "white", strokeWidth: "1.2", fill: "none", opacity: "0.6" }), jsx("path", { d: "M12 11v10", stroke: "white", strokeWidth: "1.2", opacity: "0.6" }), jsx("rect", { x: "9.5", y: "9.5", width: "5", height: "3", rx: "0.6", fill: accentColor, opacity: accentOpacity })] })),
10
11
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M3 7l9 4 9-4", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("path", { d: "M12 11v10", stroke: primaryColor, strokeWidth: "1.3" })] })),
11
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M3 7l9 4 9-4", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("path", { d: "M12 11v10", stroke: primaryColor, strokeWidth: "1.3" })] })),
12
12
  },
13
13
  });
14
14
  /** Alert — notification bell with an exclamation badge (distinct from NtdBell). */
@@ -17,7 +17,6 @@ const NtdAlert = /* @__PURE__ */ createIcon({
17
17
  paths: {
18
18
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 5-2 7-2 7h16s-2-2-2-7a6 6 0 00-6-6z", fill: primaryColor }), jsx("path", { d: "M10 19a2 2 0 004 0", stroke: primaryColor, strokeWidth: "2", fill: "none", strokeLinecap: "round" }), jsx("circle", { cx: "18", cy: "6", r: "4", fill: accentColor, opacity: accentOpacity }), jsx("line", { x1: "18", y1: "4", x2: "18", y2: "6.5", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }), jsx("circle", { cx: "18", cy: "8.3", r: "0.7", fill: "white" })] })),
19
19
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 5-2 7-2 7h16s-2-2-2-7a6 6 0 00-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M10 19a2 2 0 004 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" }), jsx("line", { x1: "12", y1: "8", x2: "12", y2: "11", stroke: primaryColor, strokeWidth: "1.6", strokeLinecap: "round" }), jsx("circle", { cx: "12", cy: "13.4", r: "0.8", fill: primaryColor })] })),
20
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 5-2 7-2 7h16s-2-2-2-7a6 6 0 00-6-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a6 6 0 00-6 6c0 5-2 7-2 7h16s-2-2-2-7a6 6 0 00-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M10 19a2 2 0 004 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round" }), jsx("line", { x1: "12", y1: "8", x2: "12", y2: "11", stroke: primaryColor, strokeWidth: "1.6", strokeLinecap: "round" }), jsx("circle", { cx: "12", cy: "13.4", r: "0.8", fill: primaryColor })] })),
21
20
  },
22
21
  });
23
22
  /** Alias — bell-with-exclamation reading of {@link NtdAlert}. */
@@ -37,7 +36,6 @@ const NtdShipment = /* @__PURE__ */ createIcon({
37
36
  paths: {
38
37
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", fill: primaryColor }), jsx("path", { d: "M3 7l9 4 9-4", stroke: "white", strokeWidth: "1.2", fill: "none", opacity: "0.6" }), jsx("path", { d: "M12 11v10", stroke: "white", strokeWidth: "1.2", opacity: "0.6" }), jsx("rect", { x: "13.5", y: "12.5", width: "6", height: "4.5", rx: "0.6", fill: accentColor, opacity: accentOpacity }), jsx("line", { x1: "14.6", y1: "14.2", x2: "18.4", y2: "14.2", stroke: "white", strokeWidth: "0.9" }), jsx("line", { x1: "14.6", y1: "15.6", x2: "17", y2: "15.6", stroke: "white", strokeWidth: "0.9" })] })),
39
38
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M3 7l9 4 9-4", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("path", { d: "M12 11v10", stroke: primaryColor, strokeWidth: "1.3" }), jsx("rect", { x: "13.5", y: "12.5", width: "6", height: "4.5", rx: "0.6", stroke: primaryColor, strokeWidth: "1.2", fill: "none" })] })),
40
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 7l9-4 9 4v10l-9 4-9-4V7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M3 7l9 4 9-4", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("path", { d: "M12 11v10", stroke: primaryColor, strokeWidth: "1.3" }), jsx("rect", { x: "13.5", y: "12.5", width: "6", height: "4.5", rx: "0.6", stroke: primaryColor, strokeWidth: "1.2", fill: "none" })] })),
41
39
  },
42
40
  });
43
41
  /* ─── Tier B ─────────────────────────────────────────────── */
@@ -47,7 +45,6 @@ const NtdFood = /* @__PURE__ */ createIcon({
47
45
  paths: {
48
46
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "11", cy: "13", r: "7", fill: primaryColor }), jsx("circle", { cx: "11", cy: "13", r: "3.5", fill: accentColor, opacity: accentOpacity }), jsx("line", { x1: "20.5", y1: "3", x2: "20.5", y2: "21", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M20.5 3c1.5 0 2 1.5 2 3s-1 2.5-2 2.5", stroke: primaryColor, strokeWidth: "1.6", fill: "none" })] })),
49
47
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "11", cy: "13", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "11", cy: "13", r: "3.5", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("line", { x1: "20.5", y1: "4", x2: "20.5", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M19 4v3.5h3V4", stroke: primaryColor, strokeWidth: "1.3", fill: "none" })] })),
50
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "11", cy: "13", r: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "11", cy: "13", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "11", cy: "13", r: "3.5", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("line", { x1: "20.5", y1: "4", x2: "20.5", y2: "21", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
51
48
  },
52
49
  });
53
50
  /** Alias — meal reading of {@link NtdFood}. */
@@ -58,7 +55,6 @@ const NtdProject = /* @__PURE__ */ createIcon({
58
55
  paths: {
59
56
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1.4", fill: primaryColor }), jsx("rect", { x: "9", y: "4", width: "6", height: "16", rx: "1.4", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "16", y: "4", width: "6", height: "16", rx: "1.4", fill: primaryColor }), jsx("rect", { x: "3.2", y: "6", width: "3.6", height: "3", rx: "0.6", fill: "white", opacity: "0.7" }), jsx("rect", { x: "17.2", y: "6", width: "3.6", height: "3", rx: "0.6", fill: "white", opacity: "0.7" })] })),
60
57
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "3.4", y1: "8", x2: "6.6", y2: "8", stroke: primaryColor, strokeWidth: "1.2" }), jsx("line", { x1: "10.4", y1: "8", x2: "13.6", y2: "8", stroke: primaryColor, strokeWidth: "1.2" })] })),
61
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1.4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "9", y: "4", width: "6", height: "16", rx: "1.4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "16", y: "4", width: "6", height: "16", rx: "1.4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "4", width: "6", height: "16", rx: "1.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
62
58
  },
63
59
  });
64
60
  /** Insurance — shield with a checkmark (distinct from generic NtdShield). */
@@ -67,7 +63,7 @@ const NtdInsurance = /* @__PURE__ */ createIcon({
67
63
  paths: {
68
64
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", fill: primaryColor }), jsx("path", { d: "M8.5 12l2.5 2.5L16 9", stroke: "white", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })] })),
69
65
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8.5 12l2.5 2.5L16 9", stroke: primaryColor, strokeWidth: "1.8", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })] })),
70
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8.5 12l2.5 2.5L16 9", stroke: primaryColor, strokeWidth: "1.8", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })] })),
66
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8.5 12l2.5 2.5L16 9", stroke: primaryColor, strokeWidth: "1.8", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })] }))),
71
67
  },
72
68
  });
73
69
  /**
@@ -81,7 +77,6 @@ const NtdTax = /* @__PURE__ */ createIcon({
81
77
  paths: {
82
78
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9.5", fill: primaryColor }), jsxs("g", { opacity: accentOpacity, children: [jsx("path", { d: TAX_DOTS, fillRule: "evenodd", fill: accentColor }), jsx("line", { x1: "15.5", y1: "8.5", x2: "8.5", y2: "15.5", stroke: accentColor, strokeWidth: "1.8", strokeLinecap: "round" })] })] })),
83
79
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9.2", cy: "9.2", r: "1.6", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("circle", { cx: "14.8", cy: "14.8", r: "1.6", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("line", { x1: "15.5", y1: "8.5", x2: "8.5", y2: "15.5", stroke: primaryColor, strokeWidth: "1.6", strokeLinecap: "round" })] })),
84
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "9.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9.2", cy: "9.2", r: "1.6", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("circle", { cx: "14.8", cy: "14.8", r: "1.6", stroke: primaryColor, strokeWidth: "1.3", fill: "none" }), jsx("line", { x1: "15.5", y1: "8.5", x2: "8.5", y2: "15.5", stroke: primaryColor, strokeWidth: "1.6", strokeLinecap: "round" })] })),
85
80
  },
86
81
  });
87
82
  /* ─── Tier C ─────────────────────────────────────────────── */