@nice2dev/icons 1.3.15 → 1.3.17

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 (153) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/README.md +1 -1
  3. package/dist/cjs/NiceDesktopIconExporter.js +688 -599
  4. package/dist/cjs/NiceFaviconGenerator.js +603 -417
  5. package/dist/cjs/NiceIconPicker.js +788 -508
  6. package/dist/cjs/NiceIconPreview.js +246 -188
  7. package/dist/cjs/NiceIconSetCreator.js +683 -552
  8. package/dist/cjs/NiceIconStacker.js +547 -171
  9. package/dist/cjs/NiceIconValue.js +27 -35
  10. package/dist/cjs/NtdIconBadge.js +384 -360
  11. package/dist/cjs/NtdIconMorph.js +419 -354
  12. package/dist/cjs/NtdStateMorph.js +150 -147
  13. package/dist/cjs/advancedIconSearch.js +373 -510
  14. package/dist/cjs/animationControls.js +518 -642
  15. package/dist/cjs/animationSpeed.js +69 -0
  16. package/dist/cjs/client.js +12 -15
  17. package/dist/cjs/createIcon.js +374 -252
  18. package/dist/cjs/design-tokens.js +324 -390
  19. package/dist/cjs/figmaExport.js +162 -257
  20. package/dist/cjs/figmaSync.js +234 -316
  21. package/dist/cjs/headless-ui.js +240 -368
  22. package/dist/cjs/iconAnalytics.js +337 -393
  23. package/dist/cjs/iconHtml.js +64 -86
  24. package/dist/cjs/iconMetadata.js +392 -472
  25. package/dist/cjs/iconParts.js +120 -90
  26. package/dist/cjs/iconStack.js +136 -155
  27. package/dist/cjs/iconStyles.js +1670 -509
  28. package/dist/cjs/iconValue.js +359 -430
  29. package/dist/cjs/icons/accessibility.js +1119 -134
  30. package/dist/cjs/icons/actions.js +1290 -330
  31. package/dist/cjs/icons/ai.js +1424 -144
  32. package/dist/cjs/icons/brand.js +613 -184
  33. package/dist/cjs/icons/business.js +938 -192
  34. package/dist/cjs/icons/devtech.js +1656 -227
  35. package/dist/cjs/icons/ecommerce.js +802 -111
  36. package/dist/cjs/icons/education.js +1345 -199
  37. package/dist/cjs/icons/files.js +1597 -328
  38. package/dist/cjs/icons/fintech.js +793 -104
  39. package/dist/cjs/icons/food.js +1028 -156
  40. package/dist/cjs/icons/fun.js +804 -109
  41. package/dist/cjs/icons/gaming.js +916 -170
  42. package/dist/cjs/icons/health.js +623 -112
  43. package/dist/cjs/icons/index.js +32 -42
  44. package/dist/cjs/icons/input.js +282 -83
  45. package/dist/cjs/icons/legal.js +1065 -122
  46. package/dist/cjs/icons/media.js +1061 -267
  47. package/dist/cjs/icons/navigation.js +407 -123
  48. package/dist/cjs/icons/omniverk.js +523 -93
  49. package/dist/cjs/icons/realestate.js +1520 -193
  50. package/dist/cjs/icons/saas.js +867 -98
  51. package/dist/cjs/icons/science.js +1344 -202
  52. package/dist/cjs/icons/shapes.js +1316 -308
  53. package/dist/cjs/icons/smarthome.js +786 -90
  54. package/dist/cjs/icons/social.js +591 -59
  55. package/dist/cjs/icons/sports.js +1133 -133
  56. package/dist/cjs/icons/sustainability.js +1211 -139
  57. package/dist/cjs/icons/travel.js +1470 -148
  58. package/dist/cjs/icons/ui.js +1508 -315
  59. package/dist/cjs/icons/weather.js +1160 -173
  60. package/dist/cjs/index.js +559 -568
  61. package/dist/cjs/lottieIntegration.js +261 -266
  62. package/dist/cjs/nicetodev-icons.css +1 -1
  63. package/dist/cjs/particleEffects.js +270 -251
  64. package/dist/cjs/resolver.js +229 -284
  65. package/dist/cjs/rsc.js +175 -193
  66. package/dist/cjs/sharpen.js +73 -130
  67. package/dist/cjs/smilAnimations.js +380 -165
  68. package/dist/cjs/stacking.js +87 -122
  69. package/dist/cjs/tailwind-plugin.js +280 -320
  70. package/dist/cjs/types.js +46 -72
  71. package/dist/cjs/utilities.js +163 -324
  72. package/dist/cjs/variantProps.js +12 -52
  73. package/dist/esm/NiceDesktopIconExporter.js +671 -598
  74. package/dist/esm/NiceFaviconGenerator.js +583 -416
  75. package/dist/esm/NiceIconPicker.js +789 -507
  76. package/dist/esm/NiceIconPreview.js +247 -187
  77. package/dist/esm/NiceIconSetCreator.js +685 -551
  78. package/dist/esm/NiceIconStacker.js +549 -170
  79. package/dist/esm/NiceIconValue.js +29 -34
  80. package/dist/esm/NtdIconBadge.js +388 -359
  81. package/dist/esm/NtdIconMorph.js +423 -353
  82. package/dist/esm/NtdStateMorph.js +152 -146
  83. package/dist/esm/advancedIconSearch.js +391 -509
  84. package/dist/esm/animationControls.js +527 -641
  85. package/dist/esm/animationSpeed.js +69 -0
  86. package/dist/esm/client.js +48 -10
  87. package/dist/esm/createIcon.js +375 -251
  88. package/dist/esm/design-tokens.js +334 -387
  89. package/dist/esm/figmaExport.js +170 -256
  90. package/dist/esm/figmaSync.js +237 -315
  91. package/dist/esm/headless-ui.js +254 -365
  92. package/dist/esm/iconAnalytics.js +342 -392
  93. package/dist/esm/iconHtml.js +67 -85
  94. package/dist/esm/iconMetadata.js +404 -471
  95. package/dist/esm/iconParts.js +125 -89
  96. package/dist/esm/iconStack.js +145 -154
  97. package/dist/esm/iconStyles.js +1681 -508
  98. package/dist/esm/iconValue.js +361 -429
  99. package/dist/esm/icons/accessibility.js +1133 -133
  100. package/dist/esm/icons/actions.js +1320 -329
  101. package/dist/esm/icons/ai.js +1441 -143
  102. package/dist/esm/icons/brand.js +616 -179
  103. package/dist/esm/icons/business.js +957 -191
  104. package/dist/esm/icons/devtech.js +1687 -226
  105. package/dist/esm/icons/ecommerce.js +816 -110
  106. package/dist/esm/icons/education.js +1364 -198
  107. package/dist/esm/icons/files.js +1628 -327
  108. package/dist/esm/icons/fintech.js +807 -103
  109. package/dist/esm/icons/food.js +1043 -153
  110. package/dist/esm/icons/fun.js +819 -108
  111. package/dist/esm/icons/gaming.js +933 -169
  112. package/dist/esm/icons/health.js +636 -111
  113. package/dist/esm/icons/index.js +589 -32
  114. package/dist/esm/icons/input.js +326 -82
  115. package/dist/esm/icons/legal.js +1079 -121
  116. package/dist/esm/icons/media.js +1086 -266
  117. package/dist/esm/icons/navigation.js +421 -122
  118. package/dist/esm/icons/omniverk.js +534 -91
  119. package/dist/esm/icons/realestate.js +1544 -198
  120. package/dist/esm/icons/saas.js +880 -97
  121. package/dist/esm/icons/science.js +1370 -208
  122. package/dist/esm/icons/shapes.js +1343 -307
  123. package/dist/esm/icons/smarthome.js +799 -89
  124. package/dist/esm/icons/social.js +599 -58
  125. package/dist/esm/icons/sports.js +1148 -132
  126. package/dist/esm/icons/sustainability.js +1226 -138
  127. package/dist/esm/icons/travel.js +1486 -147
  128. package/dist/esm/icons/ui.js +1540 -314
  129. package/dist/esm/icons/weather.js +1181 -172
  130. package/dist/esm/index.js +749 -58
  131. package/dist/esm/lottieIntegration.js +264 -265
  132. package/dist/esm/nicetodev-icons.css +1 -1
  133. package/dist/esm/particleEffects.js +271 -250
  134. package/dist/esm/resolver.js +231 -283
  135. package/dist/esm/rsc.js +182 -192
  136. package/dist/esm/sharpen.js +78 -129
  137. package/dist/esm/smilAnimations.js +385 -164
  138. package/dist/esm/stacking.js +99 -121
  139. package/dist/esm/tailwind-plugin.js +282 -319
  140. package/dist/esm/types.js +50 -71
  141. package/dist/esm/utilities.js +177 -321
  142. package/dist/esm/variantProps.js +23 -52
  143. package/dist/types/animationSpeed.d.ts +19 -0
  144. package/dist/types/createIcon.d.ts +6 -0
  145. package/dist/types/iconStyles.d.ts +6 -1
  146. package/dist/types/icons/brand.d.ts +0 -4
  147. package/dist/types/icons/food.d.ts +0 -3
  148. package/dist/types/icons/index.d.ts +3 -3
  149. package/dist/types/icons/omniverk.d.ts +0 -3
  150. package/dist/types/icons/science.d.ts +1 -1
  151. package/dist/types/smilAnimations.d.ts +4 -2
  152. package/dist/types/types.d.ts +7 -0
  153. package/package.json +15 -22
@@ -1,242 +1,1008 @@
1
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
- import { createIcon } from '../createIcon.js';
3
- import { swapDuotone, paperIcon, within } from '../iconParts.js';
4
-
5
- // The band sits a third of the way down the case (11.5; it was halfway, 12.5) and is a cut through
6
- // it: kept inside the case it meets the sides flush (its round caps stuck out of both), in the
7
- // outline too, where it ends on the sides' centre line. A clasp hangs from its middle: low and
8
- // wide, in the accent colour like the band on the filled case (secondary in duotone), with a
9
- // primary lock square in it where it had a slot showing the band through. Vivid: the clasp is all
10
- // accent, without the square, which made it read as an accent ring round a primary middle. The
11
- // handle is 1.5 × the stroke width on the filled cases (1× in the outline).
1
+ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
+ import { createIcon } from "../createIcon.js";
3
+ import { paperIcon, swapDuotone, within } from "../iconParts.js";
12
4
  const BRIEFCASE_CASE = { x: 2, y: 7, width: 20, height: 14, rx: 2 };
