@nice2dev/icons 1.1.10 → 1.2.0

package/dist/esm/icons/ai.js

@@ -10,7 +10,6 @@ const NtdNeuralNetwork = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "4", cy: "6", r: "2", fill: primaryColor }), jsx("circle", { cx: "4", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "4", cy: "18", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "4", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "16", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "22", r: "2", fill: primaryColor }), jsx("circle", { cx: "20", cy: "8", r: "2", fill: primaryColor }), jsx("circle", { cx: "20", cy: "16", r: "2", fill: primaryColor }), jsx("path", { d: "M6 6l4-2M6 6l4 4M6 6l4 10M6 12l4-8M6 12l4-2M6 12l4 4M6 12l4 10M6 18l4-14M6 18l4-8M6 18l4-2M6 18l4 4M14 4l4 4M14 10l4-2M14 10l4 6M14 16l4-8M14 16l4 0M14 22l4-6M14 22l4-14", stroke: primaryColor, strokeWidth: "0.5", opacity: "0.5" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "4", cy: "6", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "4", cy: "12", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "4", cy: "18", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "4", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "16", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "20", cy: "8", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "20", cy: "16", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M6 6l4-2M6 6l4 4M6 12l4-2M6 12l4 4M6 18l4-8M6 18l4-2M14 4l4 4M14 10l4-2M14 10l4 6M14 16l4-8M14 16l4 0", stroke: primaryColor, strokeWidth: "1", opacity: "0.5" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M6 6l4-2M6 6l4 4M6 12l4-2M6 12l4 4M6 18l4-8M6 18l4-2M14 4l4 4M14 10l4-2M14 10l4 6M14 16l4-8M14 16l4 0", stroke: secondaryColor, strokeWidth: "1.5", opacity: secondaryOpacity }), jsx("circle", { cx: "4", cy: "6", r: "2", fill: primaryColor }), jsx("circle", { cx: "4", cy: "12", r: "2", fill: primaryColor }), jsx("circle", { cx: "4", cy: "18", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "4", r: "2", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "12", cy: "16", r: "2", fill: secondaryColor, opacity: secondaryOpacity, stroke: primaryColor, strokeWidth: strokeWidth }), jsx("circle", { cx: "20", cy: "8", r: "2", fill: primaryColor }), jsx("circle", { cx: "20", cy: "16", 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: "8", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "5", cy: "12", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "5", cy: "16", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "6", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "12", cy: "18", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "19", cy: "9", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "19", cy: "15", r: "1.5", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "4", cy: "6", r: "2", fill: primaryColor }), jsx("circle", { cx: "4", cy: "6", r: "2", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "4", cy: "12", r: "2", fill: secondaryColor }), jsx("circle", { cx: "4", cy: "18", r: "2", fill: "#8B5CF6" }), jsx("circle", { cx: "12", cy: "4", r: "2", fill: "#06B6D4" }), jsx("circle", { cx: "12", cy: "10", r: "2", fill: "#F472B6" }), jsx("circle", { cx: "12", cy: "16", r: "2", fill: "#F472B6" }), jsx("circle", { cx: "12", cy: "22", r: "2", fill: "#F472B6" }), jsx("circle", { cx: "20", cy: "8", r: "2", fill: "#F472B6" }), jsx("circle", { cx: "20", cy: "16", r: "2", fill: "#F472B6" }), jsx("path", { d: "M6 6l4-2M6 6l4 4M6 6l4 10M6 12l4-8M6 12l4-2M6 12l4 4M6 12l4 10M6 18l4-14M6 18l4-8M6 18l4-2M6 18l4 4M14 4l4 4M14 10l4-2M14 10l4 6M14 16l4-8M14 16l4 0M14 22l4-6M14 22l4-14", stroke: "white", strokeWidth: "1", opacity: "0.35" })] })),
     },
 });
@@ -20,7 +19,6 @@ const NtdBrain = createIcon({
         solid: ({ primaryColor }) => (jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4zm0 2a2 2 0 012 2c0 .4-.12.77-.32 1.08A3.98 3.98 0 0012 5a3.98 3.98 0 00-1.68.08A2 2 0 0112 4z", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22v0a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 5v5M12 13v5M7 10h2M15 10h2M8 16h2M14 16h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 5v5M12 13v5M7 10h3M14 10h3M8 16h3M13 16h3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 4a3 3 0 00-3 3c0 .55.14 1.06.4 1.5A3 3 0 006.5 11.5a3 3 0 001 2.25 3 3 0 001.24 3.82A3 3 0 0012 20a3 3 0 002.99-1.57 3 3 0 001.25-3.68A3 3 0 0017.5 11.5a3 3 0 00-2.9-3A3 3 0 0012 4z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4zm0 2a2 2 0 012 2c0 .4-.12.77-.32 1.08A3.98 3.98 0 0012 5a3.98 3.98 0 00-1.68.08A2 2 0 0112 4z", fill: primaryColor }), jsx("path", { d: "M12 2a4 4 0 00-4 4c0 .73.2 1.41.54 2A4 4 0 005 12a4 4 0 001.34 3 4 4 0 001.65 5.09A4 4 0 0012 22a4 4 0 003.99-2.09A4 4 0 0017.66 15 4 4 0 0019 12a4 4 0 00-3.53-4A4.02 4.02 0 0016 6a4 4 0 00-4-4zm0 2a2 2 0 012 2c0 .4-.12.77-.32 1.08A3.98 3.98 0 0012 5a3.98 3.98 0 00-1.68.08A2 2 0 0112 4z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -30,7 +28,6 @@ const NtdDeepLearning = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", fill: primaryColor, opacity: "0.7" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: primaryColor, opacity: "0.4" }), jsx("path", { d: "M8 8l1-1M8 12l1-1M8 16l1-1M15 9l1-1M15 12l1-1M15 15l1-1", stroke: primaryColor, strokeWidth: "1" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 8l1 0M8 12l1 0M8 16l1 0M15 9l1 0M15 12l1 0M15 15l1 0", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", 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("rect", { x: "4", y: "5", width: "4", height: "14", rx: "1", fill: primaryColor }), jsx("rect", { x: "10", y: "7", width: "4", height: "10", rx: "1", fill: primaryColor }), jsx("rect", { x: "16", y: "9", width: "4", height: "6", rx: "1", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "4", width: "6", height: "16", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "9", y: "6", width: "6", height: "12", rx: "1", fill: secondaryColor, opacity: "0.7" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: "#8B5CF6", opacity: "0.4" }), jsx("path", { d: "M8 8l1-1M8 12l1-1M8 16l1-1M15 9l1-1M15 12l1-1M15 15l1-1", stroke: "white", strokeWidth: "1" })] })),
     },
 });
