@nice2dev/icons 1.3.7 → 1.3.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/CHANGELOG.md +90 -0
  2. package/README.md +33 -16
  3. package/dist/cjs/NiceIconPicker.js +289 -92
  4. package/dist/cjs/NiceIconStacker.js +137 -108
  5. package/dist/cjs/client.js +6 -0
  6. package/dist/cjs/createIcon.js +17 -4
  7. package/dist/cjs/iconHtml.js +122 -0
  8. package/dist/cjs/iconParts.js +24 -2
  9. package/dist/cjs/iconStack.js +76 -5
  10. package/dist/cjs/icons/accessibility.js +9 -8
  11. package/dist/cjs/icons/actions.js +38 -35
  12. package/dist/cjs/icons/ai.js +12 -11
  13. package/dist/cjs/icons/brand.js +2 -2
  14. package/dist/cjs/icons/business.js +14 -16
  15. package/dist/cjs/icons/devtech.js +17 -15
  16. package/dist/cjs/icons/ecommerce.js +7 -12
  17. package/dist/cjs/icons/education.js +14 -16
  18. package/dist/cjs/icons/files.js +46 -22
  19. package/dist/cjs/icons/fintech.js +2 -11
  20. package/dist/cjs/icons/food.js +12 -8
  21. package/dist/cjs/icons/fun.js +11 -11
  22. package/dist/cjs/icons/gaming.js +20 -13
  23. package/dist/cjs/icons/health.js +9 -12
  24. package/dist/cjs/icons/index.js +1 -0
  25. package/dist/cjs/icons/input.js +31 -21
  26. package/dist/cjs/icons/legal.js +11 -11
  27. package/dist/cjs/icons/media.js +24 -15
  28. package/dist/cjs/icons/navigation.js +16 -13
  29. package/dist/cjs/icons/omniverk.js +2 -7
  30. package/dist/cjs/icons/realestate.js +14 -14
  31. package/dist/cjs/icons/saas.js +0 -10
  32. package/dist/cjs/icons/science.js +12 -12
  33. package/dist/cjs/icons/shapes.js +20 -17
  34. package/dist/cjs/icons/smarthome.js +0 -11
  35. package/dist/cjs/icons/social.js +7 -6
  36. package/dist/cjs/icons/sports.js +5 -6
  37. package/dist/cjs/icons/sustainability.js +12 -11
  38. package/dist/cjs/icons/travel.js +9 -9
  39. package/dist/cjs/icons/ui.js +55 -31
  40. package/dist/cjs/icons/weather.js +8 -13
  41. package/dist/cjs/index.js +7 -0
  42. package/dist/cjs/nicetodev-icons.css +1 -1
  43. package/dist/cjs/resolver.js +1 -0
  44. package/dist/cjs/stacking.js +38 -11
  45. package/dist/esm/NiceIconPicker.js +292 -95
  46. package/dist/esm/NiceIconStacker.js +141 -112
  47. package/dist/esm/client.js +2 -1
  48. package/dist/esm/createIcon.js +18 -5
  49. package/dist/esm/iconHtml.js +117 -0
  50. package/dist/esm/iconParts.js +24 -3
  51. package/dist/esm/iconStack.js +74 -6
  52. package/dist/esm/icons/accessibility.js +9 -8
  53. package/dist/esm/icons/actions.js +39 -36
  54. package/dist/esm/icons/ai.js +12 -11
  55. package/dist/esm/icons/brand.js +2 -2
  56. package/dist/esm/icons/business.js +15 -17
  57. package/dist/esm/icons/devtech.js +17 -15
  58. package/dist/esm/icons/ecommerce.js +7 -12
  59. package/dist/esm/icons/education.js +14 -16
  60. package/dist/esm/icons/files.js +47 -23
  61. package/dist/esm/icons/fintech.js +2 -11
  62. package/dist/esm/icons/food.js +12 -8
  63. package/dist/esm/icons/fun.js +11 -11
  64. package/dist/esm/icons/gaming.js +21 -14
  65. package/dist/esm/icons/health.js +9 -12
  66. package/dist/esm/icons/index.js +1 -1
  67. package/dist/esm/icons/input.js +31 -21
  68. package/dist/esm/icons/legal.js +12 -12
  69. package/dist/esm/icons/media.js +25 -16
  70. package/dist/esm/icons/navigation.js +16 -13
  71. package/dist/esm/icons/omniverk.js +2 -7
  72. package/dist/esm/icons/realestate.js +15 -15
  73. package/dist/esm/icons/saas.js +0 -10
  74. package/dist/esm/icons/science.js +12 -12
  75. package/dist/esm/icons/shapes.js +20 -17
  76. package/dist/esm/icons/smarthome.js +0 -11
  77. package/dist/esm/icons/social.js +8 -7
  78. package/dist/esm/icons/sports.js +6 -7
  79. package/dist/esm/icons/sustainability.js +12 -11
  80. package/dist/esm/icons/travel.js +10 -10
  81. package/dist/esm/icons/ui.js +56 -33
  82. package/dist/esm/icons/weather.js +9 -14
  83. package/dist/esm/index.js +3 -2
  84. package/dist/esm/nicetodev-icons.css +1 -1
  85. package/dist/esm/resolver.js +1 -0
  86. package/dist/esm/stacking.js +36 -12
  87. package/dist/types/NiceIconPicker.d.ts +66 -20
  88. package/dist/types/NiceIconStacker.d.ts +30 -9
  89. package/dist/types/client.d.ts +4 -2
  90. package/dist/types/createIcon.d.ts +16 -2
  91. package/dist/types/iconHtml.d.ts +44 -0
  92. package/dist/types/iconParts.d.ts +8 -2
  93. package/dist/types/iconStack.d.ts +30 -3
  94. package/dist/types/icons/index.d.ts +1 -1
  95. package/dist/types/icons/ui.d.ts +1 -0
  96. package/dist/types/index.d.ts +4 -2
  97. package/dist/types/stacking.d.ts +25 -5
  98. package/dist/types/types.d.ts +11 -7
  99. package/package.json +2 -2