13
- const BRIEFCASE_HANDLE = 'M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2';
14
- const BRIEFCASE_BAND = 'M2 11.5h20';
15
- /** The clasp over the band, hanging down from it. */
16
- const BRIEFCASE_CLASP = 'M10.6 10.3h2.8a.8.8 0 01.8.8v2.6a.8.8 0 01-.8.8h-2.8a.8.8 0 01-.8-.8v-2.6a.8.8 0 01.8-.8z';
5
+ const BRIEFCASE_HANDLE = "M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2";
6
+ const BRIEFCASE_BAND = "M2 11.5h20";
7
+ const BRIEFCASE_CLASP = "M10.6 10.3h2.8a.8.8 0 01.8.8v2.6a.8.8 0 01-.8.8h-2.8a.8.8 0 01-.8-.8v-2.6a.8.8 0 01.8-.8z";
17
8
  const BRIEFCASE_LOCK = { x: 11.2, y: 11.6, width: 1.6, height: 1.6 };
18
- /** The band, clipped to the case so it ends flush with the sides. */
19
9
  function briefcaseBand(uid, color, width, opacity = 1) {
20
- return within(uid, 'band', jsx("rect", { ...BRIEFCASE_CASE }), jsx("path", { d: BRIEFCASE_BAND, stroke: color, strokeWidth: width, opacity: opacity }));
10
+ return within(
11
+ uid,
12
+ "band",
13
+ /* @__PURE__ */ jsx("rect", { ...BRIEFCASE_CASE }),
14
+ /* @__PURE__ */ jsx("path", { d: BRIEFCASE_BAND, stroke: color, strokeWidth: width, opacity })
15
+ );
21
16
  }
22
17
  const NtdBriefcase = /* @__PURE__ */ createIcon({
23
- displayName: 'NtdBriefcase',
24
- perfectStackX: 12,
25
- perfectStackY: 14,
26
- perfectStackSize: 0.45,
27
- paths: {
28
- solid: (props) => (jsxs(Fragment, { children: [jsx("rect", { ...BRIEFCASE_CASE, fill: props.primaryColor }), jsx("path", { d: BRIEFCASE_HANDLE, stroke: props.primaryColor, strokeWidth: props.strokeWidth * 1.5, fill: "none" }), briefcaseBand(props.uid, props.accentColor, props.strokeWidth * 1.5, props.accentOpacity), jsx("path", { d: BRIEFCASE_CLASP, fill: props.accentColor, opacity: props.accentOpacity }), jsx("rect", { ...BRIEFCASE_LOCK, fill: props.primaryColor })] })),
29
- outline: ({ primaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...BRIEFCASE_CASE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: BRIEFCASE_HANDLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), briefcaseBand(uid, primaryColor, strokeWidth), jsx("path", { d: BRIEFCASE_CLASP, fill: primaryColor })] })),
30
- // fills only: the case and the handle primary, the band and the clasp secondary
31
- duotone: ({ primaryColor, secondaryColor, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...BRIEFCASE_CASE, fill: primaryColor }), jsx("path", { d: BRIEFCASE_HANDLE, stroke: primaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" }), briefcaseBand(uid, secondaryColor, strokeWidth * 1.5), jsx("path", { d: BRIEFCASE_CLASP, fill: secondaryColor }), jsx("rect", { ...BRIEFCASE_LOCK, fill: primaryColor })] })),
32
- vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => (jsxs(Fragment, { children: [jsx("rect", { ...BRIEFCASE_CASE, fill: primaryColor }), jsx("path", { d: BRIEFCASE_HANDLE, stroke: secondaryColor, strokeWidth: strokeWidth * 1.5, fill: "none" }), briefcaseBand(uid, secondaryColor, strokeWidth * 1.5), jsx("path", { d: BRIEFCASE_CLASP, fill: accentColor, opacity: accentOpacity })] })),
33
- },
18
+ displayName: "NtdBriefcase",
19
+ perfectStackX: 12,
20
+ perfectStackY: 14,
21
+ perfectStackSize: 0.45,
22
+ paths: {
23
+ solid: (props) => /* @__PURE__ */ jsxs(Fragment, { children: [
24
+ /* @__PURE__ */ jsx("rect", { ...BRIEFCASE_CASE, fill: props.primaryColor }),
25
+ /* @__PURE__ */ jsx(
26
+ "path",
27
+ {
28
+ d: BRIEFCASE_HANDLE,
29
+ stroke: props.primaryColor,
30
+ strokeWidth: props.strokeWidth * 1.5,
31
+ fill: "none"
32
+ }
33
+ ),
34
+ briefcaseBand(props.uid, props.accentColor, props.strokeWidth * 1.5, props.accentOpacity),
35
+ /* @__PURE__ */ jsx("path", { d: BRIEFCASE_CLASP, fill: props.accentColor, opacity: props.accentOpacity }),
36
+ /* @__PURE__ */ jsx("rect", { ...BRIEFCASE_LOCK, fill: props.primaryColor })
37
+ ] }),
38
+ outline: ({ primaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
39
+ /* @__PURE__ */ jsx("rect", { ...BRIEFCASE_CASE, stroke: primaryColor, strokeWidth, fill: "none" }),
40
+ /* @__PURE__ */ jsx("path", { d: BRIEFCASE_HANDLE, stroke: primaryColor, strokeWidth, fill: "none" }),
41
+ briefcaseBand(uid, primaryColor, strokeWidth),
42
+ /* @__PURE__ */ jsx("path", { d: BRIEFCASE_CLASP, fill: primaryColor })
43
+ ] }),
44
+ // fills only: the case and the handle primary, the band and the clasp secondary
45
+ duotone: ({ primaryColor, secondaryColor, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
46
+ /* @__PURE__ */ jsx("rect", { ...BRIEFCASE_CASE, fill: primaryColor }),
47
+ /* @__PURE__ */ jsx(
48
+ "path",
49
+ {
50
+ d: BRIEFCASE_HANDLE,
51
+ stroke: primaryColor,
52
+ strokeWidth: strokeWidth * 1.5,
53
+ fill: "none"
54
+ }
55
+ ),
56
+ briefcaseBand(uid, secondaryColor, strokeWidth * 1.5),
57
+ /* @__PURE__ */ jsx("path", { d: BRIEFCASE_CLASP, fill: secondaryColor }),
58
+ /* @__PURE__ */ jsx("rect", { ...BRIEFCASE_LOCK, fill: primaryColor })
59
+ ] }),
60
+ vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
61
+ /* @__PURE__ */ jsx("rect", { ...BRIEFCASE_CASE, fill: primaryColor }),
62
+ /* @__PURE__ */ jsx(
63
+ "path",
64
+ {
65
+ d: BRIEFCASE_HANDLE,
66
+ stroke: secondaryColor,
67
+ strokeWidth: strokeWidth * 1.5,
68
+ fill: "none"
69
+ }
70
+ ),
71
+ briefcaseBand(uid, secondaryColor, strokeWidth * 1.5),
72
+ /* @__PURE__ */ jsx("path", { d: BRIEFCASE_CLASP, fill: accentColor, opacity: accentOpacity })
73
+ ] })
74
+ }
34
75
  });
