@nice2dev/icons-tech 1.0.11 → 1.0.14

package/dist/index.mjs

@@ -172,7 +172,7 @@ const iconDefaults = {
   animationDuration: "normal"
 };
 const TerminalIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "rect",
       {
@@ -210,7 +210,7 @@ const TerminalIcon = createTechIcon(
   { displayName: "TerminalIcon" }
 );
 const CodeIcon = createTechIcon(
-  ({ color, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -350,7 +350,7 @@ const GitMergeIcon = createTechIcon(
   { displayName: "GitMergeIcon" }
 );
 const BugIcon$1 = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M8 8V5a4 4 0 118 0v3", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx(
       "ellipse",
@@ -478,7 +478,7 @@ const APIIcon$1 = createTechIcon(
   { displayName: "APIIcon" }
 );
 const JSONIcon = createTechIcon(
-  ({ color, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -596,7 +596,7 @@ const PackageIcon = createTechIcon(
   { displayName: "PackageIcon" }
 );
 const BuildIcon$1 = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ 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",
@@ -861,7 +861,7 @@ const LambdaIcon = createTechIcon(
   { displayName: "LambdaIcon" }
 );
 const S3BucketIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -2088,7 +2088,7 @@ const PromiseIcon = createTechIcon(
   { displayName: "PromiseIcon" }
 );
 const StreamIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -2311,7 +2311,7 @@ const KeyIcon = createTechIcon(
   { displayName: "KeyIcon" }
 );
 const FingerprintIcon = createTechIcon(
-  ({ color, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M2 12a10 10 0 0110-10", stroke: color, strokeWidth: "2", fill: "none" }),
     /* @__PURE__ */ jsx("path", { d: "M4 16a8 8 0 018-8", stroke: color, strokeWidth: "2", fill: "none" }),
     /* @__PURE__ */ jsx("path", { d: "M6 20a6 6 0 016-6", stroke: color, strokeWidth: "2", fill: "none" }),
@@ -2377,7 +2377,7 @@ const OAuthIcon = createTechIcon(
   { displayName: "OAuthIcon" }
 );
 const JWTIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "3", y: "6", width: "18", height: "4", fill: color, opacity: "0.6" }),
     /* @__PURE__ */ jsx("rect", { x: "3", y: "10", width: "18", height: "4", fill: accentColor || color, opacity: "0.4" }),
     /* @__PURE__ */ jsx("rect", { x: "3", y: "14", width: "18", height: "4", fill: color, opacity: "0.6" }),
@@ -2466,7 +2466,7 @@ const CertificateIcon = createTechIcon(
   { displayName: "CertificateIcon" }
 );
 const HashIcon = createTechIcon(
-  ({ color, variant }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  ({ color, variant: _variant }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     "path",
     {
       d: "M4 9h16M4 15h16M10 3v18M14 3v18",
@@ -2497,7 +2497,7 @@ const PrivateKeyIcon = createTechIcon(
   { displayName: "PrivateKeyIcon" }
 );
 const PublicKeyIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "4", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "1.5", fill: color }),
     /* @__PURE__ */ jsx("path", { d: "M11 11l9 9", stroke: color, strokeWidth: "2" }),
@@ -2535,7 +2535,7 @@ const MalwareIcon = createTechIcon(
   { displayName: "MalwareIcon" }
 );
 const VirusIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "circle",
       {
@@ -2560,7 +2560,7 @@ const VirusIcon = createTechIcon(
   { displayName: "VirusIcon" }
 );
 const PhishingIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M12 2v10", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx(
       "path",
@@ -2615,7 +2615,7 @@ const DDoSIcon = createTechIcon(
   { displayName: "DDoSIcon" }
 );
 const FirewallSecIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "rect",
       {
@@ -2718,7 +2718,7 @@ const FirewallSecIcon = createTechIcon(
   { displayName: "FirewallSecIcon" }
 );
 const IntrusionDetectionIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5", fill: "none", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1", fill: accentColor || "#a00" }),
@@ -2728,7 +2728,7 @@ const IntrusionDetectionIcon = createTechIcon(
   { displayName: "IntrusionDetectionIcon" }
 );
 const RBACIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "2", fill: color }),
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "6", r: "2", fill: color }),
     /* @__PURE__ */ jsx("circle", { cx: "18", cy: "6", r: "2", fill: color }),
@@ -2921,7 +2921,7 @@ const VPNIcon = createTechIcon(
   { displayName: "VPNIcon" }
 );
 const ZeroTrustIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("text", { x: "6", y: "16", fontSize: "10", fontWeight: "bold", fill: color, children: "0" }),
     /* @__PURE__ */ jsx("path", { d: "M14 8l4 4-4 4", stroke: accentColor || color, strokeWidth: "2", fill: "none" }),
@@ -2981,7 +2981,7 @@ const _SecurityIcons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defi
   ZeroTrustIcon
 }, Symbol.toStringTag, { value: "Module" }));
 const NeuralNetworkIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "4", cy: "6", r: "2", fill: color }),
     /* @__PURE__ */ jsx("circle", { cx: "4", cy: "12", r: "2", fill: color }),
     /* @__PURE__ */ jsx("circle", { cx: "4", cy: "18", r: "2", fill: color }),
@@ -3004,7 +3004,7 @@ const NeuralNetworkIcon = createTechIcon(
   { displayName: "NeuralNetworkIcon" }
 );
 const DeepLearningIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "2", y: "4", width: "4", height: "16", rx: "1", fill: color, opacity: "0.4" }),
     /* @__PURE__ */ jsx("rect", { x: "7", y: "4", width: "4", height: "16", rx: "1", fill: color, opacity: "0.5" }),
     /* @__PURE__ */ jsx("rect", { x: "12", y: "4", width: "4", height: "16", rx: "1", fill: accentColor || color, opacity: "0.6" }),
