@nice2dev/icons 1.3.6 → 1.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/CHANGELOG.md +88 -0
  2. package/README.md +37 -17
  3. package/dist/cjs/NiceIconStacker.js +19 -5
  4. package/dist/cjs/createIcon.js +19 -6
  5. package/dist/cjs/iconParts.js +24 -2
  6. package/dist/cjs/iconStack.js +7 -5
  7. package/dist/cjs/icons/accessibility.js +9 -8
  8. package/dist/cjs/icons/actions.js +42 -32
  9. package/dist/cjs/icons/ai.js +12 -11
  10. package/dist/cjs/icons/brand.js +2 -2
  11. package/dist/cjs/icons/business.js +37 -29
  12. package/dist/cjs/icons/devtech.js +17 -15
  13. package/dist/cjs/icons/ecommerce.js +19 -14
  14. package/dist/cjs/icons/education.js +30 -25
  15. package/dist/cjs/icons/files.js +64 -32
  16. package/dist/cjs/icons/fintech.js +2 -11
  17. package/dist/cjs/icons/food.js +12 -8
  18. package/dist/cjs/icons/fun.js +11 -11
  19. package/dist/cjs/icons/gaming.js +20 -13
  20. package/dist/cjs/icons/health.js +38 -25
  21. package/dist/cjs/icons/index.js +1 -0
  22. package/dist/cjs/icons/input.js +31 -21
  23. package/dist/cjs/icons/legal.js +11 -11
  24. package/dist/cjs/icons/media.js +24 -15
  25. package/dist/cjs/icons/navigation.js +16 -13
  26. package/dist/cjs/icons/omniverk.js +2 -7
  27. package/dist/cjs/icons/realestate.js +14 -14
  28. package/dist/cjs/icons/saas.js +0 -10
  29. package/dist/cjs/icons/science.js +12 -12
  30. package/dist/cjs/icons/shapes.js +20 -17
  31. package/dist/cjs/icons/smarthome.js +0 -11
  32. package/dist/cjs/icons/social.js +7 -6
  33. package/dist/cjs/icons/sports.js +5 -6
  34. package/dist/cjs/icons/sustainability.js +12 -11
  35. package/dist/cjs/icons/travel.js +13 -13
  36. package/dist/cjs/icons/ui.js +60 -35
  37. package/dist/cjs/icons/weather.js +12 -16
  38. package/dist/cjs/index.js +1 -0
  39. package/dist/cjs/resolver.js +1 -0
  40. package/dist/cjs/rsc.js +1 -1
  41. package/dist/cjs/stacking.js +49 -11
  42. package/dist/esm/NiceIconStacker.js +22 -8
  43. package/dist/esm/createIcon.js +20 -7
  44. package/dist/esm/iconParts.js +24 -3
  45. package/dist/esm/iconStack.js +7 -5
  46. package/dist/esm/icons/accessibility.js +9 -8
  47. package/dist/esm/icons/actions.js +43 -33
  48. package/dist/esm/icons/ai.js +12 -11
  49. package/dist/esm/icons/brand.js +2 -2
  50. package/dist/esm/icons/business.js +38 -30
  51. package/dist/esm/icons/devtech.js +17 -15
  52. package/dist/esm/icons/ecommerce.js +19 -14
  53. package/dist/esm/icons/education.js +30 -25
  54. package/dist/esm/icons/files.js +65 -33
  55. package/dist/esm/icons/fintech.js +2 -11
  56. package/dist/esm/icons/food.js +12 -8
  57. package/dist/esm/icons/fun.js +11 -11
  58. package/dist/esm/icons/gaming.js +21 -14
  59. package/dist/esm/icons/health.js +38 -25
  60. package/dist/esm/icons/index.js +1 -1
  61. package/dist/esm/icons/input.js +31 -21
  62. package/dist/esm/icons/legal.js +12 -12
  63. package/dist/esm/icons/media.js +25 -16
  64. package/dist/esm/icons/navigation.js +16 -13
  65. package/dist/esm/icons/omniverk.js +2 -7
  66. package/dist/esm/icons/realestate.js +15 -15
  67. package/dist/esm/icons/saas.js +0 -10
  68. package/dist/esm/icons/science.js +12 -12
  69. package/dist/esm/icons/shapes.js +20 -17
  70. package/dist/esm/icons/smarthome.js +0 -11
  71. package/dist/esm/icons/social.js +8 -7
  72. package/dist/esm/icons/sports.js +6 -7
  73. package/dist/esm/icons/sustainability.js +12 -11
  74. package/dist/esm/icons/travel.js +14 -14
  75. package/dist/esm/icons/ui.js +61 -37
  76. package/dist/esm/icons/weather.js +13 -17
  77. package/dist/esm/index.js +1 -1
  78. package/dist/esm/resolver.js +1 -0
  79. package/dist/esm/rsc.js +1 -1
  80. package/dist/esm/stacking.js +46 -12
  81. package/dist/types/createIcon.d.ts +16 -2
  82. package/dist/types/iconParts.d.ts +8 -2
  83. package/dist/types/iconStack.d.ts +18 -3
  84. package/dist/types/icons/index.d.ts +1 -1
  85. package/dist/types/icons/ui.d.ts +1 -0
  86. package/dist/types/stacking.d.ts +30 -5
  87. package/dist/types/types.d.ts +22 -8
  88. package/package.json +2 -2
