@nice2dev/icons 1.3.15 → 1.3.16

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 (140) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/NiceDesktopIconExporter.js +688 -599
  3. package/dist/cjs/NiceFaviconGenerator.js +603 -417
  4. package/dist/cjs/NiceIconPicker.js +788 -508
  5. package/dist/cjs/NiceIconPreview.js +246 -188
  6. package/dist/cjs/NiceIconSetCreator.js +683 -552
  7. package/dist/cjs/NiceIconStacker.js +547 -171
  8. package/dist/cjs/NiceIconValue.js +27 -35
  9. package/dist/cjs/NtdIconBadge.js +384 -360
  10. package/dist/cjs/NtdIconMorph.js +419 -354
  11. package/dist/cjs/NtdStateMorph.js +150 -147
  12. package/dist/cjs/advancedIconSearch.js +373 -510
  13. package/dist/cjs/animationControls.js +518 -642
  14. package/dist/cjs/client.js +12 -15
  15. package/dist/cjs/createIcon.js +349 -251
  16. package/dist/cjs/design-tokens.js +324 -390
  17. package/dist/cjs/figmaExport.js +162 -257
  18. package/dist/cjs/figmaSync.js +234 -316
  19. package/dist/cjs/headless-ui.js +240 -368
  20. package/dist/cjs/iconAnalytics.js +337 -393
  21. package/dist/cjs/iconHtml.js +64 -86
  22. package/dist/cjs/iconMetadata.js +392 -472
  23. package/dist/cjs/iconParts.js +120 -90
  24. package/dist/cjs/iconStack.js +136 -155
  25. package/dist/cjs/iconStyles.js +1609 -504
  26. package/dist/cjs/iconValue.js +359 -430
  27. package/dist/cjs/icons/accessibility.js +1119 -134
  28. package/dist/cjs/icons/actions.js +1290 -330
  29. package/dist/cjs/icons/ai.js +1424 -144
  30. package/dist/cjs/icons/brand.js +1344 -172
  31. package/dist/cjs/icons/business.js +903 -193
  32. package/dist/cjs/icons/devtech.js +1656 -227
  33. package/dist/cjs/icons/ecommerce.js +802 -111
  34. package/dist/cjs/icons/education.js +1345 -199
  35. package/dist/cjs/icons/files.js +1597 -328
  36. package/dist/cjs/icons/fintech.js +793 -104
  37. package/dist/cjs/icons/food.js +1507 -153
  38. package/dist/cjs/icons/fun.js +786 -109
  39. package/dist/cjs/icons/gaming.js +916 -170
  40. package/dist/cjs/icons/health.js +623 -112
  41. package/dist/cjs/icons/index.js +32 -35
  42. package/dist/cjs/icons/input.js +282 -83
  43. package/dist/cjs/icons/legal.js +1065 -122
  44. package/dist/cjs/icons/media.js +1061 -267
  45. package/dist/cjs/icons/navigation.js +387 -122
  46. package/dist/cjs/icons/omniverk.js +747 -90
  47. package/dist/cjs/icons/realestate.js +1520 -193
  48. package/dist/cjs/icons/saas.js +867 -98
  49. package/dist/cjs/icons/science.js +1451 -202
  50. package/dist/cjs/icons/shapes.js +1316 -308
  51. package/dist/cjs/icons/smarthome.js +786 -90
  52. package/dist/cjs/icons/social.js +591 -59
  53. package/dist/cjs/icons/sports.js +1225 -133
  54. package/dist/cjs/icons/sustainability.js +1211 -139
  55. package/dist/cjs/icons/travel.js +1470 -148
  56. package/dist/cjs/icons/ui.js +1508 -315
  57. package/dist/cjs/icons/weather.js +1160 -173
  58. package/dist/cjs/index.js +566 -568
  59. package/dist/cjs/lottieIntegration.js +261 -266
  60. package/dist/cjs/nicetodev-icons.css +1 -1
  61. package/dist/cjs/particleEffects.js +270 -251
  62. package/dist/cjs/resolver.js +229 -284
  63. package/dist/cjs/rsc.js +175 -193
  64. package/dist/cjs/sharpen.js +73 -130
  65. package/dist/cjs/smilAnimations.js +371 -165
  66. package/dist/cjs/stacking.js +87 -122
  67. package/dist/cjs/tailwind-plugin.js +280 -320
  68. package/dist/cjs/types.js +46 -72
  69. package/dist/cjs/utilities.js +163 -324
  70. package/dist/cjs/variantProps.js +12 -52
  71. package/dist/esm/NiceDesktopIconExporter.js +671 -598
  72. package/dist/esm/NiceFaviconGenerator.js +583 -416
  73. package/dist/esm/NiceIconPicker.js +789 -507
  74. package/dist/esm/NiceIconPreview.js +247 -187
  75. package/dist/esm/NiceIconSetCreator.js +685 -551
  76. package/dist/esm/NiceIconStacker.js +549 -170
  77. package/dist/esm/NiceIconValue.js +29 -34
  78. package/dist/esm/NtdIconBadge.js +388 -359
  79. package/dist/esm/NtdIconMorph.js +423 -353
  80. package/dist/esm/NtdStateMorph.js +152 -146
  81. package/dist/esm/advancedIconSearch.js +391 -509
  82. package/dist/esm/animationControls.js +527 -641
  83. package/dist/esm/client.js +48 -10
  84. package/dist/esm/createIcon.js +350 -250
  85. package/dist/esm/design-tokens.js +334 -387
  86. package/dist/esm/figmaExport.js +170 -256
  87. package/dist/esm/figmaSync.js +237 -315
  88. package/dist/esm/headless-ui.js +254 -365
  89. package/dist/esm/iconAnalytics.js +342 -392
  90. package/dist/esm/iconHtml.js +67 -85
  91. package/dist/esm/iconMetadata.js +404 -471
  92. package/dist/esm/iconParts.js +125 -89
  93. package/dist/esm/iconStack.js +145 -154
  94. package/dist/esm/iconStyles.js +1620 -503
  95. package/dist/esm/iconValue.js +361 -429
  96. package/dist/esm/icons/accessibility.js +1133 -133
  97. package/dist/esm/icons/actions.js +1320 -329
  98. package/dist/esm/icons/ai.js +1441 -143
  99. package/dist/esm/icons/brand.js +1351 -171
  100. package/dist/esm/icons/business.js +931 -201
  101. package/dist/esm/icons/devtech.js +1687 -226
  102. package/dist/esm/icons/ecommerce.js +816 -110
  103. package/dist/esm/icons/education.js +1364 -198
  104. package/dist/esm/icons/files.js +1628 -327
  105. package/dist/esm/icons/fintech.js +807 -103
  106. package/dist/esm/icons/food.js +1524 -152
  107. package/dist/esm/icons/fun.js +801 -108
  108. package/dist/esm/icons/gaming.js +933 -169
  109. package/dist/esm/icons/health.js +636 -111
  110. package/dist/esm/icons/index.js +596 -32
  111. package/dist/esm/icons/input.js +326 -82
  112. package/dist/esm/icons/legal.js +1079 -121
  113. package/dist/esm/icons/media.js +1086 -266
  114. package/dist/esm/icons/navigation.js +401 -121
  115. package/dist/esm/icons/omniverk.js +759 -89
  116. package/dist/esm/icons/realestate.js +1544 -198
  117. package/dist/esm/icons/saas.js +880 -97
  118. package/dist/esm/icons/science.js +1477 -208
  119. package/dist/esm/icons/shapes.js +1343 -307
  120. package/dist/esm/icons/smarthome.js +799 -89
  121. package/dist/esm/icons/social.js +599 -58
  122. package/dist/esm/icons/sports.js +1240 -132
  123. package/dist/esm/icons/sustainability.js +1226 -138
  124. package/dist/esm/icons/travel.js +1486 -147
  125. package/dist/esm/icons/ui.js +1540 -314
  126. package/dist/esm/icons/weather.js +1181 -172
  127. package/dist/esm/index.js +756 -58
  128. package/dist/esm/lottieIntegration.js +264 -265
  129. package/dist/esm/nicetodev-icons.css +1 -1
  130. package/dist/esm/particleEffects.js +271 -250
  131. package/dist/esm/resolver.js +231 -283
  132. package/dist/esm/rsc.js +182 -192
  133. package/dist/esm/sharpen.js +78 -129
  134. package/dist/esm/smilAnimations.js +376 -164
  135. package/dist/esm/stacking.js +99 -121
  136. package/dist/esm/tailwind-plugin.js +282 -319
  137. package/dist/esm/types.js +50 -71
  138. package/dist/esm/utilities.js +177 -321
  139. package/dist/esm/variantProps.js +23 -52
  140. package/package.json +15 -22
