@nice2dev/icons 1.1.10 → 1.2.0

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 (75) hide show
  1. package/CHANGELOG.md +70 -0
  2. package/dist/cjs/createIcon.js +1 -8
  3. package/dist/cjs/icons/accessibility.js +0 -13
  4. package/dist/cjs/icons/actions.js +0 -25
  5. package/dist/cjs/icons/ai.js +0 -15
  6. package/dist/cjs/icons/brand.js +0 -11
  7. package/dist/cjs/icons/business.js +0 -25
  8. package/dist/cjs/icons/devtech.js +0 -39
  9. package/dist/cjs/icons/ecommerce.js +0 -16
  10. package/dist/cjs/icons/education.js +0 -17
  11. package/dist/cjs/icons/files.js +0 -31
  12. package/dist/cjs/icons/fintech.js +0 -14
  13. package/dist/cjs/icons/food.js +0 -16
  14. package/dist/cjs/icons/fun.js +0 -13
  15. package/dist/cjs/icons/gaming.js +0 -15
  16. package/dist/cjs/icons/health.js +0 -14
  17. package/dist/cjs/icons/legal.js +0 -13
  18. package/dist/cjs/icons/media.js +0 -23
  19. package/dist/cjs/icons/navigation.js +0 -14
  20. package/dist/cjs/icons/realestate.js +0 -17
  21. package/dist/cjs/icons/saas.js +0 -13
  22. package/dist/cjs/icons/science.js +1 -18
  23. package/dist/cjs/icons/shapes.js +0 -22
  24. package/dist/cjs/icons/smarthome.js +0 -13
  25. package/dist/cjs/icons/social.js +0 -18
  26. package/dist/cjs/icons/sports.js +0 -14
  27. package/dist/cjs/icons/sustainability.js +0 -15
  28. package/dist/cjs/icons/travel.js +0 -15
  29. package/dist/cjs/icons/ui.js +0 -28
  30. package/dist/cjs/icons/weather.js +0 -20
  31. package/dist/cjs/index.js +0 -4
  32. package/dist/cjs/nicetodev-icons.css +1 -1
  33. package/dist/cjs/rsc.js +1 -1
  34. package/dist/cjs/variantProps.js +2 -7
  35. package/dist/esm/createIcon.js +1 -8
  36. package/dist/esm/icons/accessibility.js +0 -13
  37. package/dist/esm/icons/actions.js +0 -25
  38. package/dist/esm/icons/ai.js +0 -15
  39. package/dist/esm/icons/brand.js +0 -11
  40. package/dist/esm/icons/business.js +0 -25
  41. package/dist/esm/icons/devtech.js +0 -39
  42. package/dist/esm/icons/ecommerce.js +0 -16
  43. package/dist/esm/icons/education.js +0 -17
  44. package/dist/esm/icons/files.js +0 -31
  45. package/dist/esm/icons/fintech.js +0 -14
  46. package/dist/esm/icons/food.js +0 -16
  47. package/dist/esm/icons/fun.js +0 -13
  48. package/dist/esm/icons/gaming.js +0 -15
  49. package/dist/esm/icons/health.js +0 -14
  50. package/dist/esm/icons/legal.js +0 -13
  51. package/dist/esm/icons/media.js +0 -23
  52. package/dist/esm/icons/navigation.js +0 -14
  53. package/dist/esm/icons/realestate.js +0 -17
  54. package/dist/esm/icons/saas.js +0 -13
  55. package/dist/esm/icons/science.js +1 -18
  56. package/dist/esm/icons/shapes.js +0 -22
  57. package/dist/esm/icons/smarthome.js +0 -13
  58. package/dist/esm/icons/social.js +0 -18
  59. package/dist/esm/icons/sports.js +0 -14
  60. package/dist/esm/icons/sustainability.js +0 -15
  61. package/dist/esm/icons/travel.js +0 -15
  62. package/dist/esm/icons/ui.js +0 -28
  63. package/dist/esm/icons/weather.js +0 -20
  64. package/dist/esm/index.js +1 -2
  65. package/dist/esm/nicetodev-icons.css +1 -1
  66. package/dist/esm/rsc.js +1 -1
  67. package/dist/esm/variantProps.js +3 -7
  68. package/dist/types/NtdIconMorph.d.ts +1 -1
  69. package/dist/types/createIcon.d.ts +1 -9
  70. package/dist/types/index.d.ts +2 -12
  71. package/dist/types/rsc.d.ts +1 -3
  72. package/dist/types/tailwind-plugin.d.ts +1 -1
  73. package/dist/types/types.d.ts +1 -2
  74. package/dist/types/variantProps.d.ts +3 -11
  75. package/package.json +1 -1
package/dist/esm/icons/travel.js CHANGED
@@ -10,7 +10,6 @@ const NtdPlane = createIcon({
10
10
  solid: ({ primaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M21 16v-2l-8-5V3.5a1.5 1.5 0 00-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z", fill: primaryColor }) })),
11
11
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M21 16v-2l-8-5V3.5a1.5 1.5 0 00-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })),
12
12
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 16v-2l-8-5V3.5a1.5 1.5 0 00-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 16v-2l-8-5V3.5a1.5 1.5 0 00-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] })),
13
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M18.75 13.5v-1.5l-6-3.75V4.125a1.125 1.125 0 00-2.25 0V8.25L4.5 12v1.5l6-1.875V16.5l-1.5 1.125v1.125l2.625-.75 2.625.75v-1.125L12.75 16.5v-4.875l6 1.875z", fill: primaryColor })] })),
14
13
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 16v-2l-8-5V3.5a1.5 1.5 0 00-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z", fill: primaryColor }), jsx("path", { d: "M21 16v-2l-8-5V3.5a1.5 1.5 0 00-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z", fill: "white", opacity: "0.1" })] })),
15
14
  },