35
- // NtdDollar: a line glyph, twice the stroke width in every variant but `outline`; the stem runs
36
- // 2.5 → 21.5 there, so its caps stay inside the box at that width.
37
- const DOLLAR_S = 'M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6';
38
- const DOLLAR_STEM = 'M12 2.5v19';
76
+ const DOLLAR_S = "M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6";
77
+ const DOLLAR_STEM = "M12 2.5v19";
39
78
  const NtdDollar = /* @__PURE__ */ createIcon({
40
- displayName: 'NtdDollar',
41
- paths: {
42
- solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: `${DOLLAR_STEM}${DOLLAR_S}`, stroke: primaryColor, strokeWidth: strokeWidth * 2, fill: "none" })),
43
- outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: `M12 1v22${DOLLAR_S}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
44
- duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: DOLLAR_S, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: DOLLAR_STEM, stroke: primaryColor, strokeWidth: strokeWidth * 2 })] }))),
45
- vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: DOLLAR_S, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }), jsx("path", { d: DOLLAR_STEM, stroke: primaryColor, strokeWidth: strokeWidth * 2 })] })),
46
- },
79
+ displayName: "NtdDollar",
80
+ paths: {
81
+ solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
82
+ "path",
83
+ {
84
+ d: `${DOLLAR_STEM}${DOLLAR_S}`,
85
+ stroke: primaryColor,
86
+ strokeWidth: strokeWidth * 2,
87
+ fill: "none"
88
+ }
89
+ ),
90
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx("path", { d: `M12 1v22${DOLLAR_S}`, stroke: primaryColor, strokeWidth, fill: "none" }),
91
+ duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
92
+ /* @__PURE__ */ jsx("path", { d: DOLLAR_S, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }),
93
+ /* @__PURE__ */ jsx("path", { d: DOLLAR_STEM, stroke: primaryColor, strokeWidth: strokeWidth * 2 })
94
+ ] })),
95
+ vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
96
+ /* @__PURE__ */ jsx("path", { d: DOLLAR_S, stroke: secondaryColor, strokeWidth: strokeWidth * 2, fill: "none" }),
97
+ /* @__PURE__ */ jsx("path", { d: DOLLAR_STEM, stroke: primaryColor, strokeWidth: strokeWidth * 2 })
98
+ ] })
99
+ }
47
100
  });
48
- // NtdWallet: a body, the back pocket rising above it on a slant (it runs under the body, so the
49
- // two meet without a seam — the old top stroke stopped short of the body), and a clasp pocket cut
50
- // into the right side with its stud. Filled, the pocket is in the accent colour.
51
101
  const WALLET_BODY = { x: 2, y: 6.5, width: 20, height: 14.5, rx: 2.5 };
52
- const WALLET_BACK = 'M4.5 8L16 3.5a1 1 0 011.3.95V8z';
53
- const WALLET_POCKET = 'M22 10.5h-4.5a2.5 2.5 0 000 5H22z';
54
- const WALLET_POCKET_LINE = 'M22 10.5h-4.5a2.5 2.5 0 000 5H22';
102
+ const WALLET_BACK = "M4.5 8L16 3.5a1 1 0 011.3.95V8z";
103
+ const WALLET_POCKET = "M22 10.5h-4.5a2.5 2.5 0 000 5H22z";
104
+ const WALLET_POCKET_LINE = "M22 10.5h-4.5a2.5 2.5 0 000 5H22";
55
105
  const NtdWallet = /* @__PURE__ */ createIcon({
56
- displayName: 'NtdWallet',
57
- paths: {
58
- solid: ({ primaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: WALLET_BACK, fill: primaryColor }), jsx("rect", { ...WALLET_BODY, fill: primaryColor }), within(uid, 'pocket', jsx("rect", { ...WALLET_BODY }), jsx("path", { d: WALLET_POCKET, fill: accentColor, opacity: accentOpacity })), jsx("circle", { cx: "17.6", cy: "13", r: "1.1", fill: primaryColor })] })),
59
- outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4.5 6.5L16 3.5a1 1 0 011.3.95V6.5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "miter", fill: "none" }), jsx("rect", { ...WALLET_BODY, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: WALLET_POCKET_LINE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "17.6", cy: "13", r: "1.1", fill: primaryColor })] })),
60
- // fills only: the body primary, the back pocket and the clasp pocket secondary
61
- duotone: ({ primaryColor, secondaryColor, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: WALLET_BACK, fill: secondaryColor }), jsx("rect", { ...WALLET_BODY, fill: primaryColor }), within(uid, 'pocket', jsx("rect", { ...WALLET_BODY }), jsx("path", { d: WALLET_POCKET, fill: secondaryColor })), jsx("circle", { cx: "17.6", cy: "13", r: "1.1", fill: primaryColor })] })),
62
- vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, uid }) => (jsxs(Fragment, { children: [jsx("path", { d: WALLET_BACK, fill: secondaryColor }), jsx("rect", { ...WALLET_BODY, fill: primaryColor }), within(uid, 'pocket', jsx("rect", { ...WALLET_BODY }), jsx("path", { d: WALLET_POCKET, fill: accentColor, opacity: accentOpacity })), jsx("circle", { cx: "17.6", cy: "13", r: "1.1", fill: secondaryColor })] })),
63
- },
106
+ displayName: "NtdWallet",
107
+ paths: {
108
+ solid: ({ primaryColor, accentColor, accentOpacity, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
109
+ /* @__PURE__ */ jsx("path", { d: WALLET_BACK, fill: primaryColor }),
110
+ /* @__PURE__ */ jsx("rect", { ...WALLET_BODY, fill: primaryColor }),
111
+ within(
112
+ uid,
113
+ "pocket",
114
+ /* @__PURE__ */ jsx("rect", { ...WALLET_BODY }),
115
+ /* @__PURE__ */ jsx("path", { d: WALLET_POCKET, fill: accentColor, opacity: accentOpacity })
116
+ ),
117
+ /* @__PURE__ */ jsx("circle", { cx: "17.6", cy: "13", r: "1.1", fill: primaryColor })
118
+ ] }),
119
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
120
+ /* @__PURE__ */ jsx(
121
+ "path",
122
+ {
123
+ d: "M4.5 6.5L16 3.5a1 1 0 011.3.95V6.5",
124
+ stroke: primaryColor,
125
+ strokeWidth,
126
+ strokeLinejoin: "miter",
127
+ fill: "none"
128
+ }
129
+ ),
130
+ /* @__PURE__ */ jsx("rect", { ...WALLET_BODY, stroke: primaryColor, strokeWidth, fill: "none" }),
131
+ /* @__PURE__ */ jsx("path", { d: WALLET_POCKET_LINE, stroke: primaryColor, strokeWidth, fill: "none" }),
132
+ /* @__PURE__ */ jsx("circle", { cx: "17.6", cy: "13", r: "1.1", fill: primaryColor })
133
+ ] }),
134
+ // fills only: the body primary, the back pocket and the clasp pocket secondary
135
+ duotone: ({ primaryColor, secondaryColor, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
136
+ /* @__PURE__ */ jsx("path", { d: WALLET_BACK, fill: secondaryColor }),
137
+ /* @__PURE__ */ jsx("rect", { ...WALLET_BODY, fill: primaryColor }),
138
+ within(
139
+ uid,
140
+ "pocket",
141
+ /* @__PURE__ */ jsx("rect", { ...WALLET_BODY }),
142
+ /* @__PURE__ */ jsx("path", { d: WALLET_POCKET, fill: secondaryColor })
143
+ ),
144
+ /* @__PURE__ */ jsx("circle", { cx: "17.6", cy: "13", r: "1.1", fill: primaryColor })
145
+ ] }),
146
+ vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity, uid }) => /* @__PURE__ */ jsxs(Fragment, { children: [
147
+ /* @__PURE__ */ jsx("path", { d: WALLET_BACK, fill: secondaryColor }),
148
+ /* @__PURE__ */ jsx("rect", { ...WALLET_BODY, fill: primaryColor }),
149
+ within(
150
+ uid,
151
+ "pocket",
152
+ /* @__PURE__ */ jsx("rect", { ...WALLET_BODY }),
153
+ /* @__PURE__ */ jsx("path", { d: WALLET_POCKET, fill: accentColor, opacity: accentOpacity })
154
+ ),
155
+ /* @__PURE__ */ jsx("circle", { cx: "17.6", cy: "13", r: "1.1", fill: secondaryColor })
156
+ ] })
157
+ }
64
158
  });
65
- // NtdReceipt: two rows of description and amount, then the total on its own on the right. The
66
- // amounts end at 18.4, right by the edge; the descriptions run 7 → 13.5.
67
- const RECEIPT = 'M4 2v20l3-2 3 2 3-2 3 2 3-2 3 2V2H4z';
68
- const RECEIPT_TEXT = 'M7 7.5h6.5M16.4 7.5h2M7 11.5h6.5M16.4 11.5h2M14.4 15.5h4';
159
+ const RECEIPT = "M4 2v20l3-2 3 2 3-2 3 2 3-2 3 2V2H4z";
160
+ const RECEIPT_TEXT = "M7 7.5h6.5M16.4 7.5h2M7 11.5h6.5M16.4 11.5h2M14.4 15.5h4";
69
161
  const NtdReceipt = /* @__PURE__ */ createIcon({
70
- displayName: 'NtdReceipt',
71
- paths: {
72
- solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: RECEIPT, fill: primaryColor }), jsx("path", { d: RECEIPT_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity, fill: "none" })] })),
73
- outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: RECEIPT, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: RECEIPT_TEXT, stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
74
- vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: RECEIPT, fill: primaryColor }), jsx("path", { d: RECEIPT_TEXT, stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity, fill: "none" }), jsx("path", { d: "M14.4 15.5h4", stroke: secondaryColor, strokeWidth: "1.8" })] })),
75
- },
162
+ displayName: "NtdReceipt",
163
+ paths: {
164
+ solid: ({ primaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
165
+ /* @__PURE__ */ jsx("path", { d: RECEIPT, fill: primaryColor }),
166
+ /* @__PURE__ */ jsx(
167
+ "path",
168
+ {
169
+ d: RECEIPT_TEXT,
170
+ stroke: accentColor,
171
+ strokeWidth: "1.5",
172
+ opacity: accentOpacity,
173
+ fill: "none"
174
+ }
175
+ )
176
+ ] }),
177
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
178
+ /* @__PURE__ */ jsx("path", { d: RECEIPT, stroke: primaryColor, strokeWidth, fill: "none" }),
179
+ /* @__PURE__ */ jsx("path", { d: RECEIPT_TEXT, stroke: primaryColor, strokeWidth: "1.5", fill: "none" })
180
+ ] }),
181
+ vivid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
182
+ /* @__PURE__ */ jsx("path", { d: RECEIPT, fill: primaryColor }),
183
+ /* @__PURE__ */ jsx(
184
+ "path",
185
+ {
186
+ d: RECEIPT_TEXT,
187
+ stroke: accentColor,
188
+ strokeWidth: "1.5",
189
+ opacity: accentOpacity,
190
+ fill: "none"
191
+ }
192
+ ),
193
+ /* @__PURE__ */ jsx("path", { d: "M14.4 15.5h4", stroke: secondaryColor, strokeWidth: "1.8" })
194
+ ] })
195
+ }
76
196
  });
77
197
  const NtdBank = /* @__PURE__ */ createIcon({
78
- displayName: 'NtdBank',
79
- paths: {
80
- solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 2,9 22,9", fill: primaryColor }), jsx("rect", { x: "2", y: "18", width: "20", height: "2", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "5", y: "9", width: "2", height: "9", fill: primaryColor }), jsx("rect", { x: "9", y: "9", width: "2", height: "9", fill: primaryColor }), jsx("rect", { x: "13", y: "9", width: "2", height: "9", fill: primaryColor }), jsx("rect", { x: "17", y: "9", width: "2", height: "9", fill: primaryColor })] })),
81
- outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 2,9 22,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "18", x2: "22", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "6", y1: "9", x2: "6", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "9", x2: "10", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "14", y1: "9", x2: "14", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "18", y1: "9", x2: "18", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
82
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 2,9 22,9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("polygon", { points: "12,2 2,9 22,9", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "2", y1: "18", x2: "22", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "6", y1: "9", x2: "6", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "9", x2: "10", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "14", y1: "9", x2: "14", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "18", y1: "9", x2: "18", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
83
- vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "12,2 2,9 22,9", fill: primaryColor }), jsx("polygon", { points: "12,2 2,9 22,9", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "18", width: "20", height: "2", rx: "0.5", fill: secondaryColor }), jsx("rect", { x: "5", y: "9", width: "2", height: "9", fill: "#3B82F6" }), jsx("rect", { x: "9", y: "9", width: "2", height: "9", fill: "#10B981" }), jsx("rect", { x: "13", y: "9", width: "2", height: "9", fill: "#F59E0B" }), jsx("rect", { x: "17", y: "9", width: "2", height: "9", fill: "#F59E0B" })] })),
84
- },
198
+ displayName: "NtdBank",
199
+ paths: {
200
+ solid: ({ primaryColor, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
201
+ /* @__PURE__ */ jsx("polygon", { points: "12,2 2,9 22,9", fill: primaryColor }),
202
+ /* @__PURE__ */ jsx("rect", { x: "2", y: "18", width: "20", height: "2", rx: "0.5", fill: primaryColor }),
203
+ /* @__PURE__ */ jsx("rect", { x: "5", y: "9", width: "2", height: "9", fill: primaryColor }),
204
+ /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "2", height: "9", fill: primaryColor }),
205
+ /* @__PURE__ */ jsx("rect", { x: "13", y: "9", width: "2", height: "9", fill: primaryColor }),
206
+ /* @__PURE__ */ jsx("rect", { x: "17", y: "9", width: "2", height: "9", fill: primaryColor })
207
+ ] }),
208
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
209
+ /* @__PURE__ */ jsx(
210
+ "polygon",
211
+ {
212
+ points: "12,2 2,9 22,9",
213
+ stroke: primaryColor,
214
+ strokeWidth,
215
+ fill: "none"
216
+ }
217
+ ),
218
+ /* @__PURE__ */ jsx("line", { x1: "2", y1: "18", x2: "22", y2: "18", stroke: primaryColor, strokeWidth }),
219
+ /* @__PURE__ */ jsx("line", { x1: "6", y1: "9", x2: "6", y2: "18", stroke: primaryColor, strokeWidth }),
220
+ /* @__PURE__ */ jsx("line", { x1: "10", y1: "9", x2: "10", y2: "18", stroke: primaryColor, strokeWidth }),
221
+ /* @__PURE__ */ jsx("line", { x1: "14", y1: "9", x2: "14", y2: "18", stroke: primaryColor, strokeWidth }),
222
+ /* @__PURE__ */ jsx("line", { x1: "18", y1: "9", x2: "18", y2: "18", stroke: primaryColor, strokeWidth })
223
+ ] }),
224
+ duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
225
+ /* @__PURE__ */ jsx("polygon", { points: "12,2 2,9 22,9", fill: secondaryColor, opacity: secondaryOpacity }),
226
+ /* @__PURE__ */ jsx(
227
+ "polygon",
228
+ {
229
+ points: "12,2 2,9 22,9",
230
+ stroke: primaryColor,
231
+ strokeWidth,
232
+ fill: "none"
233
+ }
234
+ ),
235
+ /* @__PURE__ */ jsx("line", { x1: "2", y1: "18", x2: "22", y2: "18", stroke: primaryColor, strokeWidth }),
236
+ /* @__PURE__ */ jsx("line", { x1: "6", y1: "9", x2: "6", y2: "18", stroke: primaryColor, strokeWidth }),
237
+ /* @__PURE__ */ jsx("line", { x1: "10", y1: "9", x2: "10", y2: "18", stroke: primaryColor, strokeWidth }),
238
+ /* @__PURE__ */ jsx("line", { x1: "14", y1: "9", x2: "14", y2: "18", stroke: primaryColor, strokeWidth }),
239
+ /* @__PURE__ */ jsx("line", { x1: "18", y1: "9", x2: "18", y2: "18", stroke: primaryColor, strokeWidth })
240
+ ] }),
241
+ vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
242
+ /* @__PURE__ */ jsx("polygon", { points: "12,2 2,9 22,9", fill: primaryColor }),
243
+ /* @__PURE__ */ jsx("polygon", { points: "12,2 2,9 22,9", fill: "white", opacity: "0.08" }),
244
+ /* @__PURE__ */ jsx("rect", { x: "2", y: "18", width: "20", height: "2", rx: "0.5", fill: secondaryColor }),
245
+ /* @__PURE__ */ jsx("rect", { x: "5", y: "9", width: "2", height: "9", fill: "#3B82F6" }),
246
+ /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "2", height: "9", fill: "#10B981" }),
247
+ /* @__PURE__ */ jsx("rect", { x: "13", y: "9", width: "2", height: "9", fill: "#F59E0B" }),
248
+ /* @__PURE__ */ jsx("rect", { x: "17", y: "9", width: "2", height: "9", fill: "#F59E0B" })
249
+ ] })
250
+ }
85
251
  });
86
- // NtdTrendUp / NtdTrendDown: line glyphs, twice the stroke width in every variant but `outline`,
87
- // drawn 2 in from the box at that width. The line's last leg stops 0.35 × the line width short of
88
- // the head's corner on each axis — run into the corner, its square cap stuck out in `sharp`.
89
252
  function trendUp(back) {
90
- return { line: `M3 16l5-5 4 4L${21 - back} ${6 + back}`, head: 'M15 6h6v6' };
253
+ return { line: `M3 16l5-5 4 4L${21 - back} ${6 + back}`, head: "M15 6h6v6" };
91
254
  }
92
255
  function trendDown(back) {
93
- return { line: `M3 8l5 5 4-4L${21 - back} ${18 - back}`, head: 'M15 18h6v-6' };
256
+ return { line: `M3 8l5 5 4-4L${21 - back} ${18 - back}`, head: "M15 18h6v-6" };
94
257
  }
95
258
  function trendArrow(shape, line, head, strokeWidth) {
96
- const width = strokeWidth * 2;
97
- const s = shape(width * 0.35);
98
- return (jsxs(Fragment, { children: [jsx("path", { d: s.line, stroke: line, strokeWidth: width, fill: "none" }), jsx("path", { d: s.head, stroke: head, strokeWidth: width, fill: "none" })] }));
259
+ const width = strokeWidth * 2;
260
+ const s = shape(width * 0.35);
261
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
262
+ /* @__PURE__ */ jsx("path", { d: s.line, stroke: line, strokeWidth: width, fill: "none" }),
263
+ /* @__PURE__ */ jsx("path", { d: s.head, stroke: head, strokeWidth: width, fill: "none" })
264
+ ] });
99
265
  }
100
266
  function trendOutline(shape) {
101
- return ({ primaryColor, strokeWidth }) => {
102
- const s = shape(0);
103
- return (jsx("path", { d: `${s.line}${s.head}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }));
104
- };
267
+ return ({ primaryColor, strokeWidth }) => {
268
+ const s = shape(0);
269
+ return /* @__PURE__ */ jsx("path", { d: `${s.line}${s.head}`, stroke: primaryColor, strokeWidth, fill: "none" });
270
+ };
105
271
  }
