@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
package/dist/cjs/icons/shapes.js CHANGED
@@ -2,13 +2,13 @@
2
2
 
3
3
  var jsxRuntime = require('react/jsx-runtime');
4
4
  var createIcon = require('../createIcon.js');
5
+ var iconParts = require('../iconParts.js');
5
6
 
6
7
  const NtdArrowUpCircle = /* @__PURE__ */ createIcon.createIcon({
7
8
  displayName: 'NtdArrowUpCircle',
8
9
  paths: {
9
10
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("polyline", { points: "16,12 12,8 8,12", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
10
11
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "16,12 12,8 8,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
11
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "16,12 12,8 8,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
12
12
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("polyline", { points: "16,12 12,8 8,12", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
13
13
  },
14
14
  });
@@ -17,7 +17,6 @@ const NtdArrowDownCircle = /* @__PURE__ */ createIcon.createIcon({
17
17
  paths: {
18
18
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("polyline", { points: "8,12 12,16 16,12", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
19
19
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "8,12 12,16 16,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth })] })),
20
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "8,12 12,16 16,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth })] })),
21
20
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("polyline", { points: "8,12 12,16 16,12", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsxRuntime.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
22
21
  },
23
22
  });
@@ -26,7 +25,6 @@ const NtdArrowLeftCircle = /* @__PURE__ */ createIcon.createIcon({
26
25
  paths: {
27
26
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("polyline", { points: "12,8 8,12 12,16", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
28
27
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "12,8 8,12 12,16", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
29
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "12,8 8,12 12,16", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
30
28
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("polyline", { points: "12,8 8,12 12,16", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsxRuntime.jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
31
29
  },
32
30
  });
@@ -35,7 +33,6 @@ const NtdArrowRightCircle = /* @__PURE__ */ createIcon.createIcon({
35
33
  paths: {
36
34
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("polyline", { points: "12,16 16,12 12,8", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsxRuntime.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
37
35
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "12,16 16,12 12,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
38
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("polyline", { points: "12,16 16,12 12,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
39
36
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("polyline", { points: "12,16 16,12 12,8", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsxRuntime.jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
40
37
  },
41
38
  });
@@ -54,7 +51,7 @@ const NtdCircle = /* @__PURE__ */ createIcon.createIcon({
54
51
  paths: {
55
52
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor })),
56
53
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
57
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
54
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
58
55
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" })] })),
59
56
  },
60
57
  });
@@ -73,7 +70,7 @@ const NtdTriangle = /* @__PURE__ */ createIcon.createIcon({
73
70
  solid: ({ primaryColor }) => jsxRuntime.jsx("polygon", { points: "12,2 22,22 2,22", fill: primaryColor }),
74
71
  rounded: ({ primaryColor }) => jsxRuntime.jsx("path", { d: TRIANGLE_ROUND, fill: primaryColor }),
75
72
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: TRIANGLE_LINE, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })),
76
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "12,2 22,22 2,22", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: TRIANGLE_LINE, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })] })),
73
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "12,2 22,22 2,22", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: TRIANGLE_LINE, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })] }))),
77
74
  vivid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "12,2 22,22 2,22", fill: primaryColor }), jsxRuntime.jsx("polygon", { points: "12,2 22,22 2,22", fill: "white", opacity: "0.1" })] })),
78
75
  },
79
76
  });
@@ -85,7 +82,7 @@ const NtdHexagon = /* @__PURE__ */ createIcon.createIcon({
85
82
  solid: ({ primaryColor }) => jsxRuntime.jsx("path", { d: HEXAGON, fill: primaryColor }),
86
83
  rounded: ({ primaryColor }) => jsxRuntime.jsx("path", { d: HEXAGON_ROUND, fill: primaryColor }),
87
84
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: HEXAGON, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })),
88
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: HEXAGON, fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: HEXAGON, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })] })),
85
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: HEXAGON, fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: HEXAGON, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })] }))),
89
86
  vivid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: HEXAGON, fill: primaryColor }), jsxRuntime.jsx("path", { d: HEXAGON, fill: "white", opacity: "0.1" })] })),
90
87
  },
91
88
  });