@@ -1,155 +1,435 @@
1
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
- import { createIcon } from '../createIcon.js';
3
- import { swapDuotone } from '../iconParts.js';
4
-
1
+ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
+ import { createIcon } from "../createIcon.js";
3
+ import { swapDuotone } from "../iconParts.js";
5
4
  const NtdArrowUp = /* @__PURE__ */ createIcon({
6
- displayName: 'NtdArrowUp',
7
- paths: {
8
- solid: ({ primaryColor }) => jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }),
9
- outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 5.5l-6.5 6.5H10v7h4v-7h4.5L12 5.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
10
- duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
11
- vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: "white", opacity: "0.1" })] })),
12
- },
5
+ displayName: "NtdArrowUp",
6
+ paths: {
7
+ solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }),
8
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
9
+ "path",
10
+ {
11
+ d: "M12 5.5l-6.5 6.5H10v7h4v-7h4.5L12 5.5z",
12
+ stroke: primaryColor,
13
+ strokeWidth,
14
+ fill: "none"
15
+ }
16
+ ),
17
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
18
+ /* @__PURE__ */ jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: secondaryColor, opacity: secondaryOpacity }),
19
+ /* @__PURE__ */ jsx(
20
+ "path",
21
+ {
22
+ d: "M12 4l-8 8h5v8h6v-8h5L12 4z",
23
+ stroke: primaryColor,
24
+ strokeWidth,
25
+ fill: "none"
26
+ }
27
+ )
28
+ ] })),
29
+ vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
30
+ /* @__PURE__ */ jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }),
31
+ /* @__PURE__ */ jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: "white", opacity: "0.1" })
32
+ ] })
33
+ }
13
34
  });