package/dist/esm/icons/science.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
2
  import { createIcon } from '../createIcon.js';
3
+ import { swapDuotone } from '../iconParts.js';
3
4
 
4
5
  /* ────────────────────────────────────────────────────────────────────────────
5
6
  LABORATORY EQUIPMENT
@@ -9,7 +10,7 @@ const NtdBeaker = /* @__PURE__ */ createIcon({
9
10
  paths: {
10
11
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 2h12v4H6V2zM5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", fill: primaryColor }), jsx("path", { d: "M5 14h14", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M8 3v2M12 3v2M16 3v2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
11
12
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 2h12v4H6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 14h14", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M8 3v2M12 3v2M16 3v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
12
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 2h12v4H6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 14h14", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
13
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 2h12v4H6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 14h14", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
13
14
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 2h12v4H6V2zM5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", fill: primaryColor }), jsx("path", { d: "M6 2h12v4H6V2zM5 6l-1 14a2 2 0 002 2h12a2 2 0 002-2L19 6H5z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M5 14h14", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round" }), jsx("path", { d: "M8 3v2M12 3v2M16 3v2", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
14
15
  },
15
16
  });
@@ -18,7 +19,7 @@ const NtdFlask = /* @__PURE__ */ createIcon({
18
19
  paths: {
19
20
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", fill: primaryColor }), jsx("path", { d: "M10 2v1h4V2h-4z", fill: "white", opacity: "0.5" }), jsx("path", { d: "M6 16h12", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
20
21
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M6 16h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
21
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2 2L9 8V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M6 16h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
22
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2 2L9 8V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M6 16h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
22
23
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", fill: primaryColor }), jsx("path", { d: "M9 2h6v6l5 12a2 2 0 01-2 2H6a2 2 0 01-2-2L9 8V2z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M10 2v1h4V2h-4z", fill: "white", opacity: "0.5" }), jsx("path", { d: "M6 16h12", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
23
24
  },
24
25
  });