@@ -43,7 +40,6 @@ const NtdChatbot = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", fill: primaryColor }), jsx("circle", { cx: "8", cy: "10", r: "2", fill: "white" }), jsx("circle", { cx: "16", cy: "10", r: "2", fill: "white" }), jsx("path", { d: "M8 14h8", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M6 20l3-3h6l3 3", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "16", cy: "10", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 14h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M6 20l3-3M18 20l-3-3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "8", cy: "10", r: "2", fill: primaryColor }), jsx("circle", { cx: "16", cy: "10", r: "2", fill: primaryColor }), jsx("path", { d: "M8 14h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M6 20l3-3M18 20l-3-3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        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: "4", width: "16", height: "12", rx: "2", fill: primaryColor }), jsx("circle", { cx: "8", cy: "10", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "16", cy: "10", r: "1.5", fill: secondaryColor }), jsx("path", { d: "M8 13h8", stroke: secondaryColor, strokeWidth: "1.5", strokeLinecap: "round" }), jsx("path", { d: "M7 18l2-2h6l2 2", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", fill: primaryColor }), jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "3", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "8", cy: "10", r: "2", fill: "white" }), jsx("circle", { cx: "16", cy: "10", r: "2", fill: "white" }), jsx("path", { d: "M6 20l3-3h6l3 3", fill: "#06B6D4" }), jsx("path", { d: "M8 14h8", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -53,7 +49,6 @@ const NtdRobot = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "4", r: "2", fill: primaryColor }), jsx("path", { d: "M12 6v2", stroke: primaryColor, strokeWidth: "2" }), jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", fill: primaryColor }), jsx("circle", { cx: "9", cy: "13", r: "2", fill: "white" }), jsx("circle", { cx: "15", cy: "13", r: "2", fill: "white" }), jsx("path", { d: "M9 17h6", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M3 14h2M19 14h2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "4", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "13", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "15", cy: "13", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M9 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M3 14h2M19 14h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "4", r: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M12 6v2", stroke: primaryColor, strokeWidth: strokeWidth }), jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "9", cy: "13", r: "2", fill: primaryColor }), jsx("circle", { cx: "15", cy: "13", r: "2", fill: primaryColor }), jsx("path", { d: "M9 17h6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M3 14h2M19 14h2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        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: "1.5", fill: primaryColor }), jsx("path", { d: "M12 6.5v1", stroke: primaryColor, strokeWidth: "1.5" }), jsx("rect", { x: "6", y: "8", width: "12", height: "10", rx: "2", fill: primaryColor }), jsx("circle", { cx: "9", cy: "12", r: "1.5", fill: secondaryColor }), jsx("circle", { cx: "15", cy: "12", r: "1.5", fill: secondaryColor }), jsx("path", { d: "M9 15.5h6", stroke: secondaryColor, strokeWidth: "1.5", strokeLinecap: "round" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "4", r: "2", fill: primaryColor }), jsx("circle", { cx: "12", cy: "4", r: "2", fill: "white", opacity: "0.08" }), jsx("rect", { x: "5", y: "8", width: "14", height: "12", rx: "2", fill: secondaryColor }), jsx("circle", { cx: "9", cy: "13", r: "2", fill: "white" }), jsx("circle", { cx: "15", cy: "13", r: "2", fill: "white" }), jsx("path", { d: "M12 6v2", stroke: "white", strokeWidth: "1" }), jsx("path", { d: "M9 17h6", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M3 14h2M19 14h2", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -63,7 +58,6 @@ const NtdVoiceAssistant = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "6", fill: "white", fillOpacity: "0.3" }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: "white" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
         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("circle", { cx: "12", cy: "12", r: "6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), 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: "12", r: "7", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "4", fill: secondaryColor }), jsx("circle", { cx: "12", cy: "12", r: "2", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.08" }), jsx("circle", { cx: "12", cy: "12", r: "6", fill: "white", fillOpacity: "0.3" }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: "white" }), jsx("path", { d: "M12 2v4M12 18v4M2 12h4M18 12h4", stroke: "white", strokeWidth: "1", strokeLinecap: "round" })] })),
     },
 });