16
15
  });
@@ -20,7 +19,6 @@ const NtdPlaneTakeoff = createIcon({
20
19
  solid: ({ primaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M2.5 19h19M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", fill: primaryColor }) })),
21
20
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2.5 19h19", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
22
21
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M2.5 19h19", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
23
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M4 17h16", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M5.5 15l1.4-7.18a.75.75 0 01.86-.59l.37.06a.75.75 0 01.57.44l.76 1.7 4.33.71.86-1.84a.75.75 0 01.89-.4l.95.26a.75.75 0 01.49.68l.01 2.58a.75.75 0 01-.54.73l-8.69 2.67a1.5 1.5 0 01-.93-.02L5.5 15z", fill: primaryColor })] })),
24
22
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M2.5 19h19M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", fill: primaryColor }), jsx("path", { d: "M2.5 19h19M4.5 17l1.86-9.57a1 1 0 011.14-.79l.5.08a1 1 0 01.76.59l1.01 2.27 5.77.95 1.14-2.45a1 1 0 011.19-.53l1.26.35a1 1 0 01.66.91l.01 3.44a1 1 0 01-.72.97l-11.59 3.56a2 2 0 01-1.24-.03L4.5 17z", fill: "white", opacity: "0.1" })] })),
25
23
  },
26
24
  });
@@ -30,7 +28,6 @@ const NtdTrain = createIcon({
30
28
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: primaryColor }), jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "8", cy: "15", r: "1.5", fill: "white" }), jsx("circle", { cx: "16", cy: "15", r: "1.5", fill: "white" }), jsx("path", { d: "M8 20l-2 2M16 20l2 2M12 18v4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
31
29
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 20l-2 2M16 20l2 2M12 18v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
32
30
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", fill: primaryColor }), jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", fill: primaryColor }), jsx("circle", { cx: "8", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16", cy: "15", r: "1.5", fill: primaryColor }), jsx("path", { d: "M8 20l-2 2M16 20l2 2M12 18v4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
33
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "5", y: "4", width: "14", height: "12.75", rx: "2.25", fill: primaryColor }), jsx("rect", { x: "7.25", y: "6.25", width: "3", height: "3.75", rx: "0.75", fill: secondaryColor }), jsx("rect", { x: "13.75", y: "6.25", width: "3", height: "3.75", rx: "0.75", fill: secondaryColor }), jsx("circle", { cx: "8", cy: "13.75", r: "1.125", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "13.75", r: "1.125", fill: secondaryColor }), jsx("path", { d: "M8 18l-1.5 1.5M16 18l1.5 1.5M12 16.75v3", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
34
31
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: primaryColor }), jsx("rect", { x: "4", y: "3", width: "16", height: "15", rx: "3", fill: "white", opacity: "0.08" }), jsx("rect", { x: "7", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "6", width: "4", height: "5", rx: "1", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "8", cy: "15", r: "1.5", fill: "white" }), jsx("circle", { cx: "16", cy: "15", r: "1.5", fill: "white" }), jsx("path", { d: "M8 20l-2 2M16 20l2 2M12 18v4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
35
32
  },
36
33
  });
@@ -40,7 +37,6 @@ const NtdCar = createIcon({
40
37
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: primaryColor }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: "white", opacity: "0.5" })] })),
41
38
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
42
39
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: primaryColor })] })),
43
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M6 11.25l1.5-3.75h9l1.5 3.75M4.5 13.5v3a.75.75 0 00.75.75h1.5a.75.75 0 00.75-.75v-.75h9v.75a.75.75 0 00.75.75h1.5a.75.75 0 00.75-.75v-3a1.5 1.5 0 00-1.5-1.5h-12a1.5 1.5 0 00-1.5 1.5z", fill: primaryColor }), jsx("circle", { cx: "7.5", cy: "14.25", r: "1.125", fill: secondaryColor }), jsx("circle", { cx: "16.5", cy: "14.25", r: "1.125", fill: secondaryColor })] })),
44
40
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: primaryColor }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: "white", opacity: "0.5" })] })),
45
41
  },
46
42
  });
