@nice2dev/icons-tech 1.0.11 → 1.0.14

package/dist/index.cjs

@@ -174,7 +174,7 @@ const iconDefaults = {
   animationDuration: "normal"
 };
 const TerminalIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "rect",
       {
@@ -212,7 +212,7 @@ const TerminalIcon = createTechIcon(
   { displayName: "TerminalIcon" }
 );
 const CodeIcon = createTechIcon(
-  ({ color, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -352,7 +352,7 @@ const GitMergeIcon = createTechIcon(
   { displayName: "GitMergeIcon" }
 );
 const BugIcon$1 = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 8V5a4 4 0 118 0v3", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "ellipse",
@@ -480,7 +480,7 @@ const APIIcon$1 = createTechIcon(
   { displayName: "APIIcon" }
 );
 const JSONIcon = createTechIcon(
-  ({ color, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -598,7 +598,7 @@ const PackageIcon = createTechIcon(
   { displayName: "PackageIcon" }
 );
 const BuildIcon$1 = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
       d: "M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z",
@@ -863,7 +863,7 @@ const LambdaIcon = createTechIcon(
   { displayName: "LambdaIcon" }
 );
 const S3BucketIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -2090,7 +2090,7 @@ const PromiseIcon = createTechIcon(
   { displayName: "PromiseIcon" }
 );
 const StreamIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -2313,7 +2313,7 @@ const KeyIcon = createTechIcon(
   { displayName: "KeyIcon" }
 );
 const FingerprintIcon = createTechIcon(
-  ({ color, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 12a10 10 0 0110-10", stroke: color, strokeWidth: "2", fill: "none" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 16a8 8 0 018-8", stroke: color, strokeWidth: "2", fill: "none" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 20a6 6 0 016-6", stroke: color, strokeWidth: "2", fill: "none" }),
@@ -2379,7 +2379,7 @@ const OAuthIcon = createTechIcon(
   { displayName: "OAuthIcon" }
 );
 const JWTIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "6", width: "18", height: "4", fill: color, opacity: "0.6" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "10", width: "18", height: "4", fill: accentColor || color, opacity: "0.4" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "14", width: "18", height: "4", fill: color, opacity: "0.6" }),
@@ -2468,7 +2468,7 @@ const CertificateIcon = createTechIcon(
   { displayName: "CertificateIcon" }
 );
 const HashIcon = createTechIcon(
-  ({ color, variant }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  ({ color, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
       d: "M4 9h16M4 15h16M10 3v18M14 3v18",
@@ -2499,7 +2499,7 @@ const PrivateKeyIcon = createTechIcon(
   { displayName: "PrivateKeyIcon" }
 );
 const PublicKeyIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "4", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "1.5", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 11l9 9", stroke: color, strokeWidth: "2" }),
@@ -2537,7 +2537,7 @@ const MalwareIcon = createTechIcon(
   { displayName: "MalwareIcon" }
 );
 const VirusIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "circle",
       {
@@ -2562,7 +2562,7 @@ const VirusIcon = createTechIcon(
   { displayName: "VirusIcon" }
 );
 const PhishingIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2v10", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -2617,7 +2617,7 @@ const DDoSIcon = createTechIcon(
   { displayName: "DDoSIcon" }
 );
 const FirewallSecIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "rect",
       {
@@ -2720,7 +2720,7 @@ const FirewallSecIcon = createTechIcon(
   { displayName: "FirewallSecIcon" }
 );
 const IntrusionDetectionIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "5", fill: "none", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1", fill: accentColor || "#a00" }),
@@ -2730,7 +2730,7 @@ const IntrusionDetectionIcon = createTechIcon(
   { displayName: "IntrusionDetectionIcon" }
 );
 const RBACIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "2", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "6", r: "2", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "18", cy: "6", r: "2", fill: color }),
@@ -2923,7 +2923,7 @@ const VPNIcon = createTechIcon(
   { displayName: "VPNIcon" }
 );
 const ZeroTrustIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("text", { x: "6", y: "16", fontSize: "10", fontWeight: "bold", fill: color, children: "0" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 8l4 4-4 4", stroke: accentColor || color, strokeWidth: "2", fill: "none" }),
@@ -2983,7 +2983,7 @@ const _SecurityIcons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defi
   ZeroTrustIcon
 }, Symbol.toStringTag, { value: "Module" }));
 const NeuralNetworkIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "6", r: "2", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "12", r: "2", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "18", r: "2", fill: color }),
@@ -3006,7 +3006,7 @@ const NeuralNetworkIcon = createTechIcon(
   { displayName: "NeuralNetworkIcon" }
 );
 const DeepLearningIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "4", width: "4", height: "16", rx: "1", fill: color, opacity: "0.4" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "7", y: "4", width: "4", height: "16", rx: "1", fill: color, opacity: "0.5" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "12", y: "4", width: "4", height: "16", rx: "1", fill: accentColor || color, opacity: "0.6" }),
@@ -3082,7 +3082,7 @@ const TransformerIcon = createTechIcon(
   { displayName: "TransformerIcon" }
 );
 const CNNIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "6", width: "8", height: "8", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "8", width: "3", height: "3", fill: accentColor || color, opacity: "0.6" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "12", y: "4", width: "4", height: "4", fill: color, opacity: "0.4" }),
@@ -3184,7 +3184,7 @@ const DecisionTreeIcon = createTechIcon(
   { displayName: "DecisionTreeIcon" }
 );
 const RandomForestIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 12L6 8L4 10L6 6L8 10L6 8", stroke: color, strokeWidth: "1.5", fill: "none" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "5", y: "12", width: "2", height: "4", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3204,7 +3204,7 @@ const RandomForestIcon = createTechIcon(
   { displayName: "RandomForestIcon" }
 );
 const ClusteringIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "8", r: "1.5", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "6", r: "1.5", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "5", cy: "5", r: "1.5", fill: color }),
@@ -3220,7 +3220,7 @@ const ClusteringIcon = createTechIcon(
   { displayName: "ClusteringIcon" }
 );
 const RegressionIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 20V4M4 20h16", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "16", r: "1.5", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "14", r: "1.5", fill: color }),
@@ -3232,7 +3232,7 @@ const RegressionIcon = createTechIcon(
   { displayName: "RegressionIcon" }
 );
 const ClassificationIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -3253,7 +3253,7 @@ const ClassificationIcon = createTechIcon(
   { displayName: "ClassificationIcon" }
 );
 const KMeansIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "8", r: "2", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "18", cy: "8", r: "2", fill: "none", stroke: accentColor || color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "18", r: "2", fill: "none", stroke: color, strokeWidth: "2" }),