package/dist/esm/icons/social.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
2
  import { createIcon } from '../createIcon.js';
3
- import { bellIcon } from '../iconParts.js';
3
+ import { bellIcon, swapDuotone } from '../iconParts.js';
4
4
 
5
5
  const NtdAtSign = /* @__PURE__ */ createIcon({
6
6
  displayName: 'NtdAtSign',
@@ -16,16 +16,18 @@ const NtdPhoneOff = /* @__PURE__ */ createIcon({
16
16
  paths: {
17
17
  solid: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: primaryColor, opacity: 0.5 }), jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: secondaryColor, strokeWidth: "2.5" })] })),
18
18
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
19
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
20
19
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: primaryColor }), jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23", stroke: secondaryColor, strokeWidth: "1.8" })] })),
21
20
  },
22
21
  });
23
22
  const NtdBubble = /* @__PURE__ */ createIcon({
24
23
  displayName: 'NtdBubble',
24
+ perfectStackX: 12.5,
25
+ perfectStackY: 11.5,
26
+ perfectStackSize: 0.5,
25
27
  paths: {
26
28
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", fill: primaryColor })),
27
29
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
28
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
30
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
29
31
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", fill: primaryColor }), jsx("path", { d: "M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z", fill: "white", opacity: "0.1" })] })),
30
32
  },
31
33
  });
@@ -34,7 +36,7 @@ const NtdThumbsUp = /* @__PURE__ */ createIcon({
34
36
  paths: {
35
37
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", fill: primaryColor }), jsx("rect", { x: "2", y: "11", width: "4", height: "11", rx: "1", fill: primaryColor, opacity: 0.7 })] })),
36
38
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 11H2v11h5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
37
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 11H2v11h5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
39
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 11H2v11h5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
38
40
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", fill: primaryColor }), jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "11", width: "4", height: "11", rx: "1", fill: secondaryColor })] })),
39
41
  },
40
42
  });
@@ -43,7 +45,7 @@ const NtdThumbsDown = /* @__PURE__ */ createIcon({
43
45
  paths: {
44
46
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", fill: primaryColor }), jsx("rect", { x: "17", y: "2", width: "4", height: "11", rx: "1", fill: primaryColor, opacity: 0.7 })] })),
45
47
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 2h5v11h-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
46
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 2h5v11h-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
48
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 2h5v11h-5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
47
49
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", fill: primaryColor }), jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z", fill: "white", opacity: "0.08" }), jsx("rect", { x: "17", y: "2", width: "4", height: "11", rx: "1", fill: secondaryColor })] })),
48
50
  },
49
51
  });
@@ -54,7 +56,6 @@ const NtdMegaphone = /* @__PURE__ */ createIcon({
54
56
  paths: {
55
57
  solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: primaryColor }), jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
56
58
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
57
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
58
59
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: primaryColor }), jsx("path", { d: "M21 4v16l-8-4H5a2 2 0 01-2-2V10a2 2 0 012-2h8l8-4z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M5 16l-1 4h4l1-4", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })] })),
59
60
  },
60
61
  });
@@ -63,7 +64,7 @@ const NtdQrCode = /* @__PURE__ */ createIcon({
63
64
  paths: {
64
65
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: primaryColor, strokeWidth: "1", opacity: 0.5 }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: primaryColor, strokeWidth: "1", opacity: 0.5 }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", fill: "none", stroke: primaryColor, strokeWidth: "1", opacity: 0.5 }), jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "19", y: "14", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "14", y: "19", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: primaryColor })] })),
65
66
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "17", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "17", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "14", y: "14", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("rect", { x: "19", y: "14", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("rect", { x: "14", y: "19", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("rect", { x: "19", y: "19", width: "3", height: "3", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
66
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "17", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "17", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: primaryColor })] })),
67
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "17", y: "5", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "17", width: "2", height: "2", fill: primaryColor }), jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: primaryColor }), jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: primaryColor })] }))),
67
68
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "14", y: "2", width: "8", height: "8", rx: "1", fill: secondaryColor }), jsx("rect", { x: "2", y: "14", width: "8", height: "8", rx: "1", fill: "#3B82F6" }), jsx("rect", { x: "14", y: "14", width: "3", height: "3", fill: "#10B981" }), jsx("rect", { x: "19", y: "14", width: "3", height: "3", fill: "#F472B6" }), jsx("rect", { x: "14", y: "19", width: "3", height: "3", fill: "#F472B6" }), jsx("rect", { x: "19", y: "19", width: "3", height: "3", fill: "#F472B6" }), jsx("rect", { x: "4", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: "white", strokeWidth: "1", opacity: "0.35" }), jsx("rect", { x: "16", y: "4", width: "4", height: "4", rx: "0.5", fill: "none", stroke: "white", strokeWidth: "1", opacity: "0.35" }), jsx("rect", { x: "4", y: "16", width: "4", height: "4", rx: "0.5", fill: "none", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
68
69
  },
69
70
  });
package/dist/esm/icons/sports.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
2
  import { createIcon } from '../createIcon.js';
3
- import { within } from '../iconParts.js';
3
+ import { within, swapDuotone } from '../iconParts.js';
4
4
 