@@ -3080,7 +3080,7 @@ const TransformerIcon = createTechIcon(
   { displayName: "TransformerIcon" }
 );
 const CNNIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "2", y: "6", width: "8", height: "8", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("rect", { x: "4", y: "8", width: "3", height: "3", fill: accentColor || color, opacity: "0.6" }),
     /* @__PURE__ */ jsx("rect", { x: "12", y: "4", width: "4", height: "4", fill: color, opacity: "0.4" }),
@@ -3182,7 +3182,7 @@ const DecisionTreeIcon = createTechIcon(
   { displayName: "DecisionTreeIcon" }
 );
 const RandomForestIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M6 12L6 8L4 10L6 6L8 10L6 8", stroke: color, strokeWidth: "1.5", fill: "none" }),
     /* @__PURE__ */ jsx("rect", { x: "5", y: "12", width: "2", height: "4", fill: color }),
     /* @__PURE__ */ jsx(
@@ -3202,7 +3202,7 @@ const RandomForestIcon = createTechIcon(
   { displayName: "RandomForestIcon" }
 );
 const ClusteringIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "6", cy: "8", r: "1.5", fill: color }),
     /* @__PURE__ */ jsx("circle", { cx: "8", cy: "6", r: "1.5", fill: color }),
     /* @__PURE__ */ jsx("circle", { cx: "5", cy: "5", r: "1.5", fill: color }),
@@ -3218,7 +3218,7 @@ const ClusteringIcon = createTechIcon(
   { displayName: "ClusteringIcon" }
 );
 const RegressionIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M4 20V4M4 20h16", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("circle", { cx: "6", cy: "16", r: "1.5", fill: color }),
     /* @__PURE__ */ jsx("circle", { cx: "9", cy: "14", r: "1.5", fill: color }),
