@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/esm/icons/shapes.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
2
  import { createIcon } from '../createIcon.js';
3
+ import { swapDuotone } from '../iconParts.js';
3
4
 
4
5
  const NtdArrowUpCircle = /* @__PURE__ */ createIcon({
5
6
  displayName: 'NtdArrowUpCircle',
6
7
  paths: {
7
8
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("polyline", { points: "16,12 12,8 8,12", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
8
9
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,12 12,8 8,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
9
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,12 12,8 8,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
10
10
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("polyline", { points: "16,12 12,8 8,12", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "8", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
11
11
  },
12
12
  });
@@ -15,7 +15,6 @@ const NtdArrowDownCircle = /* @__PURE__ */ createIcon({
15
15
  paths: {
16
16
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("polyline", { points: "8,12 12,16 16,12", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
17
17
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "8,12 12,16 16,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth })] })),
18
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "8,12 12,16 16,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth })] })),
19
18
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("polyline", { points: "8,12 12,16 16,12", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "12", y1: "8", x2: "12", y2: "16", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
20
19
  },
21
20
  });
@@ -24,7 +23,6 @@ const NtdArrowLeftCircle = /* @__PURE__ */ createIcon({
24
23
  paths: {
25
24
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("polyline", { points: "12,8 8,12 12,16", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
26
25
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "12,8 8,12 12,16", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
27
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "12,8 8,12 12,16", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
28
26
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("polyline", { points: "12,8 8,12 12,16", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "16", y1: "12", x2: "8", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
29
27
  },
30
28
  });
@@ -33,7 +31,6 @@ const NtdArrowRightCircle = /* @__PURE__ */ createIcon({
33
31
  paths: {
34
32
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("polyline", { points: "12,16 16,12 12,8", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
35
33
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "12,16 16,12 12,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
36
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "12,16 16,12 12,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
37
34
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("polyline", { points: "12,16 16,12 12,8", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "8", y1: "12", x2: "16", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
38
35
  },
39
36
  });
@@ -52,7 +49,7 @@ const NtdCircle = /* @__PURE__ */ createIcon({
52
49
  paths: {
53
50
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor })),
54
51
  outline: ({ primaryColor, strokeWidth }) => (jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
55
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
52
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
56
53
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" })] })),
57
54
  },
58
55
  });
@@ -71,7 +68,7 @@ const NtdTriangle = /* @__PURE__ */ createIcon({
71
68
  solid: ({ primaryColor }) => jsx("polygon", { points: "12,2 22,22 2,22", fill: primaryColor }),
72
69
  rounded: ({ primaryColor }) => jsx("path", { d: TRIANGLE_ROUND, fill: primaryColor }),
73
70
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: TRIANGLE_LINE, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })),
74
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 22,22 2,22", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: TRIANGLE_LINE, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })] })),
71
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 22,22 2,22", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: TRIANGLE_LINE, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })] }))),
75
72
  vivid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 22,22 2,22", fill: primaryColor }), jsx("polygon", { points: "12,2 22,22 2,22", fill: "white", opacity: "0.1" })] })),
76
73
  },
77
74
  });
@@ -83,7 +80,7 @@ const NtdHexagon = /* @__PURE__ */ createIcon({
83
80
  solid: ({ primaryColor }) => jsx("path", { d: HEXAGON, fill: primaryColor }),
84
81
  rounded: ({ primaryColor }) => jsx("path", { d: HEXAGON_ROUND, fill: primaryColor }),
85
82
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: HEXAGON, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })),
86
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: HEXAGON, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: HEXAGON, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })] })),
83
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: HEXAGON, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: HEXAGON, stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })] }))),
87
84
  vivid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: HEXAGON, fill: primaryColor }), jsx("path", { d: HEXAGON, fill: "white", opacity: "0.1" })] })),
88
85
  },
89
86
  });
@@ -92,25 +89,31 @@ const NtdOctagon = /* @__PURE__ */ createIcon({
92
89
  paths: {
93
90
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (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 })),
94
91
  outline: ({ primaryColor, strokeWidth }) => (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" })),
95
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [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 }), 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" })] })),
92
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [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 }), 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" })] }))),
96
93
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [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 }), 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" })] })),
97
94
  },