5
5
  /* ────────────────────────────────────────────────────────────────────────────
6
6
  BALL SPORTS
@@ -10,7 +10,7 @@ const NtdSoccerBall = /* @__PURE__ */ createIcon({
10
10
  paths: {
11
11
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 2a10 10 0 100 20 10 10 0 000-20zM12 7l3.09 2.25-.59 3.69-2.5 1.81-2.5-1.81-.59-3.69L12 7z", fill: "white", opacity: "0.5" }), jsx("path", { d: "M12 7V2M8.41 9.25L4 7M8.41 14.75l-3.5 3M12 16.75V22M15.59 14.75l3.5 3M15.59 9.25L20 7", stroke: "white", strokeWidth: "1.5", opacity: "0.3" })] })),
12
12
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 7l3.09 2.25-.59 3.69-2.5 1.81-2.5-1.81-.59-3.69L12 7z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 7V2M8.41 9.25L4 7M8.41 14.75l-3.5 3M12 16.75V22M15.59 14.75l3.5 3M15.59 9.25L20 7", stroke: primaryColor, strokeWidth: strokeWidth })] })),
13
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 7l3.09 2.25-.59 3.69-2.5 1.81-2.5-1.81-.59-3.69L12 7z", fill: primaryColor }), jsx("path", { d: "M12 7V2M8.41 9.25L4 7M8.41 14.75l-3.5 3M12 16.75V22M15.59 14.75l3.5 3M15.59 9.25L20 7", stroke: primaryColor, strokeWidth: strokeWidth })] })),
13
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 7l3.09 2.25-.59 3.69-2.5 1.81-2.5-1.81-.59-3.69L12 7z", fill: primaryColor }), jsx("path", { d: "M12 7V2M8.41 9.25L4 7M8.41 14.75l-3.5 3M12 16.75V22M15.59 14.75l3.5 3M15.59 9.25L20 7", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
14
14
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("path", { d: "M12 2a10 10 0 100 20 10 10 0 000-20zM12 7l3.09 2.25-.59 3.69-2.5 1.81-2.5-1.81-.59-3.69L12 7z", fill: "white", opacity: "0.5" }), jsx("path", { d: "M12 7V2M8.41 9.25L4 7M8.41 14.75l-3.5 3M12 16.75V22M15.59 14.75l3.5 3M15.59 9.25L20 7", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
15
15
  },
16
16
  });
@@ -22,7 +22,6 @@ const NtdBasketball = /* @__PURE__ */ createIcon({
22
22
  paths: {
23
23
  solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), within(uid, 'seams', jsx("circle", { cx: "12", cy: "12", r: "10" }), jsx("path", { d: BALL_SEAMS, stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity }))] })),
24
24
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2v20M2 12h20", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M6 4c0 4.4 2.7 8 6 8s6-3.6 6-8M6 20c0-4.4 2.7-8 6-8s6 3.6 6 8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
25
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2v20M2 12h20", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M6 4c0 4.4 2.7 8 6 8s6-3.6 6-8M6 20c0-4.4 2.7-8 6-8s6 3.6 6 8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
26
25
  vivid: ({ primaryColor, secondaryColor, uid }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), within(uid, 'seams', jsx("circle", { cx: "12", cy: "12", r: "10" }), jsx("path", { d: BALL_SEAMS, stroke: secondaryColor, strokeWidth: "1.6", fill: "none" }))] })),
27
26
  },
28
27
  });
@@ -31,7 +30,7 @@ const NtdTennis = /* @__PURE__ */ createIcon({
31
30
  paths: {
32
31
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M4 6c4 1 8 1 12 0M4 18c4-1 8-1 12 0", stroke: "white", strokeWidth: "2", strokeLinecap: "round", opacity: "0.5" })] })),
33
32
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 6c4 1 8 1 12 0M4 18c4-1 8-1 12 0", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
34
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 6c4 1 8 1 12 0M4 18c4-1 8-1 12 0", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
33
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M4 6c4 1 8 1 12 0M4 18c4-1 8-1 12 0", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] }))),
35
34
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M4 6c4 1 8 1 12 0M4 18c4-1 8-1 12 0", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", opacity: "0.5" })] })),
36
35
  },
37
36
  });
@@ -100,7 +99,7 @@ const NtdStopwatch = /* @__PURE__ */ createIcon({
100
99
  paths: {
101
100
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "13", r: "9", fill: primaryColor }), jsx("path", { d: "M10 2h4M12 2v4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M19 6l2 2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M12 9v4l3 3", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })),
102
101
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "13", r: "9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 2h4M12 2v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M19 6l2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 9v4l3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
103
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "13", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "13", r: "9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 2h4M12 2v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M19 6l2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 9v4l3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
102
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "13", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "13", r: "9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 2h4M12 2v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M19 6l2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 9v4l3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] }))),
104
103
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "13", r: "9", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "9", fill: "white", opacity: "0.1" }), jsx("path", { d: "M10 2h4M12 2v4", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" }), jsx("path", { d: "M19 6l2 2", stroke: "#EF4444", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M12 9v4l3 3", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
105
104
  },
106
105
  });