@@ -50,7 +46,6 @@ const NtdBus = createIcon({
50
46
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "6", width: "5", height: "4", rx: "1", fill: "white", opacity: "0.5" }), jsx("rect", { x: "11", y: "6", width: "5", height: "4", rx: "1", fill: "white", opacity: "0.5" }), jsx("rect", { x: "5", y: "12", width: "14", height: "2", rx: "0.5", fill: "white", opacity: "0.3" }), jsx("circle", { cx: "7", cy: "18", r: "2", fill: primaryColor }), jsx("circle", { cx: "17", cy: "18", r: "2", fill: primaryColor })] })),
51
47
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "6", width: "5", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "11", y: "6", width: "5", height: "4", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 12h14", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "7", cy: "18", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "17", cy: "18", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
52
48
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "5", y: "6", width: "5", height: "4", rx: "1", fill: primaryColor }), jsx("rect", { x: "11", y: "6", width: "5", height: "4", rx: "1", fill: primaryColor }), jsx("path", { d: "M5 12h14", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "7", cy: "18", r: "2", fill: primaryColor }), jsx("circle", { cx: "17", cy: "18", r: "2", fill: primaryColor })] })),
53
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "5", width: "16", height: "11.25", rx: "1.5", fill: primaryColor }), jsx("rect", { x: "5.5", y: "6.75", width: "3.75", height: "3", rx: "0.75", fill: secondaryColor }), jsx("rect", { x: "10.25", y: "6.75", width: "3.75", height: "3", rx: "0.75", fill: secondaryColor }), jsx("path", { d: "M5.5 11.25h10.5", stroke: secondaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "7.5", cy: "17.25", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "16.5", cy: "17.25", r: "1.5", fill: primaryColor })] })),
54
49
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "4", width: "18", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "5", y: "6", width: "5", height: "4", rx: "1", fill: "white", opacity: "0.5" }), jsx("rect", { x: "11", y: "6", width: "5", height: "4", rx: "1", fill: "white", opacity: "0.5" }), jsx("rect", { x: "5", y: "12", width: "14", height: "2", rx: "0.5", fill: "white", opacity: "0.3" }), jsx("circle", { cx: "7", cy: "18", r: "2", fill: "#F59E0B" }), jsx("circle", { cx: "17", cy: "18", r: "2", fill: "#F59E0B" })] })),
55
50
  },
56
51
  });
@@ -60,7 +55,6 @@ const NtdShip = createIcon({
60
55
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 18l1-6h14l1 6c-4 2-8 2-8 2s-4 0-8-2z", fill: primaryColor }), jsx("path", { d: "M6 12V8h12v4", fill: primaryColor, opacity: "0.7" }), jsx("rect", { x: "10", y: "4", width: "4", height: "4", fill: primaryColor }), jsx("path", { d: "M12 2v2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M2 22c2 0 3-1 4-1s2 1 4 1 3-1 4-1 2 1 4 1 3-1 4-1", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round", fill: "none" })] })),
61
56
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 18l1-6h14l1 6c-4 2-8 2-8 2s-4 0-8-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 12V8h12v4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "10", y: "4", width: "4", height: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M2 22c2 0 3-1 4-1s2 1 4 1 3-1 4-1 2 1 4 1 3-1 4-1", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
62
57
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 18l1-6h14l1 6c-4 2-8 2-8 2s-4 0-8-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 12V8h12v4", fill: primaryColor, opacity: "0.5" }), jsx("rect", { x: "10", y: "4", width: "4", height: "4", fill: primaryColor }), jsx("path", { d: "M4 18l1-6h14l1 6c-4 2-8 2-8 2s-4 0-8-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 12V8h12v4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2v2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M2 22c2 0 3-1 4-1s2 1 4 1 3-1 4-1 2 1 4 1 3-1 4-1", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
63
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M5 15.75l.75-4.5h12.5l.75 4.5c-3 1.5-6 1.5-6 1.5s-3 0-6-1.5z", fill: primaryColor }), jsx("path", { d: "M7 11.25V8.25h10v3", fill: primaryColor, opacity: "0.7" }), jsx("rect", { x: "10.5", y: "5.25", width: "3", height: "3", fill: primaryColor }), jsx("path", { d: "M12 4v1.25", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M4 19.5c1.5 0 2.25-.75 3-.75s1.5.75 3 .75 2.25-.75 3-.75 1.5.75 3 .75 2.25-.75 3-.75", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round", fill: "none" })] })),
64
58
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 18l1-6h14l1 6c-4 2-8 2-8 2s-4 0-8-2z", fill: primaryColor }), jsx("path", { d: "M4 18l1-6h14l1 6c-4 2-8 2-8 2s-4 0-8-2z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M6 12V8h12v4", fill: secondaryColor, opacity: "0.7" }), jsx("rect", { x: "10", y: "4", width: "4", height: "4", fill: "#3B82F6" }), jsx("path", { d: "M12 2v2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M2 22c2 0 3-1 4-1s2 1 4 1 3-1 4-1 2 1 4 1 3-1 4-1", stroke: "white", strokeWidth: "1", strokeLinecap: "round", fill: "none" })] })),
65
59
  },
66
60
  });
@@ -70,7 +64,6 @@ const NtdBike = createIcon({
70
64
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "17", r: "3", fill: primaryColor }), jsx("circle", { cx: "19", cy: "17", r: "3", fill: primaryColor }), jsx("path", { d: "M12 17l3-7h3M12 17l-3-4h-4M12 17V9l2-2h3", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
71
65
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "17", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "19", cy: "17", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 17l3-7h3M12 17l-3-4h-4M12 17V9l2-2h3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
72
66
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "17", r: "3", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "19", cy: "17", r: "3", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M12 17l3-7h3M12 17l-3-4h-4M12 17V9l2-2h3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
73
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "6", cy: "15.75", r: "2.25", fill: primaryColor }), jsx("circle", { cx: "18", cy: "15.75", r: "2.25", fill: primaryColor }), jsx("path", { d: "M12 15.75l2.25-5.25h2.25M12 15.75l-2.25-3h-3M12 15.75V9.75l1.5-1.5h2.25", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
74
67
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "17", r: "3", fill: primaryColor }), jsx("circle", { cx: "5", cy: "17", r: "3", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "19", cy: "17", r: "3", fill: secondaryColor }), jsx("path", { d: "M12 17l3-7h3M12 17l-3-4h-4M12 17V9l2-2h3", stroke: "white", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
75
68
  },
76
69
  });