98
95
  });
99
96
  const NtdDiamond = /* @__PURE__ */ createIcon({
100
97
  displayName: 'NtdDiamond',
98
+ perfectStackX: 12,
99
+ perfectStackY: 12,
100
+ perfectStackSize: 0.4,
101
101
  paths: {
102
102
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: primaryColor })),
103
103
  outline: ({ primaryColor, strokeWidth }) => (jsx("polygon", { points: "12,2 22,12 12,22 2,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
104
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: secondaryColor, opacity: secondaryOpacity }), jsx("polygon", { points: "12,2 22,12 12,22 2,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
104
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: secondaryColor, opacity: secondaryOpacity }), jsx("polygon", { points: "12,2 22,12 12,22 2,12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
105
105
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: primaryColor }), jsx("polygon", { points: "12,2 22,12 12,22 2,12", fill: "white", opacity: "0.1" })] })),
106
106
  },
107
107
  });
108
108
  const NtdPentagon = /* @__PURE__ */ createIcon({
109
109
  displayName: 'NtdPentagon',
110
+ perfectStackX: 12,
111
+ perfectStackY: 13,
112
+ perfectStackSize: 0.55,
110
113
  paths: {
111
114
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: primaryColor })),
112
115
  outline: ({ primaryColor, strokeWidth }) => (jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
113
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
116
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
114
117
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: primaryColor }), jsx("polygon", { points: "12,2 22,9 18.5,22 5.5,22 2,9", fill: "white", opacity: "0.1" })] })),
115
118
  },
116
119
  });
@@ -120,7 +123,7 @@ const NtdCross = /* @__PURE__ */ createIcon({
120
123
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: primaryColor })),
121
124
  // miter joins: the default round ones rounded all twelve corners of the outline
122
125
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })),
123
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })] })),
126
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" })] }))),
124
127
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: primaryColor }), jsx("path", { d: "M9 2h6v7h7v6h-7v7H9v-7H2V9h7V2z", fill: "white", opacity: "0.1" })] })),
125
128
  // rounded arm ends and filleted inner corners — the derived `rounded` cannot reshape a path
126
129
  rounded: ({ primaryColor }) => (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 })),
@@ -135,7 +138,7 @@ const NtdCornerUpLeft = /* @__PURE__ */ createIcon({
135
138
  paths: {
136
139
  solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M20 20v-7a4 4 0 00-4-4H6", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
137
140
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M20 20v-7a4 4 0 00-4-4H6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
138
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 20v-7a4 4 0 00-4-4H6", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
141
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 20v-7a4 4 0 00-4-4H6", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
139
142
  vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "9,14 4,9 9,4", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M20 20v-7a4 4 0 00-4-4H6", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
140
143
  },
141
144
  });
@@ -144,7 +147,7 @@ const NtdCornerUpRight = /* @__PURE__ */ createIcon({
144
147
  paths: {
145
148
  solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M4 20v-7a4 4 0 014-4h10", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
146
149
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 20v-7a4 4 0 014-4h10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
147
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 20v-7a4 4 0 014-4h10", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
150
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 20v-7a4 4 0 014-4h10", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
148
151
  vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "15,14 20,9 15,4", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M4 20v-7a4 4 0 014-4h10", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
149
152
  },
150
153
  });
@@ -153,7 +156,7 @@ const NtdCornerDownLeft = /* @__PURE__ */ createIcon({
153
156
  paths: {
154
157
  solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M20 4v7a4 4 0 01-4 4H6", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
155
158
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M20 4v7a4 4 0 01-4 4H6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
156
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4v7a4 4 0 01-4 4H6", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
159
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4v7a4 4 0 01-4 4H6", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
157
160
  vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "9,10 4,15 9,20", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M20 4v7a4 4 0 01-4 4H6", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
158
161
  },
159
162
  });
@@ -162,7 +165,7 @@ const NtdCornerDownRight = /* @__PURE__ */ createIcon({
162
165
  paths: {
163
166
  solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M4 4v7a4 4 0 004 4h10", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
164
167
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 4v7a4 4 0 004 4h10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
165
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4v7a4 4 0 004 4h10", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
168
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4v7a4 4 0 004 4h10", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
166
169
  vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polyline", { points: "15,10 20,15 15,20", stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: "M4 4v7a4 4 0 004 4h10", stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" })] })),