@@ -76,7 +70,6 @@ const NtdTensor = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4h6v6H4V4zM14 4h6v6h-6V4zM4 14h6v6H4v-6zM14 14h6v6h-6v-6z", fill: primaryColor }), jsx("path", { d: "M10 7h4M7 10v4M17 10v4M10 17h4", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4h6v6H4V4zM14 4h6v6h-6V4zM4 14h6v6H4v-6zM14 14h6v6h-6v-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 7h4M7 10v4M17 10v4M10 17h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4h6v6H4V4zM14 14h6v6h-6v-6z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M4 4h6v6H4V4zM14 4h6v6h-6V4zM4 14h6v6H4v-6zM14 14h6v6h-6v-6z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M10 7h4M7 10v4M17 10v4M10 17h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M5 5h5v5H5V5zM14 5h5v5h-5V5zM5 14h5v5H5v-5zM14 14h5v5h-5v-5z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M4 4h6v6H4V4zM14 4h6v6h-6V4zM4 14h6v6H4v-6zM14 14h6v6h-6v-6z", fill: primaryColor }), jsx("path", { d: "M4 4h6v6H4V4zM14 4h6v6h-6V4zM4 14h6v6H4v-6zM14 14h6v6h-6v-6z", fill: "white", opacity: "0.1" }), jsx("path", { d: "M10 7h4M7 10v4M17 10v4M10 17h4", stroke: secondaryColor, strokeWidth: "1.8", strokeLinecap: "round" })] })),
     },
 });
@@ -86,7 +79,6 @@ const NtdGradient = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("defs", { children: jsxs("linearGradient", { id: "grad1", x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [jsx("stop", { offset: "0%", stopColor: primaryColor, stopOpacity: "1" }), jsx("stop", { offset: "100%", stopColor: primaryColor, stopOpacity: "0.2" })] }) }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "url(#grad1)" }), jsx("path", { d: "M6 18L18 6", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M7 10l3 3 4-4 4 4", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
         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("path", { d: "M6 18L18 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M7 10l3 3 4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", 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("path", { d: "M6 18L18 6", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M7 10l3 3 4-4 4 4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
-        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: "4", width: "16", height: "16", rx: "1", fill: primaryColor, fillOpacity: "0.3" }), jsx("path", { d: "M7 17L17 7", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M8 11l2 2 3-3 3 3", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
         vivid: ({ primaryColor: _primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "url(#grad1)" }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: "url(#grad1)", opacity: "0.1" }), jsx("path", { d: "M6 18L18 6", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round" }), jsx("path", { d: "M7 10l3 3 4-4 4 4", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
     },
 });
@@ -96,7 +88,6 @@ const NtdDataset = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", fill: primaryColor }), jsx("path", { d: "M3 6v6c0 2.21 4.03 4 9 4s9-1.79 9-4V6", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "12", rx: "9", ry: "4", fill: primaryColor }), jsx("path", { d: "M3 12v6c0 2.21 4.03 4 9 4s9-1.79 9-4v-6", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 6v6c0 2.21 4.03 4 9 4s9-1.79 9-4V6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 12v6c0 2.21 4.03 4 9 4s9-1.79 9-4v-6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M3 6v12c0 2.21 4.03 4 9 4s9-1.79 9-4V6", fill: secondaryColor, opacity: secondaryOpacity }), jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 6v6c0 2.21 4.03 4 9 4s9-1.79 9-4V6", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M3 12v6c0 2.21 4.03 4 9 4s9-1.79 9-4v-6", 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("ellipse", { cx: "12", cy: "7", rx: "7", ry: "3", fill: primaryColor }), jsx("path", { d: "M5 7v4c0 1.66 3.13 3 7 3s7-1.34 7-3V7", fill: primaryColor }), jsx("path", { d: "M5 11v4c0 1.66 3.13 3 7 3s7-1.34 7-3v-4", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", fill: primaryColor }), jsx("ellipse", { cx: "12", cy: "6", rx: "9", ry: "4", fill: "white", opacity: "0.08" }), jsx("path", { d: "M3 6v6c0 2.21 4.03 4 9 4s9-1.79 9-4V6", fill: secondaryColor }), jsx("ellipse", { cx: "12", cy: "12", rx: "9", ry: "4", fill: "#8B5CF6" }), jsx("path", { d: "M3 12v6c0 2.21 4.03 4 9 4s9-1.79 9-4v-6", fill: "#06B6D4" })] })),
     },
 });
@@ -106,7 +97,6 @@ const NtdModel = createIcon({
         solid: ({ primaryColor }) => (jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5", fill: "none", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5", fill: "none", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5", fill: "none", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
-        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 8l8 4 8-4-8-4zM4 15l8 4 8-4M4 11l8 4 8-4", fill: "none", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsx(Fragment, { children: jsx("path", { d: "M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5", fill: "none", stroke: primaryColor, strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round" }) })),
     },
 });
@@ -119,7 +109,6 @@ const NtdTraining = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("path", { d: "M12 6v6l4 2", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M12 2v2M12 20v2M2 12h2M20 12h2", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" })] })),
         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, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M16 16l2 2M8 16l-2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
         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, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M16 16l2 2M8 16l-2 2", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" })] })),
-        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: "8", fill: primaryColor }), jsx("path", { d: "M12 7v5l3 1.5", stroke: secondaryColor, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "10", fill: "white", opacity: "0.1" }), jsx("path", { d: "M12 6v6l4 2", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }), jsx("path", { d: "M12 2v2M12 20v2M2 12h2M20 12h2", stroke: "#8B5CF6", strokeWidth: "1.5", strokeLinecap: "round" })] })),
     },
 });