@@ -27,7 +28,7 @@ const NtdTestTube = /* @__PURE__ */ createIcon({
27
28
  paths: {
28
29
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", fill: primaryColor }), jsx("path", { d: "M8 2h8v2H8V2z", fill: "white", opacity: "0.5" }), jsx("path", { d: "M9 12h6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
29
30
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
30
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
31
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M9 12h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
31
32
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", fill: primaryColor }), jsx("path", { d: "M8 2h8l-1 16a3 3 0 01-6 0L8 2z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M8 2h8v2H8V2z", fill: "white", opacity: "0.5" }), jsx("path", { d: "M9 12h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
32
33
  },
33
34
  });
@@ -36,7 +37,7 @@ const NtdPetriDish = /* @__PURE__ */ createIcon({
36
37
  paths: {
37
38
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", fill: primaryColor, opacity: "0.6" }), jsx("ellipse", { cx: "12", cy: "12", rx: "7", ry: "4", fill: "white", opacity: "0.3" }), jsx("circle", { cx: "9", cy: "12", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "14", cy: "13", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "11", cy: "14", r: "0.75", fill: "white", opacity: "0.5" })] })),
38
39
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "12", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "11", cy: "14", r: "0.75", fill: primaryColor })] })),
39
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", fill: secondaryColor, opacity: secondaryOpacity * 0.5 }), jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "12", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "13", r: "1", fill: primaryColor })] })),
40
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", fill: secondaryColor, opacity: secondaryOpacity * 0.5 }), jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "12", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "14", cy: "13", r: "1", fill: primaryColor })] }))),
40
41
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "14", rx: "10", ry: "6", fill: "white", opacity: "0.08" }), jsx("ellipse", { cx: "12", cy: "12", rx: "10", ry: "6", fill: secondaryColor, opacity: "0.6" }), jsx("ellipse", { cx: "12", cy: "12", rx: "7", ry: "4", fill: "white", opacity: "0.3" }), jsx("circle", { cx: "9", cy: "12", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "14", cy: "13", r: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "11", cy: "14", r: "0.75", fill: "white", opacity: "0.5" })] })),
41
42
  },
42
43
  });
@@ -45,7 +46,7 @@ const NtdMicroscope = /* @__PURE__ */ createIcon({
45
46
  paths: {
46
47
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", fill: primaryColor }), jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", fill: primaryColor }), jsx("path", { d: "M10 10h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
47
48
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 10h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
48
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
49
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
49
50
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", fill: primaryColor }), jsx("path", { d: "M12 2a2 2 0 00-2 2v6l-4 4v2h4l2 2 2-2h4v-2l-4-4V4a2 2 0 00-2-2z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: secondaryColor }), jsx("ellipse", { cx: "12", cy: "19", rx: "8", ry: "3", fill: "#8B5CF6" }), jsx("path", { d: "M10 10h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
50
51
  },
51
52
  });
@@ -91,7 +92,7 @@ const NtdPeriodictable = /* @__PURE__ */ createIcon({
91
92
  paths: {
92
93
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "10", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "4", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "16", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "10", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "16", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("text", { x: "6", y: "7.5", textAnchor: "middle", fill: primaryColor, fontSize: "3", fontWeight: "bold", children: "H" }), jsx("text", { x: "12", y: "7.5", textAnchor: "middle", fill: primaryColor, fontSize: "3", fontWeight: "bold", children: "He" })] })),
93
94
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "10", y: "4", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "4", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "16", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "10", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "16", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" })] })),
94
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "10", y: "4", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "4", y: "10", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "16", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "10", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "16", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" })] })),
95
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "10", y: "4", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "4", y: "10", width: "4", height: "4", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "16", y: "10", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "10", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" }), jsx("rect", { x: "16", y: "16", width: "4", height: "4", rx: "0.5", stroke: primaryColor, strokeWidth: "1", fill: "none" })] }))),
95
96
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "10", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "4", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "10", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "16", y: "10", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "10", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" }), jsx("rect", { x: "16", y: "16", width: "4", height: "4", rx: "0.5", fill: "white" })] })),
96
97
  },
