@nice2dev/icons 1.3.7 → 1.3.9

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 (99) hide show
  1. package/CHANGELOG.md +90 -0
  2. package/README.md +33 -16
  3. package/dist/cjs/NiceIconPicker.js +289 -92
  4. package/dist/cjs/NiceIconStacker.js +137 -108
  5. package/dist/cjs/client.js +6 -0
  6. package/dist/cjs/createIcon.js +17 -4
  7. package/dist/cjs/iconHtml.js +122 -0
  8. package/dist/cjs/iconParts.js +24 -2
  9. package/dist/cjs/iconStack.js +76 -5
  10. package/dist/cjs/icons/accessibility.js +9 -8
  11. package/dist/cjs/icons/actions.js +38 -35
  12. package/dist/cjs/icons/ai.js +12 -11
  13. package/dist/cjs/icons/brand.js +2 -2
  14. package/dist/cjs/icons/business.js +14 -16
  15. package/dist/cjs/icons/devtech.js +17 -15
  16. package/dist/cjs/icons/ecommerce.js +7 -12
  17. package/dist/cjs/icons/education.js +14 -16
  18. package/dist/cjs/icons/files.js +46 -22
  19. package/dist/cjs/icons/fintech.js +2 -11
  20. package/dist/cjs/icons/food.js +12 -8
  21. package/dist/cjs/icons/fun.js +11 -11
  22. package/dist/cjs/icons/gaming.js +20 -13
  23. package/dist/cjs/icons/health.js +9 -12
  24. package/dist/cjs/icons/index.js +1 -0
  25. package/dist/cjs/icons/input.js +31 -21
  26. package/dist/cjs/icons/legal.js +11 -11
  27. package/dist/cjs/icons/media.js +24 -15
  28. package/dist/cjs/icons/navigation.js +16 -13
  29. package/dist/cjs/icons/omniverk.js +2 -7
  30. package/dist/cjs/icons/realestate.js +14 -14
  31. package/dist/cjs/icons/saas.js +0 -10
  32. package/dist/cjs/icons/science.js +12 -12
  33. package/dist/cjs/icons/shapes.js +20 -17
  34. package/dist/cjs/icons/smarthome.js +0 -11
  35. package/dist/cjs/icons/social.js +7 -6
  36. package/dist/cjs/icons/sports.js +5 -6
  37. package/dist/cjs/icons/sustainability.js +12 -11
  38. package/dist/cjs/icons/travel.js +9 -9
  39. package/dist/cjs/icons/ui.js +55 -31
  40. package/dist/cjs/icons/weather.js +8 -13
  41. package/dist/cjs/index.js +7 -0
  42. package/dist/cjs/nicetodev-icons.css +1 -1
  43. package/dist/cjs/resolver.js +1 -0
  44. package/dist/cjs/stacking.js +38 -11
  45. package/dist/esm/NiceIconPicker.js +292 -95
  46. package/dist/esm/NiceIconStacker.js +141 -112
  47. package/dist/esm/client.js +2 -1
  48. package/dist/esm/createIcon.js +18 -5
  49. package/dist/esm/iconHtml.js +117 -0
  50. package/dist/esm/iconParts.js +24 -3
  51. package/dist/esm/iconStack.js +74 -6
  52. package/dist/esm/icons/accessibility.js +9 -8
  53. package/dist/esm/icons/actions.js +39 -36
  54. package/dist/esm/icons/ai.js +12 -11
  55. package/dist/esm/icons/brand.js +2 -2
  56. package/dist/esm/icons/business.js +15 -17
  57. package/dist/esm/icons/devtech.js +17 -15
  58. package/dist/esm/icons/ecommerce.js +7 -12
  59. package/dist/esm/icons/education.js +14 -16
  60. package/dist/esm/icons/files.js +47 -23
  61. package/dist/esm/icons/fintech.js +2 -11
  62. package/dist/esm/icons/food.js +12 -8
  63. package/dist/esm/icons/fun.js +11 -11
  64. package/dist/esm/icons/gaming.js +21 -14
  65. package/dist/esm/icons/health.js +9 -12
  66. package/dist/esm/icons/index.js +1 -1
  67. package/dist/esm/icons/input.js +31 -21
  68. package/dist/esm/icons/legal.js +12 -12
  69. package/dist/esm/icons/media.js +25 -16
  70. package/dist/esm/icons/navigation.js +16 -13
  71. package/dist/esm/icons/omniverk.js +2 -7
  72. package/dist/esm/icons/realestate.js +15 -15
  73. package/dist/esm/icons/saas.js +0 -10
  74. package/dist/esm/icons/science.js +12 -12
  75. package/dist/esm/icons/shapes.js +20 -17
  76. package/dist/esm/icons/smarthome.js +0 -11
  77. package/dist/esm/icons/social.js +8 -7
  78. package/dist/esm/icons/sports.js +6 -7
  79. package/dist/esm/icons/sustainability.js +12 -11
  80. package/dist/esm/icons/travel.js +10 -10
  81. package/dist/esm/icons/ui.js +56 -33
  82. package/dist/esm/icons/weather.js +9 -14
  83. package/dist/esm/index.js +3 -2
  84. package/dist/esm/nicetodev-icons.css +1 -1
  85. package/dist/esm/resolver.js +1 -0
  86. package/dist/esm/stacking.js +36 -12
  87. package/dist/types/NiceIconPicker.d.ts +66 -20
  88. package/dist/types/NiceIconStacker.d.ts +30 -9
  89. package/dist/types/client.d.ts +4 -2
  90. package/dist/types/createIcon.d.ts +16 -2
  91. package/dist/types/iconHtml.d.ts +44 -0
  92. package/dist/types/iconParts.d.ts +8 -2
  93. package/dist/types/iconStack.d.ts +30 -3
  94. package/dist/types/icons/index.d.ts +1 -1
  95. package/dist/types/icons/ui.d.ts +1 -0
  96. package/dist/types/index.d.ts +4 -2
  97. package/dist/types/stacking.d.ts +25 -5
  98. package/dist/types/types.d.ts +11 -7
  99. package/package.json +2 -2