@@ -129,7 +118,6 @@ const NtdInference = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: primaryColor }), jsx("path", { d: "M8 12h8", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M13 9l3 3-3 3", stroke: primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M13 9l3 3-3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M8 12h8", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round" }), jsx("path", { d: "M13 9l3 3-3 3", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
-        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: "9", width: "5", height: "6", rx: "1", fill: primaryColor }), jsx("rect", { x: "15", y: "9", width: "5", height: "6", rx: "1", fill: primaryColor }), jsx("path", { d: "M9 12h6M12 9l3 3-3 3", stroke: primaryColor, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", fill: primaryColor }), jsx("rect", { x: "2", y: "8", width: "6", height: "8", rx: "1", fill: "white", opacity: "0.08" }), jsx("rect", { x: "16", y: "8", width: "6", height: "8", rx: "1", fill: secondaryColor }), jsx("path", { d: "M8 12h8", stroke: "white", strokeWidth: "1", strokeLinecap: "round" }), jsx("path", { d: "M13 9l3 3-3 3", stroke: "white", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] })),
     },
 });
@@ -139,7 +127,6 @@ const NtdSparkle = createIcon({
         solid: ({ primaryColor }) => (jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", fill: primaryColor })),
         outline: ({ primaryColor, strokeWidth }) => (jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "round" })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M12 4l1.8 5.4L19 12l-5.2 2.6L12 20l-1.8-5.4L5 12l5.2-2.6L12 4z", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor: _secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", fill: primaryColor }), jsx("path", { d: "M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z", fill: "white", opacity: "0.1" })] })),
     },
 });
@@ -149,7 +136,6 @@ const NtdMagicWand = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M15 4l2 2-11 11-2-2L15 4z", fill: primaryColor }), jsx("path", { d: "M19 2l2 2-2 2-2-2 2-2zM5 16l2 2-2 2-2-2 2-2z", fill: primaryColor }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "17", cy: "17", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "21", cy: "11", r: "1", fill: primaryColor })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M15 4l2 2-11 11-2-2L15 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M19 2l2 2-2 2-2-2 2-2zM5 16l2 2-2 2-2-2 2-2z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "17", cy: "17", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "21", cy: "11", r: "1", fill: primaryColor })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: "M15 4l2 2-11 11-2-2L15 4z", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M15 4l2 2-11 11-2-2L15 4z", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" }), jsx("path", { d: "M19 2l2 2-2 2-2-2 2-2zM5 16l2 2-2 2-2-2 2-2z", fill: primaryColor }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: primaryColor }), jsx("circle", { cx: "17", cy: "17", r: "1.5", fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("path", { d: "M14 6l1.5 1.5-8 8L6 14l8-8z", fill: primaryColor }), jsx("path", { d: "M17 4l1.5 1.5-1.5 1.5L15.5 5.5 17 4zM7 14l1.5 1.5L7 17l-1.5-1.5L7 14z", fill: primaryColor }), jsx("circle", { cx: "8", cy: "8", r: "1", fill: primaryColor }), jsx("circle", { cx: "16", cy: "16", r: "1", fill: primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: "M15 4l2 2-11 11-2-2L15 4z", fill: primaryColor }), jsx("path", { d: "M15 4l2 2-11 11-2-2L15 4z", fill: "white", opacity: "0.08" }), jsx("path", { d: "M19 2l2 2-2 2-2-2 2-2zM5 16l2 2-2 2-2-2 2-2z", fill: secondaryColor }), jsx("circle", { cx: "7", cy: "7", r: "1.5", fill: "#8B5CF6" }), jsx("circle", { cx: "17", cy: "17", r: "1.5", fill: "#06B6D4" }), jsx("circle", { cx: "21", cy: "11", r: "1", fill: "#F472B6" })] })),
     },
 });
@@ -159,7 +145,6 @@ const NtdPrompt = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", fill: primaryColor }), jsx("path", { d: "M7 8l4 4-4 4M13 16h4", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })),
         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("path", { d: "M7 8l4 4-4 4M13 16h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
         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("path", { d: "M7 8l4 4-4 4M13 16h4", stroke: primaryColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] })),
-        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: "4", width: "16", height: "16", rx: "1", fill: primaryColor }), jsx("path", { d: "M8 9l3 3-3 3M13 15h3", stroke: secondaryColor, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })),
         vivid: ({ primaryColor, secondaryColor: _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.1" }), jsx("path", { d: "M7 8l4 4-4 4M13 16h4", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })] })),
     },
 });

package/dist/esm/icons/brand.js