@@ -94,25 +91,31 @@ const NtdOctagon = /* @__PURE__ */ createIcon.createIcon({
94
91
  paths: {
95
92
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", fill: primaryColor })),
96
93
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
97
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
94
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
98
95
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", fill: primaryColor }), jsxRuntime.jsx("polygon", { points: "7.86,2 16.14,2 22,7.86 22,16.14 16.14,22 7.86,22 2,16.14 2,7.86", fill: "white", opacity: "0.1" })] })),
99
96
  },
100
97
  });
101
98
  const NtdDiamond = /* @__PURE__ */ createIcon.createIcon({
102
99
  displayName: 'NtdDiamond',
100
+ perfectStackX: 12,
101
+ perfectStackY: 12,
102
+ perfectStackSize: 0.4,
103
103
  paths: {
104
104
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: primaryColor })),
105
105
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("polygon", { points: "12,2 22,12 12,22 2,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
106
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("polygon", { points: "12,2 22,12 12,22 2,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
106
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("polygon", { points: "12,2 22,12 12,22 2,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
107
107
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: primaryColor }), jsxRuntime.jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: "white", opacity: "0.1" })] })),
108
108
  },
109
109
  });
110
110
  const NtdPentagon = /* @__PURE__ */ createIcon.createIcon({
111
111
  displayName: 'NtdPentagon',
112
+ perfectStackX: 12,
113
+ perfectStackY: 13,
114
+ perfectStackSize: 0.55,
112
115
  paths: {
113
116
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: primaryColor })),
114
117
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
115
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
118
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
116
119
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: primaryColor }), jsxRuntime.jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: "white", opacity: "0.1" })] })),
117
120
  },
118
121
  });
@@ -122,7 +125,7 @@ const NtdCross = /* @__PURE__ */ createIcon.createIcon({
122
125
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: primaryColor })),
123
126
  // miter joins: the default round ones rounded all twelve corners of the outline
124
127
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })),
125
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })] })),
128
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })] }))),
126
129
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: "white", opacity: "0.1" })] })),
127
130
  // rounded arm ends and filleted inner corners — the derived `rounded` cannot reshape a path
128
131
  rounded: ({ primaryColor }) => (jsxRuntime.jsx("path", { d: "M10.5 2h3a1.5 1.5 0 011.5 1.5V8a1 1 0 001 1h4.5a1.5 1.5 0 011.5 1.5v3a1.5 1.5 0 01-1.5 1.5H16a1 1 0 00-1 1v4.5a1.5 1.5 0 01-1.5 1.5h-3A1.5 1.5 0 019 20.5V16a1 1 0 00-1-1H3.5A1.5 1.5 0 012 13.5v-3A1.5 1.5 0 013.5 9H8a1 1 0 001-1V3.5A1.5 1.5 0 0110.5 2z", fill: primaryColor })),
@@ -137,7 +140,7 @@ const NtdCornerUpLeft = /* @__PURE__ */ createIcon.createIcon({
137
140
  paths: {
138
141
  solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M20 20v-7a4 4 0 00-4-4H6", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
139
142
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M20 20v-7a4 4 0 00-4-4H6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
140
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20 20v-7a4 4 0 00-4-4H6", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
143
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20 20v-7a4 4 0 00-4-4H6", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
141
144
  vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M20 20v-7a4 4 0 00-4-4H6", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
142
145
  },
143
146
  });
@@ -146,7 +149,7 @@ const NtdCornerUpRight = /* @__PURE__ */ createIcon.createIcon({
146
149
  paths: {
147
150
  solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 20v-7a4 4 0 014-4h10", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
148
151
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 20v-7a4 4 0 014-4h10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
149
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 20v-7a4 4 0 014-4h10", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
152
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 20v-7a4 4 0 014-4h10", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
150
153
  vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 20v-7a4 4 0 014-4h10", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
151
154
  },
152
155
  });
@@ -155,7 +158,7 @@ const NtdCornerDownLeft = /* @__PURE__ */ createIcon.createIcon({
155
158
  paths: {
156
159
  solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M20 4v7a4 4 0 01-4 4H6", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
157
160
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M20 4v7a4 4 0 01-4 4H6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
158
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20 4v7a4 4 0 01-4 4H6", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
161
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M20 4v7a4 4 0 01-4 4H6", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
159
162
  vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M20 4v7a4 4 0 01-4 4H6", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
160
163
  },
161
164
  });