106
272
  const NtdTrendUp = /* @__PURE__ */ createIcon({
107
- displayName: 'NtdTrendUp',
108
- paths: {
109
- solid: ({ primaryColor, strokeWidth }) => trendArrow(trendUp, primaryColor, primaryColor, strokeWidth),
110
- outline: trendOutline(trendUp),
111
- // the line primary, the head secondary (swapped in 1.3.8: the larger part primary)
112
- duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendUp, secondaryColor, primaryColor, strokeWidth)),
113
- vivid: ({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendUp, primaryColor, secondaryColor, strokeWidth),
114
- },
273
+ displayName: "NtdTrendUp",
274
+ paths: {
275
+ solid: ({ primaryColor, strokeWidth }) => trendArrow(trendUp, primaryColor, primaryColor, strokeWidth),
276
+ outline: trendOutline(trendUp),
277
+ // the line primary, the head secondary (swapped in 1.3.8: the larger part primary)
278
+ duotone: swapDuotone(
279
+ ({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendUp, secondaryColor, primaryColor, strokeWidth)
280
+ ),
281
+ vivid: ({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendUp, primaryColor, secondaryColor, strokeWidth)
282
+ }
115
283
  });
116
284
  const NtdTrendDown = /* @__PURE__ */ createIcon({
117
- displayName: 'NtdTrendDown',
118
- paths: {
119
- solid: ({ primaryColor, strokeWidth }) => trendArrow(trendDown, primaryColor, primaryColor, strokeWidth),
120
- outline: trendOutline(trendDown),
121
- duotone: swapDuotone(({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendDown, secondaryColor, primaryColor, strokeWidth)),
122
- vivid: ({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendDown, primaryColor, secondaryColor, strokeWidth),
123
- },
285
+ displayName: "NtdTrendDown",
286
+ paths: {
287
+ solid: ({ primaryColor, strokeWidth }) => trendArrow(trendDown, primaryColor, primaryColor, strokeWidth),
288
+ outline: trendOutline(trendDown),
289
+ duotone: swapDuotone(
290
+ ({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendDown, secondaryColor, primaryColor, strokeWidth)
291
+ ),
292
+ vivid: ({ primaryColor, secondaryColor, strokeWidth }) => trendArrow(trendDown, primaryColor, secondaryColor, strokeWidth)
293
+ }
124
294
  });
125
- // NtdPercent: the dots are rings in every variant, a hole in each (they were plain discs when
126
- // filled), 20% bigger than they were (r 3.1 with a 1.3 hole; 3 in the outline). The slash is a
127
- // line glyph: twice the stroke width in every variant but `outline`.
128
- const PERCENT_DOT_TOP = 'M6.5 3.4a3.1 3.1 0 100 6.2 3.1 3.1 0 100-6.2zM6.5 5.2a1.3 1.3 0 100 2.6 1.3 1.3 0 100-2.6z';
129
- const PERCENT_DOT_BOTTOM = 'M17.5 14.4a3.1 3.1 0 100 6.2 3.1 3.1 0 100-6.2zM17.5 16.2a1.3 1.3 0 100 2.6 1.3 1.3 0 100-2.6z';
130
- const PERCENT_SLASH = 'M19 5L5 19';
295
+ const PERCENT_DOT_TOP = "M6.5 3.4a3.1 3.1 0 100 6.2 3.1 3.1 0 100-6.2zM6.5 5.2a1.3 1.3 0 100 2.6 1.3 1.3 0 100-2.6z";
296
+ const PERCENT_DOT_BOTTOM = "M17.5 14.4a3.1 3.1 0 100 6.2 3.1 3.1 0 100-6.2zM17.5 16.2a1.3 1.3 0 100 2.6 1.3 1.3 0 100-2.6z";
297
+ const PERCENT_SLASH = "M19 5L5 19";
131
298
  const NtdPercent = /* @__PURE__ */ createIcon({
132
- displayName: 'NtdPercent',
133
- paths: {
134
- solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: PERCENT_SLASH, stroke: primaryColor, strokeWidth: strokeWidth * 2 }), jsx("path", { d: `${PERCENT_DOT_TOP}${PERCENT_DOT_BOTTOM}`, fillRule: "evenodd", fill: primaryColor })] })),
135
- outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: PERCENT_SLASH, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "6.5", cy: "6.5", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "17.5", cy: "17.5", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
136
- // fills only: the slash secondary, the rings primary
137
- duotone: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: PERCENT_SLASH, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }), jsx("path", { d: `${PERCENT_DOT_TOP}${PERCENT_DOT_BOTTOM}`, fillRule: "evenodd", fill: primaryColor })] })),
138
- vivid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: PERCENT_SLASH, stroke: primaryColor, strokeWidth: strokeWidth * 2 }), jsx("path", { d: PERCENT_DOT_TOP, fillRule: "evenodd", fill: primaryColor }), jsx("path", { d: PERCENT_DOT_BOTTOM, fillRule: "evenodd", fill: secondaryColor })] })),
139
- },
299
+ displayName: "NtdPercent",
300
+ paths: {
301
+ solid: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
302
+ /* @__PURE__ */ jsx("path", { d: PERCENT_SLASH, stroke: primaryColor, strokeWidth: strokeWidth * 2 }),
303
+ /* @__PURE__ */ jsx(
304
+ "path",
305
+ {
306
+ d: `${PERCENT_DOT_TOP}${PERCENT_DOT_BOTTOM}`,
307
+ fillRule: "evenodd",
308
+ fill: primaryColor
309
+ }
310
+ )
311
+ ] }),
312
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
313
+ /* @__PURE__ */ jsx("path", { d: PERCENT_SLASH, stroke: primaryColor, strokeWidth }),
314
+ /* @__PURE__ */ jsx(
315
+ "circle",
316
+ {
317
+ cx: "6.5",
318
+ cy: "6.5",
319
+ r: "3",
320
+ stroke: primaryColor,
321
+ strokeWidth,
322
+ fill: "none"
323
+ }
324
+ ),
325
+ /* @__PURE__ */ jsx(
326
+ "circle",
327
+ {
328
+ cx: "17.5",
329
+ cy: "17.5",
330
+ r: "3",
331
+ stroke: primaryColor,
332
+ strokeWidth,
333
+ fill: "none"
334
+ }
335
+ )
336
+ ] }),
337
+ // fills only: the slash secondary, the rings primary
338
+ duotone: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
339
+ /* @__PURE__ */ jsx("path", { d: PERCENT_SLASH, stroke: secondaryColor, strokeWidth: strokeWidth * 2 }),
340
+ /* @__PURE__ */ jsx(
341
+ "path",
342
+ {
343
+ d: `${PERCENT_DOT_TOP}${PERCENT_DOT_BOTTOM}`,
344
+ fillRule: "evenodd",
345
+ fill: primaryColor
346
+ }
347
+ )
348
+ ] }),
349
+ vivid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
350
+ /* @__PURE__ */ jsx("path", { d: PERCENT_SLASH, stroke: primaryColor, strokeWidth: strokeWidth * 2 }),
351
+ /* @__PURE__ */ jsx("path", { d: PERCENT_DOT_TOP, fillRule: "evenodd", fill: primaryColor }),
352
+ /* @__PURE__ */ jsx("path", { d: PERCENT_DOT_BOTTOM, fillRule: "evenodd", fill: secondaryColor })
353
+ ] })
354
+ }
140
355
  });