@@ -80,7 +73,6 @@ const NtdTaxi = createIcon({
80
73
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: primaryColor }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }), jsx("text", { x: "12", y: "4", textAnchor: "middle", fill: "white", fontSize: "2.5", fontWeight: "bold", fontFamily: "system-ui", children: "TAXI" })] })),
81
74
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
82
75
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: primaryColor })] })),
83
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "9", y: "3.5", width: "6", height: "2.25", rx: "0.75", fill: primaryColor }), jsx("path", { d: "M6 11.25l1.5-3.75h9l1.5 3.75M4.5 13.5v3a.75.75 0 00.75.75h1.5a.75.75 0 00.75-.75v-.75h9v.75a.75.75 0 00.75.75h1.5a.75.75 0 00.75-.75v-3a1.5 1.5 0 00-1.5-1.5h-12a1.5 1.5 0 00-1.5 1.5z", fill: primaryColor }), jsx("circle", { cx: "7.5", cy: "14.25", r: "1.125", fill: secondaryColor }), jsx("circle", { cx: "16.5", cy: "14.25", r: "1.125", fill: secondaryColor })] })),
84
76
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: primaryColor }), jsx("rect", { x: "8", y: "2", width: "8", height: "3", rx: "1", fill: "white", opacity: "0.08" }), jsx("path", { d: "M5 11l2-5h10l2 5M3 14v4a1 1 0 001 1h2a1 1 0 001-1v-1h10v1a1 1 0 001 1h2a1 1 0 001-1v-4a2 2 0 00-2-2H5a2 2 0 00-2 2z", fill: secondaryColor }), jsx("circle", { cx: "7", cy: "15", r: "1.5", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "17", cy: "15", r: "1.5", fill: "white", opacity: "0.5" })] })),
85
77
  },
86
78
  });
@@ -93,7 +85,6 @@ const NtdLuggage = createIcon({
93
85
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", fill: primaryColor }), jsx("path", { d: "M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2", stroke: primaryColor, strokeWidth: "2" }), jsx("path", { d: "M10 10v6M14 10v6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.5" }), jsx("circle", { cx: "8", cy: "22", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "22", r: "1", fill: primaryColor })] })),
94
86
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 10v6M14 10v6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "8", cy: "22", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "22", r: "1", fill: primaryColor })] })),
95
87
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 10v6M14 10v6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("circle", { cx: "8", cy: "22", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "22", r: "1", fill: primaryColor })] })),
96
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "7", y: "6.75", width: "10", height: "11.25", rx: "1.5", fill: primaryColor }), jsx("path", { d: "M9.75 6.75v-1.5a.75.75 0 01.75-.75h3a.75.75 0 01.75.75v1.5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M10.5 9.75v4.5M13.5 9.75v4.5", stroke: secondaryColor, strokeWidth: "1.125", strokeLinecap: "round" }), jsx("circle", { cx: "8.5", cy: "19.5", r: "0.75", fill: primaryColor }), jsx("circle", { cx: "15.5", cy: "19.5", r: "0.75", fill: primaryColor })] })),
97
88
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", fill: primaryColor }), jsx("rect", { x: "6", y: "6", width: "12", height: "14", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "8", cy: "22", r: "1", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "22", r: "1", fill: "#3B82F6" }), jsx("path", { d: "M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M10 10v6M14 10v6", stroke: "white", strokeWidth: "1", strokeLinecap: "round", opacity: "0.35" })] })),
98
89
  },
99
90
  });
@@ -103,7 +94,6 @@ const NtdPassport = createIcon({
103
94
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "4", fill: "white", opacity: "0.3" }), jsx("path", { d: "M8 17h8M9 19h6", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.5" })] })),
104
95
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 17h8M9 19h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
105
96
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "4", fill: primaryColor, opacity: "0.5", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M8 17h8M9 19h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
106
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "5.75", y: "3.5", width: "12.5", height: "17", rx: "1.5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: secondaryColor }), jsx("path", { d: "M8.5 15.5h7M9.5 17.5h5", stroke: secondaryColor, strokeWidth: "1.125", strokeLinecap: "round" })] })),
107
97
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "5", y: "2", width: "14", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "10", r: "4", fill: "white", opacity: "0.3" }), jsx("path", { d: "M8 17h8M9 19h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round", opacity: "0.4" })] })),
108
98
  },
109
99
  });
@@ -113,7 +103,6 @@ const NtdTicket = createIcon({
113
103
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", fill: primaryColor }), jsx("path", { d: "M9 6v12", stroke: "white", strokeWidth: "1.5", strokeDasharray: "2 2" }), jsx("path", { d: "M13 10h5M13 14h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.5" })] })),
114
104
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6v12", stroke: primaryColor, strokeWidth: strokeWidth, strokeDasharray: "2 2" }), jsx("path", { d: "M13 10h5M13 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
115
105
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 6v12", stroke: primaryColor, strokeWidth: strokeWidth, strokeDasharray: "2 2" }), jsx("path", { d: "M13 10h5M13 14h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
116
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M5 7h14a1.5 1.5 0 011.5 1.5v1.5a1.5 1.5 0 000 3v1.5a1.5 1.5 0 01-1.5 1.5H5a1.5 1.5 0 01-1.5-1.5v-1.5a1.5 1.5 0 000-3V8.5A1.5 1.5 0 015 7z", fill: primaryColor }), jsx("path", { d: "M9.75 7v9", stroke: secondaryColor, strokeWidth: "1.125", strokeDasharray: "1.5 1.5" }), jsx("path", { d: "M13.5 10.5h3.75M13.5 13.5h3", stroke: secondaryColor, strokeWidth: "1.125", strokeLinecap: "round" })] })),
117
106
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", fill: primaryColor }), jsx("path", { d: "M4 6h16a2 2 0 012 2v2a2 2 0 000 4v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2a2 2 0 000-4V8a2 2 0 012-2z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M9 6v12", stroke: "white", strokeWidth: "1.8", strokeDasharray: "2 2" }), jsx("path", { d: "M13 10h5M13 14h4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", opacity: "0.5" })] })),
118
107
  },
119
108
  });