14
35
  const NtdArrowDown = /* @__PURE__ */ createIcon({
15
- displayName: 'NtdArrowDown',
16
- paths: {
17
- solid: ({ primaryColor }) => jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }),
18
- outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 18.5l6.5-6.5H14V5h-4v7H5.5L12 18.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
19
- duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
20
- vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: "white", opacity: "0.1" })] })),
21
- },
36
+ displayName: "NtdArrowDown",
37
+ paths: {
38
+ solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }),
39
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
40
+ "path",
41
+ {
42
+ d: "M12 18.5l6.5-6.5H14V5h-4v7H5.5L12 18.5z",
43
+ stroke: primaryColor,
44
+ strokeWidth,
45
+ fill: "none"
46
+ }
47
+ ),
48
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
49
+ /* @__PURE__ */ jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: secondaryColor, opacity: secondaryOpacity }),
50
+ /* @__PURE__ */ jsx(
51
+ "path",
52
+ {
53
+ d: "M12 20l8-8h-5V4H9v8H4l8 8z",
54
+ stroke: primaryColor,
55
+ strokeWidth,
56
+ fill: "none"
57
+ }
58
+ )
59
+ ] })),
60
+ vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
61
+ /* @__PURE__ */ jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }),
62
+ /* @__PURE__ */ jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: "white", opacity: "0.1" })
63
+ ] })
64
+ }
22
65
  });