167
170
  },
168
171
  });
@@ -248,7 +251,7 @@ const NtdRepeat = /* @__PURE__ */ createIcon({
248
251
  paths: {
249
252
  solid: ({ primaryColor, strokeWidth }) => repeatArrows(primaryColor, primaryColor, strokeWidth),
250
253
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: REPEAT_OUTLINE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
251
- duotone: ({ primaryColor, secondaryColor, strokeWidth }) => repeatArrows(primaryColor, secondaryColor, strokeWidth),
254
+ duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => repeatArrows(primaryColor, secondaryColor, strokeWidth)),
252
255
  vivid: ({ primaryColor, secondaryColor, strokeWidth }) => repeatArrows(primaryColor, secondaryColor, strokeWidth),
253
256
  },
254
257
  });
@@ -268,7 +271,7 @@ const NtdPoint = /* @__PURE__ */ createIcon({
268
271
  paths: {
269
272
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor })),
270
273
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor })] })),
271
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor })] })),
274
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor })] }))),
272
275
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "5", fill: "white", opacity: "0.1" })] })),
273
276
  },
274
277
  });
package/dist/esm/icons/smarthome.js CHANGED
@@ -10,7 +10,6 @@ const NtdSmartBulb = /* @__PURE__ */ createIcon({
10
10
  paths: {
11
11
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [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 }), jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", fill: accentColor, opacity: accentOpacity }), 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 }), jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2M5 17l-2 1M19 17l2 1", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
12
12
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [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" }), jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2M5 17l-2 1M19 17l2 1", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
13
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [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 }), 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" }), jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", fill: primaryColor }), jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
14
13
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [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 }), 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" }), jsx("rect", { x: "9", y: "19", width: "6", height: "3", rx: "1", fill: secondaryColor }), jsx("path", { d: "M10 3a1 1 0 011-1h2a1 1 0 010 2h-2a1 1 0 01-1-1z", fill: "#3B82F6" }), jsx("path", { d: "M5 7l-2-1M19 7l2-1M4 12H2M22 12h-2M5 17l-2 1M19 17l2 1", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
15
14
  },
16
15
  });
@@ -19,7 +18,6 @@ const NtdThermostat = /* @__PURE__ */ createIcon({
19
18
  paths: {
20
19
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "6", fill: accentColor, opacity: accentOpacity * 0.3 }), jsx("path", { d: "M12 6v3M12 15v3M6 12h3M15 12h3", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("text", { x: "12", y: "13.5", textAnchor: "middle", fontSize: "5", fontWeight: "bold", fill: accentColor, opacity: accentOpacity, children: "22\u00B0" })] })),
21
20
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("path", { d: "M12 6v2M12 16v2M6 12h2M16 12h2", stroke: primaryColor, strokeWidth: strokeWidth }), 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 })] })),
22
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("path", { d: "M12 6v2M12 16v2M6 12h2M16 12h2", stroke: primaryColor, strokeWidth: strokeWidth })] })),
23
21
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "6", fill: secondaryColor }), jsx("path", { d: "M12 6v3M12 15v3M6 12h3M15 12h3", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
24
22
  },
25
23
  });
@@ -28,7 +26,6 @@ const NtdSmartCamera = /* @__PURE__ */ createIcon({
28
26
  paths: {
29
27
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("path", { d: "M18 9l4-2v10l-4-2V9z", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "10", cy: "12", r: "3", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "10", cy: "12", r: "1", fill: primaryColor }), jsx("circle", { cx: "5", cy: "9", r: "1", fill: accentColor, opacity: accentOpacity * 0.8 })] })),
30
28
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M18 9l4-2v10l-4-2V9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "12", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "5", cy: "9", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" })] })),
31
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 9l4-2v10l-4-2V9z", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M18 9l4-2v10l-4-2V9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "12", r: "3", fill: primaryColor }), jsx("circle", { cx: "5", cy: "9", r: "1", fill: primaryColor })] })),
32
29
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "6", width: "16", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsx("path", { d: "M18 9l4-2v10l-4-2V9z", fill: secondaryColor }), jsx("circle", { cx: "10", cy: "12", r: "3", fill: "#3B82F6" }), jsx("circle", { cx: "10", cy: "12", r: "1", fill: "#F59E0B" }), jsx("circle", { cx: "5", cy: "9", r: "1", fill: "#10B981" })] })),
33
30
  },