@@ -44,11 +44,6 @@ const NtdNiceToDev = createIcon({
          * via stroke-dasharray — layered reveal.
          */
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "9.25", width: "20", height: "5.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("rect", { x: "2", y: "15.75", width: "20", height: "5.5", fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: "M5.5 7.5V3.5L8.5 7.5V3.5 M10 3.5V7.5 M13.5 3.5H11V7.5H13.5 M17.5 3.5H15V7.5H17.5 M15 5.5H17", stroke: primaryColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none" }), jsx("path", { d: "M7.5 10H10.5 M9 10V14 M12 10H15V14H12Z", stroke: primaryColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none" }), jsx("path", { d: "M6 16.5V20.5H7.5L8.5 18.5 7.5 16.5Z M12.5 16.5H10V20.5H12.5 M10 18.5H12 M14 16.5L15.5 20.5 17 16.5", stroke: primaryColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none" })] })),
-        /* ── Flat ──────────────────────────────────────────
-         * Secondary-filled bars at full opacity + primary text.
-         * Bold multi-color brand mark, no strokes on bars.
-         */
-        flat: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: secondaryColor }), jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: primaryColor }), jsx("rect", { x: "2", y: "9.25", width: "20", height: "5.5", fill: primaryColor }), jsx("rect", { x: "2", y: "15.75", width: "20", height: "5.5", fill: primaryColor }), jsx("path", { d: "M5.5 7.5V3.5L8.5 7.5V3.5 M10 3.5V7.5 M13.5 3.5H11V7.5H13.5 M17.5 3.5H15V7.5H17.5 M15 5.5H17", stroke: accentColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: accentOpacity }), jsx("path", { d: "M7.5 10H10.5 M9 10V14 M12 10H15V14H12Z", stroke: accentColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: accentOpacity }), jsx("path", { d: "M6 16.5V20.5H7.5L8.5 18.5 7.5 16.5Z M12.5 16.5H10V20.5H12.5 M10 18.5H12 M14 16.5L15.5 20.5 17 16.5", stroke: accentColor, strokeWidth: "1.3", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: accentOpacity })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: primaryColor }), jsx("rect", { x: "2", y: "2.75", width: "20", height: "5.5", fill: "white", opacity: "0.08" }), jsx("rect", { x: "2", y: "9.25", width: "20", height: "5.5", fill: secondaryColor }), jsx("rect", { x: "2", y: "15.75", width: "20", height: "5.5", fill: "#3B82F6" }), jsx("path", { d: "M5.5 7.5V3.5L8.5 7.5V3.5 M10 3.5V7.5 M13.5 3.5H11V7.5H13.5 M17.5 3.5H15V7.5H17.5 M15 5.5H17", stroke: "white", strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: "0.35" }), jsx("path", { d: "M7.5 10H10.5 M9 10V14 M12 10H15V14H12Z", stroke: "white", strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: "0.35" }), jsx("path", { d: "M6 16.5V20.5H7.5L8.5 18.5 7.5 16.5Z M12.5 16.5H10V20.5H12.5 M10 18.5H12 M14 16.5L15.5 20.5 17 16.5", stroke: "white", strokeWidth: "1", strokeLinejoin: "miter", strokeLinecap: "square", fill: "none", opacity: "0.35" })] })),
     },
 });
@@ -75,7 +70,6 @@ const NtdOmniVerk = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsxs("path", { d: OV_DIAMOND, fill: primaryColor, children: [jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 -26", to: "0 0", dur: "0.5s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.35s", fill: "freeze" })] }), jsxs("path", { d: OV_TRIANGLE, fill: primaryColor, children: [jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 26", to: "0 0", dur: "0.5s", begin: "0.15s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.35s", begin: "0.15s", fill: "freeze" })] })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 60", to: "60 0", dur: "0.7s", fill: "freeze" }) }), jsx("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 50", to: "50 0", dur: "0.7s", begin: "0.25s", fill: "freeze" }) })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, fill: secondaryColor, opacity: secondaryOpacity, children: jsx("animateTransform", { attributeName: "transform", type: "scale", from: "0", to: "1", dur: "0.4s", fill: "freeze", calcMode: "spline", keySplines: "0.22 1 0.36 1", additive: "sum" }) }), jsx("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter" }), jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, opacity: secondaryOpacity, children: jsx("animateTransform", { attributeName: "transform", type: "scale", from: "0", to: "1", dur: "0.4s", begin: "0.15s", fill: "freeze", calcMode: "spline", keySplines: "0.22 1 0.36 1", additive: "sum" }) }), jsx("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter" })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "1", width: "22", height: "22", rx: "4", fill: secondaryColor }), jsx("path", { d: OV_DIAMOND, fill: primaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 12 7", to: "360 12 7", dur: "1.2s", fill: "freeze", calcMode: "spline", keySplines: "0.22 1 0.36 1" }) }), jsx("path", { d: OV_TRIANGLE, fill: accentColor !== null && accentColor !== void 0 ? accentColor : primaryColor, children: jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.4s", begin: "0.5s", fill: "freeze" }) })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, fill: primaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 -26", to: "0 0", dur: "0.5s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }) }), jsx("path", { d: OV_DIAMOND, fill: "white", opacity: "0.1", children: jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 -26", to: "0 0", dur: "0.5s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }) }), jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 26", to: "0 0", dur: "0.5s", begin: "0.15s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }) })] })),
     },
 });