@@ -3267,7 +3267,7 @@ const KMeansIcon = createTechIcon(
   { displayName: "KMeansIcon" }
 );
 const SVMIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 4L4 20", stroke: accentColor || color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -3531,7 +3531,7 @@ const DatasetIcon = createTechIcon(
   { displayName: "DatasetIcon" }
 );
 const FeatureEngineeringIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "8", width: "6", height: "8", fill: color, opacity: "0.4" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 12h3l2-4l2 8l2-4h3", stroke: accentColor || color, strokeWidth: "2", fill: "none" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "16", y: "8", width: "6", height: "8", fill: accentColor || color, opacity: "0.6" })
@@ -3539,7 +3539,7 @@ const FeatureEngineeringIcon = createTechIcon(
   { displayName: "FeatureEngineeringIcon" }
 );
 const HyperparameterIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 6h16", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "6", r: "2", fill: accentColor || color }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 12h16", stroke: color, strokeWidth: "2" }),
@@ -3550,7 +3550,7 @@ const HyperparameterIcon = createTechIcon(
   { displayName: "HyperparameterIcon" }
 );
 const CrossValidationIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "16", height: "3", fill: accentColor || color }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "8", width: "16", height: "3", fill: color, opacity: "0.7" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "12", width: "16", height: "3", fill: color, opacity: "0.5" }),