@@ -123,7 +112,6 @@ const NtdHotel = createIcon({
123
112
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "7", y: "5", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "5", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "10", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "10", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: "white", opacity: "0.3" })] })),
124
113
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "5", width: "4", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "5", width: "4", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "10", width: "4", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "13", y: "10", width: "4", height: "3", rx: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
125
114
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "7", y: "5", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "13", y: "5", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "7", y: "10", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "13", y: "10", width: "4", height: "3", rx: "0.5", fill: primaryColor }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: primaryColor, opacity: "0.5" })] })),
126
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "5", y: "3.5", width: "14", height: "17", rx: "1.5", fill: primaryColor }), jsx("rect", { x: "7.5", y: "5.75", width: "3", height: "2.25", rx: "0.375", fill: secondaryColor }), jsx("rect", { x: "13.5", y: "5.75", width: "3", height: "2.25", rx: "0.375", fill: secondaryColor }), jsx("rect", { x: "7.5", y: "10.25", width: "3", height: "2.25", rx: "0.375", fill: secondaryColor }), jsx("rect", { x: "13.5", y: "10.25", width: "3", height: "2.25", rx: "0.375", fill: secondaryColor }), jsx("rect", { x: "9.75", y: "15", width: "4.5", height: "5.5", fill: secondaryColor })] })),
127
115
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "2", width: "16", height: "20", rx: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "7", y: "5", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "5", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "7", y: "10", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "13", y: "10", width: "4", height: "3", rx: "0.5", fill: "white", opacity: "0.5" }), jsx("rect", { x: "9", y: "17", width: "6", height: "5", fill: "white", opacity: "0.3" })] })),
128
116
  },
129
117
  });
@@ -133,7 +121,6 @@ const NtdBeach = createIcon({
133
121
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "18", cy: "6", r: "4", fill: primaryColor }), jsx("path", { d: "M12 8v14", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M12 8c4 0 8 3 8 6H4c0-3 4-6 8-6z", fill: primaryColor }), jsx("path", { d: "M2 22c3-2 6-3 10-3s7 1 10 3", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round", fill: "none" })] })),
134
122
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "18", cy: "6", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 8v14", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 8c4 0 8 3 8 6H4c0-3 4-6 8-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 22c3-2 6-3 10-3s7 1 10 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
135
123
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "18", cy: "6", r: "4", fill: primaryColor }), jsx("path", { d: "M12 8c4 0 8 3 8 6H4c0-3 4-6 8-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 8v14", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 8c4 0 8 3 8 6H4c0-3 4-6 8-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 22c3-2 6-3 10-3s7 1 10 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", fill: "none" })] })),
136
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "17.25", cy: "6.75", r: "3", fill: primaryColor }), jsx("path", { d: "M12 8.25v10.5", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M12 8.25c3 0 6 2.25 6 4.5H6c0-2.25 3-4.5 6-4.5z", fill: primaryColor }), jsx("path", { d: "M4 19.5c2.25-1.5 4.5-2.25 7.5-2.25s5.25.75 7.5 2.25", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round", fill: "none" })] })),
137
124
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "18", cy: "6", r: "4", fill: primaryColor }), jsx("circle", { cx: "18", cy: "6", r: "4", fill: "white", opacity: "0.08" }), jsx("path", { d: "M12 8c4 0 8 3 8 6H4c0-3 4-6 8-6z", fill: secondaryColor }), jsx("path", { d: "M12 8v14", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M2 22c3-2 6-3 10-3s7 1 10 3", stroke: "white", strokeWidth: "1", strokeLinecap: "round", fill: "none" })] })),
138
125
  },
139
126
  });
@@ -143,7 +130,6 @@ const NtdCamping = createIcon({
143
130
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 20h20L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2v18", stroke: "white", strokeWidth: "1.5", opacity: "0.3" }), jsx("path", { d: "M8 20l4-8 4 8", fill: "white", opacity: "0.3" }), jsx("path", { d: "M3 20h18", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
144
131
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 20h20L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M12 2v18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M8 20l4-8 4 8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] })),
145
132
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 20h20L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L2 20h20L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M12 2v18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("path", { d: "M8 20l4-8 4 8", fill: primaryColor, opacity: "0.5", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinejoin: "round" })] })),
146
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 4L4 18.5h16L12 4z", fill: primaryColor }), jsx("path", { d: "M12 4v14.5", stroke: secondaryColor, strokeWidth: "1.125" }), jsx("path", { d: "M9 18.5l3-6 3 6", fill: secondaryColor })] })),
147
133
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 20h20L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2L2 20h20L12 2z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M8 20l4-8 4 8", fill: "white", opacity: "0.3" }), jsx("path", { d: "M12 2v18", stroke: "white", strokeWidth: "1", opacity: "0.4" }), jsx("path", { d: "M3 20h18", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
148
134
  },
149
135
  });