@@ -118,7 +117,7 @@ const NtdMedal = /* @__PURE__ */ createIcon({
118
117
  paths: {
119
118
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", fill: primaryColor }), jsx("circle", { cx: "12", cy: "15", r: "7", fill: primaryColor }), jsx("text", { x: "12", y: "18", textAnchor: "middle", fill: "white", fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "1" })] })),
120
119
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2l4 6 4-6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M8 2h8M8 2v6M16 2v6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "15", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "18", textAnchor: "middle", fill: primaryColor, fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "1" })] })),
121
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", stroke: primaryColor, strokeWidth: strokeWidth, fill: primaryColor, opacity: "0.5", strokeLinejoin: "round" }), jsx("circle", { cx: "12", cy: "15", r: "7", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("text", { x: "12", y: "18", textAnchor: "middle", fill: primaryColor, fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "1" })] })),
120
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", stroke: primaryColor, strokeWidth: strokeWidth, fill: primaryColor, opacity: "0.5", strokeLinejoin: "round" }), jsx("circle", { cx: "12", cy: "15", r: "7", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("text", { x: "12", y: "18", textAnchor: "middle", fill: primaryColor, fontSize: "8", fontWeight: "bold", fontFamily: "system-ui", children: "1" })] }))),
122
121
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", fill: primaryColor }), jsx("path", { d: "M8 2l4 6 4-6M8 2h8M8 2v6M16 2v6", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "15", r: "7", fill: secondaryColor })] })),
123
122
  },
124
123
  });
@@ -136,7 +135,7 @@ const NtdTarget = /* @__PURE__ */ createIcon({
136
135
  paths: {
137
136
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "7", fill: "white", opacity: "0.9" }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white" })] })),
138
137
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor })] })),
139
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "12", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white" })] })),
138
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "12", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white" })] }))),
140
139
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "7", fill: "white", opacity: "0.9" }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: "#EF4444" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white" })] })),
141
140
  },
142
141
  });
package/dist/esm/icons/sustainability.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
  import { NtdHydropower } from './weather.js';
4
5
 
5
6
  /* ────────────────────────────────────────────────────────────────────────────
@@ -19,7 +20,7 @@ const NtdCompost = /* @__PURE__ */ createIcon({
19
20
  paths: {
20
21
  solid: ({ primaryColor }) => (jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8zm-2 6a1 1 0 110-2 1 1 0 010 2zm4 0a1 1 0 110-2 1 1 0 010 2zm-2 4c-1.5 0-3-.5-3-1.5S10.5 9 12 9s3 .5 3 1.5S13.5 12 12 12z", fill: primaryColor })),
21
22
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "7", r: "1", fill: primaryColor }), jsx("circle", { cx: "14", cy: "7", r: "1", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "10.5", rx: "3", ry: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
22
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "7", r: "1", fill: primaryColor }), jsx("circle", { cx: "14", cy: "7", r: "1", fill: primaryColor })] })),
23
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "7", r: "1", fill: primaryColor }), jsx("circle", { cx: "14", cy: "7", r: "1", fill: primaryColor })] }))),
23
24
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8zm-2 6a1 1 0 110-2 1 1 0 010 2zm4 0a1 1 0 110-2 1 1 0 010 2zm-2 4c-1.5 0-3-.5-3-1.5S10.5 9 12 9s3 .5 3 1.5S13.5 12 12 12z", fill: primaryColor }), jsx("path", { d: "M12 2C7 2 3 5.5 3 10c0 2 1 4 2.5 5.5l-.5 4.5h14l-.5-4.5C20 14 21 12 21 10c0-4.5-4-8-9-8zm-2 6a1 1 0 110-2 1 1 0 010 2zm4 0a1 1 0 110-2 1 1 0 010 2zm-2 4c-1.5 0-3-.5-3-1.5S10.5 9 12 9s3 .5 3 1.5S13.5 12 12 12z", fill: "white", opacity: "0.1" })] })),
24
25
  },
25
26
  });
@@ -28,7 +29,7 @@ const NtdTrashSort = /* @__PURE__ */ createIcon({
28
29
  paths: {
29
30
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", fill: primaryColor }), jsx("path", { d: "M9 4V3a1 1 0 011-1h4a1 1 0 011 1v1M4 6h16", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M9 10v6M12 10v6M15 10v6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
30
31
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4V3a1 1 0 011-1h4a1 1 0 011 1v1M4 6h16", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M9 10v6M12 10v6M15 10v6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
31
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4V3a1 1 0 011-1h4a1 1 0 011 1v1M4 6h16", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M9 10v6M12 10v6M15 10v6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
32
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 4V3a1 1 0 011-1h4a1 1 0 011 1v1M4 6h16", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M9 10v6M12 10v6M15 10v6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
32
33
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", fill: primaryColor }), jsx("path", { d: "M5 6h14l-1.5 14H6.5L5 6z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M9 4V3a1 1 0 011-1h4a1 1 0 011 1v1M4 6h16", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" }), jsx("path", { d: "M9 10v6M12 10v6M15 10v6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
33
34
  },
34
35
  });