@@ -118,7 +112,6 @@ const NtdOmniVerkLogo = createIcon({
         solid: ({ primaryColor, accentColor }) => (jsxs(Fragment, { children: [jsxs("path", { d: OVL_DIAMOND, fill: primaryColor, children: [jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 -26", to: "0 0", dur: "0.45s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.3s", fill: "freeze" })] }), jsxs("path", { d: OVL_TRIANGLE, fill: primaryColor, opacity: "0.85", children: [jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 26", to: "0 0", dur: "0.45s", begin: "0.12s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "0.85", dur: "0.3s", begin: "0.12s", fill: "freeze" })] }), jsxs("path", { d: OVL_OMNI, stroke: primaryColor, strokeWidth: "2", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 300", to: "300 0", dur: "0.7s", begin: "0.3s", fill: "freeze" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.1s", begin: "0.3s", fill: "freeze" })] }), jsxs("path", { d: OVL_VERK, stroke: accentColor !== null && accentColor !== void 0 ? accentColor : primaryColor, strokeWidth: "1.3", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", opacity: "0.8", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 250", to: "250 0", dur: "0.6s", begin: "0.55s", fill: "freeze" }), jsx("animate", { attributeName: "opacity", from: "0", to: "0.8", dur: "0.1s", begin: "0.55s", fill: "freeze" })] })] })),
         outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: OVL_DIAMOND, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 60", to: "60 0", dur: "0.6s", fill: "freeze" }) }), jsx("path", { d: OVL_TRIANGLE, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 50", to: "50 0", dur: "0.5s", begin: "0.2s", fill: "freeze" }) }), jsxs("path", { d: OVL_OMNI, stroke: primaryColor, strokeWidth: "1.8", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 300", to: "300 0", dur: "0.7s", begin: "0.4s", fill: "freeze" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.1s", begin: "0.4s", fill: "freeze" })] }), jsxs("path", { d: OVL_VERK, stroke: primaryColor, strokeWidth: "1.2", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", opacity: "0.7", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 250", to: "250 0", dur: "0.6s", begin: "0.6s", fill: "freeze" }), jsx("animate", { attributeName: "opacity", from: "0", to: "0.7", dur: "0.1s", begin: "0.6s", fill: "freeze" })] })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: OVL_DIAMOND, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: OVL_DIAMOND, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter" }), jsx("path", { d: OVL_TRIANGLE, fill: secondaryColor, opacity: secondaryOpacity }), jsx("path", { d: OVL_TRIANGLE, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter" }), jsxs("path", { d: OVL_OMNI, stroke: primaryColor, strokeWidth: "2", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 300", to: "300 0", dur: "0.8s", begin: "0.1s", fill: "freeze" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.1s", begin: "0.1s", fill: "freeze" })] }), jsxs("path", { d: OVL_VERK, stroke: primaryColor, strokeWidth: "1.3", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", opacity: "0.7", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 250", to: "250 0", dur: "0.6s", begin: "0.4s", fill: "freeze" }), jsx("animate", { attributeName: "opacity", from: "0", to: "0.7", dur: "0.1s", begin: "0.4s", fill: "freeze" })] })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "0", y: "0", width: "76", height: "24", rx: "4", fill: secondaryColor }), jsx("path", { d: OVL_DIAMOND, fill: primaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 12 7", to: "360 12 7", dur: "1s", fill: "freeze", calcMode: "spline", keySplines: "0.22 1 0.36 1" }) }), jsx("path", { d: OVL_TRIANGLE, fill: accentColor !== null && accentColor !== void 0 ? accentColor : primaryColor, opacity: "0.85", children: jsx("animate", { attributeName: "opacity", from: "0", to: "0.85", dur: "0.35s", begin: "0.4s", fill: "freeze" }) }), jsxs("path", { d: OVL_OMNI, stroke: primaryColor, strokeWidth: "2", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 300", to: "300 0", dur: "0.6s", begin: "0.5s", fill: "freeze" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.1s", begin: "0.5s", fill: "freeze" })] }), jsxs("path", { d: OVL_VERK, stroke: accentColor !== null && accentColor !== void 0 ? accentColor : primaryColor, strokeWidth: "1.3", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", opacity: "0.8", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 250", to: "250 0", dur: "0.5s", begin: "0.7s", fill: "freeze" }), jsx("animate", { attributeName: "opacity", from: "0", to: "0.8", dur: "0.1s", begin: "0.7s", fill: "freeze" })] })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: OVL_DIAMOND, fill: primaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 -26", to: "0 0", dur: "0.45s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }) }), jsx("path", { d: OVL_TRIANGLE, fill: secondaryColor, opacity: "0.85", children: jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 26", to: "0 0", dur: "0.45s", begin: "0.12s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" }) }), jsx("path", { d: OVL_OMNI, stroke: primaryColor, strokeWidth: "2", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 300", to: "300 0", dur: "0.7s", begin: "0.3s", fill: "freeze" }) }), jsx("path", { d: OVL_VERK, stroke: secondaryColor, strokeWidth: "1.3", fill: "none", strokeLinecap: "square", strokeLinejoin: "miter", opacity: "0.75", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 250", to: "250 0", dur: "0.6s", begin: "0.55s", fill: "freeze" }) })] })),
     },
 });