34
31
  });
@@ -37,7 +34,6 @@ const NtdDoorbell = /* @__PURE__ */ createIcon({
37
34
  paths: {
38
35
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: primaryColor }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "15", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M9 18h6", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
39
36
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "15", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 18h6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
40
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: primaryColor }), jsx("circle", { cx: "12", cy: "15", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 18h6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
41
37
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: primaryColor }), jsx("rect", { x: "6", y: "2", width: "12", height: "20", rx: "3", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "8", r: "3", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "15", r: "2", fill: "#3B82F6" }), jsx("path", { d: "M9 18h6", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
42
38
  },
43
39
  });
@@ -55,7 +51,6 @@ const NtdSmartLock = /* @__PURE__ */ createIcon({
55
51
  paths: {
56
52
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: primaryColor, strokeWidth: "2.5", fill: "none" }), jsx("circle", { cx: "12", cy: "15", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M12 17v2", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity }), jsx("path", { d: "M2 14h2M20 14h2M2 18h2M20 18h2", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.7 })] })),
57
53
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "15", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M2 14h2M20 14h2", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
58
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "15", r: "2", fill: primaryColor }), jsx("path", { d: "M12 17v2", stroke: primaryColor, strokeWidth: strokeWidth })] })),
59
54
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "10", width: "16", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "15", r: "2", fill: secondaryColor }), jsx("path", { d: "M8 10V6a4 4 0 118 0v4", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M12 17v2", stroke: "white", strokeWidth: "1", opacity: "0.4" }), jsx("path", { d: "M2 14h2M20 14h2M2 18h2M20 18h2", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
60
55
  },
61
56
  });
@@ -64,7 +59,6 @@ const NtdSmartHub = /* @__PURE__ */ createIcon({
64
59
  paths: {
65
60
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "3", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M8 4l4 4 4-4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M8 22l4-4 4 4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity, fill: "none" })] })),
66
61
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "13", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4l4 4 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 22l4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
67
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "13", r: "3", fill: primaryColor }), jsx("path", { d: "M8 4l4 4 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 22l4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
68
62
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "8", width: "16", height: "10", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "13", r: "3", fill: secondaryColor }), jsx("path", { d: "M8 4l4 4 4-4", stroke: "white", strokeWidth: "1", opacity: "0.4", fill: "none" }), jsx("path", { d: "M8 22l4-4 4 4", stroke: "white", strokeWidth: "1", opacity: "0.4", fill: "none" })] })),
69
63
  },
70
64
  });
@@ -73,7 +67,6 @@ const NtdVoiceAssistant = /* @__PURE__ */ createIcon({
73
67
  paths: {
74
68
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M8 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: accentColor, strokeWidth: "2", opacity: accentOpacity })] })),
75
69
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
76
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
77
70
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M8 10v4M10 8v8M12 6v12M14 8v8M16 10v4", stroke: secondaryColor, strokeWidth: "1.8" })] })),
78
71
  },
79
72
  });
@@ -82,7 +75,6 @@ const NtdSmartPlug = /* @__PURE__ */ createIcon({
82
75
  paths: {
83
76
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("circle", { cx: "8", cy: "14", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "14", r: "2", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M8 4v4M16 4v4", stroke: primaryColor, strokeWidth: "2" }), jsx("path", { d: "M4 12h16", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity * 0.5 })] })),
84
77
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "14", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "14", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4v4M16 4v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
85
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "14", r: "2", fill: primaryColor }), jsx("circle", { cx: "16", cy: "14", r: "2", fill: primaryColor }), jsx("path", { d: "M8 4v4M16 4v4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
86
78
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "8", width: "16", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "8", cy: "14", r: "2", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "14", r: "2", fill: "#3B82F6" }), jsx("path", { d: "M8 4v4M16 4v4", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M4 12h16", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
87
79
  },
88
80
  });
@@ -100,7 +92,6 @@ const NtdSmartSwitch = /* @__PURE__ */ createIcon({
100
92
  paths: {
101
93
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: primaryColor }), jsx("circle", { cx: "15", cy: "12", r: "4", fill: accentColor, opacity: accentOpacity })] })),
102
94
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "15", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
103
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "15", cy: "12", r: "4", fill: primaryColor })] })),
104
95
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: primaryColor }), jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "6", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "15", cy: "12", r: "4", fill: secondaryColor })] })),
105
96
  },