@@ -164,7 +167,7 @@ const NtdCornerDownRight = /* @__PURE__ */ createIcon.createIcon({
164
167
  paths: {
165
168
  solid: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 4v7a4 4 0 004 4h10", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
166
169
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 4v7a4 4 0 004 4h10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
167
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 4v7a4 4 0 004 4h10", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
170
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M4 4v7a4 4 0 004 4h10", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsxRuntime.jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
168
171
  vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 4v7a4 4 0 004 4h10", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
169
172
  },
170
173
  });
@@ -250,7 +253,7 @@ const NtdRepeat = /* @__PURE__ */ createIcon.createIcon({
250
253
  paths: {
251
254
  solid: ({ primaryColor, strokeWidth }) => repeatArrows(primaryColor, primaryColor, strokeWidth),
252
255
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: REPEAT_OUTLINE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
253
- duotone: ({ primaryColor, secondaryColor, strokeWidth }) => repeatArrows(primaryColor, secondaryColor, strokeWidth),
256
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => repeatArrows(primaryColor, secondaryColor, strokeWidth)),
254
257
  vivid: ({ primaryColor, secondaryColor, strokeWidth }) => repeatArrows(primaryColor, secondaryColor, strokeWidth),
255
258
  },
256
259
  });
@@ -270,7 +273,7 @@ const NtdPoint = /* @__PURE__ */ createIcon.createIcon({
270
273
  paths: {
271
274
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor })),
272
275
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor })] })),
273
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor })] })),
276
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor })] }))),
274
277
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "5", fill: "white", opacity: "0.1" })] })),
275
278
  },
276
279
  });
package/dist/cjs/icons/smarthome.js CHANGED
@@ -12,7 +12,6 @@ const NtdSmartBulb = /* @__PURE__ */ createIcon.createIcon({
12
12
  paths: {
13
13
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("path", { d: "M10 3a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1z", fill: accentColor, opacity: accentOpacity * 0.5 }), jsxRuntime.jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2M5 17l-2 1M19 17l2 1", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
14
14
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2M5 17l-2 1M19 17l2 1", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
15
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
16
15
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 2a7 7 0 00-5 11.9V17a2 2 0 002 2h6a2 2 0 002-2v-3.1A7 7 0 0012 2z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M10 3a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1z", fill: "#3B82F6" }), jsxRuntime.jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2M5 17l-2 1M19 17l2 1", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
17
16
  },
18
17
  });
@@ -21,7 +20,6 @@ const NtdThermostat = /* @__PURE__ */ createIcon.createIcon({
21
20
  paths: {
22
21
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "6", fill: accentColor, opacity: accentOpacity * 0.3 }), jsxRuntime.jsx("path", { d: "M12 6v3M12 15v3M6 12h3M15 12h3", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsxRuntime.jsx("text", { x: "12", y: "13.5", textAnchor: "middle", fontSize: "5", fontWeight: "bold", fill: accentColor, opacity: accentOpacity, children: "22\u00B0" })] })),
23
22
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 6v2M12 16v2M6 12h2M16 12h2", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("path", { d: "M8.5 8.5l1.5 1.5M15.5 8.5l-1.5 1.5M8.5 15.5l1.5-1.5M15.5 15.5l-1.5-1.5", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
24
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 6v2M12 16v2M6 12h2M16 12h2", stroke: primaryColor, strokeWidth: strokeWidth })] })),
25
23
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "6", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M12 6v3M12 15v3M6 12h3M15 12h3", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
26
24
  },
27
25
  });
@@ -30,7 +28,6 @@ const NtdSmartCamera = /* @__PURE__ */ createIcon.createIcon({
30
28
  paths: {
31
29
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M18 9l4-2v10l-4-2V9z", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "10", cy: "12", r: "3", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "10", cy: "12", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "5", cy: "9", r: "1", fill: accentColor, opacity: accentOpacity * 0.8 })] })),
32
30
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M18 9l4-2v10l-4-2V9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "10", cy: "12", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "5", cy: "9", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" })] })),
33
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M18 9l4-2v10l-4-2V9z", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsxRuntime.jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M18 9l4-2v10l-4-2V9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "10", cy: "12", r: "3", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "5", cy: "9", r: "1", fill: primaryColor })] })),
34
31
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M18 9l4-2v10l-4-2V9z", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "10", cy: "12", r: "3", fill: "#3B82F6" }), jsxRuntime.jsx("circle", { cx: "10", cy: "12", r: "1", fill: "#F59E0B" }), jsxRuntime.jsx("circle", { cx: "5", cy: "9", r: "1", fill: "#10B981" })] })),
35
32
  },
36
33
  });