141
- // NtdInvoice: NtdFile's page with a short title, two rows of item and amount, and the total on
142
- // its own at the bottom right, as on a receipt: the items from 7 to 11.5, the amounts out to 17.
143
- const NtdInvoice = /* @__PURE__ */ paperIcon('NtdInvoice', 'M7 7h3M7 12.5h4.5M14.3 12.5h2.7M7 15.5h4.5M14.3 15.5h2.7M13 19h4');
144
- /** @deprecated A second invoice next to {@link NtdInvoice} — use that. */
356
+ const NtdInvoice = /* @__PURE__ */ paperIcon(
357
+ "NtdInvoice",
358
+ "M7 7h3M7 12.5h4.5M14.3 12.5h2.7M7 15.5h4.5M14.3 15.5h2.7M13 19h4"
359
+ );
145
360
  const NtdInvoiceDoc = NtdInvoice;
146
361
  const NtdStore = /* @__PURE__ */ createIcon({
147
- displayName: 'NtdStore',
148
- paths: {
149
- solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 9l1-5h16l1 5", fill: secondaryColor }), jsx("path", { d: "M3 9h18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "14", width: "14", height: "8", fill: primaryColor }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: secondaryColor, opacity: 0.5 })] })),
150
- outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 9l1-5h16l1 5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "14", width: "14", height: "8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
151
- vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 9l1-5h16l1 5", fill: primaryColor }), jsx("path", { d: "M3 9l1-5h16l1 5", fill: "white", opacity: "0.08" }), jsx("rect", { x: "5", y: "14", width: "14", height: "8", fill: secondaryColor }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: "#3B82F6" }), jsx("path", { d: "M3 9h18", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" })] })),
152
- },
362
+ displayName: "NtdStore",
363
+ paths: {
364
+ solid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
365
+ /* @__PURE__ */ jsx("path", { d: "M3 9l1-5h16l1 5", fill: secondaryColor }),
366
+ /* @__PURE__ */ jsx("path", { d: "M3 9h18", stroke: primaryColor, strokeWidth }),
367
+ /* @__PURE__ */ jsx(
368
+ "path",
369
+ {
370
+ d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3",
371
+ stroke: primaryColor,
372
+ strokeWidth,
373
+ fill: "none"
374
+ }
375
+ ),
376
+ /* @__PURE__ */ jsx(
377
+ "path",
378
+ {
379
+ d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3",
380
+ stroke: primaryColor,
381
+ strokeWidth,
382
+ fill: "none"
383
+ }
384
+ ),
385
+ /* @__PURE__ */ jsx(
386
+ "path",
387
+ {
388
+ d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3",
389
+ stroke: primaryColor,
390
+ strokeWidth,
391
+ fill: "none"
392
+ }
393
+ ),
394
+ /* @__PURE__ */ jsx("rect", { x: "5", y: "14", width: "14", height: "8", fill: primaryColor }),
395
+ /* @__PURE__ */ jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: secondaryColor, opacity: 0.5 })
396
+ ] }),
397
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
398
+ /* @__PURE__ */ jsx("path", { d: "M3 9l1-5h16l1 5", stroke: primaryColor, strokeWidth, fill: "none" }),
399
+ /* @__PURE__ */ jsx(
400
+ "path",
401
+ {
402
+ d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3",
403
+ stroke: primaryColor,
404
+ strokeWidth,
405
+ fill: "none"
406
+ }
407
+ ),
408
+ /* @__PURE__ */ jsx(
409
+ "path",
410
+ {
411
+ d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3",
412
+ stroke: primaryColor,
413
+ strokeWidth,
414
+ fill: "none"
415
+ }
416
+ ),
417
+ /* @__PURE__ */ jsx(
418
+ "path",
419
+ {
420
+ d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3",
421
+ stroke: primaryColor,
422
+ strokeWidth,
423
+ fill: "none"
424
+ }
425
+ ),
426
+ /* @__PURE__ */ jsx(
427
+ "rect",
428
+ {
429
+ x: "5",
430
+ y: "14",
431
+ width: "14",
432
+ height: "8",
433
+ stroke: primaryColor,
434
+ strokeWidth,
435
+ fill: "none"
436
+ }
437
+ ),
438
+ /* @__PURE__ */ jsx(
439
+ "rect",
440
+ {
441
+ x: "9",
442
+ y: "17",
443
+ width: "6",
444
+ height: "5",
445
+ stroke: primaryColor,
446
+ strokeWidth: "1.5",
447
+ fill: "none"
448
+ }
449
+ )
450
+ ] }),
451
+ vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
452
+ /* @__PURE__ */ jsx("path", { d: "M3 9l1-5h16l1 5", fill: primaryColor }),
453
+ /* @__PURE__ */ jsx("path", { d: "M3 9l1-5h16l1 5", fill: "white", opacity: "0.08" }),
454
+ /* @__PURE__ */ jsx("rect", { x: "5", y: "14", width: "14", height: "8", fill: secondaryColor }),
455
+ /* @__PURE__ */ jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: "#3B82F6" }),
456
+ /* @__PURE__ */ jsx("path", { d: "M3 9h18", stroke: "white", strokeWidth: "1" }),
457
+ /* @__PURE__ */ jsx("path", { d: "M3 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" }),
458
+ /* @__PURE__ */ jsx("path", { d: "M9 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" }),
459
+ /* @__PURE__ */ jsx("path", { d: "M15 9c0 1.66 1.34 3 3 3s3-1.34 3-3", stroke: "white", strokeWidth: "1", fill: "none" })
460
+ ] })
461
+ }
153
462
  });
154
- // NtdBarcode: eleven bars, 0.8–1.6 wide, like a real code (six bars up to 3 wide read as a few
155
- // fat stripes). [x, width] per bar, from 2 to 22; the widest ones are the 1.6.
156
463
  const BARCODE_BARS = [
157
- [2, 1.2],
158
- [4, 0.8],
159
- [5.6, 1.6],
160
- [8, 0.8],
161
- [10, 1.2],
162
- [12, 0.8],
163
- [13.6, 0.8],
164
- [15.6, 1.6],
165
- [18, 0.8],
166
- [19.6, 0.8],
167
- [21.2, 0.8],
464
+ [2, 1.2],
465
+ [4, 0.8],
466
+ [5.6, 1.6],
467
+ [8, 0.8],
468
+ [10, 1.2],
469
+ [12, 0.8],
470
+ [13.6, 0.8],
471
+ [15.6, 1.6],
472
+ [18, 0.8],
473
+ [19.6, 0.8],
474
+ [21.2, 0.8]
168
475
  ];