106
97
  });
@@ -109,7 +100,6 @@ const NtdRouter = /* @__PURE__ */ createIcon({
109
100
  paths: {
110
101
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: primaryColor }), jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: primaryColor, strokeWidth: "2" }), jsx("circle", { cx: "6", cy: "6", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "4", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "18", cy: "6", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "5", cy: "16", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "9", cy: "16", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("rect", { x: "14", y: "15", width: "5", height: "2", rx: "0.5", fill: accentColor, opacity: accentOpacity * 0.7 })] })),
111
102
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "6", cy: "6", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "4", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "18", cy: "6", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "5", cy: "16", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" }), jsx("circle", { cx: "9", cy: "16", r: "1", stroke: primaryColor, strokeWidth: strokeWidth * 0.5, fill: "none" })] })),
112
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "6", cy: "6", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "4", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "18", cy: "6", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "5", cy: "16", r: "1", fill: primaryColor }), jsx("circle", { cx: "9", cy: "16", r: "1", fill: primaryColor })] })),
113
103
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "12", width: "20", height: "8", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "6", cy: "6", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "4", r: "1.5", fill: "#3B82F6" }), jsx("circle", { cx: "18", cy: "6", r: "1.5", fill: "#F59E0B" }), jsx("circle", { cx: "5", cy: "16", r: "1", fill: "#10B981" }), jsx("circle", { cx: "9", cy: "16", r: "1", fill: "#10B981" }), jsx("rect", { x: "14", y: "15", width: "5", height: "2", rx: "0.5", fill: "#10B981" }), jsx("path", { d: "M6 12V8M12 12V6M18 12V8", stroke: "white", strokeWidth: "1" })] })),
114
104
  },
115
105
  });
@@ -118,7 +108,6 @@ const NtdSmartSpeaker = /* @__PURE__ */ createIcon({
118
108
  paths: {
119
109
  solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [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 }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("path", { d: "M9 4.5h6", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
120
110
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [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" }), jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4.5h6", stroke: primaryColor, strokeWidth: strokeWidth * 0.75 })] })),
121
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [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 }), 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" }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor, opacity: "0.3" }), jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor })] })),
122
111
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [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 }), 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" }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: "#3B82F6" }), jsx("path", { d: "M9 4.5h6", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
123
112
  },
124
113
  });
package/dist/esm/icons/social.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
2
  import { createIcon } from '../createIcon.js';
3
- import { bellIcon } from '../iconParts.js';
3
+ import { bellIcon, swapDuotone } from '../iconParts.js';
4
4
 
5
5
  const NtdAtSign = /* @__PURE__ */ createIcon({
6
6
  displayName: 'NtdAtSign',
@@ -16,16 +16,18 @@ const NtdPhoneOff = /* @__PURE__ */ createIcon({
16
16
  paths: {
17
17
  solid: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [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 }), jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: secondaryColor, strokeWidth: "2.5" })] })),
18
18
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [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" }), jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
19
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [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 }), 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" }), jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
20
19
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [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 }), 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" }), jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: secondaryColor, strokeWidth: "1.8" })] })),
21
20
  },
22
21
  });
23
22
  const NtdBubble = /* @__PURE__ */ createIcon({
24
23
  displayName: 'NtdBubble',
24
+ perfectStackX: 12.5,
25
+ perfectStackY: 11.5,
26
+ perfectStackSize: 0.5,
25
27
  paths: {
26
28
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (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 })),
27
29
  outline: ({ primaryColor, strokeWidth }) => (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" })),
28
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [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 }), 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: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [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 }), 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" })] }))),
29
31
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [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 }), 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" })] })),
30
32
  },