97
98
  });
@@ -103,7 +104,7 @@ const NtdMagnet = /* @__PURE__ */ createIcon({
103
104
  paths: {
104
105
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: primaryColor }), jsx("path", { d: "M4 10h5M15 10h5", stroke: "white", strokeWidth: "2" }), jsx("text", { x: "6.5", y: "19", textAnchor: "middle", fill: "white", fontSize: "4", fontWeight: "bold", children: "S" }), jsx("text", { x: "17.5", y: "19", textAnchor: "middle", fill: "white", fontSize: "4", fontWeight: "bold", children: "N" })] })),
105
106
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 10h5M15 10h5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
106
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 10h5M15 10h5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
107
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 10h5M15 10h5", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
107
108
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: primaryColor }), jsx("path", { d: "M4 10a8 8 0 0116 0v6h-5v-6a3 3 0 00-6 0v6H4v-6z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M4 10h5M15 10h5", stroke: "white", strokeWidth: "1.8" })] })),
108
109
  },
109
110
  });
@@ -127,7 +128,6 @@ const NtdPlanet = /* @__PURE__ */ createIcon({
127
128
  paths: {
128
129
  solid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsxs("g", { transform: "rotate(-20 12 12)", stroke: secondaryColor, strokeWidth: "2", fill: "none", children: [jsx("path", { d: "M1 12A11 3 0 0 1 4.29 9.86" }), jsx("path", { d: "M19.71 9.86A11 3 0 0 1 23 12" })] }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: primaryColor }), jsx("path", { d: "M1 12A11 3 0 0 0 23 12", stroke: secondaryColor, strokeWidth: "2", fill: "none", transform: "rotate(-20 12 12)" })] })),
129
130
  outline: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsxs("g", { transform: "rotate(-20 12 12)", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", children: [jsx("path", { d: "M1 12A11 3 0 0 1 4.29 9.86" }), jsx("path", { d: "M19.71 9.86A11 3 0 0 1 23 12" })] }), jsx("circle", { cx: "12", cy: "12", r: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M1 12A11 3 0 0 0 23 12", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", transform: "rotate(-20 12 12)" })] })),
130
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsxs("g", { transform: "rotate(-20 12 12)", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", children: [jsx("path", { d: "M1 12A11 3 0 0 1 4.29 9.86" }), jsx("path", { d: "M19.71 9.86A11 3 0 0 1 23 12" })] }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M1 12A11 3 0 0 0 23 12", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", transform: "rotate(-20 12 12)" })] })),
131
131
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsxs("g", { transform: "rotate(-20 12 12)", stroke: secondaryColor, strokeWidth: "1.8", fill: "none", children: [jsx("path", { d: "M1 12A11 3 0 0 1 4.29 9.86" }), jsx("path", { d: "M19.71 9.86A11 3 0 0 1 23 12" })] }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "8", fill: "white", opacity: "0.1" }), jsx("path", { d: "M1 12A11 3 0 0 0 23 12", stroke: secondaryColor, strokeWidth: "1.8", fill: "none", transform: "rotate(-20 12 12)" })] })),
132
132
  },
133
133
  });