169
476
  const NtdBarcode = /* @__PURE__ */ createIcon({
170
- displayName: 'NtdBarcode',
171
- paths: {
172
- // lines, not rects: the wireframe then draws one thin line per bar rather than the outlines of
173
- // 0.8-wide boxes, which run together; the square caps end every bar at 4 and 20
174
- solid: ({ primaryColor }) => (jsx(Fragment, { children: BARCODE_BARS.map(([x, w]) => (jsx("line", { x1: x + w / 2, y1: 4 + w / 2, x2: x + w / 2, y2: 20 - w / 2, stroke: primaryColor, strokeWidth: w, strokeLinecap: "square" }, x))) })),
175
- outline: ({ primaryColor }) => (jsx(Fragment, { children: BARCODE_BARS.map(([x, w]) => (jsx("line", { x1: x + w / 2, y1: 4 + w / 2, x2: x + w / 2, y2: 20 - w / 2, stroke: primaryColor, strokeWidth: w }, x))) })),
176
- // every other bar in secondary
177
- duotone: ({ primaryColor, secondaryColor }) => (jsx(Fragment, { children: BARCODE_BARS.map(([x, w], i) => (jsx("rect", { x: x, y: "4", width: w, height: "16", fill: i % 2 ? secondaryColor : primaryColor }, x))) })),
178
- vivid: ({ primaryColor, secondaryColor }) => (jsx(Fragment, { children: BARCODE_BARS.map(([x, w], i) => (jsx("rect", { x: x, y: "4", width: w, height: "16", fill: i % 3 === 1 ? secondaryColor : primaryColor }, x))) })),
179
- },
477
+ displayName: "NtdBarcode",
478
+ paths: {
479
+ // lines, not rects: the wireframe then draws one thin line per bar rather than the outlines of
480
+ // 0.8-wide boxes, which run together; the square caps end every bar at 4 and 20
481
+ solid: ({ primaryColor }) => /* @__PURE__ */ jsx(Fragment, { children: BARCODE_BARS.map(([x, w]) => /* @__PURE__ */ jsx(
482
+ "line",
483
+ {
484
+ x1: x + w / 2,
485
+ y1: 4 + w / 2,
486
+ x2: x + w / 2,
487
+ y2: 20 - w / 2,
488
+ stroke: primaryColor,
489
+ strokeWidth: w,
490
+ strokeLinecap: "square"
491
+ },
492
+ x
493
+ )) }),
494
+ outline: ({ primaryColor }) => /* @__PURE__ */ jsx(Fragment, { children: BARCODE_BARS.map(([x, w]) => /* @__PURE__ */ jsx(
495
+ "line",
496
+ {
497
+ x1: x + w / 2,
498
+ y1: 4 + w / 2,
499
+ x2: x + w / 2,
500
+ y2: 20 - w / 2,
501
+ stroke: primaryColor,
502
+ strokeWidth: w
503
+ },
504
+ x
505
+ )) }),
506
+ // every other bar in secondary
507
+ duotone: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsx(Fragment, { children: BARCODE_BARS.map(([x, w], i) => /* @__PURE__ */ jsx(
508
+ "rect",
509
+ {
510
+ x,
511
+ y: "4",
512
+ width: w,
513
+ height: "16",
514
+ fill: i % 2 ? secondaryColor : primaryColor
515
+ },
516
+ x
517
+ )) }),
518
+ vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsx(Fragment, { children: BARCODE_BARS.map(([x, w], i) => /* @__PURE__ */ jsx(
519
+ "rect",
520
+ {
521
+ x,
522
+ y: "4",
523
+ width: w,
524
+ height: "16",
525
+ fill: i % 3 === 1 ? secondaryColor : primaryColor
526
+ },
527
+ x
528
+ )) })
529
+ }
180
530
  });
181
531
  const NtdCalculator = /* @__PURE__ */ createIcon({
182
- displayName: 'NtdCalculator',
183
- paths: {
184
- solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "5", width: "10", height: "4", rx: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "8", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "8", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "16", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity })] })),
185
- 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: "10", height: "4", rx: "1", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("circle", { cx: "8", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "13", r: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "17", r: "1", fill: primaryColor })] })),
186
- vivid: ({ primaryColor, 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: "10", height: "4", rx: "1", fill: secondaryColor }), jsx("circle", { cx: "8", cy: "13", r: "1", fill: "#3B82F6" }), jsx("circle", { cx: "12", cy: "13", r: "1", fill: "#10B981" }), jsx("circle", { cx: "16", cy: "13", r: "1", fill: "#F59E0B" }), jsx("circle", { cx: "8", cy: "17", r: "1", fill: "#F59E0B" }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: "#F59E0B" }), jsx("circle", { cx: "16", cy: "17", r: "1", fill: "#F59E0B" })] })),
187
- },
532
+ displayName: "NtdCalculator",
533
+ paths: {
534
+ solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
535
+ /* @__PURE__ */ jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }),
536
+ /* @__PURE__ */ jsx("rect", { x: "7", y: "5", width: "10", height: "4", rx: "1", fill: accentColor, opacity: accentOpacity }),
537
+ /* @__PURE__ */ jsx("circle", { cx: "8", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity }),
538
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity }),
539
+ /* @__PURE__ */ jsx("circle", { cx: "16", cy: "13", r: "1", fill: accentColor, opacity: accentOpacity }),
540
+ /* @__PURE__ */ jsx("circle", { cx: "8", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity }),
541
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity }),
542
+ /* @__PURE__ */ jsx("circle", { cx: "16", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity })
543
+ ] }),
544
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
545
+ /* @__PURE__ */ jsx(
546
+ "rect",
547
+ {
548
+ x: "4",
549
+ y: "2",
550
+ width: "16",
551
+ height: "20",
552
+ rx: "2",
553
+ stroke: primaryColor,
554
+ strokeWidth,
555
+ fill: "none"
556
+ }
557
+ ),
558
+ /* @__PURE__ */ jsx(
559
+ "rect",
560
+ {
561
+ x: "7",
562
+ y: "5",
563
+ width: "10",
564
+ height: "4",
565
+ rx: "1",
566
+ stroke: primaryColor,
567
+ strokeWidth: "1.5",
568
+ fill: "none"
569
+ }
570
+ ),
571
+ /* @__PURE__ */ jsx("circle", { cx: "8", cy: "13", r: "1", fill: primaryColor }),
572
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "1", fill: primaryColor }),
573
+ /* @__PURE__ */ jsx("circle", { cx: "16", cy: "13", r: "1", fill: primaryColor }),
574
+ /* @__PURE__ */ jsx("circle", { cx: "8", cy: "17", r: "1", fill: primaryColor }),
575
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor }),
576
+ /* @__PURE__ */ jsx("circle", { cx: "16", cy: "17", r: "1", fill: primaryColor })
577
+ ] }),
578
+ vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
579
+ /* @__PURE__ */ jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }),
580
+ /* @__PURE__ */ jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: "white", opacity: "0.08" }),
581
+ /* @__PURE__ */ jsx("rect", { x: "7", y: "5", width: "10", height: "4", rx: "1", fill: secondaryColor }),
582
+ /* @__PURE__ */ jsx("circle", { cx: "8", cy: "13", r: "1", fill: "#3B82F6" }),
583
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "1", fill: "#10B981" }),
584
+ /* @__PURE__ */ jsx("circle", { cx: "16", cy: "13", r: "1", fill: "#F59E0B" }),
585
+ /* @__PURE__ */ jsx("circle", { cx: "8", cy: "17", r: "1", fill: "#F59E0B" }),
586
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "17", r: "1", fill: "#F59E0B" }),
587
+ /* @__PURE__ */ jsx("circle", { cx: "16", cy: "17", r: "1", fill: "#F59E0B" })
588
+ ] })
589
+ }
188
590
  });
189
591
  const NtdPresentation = /* @__PURE__ */ createIcon({
190
- displayName: 'NtdPresentation',
191
- paths: {
192
- solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("line", { x1: "12", y1: "17", x2: "12", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "22", x2: "16", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("polyline", { points: "7,13 10,9 13,11 17,7", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })),
193
- outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "17", x2: "12", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "22", x2: "16", y2: "22", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("polyline", { points: "7,13 10,9 13,11 17,7", stroke: primaryColor, strokeWidth: "1.5", fill: "none" })] })),
194
- vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.1" }), jsx("line", { x1: "12", y1: "17", x2: "12", y2: "22", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "8", y1: "22", x2: "16", y2: "22", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("polyline", { points: "7,13 10,9 13,11 17,7", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
195
- },
592
+ displayName: "NtdPresentation",
593
+ paths: {
594
+ solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
595
+ /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: primaryColor }),
596
+ /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12", y2: "22", stroke: primaryColor, strokeWidth }),
597
+ /* @__PURE__ */ jsx("line", { x1: "8", y1: "22", x2: "16", y2: "22", stroke: primaryColor, strokeWidth }),
598
+ /* @__PURE__ */ jsx(
599
+ "polyline",
600
+ {
601
+ points: "7,13 10,9 13,11 17,7",
602
+ stroke: accentColor,
603
+ strokeWidth: "1.5",
604
+ fill: "none",
605
+ opacity: accentOpacity
606
+ }
607
+ )
608
+ ] }),
609
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
610
+ /* @__PURE__ */ jsx(
611
+ "rect",
612
+ {
613
+ x: "2",
614
+ y: "3",
615
+ width: "20",
616
+ height: "14",
617
+ rx: "2",
618
+ stroke: primaryColor,
619
+ strokeWidth,
620
+ fill: "none"
621
+ }
622
+ ),
623
+ /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12", y2: "22", stroke: primaryColor, strokeWidth }),
624
+ /* @__PURE__ */ jsx("line", { x1: "8", y1: "22", x2: "16", y2: "22", stroke: primaryColor, strokeWidth }),
625
+ /* @__PURE__ */ jsx(
626
+ "polyline",
627
+ {
628
+ points: "7,13 10,9 13,11 17,7",
629
+ stroke: primaryColor,
630
+ strokeWidth: "1.5",
631
+ fill: "none"
632
+ }
633
+ )
634
+ ] }),
635
+ vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
636
+ /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: primaryColor }),
637
+ /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", fill: "white", opacity: "0.1" }),
638
+ /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12", y2: "22", stroke: secondaryColor, strokeWidth: "1.8" }),
639
+ /* @__PURE__ */ jsx("line", { x1: "8", y1: "22", x2: "16", y2: "22", stroke: "#3B82F6", strokeWidth: "1.5" }),
640
+ /* @__PURE__ */ jsx("polyline", { points: "7,13 10,9 13,11 17,7", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })
641
+ ] })
642
+ }
196
643
  });