@@ -153,7 +139,6 @@ const NtdCompassRose = createIcon({
153
139
  solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M12 7l2 5-2 5-2-5 2-5z", fill: "white" }), jsx("path", { d: "M7 12l5-2 5 2-5 2-5-2z", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor })] })),
154
140
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 7l2 5-2 5-2-5 2-5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("path", { d: "M7 12l5-2 5 2-5 2-5-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
155
141
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M12 7l2 5-2 5-2-5 2-5z", fill: primaryColor }), jsx("path", { d: "M7 12l5-2 5 2-5 2-5-2z", fill: primaryColor, opacity: "0.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "white", stroke: primaryColor, strokeWidth: strokeWidth })] })),
156
- flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "7.5", fill: primaryColor }), jsx("path", { d: "M12 4.5v3M12 16.5v3M4.5 12h3M16.5 12h3", stroke: secondaryColor, strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M12 7.5l1.5 4.5-1.5 4.5-1.5-4.5 1.5-4.5z", fill: secondaryColor }), jsx("path", { d: "M7.5 12l4.5-1.5 4.5 1.5-4.5 1.5-4.5-1.5z", fill: secondaryColor, opacity: "0.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.125", fill: primaryColor })] })),
157
142
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("path", { d: "M12 7l2 5-2 5-2-5 2-5z", fill: "white" }), jsx("path", { d: "M7 12l5-2 5 2-5 2-5-2z", fill: "white", opacity: "0.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: "#10B981" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
158
143
  },
159
144
  });
package/dist/esm/icons/ui.js CHANGED
@@ -7,7 +7,6 @@ const NtdHome = createIcon({
7
7
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M3 9.5L12 2l9 7.5V20H3Z", fill: primaryColor })),
8
8
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 9.5L12 2l9 7.5V20H3Z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 20V12h6v8", stroke: primaryColor, strokeWidth: strokeWidth })] })),
9
9
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 9.5L12 2l9 7.5V20H3Z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 9.5L12 2l9 7.5V20H3Z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 20V12h6v8", stroke: primaryColor, strokeWidth: strokeWidth, fill: primaryColor })] })),
10
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M3 9.5L12 2l9 7.5V20H3Z", fill: primaryColor })] })),
11
10
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M3 9.5L12 2l9 7.5V20H3Z", fill: primaryColor }), jsx("path", { d: "M3 9.5L12 2l9 7.5V20H3Z", fill: "white", opacity: "0.1" })] })),
12
11
  },
13
12
  });
@@ -21,7 +20,6 @@ const NtdUser = createIcon({
21
20
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }), jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", fill: primaryColor })] })),
22
21
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "7.6", r: "4.4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
23
22
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }), jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
24
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }), jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", fill: primaryColor })] })),
25
23
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: primaryColor }), jsx("circle", { cx: "12", cy: "7.6", r: "4.4", fill: "white", opacity: "0.08" }), jsx("path", { d: "M20.8 21.9v-2.2a4.4 4.4 0 00-4.4-4.4H7.6a4.4 4.4 0 00-4.4 4.4v2.2", fill: secondaryColor })] })),
26
24
  },
27
25
  });
@@ -31,7 +29,6 @@ const NtdUsers = createIcon({
31
29
  solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }), jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", fill: primaryColor }), jsx("path", { d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
32
30
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "9", cy: "7", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
33
31
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }), jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 })] })),
34
- flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }), jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", fill: primaryColor }), jsx("path", { d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
35
32
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "9", cy: "7", r: "4", fill: primaryColor }), jsx("circle", { cx: "9", cy: "7", r: "4", fill: "white", opacity: "0.08" }), jsx("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2", fill: secondaryColor }), jsx("path", { d: "M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75", stroke: "white", strokeWidth: "1", fill: "none" })] })),
36
33
  },
37
34
  });
@@ -41,7 +38,6 @@ const NtdHeart = createIcon({
41
38
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", fill: primaryColor })),
42
39
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
43
40
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
44
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", fill: primaryColor })] })),
45
41
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", fill: primaryColor }), jsx("path", { d: "M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z", fill: "white", opacity: "0.1" })] })),
46
42
  },
47
43
  });
@@ -51,7 +47,6 @@ const NtdStar = createIcon({
51
47
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", fill: primaryColor })),
52
48
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
53
49
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
54
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", fill: primaryColor })] })),
55
50
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z", fill: "white", opacity: "0.1" })] })),
56
51
  },
57
52
  });
@@ -61,7 +56,6 @@ const NtdBell = createIcon({
61
56
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9zM13.73 21a2 2 0 01-3.46 0", fill: primaryColor, stroke: primaryColor, strokeWidth: "1" })),
62
57
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth })] })),
63
58
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth })] })),
64
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9zM13.73 21a2 2 0 01-3.46 0", fill: primaryColor, stroke: primaryColor, strokeWidth: "1" })] })),
65
59
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9zM13.73 21a2 2 0 01-3.46 0", fill: primaryColor, stroke: primaryColor, strokeWidth: "1" }), jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9zM13.73 21a2 2 0 01-3.46 0", fill: "white", opacity: "0.1" })] })),
66
60
  },
67
61
  });
@@ -71,7 +65,6 @@ const NtdEye = createIcon({
71
65
  solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", fill: primaryColor, opacity: "0.15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: primaryColor })] })),
72
66
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
73
67
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: primaryColor })] })),
74
- flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", fill: primaryColor, opacity: "0.15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: primaryColor })] })),
75
68
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", fill: primaryColor, opacity: "0.15", stroke: primaryColor, strokeWidth: "2" }), jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: secondaryColor })] })),
76
69
  },
