@nice2dev/icons 1.1.10 → 1.2.0

package/dist/esm/icons/media.js

@@ -7,7 +7,6 @@ const NtdPlay = createIcon({
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M5 3l14 9-14 9V3z", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5 3l14 9-14 9V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l14 9-14 9V3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 3l14 9-14 9V3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        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: "M5 3l14 9-14 9V3z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 3l14 9-14 9V3z", fill: primaryColor }), jsx("path", { d: "M5 3l14 9-14 9V3z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -17,7 +16,6 @@ const NtdPause = createIcon({
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", fill: secondaryColor })] })),
     },
 });
@@ -27,7 +25,6 @@ const NtdStop = createIcon({
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -37,7 +34,6 @@ const NtdSkipForward = createIcon({
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: primaryColor }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: "2.5" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5 4l10 8-10 8V4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        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: "M5 4l10 8-10 8V4z", fill: primaryColor }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: primaryColor, strokeWidth: "2.5" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 4l10 8-10 8V4z", fill: primaryColor }), jsx("path", { d: "M5 4l10 8-10 8V4z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "19", y1: "5", x2: "19", y2: "19", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -47,7 +43,6 @@ const NtdSkipBack = createIcon({
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: primaryColor }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: "2.5" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M19 20L9 12l10-8v16z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        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 20L9 12l10-8v16z", fill: primaryColor }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: primaryColor, strokeWidth: "2.5" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M19 20L9 12l10-8v16z", fill: primaryColor }), jsx("path", { d: "M19 20L9 12l10-8v16z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "5", y1: "19", x2: "5", y2: "5", stroke: secondaryColor, strokeWidth: "1.8" })] })),
     },
 });
@@ -57,7 +52,6 @@ const NtdVolume = createIcon({
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: primaryColor }), jsx("path", { d: "M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: primaryColor }), jsx("path", { d: "M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: primaryColor }), jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })] })),
     },
 });
@@ -67,7 +61,6 @@ const NtdVolumeMute = createIcon({
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: primaryColor }), jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: primaryColor }), jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: primaryColor }), jsx("path", { d: "M11 5L6 9H2v6h4l5 4V5z", fill: "white", opacity: "0.1" }), jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15", stroke: secondaryColor, strokeWidth: "1.8" }), jsx("line", { x1: "17", y1: "9", x2: "23", y2: "15", stroke: "#8B5CF6", strokeWidth: "1.5" })] })),
     },
 });
@@ -77,7 +70,6 @@ const NtdImage = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: primaryColor }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })] })),
-        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("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: accentColor, opacity: accentOpacity }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "white", opacity: "0.08" }), jsx("defs", { children: jsx("clipPath", { id: "ntdImageFrame", children: jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }) }) }), jsxs("g", { clipPath: "url(#ntdImageFrame)", children: [jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5", fill: secondaryColor }), jsx("path", { d: "M21 15l-5-5L5 21", stroke: "white", strokeWidth: "1", fill: "none", opacity: "0.4" })] })] })),
     },
 });
@@ -87,7 +79,6 @@ const NtdCamera = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "4", fill: accentColor, opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "13", r: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "13", r: "4", fill: primaryColor })] })),
-        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: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: primaryColor }), jsx("circle", { cx: "12", cy: "13", r: "4", fill: accentColor, opacity: accentOpacity })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: primaryColor }), jsx("path", { d: "M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2v11z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "13", r: "4", fill: secondaryColor })] })),
     },
 });
@@ -97,7 +88,6 @@ const NtdVideo = createIcon({
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", fill: primaryColor }), jsx("path", { d: "M17 9.5l5-3v11l-5-3", fill: primaryColor, stroke: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 9.5l5-3v11l-5-3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M17 9.5l5-3v11l-5-3", fill: primaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", fill: primaryColor }), jsx("path", { d: "M17 9.5l5-3v11l-5-3", fill: primaryColor, stroke: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "6", width: "15", height: "12", rx: "2", fill: "white", opacity: "0.08" }), jsx("path", { d: "M17 9.5l5-3v11l-5-3", fill: secondaryColor, stroke: secondaryColor })] })),
     },
 });