31
33
  });
@@ -34,7 +36,7 @@ const NtdThumbsUp = /* @__PURE__ */ createIcon({
34
36
  paths: {
35
37
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [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 }), jsx("rect", { x: "2", y: "11", width: "4", height: "11", rx: "1", fill: primaryColor, opacity: 0.7 })] })),
36
38
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [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" }), jsx("path", { d: "M7 11H2v11h5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
37
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [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 }), 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" }), jsx("path", { d: "M7 11H2v11h5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
39
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [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 }), 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" }), jsx("path", { d: "M7 11H2v11h5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
38
40
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [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 }), 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" }), jsx("rect", { x: "2", y: "11", width: "4", height: "11", rx: "1", fill: secondaryColor })] })),
39
41
  },
40
42
  });
@@ -43,7 +45,7 @@ const NtdThumbsDown = /* @__PURE__ */ createIcon({
43
45
  paths: {
44
46
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [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 }), jsx("rect", { x: "17", y: "2", width: "4", height: "11", rx: "1", fill: primaryColor, opacity: 0.7 })] })),
45
47
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [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" }), jsx("path", { d: "M17 2h5v11h-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
46
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [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 }), 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" }), jsx("path", { d: "M17 2h5v11h-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
48
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [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 }), 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" }), jsx("path", { d: "M17 2h5v11h-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
47
49
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [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 }), 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" }), jsx("rect", { x: "17", y: "2", width: "4", height: "11", rx: "1", fill: secondaryColor })] })),
48
50
  },
49
51
  });
@@ -54,7 +56,6 @@ const NtdMegaphone = /* @__PURE__ */ createIcon({
54
56
  paths: {
55
57
  solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: primaryColor }), jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
56
58
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
57
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
58
59
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: primaryColor }), jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })] })),
59
60
  },
60
61
  });
@@ -63,7 +64,7 @@ const NtdQrCode = /* @__PURE__ */ createIcon({
63
64
  paths: {
64
65
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: primaryColor, strokeWidth: "1", opacity: 0.5 }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: primaryColor, strokeWidth: "1", opacity: 0.5 }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", fill: "none", stroke: primaryColor, strokeWidth: "1", opacity: 0.5 }), jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "19", y: "14", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "14", y: "19", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: primaryColor })] })),
65
66
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "17", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "17", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "14", y: "14", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("rect", { x: "19", y: "14", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("rect", { x: "14", y: "19", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("rect", { x: "19", y: "19", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
66
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "17", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "17", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: primaryColor })] })),
67
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "17", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "17", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: primaryColor })] }))),
67
68
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: "#3B82F6" }), jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: "#10B981" }), jsx("rect", { x: "19", y: "14", width: "3", height: "3", fill: "#F472B6" }), jsx("rect", { x: "14", y: "19", width: "3", height: "3", fill: "#F472B6" }), jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: "#F472B6" }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: "white", strokeWidth: "1", opacity: "0.35" }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: "white", strokeWidth: "1", opacity: "0.35" }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", fill: "none", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
68
69
  },
69
70
  });
package/dist/esm/icons/sports.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
2
  import { createIcon } from '../createIcon.js';
3
- import { within } from '../iconParts.js';
3
+ import { within, swapDuotone } from '../iconParts.js';
4
4
 
5
5
  /* ────────────────────────────────────────────────────────────────────────────
6
6
  BALL SPORTS
@@ -10,7 +10,7 @@ const NtdSoccerBall = /* @__PURE__ */ createIcon({
10
10
  paths: {
11
11
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), 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" }), 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" })] })),
12
12
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), 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" }), 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 })] })),
13
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 7l3.09 2.25-.59 3.69-2.5 1.81-2.5-1.81-.59-3.69L12 7z", fill: primaryColor }), 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 })] })),
13
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 7l3.09 2.25-.59 3.69-2.5 1.81-2.5-1.81-.59-3.69L12 7z", fill: primaryColor }), 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 })] }))),
14
14
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("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" }), 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" })] })),
15
15
  },
16
16
  });