@@ -3230,7 +3230,7 @@ const RegressionIcon = createTechIcon(
   { displayName: "RegressionIcon" }
 );
 const ClassificationIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -3251,7 +3251,7 @@ const ClassificationIcon = createTechIcon(
   { displayName: "ClassificationIcon" }
 );
 const KMeansIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "6", cy: "8", r: "2", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("circle", { cx: "18", cy: "8", r: "2", fill: "none", stroke: accentColor || color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "18", r: "2", fill: "none", stroke: color, strokeWidth: "2" }),
@@ -3265,7 +3265,7 @@ const KMeansIcon = createTechIcon(
   { displayName: "KMeansIcon" }
 );
 const SVMIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M20 4L4 20", stroke: accentColor || color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx(
       "path",
@@ -3529,7 +3529,7 @@ const DatasetIcon = createTechIcon(
   { displayName: "DatasetIcon" }
 );
 const FeatureEngineeringIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "2", y: "8", width: "6", height: "8", fill: color, opacity: "0.4" }),
     /* @__PURE__ */ jsx("path", { d: "M8 12h3l2-4l2 8l2-4h3", stroke: accentColor || color, strokeWidth: "2", fill: "none" }),
     /* @__PURE__ */ jsx("rect", { x: "16", y: "8", width: "6", height: "8", fill: accentColor || color, opacity: "0.6" })
@@ -3537,7 +3537,7 @@ const FeatureEngineeringIcon = createTechIcon(
   { displayName: "FeatureEngineeringIcon" }
 );
 const HyperparameterIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M4 6h16", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("circle", { cx: "8", cy: "6", r: "2", fill: accentColor || color }),
     /* @__PURE__ */ jsx("path", { d: "M4 12h16", stroke: color, strokeWidth: "2" }),
@@ -3548,7 +3548,7 @@ const HyperparameterIcon = createTechIcon(
   { displayName: "HyperparameterIcon" }
 );
 const CrossValidationIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "3", fill: accentColor || color }),
     /* @__PURE__ */ jsx("rect", { x: "4", y: "8", width: "16", height: "3", fill: color, opacity: "0.7" }),
     /* @__PURE__ */ jsx("rect", { x: "4", y: "12", width: "16", height: "3", fill: color, opacity: "0.5" }),
@@ -3558,7 +3558,7 @@ const CrossValidationIcon = createTechIcon(
   { displayName: "CrossValidationIcon" }
 );
 const EmbeddingIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "1.5", fill: color }),
     /* @__PURE__ */ jsx("circle", { cx: "6", cy: "12", r: "1.5", fill: color }),
     /* @__PURE__ */ jsx("circle", { cx: "6", cy: "18", r: "1.5", fill: color }),