@@ -107,7 +97,6 @@ const NtdMicrophone = createIcon({
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "9", y: "1", width: "6", height: "12", rx: "3", fill: primaryColor }), jsx("path", { d: "M19 10v2a7 7 0 01-14 0v-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "9", y: "1", width: "6", height: "12", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M19 10v2a7 7 0 01-14 0v-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "9", y: "1", width: "6", height: "12", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "9", y: "1", width: "6", height: "12", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M19 10v2a7 7 0 01-14 0v-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "9", y: "1", width: "6", height: "12", rx: "3", fill: primaryColor }), jsx("path", { d: "M19 10v2a7 7 0 01-14 0v-2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "9", y: "1", width: "6", height: "12", rx: "3", fill: primaryColor }), jsx("rect", { x: "9", y: "1", width: "6", height: "12", rx: "3", fill: "white", opacity: "0.1" }), jsx("path", { d: "M19 10v2a7 7 0 01-14 0v-2", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23", stroke: "#8B5CF6", strokeWidth: "1.5" }), jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23", stroke: "#8B5CF6", strokeWidth: "1.5" })] })),
     },
 });
@@ -117,7 +106,6 @@ const NtdMusic = createIcon({
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 18V5l12-2v13", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "7", cy: "18", rx: "3.4", ry: "2.5", transform: "rotate(-22 7 18)", fill: primaryColor }), jsx("ellipse", { cx: "19", cy: "16", rx: "3.4", ry: "2.5", transform: "rotate(-22 19 16)", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 18V5l12-2v13", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "7", cy: "18", rx: "3.4", ry: "2.5", transform: "rotate(-22 7 18)", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "19", cy: "16", rx: "3.4", ry: "2.5", transform: "rotate(-22 19 16)", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M9 5l12-2v13", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("path", { d: "M9 18V5l12-2v13", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "7", cy: "18", rx: "3.4", ry: "2.5", transform: "rotate(-22 7 18)", fill: primaryColor }), jsx("ellipse", { cx: "19", cy: "16", rx: "3.4", ry: "2.5", transform: "rotate(-22 19 16)", fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M9 18V5l12-2v13", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("ellipse", { cx: "7", cy: "18", rx: "3.4", ry: "2.5", transform: "rotate(-22 7 18)", fill: primaryColor }), jsx("ellipse", { cx: "19", cy: "16", rx: "3.4", ry: "2.5", transform: "rotate(-22 19 16)", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "7", cy: "18", rx: "3.4", ry: "2.5", transform: "rotate(-22 7 18)", fill: primaryColor }), jsx("ellipse", { cx: "7", cy: "18", rx: "3.4", ry: "2.5", transform: "rotate(-22 7 18)", fill: "white", opacity: "0.08" }), jsx("ellipse", { cx: "19", cy: "16", rx: "3.4", ry: "2.5", transform: "rotate(-22 19 16)", fill: secondaryColor }), jsx("path", { d: "M9 18V5l12-2v13", stroke: "white", strokeWidth: "1", fill: "none" })] })),
     },
 });
@@ -127,7 +115,6 @@ const NtdMail = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity, strokeWidth: _strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        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("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: accentColor, strokeWidth: "1.5", fill: "none", opacity: accentOpacity })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", fill: "white", opacity: "0.1" }), jsx("path", { d: "M22 6l-10 7L2 6", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })] })),
     },
 });