@@ -3560,7 +3560,7 @@ const CrossValidationIcon = createTechIcon(
   { displayName: "CrossValidationIcon" }
 );
 const EmbeddingIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "1.5", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "12", r: "1.5", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "18", r: "1.5", fill: color }),
@@ -3651,7 +3651,7 @@ const _AIMLIcons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   TransformerIcon
 }, Symbol.toStringTag, { value: "Module" }));
 const ReactIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "2.5", fill: accentColor || color }),
     /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "9", ry: "4", fill: "none", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -3723,7 +3723,7 @@ const VueIcon = createTechIcon(
   { displayName: "VueIcon" }
 );
 const SvelteIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -3822,7 +3822,7 @@ const GatsbyIcon = createTechIcon(
   { displayName: "GatsbyIcon" }
 );
 const SolidJSIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 8c0-2 2-4 6-4 3 0 5 1 6 3l-6 3-6-2z", fill: accentColor || color, opacity: "0.7" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 16c0 2 2 4 6 4 3 0 5-1 6-3l-6-3-6 2z", fill: color, opacity: "0.9" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 8l-6 4 6 4", fill: "none", stroke: color, strokeWidth: "1.5" })
@@ -4063,7 +4063,7 @@ const DotNetIcon = createTechIcon(
   { displayName: "DotNetIcon" }
 );
 const LaravelIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -4132,7 +4132,7 @@ const GoIcon = createTechIcon(
   { displayName: "GoIcon" }
 );
 const TailwindIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -4552,7 +4552,7 @@ const StateIcon = createTechIcon(
   { displayName: "StateIcon" }
 );
 const CSSGridIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "16", height: "16", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 10h16M4 16h16M10 4v16M16 4v16", stroke: color, strokeWidth: "1" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "6", height: "6", fill: accentColor || color, opacity: "0.4" }),
@@ -4561,7 +4561,7 @@ const CSSGridIcon = createTechIcon(
   { displayName: "CSSGridIcon" }
 );
 const FlexboxIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "6", width: "16", height: "12", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "6", y: "8", width: "3", height: "8", fill: accentColor || color, opacity: "0.6" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "10", y: "10", width: "3", height: "4", fill: accentColor || color, opacity: "0.6" }),
@@ -4830,7 +4830,7 @@ const CookieIcon = createTechIcon(
   { displayName: "CookieIcon" }
 );
 const PerformanceIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -4923,7 +4923,7 @@ const CacheIcon$1 = createTechIcon(
   { displayName: "CacheIcon" }
 );
 const CDNIcon$1 = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "8", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "ellipse",
@@ -4946,7 +4946,7 @@ const CDNIcon$1 = createTechIcon(
   { displayName: "CDNIcon" }
 );
 const SEOIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "6", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 14l6 6", stroke: color, strokeWidth: "2", strokeLinecap: "round" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 12l3-4 2 2 3-4", fill: "none", stroke: accentColor || color, strokeWidth: "1.5" })
@@ -5009,7 +5009,7 @@ const BundleIcon = createTechIcon(
   { displayName: "BundleIcon" }
 );
 const MinifyIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "6", width: "8", height: "12", fill: color, opacity: "0.3" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 12h4", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 10l2 2-2 2", fill: "none", stroke: color, strokeWidth: "1.5" }),
@@ -5234,7 +5234,7 @@ const KotlinIcon = createTechIcon(
   { displayName: "KotlinIcon" }
 );
 const FlutterIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 2L4 12l4 4 10-10z", fill: color, opacity: "0.9" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 12L4 22l4-4 10 0z", fill: accentColor || color, opacity: "0.8" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 16l6-4-6 10z", fill: color, opacity: "0.6" })