@@ -39,7 +36,6 @@ const NtdDoorbell = /* @__PURE__ */ createIcon.createIcon({
39
36
  paths: {
40
37
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "3", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "15", r: "2", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("path", { d: "M9 18h6", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
41
38
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "15", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 18h6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
42
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "3", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "15", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 18h6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
43
39
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "3", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "15", r: "2", fill: "#3B82F6" }), jsxRuntime.jsx("path", { d: "M9 18h6", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
44
40
  },
45
41
  });
@@ -57,7 +53,6 @@ const NtdSmartLock = /* @__PURE__ */ createIcon.createIcon({
57
53
  paths: {
58
54
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: primaryColor, strokeWidth: "2.5", fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "15", r: "2", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("path", { d: "M12 17v2", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsxRuntime.jsx("path", { d: "M2 14h2M20 14h2M2 18h2M20 18h2", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.7 })] })),
59
55
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "15", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("path", { d: "M2 14h2M20 14h2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
60
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "15", r: "2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth })] })),
61
56
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "12", cy: "15", r: "2", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: "white", strokeWidth: "1", fill: "none" }), jsxRuntime.jsx("path", { d: "M12 17v2", stroke: "white", strokeWidth: "1", opacity: "0.4" }), jsxRuntime.jsx("path", { d: "M2 14h2M20 14h2M2 18h2M20 18h2", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
62
57
  },
63
58
  });
@@ -66,7 +61,6 @@ const NtdSmartHub = /* @__PURE__ */ createIcon.createIcon({
66
61
  paths: {
67
62
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "3", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("path", { d: "M8 4l4 4 4-4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 22l4-4 4 4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" })] })),
68
63
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 4l4 4 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 22l4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
69
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "3", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 4l4 4 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 22l4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
70
64
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "3", fill: secondaryColor }), jsxRuntime.jsx("path", { d: "M8 4l4 4 4-4", stroke: "white", strokeWidth: "1", opacity: "0.4", fill: "none" }), jsxRuntime.jsx("path", { d: "M8 22l4-4 4 4", stroke: "white", strokeWidth: "1", opacity: "0.4", fill: "none" })] })),
71
65
  },
72
66
  });
@@ -75,7 +69,6 @@ const NtdVoiceAssistant = /* @__PURE__ */ createIcon.createIcon({
75
69
  paths: {
76
70
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity })] })),
77
71
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
78
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
79
72
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M8 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: secondaryColor, strokeWidth: "1.8" })] })),
80
73
  },
81
74
  });
@@ -84,7 +77,6 @@ const NtdSmartPlug = /* @__PURE__ */ createIcon.createIcon({
84
77
  paths: {
85
78
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "8", cy: "14", r: "2", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "16", cy: "14", r: "2", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("path", { d: "M8 4v4M16 4v4", stroke: primaryColor, strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M4 12h16", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.5 })] })),
86
79
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "8", cy: "14", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "16", cy: "14", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M8 4v4M16 4v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
87
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "8", cy: "14", r: "2", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "16", cy: "14", r: "2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 4v4M16 4v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
88
80
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "8", cy: "14", r: "2", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "16", cy: "14", r: "2", fill: "#3B82F6" }), jsxRuntime.jsx("path", { d: "M8 4v4M16 4v4", stroke: "white", strokeWidth: "1" }), jsxRuntime.jsx("path", { d: "M4 12h16", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
89
81
  },
90
82
  });
@@ -102,7 +94,6 @@ const NtdSmartSwitch = /* @__PURE__ */ createIcon.createIcon({
102
94
  paths: {
103
95
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "15", cy: "12", r: "4", fill: accentColor, opacity: accentOpacity })] })),
104
96
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "15", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
105
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "15", cy: "12", r: "4", fill: primaryColor })] })),
106
97
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "15", cy: "12", r: "4", fill: secondaryColor })] })),
107
98
  },
108
99
  });