@@ -3649,7 +3649,7 @@ const _AIMLIcons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   TransformerIcon
 }, Symbol.toStringTag, { value: "Module" }));
 const ReactIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2.5", fill: accentColor || color }),
     /* @__PURE__ */ jsx("ellipse", { cx: "12", cy: "12", rx: "9", ry: "4", fill: "none", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsx(
@@ -3721,7 +3721,7 @@ const VueIcon = createTechIcon(
   { displayName: "VueIcon" }
 );
 const SvelteIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -3820,7 +3820,7 @@ const GatsbyIcon = createTechIcon(
   { displayName: "GatsbyIcon" }
 );
 const SolidJSIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ 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__ */ 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__ */ jsx("path", { d: "M18 8l-6 4 6 4", fill: "none", stroke: color, strokeWidth: "1.5" })
@@ -4061,7 +4061,7 @@ const DotNetIcon = createTechIcon(
   { displayName: "DotNetIcon" }
 );
 const LaravelIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -4130,7 +4130,7 @@ const GoIcon = createTechIcon(
   { displayName: "GoIcon" }
 );
 const TailwindIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -4550,7 +4550,7 @@ const StateIcon = createTechIcon(
   { displayName: "StateIcon" }
 );
 const CSSGridIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("path", { d: "M4 10h16M4 16h16M10 4v16M16 4v16", stroke: color, strokeWidth: "1" }),
     /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "6", height: "6", fill: accentColor || color, opacity: "0.4" }),
@@ -4559,7 +4559,7 @@ const CSSGridIcon = createTechIcon(
   { displayName: "CSSGridIcon" }
 );
 const FlexboxIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "4", y: "6", width: "16", height: "12", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("rect", { x: "6", y: "8", width: "3", height: "8", fill: accentColor || color, opacity: "0.6" }),
     /* @__PURE__ */ jsx("rect", { x: "10", y: "10", width: "3", height: "4", fill: accentColor || color, opacity: "0.6" }),
@@ -4828,7 +4828,7 @@ const CookieIcon = createTechIcon(
   { displayName: "CookieIcon" }
 );
 const PerformanceIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx(
       "path",
@@ -4921,7 +4921,7 @@ const CacheIcon$1 = createTechIcon(
   { displayName: "CacheIcon" }
 );
 const CDNIcon$1 = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "8", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx(
       "ellipse",
@@ -4944,7 +4944,7 @@ const CDNIcon$1 = createTechIcon(
   { displayName: "CDNIcon" }
 );
 const SEOIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "10", cy: "10", r: "6", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("path", { d: "M14 14l6 6", stroke: color, strokeWidth: "2", strokeLinecap: "round" }),
     /* @__PURE__ */ jsx("path", { d: "M6 12l3-4 2 2 3-4", fill: "none", stroke: accentColor || color, strokeWidth: "1.5" })
@@ -5007,7 +5007,7 @@ const BundleIcon = createTechIcon(
   { displayName: "BundleIcon" }
 );
 const MinifyIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "2", y: "6", width: "8", height: "12", fill: color, opacity: "0.3" }),
     /* @__PURE__ */ jsx("path", { d: "M10 12h4", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsx("path", { d: "M12 10l2 2-2 2", fill: "none", stroke: color, strokeWidth: "1.5" }),
@@ -5232,7 +5232,7 @@ const KotlinIcon = createTechIcon(
   { displayName: "KotlinIcon" }
 );
 const FlutterIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M14 2L4 12l4 4 10-10z", fill: color, opacity: "0.9" }),
     /* @__PURE__ */ jsx("path", { d: "M14 12L4 22l4-4 10 0z", fill: accentColor || color, opacity: "0.8" }),
     /* @__PURE__ */ jsx("path", { d: "M8 16l6-4-6 10z", fill: color, opacity: "0.6" })
@@ -5240,7 +5240,7 @@ const FlutterIcon = createTechIcon(
   { displayName: "FlutterIcon" }
 );
 const ReactNativeIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "rect",
       {
@@ -5586,7 +5586,7 @@ const GesturesIcon = createTechIcon(
   { displayName: "GesturesIcon" }
 );
 const TouchIDIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M12 6c-3 0-6 2-6 6s3 6 6 6", fill: "none", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsx("path", { d: "M12 8c-2 0-4 1.5-4 4s2 4 4 4", fill: "none", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsx(
@@ -5604,7 +5604,7 @@ const TouchIDIcon = createTechIcon(
   { displayName: "TouchIDIcon" }
 );
 const FaceIDIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -6058,7 +6058,7 @@ const _MobileIcons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
   iOSIcon
 }, Symbol.toStringTag, { value: "Module" }));
 const TestPassedIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color: _color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "circle",
       {
@@ -6086,7 +6086,7 @@ const TestPassedIcon = createTechIcon(
   { displayName: "TestPassedIcon" }
 );
 const TestFailedIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color: _color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "circle",
       {
@@ -6112,7 +6112,7 @@ const TestFailedIcon = createTechIcon(
   { displayName: "TestFailedIcon" }
 );
 const TestSkippedIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color: _color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "circle",
       {
@@ -6138,7 +6138,7 @@ const TestSkippedIcon = createTechIcon(
   { displayName: "TestSkippedIcon" }
 );
 const TestPendingIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color: _color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "circle",
       {
@@ -6158,7 +6158,7 @@ const TestPendingIcon = createTechIcon(
   { displayName: "TestPendingIcon" }
 );
 const TestFlakyIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color: _color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "circle",
       {
@@ -6257,7 +6257,7 @@ const IntegrationTestIcon = createTechIcon(
   { displayName: "IntegrationTestIcon" }
 );
 const E2ETestIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "4", cy: "12", r: "2", fill: accentColor || color }),
     /* @__PURE__ */ jsx("rect", { x: "8", y: "10", width: "3", height: "4", fill: color, opacity: "0.6" }),
     /* @__PURE__ */ jsx("rect", { x: "13", y: "10", width: "3", height: "4", fill: color, opacity: "0.6" }),
@@ -6268,7 +6268,7 @@ const E2ETestIcon = createTechIcon(
   { displayName: "E2ETestIcon" }
 );
 const PerformanceTestIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M2 14a10 10 0 0 1 20 0", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("path", { d: "M12 14l4-6", stroke: accentColor || color, strokeWidth: "2", strokeLinecap: "round" }),
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "14", r: "2", fill: color }),
@@ -6364,7 +6364,7 @@ const A11yTestIcon = createTechIcon(
   { displayName: "A11yTestIcon" }
 );
 const VisualRegressionIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "rect",
       {
@@ -6422,7 +6422,7 @@ const SmokeTestIcon = createTechIcon(
   { displayName: "SmokeTestIcon" }
 );
 const RegressionTestIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -6567,7 +6567,7 @@ const MochaIcon = createTechIcon(
   { displayName: "MochaIcon" }
 );
 const VitestIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M4 6l8 12 8-12", fill: "none", stroke: color, strokeWidth: "2.5" }),
     /* @__PURE__ */ jsx("path", { d: "M10 10l2 3 4-5", stroke: accentColor || "#22c55e", strokeWidth: "2", fill: "none" })
   ] }),