@@ -134,7 +127,6 @@ const NtdOmniVerkSpinner = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("g", { children: jsx("path", { d: OV_DIAMOND, fill: primaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 12 7", to: "360 12 7", dur: "1.8s", repeatCount: "indefinite" }) }) }), jsx("path", { d: OV_TRIANGLE, fill: primaryColor, children: jsx("animate", { attributeName: "opacity", values: "1;0.3;1", dur: "1.8s", repeatCount: "indefinite" }) })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("g", { children: jsxs("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: [jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 12 7", to: "360 12 7", dur: "1.8s", repeatCount: "indefinite" }), jsx("animate", { attributeName: "stroke-dasharray", values: "0 40;20 20;40 0;20 20;0 40", dur: "1.8s", repeatCount: "indefinite" })] }) }), jsx("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", values: "0 50;25 25;50 0;25 25;0 50", dur: "2.4s", repeatCount: "indefinite" }) })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, fill: secondaryColor, opacity: secondaryOpacity, children: jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 12 7", to: "360 12 7", dur: "1.8s", repeatCount: "indefinite" }) }), jsx("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter", children: jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 12 7", to: "360 12 7", dur: "1.8s", repeatCount: "indefinite" }) }), jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, opacity: secondaryOpacity, children: jsx("animate", { attributeName: "opacity", values: `${secondaryOpacity};0.1;${secondaryOpacity}`, dur: "1.8s", repeatCount: "indefinite" }) }), jsx("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter" })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "1", width: "22", height: "22", rx: "4", fill: secondaryColor }), jsx("path", { d: OV_DIAMOND, fill: primaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 12 7", to: "360 12 7", dur: "1.8s", repeatCount: "indefinite" }) }), jsx("path", { d: OV_TRIANGLE, fill: accentColor !== null && accentColor !== void 0 ? accentColor : primaryColor, children: jsx("animate", { attributeName: "opacity", values: "1;0.3;1", dur: "1.8s", repeatCount: "indefinite" }) })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("g", { children: jsx("path", { d: OV_DIAMOND, fill: primaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 12 7", to: "360 12 7", dur: "1.8s", repeatCount: "indefinite" }) }) }), jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, children: jsx("animate", { attributeName: "opacity", values: "1;0.4;1", dur: "1.8s", repeatCount: "indefinite" }) })] })),
     },
 });
@@ -153,7 +145,6 @@ const NtdOmniVerkBadge = createIcon({
         solid: ({ primaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: primaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "scale", from: "0", to: "1", dur: "0.3s", fill: "freeze", calcMode: "spline", keySplines: "0.22 1 0.36 1", additive: "sum" }) }), jsx("path", { d: OVB_DIAMOND, fill: accentColor !== null && accentColor !== void 0 ? accentColor : '#fff', children: jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.2s", begin: "0.2s", fill: "freeze" }) }), jsx("path", { d: OVB_TRIANGLE, fill: accentColor !== null && accentColor !== void 0 ? accentColor : '#fff', children: jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.2s", begin: "0.3s", fill: "freeze" }) })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "10.5", stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 80", to: "80 0", dur: "0.5s", fill: "freeze" }) }), jsx("path", { d: OVB_DIAMOND, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 40", to: "40 0", dur: "0.4s", begin: "0.3s", fill: "freeze" }) }), jsx("path", { d: OVB_TRIANGLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 30", to: "30 0", dur: "0.4s", begin: "0.5s", fill: "freeze" }) })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: secondaryColor, opacity: secondaryOpacity }), jsx("circle", { cx: "12", cy: "12", r: "11", stroke: primaryColor, strokeWidth: "1.5", fill: "none" }), jsx("path", { d: OVB_DIAMOND, fill: primaryColor }), jsx("path", { d: OVB_TRIANGLE, fill: primaryColor })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: secondaryColor }), jsx("path", { d: OVB_DIAMOND, fill: primaryColor }), jsx("path", { d: OVB_TRIANGLE, fill: accentColor !== null && accentColor !== void 0 ? accentColor : primaryColor })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("circle", { cx: "12", cy: "12", r: "11", fill: primaryColor }), jsx("circle", { cx: "12", cy: "12", r: "11", fill: "white", opacity: "0.08" }), jsx("path", { d: OVB_DIAMOND, fill: "white" }), jsx("path", { d: OVB_TRIANGLE, fill: secondaryColor })] })),
     },
 });
@@ -170,7 +161,6 @@ const NtdOmniVerkWatermark = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, fill: primaryColor, opacity: "0.08", children: jsx("animate", { attributeName: "opacity", values: "0.08;0.14;0.08", dur: "4s", repeatCount: "indefinite" }) }), jsx("path", { d: OV_TRIANGLE, fill: primaryColor, opacity: "0.06", children: jsx("animate", { attributeName: "opacity", values: "0.06;0.11;0.06", dur: "4s", begin: "0.5s", repeatCount: "indefinite" }) })] })),
         outline: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: "0.5", fill: "none", opacity: "0.1", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "opacity", values: "0.1;0.18;0.1", dur: "4s", repeatCount: "indefinite" }) }), jsx("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: "0.5", fill: "none", opacity: "0.08", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "opacity", values: "0.08;0.15;0.08", dur: "4s", begin: "0.5s", repeatCount: "indefinite" }) })] })),
         duotone: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, fill: secondaryColor, opacity: "0.06" }), jsx("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: "0.5", fill: "none", opacity: "0.08", strokeLinejoin: "miter" }), jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, opacity: "0.05" }), jsx("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: "0.5", fill: "none", opacity: "0.06", strokeLinejoin: "miter" })] })),
-        flat: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, fill: primaryColor, opacity: "0.07" }), jsx("path", { d: OV_TRIANGLE, fill: primaryColor, opacity: "0.05" })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("path", { d: OV_DIAMOND, fill: primaryColor, opacity: "0.1", children: jsx("animate", { attributeName: "opacity", values: "0.1;0.16;0.1", dur: "4s", repeatCount: "indefinite" }) }), jsx("path", { d: OV_TRIANGLE, fill: secondaryColor, opacity: "0.07", children: jsx("animate", { attributeName: "opacity", values: "0.07;0.13;0.07", dur: "4s", begin: "0.5s", repeatCount: "indefinite" }) })] })),
     },
 });