@@ -22,7 +22,6 @@ const NtdBasketball = /* @__PURE__ */ createIcon({
22
22
  paths: {
23
23
  solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), within(uid, 'seams', jsx("circle", { cx: "12", cy: "12", r: "10" }), jsx("path", { d: BALL_SEAMS, stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity }))] })),
24
24
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2v20M2 12h20", stroke: primaryColor, strokeWidth: strokeWidth }), 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" })] })),
25
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2v20M2 12h20", stroke: primaryColor, strokeWidth: strokeWidth }), 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" })] })),
26
25
  vivid: ({ primaryColor, secondaryColor, uid }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), within(uid, 'seams', jsx("circle", { cx: "12", cy: "12", r: "10" }), jsx("path", { d: BALL_SEAMS, stroke: secondaryColor, strokeWidth: "1.6", fill: "none" }))] })),
27
26
  },
28
27
  });
@@ -31,7 +30,7 @@ const NtdTennis = /* @__PURE__ */ createIcon({
31
30
  paths: {
32
31
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), 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" })] })),
33
32
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 6c4 1 8 1 12 0M4 18c4-1 8-1 12 0", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
34
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 6c4 1 8 1 12 0M4 18c4-1 8-1 12 0", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
33
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 6c4 1 8 1 12 0M4 18c4-1 8-1 12 0", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] }))),
35
34
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M4 6c4 1 8 1 12 0M4 18c4-1 8-1 12 0", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", opacity: "0.5" })] })),
36
35
  },
37
36
  });
@@ -100,7 +99,7 @@ const NtdStopwatch = /* @__PURE__ */ createIcon({
100
99
  paths: {
101
100
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "13", r: "9", fill: primaryColor }), jsx("path", { d: "M10 2h4M12 2v4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M19 6l2 2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M12 9v4l3 3", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })),
102
101
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "13", r: "9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 2h4M12 2v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M19 6l2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 9v4l3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
103
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "13", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "13", r: "9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 2h4M12 2v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M19 6l2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 9v4l3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
102
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "13", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "13", r: "9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 2h4M12 2v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M19 6l2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 9v4l3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] }))),
104
103
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "13", r: "9", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "9", fill: "white", opacity: "0.1" }), jsx("path", { d: "M10 2h4M12 2v4", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" }), jsx("path", { d: "M19 6l2 2", stroke: "#EF4444", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M12 9v4l3 3", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
105
104
  },
106
105
  });
@@ -118,7 +117,7 @@ const NtdMedal = /* @__PURE__ */ createIcon({
118
117
  paths: {
119
118
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", fill: primaryColor }), jsx("circle", { cx: "12", cy: "15", r: "7", fill: primaryColor }), jsx("text", { x: "12", y: "18", textAnchor: "middle", fill: "white", fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "1" })] })),
120
119
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2l4 6 4-6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8 2h8M8 2v6M16 2v6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "15", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "18", textAnchor: "middle", fill: primaryColor, fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "1" })] })),
121
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", stroke: primaryColor, strokeWidth: strokeWidth, fill: primaryColor, opacity: "0.5", strokeLinejoin: "round" }), jsx("circle", { cx: "12", cy: "15", r: "7", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("text", { x: "12", y: "18", textAnchor: "middle", fill: primaryColor, fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "1" })] })),
120
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", stroke: primaryColor, strokeWidth: strokeWidth, fill: primaryColor, opacity: "0.5", strokeLinejoin: "round" }), jsx("circle", { cx: "12", cy: "15", r: "7", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("text", { x: "12", y: "18", textAnchor: "middle", fill: primaryColor, fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "1" })] }))),
122
121
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", fill: primaryColor }), jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "15", r: "7", fill: secondaryColor })] })),
123
122
  },
124
123
  });
@@ -136,7 +135,7 @@ const NtdTarget = /* @__PURE__ */ createIcon({
136
135
  paths: {
137
136
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "7", fill: "white", opacity: "0.9" }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white" })] })),
138
137
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor })] })),
139
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "12", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white" })] })),
138
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "12", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white" })] }))),
140
139
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "7", fill: "white", opacity: "0.9" }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: "#EF4444" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white" })] })),
141
140
  },
142
141
  });