@@ -137,7 +124,6 @@ const NtdPhone = createIcon({
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        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: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", fill: primaryColor }), jsx("path", { d: "M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -147,7 +133,6 @@ const NtdChat = createIcon({
         solid: ({ primaryColor, strokeWidth: _strokeWidth }) => (jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        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 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", fill: primaryColor }), jsx("path", { d: "M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -166,7 +151,6 @@ const NtdSend = createIcon({
         // secondary at full strength — the two-tone is the plane's own geometry,
         // not a translucent overlay.
         duotone: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4L11.2 12.8 4 9.6z", fill: primaryColor }), jsx("path", { d: "M20 4l-5.6 16-3.2-7.2z", fill: secondaryColor })] })),
-        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 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: primaryColor, stroke: primaryColor, strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "butt" })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: primaryColor, stroke: primaryColor, strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "butt" }), jsx("path", { d: "M20 4L11.2 12.8M20 4l-5.6 16-3.2-7.2-7.2-3.2 16-5.6z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -176,7 +160,6 @@ const NtdNotification = createIcon({
         solid: ({ primaryColor, accentColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: primaryColor }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: accentColor })] })),
         outline: ({ primaryColor, accentColor, 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 }), jsx("circle", { cx: "18", cy: "4", r: "3", fill: accentColor })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, accentColor, 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 }), jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: accentColor })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor, 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-9z", fill: primaryColor }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: accentColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: primaryColor }), jsx("path", { d: "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "18", cy: "4", r: "3.5", fill: secondaryColor }), jsx("path", { d: "M13.73 21a2 2 0 01-3.46 0", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -186,7 +169,6 @@ const NtdWifi = createIcon({
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 12.55a11 11 0 0114.08 0M1.42 9a16 16 0 0121.16 0M8.53 16.11a6 6 0 016.95 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "20", r: "1.5", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M5 12.55a11 11 0 0114.08 0M1.42 9a16 16 0 0121.16 0M8.53 16.11a6 6 0 016.95 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "20", r: "1", fill: primaryColor })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M1.42 9a16 16 0 0121.16 0", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity }), jsx("path", { d: "M5 12.55a11 11 0 0114.08 0", stroke: secondaryColor, strokeWidth: strokeWidth, fill: "none", opacity: secondaryOpacity + 0.2 }), jsx("path", { d: "M8.53 16.11a6 6 0 016.95 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "20", r: "1.5", fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M5 12.55a11 11 0 0114.08 0M1.42 9a16 16 0 0121.16 0M8.53 16.11a6 6 0 016.95 0", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "20", r: "1.5", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "20", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "20", r: "1.5", fill: "white", opacity: "0.1" }), jsx("path", { d: "M5 12.55a11 11 0 0114.08 0M1.42 9a16 16 0 0121.16 0M8.53 16.11a6 6 0 016.95 0", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" })] })),
     },
 });
@@ -196,7 +178,6 @@ const NtdBluetooth = createIcon({
         solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M6.5 6.5l11 11L12 23V1l5.5 5.5-11 11", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M6.5 6.5l11 11L12 23V1l5.5 5.5-11 11", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 1l5.5 5.5L12 12l5.5 5.5L12 23V1z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6.5 6.5l11 11L12 23V1l5.5 5.5-11 11", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M6.5 6.5l11 11L12 23V1l5.5 5.5-11 11", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M6.5 6.5l11 11L12 23V1l5.5 5.5-11 11", stroke: primaryColor, strokeWidth: "2.2", fill: "none" }) })),
     },
 });
@@ -207,7 +188,6 @@ const NtdPalette = createIcon({
         solid: ({ primaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: primaryColor, opacity: "0.25" }), jsx("circle", { cx: "7", cy: "9", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "10", cy: "7", r: "1.2", fill: accentColor, opacity: accentOpacity * 0.8 }), jsx("circle", { cx: "7", cy: "13", r: "1.2", fill: accentColor, opacity: accentOpacity * 0.7 })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: primaryColor, opacity: "0.25" }), jsx("circle", { cx: "7", cy: "9", r: "1.2", fill: accentColor, opacity: accentOpacity }), jsx("circle", { cx: "10", cy: "7", r: "1.2", fill: accentColor, opacity: accentOpacity * 0.8 }), jsx("circle", { cx: "7", cy: "13", r: "1.2", fill: accentColor, opacity: accentOpacity * 0.7 })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: primaryColor, opacity: "0.25" }), jsx("path", { d: "M12 3a9 9 0 100 18h1a2 2 0 000-4h-1a2 2 0 110-4h1a3 3 0 103-3 3 3 0 01-3-3V6a3 3 0 00-1-3z", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "7", cy: "9", r: "1.2", fill: secondaryColor }), jsx("circle", { cx: "10", cy: "7", r: "1.2", fill: "#8B5CF6" }), jsx("circle", { cx: "7", cy: "13", r: "1.2", fill: "#EF4444" })] })),
     },
 });
@@ -217,7 +197,6 @@ const NtdBrush = createIcon({
         solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M14 4l6 6-8 8-6 2 2-6zM4 20c1.5 0 3-.8 3-2.5S6 15 4.5 15 2 16.2 2 18s.5 2 2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M14 4l6 6-8 8-6 2 2-6zM4 20c1.5 0 3-.8 3-2.5S6 15 4.5 15 2 16.2 2 18s.5 2 2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M14 4l6 6-8 8-6 2 2-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M14 4l6 6-8 8-6 2 2-6zM4 20c1.5 0 3-.8 3-2.5S6 15 4.5 15 2 16.2 2 18s.5 2 2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M14 4l6 6-8 8-6 2 2-6zM4 20c1.5 0 3-.8 3-2.5S6 15 4.5 15 2 16.2 2 18s.5 2 2 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M14 4l6 6-8 8-6 2 2-6zM4 20c1.5 0 3-.8 3-2.5S6 15 4.5 15 2 16.2 2 18s.5 2 2 2z", stroke: primaryColor, strokeWidth: "2.2", fill: "none" }) })),
     },
 });