@@ -40,7 +41,7 @@ const NtdSolarPanel = /* @__PURE__ */ createIcon({
40
41
  paths: {
41
42
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M2 10h20M2 14h20M2 18h20M8 6v14M14 6v14", stroke: "white", strokeWidth: "1", opacity: "0.5" }), jsx("circle", { cx: "12", cy: "3", r: "1.5", fill: primaryColor }), jsx("path", { d: "M12 4.5V6M8 3l1 1.5M16 3l-1 1.5", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
42
43
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h20M2 14h20M8 6v14M14 6v14", stroke: primaryColor, strokeWidth: "1" }), jsx("circle", { cx: "12", cy: "3", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 2l2 2M16 2l-2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
43
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h20M2 14h20M8 6v14M14 6v14", stroke: primaryColor, strokeWidth: "1" }), jsx("circle", { cx: "12", cy: "3", r: "1.5", fill: primaryColor })] })),
44
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 10h20M2 14h20M8 6v14M14 6v14", stroke: primaryColor, strokeWidth: "1" }), jsx("circle", { cx: "12", cy: "3", r: "1.5", fill: primaryColor })] }))),
44
45
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "3", r: "1.5", fill: secondaryColor }), jsx("path", { d: "M2 10h20M2 14h20M2 18h20M8 6v14M14 6v14", stroke: "white", strokeWidth: "1", opacity: "0.4" }), jsx("path", { d: "M12 4.5V6M8 3l1 1.5M16 3l-1 1.5", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
45
46
  },
46
47
  });
@@ -58,7 +59,7 @@ const NtdEvCharger = /* @__PURE__ */ createIcon({
58
59
  paths: {
59
60
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", fill: primaryColor }), jsx("path", { d: "M8 8h4v4H8z", fill: "white" }), jsx("path", { d: "M10 6v2M10 12v2M8 10h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M16 10h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("circle", { cx: "10", cy: "16", r: "1", fill: "white" })] })),
60
61
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 8h4v4H8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 6v2M10 12v2M8 10h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M16 10h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "16", r: "1", fill: primaryColor })] })),
61
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 8h4v4H8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 6v2M10 12v2M8 10h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M16 10h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "16", r: "1", fill: primaryColor })] })),
62
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 8h4v4H8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 6v2M10 12v2M8 10h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M16 10h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "10", cy: "16", r: "1", fill: primaryColor })] }))),
62
63
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "2", width: "12", height: "18", rx: "2", fill: "white", opacity: "0.08" }), jsx("path", { d: "M8 8h4v4H8z", fill: "white" }), jsx("circle", { cx: "10", cy: "16", r: "1", fill: "white" }), jsx("path", { d: "M10 6v2M10 12v2M8 10h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M16 10h2a2 2 0 012 2v4a2 2 0 01-2 2h-2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
63
64
  },
64
65
  });
@@ -79,7 +80,7 @@ const NtdCo2 = /* @__PURE__ */ createIcon({
79
80
  paths: {
80
81
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("text", { x: "12", y: "14", textAnchor: "middle", fill: "white", fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "CO\u2082" })] })),
81
82
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "CO\u2082" })] })),
82
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "CO\u2082" })] })),
83
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("text", { x: "12", y: "14", textAnchor: "middle", fill: primaryColor, fontSize: "7", fontWeight: "bold", fontFamily: "system-ui", children: "CO\u2082" })] }))),
83
84
  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" })] })),
84
85
  },
85
86
  });
@@ -88,7 +89,7 @@ const NtdNetZero = /* @__PURE__ */ createIcon({
88
89
  paths: {
89
90
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M7 12h10M12 7v10", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("text", { x: "12", y: "20", textAnchor: "middle", fill: primaryColor, fontSize: "4", fontWeight: "bold", children: "NET ZERO" })] })),
90
91
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 12h10M12 7v10", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
91
- 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: "M7 12h10M12 7v10", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
92
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 12h10M12 7v10", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
92
93
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M7 12h10M12 7v10", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round" })] })),
93
94
  },
94
95
  });
@@ -100,7 +101,7 @@ const NtdEcoFriendly = /* @__PURE__ */ createIcon({
100
101
  paths: {
101
102
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z", fill: primaryColor }), jsx("path", { d: "M12 6c-2 0-4 2-4 5 0 2 1 4 4 4s4-2 4-4c0-3-2-5-4-5z", fill: "white" }), jsx("path", { d: "M12 8v5M10 10c0-1 1-2 2-2s2 1 2 2", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
102
103
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6c-2 0-4 2-4 5 0 2 1 4 4 4s4-2 4-4c0-3-2-5-4-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 8v5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
103
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6c-2 0-4 2-4 5 0 2 1 4 4 4s4-2 4-4c0-3-2-5-4-5z", fill: primaryColor }), jsx("path", { d: "M12 8v5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
104
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6c-2 0-4 2-4 5 0 2 1 4 4 4s4-2 4-4c0-3-2-5-4-5z", fill: primaryColor }), jsx("path", { d: "M12 8v5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] }))),
104
105
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z", fill: primaryColor }), jsx("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M12 6c-2 0-4 2-4 5 0 2 1 4 4 4s4-2 4-4c0-3-2-5-4-5z", fill: "white" }), jsx("path", { d: "M12 8v5M10 10c0-1 1-2 2-2s2 1 2 2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
105
106
  },
106
107
  });
@@ -109,7 +110,7 @@ const NtdOrganic = /* @__PURE__ */ createIcon({
109
110
  paths: {
110
111
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2z", fill: primaryColor }), jsx("path", { d: "M8 12c0-2.5 2-4 4-4s4 1.5 4 4-2 5-4 5-4-2.5-4-5zM12 8c-1 2-2 4-2 4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
111
112
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12c0-2.5 2-4 4-4s4 1.5 4 4-2 5-4 5-4-2.5-4-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 8c-1 2-2 4-2 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
112
- 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 12c0-2.5 2-4 4-4s4 1.5 4 4-2 5-4 5-4-2.5-4-5z", fill: primaryColor })] })),
113
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12c0-2.5 2-4 4-4s4 1.5 4 4-2 5-4 5-4-2.5-4-5z", fill: primaryColor })] }))),
113
114
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2z", fill: primaryColor }), jsx("path", { d: "M12 2c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12 6.5 2 12 2z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M8 12c0-2.5 2-4 4-4s4 1.5 4 4-2 5-4 5-4-2.5-4-5zM12 8c-1 2-2 4-2 4", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round" })] })),
114
115
  },