23
66
  const NtdArrowLeft = /* @__PURE__ */ createIcon({
24
- displayName: 'NtdArrowLeft',
25
- paths: {
26
- solid: ({ primaryColor }) => jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }),
27
- outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5.5 12l6.5-6.5V10h7v4h-7v4.5L5.5 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
28
- duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
29
- vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: "white", opacity: "0.1" })] })),
30
- },
67
+ displayName: "NtdArrowLeft",
68
+ paths: {
69
+ solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }),
70
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
71
+ "path",
72
+ {
73
+ d: "M5.5 12l6.5-6.5V10h7v4h-7v4.5L5.5 12z",
74
+ stroke: primaryColor,
75
+ strokeWidth,
76
+ fill: "none"
77
+ }
78
+ ),
79
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
80
+ /* @__PURE__ */ jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: secondaryColor, opacity: secondaryOpacity }),
81
+ /* @__PURE__ */ jsx(
82
+ "path",
83
+ {
84
+ d: "M4 12l8-8v5h8v6h-8v5L4 12z",
85
+ stroke: primaryColor,
86
+ strokeWidth,
87
+ fill: "none"
88
+ }
89
+ )
90
+ ] })),
91
+ vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
92
+ /* @__PURE__ */ jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }),
93
+ /* @__PURE__ */ jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: "white", opacity: "0.1" })
94
+ ] })
95
+ }
31
96
  });
32
97
  const NtdArrowRight = /* @__PURE__ */ createIcon({
33
- displayName: 'NtdArrowRight',
34
- paths: {
35
- solid: ({ primaryColor }) => jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }),
36
- outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M18.5 12L12 5.5V10H5v4h7v4.5L18.5 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
37
- duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
38
- vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: "white", opacity: "0.1" })] })),
39
- },
98
+ displayName: "NtdArrowRight",
99
+ paths: {
100
+ solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }),
101
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
102
+ "path",
103
+ {
104
+ d: "M18.5 12L12 5.5V10H5v4h7v4.5L18.5 12z",
105
+ stroke: primaryColor,
106
+ strokeWidth,
107
+ fill: "none"
108
+ }
109
+ ),
110
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
111
+ /* @__PURE__ */ jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: secondaryColor, opacity: secondaryOpacity }),
112
+ /* @__PURE__ */ jsx(
113
+ "path",
114
+ {
115
+ d: "M20 12l-8-8v5H4v6h8v5l8-8z",
116
+ stroke: primaryColor,
117
+ strokeWidth,
118
+ fill: "none"
119
+ }
120
+ )
121
+ ] })),
122
+ vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
123
+ /* @__PURE__ */ jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }),
124
+ /* @__PURE__ */ jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: "white", opacity: "0.1" })
125
+ ] })
126
+ }
40
127
  });
41
128
  const NtdChevronUp = /* @__PURE__ */ createIcon({
42
- displayName: 'NtdChevronUp',
43
- paths: {
44
- solid: ({ primaryColor }) => jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }),
45
- outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
46
- duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
47
- vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }), jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: "white", opacity: "0.1" })] })),
48
- },
129
+ displayName: "NtdChevronUp",
130
+ paths: {
131
+ solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }),
132
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth }),
133
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
134
+ /* @__PURE__ */ jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }),
135
+ /* @__PURE__ */ jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth })
136
+ ] })),
137
+ vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
138
+ /* @__PURE__ */ jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }),
139
+ /* @__PURE__ */ jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: "white", opacity: "0.1" })
140
+ ] })
141
+ }
49
142
  });
50
143
  const NtdChevronDown = /* @__PURE__ */ createIcon({
51
- displayName: 'NtdChevronDown',
52
- paths: {
53
- solid: ({ primaryColor }) => jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }),
54
- outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth: strokeWidth })),
55
- duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 16l7-7H5l7 7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
56
- vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }), jsx("path", { d: "M12 16l7-7H5l7 7z", fill: "white", opacity: "0.1" })] })),
57
- },
144
+ displayName: "NtdChevronDown",
145
+ paths: {
146
+ solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }),
147
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth }),
148
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
149
+ /* @__PURE__ */ jsx("path", { d: "M12 16l7-7H5l7 7z", fill: secondaryColor, opacity: secondaryOpacity }),
150
+ /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth })
151
+ ] })),
152
+ vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
153
+ /* @__PURE__ */ jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }),
154
+ /* @__PURE__ */ jsx("path", { d: "M12 16l7-7H5l7 7z", fill: "white", opacity: "0.1" })
155
+ ] })
156
+ }
58
157
  });