@@ -111,7 +102,6 @@ const NtdRouter = /* @__PURE__ */ createIcon.createIcon({
111
102
  paths: {
112
103
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: primaryColor, strokeWidth: "2" }), jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "4", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "18", cy: "6", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "5", cy: "16", r: "1", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "9", cy: "16", r: "1", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("rect", { x: "14", y: "15", width: "5", height: "2", rx: "0.5", fill: accentColor, opacity: accentOpacity * 0.7 })] })),
113
104
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "4", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "18", cy: "6", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "5", cy: "16", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsxRuntime.jsx("circle", { cx: "9", cy: "16", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" })] })),
114
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "4", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "18", cy: "6", r: "1.5", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "5", cy: "16", r: "1", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "9", cy: "16", r: "1", fill: primaryColor })] })),
115
105
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "1.5", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "4", r: "1.5", fill: "#3B82F6" }), jsxRuntime.jsx("circle", { cx: "18", cy: "6", r: "1.5", fill: "#F59E0B" }), jsxRuntime.jsx("circle", { cx: "5", cy: "16", r: "1", fill: "#10B981" }), jsxRuntime.jsx("circle", { cx: "9", cy: "16", r: "1", fill: "#10B981" }), jsxRuntime.jsx("rect", { x: "14", y: "15", width: "5", height: "2", rx: "0.5", fill: "#10B981" }), jsxRuntime.jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: "white", strokeWidth: "1" })] })),
116
106
  },
117
107
  });
@@ -120,7 +110,6 @@ const NtdSmartSpeaker = /* @__PURE__ */ createIcon.createIcon({
120
110
  paths: {
121
111
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", fill: accentColor, opacity: accentOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M9 4.5h6", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
122
112
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M9 4.5h6", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
123
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor, opacity: "0.3" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor })] })),
124
113
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M7 4h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", fill: secondaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "2", fill: "#3B82F6" }), jsxRuntime.jsx("path", { d: "M9 4.5h6", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
125
114
  },
126
115
  });
package/dist/cjs/icons/social.js CHANGED
@@ -18,16 +18,18 @@ const NtdPhoneOff = /* @__PURE__ */ createIcon.createIcon({
18
18
  paths: {
19
19
  solid: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: primaryColor, opacity: 0.5 }), jsxRuntime.jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: secondaryColor, strokeWidth: "2.5" })] })),
20
20
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
21
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
22
21
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: secondaryColor, strokeWidth: "1.8" })] })),
23
22
  },
24
23
  });
25
24
  const NtdBubble = /* @__PURE__ */ createIcon.createIcon({
26
25
  displayName: 'NtdBubble',
26
+ perfectStackX: 12.5,
27
+ perfectStackY: 11.5,
28
+ perfectStackSize: 0.5,
27
29
  paths: {
28
30
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", fill: primaryColor })),
29
31
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
30
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
32
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
31
33
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", fill: "white", opacity: "0.1" })] })),
32
34
  },
33
35
  });
@@ -36,7 +38,7 @@ const NtdThumbsUp = /* @__PURE__ */ createIcon.createIcon({
36
38
  paths: {
37
39
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "11", width: "4", height: "11", rx: "1", fill: primaryColor, opacity: 0.7 })] })),
38
40
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M7 11H2v11h5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
39
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M7 11H2v11h5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
41
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M7 11H2v11h5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
40
42
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "2", y: "11", width: "4", height: "11", rx: "1", fill: secondaryColor })] })),
41
43
  },
42
44
  });
@@ -45,7 +47,7 @@ const NtdThumbsDown = /* @__PURE__ */ createIcon.createIcon({
45
47
  paths: {
46
48
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "17", y: "2", width: "4", height: "11", rx: "1", fill: primaryColor, opacity: 0.7 })] })),
47
49
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M17 2h5v11h-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
48
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M17 2h5v11h-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
50
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M17 2h5v11h-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
49
51
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "17", y: "2", width: "4", height: "11", rx: "1", fill: secondaryColor })] })),
50
52
  },
51
53
  });
@@ -56,7 +58,6 @@ const NtdMegaphone = /* @__PURE__ */ createIcon.createIcon({
56
58
  paths: {
57
59
  solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
58
60
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
59
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
60
61
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })] })),
61
62
  },
62
63
  });