115
116
  });
@@ -118,7 +119,7 @@ const NtdBiodegradable = /* @__PURE__ */ createIcon({
118
119
  paths: {
119
120
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10z", fill: primaryColor }), jsx("path", { d: "M12 6v4l3 2M12 10l-3 2M9 18c0-2 1.5-4 3-4s3 2 3 4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
120
121
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v4l3 2M12 10l-3 2M9 18c0-2 1.5-4 3-4s3 2 3 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
121
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v4l3 2M12 10l-3 2M9 18c0-2 1.5-4 3-4s3 2 3 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
122
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v4l3 2M12 10l-3 2M9 18c0-2 1.5-4 3-4s3 2 3 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] }))),
122
123
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10z", fill: primaryColor }), jsx("path", { d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 6v4l3 2M12 10l-3 2M9 18c0-2 1.5-4 3-4s3 2 3 4", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })] })),
123
124
  },
124
125
  });
@@ -130,7 +131,7 @@ const NtdPlantTree = /* @__PURE__ */ createIcon({
130
131
  paths: {
131
132
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", fill: primaryColor }), jsx("path", { d: "M12 14v8", stroke: primaryColor, strokeWidth: "3", strokeLinecap: "round" })] })),
132
133
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 14v8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
133
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 14v8", stroke: primaryColor, strokeWidth: "3", strokeLinecap: "round" })] })),
134
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 14v8", stroke: primaryColor, strokeWidth: "3", strokeLinecap: "round" })] }))),
134
135
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", fill: primaryColor }), jsx("path", { d: "M12 2C9 2 7 4.5 7 7c0 1.5.5 2.5 1 3.5C6 11 4 13 4 16c0 2.5 2 4 4 4h8c2 0 4-1.5 4-4 0-3-2-5-4-5.5.5-1 1-2 1-3.5 0-2.5-2-5-5-5z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 14v8", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" })] })),
135
136
  },
136
137
  });
@@ -139,7 +140,7 @@ const NtdWildlife = /* @__PURE__ */ createIcon({
139
140
  paths: {
140
141
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", fill: primaryColor }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: "white" }), jsx("circle", { cx: "15", cy: "10", r: "1.5", fill: "white" }), jsx("path", { d: "M10 14c.5.5 1.5 1 2 1s1.5-.5 2-1", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })] })),
141
142
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.5", fill: primaryColor }), jsx("path", { d: "M10 14c.5.5 1.5 1 2 1s1.5-.5 2-1", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
142
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.5", fill: primaryColor })] })),
143
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "15", cy: "10", r: "1.5", fill: primaryColor })] }))),
143
144
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", fill: primaryColor }), jsx("path", { d: "M12 4c-3 0-5 1-6 3-1 2 0 4 1 5l1 1c0 1-1 3-1 4 0 2 2 4 5 4s5-2 5-4c0-1-1-3-1-4l1-1c1-1 2-3 1-5-1-2-3-3-6-3z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "10", r: "1.5", fill: "white" }), jsx("circle", { cx: "15", cy: "10", r: "1.5", fill: "white" }), jsx("path", { d: "M10 14c.5.5 1.5 1 2 1s1.5-.5 2-1", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
144
145
  },
145
146
  });
package/dist/esm/icons/travel.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
2
  import { createIcon } from '../createIcon.js';
3
- import { within } from '../iconParts.js';
3
+ import { within, swapDuotone } from '../iconParts.js';
4
4
 
5
5
  /* ────────────────────────────────────────────────────────────────────────────
6
6
  TRANSPORTATION
@@ -19,7 +19,7 @@ const NtdPlaneTakeoff = /* @__PURE__ */ createIcon({
19
19
  paths: {
20
20
  solid: ({ primaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M2.5 19h19M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", fill: primaryColor }) })),
21
21
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2.5 19h19", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
22
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2.5 19h19", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
22
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2.5 19h19", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
23
23
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2.5 19h19M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", fill: primaryColor }), jsx("path", { d: "M2.5 19h19M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", fill: "white", opacity: "0.1" })] })),
24
24
  },
25
25
  });
@@ -28,7 +28,7 @@ const NtdTrain = /* @__PURE__ */ createIcon({
28
28
  paths: {
29
29
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: primaryColor }), jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "8", cy: "15", r: "1.5", fill: "white" }), jsx("circle", { cx: "16", cy: "15", r: "1.5", fill: "white" }), jsx("path", { d: "M8 20l-2 2M16 20l2 2M12 18v4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
30
30
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 20l-2 2M16 20l2 2M12 18v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
31
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", fill: primaryColor }), jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "15", r: "1.5", fill: primaryColor }), jsx("path", { d: "M8 20l-2 2M16 20l2 2M12 18v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
31
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", fill: primaryColor }), jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "15", r: "1.5", fill: primaryColor }), jsx("path", { d: "M8 20l-2 2M16 20l2 2M12 18v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
32
32
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: primaryColor }), jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: "white", opacity: "0.08" }), jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "8", cy: "15", r: "1.5", fill: "white" }), jsx("circle", { cx: "16", cy: "15", r: "1.5", fill: "white" }), jsx("path", { d: "M8 20l-2 2M16 20l2 2M12 18v4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
33
33
  },
34
34
  });