59
158
  const NtdChevronLeft = /* @__PURE__ */ createIcon({
60
- displayName: 'NtdChevronLeft',
61
- paths: {
62
- solid: ({ primaryColor }) => jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }),
63
- outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
64
- duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
65
- vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }), jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: "white", opacity: "0.1" })] })),
66
- },
159
+ displayName: "NtdChevronLeft",
160
+ paths: {
161
+ solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }),
162
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth }),
163
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
164
+ /* @__PURE__ */ jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }),
165
+ /* @__PURE__ */ jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth })
166
+ ] })),
167
+ vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
168
+ /* @__PURE__ */ jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }),
169
+ /* @__PURE__ */ jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: "white", opacity: "0.1" })
170
+ ] })
171
+ }
67
172
  });
68
173
  const NtdChevronRight = /* @__PURE__ */ createIcon({
69
- displayName: 'NtdChevronRight',
70
- paths: {
71
- solid: ({ primaryColor }) => jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }),
72
- outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
73
- duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
74
- vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }), jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: "white", opacity: "0.1" })] })),
75
- },
174
+ displayName: "NtdChevronRight",
175
+ paths: {
176
+ solid: ({ primaryColor }) => /* @__PURE__ */ jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }),
177
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth }),
178
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
179
+ /* @__PURE__ */ jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: secondaryColor, opacity: secondaryOpacity }),
180
+ /* @__PURE__ */ jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth })
181
+ ] })),
182
+ vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
183
+ /* @__PURE__ */ jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }),
184
+ /* @__PURE__ */ jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: "white", opacity: "0.1" })
185
+ ] })
186
+ }
76
187
  });
77
188
  const NtdMenu = /* @__PURE__ */ createIcon({
78
- displayName: 'NtdMenu',
79
- paths: {
80
- solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: primaryColor })] })),
81
- outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
82
- // the bars of solid, the middle one in secondary (the secondary underlay was drawn over)
83
- duotone: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: secondaryColor }), jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: primaryColor })] })),
84
- vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: secondaryColor }), jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: primaryColor })] })),
85
- },
189
+ displayName: "NtdMenu",
190
+ paths: {
191
+ solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
192
+ /* @__PURE__ */ jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }),
193
+ /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: primaryColor }),
194
+ /* @__PURE__ */ jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: primaryColor })
195
+ ] }),
196
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
197
+ /* @__PURE__ */ jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6", stroke: primaryColor, strokeWidth }),
198
+ /* @__PURE__ */ jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12", stroke: primaryColor, strokeWidth }),
199
+ /* @__PURE__ */ jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18", stroke: primaryColor, strokeWidth })
200
+ ] }),
201
+ // the bars of solid, the middle one in secondary (the secondary underlay was drawn over)
202
+ duotone: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
203
+ /* @__PURE__ */ jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }),
204
+ /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: secondaryColor }),
205
+ /* @__PURE__ */ jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: primaryColor })
206
+ ] }),
207
+ vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
208
+ /* @__PURE__ */ jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }),
209
+ /* @__PURE__ */ jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: secondaryColor }),
210
+ /* @__PURE__ */ jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: primaryColor })
211
+ ] })
212
+ }
86
213
  });