@@ -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
  /* ────────────────────────────────────────────────────────────────────────────
5
6
  NEURAL NETWORKS
@@ -18,7 +19,7 @@ const NtdBrain = /* @__PURE__ */ createIcon({
18
19
  paths: {
19
20
  solid: ({ primaryColor }) => (jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4zm0 2a2 2 0 012 2c0 .4-.12.77-.32 1.08A3.98 3.98 0 0012 5a3.98 3.98 0 00-1.68.08A2 2 0 0112 4z", fill: primaryColor })),
20
21
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22v0a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 5v5M12 13v5M7 10h2M15 10h2M8 16h2M14 16h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
21
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 5v5M12 13v5M7 10h3M14 10h3M8 16h3M13 16h3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
22
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 5v5M12 13v5M7 10h3M14 10h3M8 16h3M13 16h3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
22
23
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4zm0 2a2 2 0 012 2c0 .4-.12.77-.32 1.08A3.98 3.98 0 0012 5a3.98 3.98 0 00-1.68.08A2 2 0 0112 4z", fill: primaryColor }), jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4zm0 2a2 2 0 012 2c0 .4-.12.77-.32 1.08A3.98 3.98 0 0012 5a3.98 3.98 0 00-1.68.08A2 2 0 0112 4z", fill: "white", opacity: "0.1" })] })),
23
24
  },
24
25
  });
@@ -27,7 +28,7 @@ const NtdDeepLearning = /* @__PURE__ */ createIcon({
27
28
  paths: {
28
29
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", fill: primaryColor, opacity: "0.7" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: primaryColor, opacity: "0.4" }), jsx("path", { d: "M8 8l1-1M8 12l1-1M8 16l1-1M15 9l1-1M15 12l1-1M15 15l1-1", stroke: primaryColor, strokeWidth: "1" })] })),
29
30
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 8l1 0M8 12l1 0M8 16l1 0M15 9l1 0M15 12l1 0M15 15l1 0", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
30
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
31
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
31
32
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", fill: secondaryColor, opacity: "0.7" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: "#8B5CF6", opacity: "0.4" }), jsx("path", { d: "M8 8l1-1M8 12l1-1M8 16l1-1M15 9l1-1M15 12l1-1M15 15l1-1", stroke: "white", strokeWidth: "1" })] })),
32
33
  },
33
34
  });