@@ -5242,7 +5242,7 @@ const FlutterIcon = createTechIcon(
   { displayName: "FlutterIcon" }
 );
 const ReactNativeIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "rect",
       {
@@ -5588,7 +5588,7 @@ const GesturesIcon = createTechIcon(
   { displayName: "GesturesIcon" }
 );
 const TouchIDIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6c-3 0-6 2-6 6s3 6 6 6", fill: "none", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8c-2 0-4 1.5-4 4s2 4 4 4", fill: "none", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -5606,7 +5606,7 @@ const TouchIDIcon = createTechIcon(
   { displayName: "TouchIDIcon" }
 );
 const FaceIDIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -6060,7 +6060,7 @@ const _MobileIcons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
   iOSIcon
 }, Symbol.toStringTag, { value: "Module" }));
 const TestPassedIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color: _color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "circle",
       {
@@ -6088,7 +6088,7 @@ const TestPassedIcon = createTechIcon(
   { displayName: "TestPassedIcon" }
 );
 const TestFailedIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color: _color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "circle",
       {
@@ -6114,7 +6114,7 @@ const TestFailedIcon = createTechIcon(
   { displayName: "TestFailedIcon" }
 );
 const TestSkippedIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color: _color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "circle",
       {
@@ -6140,7 +6140,7 @@ const TestSkippedIcon = createTechIcon(
   { displayName: "TestSkippedIcon" }
 );
 const TestPendingIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color: _color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "circle",
       {
@@ -6160,7 +6160,7 @@ const TestPendingIcon = createTechIcon(
   { displayName: "TestPendingIcon" }
 );
 const TestFlakyIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color: _color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "circle",
       {
@@ -6259,7 +6259,7 @@ const IntegrationTestIcon = createTechIcon(
   { displayName: "IntegrationTestIcon" }
 );
 const E2ETestIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "12", r: "2", fill: accentColor || color }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "8", y: "10", width: "3", height: "4", fill: color, opacity: "0.6" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "13", y: "10", width: "3", height: "4", fill: color, opacity: "0.6" }),
@@ -6270,7 +6270,7 @@ const E2ETestIcon = createTechIcon(
   { displayName: "E2ETestIcon" }
 );
 const PerformanceTestIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 14a10 10 0 0 1 20 0", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 14l4-6", stroke: accentColor || color, strokeWidth: "2", strokeLinecap: "round" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "14", r: "2", fill: color }),
@@ -6366,7 +6366,7 @@ const A11yTestIcon = createTechIcon(
   { displayName: "A11yTestIcon" }
 );
 const VisualRegressionIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "rect",
       {
@@ -6424,7 +6424,7 @@ const SmokeTestIcon = createTechIcon(
   { displayName: "SmokeTestIcon" }
 );
 const RegressionTestIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -6569,7 +6569,7 @@ const MochaIcon = createTechIcon(
   { displayName: "MochaIcon" }
 );
 const VitestIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 6l8 12 8-12", fill: "none", stroke: color, strokeWidth: "2.5" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 10l2 3 4-5", stroke: accentColor || "#22c55e", strokeWidth: "2", fill: "none" })
   ] }),
@@ -6604,7 +6604,7 @@ const TestingLibraryIcon = createTechIcon(
   { displayName: "TestingLibraryIcon" }
 );
 const TestCoverageIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "8", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 4a8 8 0 0 1 8 8h-8z", fill: accentColor || "#22c55e" }),
     /* @__PURE__ */ jsxRuntime.jsx("text", { x: "8", y: "20", fontSize: "5", fill: color, children: "85%" })
@@ -6652,7 +6652,7 @@ const TestReportIcon = createTechIcon(
   { displayName: "TestReportIcon" }
 );
 const BugIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "ellipse",
       {
@@ -6915,7 +6915,7 @@ const _TestingIcons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defin
   VitestIcon
 }, Symbol.toStringTag, { value: "Module" }));
 const PipelineIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "12", r: "2", fill: accentColor || "#22c55e" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "8", y: "10", width: "4", height: "4", fill: color, opacity: "0.8" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14", y: "10", width: "4", height: "4", fill: color, opacity: "0.8" }),