87
- // The filled cross is drawn as two strokes at twice the stroke width, like NtdCheck: it was a
88
- // fixed outline that did not follow `strokeWidth` at all.
89
214
  const NtdClose = /* @__PURE__ */ createIcon({
90
- displayName: 'NtdClose',
91
- paths: {
92
- solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M18 6L6 18M6 6l12 12", stroke: primaryColor, strokeWidth: strokeWidth * 2 })),
93
- outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
94
- // like NtdPlus: one stroke per colour, no backing disc; vivid adds the crossing in accent
95
- duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6l12 12", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsx("path", { d: "M18 6L6 18", stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
96
- vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6l12 12", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsx("path", { d: "M18 6L6 18", stroke: primaryColor, strokeWidth: strokeWidth * 2 }), jsx("rect", { x: 12 - strokeWidth, y: 12 - strokeWidth, width: strokeWidth * 2, height: strokeWidth * 2, transform: "rotate(45 12 12)", fill: accentColor, opacity: accentOpacity })] })),
97
- },
215
+ displayName: "NtdClose",
216
+ paths: {
217
+ solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12", stroke: primaryColor, strokeWidth: strokeWidth * 2 }),
218
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
219
+ /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18", stroke: primaryColor, strokeWidth }),
220
+ /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18", stroke: primaryColor, strokeWidth })
221
+ ] }),
222
+ // like NtdPlus: one stroke per colour, no backing disc; vivid adds the crossing in accent
223
+ duotone: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
224
+ /* @__PURE__ */ jsx("path", { d: "M6 6l12 12", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }),
225
+ /* @__PURE__ */ jsx("path", { d: "M18 6L6 18", stroke: primaryColor, strokeWidth: strokeWidth * 2 })
226
+ ] }),
227
+ vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
228
+ /* @__PURE__ */ jsx("path", { d: "M6 6l12 12", stroke: secondaryColor, strokeWidth: strokeWidth * 2 }),
229
+ /* @__PURE__ */ jsx("path", { d: "M18 6L6 18", stroke: primaryColor, strokeWidth: strokeWidth * 2 }),
230
+ /* @__PURE__ */ jsx(
231
+ "rect",
232
+ {
233
+ x: 12 - strokeWidth,
234
+ y: 12 - strokeWidth,
235
+ width: strokeWidth * 2,
236
+ height: strokeWidth * 2,
237
+ transform: "rotate(45 12 12)",
238
+ fill: accentColor,
239
+ opacity: accentOpacity
240
+ }
241
+ )
242
+ ] })
243
+ }
98
244
  });
99
245
  const NtdMoreHorizontal = /* @__PURE__ */ createIcon({
100
- displayName: 'NtdMoreHorizontal',
101
- paths: {
102
- solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })] })),
103
- outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "19", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })] })),
104
- duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] }))),
105
- // vivid: the outer dots primary, the middle one secondary (the last was a fixed #3B82F6)
106
- vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })] })),
107
- },
246
+ displayName: "NtdMoreHorizontal",
247
+ paths: {
248
+ solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
249
+ /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }),
250
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }),
251
+ /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })
252
+ ] }),
253
+ outline: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
254
+ /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }),
255
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }),
256
+ /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })
257
+ ] }),
258
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
259
+ /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }),
260
+ /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }),
261
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })
262
+ ] })),
263
+ // vivid: the outer dots primary, the middle one secondary (the last was a fixed #3B82F6)
264
+ vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
265
+ /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }),
266
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }),
267
+ /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })
268
+ ] })
269
+ }
108
270
  });
109
271
  const NtdMoreVertical = /* @__PURE__ */ createIcon({
110
- displayName: 'NtdMoreVertical',
111
- paths: {
112
- solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })] })),
113
- outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "19", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })] })),
114
- duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] }))),
115
- // vivid: the outer dots primary, the middle one secondary (the last was a fixed #3B82F6)
116
- vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })] })),
117
- },
272
+ displayName: "NtdMoreVertical",
273
+ paths: {
274
+ solid: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
275
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }),
276
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }),
277
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })
278
+ ] }),
279
+ outline: ({ primaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
280
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "5", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }),
281
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }),
282
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "19", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })
283
+ ] }),
284
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
285
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "5", r: "2", fill: secondaryColor, opacity: secondaryOpacity }),
286
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "19", r: "2", fill: secondaryColor, opacity: secondaryOpacity }),
287
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })
288
+ ] })),
289
+ // vivid: the outer dots primary, the middle one secondary (the last was a fixed #3B82F6)
290
+ vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
291
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }),
292
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }),
293
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })
294
+ ] })
295
+ }
118
296
  });