@@ -65,7 +66,7 @@ const NtdQrCode = /* @__PURE__ */ createIcon.createIcon({
65
66
  paths: {
66
67
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: primaryColor, strokeWidth: "1", opacity: 0.5 }), jsxRuntime.jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: primaryColor, strokeWidth: "1", opacity: 0.5 }), jsxRuntime.jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", fill: "none", stroke: primaryColor, strokeWidth: "1", opacity: 0.5 }), jsxRuntime.jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "19", y: "14", width: "3", height: "3", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "14", y: "19", width: "3", height: "3", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: primaryColor })] })),
67
68
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "5", y: "5", width: "2", height: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "17", y: "5", width: "2", height: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "5", y: "17", width: "2", height: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "14", y: "14", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsxRuntime.jsx("rect", { x: "19", y: "14", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsxRuntime.jsx("rect", { x: "14", y: "19", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsxRuntime.jsx("rect", { x: "19", y: "19", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
68
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "5", y: "5", width: "2", height: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "17", y: "5", width: "2", height: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "5", y: "17", width: "2", height: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: primaryColor })] })),
69
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("rect", { x: "5", y: "5", width: "2", height: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "17", y: "5", width: "2", height: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "5", y: "17", width: "2", height: "2", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: primaryColor })] }))),
69
70
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: primaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor }), jsxRuntime.jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: "#3B82F6" }), jsxRuntime.jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: "#10B981" }), jsxRuntime.jsx("rect", { x: "19", y: "14", width: "3", height: "3", fill: "#F472B6" }), jsxRuntime.jsx("rect", { x: "14", y: "19", width: "3", height: "3", fill: "#F472B6" }), jsxRuntime.jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: "#F472B6" }), jsxRuntime.jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: "white", strokeWidth: "1", opacity: "0.35" }), jsxRuntime.jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: "white", strokeWidth: "1", opacity: "0.35" }), jsxRuntime.jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", fill: "none", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
70
71
  },
71
72
  });
package/dist/cjs/icons/sports.js CHANGED
@@ -12,7 +12,7 @@ const NtdSoccerBall = /* @__PURE__ */ createIcon.createIcon({
12
12
  paths: {
13
13
  solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 2a10 10 0 100 20 10 10 0 000-20zM12 7l3.09 2.25-.59 3.69-2.5 1.81-2.5-1.81-.59-3.69L12 7z", fill: "white", opacity: "0.5" }), jsxRuntime.jsx("path", { d: "M12 7V2M8.41 9.25L4 7M8.41 14.75l-3.5 3M12 16.75V22M15.59 14.75l3.5 3M15.59 9.25L20 7", stroke: "white", strokeWidth: "1.5", opacity: "0.3" })] })),
14
14
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 7l3.09 2.25-.59 3.69-2.5 1.81-2.5-1.81-.59-3.69L12 7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 7V2M8.41 9.25L4 7M8.41 14.75l-3.5 3M12 16.75V22M15.59 14.75l3.5 3M15.59 9.25L20 7", stroke: primaryColor, strokeWidth: strokeWidth })] })),
15
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 7l3.09 2.25-.59 3.69-2.5 1.81-2.5-1.81-.59-3.69L12 7z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 7V2M8.41 9.25L4 7M8.41 14.75l-3.5 3M12 16.75V22M15.59 14.75l3.5 3M15.59 9.25L20 7", stroke: primaryColor, strokeWidth: strokeWidth })] })),
15
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 7l3.09 2.25-.59 3.69-2.5 1.81-2.5-1.81-.59-3.69L12 7z", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M12 7V2M8.41 9.25L4 7M8.41 14.75l-3.5 3M12 16.75V22M15.59 14.75l3.5 3M15.59 9.25L20 7", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
16
16
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("path", { d: "M12 2a10 10 0 100 20 10 10 0 000-20zM12 7l3.09 2.25-.59 3.69-2.5 1.81-2.5-1.81-.59-3.69L12 7z", fill: "white", opacity: "0.5" }), jsxRuntime.jsx("path", { d: "M12 7V2M8.41 9.25L4 7M8.41 14.75l-3.5 3M12 16.75V22M15.59 14.75l3.5 3M15.59 9.25L20 7", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
17
17
  },
18
18
  });
@@ -24,7 +24,6 @@ const NtdBasketball = /* @__PURE__ */ createIcon.createIcon({
24
24
  paths: {
25
25
  solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), iconParts.within(uid, 'seams', jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }), jsxRuntime.jsx("path", { d: BALL_SEAMS, stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity }))] })),