@@ -6985,7 +6985,7 @@ const ReleaseIcon = createTechIcon(
   { displayName: "ReleaseIcon" }
 );
 const RollbackIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 12a8 8 0 1 1 2 5", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 12V6M4 12h6", stroke: color, strokeWidth: "2", strokeLinecap: "round" }),
     /* @__PURE__ */ jsxRuntime.jsx("text", { x: "10", y: "14", fontSize: "5", fill: accentColor || color, children: "v0" })
@@ -7013,7 +7013,7 @@ const StagingIcon = createTechIcon(
   { displayName: "StagingIcon" }
 );
 const ProductionIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "rect",
       {
@@ -7234,7 +7234,7 @@ const DroneCIIcon = createTechIcon(
   { displayName: "DroneCIIcon" }
 );
 const TerraformIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "6", height: "6", fill: accentColor || color, opacity: "0.6" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "12", width: "6", height: "6", fill: color, opacity: "0.8" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "12", y: "8", width: "6", height: "6", fill: color, opacity: "0.9" })
@@ -7284,7 +7284,7 @@ const PulumiIcon = createTechIcon(
   { displayName: "PulumiIcon" }
 );
 const HelmIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "8", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "circle",
@@ -7437,7 +7437,7 @@ const NewRelicIcon = createTechIcon(
   { displayName: "NewRelicIcon" }
 );
 const SentryIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 18L12 4l8 14", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 18L12 10l4 8", fill: "none", stroke: accentColor || color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "14", r: "2", fill: color })
@@ -7445,7 +7445,7 @@ const SentryIcon = createTechIcon(
   { displayName: "SentryIcon" }
 );
 const ELKIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "16", height: "4", rx: "1", fill: color, opacity: "0.5" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "10", width: "16", height: "4", rx: "1", fill: color, opacity: "0.7" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "16", width: "16", height: "4", rx: "1", fill: accentColor || color, opacity: "0.9" }),
@@ -7493,7 +7493,7 @@ const GitOpsIcon = createTechIcon(
   { displayName: "GitOpsIcon" }
 );
 const IaCIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 6L4 12l4 6M16 6l4 6-4 6", stroke: color, strokeWidth: "2", fill: "none" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "10", y: "9", width: "4", height: "6", rx: "1", fill: accentColor || color, opacity: "0.6" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "11", r: "0.5", fill: "#fff" })
@@ -7501,7 +7501,7 @@ const IaCIcon = createTechIcon(
   { displayName: "IaCIcon" }
 );
 const BlueGreenIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "6", width: "6", height: "12", rx: "1", fill: "#3b82f6", opacity: "0.8" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "14", y: "6", width: "6", height: "12", rx: "1", fill: "#22c55e", opacity: "0.8" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 10h4M14 10l-2-2M14 10l-2 2", stroke: color, strokeWidth: "1.5", fill: "none" }),
@@ -7550,7 +7550,7 @@ const FeatureFlagIcon = createTechIcon(
   { displayName: "FeatureFlagIcon" }
 );
 const ServiceMeshIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "2", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "18", cy: "6", r: "2", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "18", r: "2", fill: color }),
@@ -7820,7 +7820,7 @@ const DynamoDBIcon = createTechIcon(
   { displayName: "DynamoDBIcon" }
 );
 const CouchDBIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 16h16v2H4z", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -7945,7 +7945,7 @@ const PlanetScaleIcon = createTechIcon(
   { displayName: "PlanetScaleIcon" }
 );
 const FaunaIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
       d: "M12 2c-6 4-8 10-6 16 4-2 10-4 14-10-2 6-6 8-10 10 8-2 10-8 10-14-4 4-8 6-8 6 0-4-2-6 0-8z",
@@ -8102,7 +8102,7 @@ const ReplicationIcon = createTechIcon(
   { displayName: "ReplicationIcon" }
 );
 const ShardingIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "6", height: "8", fill: color, opacity: "0.6" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "10", y: "4", width: "6", height: "8", fill: accentColor || color, opacity: "0.6" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "16", y: "4", width: "4", height: "8", fill: color, opacity: "0.6" }),