@@ -39,7 +40,7 @@ const NtdChatbot = /* @__PURE__ */ createIcon({
39
40
  paths: {
40
41
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", fill: primaryColor }), jsx("circle", { cx: "8", cy: "10", r: "2", fill: "white" }), jsx("circle", { cx: "16", cy: "10", r: "2", fill: "white" }), jsx("path", { d: "M8 14h8", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M6 20l3-3h6l3 3", fill: primaryColor })] })),
41
42
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 14h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M6 20l3-3M18 20l-3-3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
42
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "10", r: "2", fill: primaryColor }), jsx("circle", { cx: "16", cy: "10", r: "2", fill: primaryColor }), jsx("path", { d: "M8 14h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M6 20l3-3M18 20l-3-3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
43
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "10", r: "2", fill: primaryColor }), jsx("circle", { cx: "16", cy: "10", r: "2", fill: primaryColor }), jsx("path", { d: "M8 14h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M6 20l3-3M18 20l-3-3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
43
44
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "8", cy: "10", r: "2", fill: "white" }), jsx("circle", { cx: "16", cy: "10", r: "2", fill: "white" }), jsx("path", { d: "M6 20l3-3h6l3 3", fill: "#06B6D4" }), jsx("path", { d: "M8 14h8", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
44
45
  },
45
46
  });
@@ -48,7 +49,7 @@ const NtdRobot = /* @__PURE__ */ createIcon({
48
49
  paths: {
49
50
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "4", r: "2", fill: primaryColor }), jsx("path", { d: "M12 6v2", stroke: primaryColor, strokeWidth: "2" }), jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", fill: primaryColor }), jsx("circle", { cx: "9", cy: "13", r: "2", fill: "white" }), jsx("circle", { cx: "15", cy: "13", r: "2", fill: "white" }), jsx("path", { d: "M9 17h6", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M3 14h2M19 14h2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
50
51
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "4", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "13", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "15", cy: "13", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M3 14h2M19 14h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
51
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "4", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "13", r: "2", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "2", fill: primaryColor }), jsx("path", { d: "M9 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M3 14h2M19 14h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
52
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "4", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "13", r: "2", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "2", fill: primaryColor }), jsx("path", { d: "M9 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M3 14h2M19 14h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
52
53
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "4", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "4", r: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", fill: secondaryColor }), jsx("circle", { cx: "9", cy: "13", r: "2", fill: "white" }), jsx("circle", { cx: "15", cy: "13", r: "2", fill: "white" }), jsx("path", { d: "M12 6v2", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M9 17h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M3 14h2M19 14h2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
53
54
  },
54
55
  });
@@ -57,7 +58,7 @@ const NtdVoiceAssistant = /* @__PURE__ */ createIcon({
57
58
  paths: {
58
59
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "6", fill: "white", fillOpacity: "0.3" }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: "white" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
59
60
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
60
- 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: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
61
+ 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: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] }))),
61
62
  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: "12", cy: "12", r: "6", fill: "white", fillOpacity: "0.3" }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: "white" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
62
63
  },
63
64
  });
@@ -78,7 +79,7 @@ const NtdGradient = /* @__PURE__ */ createIcon({
78
79
  paths: {
79
80
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("defs", { children: jsxs("linearGradient", { id: "grad1", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [jsx("stop", { offset: "0%", stopColor: primaryColor, stopOpacity: "1" }), jsx("stop", { offset: "100%", stopColor: primaryColor, stopOpacity: "0.2" })] }) }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "url(#grad1)" }), jsx("path", { d: "M6 18L18 6", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M7 10l3 3 4-4 4 4", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
80
81
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 18L18 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M7 10l3 3 4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
81
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 18L18 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M7 10l3 3 4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
82
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 18L18 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M7 10l3 3 4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] }))),
82
83
  vivid: ({ primaryColor: _primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "url(#grad1)" }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "url(#grad1)", opacity: "0.1" }), jsx("path", { d: "M6 18L18 6", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round" }), jsx("path", { d: "M7 10l3 3 4-4 4 4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
83
84
  },
84
85
  });