@@ -6602,7 +6602,7 @@ const TestingLibraryIcon = createTechIcon(
   { displayName: "TestingLibraryIcon" }
 );
 const TestCoverageIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "8", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("path", { d: "M12 4a8 8 0 0 1 8 8h-8z", fill: accentColor || "#22c55e" }),
     /* @__PURE__ */ jsx("text", { x: "8", y: "20", fontSize: "5", fill: color, children: "85%" })
@@ -6650,7 +6650,7 @@ const TestReportIcon = createTechIcon(
   { displayName: "TestReportIcon" }
 );
 const BugIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "ellipse",
       {
@@ -6913,7 +6913,7 @@ const _TestingIcons = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defin
   VitestIcon
 }, Symbol.toStringTag, { value: "Module" }));
 const PipelineIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "4", cy: "12", r: "2", fill: accentColor || "#22c55e" }),
     /* @__PURE__ */ jsx("rect", { x: "8", y: "10", width: "4", height: "4", fill: color, opacity: "0.8" }),
     /* @__PURE__ */ jsx("rect", { x: "14", y: "10", width: "4", height: "4", fill: color, opacity: "0.8" }),
@@ -6983,7 +6983,7 @@ const ReleaseIcon = createTechIcon(
   { displayName: "ReleaseIcon" }
 );
 const RollbackIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M4 12a8 8 0 1 1 2 5", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("path", { d: "M4 12V6M4 12h6", stroke: color, strokeWidth: "2", strokeLinecap: "round" }),
     /* @__PURE__ */ jsx("text", { x: "10", y: "14", fontSize: "5", fill: accentColor || color, children: "v0" })