@@ -227,7 +206,6 @@ const NtdPenTool = createIcon({
         solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 3l3 3-3 3-3-3 3-3zM6 18l6-9 6 9-6 3zM6 18l-2 3M18 18l2 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 3l3 3-3 3-3-3 3-3zM6 18l6-9 6 9-6 3zM6 18l-2 3M18 18l2 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("polygon", { points: "6,18 12,9 18,18 12,21", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 3l3 3-3 3-3-3 3-3zM6 18l6-9 6 9-6 3zM6 18l-2 3M18 18l2 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 3l3 3-3 3-3-3 3-3zM6 18l6-9 6 9-6 3zM6 18l-2 3M18 18l2 3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M12 3l3 3-3 3-3-3 3-3zM6 18l6-9 6 9-6 3zM6 18l-2 3M18 18l2 3", stroke: primaryColor, strokeWidth: "2.2", fill: "none" }) })),
     },
 });
@@ -237,7 +215,6 @@ const NtdSpline = createIcon({
         solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M4 17c2-8 6-8 8-2s6 6 8-4M4 17h2M18 11h2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M4 17c2-8 6-8 8-2s6 6 8-4M4 17h2M18 11h2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 17c2-8 6-8 8-2s6 6 8-4", stroke: secondaryColor, strokeWidth: strokeWidth, opacity: secondaryOpacity + 0.2, fill: "none" }), jsx("path", { d: "M4 17c2-8 6-8 8-2s6 6 8-4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        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 17c2-8 6-8 8-2s6 6 8-4M4 17h2M18 11h2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M4 17c2-8 6-8 8-2s6 6 8-4M4 17h2M18 11h2", stroke: primaryColor, strokeWidth: "2.2", fill: "none" }) })),
     },
 });

package/dist/esm/icons/navigation.js

@@ -7,7 +7,6 @@ const NtdArrowUp = createIcon({
         solid: ({ primaryColor }) => jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 5.5l-6.5 6.5H10v7h4v-7h4.5L12 5.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: primaryColor }), jsx("path", { d: "M12 4l-8 8h5v8h6v-8h5L12 4z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -17,7 +16,6 @@ const NtdArrowDown = createIcon({
         solid: ({ primaryColor }) => jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 18.5l6.5-6.5H14V5h-4v7H5.5L12 18.5z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: primaryColor }), jsx("path", { d: "M12 20l8-8h-5V4H9v8H4l8 8z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -27,7 +25,6 @@ const NtdArrowLeft = createIcon({
         solid: ({ primaryColor }) => jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M5.5 12l6.5-6.5V10h7v4h-7v4.5L5.5 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: primaryColor }), jsx("path", { d: "M4 12l8-8v5h8v6h-8v5L4 12z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -37,7 +34,6 @@ const NtdArrowRight = createIcon({
         solid: ({ primaryColor }) => jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M18.5 12L12 5.5V10H5v4h7v4.5L18.5 12z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: primaryColor }), jsx("path", { d: "M20 12l-8-8v5H4v6h8v5l8-8z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -47,7 +43,6 @@ const NtdChevronUp = createIcon({
         solid: ({ primaryColor }) => jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 15l6-6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: primaryColor }), jsx("path", { d: "M12 8l-7 7h14l-7-7z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -57,7 +52,6 @@ const NtdChevronDown = createIcon({
         solid: ({ primaryColor }) => jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth: strokeWidth })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 16l7-7H5l7 7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M6 9l6 6 6-6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 16l7-7H5l7 7z", fill: primaryColor }), jsx("path", { d: "M12 16l7-7H5l7 7z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -67,7 +61,6 @@ const NtdChevronLeft = createIcon({
         solid: ({ primaryColor }) => jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M15 6l-6 6 6 6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: primaryColor }), jsx("path", { d: "M8 12l7-7v14l-7-7z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -77,7 +70,6 @@ const NtdChevronRight = createIcon({
         solid: ({ primaryColor }) => jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth: strokeWidth })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M9 6l6 6-6 6", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: primaryColor }), jsx("path", { d: "M16 12l-7-7v14l7-7z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -87,7 +79,6 @@ const NtdMenu = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: primaryColor }), jsx("rect", { x: "3", y: "5", width: "18", height: "2", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "3", y: "11", width: "18", height: "2", rx: "1", fill: secondaryColor }), jsx("rect", { x: "3", y: "17", width: "18", height: "2", rx: "1", fill: "#3B82F6" })] })),
     },
 });