@@ -87,7 +88,7 @@ const NtdDataset = /* @__PURE__ */ createIcon({
87
88
  paths: {
88
89
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", fill: primaryColor }), jsx("path", { d: "M3 6v6c0 2.21 4.03 4 9 4s9-1.79 9-4V6", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "12", rx: "9", ry: "4", fill: primaryColor }), jsx("path", { d: "M3 12v6c0 2.21 4.03 4 9 4s9-1.79 9-4v-6", fill: primaryColor })] })),
89
90
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 6v6c0 2.21 4.03 4 9 4s9-1.79 9-4V6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 12v6c0 2.21 4.03 4 9 4s9-1.79 9-4v-6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
90
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 6v12c0 2.21 4.03 4 9 4s9-1.79 9-4V6", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 6v6c0 2.21 4.03 4 9 4s9-1.79 9-4V6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 12v6c0 2.21 4.03 4 9 4s9-1.79 9-4v-6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
91
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 6v12c0 2.21 4.03 4 9 4s9-1.79 9-4V6", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 6v6c0 2.21 4.03 4 9 4s9-1.79 9-4V6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 12v6c0 2.21 4.03 4 9 4s9-1.79 9-4v-6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
91
92
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", fill: "white", opacity: "0.08" }), jsx("path", { d: "M3 6v6c0 2.21 4.03 4 9 4s9-1.79 9-4V6", fill: secondaryColor }), jsx("ellipse", { cx: "12", cy: "12", rx: "9", ry: "4", fill: "#8B5CF6" }), jsx("path", { d: "M3 12v6c0 2.21 4.03 4 9 4s9-1.79 9-4v-6", fill: "#06B6D4" })] })),
92
93
  },
93
94
  });
@@ -108,7 +109,7 @@ const NtdTraining = /* @__PURE__ */ createIcon({
108
109
  paths: {
109
110
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 6v6l4 2", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M12 2v2M12 20v2M2 12h2M20 12h2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
110
111
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v6l4 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M16 16l2 2M8 16l-2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
111
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v6l4 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M16 16l2 2M8 16l-2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
112
+ 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: "M12 6v6l4 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M16 16l2 2M8 16l-2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
112
113
  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: "M12 6v6l4 2", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M12 2v2M12 20v2M2 12h2M20 12h2", stroke: "#8B5CF6", strokeWidth: "1.5", strokeLinecap: "round" })] })),
113
114
  },
114
115
  });
@@ -117,7 +118,7 @@ const NtdInference = /* @__PURE__ */ createIcon({
117
118
  paths: {
118
119
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: primaryColor }), jsx("path", { d: "M8 12h8", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M13 9l3 3-3 3", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
119
120
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M13 9l3 3-3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
120
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M13 9l3 3-3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
121
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M13 9l3 3-3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] }))),
121
122
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor }), jsx("path", { d: "M8 12h8", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M13 9l3 3-3 3", stroke: "white", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
122
123
  },
123
124
  });
@@ -126,7 +127,7 @@ const NtdSparkle = /* @__PURE__ */ createIcon({
126
127
  paths: {
127
128
  solid: ({ primaryColor }) => (jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", fill: primaryColor })),
128
129
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })),
129
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] })),
130
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] }))),
130
131
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", fill: "white", opacity: "0.1" })] })),
131
132
  },
132
133
  });
@@ -146,7 +147,7 @@ const NtdPrompt = /* @__PURE__ */ createIcon({
146
147
  paths: {
147
148
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("path", { d: "M7 8l4 4-4 4M13 16h4", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })),
148
149
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8l4 4-4 4M13 16h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
149
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8l4 4-4 4M13 16h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
150
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 8l4 4-4 4M13 16h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] }))),
150
151
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M7 8l4 4-4 4M13 16h4", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })] })),
151
152
  },
152
153
  });
@@ -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
  /* ═══════════════════════════════════════════════════════
5
6
  Brands
@@ -43,7 +44,6 @@ const NtdNiceToDev = /* @__PURE__ */ createIcon({
43
44
  * Draw anim: fills pop (clip-path), text draws
44
45
  * via stroke-dasharray — layered reveal.
45
46
  */
46
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "9.25", width: "20", height: "5.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "15.75", width: "20", height: "5.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5.5 7.5V3.5L8.5 7.5V3.5 M10 3.5V7.5 M13.5 3.5H11V7.5H13.5 M17.5 3.5H15V7.5H17.5 M15 5.5H17", stroke: primaryColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none" }), jsx("path", { d: "M7.5 10H10.5 M9 10V14 M12 10H15V14H12Z", stroke: primaryColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none" }), jsx("path", { d: "M6 16.5V20.5H7.5L8.5 18.5 7.5 16.5Z M12.5 16.5H10V20.5H12.5 M10 18.5H12 M14 16.5L15.5 20.5 17 16.5", stroke: primaryColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none" })] })),
47
47
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: primaryColor }), jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "9.25", width: "20", height: "5.5", fill: secondaryColor }), jsx("rect", { x: "2", y: "15.75", width: "20", height: "5.5", fill: "#3B82F6" }), jsx("path", { d: "M5.5 7.5V3.5L8.5 7.5V3.5 M10 3.5V7.5 M13.5 3.5H11V7.5H13.5 M17.5 3.5H15V7.5H17.5 M15 5.5H17", stroke: "white", strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: "0.35" }), jsx("path", { d: "M7.5 10H10.5 M9 10V14 M12 10H15V14H12Z", stroke: "white", strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: "0.35" }), jsx("path", { d: "M6 16.5V20.5H7.5L8.5 18.5 7.5 16.5Z M12.5 16.5H10V20.5H12.5 M10 18.5H12 M14 16.5L15.5 20.5 17 16.5", stroke: "white", strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: "0.35" })] })),
48
48
  },