197
644
  const NtdClipboardCheck = /* @__PURE__ */ createIcon({
198
- displayName: 'NtdClipboardCheck',
199
- paths: {
200
- solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", fill: primaryColor }), jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", fill: primaryColor, stroke: accentColor, strokeWidth: "1", opacity: accentOpacity }), jsx("path", { d: "M9 14l2 2 4-4", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity })] })),
201
- outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 14l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
202
- vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", fill: primaryColor }), jsx("path", { d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", fill: secondaryColor, stroke: secondaryColor, strokeWidth: "1" }), jsx("path", { d: "M9 14l2 2 4-4", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.4" })] })),
203
- },
645
+ displayName: "NtdClipboardCheck",
646
+ paths: {
647
+ solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
648
+ /* @__PURE__ */ jsx(
649
+ "path",
650
+ {
651
+ d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2",
652
+ fill: primaryColor
653
+ }
654
+ ),
655
+ /* @__PURE__ */ jsx(
656
+ "rect",
657
+ {
658
+ x: "8",
659
+ y: "2",
660
+ width: "8",
661
+ height: "4",
662
+ rx: "1",
663
+ fill: primaryColor,
664
+ stroke: accentColor,
665
+ strokeWidth: "1",
666
+ opacity: accentOpacity
667
+ }
668
+ ),
669
+ /* @__PURE__ */ jsx(
670
+ "path",
671
+ {
672
+ d: "M9 14l2 2 4-4",
673
+ stroke: accentColor,
674
+ strokeWidth,
675
+ fill: "none",
676
+ opacity: accentOpacity
677
+ }
678
+ )
679
+ ] }),
680
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
681
+ /* @__PURE__ */ jsx(
682
+ "path",
683
+ {
684
+ d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2",
685
+ stroke: primaryColor,
686
+ strokeWidth,
687
+ fill: "none"
688
+ }
689
+ ),
690
+ /* @__PURE__ */ jsx(
691
+ "rect",
692
+ {
693
+ x: "8",
694
+ y: "2",
695
+ width: "8",
696
+ height: "4",
697
+ rx: "1",
698
+ stroke: primaryColor,
699
+ strokeWidth,
700
+ fill: "none"
701
+ }
702
+ ),
703
+ /* @__PURE__ */ jsx("path", { d: "M9 14l2 2 4-4", stroke: primaryColor, strokeWidth, fill: "none" })
704
+ ] }),
705
+ vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
706
+ /* @__PURE__ */ jsx(
707
+ "path",
708
+ {
709
+ d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2",
710
+ fill: primaryColor
711
+ }
712
+ ),
713
+ /* @__PURE__ */ jsx(
714
+ "path",
715
+ {
716
+ d: "M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2",
717
+ fill: "white",
718
+ opacity: "0.08"
719
+ }
720
+ ),
721
+ /* @__PURE__ */ jsx(
722
+ "rect",
723
+ {
724
+ x: "8",
725
+ y: "2",
726
+ width: "8",
727
+ height: "4",
728
+ rx: "1",
729
+ fill: secondaryColor,
730
+ stroke: secondaryColor,
731
+ strokeWidth: "1"
732
+ }
733
+ ),
734
+ /* @__PURE__ */ jsx("path", { d: "M9 14l2 2 4-4", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.4" })
735
+ ] })
736
+ }
204
737
  });
205
738
  const NtdPiggyBank = /* @__PURE__ */ createIcon({
206
- displayName: 'NtdPiggyBank',
207
- paths: {
208
- solid: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: primaryColor }), jsx("circle", { cx: "9", cy: "11", r: "1", fill: secondaryColor }), jsx("path", { d: "M20 13c1 0 2 .5 2 2s-1 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 19l-1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M17 19l1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M14 7c-1-1-2.5-1.5-4-1.5S7 6 6 7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "10", y1: "5", x2: "10", y2: "3", stroke: primaryColor, strokeWidth: strokeWidth })] })),
209
- outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "11", r: "1", fill: primaryColor }), jsx("path", { d: "M20 13c1 0 2 .5 2 2s-1 2-2 2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M7 19l-1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M17 19l1 3", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "10", y1: "7", x2: "10", y2: "4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
210
- vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "9", cy: "11", r: "1", fill: secondaryColor }), jsx("path", { d: "M20 13c1 0 2 .5 2 2s-1 2-2 2", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("path", { d: "M7 19l-1 3", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M17 19l1 3", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M14 7c-1-1-2.5-1.5-4-1.5S7 6 6 7", stroke: "white", strokeWidth: "1", fill: "none" }), jsx("line", { x1: "10", y1: "5", x2: "10", y2: "3", stroke: "white", strokeWidth: "1" })] })),
211
- },
739
+ displayName: "NtdPiggyBank",
740
+ paths: {
741
+ solid: ({ primaryColor, secondaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
742
+ /* @__PURE__ */ jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: primaryColor }),
743
+ /* @__PURE__ */ jsx("circle", { cx: "9", cy: "11", r: "1", fill: secondaryColor }),
744
+ /* @__PURE__ */ jsx(
745
+ "path",
746
+ {
747
+ d: "M20 13c1 0 2 .5 2 2s-1 2-2 2",
748
+ stroke: primaryColor,
749
+ strokeWidth,
750
+ fill: "none"
751
+ }
752
+ ),
753
+ /* @__PURE__ */ jsx("path", { d: "M7 19l-1 3", stroke: primaryColor, strokeWidth }),
754
+ /* @__PURE__ */ jsx("path", { d: "M17 19l1 3", stroke: primaryColor, strokeWidth }),
755
+ /* @__PURE__ */ jsx(
756
+ "path",
757
+ {
758
+ d: "M14 7c-1-1-2.5-1.5-4-1.5S7 6 6 7",
759
+ stroke: primaryColor,
760
+ strokeWidth,
761
+ fill: "none"
762
+ }
763
+ ),
764
+ /* @__PURE__ */ jsx("line", { x1: "10", y1: "5", x2: "10", y2: "3", stroke: primaryColor, strokeWidth })
765
+ ] }),
766
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
767
+ /* @__PURE__ */ jsx(
768
+ "ellipse",
769
+ {
770
+ cx: "12",
771
+ cy: "13",
772
+ rx: "8",
773
+ ry: "6",
774
+ stroke: primaryColor,
775
+ strokeWidth,
776
+ fill: "none"
777
+ }
778
+ ),
779
+ /* @__PURE__ */ jsx("circle", { cx: "9", cy: "11", r: "1", fill: primaryColor }),
780
+ /* @__PURE__ */ jsx(
781
+ "path",
782
+ {
783
+ d: "M20 13c1 0 2 .5 2 2s-1 2-2 2",
784
+ stroke: primaryColor,
785
+ strokeWidth,
786
+ fill: "none"
787
+ }
788
+ ),
789
+ /* @__PURE__ */ jsx("path", { d: "M7 19l-1 3", stroke: primaryColor, strokeWidth }),
790
+ /* @__PURE__ */ jsx("path", { d: "M17 19l1 3", stroke: primaryColor, strokeWidth }),
791
+ /* @__PURE__ */ jsx("line", { x1: "10", y1: "7", x2: "10", y2: "4", stroke: primaryColor, strokeWidth })
792
+ ] }),
793
+ vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
794
+ /* @__PURE__ */ jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: primaryColor }),
795
+ /* @__PURE__ */ jsx("ellipse", { cx: "12", cy: "13", rx: "8", ry: "6", fill: "white", opacity: "0.08" }),
796
+ /* @__PURE__ */ jsx("circle", { cx: "9", cy: "11", r: "1", fill: secondaryColor }),
797
+ /* @__PURE__ */ jsx("path", { d: "M20 13c1 0 2 .5 2 2s-1 2-2 2", stroke: "white", strokeWidth: "1", fill: "none" }),
798
+ /* @__PURE__ */ jsx("path", { d: "M7 19l-1 3", stroke: "white", strokeWidth: "1" }),
799
+ /* @__PURE__ */ jsx("path", { d: "M17 19l1 3", stroke: "white", strokeWidth: "1" }),
800
+ /* @__PURE__ */ jsx("path", { d: "M14 7c-1-1-2.5-1.5-4-1.5S7 6 6 7", stroke: "white", strokeWidth: "1", fill: "none" }),
801
+ /* @__PURE__ */ jsx("line", { x1: "10", y1: "5", x2: "10", y2: "3", stroke: "white", strokeWidth: "1" })
802
+ ] })
803
+ }
212
804
  });
805
+ const COIN_FRONT = { cx: 9.2, cy: 15, r: 6.5 };
806
+ const COIN_BACK = { cx: 15.2, cy: 8.8, r: 6 };
807
+ const COIN_GAP = 0.8;
808
+ function coins(back, front, accent, width) {
809
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
810
+ /* @__PURE__ */ jsx("circle", { cx: COIN_BACK.cx, cy: COIN_BACK.cy, r: COIN_BACK.r, fill: back }),
811
+ accent && /* @__PURE__ */ jsx(
812
+ "circle",
813
+ {
814
+ cx: COIN_BACK.cx,
815
+ cy: COIN_BACK.cy,
816
+ r: COIN_BACK.r - 1.9,
817
+ stroke: accent,
818
+ strokeWidth: width,
819
+ fill: "none"
820
+ }
821
+ ),
822
+ accent && /* @__PURE__ */ jsx("circle", { cx: COIN_FRONT.cx, cy: COIN_FRONT.cy, r: COIN_FRONT.r + COIN_GAP, fill: accent }),
823
+ /* @__PURE__ */ jsx("circle", { cx: COIN_FRONT.cx, cy: COIN_FRONT.cy, r: COIN_FRONT.r, fill: front }),
824
+ accent && /* @__PURE__ */ jsx(
825
+ "circle",
826
+ {
827
+ cx: COIN_FRONT.cx,
828
+ cy: COIN_FRONT.cy,
829
+ r: COIN_FRONT.r - 2,
830
+ stroke: accent,
831
+ strokeWidth: width,
832
+ fill: "none"
833
+ }
834
+ )
835
+ ] });
836
+ }
213
837
  const NtdCoins = /* @__PURE__ */ createIcon({
214
- displayName: 'NtdCoins',
215
- paths: {
216
- solid: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "14", r: "7", fill: primaryColor }), jsx("circle", { cx: "10", cy: "14", r: "4", fill: secondaryColor, opacity: 0.3 }), jsx("circle", { cx: "16", cy: "8", r: "5", fill: primaryColor, opacity: 0.7 }), jsx("circle", { cx: "16", cy: "8", r: "2.5", fill: secondaryColor, opacity: 0.3 })] })),
217
- outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "14", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
218
- duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "14", r: "7", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "10", cy: "14", r: "7", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "8", r: "5", fill: secondaryColor, opacity: secondaryOpacity * 0.7 }), jsx("circle", { cx: "16", cy: "8", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
219
- vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "10", cy: "14", r: "7", fill: primaryColor }), jsx("circle", { cx: "10", cy: "14", r: "7", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "10", cy: "14", r: "4", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "8", r: "5", fill: "#3B82F6" }), jsx("circle", { cx: "16", cy: "8", r: "2.5", fill: "#10B981" })] })),
838
+ displayName: "NtdCoins",
839
+ paths: {
840
+ solid: ({ primaryColor, accentColor, strokeWidth }) => coins(primaryColor, primaryColor, accentColor, strokeWidth),
841
+ outline: ({ primaryColor, strokeWidth, uid }) => {
842
+ const mask = uid ? `${uid}-coins` : void 0;
843
+ return /* @__PURE__ */ jsxs("g", { stroke: primaryColor, strokeWidth, fill: "none", children: [
844
+ mask && /* @__PURE__ */ jsxs("mask", { id: mask, children: [
845
+ /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "24", height: "24", fill: "white", stroke: "none" }),
846
+ /* @__PURE__ */ jsx(
847
+ "circle",
848
+ {
849
+ cx: COIN_FRONT.cx,
850
+ cy: COIN_FRONT.cy,
851
+ r: COIN_FRONT.r + COIN_GAP,
852
+ fill: "black",
853
+ stroke: "none"
854
+ }
855
+ )
856
+ ] }),
857
+ /* @__PURE__ */ jsxs("g", { mask: mask ? `url(#${mask})` : void 0, children: [
858
+ /* @__PURE__ */ jsx("circle", { cx: COIN_BACK.cx, cy: COIN_BACK.cy, r: COIN_BACK.r - strokeWidth / 2 }),
859
+ /* @__PURE__ */ jsx("circle", { cx: COIN_BACK.cx, cy: COIN_BACK.cy, r: COIN_BACK.r - 1.9 })
860
+ ] }),
861
+ /* @__PURE__ */ jsx("circle", { cx: COIN_FRONT.cx, cy: COIN_FRONT.cy, r: COIN_FRONT.r - strokeWidth / 2 }),
862
+ /* @__PURE__ */ jsx("circle", { cx: COIN_FRONT.cx, cy: COIN_FRONT.cy, r: COIN_FRONT.r - 2 })
863
+ ] });
220
864
  },