@@ -7011,7 +7011,7 @@ const StagingIcon = createTechIcon(
   { displayName: "StagingIcon" }
 );
 const ProductionIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "rect",
       {
@@ -7232,7 +7232,7 @@ const DroneCIIcon = createTechIcon(
   { displayName: "DroneCIIcon" }
 );
 const TerraformIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "6", height: "6", fill: accentColor || color, opacity: "0.6" }),
     /* @__PURE__ */ jsx("rect", { x: "4", y: "12", width: "6", height: "6", fill: color, opacity: "0.8" }),
     /* @__PURE__ */ jsx("rect", { x: "12", y: "8", width: "6", height: "6", fill: color, opacity: "0.9" })
@@ -7282,7 +7282,7 @@ const PulumiIcon = createTechIcon(
   { displayName: "PulumiIcon" }
 );
 const HelmIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "8", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx(
       "circle",
@@ -7435,7 +7435,7 @@ const NewRelicIcon = createTechIcon(
   { displayName: "NewRelicIcon" }
 );
 const SentryIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M4 18L12 4l8 14", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("path", { d: "M8 18L12 10l4 8", fill: "none", stroke: accentColor || color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "14", r: "2", fill: color })
@@ -7443,7 +7443,7 @@ const SentryIcon = createTechIcon(
   { displayName: "SentryIcon" }
 );
 const ELKIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "4", rx: "1", fill: color, opacity: "0.5" }),
     /* @__PURE__ */ jsx("rect", { x: "4", y: "10", width: "16", height: "4", rx: "1", fill: color, opacity: "0.7" }),
     /* @__PURE__ */ jsx("rect", { x: "4", y: "16", width: "16", height: "4", rx: "1", fill: accentColor || color, opacity: "0.9" }),
@@ -7491,7 +7491,7 @@ const GitOpsIcon = createTechIcon(
   { displayName: "GitOpsIcon" }
 );
 const IaCIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M8 6L4 12l4 6M16 6l4 6-4 6", stroke: color, strokeWidth: "2", fill: "none" }),
     /* @__PURE__ */ jsx("rect", { x: "10", y: "9", width: "4", height: "6", rx: "1", fill: accentColor || color, opacity: "0.6" }),
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "11", r: "0.5", fill: "#fff" })
@@ -7499,7 +7499,7 @@ const IaCIcon = createTechIcon(
   { displayName: "IaCIcon" }
 );
 const BlueGreenIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "4", y: "6", width: "6", height: "12", rx: "1", fill: "#3b82f6", opacity: "0.8" }),
     /* @__PURE__ */ jsx("rect", { x: "14", y: "6", width: "6", height: "12", rx: "1", fill: "#22c55e", opacity: "0.8" }),
     /* @__PURE__ */ jsx("path", { d: "M10 10h4M14 10l-2-2M14 10l-2 2", stroke: color, strokeWidth: "1.5", fill: "none" }),
@@ -7548,7 +7548,7 @@ const FeatureFlagIcon = createTechIcon(
   { displayName: "FeatureFlagIcon" }
 );
 const ServiceMeshIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "2", fill: color }),
     /* @__PURE__ */ jsx("circle", { cx: "18", cy: "6", r: "2", fill: color }),
     /* @__PURE__ */ jsx("circle", { cx: "6", cy: "18", r: "2", fill: color }),
@@ -7818,7 +7818,7 @@ const DynamoDBIcon = createTechIcon(
   { displayName: "DynamoDBIcon" }
 );
 const CouchDBIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M4 16h16v2H4z", fill: color }),
     /* @__PURE__ */ jsx(
       "path",
@@ -7943,7 +7943,7 @@ const PlanetScaleIcon = createTechIcon(
   { displayName: "PlanetScaleIcon" }
 );
 const FaunaIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ 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",
@@ -8100,7 +8100,7 @@ const ReplicationIcon = createTechIcon(
   { displayName: "ReplicationIcon" }
 );
 const ShardingIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "6", height: "8", fill: color, opacity: "0.6" }),
     /* @__PURE__ */ jsx("rect", { x: "10", y: "4", width: "6", height: "8", fill: accentColor || color, opacity: "0.6" }),
     /* @__PURE__ */ jsx("rect", { x: "16", y: "4", width: "4", height: "8", fill: color, opacity: "0.6" }),