119
297
  const NtdExternalLink = /* @__PURE__ */ createIcon({
120
- displayName: 'NtdExternalLink',
121
- paths: {
122
- solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
123
- outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
124
- duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "13", height: "15", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] }))),
125
- vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: "2" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
126
- },
298
+ displayName: "NtdExternalLink",
299
+ paths: {
300
+ solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
301
+ /* @__PURE__ */ jsx(
302
+ "path",
303
+ {
304
+ d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6",
305
+ stroke: primaryColor,
306
+ strokeWidth
307
+ }
308
+ ),
309
+ /* @__PURE__ */ jsx(
310
+ "polyline",
311
+ {
312
+ points: "16,3 21,3 21,8",
313
+ stroke: primaryColor,
314
+ strokeWidth,
315
+ fill: "none"
316
+ }
317
+ ),
318
+ /* @__PURE__ */ jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth })
319
+ ] }),
320
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
321
+ /* @__PURE__ */ jsx(
322
+ "path",
323
+ {
324
+ d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6",
325
+ stroke: primaryColor,
326
+ strokeWidth,
327
+ fill: "none"
328
+ }
329
+ ),
330
+ /* @__PURE__ */ jsx(
331
+ "polyline",
332
+ {
333
+ points: "16,3 21,3 21,8",
334
+ stroke: primaryColor,
335
+ strokeWidth,
336
+ fill: "none"
337
+ }
338
+ ),
339
+ /* @__PURE__ */ jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth })
340
+ ] }),
341
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
342
+ /* @__PURE__ */ jsx(
343
+ "rect",
344
+ {
345
+ x: "3",
346
+ y: "6",
347
+ width: "13",
348
+ height: "15",
349
+ rx: "2",
350
+ fill: secondaryColor,
351
+ opacity: secondaryOpacity
352
+ }
353
+ ),
354
+ /* @__PURE__ */ jsx(
355
+ "path",
356
+ {
357
+ d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6",
358
+ stroke: primaryColor,
359
+ strokeWidth,
360
+ fill: "none"
361
+ }
362
+ ),
363
+ /* @__PURE__ */ jsx(
364
+ "polyline",
365
+ {
366
+ points: "16,3 21,3 21,8",
367
+ stroke: primaryColor,
368
+ strokeWidth,
369
+ fill: "none"
370
+ }
371
+ ),
372
+ /* @__PURE__ */ jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth })
373
+ ] })),
374
+ vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
375
+ /* @__PURE__ */ jsx(
376
+ "path",
377
+ {
378
+ d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6",
379
+ stroke: primaryColor,
380
+ strokeWidth: "2"
381
+ }
382
+ ),
383
+ /* @__PURE__ */ jsx("polyline", { points: "16,3 21,3 21,8", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }),
384
+ /* @__PURE__ */ jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })
385
+ ] })
386
+ }
127
387
  });
128
- // NtdRefresh: two arcs round 12,12 (r 7), each ending in a filled head — a line glyph twice the
129
- // stroke width in every variant but `outline`. The tail stops inside its head, so no cap sticks
130
- // out of it in `sharp` (the old tails ran into the heads' corners). Each head (7.2 wide, 4.2 long)
131
- // points along the chord to the start of the other arrow's tail, with a clear gap before it — the
132
- // bigger heads pointed past the tails and nearly touched them. Duotone and vivid: the top arrow
133
- // primary, the bottom one secondary.
134
388
  const REFRESH_TOP = {
135
- tail: 'M6.34 7.89A7 7 0 0 1 17.98 8.37',
136
- head: 'M14.59 8.46L17.89 12.9L21.77 8.96z',
389
+ tail: "M6.34 7.89A7 7 0 0 1 17.98 8.37",
390
+ head: "M14.59 8.46L17.89 12.9L21.77 8.96z"
137
391
  };