49
49
  });
@@ -144,7 +144,7 @@ const NtdOmniVerkBadge = /* @__PURE__ */ createIcon({
144
144
  paths: {
145
145
  solid: ({ primaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: primaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "scale", from: "0", to: "1", dur: "0.3s", fill: "freeze", calcMode: "spline", keySplines: "0.22 1 0.36 1", additive: "sum" }) }), jsx("path", { d: OVB_DIAMOND, fill: accentColor !== null && accentColor !== void 0 ? accentColor : '#fff', children: jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.2s", begin: "0.2s", fill: "freeze" }) }), jsx("path", { d: OVB_TRIANGLE, fill: accentColor !== null && accentColor !== void 0 ? accentColor : '#fff', children: jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.2s", begin: "0.3s", fill: "freeze" }) })] })),
146
146
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 80", to: "80 0", dur: "0.5s", fill: "freeze" }) }), jsx("path", { d: OVB_DIAMOND, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 40", to: "40 0", dur: "0.4s", begin: "0.3s", fill: "freeze" }) }), jsx("path", { d: OVB_TRIANGLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 30", to: "30 0", dur: "0.4s", begin: "0.5s", fill: "freeze" }) })] })),
147
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "11", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: OVB_DIAMOND, fill: primaryColor }), jsx("path", { d: OVB_TRIANGLE, fill: primaryColor })] })),
147
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "11", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: OVB_DIAMOND, fill: primaryColor }), jsx("path", { d: OVB_TRIANGLE, fill: primaryColor })] }))),
148
148
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "11", fill: "white", opacity: "0.08" }), jsx("path", { d: OVB_DIAMOND, fill: "white" }), jsx("path", { d: OVB_TRIANGLE, fill: secondaryColor })] })),
149
149
  },
150
150
  });
@@ -1,13 +1,14 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
2
  import { createIcon } from '../createIcon.js';
3
- import { paperIcon, within } from '../iconParts.js';
3
+ import { swapDuotone, paperIcon, within } from '../iconParts.js';
4
4
 
5
5
  // The band sits a third of the way down the case (11.5; it was halfway, 12.5) and is a cut through
6
6
  // it: kept inside the case it meets the sides flush (its round caps stuck out of both), in the
7
7
  // outline too, where it ends on the sides' centre line. A clasp hangs from its middle: low and
8
8
  // wide, in the accent colour like the band on the filled case (secondary in duotone), with a
9
9
  // primary lock square in it where it had a slot showing the band through. Vivid: the clasp is all
10
- // accent, without the square, which made it read as an accent ring round a primary middle.
10
+ // accent, without the square, which made it read as an accent ring round a primary middle. The
11
+ // handle is 1.5 × the stroke width on the filled cases (1× in the outline).
11
12
  const BRIEFCASE_CASE = { x: 2, y: 7, width: 20, height: 14, rx: 2 };
12
13
  const BRIEFCASE_HANDLE = 'M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2';
13
14
  const BRIEFCASE_BAND = 'M2 11.5h20';
@@ -20,12 +21,15 @@ function briefcaseBand(uid, color, width, opacity = 1) {
20
21
  }