@@ -8140,7 +8140,7 @@ const IndexIcon = createTechIcon(
   { displayName: "IndexIcon" }
 );
 const QueryIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "10", cy: "10", r: "6", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("path", { d: "M14 14l6 6", stroke: color, strokeWidth: "2", strokeLinecap: "round" }),
     /* @__PURE__ */ jsx("text", { x: "7", y: "12", fontSize: "5", fill: accentColor || color, children: "?" })
@@ -8148,7 +8148,7 @@ const QueryIcon = createTechIcon(
   { displayName: "QueryIcon" }
 );
 const TransactionIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "8", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("path", { d: "M8 8h8M12 8v8", stroke: accentColor || color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("path", { d: "M16 14l2 2 3-4", stroke: "#22c55e", strokeWidth: "1.5", fill: "none" })
@@ -8270,7 +8270,7 @@ const DataWarehouseIcon = createTechIcon(
   { displayName: "DataWarehouseIcon" }
 );
 const ETLIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "2", y: "8", width: "4", height: "6", fill: color, opacity: "0.6" }),
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "11", r: "3", fill: "none", stroke: accentColor || color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsx(
@@ -8287,7 +8287,7 @@ const ETLIcon = createTechIcon(
   { displayName: "ETLIcon" }
 );
 const SnowflakeIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M12 2v20M2 12h20M5 5l14 14M19 5L5 19", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsx(
       "path",
@@ -8357,7 +8357,7 @@ const RedshiftIcon = createTechIcon(
   { displayName: "RedshiftIcon" }
 );
 const DatabricksIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "6", height: "4", fill: color, opacity: "0.6" }),
     /* @__PURE__ */ jsx("rect", { x: "12", y: "4", width: "8", height: "4", fill: color, opacity: "0.6" }),
     /* @__PURE__ */ jsx("rect", { x: "4", y: "10", width: "8", height: "4", fill: accentColor || color, opacity: "0.7" }),
@@ -8749,7 +8749,7 @@ const LoadBalancerIcon = createTechIcon(
   { displayName: "LoadBalancerIcon" }
 );
 const GatewayIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M4 20V8a8 8 0 0 1 16 0v12", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("path", { d: "M8 20V12M12 20V10M16 20V12", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "6", r: "2", fill: accentColor || color })
@@ -8778,7 +8778,7 @@ const ProxyIcon = createTechIcon(
   { displayName: "ProxyIcon" }
 );
 const WiFiIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("path", { d: "M12 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4z", fill: color }),
     /* @__PURE__ */ jsx("path", { d: "M6 14c3-3 9-3 12 0", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("path", { d: "M2 10c5-5 15-5 20 0", fill: "none", stroke: accentColor || color, strokeWidth: "2" })
@@ -8786,7 +8786,7 @@ const WiFiIcon = createTechIcon(
   { displayName: "WiFiIcon" }
 );
 const BluetoothIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  ({ color, accentColor: _accentColor, variant: _variant }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     "path",
     {
       d: "M6 6l12 12M6 18l6-6V2l6 6-6 6-6-6 6-6",
@@ -8827,7 +8827,7 @@ const EthernetIcon = createTechIcon(
   { displayName: "EthernetIcon" }
 );
 const CellularIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "4", y: "16", width: "3", height: "4", fill: color }),
     /* @__PURE__ */ jsx("rect", { x: "8", y: "12", width: "3", height: "8", fill: color }),
     /* @__PURE__ */ jsx("rect", { x: "12", y: "8", width: "3", height: "12", fill: accentColor || color }),
@@ -8884,7 +8884,7 @@ const IPAddressIcon = createTechIcon(
   { displayName: "IPAddressIcon" }
 );
 const SubnetIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("path", { d: "M4 12h16M12 4v16", stroke: color, strokeWidth: "1", strokeDasharray: "2 2" }),
     /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "1.5", fill: accentColor || color }),