26
26
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 2v20M2 12h20", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("path", { d: "M6 4c0 4.4 2.7 8 6 8s6-3.6 6-8M6 20c0-4.4 2.7-8 6-8s6 3.6 6 8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
27
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M12 2v20M2 12h20", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("path", { d: "M6 4c0 4.4 2.7 8 6 8s6-3.6 6-8M6 20c0-4.4 2.7-8 6-8s6 3.6 6 8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
28
27
  vivid: ({ primaryColor, secondaryColor, uid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), iconParts.within(uid, 'seams', jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }), jsxRuntime.jsx("path", { d: BALL_SEAMS, stroke: secondaryColor, strokeWidth: "1.6", fill: "none" }))] })),
29
28
  },
30
29
  });
@@ -33,7 +32,7 @@ const NtdTennis = /* @__PURE__ */ createIcon.createIcon({
33
32
  paths: {
34
33
  solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M4 6c4 1 8 1 12 0M4 18c4-1 8-1 12 0", stroke: "white", strokeWidth: "2", strokeLinecap: "round", opacity: "0.5" })] })),
35
34
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 6c4 1 8 1 12 0M4 18c4-1 8-1 12 0", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
36
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 6c4 1 8 1 12 0M4 18c4-1 8-1 12 0", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
35
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M4 6c4 1 8 1 12 0M4 18c4-1 8-1 12 0", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] }))),
37
36
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M4 6c4 1 8 1 12 0M4 18c4-1 8-1 12 0", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", opacity: "0.5" })] })),
38
37
  },
39
38
  });
@@ -102,7 +101,7 @@ const NtdStopwatch = /* @__PURE__ */ createIcon.createIcon({
102
101
  paths: {
103
102
  solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "9", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M10 2h4M12 2v4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M19 6l2 2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M12 9v4l3 3", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })),
104
103
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M10 2h4M12 2v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M19 6l2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M12 9v4l3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
105
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M10 2h4M12 2v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M19 6l2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M12 9v4l3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
104
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("path", { d: "M10 2h4M12 2v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M19 6l2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M12 9v4l3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] }))),
106
105
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "9", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "13", r: "9", fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: "M10 2h4M12 2v4", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M19 6l2 2", stroke: "#EF4444", strokeWidth: "1.5", strokeLinecap: "round" }), jsxRuntime.jsx("path", { d: "M12 9v4l3 3", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
107
106
  },
108
107
  });
@@ -120,7 +119,7 @@ const NtdMedal = /* @__PURE__ */ createIcon.createIcon({
120
119
  paths: {
121
120
  solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "15", r: "7", fill: primaryColor }), jsxRuntime.jsx("text", { x: "12", y: "18", textAnchor: "middle", fill: "white", fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "1" })] })),
122
121
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2l4 6 4-6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M8 2h8M8 2v6M16 2v6", stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "12", cy: "15", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("text", { x: "12", y: "18", textAnchor: "middle", fill: primaryColor, fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "1" })] })),
123
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", stroke: primaryColor, strokeWidth: strokeWidth, fill: primaryColor, opacity: "0.5", strokeLinejoin: "round" }), jsxRuntime.jsx("circle", { cx: "12", cy: "15", r: "7", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("text", { x: "12", y: "18", textAnchor: "middle", fill: primaryColor, fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "1" })] })),
122
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", stroke: primaryColor, strokeWidth: strokeWidth, fill: primaryColor, opacity: "0.5", strokeLinejoin: "round" }), jsxRuntime.jsx("circle", { cx: "12", cy: "15", r: "7", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("text", { x: "12", y: "18", textAnchor: "middle", fill: primaryColor, fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "1" })] }))),
124
123
  vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", fill: primaryColor }), jsxRuntime.jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "12", cy: "15", r: "7", fill: secondaryColor })] })),
125
124
  },
126
125
  });
@@ -138,7 +137,7 @@ const NtdTarget = /* @__PURE__ */ createIcon.createIcon({
138
137
  paths: {
139
138
  solid: ({ primaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "7", fill: "white", opacity: "0.9" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white" })] })),
140
139
  outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor })] })),
141
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white" })] })),
140
+ duotone: iconParts.swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white" })] }))),
142
141
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "7", fill: "white", opacity: "0.9" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "4", fill: "#EF4444" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white" })] })),
143
142
  },
144
143
  });