21
22
  const NtdBriefcase = /* @__PURE__ */ createIcon({
22
23
  displayName: 'NtdBriefcase',
24
+ perfectStackX: 12,
25
+ perfectStackY: 14,
26
+ perfectStackSize: 0.45,
23
27
  paths: {
24
- solid: (props) => (jsxs(Fragment, { children: [jsx("rect", { ...BRIEFCASE_CASE, fill: props.primaryColor }), jsx("path", { d: BRIEFCASE_HANDLE, stroke: props.primaryColor, strokeWidth: props.strokeWidth, fill: "none" }), briefcaseBand(props.uid, props.accentColor, props.strokeWidth * 1.5, props.accentOpacity), jsx("path", { d: BRIEFCASE_CLASP, fill: props.accentColor, opacity: props.accentOpacity }), jsx("rect", { ...BRIEFCASE_LOCK, fill: props.primaryColor })] })),
28
+ solid: (props) => (jsxs(Fragment, { children: [jsx("rect", { ...BRIEFCASE_CASE, fill: props.primaryColor }), jsx("path", { d: BRIEFCASE_HANDLE, stroke: props.primaryColor, strokeWidth: props.strokeWidth * 1.5, fill: "none" }), briefcaseBand(props.uid, props.accentColor, props.strokeWidth * 1.5, props.accentOpacity), jsx("path", { d: BRIEFCASE_CLASP, fill: props.accentColor, opacity: props.accentOpacity }), jsx("rect", { ...BRIEFCASE_LOCK, fill: props.primaryColor })] })),
25
29
  outline: ({ primaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...BRIEFCASE_CASE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: BRIEFCASE_HANDLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), briefcaseBand(uid, primaryColor, strokeWidth), jsx("path", { d: BRIEFCASE_CLASP, fill: primaryColor })] })),
26
30
  // fills only: the case and the handle primary, the band and the clasp secondary