77
70
  });
@@ -81,7 +74,6 @@ const NtdEyeOff = createIcon({
81
74
  solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22", stroke: primaryColor, strokeWidth: strokeWidth })),
82
75
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22", stroke: primaryColor, strokeWidth: strokeWidth })),
83
76
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z", fill: secondaryColor, opacity: secondaryOpacity * 0.5 }), jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22", stroke: primaryColor, strokeWidth: strokeWidth })] })),
84
- flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22", stroke: primaryColor, strokeWidth: strokeWidth })] })),
85
77
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24M1 1l22 22", stroke: primaryColor, strokeWidth: "2.2" }) })),
86
78
  },
87
79
  });
@@ -91,7 +83,6 @@ const NtdInfo = createIcon({
91
83
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "8", r: "1", fill: accentColor, opacity: accentOpacity })] })),
92
84
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "8", r: "1", fill: primaryColor })] })),
93
85
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "8", r: "1", fill: primaryColor })] })),
94
- flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "8", r: "1", fill: accentColor, opacity: accentOpacity })] })),
95
86
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "8", r: "1", fill: secondaryColor }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
96
87
  },
97
88
  });
@@ -101,7 +92,6 @@ const NtdWarning = createIcon({
101
92
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z", fill: primaryColor }), jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity })] })),
102
93
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })] })),
103
94
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })] })),
104
- flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z", fill: primaryColor }), jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity })] })),
105
95
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z", fill: primaryColor }), jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: secondaryColor }), jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13", stroke: "white", strokeWidth: "1", opacity: "0.4" })] })),
106
96
  },
107
97
  });
@@ -111,7 +101,6 @@ const NtdError = createIcon({
111
101
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
112
102
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
113
103
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
114
- flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity }), jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
115
104
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
116
105
  },
117
106
  });
@@ -121,7 +110,6 @@ const NtdSuccess = createIcon({
121
110
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M9 12l2 2 4-4", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
122
111
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
123
112
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
124
- flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M9 12l2 2 4-4", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
125
113
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: secondaryColor, strokeWidth: "1.8" })] })),
126
114
  },
127
115
  });
@@ -131,7 +119,6 @@ const NtdHelp = createIcon({
131
119
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity })] })),
132
120
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })] })),
133
121
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: primaryColor })] })),
134
- flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3", stroke: accentColor, strokeWidth: strokeWidth, fill: "none", opacity: accentOpacity }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: accentColor, opacity: accentOpacity })] })),
135
122
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "17", r: "1", fill: secondaryColor }), jsx("path", { d: "M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.4" })] })),
136
123
  },
137
124
  });
@@ -141,7 +128,6 @@ const NtdClock = createIcon({
141
128
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 6v6l4 2", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
142
129
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v6l4 2", stroke: primaryColor, strokeWidth: strokeWidth })] })),
143
130
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v6l4 2", stroke: primaryColor, strokeWidth: strokeWidth })] })),
144
- flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 6v6l4 2", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
145
131
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 6v6l4 2", stroke: secondaryColor, strokeWidth: "1.8" })] })),
146
132
  },
147
133
  });
@@ -151,7 +137,6 @@ const NtdCalendar = createIcon({
151
137
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
152
138
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10", stroke: primaryColor, strokeWidth: strokeWidth })] })),
153
139
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "4", width: "18", height: "6", rx: "2", fill: primaryColor, opacity: secondaryOpacity + 0.1 }), jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10", stroke: primaryColor, strokeWidth: strokeWidth })] })),
154
- flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10", stroke: accentColor, strokeWidth: "1.5", opacity: accentOpacity })] })),
155
140
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.1" }), jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6", stroke: "#3B82F6", strokeWidth: "1.5" }), jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
156
141
  },
157
142
  });
@@ -161,7 +146,6 @@ const NtdTag = createIcon({
161
146
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", fill: primaryColor }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: accentColor, opacity: accentOpacity })] })),
162
147
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "7", r: "1", fill: primaryColor })] })),
163
148
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: primaryColor })] })),
164
- flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth, }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", fill: primaryColor }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: accentColor, opacity: accentOpacity })] })),
165
149
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", fill: primaryColor }), jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: secondaryColor })] })),
166
150
  },
167
151
  });
@@ -171,7 +155,6 @@ const NtdBookmark = createIcon({
171
155
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", fill: primaryColor })),
172
156
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
173
157
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
174
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", fill: primaryColor })] })),
175
158
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", fill: primaryColor }), jsx("path", { d: "M19 21l-7-5-7 5V5a2 2 0 012-2h10a2 2 0 012 2v16z", fill: "white", opacity: "0.1" })] })),
176
159
  },
177
160
  });
@@ -181,7 +164,6 @@ const NtdFlag = createIcon({
181
164
  solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z", fill: primaryColor }), jsx("line", { x1: "5", y1: "22", x2: "5", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
182
165
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "22", x2: "5", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
183
166
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "22", x2: "5", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
184
- flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z", fill: primaryColor }), jsx("line", { x1: "5", y1: "22", x2: "5", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
185
167
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z", fill: primaryColor }), jsx("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "5", y1: "22", x2: "5", y2: "15", stroke: secondaryColor, strokeWidth: "1.8" })] })),
186
168
  },
187
169
  });