@@ -37,22 +37,22 @@ const NtdCar = /* @__PURE__ */ createIcon({
37
37
  paths: {
38
38
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: primaryColor }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: "white", opacity: "0.5" })] })),
39
39
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
40
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: primaryColor })] })),
40
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: primaryColor })] }))),
41
41
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: primaryColor }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: "white", opacity: "0.5" })] })),
42
42
  },
43
43
  });
44
44
  // NtdBus: seen from the front — the body with a big windscreen (its top frame 1.75, 30% less than
45
45
  // the side view's), the driver (NtdUser's head and shoulders) in it on the left, two headlights and
46
46
  // a bumper line below it, and the wheels as rectangles under the body (round side-view wheels
47
- // read oddly). Filled, the windscreen, the headlights and the bumper are in the accent colour and
48
- // the driver primary.
47
+ // read oddly), showing 2 below it — low-floor (they showed 3). Filled, the windscreen, the
48
+ // headlights and the bumper are in the accent colour and the driver primary.
49
49
  const BUS_BODY = { x: 3, y: 2, width: 18, height: 17, rx: 2.5 };
50
50
  const BUS_WINDOW = { x: 4.75, y: 3.75, width: 14.5, height: 7.5, rx: 1 };
51
51
  /** The driver, cut off by the windscreen's bottom edge. */
52
52
  const BUS_DRIVER = 'M8.4 5.3a1.6 1.6 0 110 3.2 1.6 1.6 0 110-3.2zM5.6 11.5v-.1a2.3 2.3 0 012.3-2.3h1a2.3 2.3 0 012.3 2.3v.1z';
53
53
  const BUS_LIGHTS = 'M6.6 13.7a1.3 1.3 0 110 2.6 1.3 1.3 0 110-2.6zM17.4 13.7a1.3 1.3 0 110 2.6 1.3 1.3 0 110-2.6z';
54
54
  const BUS_BUMPER = 'M3 17.4h18';
55
- const BUS_WHEELS = 'M5.5 18h3v3a1 1 0 01-1 1h-1a1 1 0 01-1-1zM15.5 18h3v3a1 1 0 01-1 1h-1a1 1 0 01-1-1z';
55
+ const BUS_WHEELS = 'M5.5 18h3v2a1 1 0 01-1 1h-1a1 1 0 01-1-1zM15.5 18h3v2a1 1 0 01-1 1h-1a1 1 0 01-1-1z';
56
56
  function busFilled({ primaryColor, uid }, glass, details, detailOpacity) {
57
57
  return (jsxs(Fragment, { children: [jsx("path", { d: BUS_WHEELS, fill: primaryColor }), jsx("rect", { ...BUS_BODY, fill: primaryColor }), jsxs("g", { opacity: detailOpacity, children: [jsx("path", { d: BUS_LIGHTS, fill: details }), within(uid, 'body', jsx("rect", { ...BUS_BODY }), jsx("path", { d: BUS_BUMPER, stroke: details, strokeWidth: "1.2" }))] }), jsx("rect", { ...BUS_WINDOW, fill: glass }), within(uid, 'window', jsx("rect", { ...BUS_WINDOW }), jsx("path", { d: BUS_DRIVER, fill: primaryColor }))] }));
58
58
  }
@@ -60,7 +60,7 @@ const NtdBus = /* @__PURE__ */ createIcon({
60
60
  displayName: 'NtdBus',
61
61
  paths: {
62
62
  solid: (props) => busFilled(props, props.accentColor, props.accentColor, props.accentOpacity),
63
- outline: ({ primaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...BUS_BODY, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { ...BUS_WINDOW, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), within(uid, 'window', jsx("rect", { ...BUS_WINDOW }), jsx("path", { d: BUS_DRIVER, fill: primaryColor })), jsx("path", { d: "M6.6 14a1 1 0 110 2 1 1 0 110-2zM17.4 14a1 1 0 110 2 1 1 0 110-2z", fill: primaryColor }), jsx("path", { d: "M6 19v2a1 1 0 001 1h1a1 1 0 001-1v-2M15 19v2a1 1 0 001 1h1a1 1 0 001-1v-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
63
+ outline: ({ primaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...BUS_BODY, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { ...BUS_WINDOW, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), within(uid, 'window', jsx("rect", { ...BUS_WINDOW }), jsx("path", { d: BUS_DRIVER, fill: primaryColor })), jsx("path", { d: "M6.6 14a1 1 0 110 2 1 1 0 110-2zM17.4 14a1 1 0 110 2 1 1 0 110-2z", fill: primaryColor }), jsx("path", { d: "M6 19v1a1 1 0 001 1h1a1 1 0 001-1v-1M15 19v1a1 1 0 001 1h1a1 1 0 001-1v-1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
64
64
  // fills only: the body and the driver primary, the windscreen and the details secondary
65
65
  duotone: (props) => busFilled(props, props.secondaryColor, props.secondaryColor, 1),
66
66
  vivid: (props) => busFilled(props, props.secondaryColor, props.accentColor, props.accentOpacity),
@@ -89,7 +89,7 @@ const NtdTaxi = /* @__PURE__ */ createIcon({
89
89
  paths: {
90
90
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: primaryColor }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }), jsx("text", { x: "12", y: "4", textAnchor: "middle", fill: "white", fontSize: "2.5", fontWeight: "bold", fontFamily: "system-ui", children: "TAXI" })] })),
91
91
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
92
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: primaryColor })] })),
92
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: primaryColor })] }))),
93
93
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: "white", opacity: "0.08" }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: secondaryColor }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: "white", opacity: "0.5" })] })),
94
94
  },