@@ -136,7 +136,7 @@ const NtdRocket = /* @__PURE__ */ createIcon({
136
136
  paths: {
137
137
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", fill: primaryColor }), jsx("path", { d: "M6 14l-3 3 3 3 3-3", fill: primaryColor, opacity: "0.6" }), jsx("path", { d: "M14 18l3 3 3-3-3-3", fill: primaryColor, opacity: "0.6" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: "white" })] })),
138
138
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M6 14l-3 3 3 3 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M14 18l3 3 3-3-3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("circle", { cx: "12", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
139
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M6 14l-3 3 3 3 3-3", fill: primaryColor }), jsx("path", { d: "M14 18l3 3 3-3-3-3", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: primaryColor })] })),
139
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M6 14l-3 3 3 3 3-3", fill: primaryColor }), jsx("path", { d: "M14 18l3 3 3-3-3-3", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: primaryColor })] }))),
140
140
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", fill: primaryColor }), jsx("path", { d: "M12 2c-4 4-6 8-6 12l3 3 6-6 3 3c0-4 2-8 6-12-4 0-8-2-12 0z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M6 14l-3 3 3 3 3-3", fill: secondaryColor, opacity: "0.6" }), jsx("path", { d: "M14 18l3 3 3-3-3-3", fill: "#8B5CF6", opacity: "0.6" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: "white" })] })),
141
141
  },
142
142
  });
@@ -148,7 +148,7 @@ const NtdResearch = /* @__PURE__ */ createIcon({
148
148
  paths: {
149
149
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "10", r: "7", fill: primaryColor }), jsx("path", { d: "M15 15l6 6", stroke: primaryColor, strokeWidth: "3", strokeLinecap: "round" }), jsx("path", { d: "M7 8h6M7 12h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
150
150
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "10", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 15l6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M7 8h6M7 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
151
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "10", r: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "10", cy: "10", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 15l6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M7 8h6M7 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
151
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "10", r: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "10", cy: "10", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 15l6 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M7 8h6M7 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
152
152
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "10", r: "7", fill: primaryColor }), jsx("circle", { cx: "10", cy: "10", r: "7", fill: "white", opacity: "0.1" }), jsx("path", { d: "M15 15l6 6", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" }), jsx("path", { d: "M7 8h6M7 12h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
153
153
  },
154
154
  });
@@ -157,7 +157,7 @@ const NtdHypothesis = /* @__PURE__ */ createIcon({
157
157
  paths: {
158
158
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", fill: primaryColor }), jsx("path", { d: "M9 18h6v2H9v-2zM10 22h4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M10 9h4M10 12h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
159
159
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 18h6v2H9v-2zM10 22h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 9h4M10 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
160
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 18h6v2H9v-2zM10 22h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 9h4M10 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
160
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 18h6v2H9v-2zM10 22h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M10 9h4M10 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
161
161
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", fill: primaryColor }), jsx("path", { d: "M12 2a6 6 0 00-6 6c0 2.5 1.5 4.5 3 6v2h6v-2c1.5-1.5 3-3.5 3-6a6 6 0 00-6-6z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M9 18h6v2H9v-2zM10 22h4", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" }), jsx("path", { d: "M10 9h4M10 12h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
162
162
  },
163
163
  });
@@ -166,7 +166,7 @@ const NtdExperiment = /* @__PURE__ */ createIcon({
166
166
  paths: {
167
167
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", fill: primaryColor }), jsx("path", { d: "M8 2h8v2H8V2z", fill: "white", opacity: "0.5" }), jsx("path", { d: "M6 14h12", stroke: "white", strokeWidth: "1.5" }), jsx("circle", { cx: "10", cy: "17", r: "1", fill: "white" }), jsx("circle", { cx: "14", cy: "16", r: "1.5", fill: "white" })] })),
168
168
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M6 14h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "10", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "14", cy: "16", r: "1.5", fill: primaryColor })] })),
169
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M6 14h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "10", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "14", cy: "16", r: "1.5", fill: primaryColor })] })),
169
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8 4h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M6 14h12", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "10", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "14", cy: "16", r: "1.5", fill: primaryColor })] }))),
170
170
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", fill: primaryColor }), jsx("path", { d: "M8 2h8v4l4 14H4L8 6V2z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M8 2h8v2H8V2z", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "10", cy: "17", r: "1", fill: "white" }), jsx("circle", { cx: "14", cy: "16", r: "1.5", fill: "white" }), jsx("path", { d: "M6 14h12", stroke: "white", strokeWidth: "1" })] })),
171
171
  },
172
172
  });
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
  });