@@ -191,7 +173,6 @@ const NtdThumbUp = createIcon({
191
173
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3", fill: primaryColor })),
192
174
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
193
175
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M7 11H4a2 2 0 00-2 2v7a2 2 0 002 2h3V11z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
194
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3", fill: primaryColor })] })),
195
176
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3", fill: primaryColor }), jsx("path", { d: "M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14zM7 22H4a2 2 0 01-2-2v-7a2 2 0 012-2h3", fill: "white", opacity: "0.1" })] })),
196
177
  },
197
178
  });
@@ -201,7 +182,6 @@ const NtdThumbDown = createIcon({
201
182
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17", fill: primaryColor })),
202
183
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
203
184
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
204
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17", fill: primaryColor })] })),
205
185
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17", fill: primaryColor }), jsx("path", { d: "M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10zM17 2h2.67A2.31 2.31 0 0122 4v7a2.31 2.31 0 01-2.33 2H17", fill: "white", opacity: "0.1" })] })),
206
186
  },
207
187
  });
@@ -211,7 +191,6 @@ const NtdShield = createIcon({
211
191
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", fill: primaryColor })),
212
192
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
213
193
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 12l2 2 4-4", stroke: primaryColor, strokeWidth: strokeWidth })] })),
214
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", fill: primaryColor })] })),
215
194
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", fill: primaryColor }), jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z", fill: "white", opacity: "0.1" })] })),
216
195
  },
217
196
  });
@@ -221,7 +200,6 @@ const NtdGlobe = createIcon({
221
200
  solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10A15.3 15.3 0 0112 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
222
201
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10A15.3 15.3 0 0112 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
223
202
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10A15.3 15.3 0 0112 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
224
- flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10A15.3 15.3 0 0112 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
225
203
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: "2", fill: "none" }), jsx("path", { d: "M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10A15.3 15.3 0 0112 2z", stroke: secondaryColor, strokeWidth: "2", fill: "none" })] })),
226
204
  },
227
205
  });
@@ -231,7 +209,6 @@ const NtdMap = createIcon({
231
209
  solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4zM8 2v16M16 6v16", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
232
210
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4zM8 2v16M16 6v16", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
233
211
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 2l8 4v16l-8-4V2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4zM8 2v16M16 6v16", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
234
- flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4zM8 2v16M16 6v16", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
235
212
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4zM8 2v16M16 6v16", stroke: primaryColor, strokeWidth: "2.2", fill: "none" }) })),
236
213
  },
237
214
  });
@@ -241,7 +218,6 @@ const NtdPin = createIcon({
241
218
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: accentColor, opacity: accentOpacity })] })),
242
219
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
243
220
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: primaryColor })] })),
244
- flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth, }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: accentColor, opacity: accentOpacity })] })),
245
221
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z", fill: primaryColor }), jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "10", r: "3", fill: secondaryColor })] })),
246
222
  },
247
223
  });
@@ -251,7 +227,6 @@ const NtdSun = createIcon({
251
227
  solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor }), jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42", stroke: primaryColor, strokeWidth: strokeWidth })] })),
252
228
  outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42", stroke: primaryColor, strokeWidth: strokeWidth })] })),
253
229
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2 }), jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor })] })),
254
- flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor }), jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42", stroke: primaryColor, strokeWidth: strokeWidth })] })),
255
230
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "5", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42", stroke: secondaryColor, strokeWidth: "1.8" })] })),
256
231
  },
257
232
  });
@@ -261,7 +236,6 @@ const NtdMoon = createIcon({
261
236
  solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", fill: primaryColor })),
262
237
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
263
238
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
264
- flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", fill: primaryColor })] })),
265
239
  vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", fill: primaryColor }), jsx("path", { d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z", fill: "white", opacity: "0.1" })] })),
266
240
  },
267
241
  });
@@ -272,7 +246,6 @@ const NtdCursor = createIcon({
272
246
  solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l12 8-5 1.5L14 20l-3 1-2-7-4 2z", fill: primaryColor }), jsx("line", { x1: "16", y1: "5", x2: "20", y2: "3", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
273
247
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5 3l12 8-5 1.5L14 20l-3 1-2-7-4 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
274
248
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l12 8-5 1.5L14 20l-3 1-2-7-4 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 3l12 8-5 1.5L14 20l-3 1-2-7-4 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
275
- flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M5 3l12 8-5 1.5L14 20l-3 1-2-7-4 2z", fill: primaryColor }), jsx("line", { x1: "16", y1: "5", x2: "20", y2: "3", stroke: accentColor, strokeWidth: strokeWidth, opacity: accentOpacity })] })),
276
249
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l12 8-5 1.5L14 20l-3 1-2-7-4 2z", fill: primaryColor }), jsx("path", { d: "M5 3l12 8-5 1.5L14 20l-3 1-2-7-4 2z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "16", y1: "5", x2: "20", y2: "3", stroke: secondaryColor, strokeWidth: "1.8" })] })),
277
250
  },
278
251
  });
@@ -282,7 +255,6 @@ const NtdWireframe = createIcon({
282
255
  solid: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 9h18M8 9v11M14 9v11", stroke: primaryColor, strokeWidth: strokeWidth })] })),
283
256
  outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M3 4h18v16H3zM3 9h18M8 9v11M14 9v11", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
284
257
  duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 4h18v16H3zM3 9h18M8 9v11M14 9v11", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
285
- flat: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 9h18M8 9v11M14 9v11", stroke: primaryColor, strokeWidth: strokeWidth })] })),
286
258
  vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M3 9h18M8 9v11M14 9v11", stroke: secondaryColor, strokeWidth: "1.8" })] })),
287
259
  },
288
260
  });