@@ -188,7 +178,6 @@ const NtdOmniVerkAnimated = createIcon({
         solid: ({ primaryColor }) => (jsxs(Fragment, { children: [jsx("g", { children: jsxs("path", { d: OV_DIAMOND, fill: primaryColor, children: [jsx("animateTransform", { attributeName: "transform", type: "translate", values: "0 -30;0 2;0 -1;0 0", keyTimes: "0;0.5;0.75;1", dur: "0.8s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1;0.34 1 0.64 1;0.22 1 0.36 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.3s", fill: "freeze" })] }) }), jsx("g", { children: jsxs("path", { d: OV_TRIANGLE, fill: primaryColor, children: [jsx("animateTransform", { attributeName: "transform", type: "translate", values: "0 30;0 -2;0 1;0 0", keyTimes: "0;0.5;0.75;1", dur: "0.8s", begin: "0.2s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1;0.34 1 0.64 1;0.22 1 0.36 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.3s", begin: "0.2s", fill: "freeze" })] }) }), jsx("animateTransform", { attributeName: "transform", type: "scale", values: "1;1.08;0.98;1", keyTimes: "0;0.4;0.7;1", dur: "0.4s", begin: "0.9s", fill: "freeze", additive: "sum" })] })),
         outline: ({ primaryColor, strokeWidth }) => (jsxs(Fragment, { children: [jsxs("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 60", to: "60 0", dur: "0.6s", fill: "freeze", calcMode: "spline", keySplines: "0.22 1 0.36 1" }), jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "90 12 7", to: "0 12 7", dur: "0.6s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" })] }), jsxs("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none", strokeLinejoin: "miter", children: [jsx("animate", { attributeName: "stroke-dasharray", from: "0 50", to: "50 0", dur: "0.5s", begin: "0.35s", fill: "freeze", calcMode: "spline", keySplines: "0.22 1 0.36 1" }), jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 10", to: "0 0", dur: "0.5s", begin: "0.35s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" })] })] })),
         duotone: ({ primaryColor, secondaryColor, secondaryOpacity }) => (jsxs(Fragment, { children: [jsxs("path", { d: OV_DIAMOND, fill: secondaryColor, opacity: "0", children: [jsx("animate", { attributeName: "opacity", from: "0", to: String(secondaryOpacity), dur: "0.3s", begin: "0.1s", fill: "freeze" }), jsx("animateTransform", { attributeName: "transform", type: "scale", from: "0.3", to: "1", dur: "0.5s", begin: "0.1s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1", additive: "sum" })] }), jsx("path", { d: OV_DIAMOND, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 60", to: "60 0", dur: "0.5s", begin: "0.2s", fill: "freeze" }) }), jsxs("path", { d: OV_TRIANGLE, fill: secondaryColor, opacity: "0", children: [jsx("animate", { attributeName: "opacity", from: "0", to: String(secondaryOpacity), dur: "0.3s", begin: "0.3s", fill: "freeze" }), jsx("animateTransform", { attributeName: "transform", type: "scale", from: "0.3", to: "1", dur: "0.5s", begin: "0.3s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1", additive: "sum" })] }), jsx("path", { d: OV_TRIANGLE, stroke: primaryColor, strokeWidth: "1.5", fill: "none", strokeLinejoin: "miter", children: jsx("animate", { attributeName: "stroke-dasharray", from: "0 50", to: "50 0", dur: "0.5s", begin: "0.4s", fill: "freeze" }) })] })),
-        flat: ({ primaryColor, secondaryColor, accentColor }) => (jsxs(Fragment, { children: [jsx("rect", { x: "1", y: "1", width: "22", height: "22", rx: "4", fill: secondaryColor, children: jsx("animateTransform", { attributeName: "transform", type: "scale", from: "0", to: "1", dur: "0.3s", fill: "freeze", calcMode: "spline", keySplines: "0.22 1 0.36 1", additive: "sum" }) }), jsxs("path", { d: OV_DIAMOND, fill: primaryColor, opacity: "0", children: [jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.2s", begin: "0.25s", fill: "freeze" }), jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "180 12 7", to: "0 12 7", dur: "0.5s", begin: "0.25s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" })] }), jsxs("path", { d: OV_TRIANGLE, fill: accentColor !== null && accentColor !== void 0 ? accentColor : primaryColor, opacity: "0", children: [jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.2s", begin: "0.45s", fill: "freeze" }), jsx("animateTransform", { attributeName: "transform", type: "translate", from: "0 8", to: "0 0", dur: "0.4s", begin: "0.45s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1" })] })] })),
         vivid: ({ primaryColor, secondaryColor }) => (jsxs(Fragment, { children: [jsx("g", { children: jsxs("path", { d: OV_DIAMOND, fill: primaryColor, children: [jsx("animateTransform", { attributeName: "transform", type: "translate", values: "0 -30;0 2;0 -1;0 0", keyTimes: "0;0.5;0.75;1", dur: "0.8s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1;0.34 1 0.64 1;0.22 1 0.36 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.3s", fill: "freeze" })] }) }), jsx("g", { children: jsxs("path", { d: OV_TRIANGLE, fill: secondaryColor, children: [jsx("animateTransform", { attributeName: "transform", type: "translate", values: "0 30;0 -2;0 1;0 0", keyTimes: "0;0.5;0.75;1", dur: "0.8s", begin: "0.2s", fill: "freeze", calcMode: "spline", keySplines: "0.34 1 0.64 1;0.34 1 0.64 1;0.22 1 0.36 1" }), jsx("animate", { attributeName: "opacity", from: "0", to: "1", dur: "0.3s", begin: "0.2s", fill: "freeze" })] }) })] })),
     },
 });