138
392
  const REFRESH_BOTTOM = {
139
- tail: 'M17.66 16.11A7 7 0 0 1 6.02 15.63',
140
- head: 'M9.41 15.54L6.11 11.1L2.23 15.04z',
393
+ tail: "M17.66 16.11A7 7 0 0 1 6.02 15.63",
394
+ head: "M9.41 15.54L6.11 11.1L2.23 15.04z"
141
395
  };
142
396
  function refreshArrows(top, bottom, strokeWidth) {
143
- return (jsxs(Fragment, { children: [jsx("path", { d: REFRESH_TOP.tail, stroke: top, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: REFRESH_TOP.head, fill: top }), jsx("path", { d: REFRESH_BOTTOM.tail, stroke: bottom, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: REFRESH_BOTTOM.head, fill: bottom })] }));
397
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
398
+ /* @__PURE__ */ jsx("path", { d: REFRESH_TOP.tail, stroke: top, strokeWidth: strokeWidth * 2, fill: "none" }),
399
+ /* @__PURE__ */ jsx("path", { d: REFRESH_TOP.head, fill: top }),
400
+ /* @__PURE__ */ jsx("path", { d: REFRESH_BOTTOM.tail, stroke: bottom, strokeWidth: strokeWidth * 2, fill: "none" }),
401
+ /* @__PURE__ */ jsx("path", { d: REFRESH_BOTTOM.head, fill: bottom })
402
+ ] });
144
403
  }
145
404
  const NtdRefresh = /* @__PURE__ */ createIcon({
146
- displayName: 'NtdRefresh',
147
- paths: {
148
- solid: ({ primaryColor, strokeWidth }) => refreshArrows(primaryColor, primaryColor, strokeWidth),
149
- outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M4 4v5h5M20 20v-5h-5M20.49 9A9 9 0 005.64 5.64L4 9m16 6l-1.64 3.36A9 9 0 013.51 15", stroke: primaryColor, strokeWidth: strokeWidth })),
150
- duotone: ({ primaryColor, secondaryColor, strokeWidth }) => refreshArrows(primaryColor, secondaryColor, strokeWidth),
151
- vivid: ({ primaryColor, secondaryColor, strokeWidth }) => refreshArrows(primaryColor, secondaryColor, strokeWidth),
152
- },
405
+ displayName: "NtdRefresh",
406
+ paths: {
407
+ solid: ({ primaryColor, strokeWidth }) => refreshArrows(primaryColor, primaryColor, strokeWidth),
408
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
409
+ "path",
410
+ {
411
+ d: "M4 4v5h5M20 20v-5h-5M20.49 9A9 9 0 005.64 5.64L4 9m16 6l-1.64 3.36A9 9 0 013.51 15",
412
+ stroke: primaryColor,
413
+ strokeWidth
414
+ }
415
+ ),
416
+ duotone: ({ primaryColor, secondaryColor, strokeWidth }) => refreshArrows(primaryColor, secondaryColor, strokeWidth),
417
+ vivid: ({ primaryColor, secondaryColor, strokeWidth }) => refreshArrows(primaryColor, secondaryColor, strokeWidth)
418
+ }
153
419
  });
154
-
155
- export { NtdArrowDown, NtdArrowLeft, NtdArrowRight, NtdArrowUp, NtdChevronDown, NtdChevronLeft, NtdChevronRight, NtdChevronUp, NtdClose, NtdExternalLink, NtdMenu, NtdMoreHorizontal, NtdMoreVertical, NtdRefresh };
420
+ export {
421
+ NtdArrowDown,
422
+ NtdArrowLeft,
423
+ NtdArrowRight,
424
+ NtdArrowUp,
425
+ NtdChevronDown,
426
+ NtdChevronLeft,
427
+ NtdChevronRight,
428
+ NtdChevronUp,
429
+ NtdClose,
430
+ NtdExternalLink,
431
+ NtdMenu,
432
+ NtdMoreHorizontal,
433
+ NtdMoreVertical,
434
+ NtdRefresh
435
+ };