95
95
  });
@@ -101,7 +101,7 @@ const NtdLuggage = /* @__PURE__ */ createIcon({
101
101
  paths: {
102
102
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2", stroke: primaryColor, strokeWidth: "2" }), jsx("path", { d: "M10 10v6M14 10v6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.5" }), jsx("circle", { cx: "8", cy: "22", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "22", r: "1", fill: primaryColor })] })),
103
103
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 10v6M14 10v6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "8", cy: "22", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "22", r: "1", fill: primaryColor })] })),
104
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 10v6M14 10v6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "8", cy: "22", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "22", r: "1", fill: primaryColor })] })),
104
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 10v6M14 10v6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "8", cy: "22", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "22", r: "1", fill: primaryColor })] }))),
105
105
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "8", cy: "22", r: "1", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "22", r: "1", fill: "#3B82F6" }), jsx("path", { d: "M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M10 10v6M14 10v6", stroke: "white", strokeWidth: "1", strokeLinecap: "round", opacity: "0.35" })] })),
106
106
  },
107
107
  });
@@ -110,7 +110,7 @@ const NtdPassport = /* @__PURE__ */ createIcon({
110
110
  paths: {
111
111
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "4", fill: "white", opacity: "0.3" }), jsx("path", { d: "M8 17h8M9 19h6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.5" })] })),
112
112
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 17h8M9 19h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
113
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "4", fill: primaryColor, opacity: "0.5", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M8 17h8M9 19h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
113
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "4", fill: primaryColor, opacity: "0.5", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M8 17h8M9 19h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
114
114
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "10", r: "4", fill: "white", opacity: "0.3" }), jsx("path", { d: "M8 17h8M9 19h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round", opacity: "0.4" })] })),
115
115
  },
116
116
  });
@@ -119,7 +119,7 @@ const NtdTicket = /* @__PURE__ */ createIcon({
119
119
  paths: {
120
120
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", fill: primaryColor }), jsx("path", { d: "M9 6v12", stroke: "white", strokeWidth: "1.5", strokeDasharray: "2 2" }), jsx("path", { d: "M13 10h5M13 14h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.5" })] })),
121
121
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6v12", stroke: primaryColor, strokeWidth: strokeWidth, strokeDasharray: "2 2" }), jsx("path", { d: "M13 10h5M13 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
122
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6v12", stroke: primaryColor, strokeWidth: strokeWidth, strokeDasharray: "2 2" }), jsx("path", { d: "M13 10h5M13 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
122
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6v12", stroke: primaryColor, strokeWidth: strokeWidth, strokeDasharray: "2 2" }), jsx("path", { d: "M13 10h5M13 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] }))),
123
123
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", fill: primaryColor }), jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M9 6v12", stroke: "white", strokeWidth: "1.8", strokeDasharray: "2 2" }), jsx("path", { d: "M13 10h5M13 14h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.5" })] })),
124
124
  },
125
125
  });
@@ -128,7 +128,7 @@ const NtdHotel = /* @__PURE__ */ createIcon({
128
128
  paths: {
129
129
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "5", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "5", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "10", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "10", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: "white", opacity: "0.3" })] })),
130
130
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "5", width: "4", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "5", width: "4", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "10", width: "4", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "10", width: "4", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
131
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "5", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "13", y: "5", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "10", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "13", y: "10", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: primaryColor, opacity: "0.5" })] })),
131
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "5", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "13", y: "5", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "10", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "13", y: "10", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: primaryColor, opacity: "0.5" })] }))),
132
132
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "7", y: "5", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "5", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "10", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "10", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: "white", opacity: "0.3" })] })),
133
133
  },
134
134
  });
@@ -155,7 +155,7 @@ const NtdCompassRose = /* @__PURE__ */ createIcon({
155
155
  paths: {
156
156
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M12 7l2 5-2 5-2-5 2-5z", fill: "white" }), jsx("path", { d: "M7 12l5-2 5 2-5 2-5-2z", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor })] })),
157
157
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 7l2 5-2 5-2-5 2-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M7 12l5-2 5 2-5 2-5-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
158
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 7l2 5-2 5-2-5 2-5z", fill: primaryColor }), jsx("path", { d: "M7 12l5-2 5 2-5 2-5-2z", fill: primaryColor, opacity: "0.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white", stroke: primaryColor, strokeWidth: strokeWidth })] })),
158
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 7l2 5-2 5-2-5 2-5z", fill: primaryColor }), jsx("path", { d: "M7 12l5-2 5 2-5 2-5-2z", fill: primaryColor, opacity: "0.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
159
159
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("path", { d: "M12 7l2 5-2 5-2-5 2-5z", fill: "white" }), jsx("path", { d: "M7 12l5-2 5 2-5 2-5-2z", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "#10B981" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
160
160
  },
161
161
  });