@@ -8142,7 +8142,7 @@ const IndexIcon = createTechIcon(
   { displayName: "IndexIcon" }
 );
 const QueryIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "6", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 14l6 6", stroke: color, strokeWidth: "2", strokeLinecap: "round" }),
     /* @__PURE__ */ jsxRuntime.jsx("text", { x: "7", y: "12", fontSize: "5", fill: accentColor || color, children: "?" })
@@ -8150,7 +8150,7 @@ const QueryIcon = createTechIcon(
   { displayName: "QueryIcon" }
 );
 const TransactionIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "8", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 8h8M12 8v8", stroke: accentColor || color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 14l2 2 3-4", stroke: "#22c55e", strokeWidth: "1.5", fill: "none" })
@@ -8272,7 +8272,7 @@ const DataWarehouseIcon = createTechIcon(
   { displayName: "DataWarehouseIcon" }
 );
 const ETLIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "8", width: "4", height: "6", fill: color, opacity: "0.6" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "11", r: "3", fill: "none", stroke: accentColor || color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -8289,7 +8289,7 @@ const ETLIcon = createTechIcon(
   { displayName: "ETLIcon" }
 );
 const SnowflakeIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2v20M2 12h20M5 5l14 14M19 5L5 19", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
@@ -8359,7 +8359,7 @@ const RedshiftIcon = createTechIcon(
   { displayName: "RedshiftIcon" }
 );
 const DatabricksIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "6", height: "4", fill: color, opacity: "0.6" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "12", y: "4", width: "8", height: "4", fill: color, opacity: "0.6" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "10", width: "8", height: "4", fill: accentColor || color, opacity: "0.7" }),
@@ -8751,7 +8751,7 @@ const LoadBalancerIcon = createTechIcon(
   { displayName: "LoadBalancerIcon" }
 );
 const GatewayIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 20V8a8 8 0 0 1 16 0v12", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 20V12M12 20V10M16 20V12", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "6", r: "2", fill: accentColor || color })
@@ -8780,7 +8780,7 @@ const ProxyIcon = createTechIcon(
   { displayName: "ProxyIcon" }
 );
 const WiFiIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4z", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 14c3-3 9-3 12 0", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 10c5-5 15-5 20 0", fill: "none", stroke: accentColor || color, strokeWidth: "2" })
@@ -8788,7 +8788,7 @@ const WiFiIcon = createTechIcon(
   { displayName: "WiFiIcon" }
 );
 const BluetoothIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  ({ color, accentColor: _accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
       d: "M6 6l12 12M6 18l6-6V2l6 6-6 6-6-6 6-6",
@@ -8829,7 +8829,7 @@ const EthernetIcon = createTechIcon(
   { displayName: "EthernetIcon" }
 );
 const CellularIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "16", width: "3", height: "4", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "8", y: "12", width: "3", height: "8", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "12", y: "8", width: "3", height: "12", fill: accentColor || color }),
@@ -8886,7 +8886,7 @@ const IPAddressIcon = createTechIcon(
   { displayName: "IPAddressIcon" }
 );
 const SubnetIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "16", height: "16", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 12h16M12 4v16", stroke: color, strokeWidth: "1", strokeDasharray: "2 2" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "1.5", fill: accentColor || color }),
@@ -8941,7 +8941,7 @@ const BandwidthIcon = createTechIcon(
   { displayName: "BandwidthIcon" }
 );
 const LatencyIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "8", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6v6l4 2", stroke: accentColor || color, strokeWidth: "2", strokeLinecap: "round" }),
     /* @__PURE__ */ jsxRuntime.jsx("text", { x: "8", y: "22", fontSize: "4", fill: color, children: "ms" })