27
- duotone: ({ primaryColor, secondaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...BRIEFCASE_CASE, fill: primaryColor }), jsx("path", { d: BRIEFCASE_HANDLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), briefcaseBand(uid, secondaryColor, strokeWidth * 1.5), jsx("path", { d: BRIEFCASE_CLASP, fill: secondaryColor }), jsx("rect", { ...BRIEFCASE_LOCK, fill: primaryColor })] })),
28
- vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...BRIEFCASE_CASE, fill: primaryColor }), jsx("path", { d: BRIEFCASE_HANDLE, stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none" }), briefcaseBand(uid, secondaryColor, strokeWidth * 1.5), jsx("path", { d: BRIEFCASE_CLASP, fill: accentColor, opacity: accentOpacity })] })),
31
+ duotone: ({ primaryColor, secondaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...BRIEFCASE_CASE, fill: primaryColor }), jsx("path", { d: BRIEFCASE_HANDLE, stroke: primaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" }), briefcaseBand(uid, secondaryColor, strokeWidth * 1.5), jsx("path", { d: BRIEFCASE_CLASP, fill: secondaryColor }), jsx("rect", { ...BRIEFCASE_LOCK, fill: primaryColor })] })),
32
+ vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...BRIEFCASE_CASE, fill: primaryColor }), jsx("path", { d: BRIEFCASE_HANDLE, stroke: secondaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" }), briefcaseBand(uid, secondaryColor, strokeWidth * 1.5), jsx("path", { d: BRIEFCASE_CLASP, fill: accentColor, opacity: accentOpacity })] })),
29
33
  },
30
34
  });
31
35
  // NtdDollar: a line glyph, twice the stroke width in every variant but `outline`; the stem runs
@@ -37,7 +41,7 @@ const NtdDollar = /* @__PURE__ */ createIcon({
37
41
  paths: {
38
42
  solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: `${DOLLAR_STEM}${DOLLAR_S}`, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })),
39
43
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: `M12 1v22${DOLLAR_S}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
40
- duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: DOLLAR_S, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: DOLLAR_STEM, stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
44
+ duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: DOLLAR_S, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: DOLLAR_STEM, stroke: primaryColor, strokeWidth: strokeWidth * 2 })] }))),
41
45
  vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: DOLLAR_S, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: DOLLAR_STEM, stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
42
46
  },
43
47
  });
@@ -67,7 +71,6 @@ const NtdReceipt = /* @__PURE__ */ createIcon({
67
71
  paths: {
68
72
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: RECEIPT, fill: primaryColor }), jsx("path", { d: RECEIPT_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity, fill: "none" })] })),
69
73
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: RECEIPT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: RECEIPT_TEXT, stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
70
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: RECEIPT, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: RECEIPT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: RECEIPT_TEXT, stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
71
74
  vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: RECEIPT, fill: primaryColor }), jsx("path", { d: RECEIPT_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M14.4 15.5h4", stroke: secondaryColor, strokeWidth: "1.8" })] })),
72
75
  },
73
76
  });
@@ -105,8 +108,8 @@ const NtdTrendUp = /* @__PURE__ */ createIcon({
105
108
  paths: {
106
109
  solid: ({ primaryColor, strokeWidth }) => trendArrow(trendUp, primaryColor, primaryColor, strokeWidth),
107
110
  outline: trendOutline(trendUp),
108
- // the line secondary, the head primary
109
- duotone: ({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendUp, secondaryColor, primaryColor, strokeWidth),
111
+ // the line primary, the head secondary (swapped in 1.3.8: the larger part primary)
112
+ duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendUp, secondaryColor, primaryColor, strokeWidth)),
110
113
  vivid: ({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendUp, primaryColor, secondaryColor, strokeWidth),
111
114
  },
112
115
  });
@@ -115,7 +118,7 @@ const NtdTrendDown = /* @__PURE__ */ createIcon({
115
118
  paths: {
116
119
  solid: ({ primaryColor, strokeWidth }) => trendArrow(trendDown, primaryColor, primaryColor, strokeWidth),
117
120
  outline: trendOutline(trendDown),
118
- duotone: ({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendDown, secondaryColor, primaryColor, strokeWidth),
121
+ duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendDown, secondaryColor, primaryColor, strokeWidth)),
119
122
  vivid: ({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendDown, primaryColor, secondaryColor, strokeWidth),
120
123
  },
121
124
  });
@@ -145,7 +148,6 @@ const NtdStore = /* @__PURE__ */ createIcon({
145
148
  paths: {
146
149
  solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 9l1-5h16l1 5", fill: secondaryColor }), jsx("path", { d: "M3 9h18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "14", width: "14", height: "8", fill: primaryColor }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: secondaryColor, opacity: 0.5 })] })),
147
150
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 9l1-5h16l1 5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "14", width: "14", height: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
148
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 9l1-5h16l1 5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 9l1-5h16l1 5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "14", width: "14", height: "8", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "5", y: "14", width: "14", height: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
149
151
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 9l1-5h16l1 5", fill: primaryColor }), jsx("path", { d: "M3 9l1-5h16l1 5", fill: "white", opacity: "0.08" }), jsx("rect", { x: "5", y: "14", width: "14", height: "8", fill: secondaryColor }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: "#3B82F6" }), jsx("path", { d: "M3 9h18", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" })] })),
150
152
  },
151
153
  });
@@ -181,7 +183,6 @@ const NtdCalculator = /* @__PURE__ */ createIcon({
181
183
  paths: {
182
184
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "5", width: "10", height: "4", rx: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "8", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "8", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity })] })),
183
185
  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: "7", y: "5", width: "10", height: "4", rx: "1", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("circle", { cx: "8", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "17", r: "1", fill: primaryColor })] })),
184
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "5", width: "10", height: "4", rx: "1", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("circle", { cx: "8", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "17", r: "1", fill: primaryColor })] })),
185
186
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "7", y: "5", width: "10", height: "4", rx: "1", fill: secondaryColor }), jsx("circle", { cx: "8", cy: "13", r: "1", fill: "#3B82F6" }), jsx("circle", { cx: "12", cy: "13", r: "1", fill: "#10B981" }), jsx("circle", { cx: "16", cy: "13", r: "1", fill: "#F59E0B" }), jsx("circle", { cx: "8", cy: "17", r: "1", fill: "#F59E0B" }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: "#F59E0B" }), jsx("circle", { cx: "16", cy: "17", r: "1", fill: "#F59E0B" })] })),
186
187
  },
187
188
  });
@@ -190,7 +191,6 @@ const NtdPresentation = /* @__PURE__ */ createIcon({
190
191
  paths: {
191
192
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("line", { x1: "12", y1: "17", x2: "12", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "22", x2: "16", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("polyline", { points: "7,13 10,9 13,11 17,7", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })),
192
193
  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("line", { x1: "12", y1: "17", x2: "12", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "22", x2: "16", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("polyline", { points: "7,13 10,9 13,11 17,7", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
193
- 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("line", { x1: "12", y1: "17", x2: "12", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "22", x2: "16", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("polyline", { points: "7,13 10,9 13,11 17,7", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
194
194
  vivid: ({ primaryColor, 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.1" }), jsx("line", { x1: "12", y1: "17", x2: "12", y2: "22", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "8", y1: "22", x2: "16", y2: "22", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("polyline", { points: "7,13 10,9 13,11 17,7", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
195
195
  },
196
196
  });
@@ -199,7 +199,6 @@ const NtdClipboardCheck = /* @__PURE__ */ createIcon({
199
199
  paths: {
200
200
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", fill: primaryColor }), jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", fill: primaryColor, stroke: accentColor, strokeWidth: "1", opacity: accentOpacity }), jsx("path", { d: "M9 14l2 2 4-4", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity })] })),
201
201
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 14l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
202
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 14l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
203
202
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", fill: primaryColor }), jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", fill: secondaryColor, stroke: secondaryColor, strokeWidth: "1" }), jsx("path", { d: "M9 14l2 2 4-4", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.4" })] })),
204
203
  },
205
204
  });
@@ -208,7 +207,6 @@ const NtdPiggyBank = /* @__PURE__ */ createIcon({
208
207
  paths: {
209
208
  solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: primaryColor }), jsx("circle", { cx: "9", cy: "11", r: "1", fill: secondaryColor }), jsx("path", { d: "M20 13c1 0 2 .5 2 2s-1 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 19l-1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M17 19l1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M14 7c-1-1-2.5-1.5-4-1.5S7 6 6 7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "10", y1: "5", x2: "10", y2: "3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
210
209
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "11", r: "1", fill: primaryColor }), jsx("path", { d: "M20 13c1 0 2 .5 2 2s-1 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 19l-1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M17 19l1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "7", x2: "10", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
211
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "11", r: "1", fill: primaryColor }), jsx("path", { d: "M20 13c1 0 2 .5 2 2s-1 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 19l-1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M17 19l1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "7", x2: "10", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
212
210
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "11", r: "1", fill: secondaryColor }), jsx("path", { d: "M20 13c1 0 2 .5 2 2s-1 2-2 2", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M7 19l-1 3", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M17 19l1 3", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M14 7c-1-1-2.5-1.5-4-1.5S7 6 6 7", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("line", { x1: "10", y1: "5", x2: "10", y2: "3", stroke: "white", strokeWidth: "1" })] })),
213
211
  },
214
212
  });
@@ -217,7 +215,7 @@ const NtdCoins = /* @__PURE__ */ createIcon({
217
215
  paths: {
218
216
  solid: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "14", r: "7", fill: primaryColor }), jsx("circle", { cx: "10", cy: "14", r: "4", fill: secondaryColor, opacity: 0.3 }), jsx("circle", { cx: "16", cy: "8", r: "5", fill: primaryColor, opacity: 0.7 }), jsx("circle", { cx: "16", cy: "8", r: "2.5", fill: secondaryColor, opacity: 0.3 })] })),
219
217
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "14", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
220
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "14", r: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "10", cy: "14", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "8", r: "5", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsx("circle", { cx: "16", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
218
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "14", r: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "10", cy: "14", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "8", r: "5", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsx("circle", { cx: "16", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
221
219
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "14", r: "7", fill: primaryColor }), jsx("circle", { cx: "10", cy: "14", r: "7", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "10", cy: "14", r: "4", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "8", r: "5", fill: "#3B82F6" }), jsx("circle", { cx: "16", cy: "8", r: "2.5", fill: "#10B981" })] })),
222
220
  },
223
221
  });
@@ -236,7 +234,7 @@ const NtdMilestone = /* @__PURE__ */ createIcon({
236
234
  paths: {
237
235
  solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "5", y1: "4", x2: "5", y2: "20", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 5h13l-3 4 3 4H5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
238
236
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5 4v16M5 5h13l-3 4 3 4H5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
239
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 4v16M5 5h13l-3 4 3 4H5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
237
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 4v16M5 5h13l-3 4 3 4H5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
240
238
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: primaryColor }), jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: "white", opacity: "0.1" }), jsx("line", { x1: "5", y1: "4", x2: "5", y2: "20", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("path", { d: "M5 5h13l-3 4 3 4H5", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
241
239
  },
242
240
  });