@@ -8939,7 +8939,7 @@ const BandwidthIcon = createTechIcon(
   { displayName: "BandwidthIcon" }
 );
 const LatencyIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "8", fill: "none", stroke: color, strokeWidth: "2" }),
     /* @__PURE__ */ jsx("path", { d: "M12 6v6l4 2", stroke: accentColor || color, strokeWidth: "2", strokeLinecap: "round" }),
     /* @__PURE__ */ jsx("text", { x: "8", y: "22", fontSize: "4", fill: color, children: "ms" })
@@ -9711,7 +9711,7 @@ const CacheIcon = createTechIcon(
   { displayName: "CacheIcon" }
 );
 const CDNIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9", fill: "none", stroke: color, strokeWidth: "1.5" }),
     /* @__PURE__ */ jsx("ellipse", { cx: "12", cy: "12", rx: "4", ry: "9", fill: "none", stroke: color, strokeWidth: "1" }),
     /* @__PURE__ */ jsx("path", { d: "M3 12h18", stroke: color, strokeWidth: "1" }),
@@ -9784,7 +9784,7 @@ const SDKIcon = createTechIcon(
   { displayName: "SDKIcon" }
 );
 const WebhookIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -10195,7 +10195,7 @@ const JetBrainsIcon = createTechIcon(
   { displayName: "JetBrainsIcon" }
 );
 const VimIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -10212,7 +10212,7 @@ const VimIcon = createTechIcon(
   { displayName: "VimIcon" }
 );
 const SublimeIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  ({ color, accentColor: _accentColor, variant: _variant }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ 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",
@@ -10345,7 +10345,7 @@ const GitIcon = createTechIcon(
   { displayName: "GitIcon" }
 );
 const GitHubIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ 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",
@@ -10760,7 +10760,7 @@ const ESLintIcon = createTechIcon(
   { displayName: "ESLintIcon" }
 );
 const PrettierIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -10777,7 +10777,7 @@ const PrettierIcon = createTechIcon(
   { displayName: "PrettierIcon" }
 );
 const StyleLintIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "path",
       {
@@ -10830,7 +10830,7 @@ const DebuggerIcon = createTechIcon(
   { displayName: "DebuggerIcon" }
 );
 const BreakpointIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("text", { x: "2", y: "8", fontSize: "5", fill: color, opacity: "0.5", children: "1" }),
     /* @__PURE__ */ jsx("text", { x: "2", y: "14", fontSize: "5", fill: color, opacity: "0.5", children: "2" }),
     /* @__PURE__ */ jsx("text", { x: "2", y: "20", fontSize: "5", fill: color, opacity: "0.5", children: "3" }),
@@ -10840,7 +10840,7 @@ const BreakpointIcon = createTechIcon(
   { displayName: "BreakpointIcon" }
 );
 const ProfilerIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  ({ color, accentColor, variant: _variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("rect", { x: "4", y: "12", width: "3", height: "8", fill: color }),
     /* @__PURE__ */ jsx("rect", { x: "7", y: "8", width: "3", height: "12", fill: accentColor || color }),
     /* @__PURE__ */ jsx("rect", { x: "10", y: "4", width: "3", height: "16", fill: color }),
@@ -10936,7 +10936,7 @@ const KeyboardShortcutIcon = createTechIcon(
   { displayName: "KeyboardShortcutIcon" }
 );
 const ExtensionIcon = createTechIcon(
-  ({ color, accentColor, variant }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  ({ color, accentColor: _accentColor, variant }) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ 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",