@@ -9713,7 +9713,7 @@ const CacheIcon = createTechIcon(
   { displayName: "CacheIcon" }
 );
 const CDNIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9", fill: "none", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "12", cy: "12", rx: "4", ry: "9", fill: "none", stroke: color, strokeWidth: "1" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 12h18", stroke: color, strokeWidth: "1" }),
@@ -9786,7 +9786,7 @@ const SDKIcon = createTechIcon(
   { displayName: "SDKIcon" }
 );
 const WebhookIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -10197,7 +10197,7 @@ const JetBrainsIcon = createTechIcon(
   { displayName: "JetBrainsIcon" }
 );
 const VimIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -10214,7 +10214,7 @@ const VimIcon = createTechIcon(
   { displayName: "VimIcon" }
 );
 const SublimeIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  ({ color, accentColor: _accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
       d: "M6 8c0-3 3-4 6-4s6 1 6 4c0 2-2 3-4 3H8c-2 0-4 2-4 4s3 5 8 5 8-2 8-5",
@@ -10347,7 +10347,7 @@ const GitIcon = createTechIcon(
   { displayName: "GitIcon" }
 );
 const GitHubIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
       d: "M12 2C6.5 2 2 6.5 2 12c0 4.4 2.9 8.2 6.8 9.5.5.1.7-.2.7-.5v-1.7c-2.8.6-3.4-1.3-3.4-1.3-.5-1.1-1.1-1.4-1.1-1.4-.9-.6.1-.6.1-.6 1 .1 1.5 1 1.5 1 .9 1.5 2.3 1.1 2.9.8.1-.7.3-1.1.6-1.3-2.2-.3-4.6-1.1-4.6-5 0-1.1.4-2 1-2.7-.1-.2-.5-1.3.1-2.7 0 0 .8-.3 2.7 1 .8-.2 1.6-.3 2.4-.3s1.6.1 2.4.3c1.9-1.3 2.7-1 2.7-1 .6 1.4.2 2.5.1 2.7.6.7 1 1.6 1 2.7 0 3.9-2.4 4.7-4.6 5 .4.3.7.9.7 1.9v2.8c0 .3.2.6.7.5 4-1.3 6.8-5.1 6.8-9.5C22 6.5 17.5 2 12 2z",
@@ -10762,7 +10762,7 @@ const ESLintIcon = createTechIcon(
   { displayName: "ESLintIcon" }
 );
 const PrettierIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -10779,7 +10779,7 @@ const PrettierIcon = createTechIcon(
   { displayName: "PrettierIcon" }
 );
 const StyleLintIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -10832,7 +10832,7 @@ const DebuggerIcon = createTechIcon(
   { displayName: "DebuggerIcon" }
 );
 const BreakpointIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("text", { x: "2", y: "8", fontSize: "5", fill: color, opacity: "0.5", children: "1" }),
     /* @__PURE__ */ jsxRuntime.jsx("text", { x: "2", y: "14", fontSize: "5", fill: color, opacity: "0.5", children: "2" }),
     /* @__PURE__ */ jsxRuntime.jsx("text", { x: "2", y: "20", fontSize: "5", fill: color, opacity: "0.5", children: "3" }),
@@ -10842,7 +10842,7 @@ const BreakpointIcon = createTechIcon(
   { displayName: "BreakpointIcon" }
 );
 const ProfilerIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "12", width: "3", height: "8", fill: color }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "7", y: "8", width: "3", height: "12", fill: accentColor || color }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "10", y: "4", width: "3", height: "16", fill: color }),
@@ -10938,7 +10938,7 @@ const KeyboardShortcutIcon = createTechIcon(
   { displayName: "KeyboardShortcutIcon" }
 );
 const ExtensionIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "path",
     {
       d: "M4 8v12h12v-3c0-1 1-2 2-2s2 1 2 2v3h0V8c0 0-1-0-2 0s-2-1-2-2 1-2 2-2 2 0 2 0H4c0 0 0 1 0 2s-1 2-2 2-2-1-2-2 0-2 0-2z",