@@ -97,7 +88,6 @@ const NtdClose = createIcon({
         solid: ({ primaryColor }) => (jsx("path", { d: "M18.3 5.7a1 1 0 00-1.4 0L12 10.6 7.1 5.7a1 1 0 00-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 001.4 1.4L12 13.4l4.9 4.9a1 1 0 001.4-1.4L13.4 12l4.9-4.9a1 1 0 000-1.4z", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "9", fill: secondaryColor, opacity: secondaryOpacity }), jsx("line", { x1: "8", y1: "8", x2: "16", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("line", { x1: "16", y1: "8", x2: "8", y2: "16", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M18.3 5.7a1 1 0 00-1.4 0L12 10.6 7.1 5.7a1 1 0 00-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 001.4 1.4L12 13.4l4.9 4.9a1 1 0 001.4-1.4L13.4 12l4.9-4.9a1 1 0 000-1.4z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18.3 5.7a1 1 0 00-1.4 0L12 10.6 7.1 5.7a1 1 0 00-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 001.4 1.4L12 13.4l4.9 4.9a1 1 0 001.4-1.4L13.4 12l4.9-4.9a1 1 0 000-1.4z", fill: primaryColor }), jsx("path", { d: "M18.3 5.7a1 1 0 00-1.4 0L12 10.6 7.1 5.7a1 1 0 00-1.4 1.4L10.6 12l-4.9 4.9a1 1 0 001.4 1.4L12 13.4l4.9 4.9a1 1 0 001.4-1.4L13.4 12l4.9-4.9a1 1 0 000-1.4z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -107,7 +97,6 @@ const NtdMoreHorizontal = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })] })),
         outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "19", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "5", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "5", cy: "12", r: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "19", cy: "12", r: "2", fill: "#3B82F6" })] })),
     },
 });
@@ -117,7 +106,6 @@ const NtdMoreVertical = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })] })),
         outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" }), jsx("circle", { cx: "12", cy: "19", r: "1.5", stroke: primaryColor, strokeWidth: "1.5" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
-        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: "5", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "5", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "5", r: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "19", r: "2", fill: "#3B82F6" })] })),
     },
 });
@@ -127,7 +115,6 @@ const NtdExternalLink = createIcon({
         solid: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "6", width: "13", height: "15", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        flat: ({ primaryColor, secondaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", stroke: primaryColor, strokeWidth: "2" }), jsx("polyline", { points: "16,3 21,3 21,8", stroke: secondaryColor, strokeWidth: "1.8", fill: "none" }), jsx("line", { x1: "21", y1: "3", x2: "12", y2: "12", stroke: "#3B82F6", strokeWidth: "1.5" })] })),
     },
 });
@@ -137,7 +124,6 @@ const NtdRefresh = createIcon({
         solid: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M4 4v5h5M20 20v-5h-5M20.49 9A9 9 0 005.64 5.64L4 9m16 6l-1.64 3.36A9 9 0 013.51 15", stroke: primaryColor, strokeWidth: strokeWidth })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M4 4v5h5M20 20v-5h-5M20.49 9A9 9 0 005.64 5.64L4 9m16 6l-1.64 3.36A9 9 0 013.51 15", stroke: primaryColor, strokeWidth: strokeWidth })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "8", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4v5h5M20 20v-5h-5M20.49 9A9 9 0 005.64 5.64L4 9m16 6l-1.64 3.36A9 9 0 013.51 15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
-        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 4v5h5M20 20v-5h-5M20.49 9A9 9 0 005.64 5.64L4 9m16 6l-1.64 3.36A9 9 0 013.51 15", stroke: primaryColor, strokeWidth: strokeWidth })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M4 4v5h5M20 20v-5h-5M20.49 9A9 9 0 005.64 5.64L4 9m16 6l-1.64 3.36A9 9 0 013.51 15", stroke: primaryColor, strokeWidth: "2.2" }) })),
     },
 });