865
+ duotone: ({ primaryColor, secondaryColor, strokeWidth }) => coins(secondaryColor, primaryColor, void 0, strokeWidth),
866
+ vivid: ({ primaryColor, secondaryColor, accentColor, strokeWidth }) => coins(secondaryColor, primaryColor, accentColor, strokeWidth)
867
+ }
221
868
  });
222
- // ── Relocated from brand packs ──
223
869
  const NtdKanban = /* @__PURE__ */ createIcon({
224
- displayName: 'NtdKanban',
225
- paths: {
226
- solid: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "5", height: "16", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "10", y: "4", width: "5", height: "16", rx: "1.5", fill: primaryColor, opacity: "0.8" }), jsx("rect", { x: "17", y: "4", width: "4", height: "16", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity })] })),
227
- outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M3 4h5v16H3zM10 4h5v16h-5zM17 4h4v16h-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
228
- duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "5", height: "16", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "17", y: "4", width: "4", height: "16", rx: "1.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 4h5v16H3zM10 4h5v16h-5zM17 4h4v16h-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
229
- vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "5", height: "16", rx: "1.5", fill: primaryColor }), jsx("rect", { x: "3", y: "4", width: "5", height: "16", rx: "1.5", fill: "white", opacity: "0.08" }), jsx("rect", { x: "10", y: "4", width: "5", height: "16", rx: "1.5", fill: secondaryColor, opacity: "0.8" }), jsx("rect", { x: "17", y: "4", width: "4", height: "16", rx: "1.5", fill: "#3B82F6" })] })),
230
- },
870
+ displayName: "NtdKanban",
871
+ paths: {
872
+ solid: ({ primaryColor, secondaryColor, secondaryOpacity }) => /* @__PURE__ */ jsxs(Fragment, { children: [
873
+ /* @__PURE__ */ jsx(
874
+ "rect",
875
+ {
876
+ x: "3",
877
+ y: "4",
878
+ width: "5",
879
+ height: "16",
880
+ rx: "1.5",
881
+ fill: secondaryColor,
882
+ opacity: secondaryOpacity
883
+ }
884
+ ),
885
+ /* @__PURE__ */ jsx("rect", { x: "10", y: "4", width: "5", height: "16", rx: "1.5", fill: primaryColor, opacity: "0.8" }),
886
+ /* @__PURE__ */ jsx(
887
+ "rect",
888
+ {
889
+ x: "17",
890
+ y: "4",
891
+ width: "4",
892
+ height: "16",
893
+ rx: "1.5",
894
+ fill: secondaryColor,
895
+ opacity: secondaryOpacity
896
+ }
897
+ )
898
+ ] }),
899
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
900
+ "path",
901
+ {
902
+ d: "M3 4h5v16H3zM10 4h5v16h-5zM17 4h4v16h-4z",
903
+ stroke: primaryColor,
904
+ strokeWidth,
905
+ fill: "none"
906
+ }
907
+ ),
908
+ duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
909
+ /* @__PURE__ */ jsx(
910
+ "rect",
911
+ {
912
+ x: "3",
913
+ y: "4",
914
+ width: "5",
915
+ height: "16",
916
+ rx: "1.5",
917
+ fill: secondaryColor,
918
+ opacity: secondaryOpacity
919
+ }
920
+ ),
921
+ /* @__PURE__ */ jsx(
922
+ "rect",
923
+ {
924
+ x: "17",
925
+ y: "4",
926
+ width: "4",
927
+ height: "16",
928
+ rx: "1.5",
929
+ fill: secondaryColor,
930
+ opacity: secondaryOpacity
931
+ }
932
+ ),
933
+ /* @__PURE__ */ jsx(
934
+ "path",
935
+ {
936
+ d: "M3 4h5v16H3zM10 4h5v16h-5zM17 4h4v16h-4z",
937
+ stroke: primaryColor,
938
+ strokeWidth,
939
+ fill: "none"
940
+ }
941
+ )
942
+ ] }),
943
+ vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
944
+ /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "5", height: "16", rx: "1.5", fill: primaryColor }),
945
+ /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "5", height: "16", rx: "1.5", fill: "white", opacity: "0.08" }),
946
+ /* @__PURE__ */ jsx("rect", { x: "10", y: "4", width: "5", height: "16", rx: "1.5", fill: secondaryColor, opacity: "0.8" }),
947
+ /* @__PURE__ */ jsx("rect", { x: "17", y: "4", width: "4", height: "16", rx: "1.5", fill: "#3B82F6" })
948
+ ] })
949
+ }
231
950
  });
232
951
  const NtdMilestone = /* @__PURE__ */ createIcon({
233
- displayName: 'NtdMilestone',
234
- paths: {
235
- solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "5", y1: "4", x2: "5", y2: "20", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 5h13l-3 4 3 4H5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
236
- outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5 4v16M5 5h13l-3 4 3 4H5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
237
- duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 4v16M5 5h13l-3 4 3 4H5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] }))),
238
- vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: primaryColor }), jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: "white", opacity: "0.1" }), jsx("line", { x1: "5", y1: "4", x2: "5", y2: "20", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("path", { d: "M5 5h13l-3 4 3 4H5", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })] })),
239
- },
952
+ displayName: "NtdMilestone",
953
+ paths: {
954
+ solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
955
+ /* @__PURE__ */ jsx("line", { x1: "5", y1: "4", x2: "5", y2: "20", stroke: primaryColor, strokeWidth }),
956
+ /* @__PURE__ */ jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: secondaryColor, opacity: secondaryOpacity }),
957
+ /* @__PURE__ */ jsx("path", { d: "M5 5h13l-3 4 3 4H5", stroke: primaryColor, strokeWidth, fill: "none" })
958
+ ] }),
959
+ outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsx(
960
+ "path",
961
+ {
962
+ d: "M5 4v16M5 5h13l-3 4 3 4H5",
963
+ stroke: primaryColor,
964
+ strokeWidth,
965
+ fill: "none"
966
+ }
967
+ ),
968
+ duotone: swapDuotone(({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => /* @__PURE__ */ jsxs(Fragment, { children: [
969
+ /* @__PURE__ */ jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: secondaryColor, opacity: secondaryOpacity }),
970
+ /* @__PURE__ */ jsx(
971
+ "path",
972
+ {
973
+ d: "M5 4v16M5 5h13l-3 4 3 4H5",
974
+ stroke: primaryColor,
975
+ strokeWidth,
976
+ fill: "none"
977
+ }
978
+ )
979
+ ] })),
980
+ vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxs(Fragment, { children: [
981
+ /* @__PURE__ */ jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: primaryColor }),
982
+ /* @__PURE__ */ jsx("path", { d: "M5 5h13l-3 4 3 4H5", fill: "white", opacity: "0.1" }),
983
+ /* @__PURE__ */ jsx("line", { x1: "5", y1: "4", x2: "5", y2: "20", stroke: secondaryColor, strokeWidth: "1.8" }),
984
+ /* @__PURE__ */ jsx("path", { d: "M5 5h13l-3 4 3 4H5", stroke: "#3B82F6", strokeWidth: "1.5", fill: "none" })
985
+ ] })
986
+ }
240
987
  });
241
-
242
- export { NtdBank, NtdBarcode, NtdBriefcase, NtdCalculator, NtdClipboardCheck, NtdCoins, NtdDollar, NtdInvoice, NtdInvoiceDoc, NtdKanban, NtdMilestone, NtdPercent, NtdPiggyBank, NtdPresentation, NtdReceipt, NtdStore, NtdTrendDown, NtdTrendUp, NtdWallet };
988
+ export {
989
+ NtdBank,
990
+ NtdBarcode,
991
+ NtdBriefcase,
992
+ NtdCalculator,
993
+ NtdClipboardCheck,
994
+ NtdCoins,
995
+ NtdDollar,
996
+ NtdInvoice,
997
+ NtdInvoiceDoc,
998
+ NtdKanban,
999
+ NtdMilestone,
1000
+ NtdPercent,
1001
+ NtdPiggyBank,
1002
+ NtdPresentation,
1003
+ NtdReceipt,
1004
+ NtdStore,
1005
+ NtdTrendDown,
1006
+ NtdTrendUp,
1007
+ NtdWallet
1008
+ };