@industry-theme/repository-composition-panels 0.7.24 → 0.7.26

package/dist/{browserAll-B8SGpKNH.js → browserAll-CIuBn_fB.js}

@@ -1,7 +1,7 @@
-import { e as extensions, A as AccessibilitySystem, C as Container, b as accessibilityTarget, E as EventSystem, c as FederatedContainer } from "./index-Du-HFyPY.js";
-import "./init-BU3NCsD0.js";
+import { e as extensions, A as AccessibilitySystem, C as Container, b as accessibilityTarget, E as EventSystem, c as FederatedContainer } from "./index-BinFidNv.js";
+import "./init-DKPYQNFU.js";
 extensions.add(AccessibilitySystem);
 extensions.mixin(Container, accessibilityTarget);
 extensions.add(EventSystem);
 extensions.mixin(Container, FederatedContainer);
-//# sourceMappingURL=browserAll-B8SGpKNH.js.map
+//# sourceMappingURL=browserAll-CIuBn_fB.js.map

package/dist/{browserAll-B8SGpKNH.js.map → browserAll-CIuBn_fB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"browserAll-B8SGpKNH.js","sources":["../node_modules/pixi.js/lib/accessibility/init.mjs","../node_modules/pixi.js/lib/events/init.mjs"],"sourcesContent":["import { extensions } from '../extensions/Extensions.mjs';\nimport { Container } from '../scene/container/Container.mjs';\nimport { AccessibilitySystem } from './AccessibilitySystem.mjs';\nimport { accessibilityTarget } from './accessibilityTarget.mjs';\n\n\"use strict\";\nextensions.add(AccessibilitySystem);\nextensions.mixin(Container, accessibilityTarget);\n//# sourceMappingURL=init.mjs.map\n","import { extensions } from '../extensions/Extensions.mjs';\nimport { Container } from '../scene/container/Container.mjs';\nimport { EventSystem } from './EventSystem.mjs';\nimport { FederatedContainer } from './FederatedEventTarget.mjs';\n\n\"use strict\";\nextensions.add(EventSystem);\nextensions.mixin(Container, FederatedContainer);\n//# sourceMappingURL=init.mjs.map\n"],"names":[],"mappings":";;AAMA,WAAW,IAAI,mBAAmB;AAClC,WAAW,MAAM,WAAW,mBAAmB;ACD/C,WAAW,IAAI,WAAW;AAC1B,WAAW,MAAM,WAAW,kBAAkB;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"browserAll-CIuBn_fB.js","sources":["../node_modules/pixi.js/lib/accessibility/init.mjs","../node_modules/pixi.js/lib/events/init.mjs"],"sourcesContent":["import { extensions } from '../extensions/Extensions.mjs';\nimport { Container } from '../scene/container/Container.mjs';\nimport { AccessibilitySystem } from './AccessibilitySystem.mjs';\nimport { accessibilityTarget } from './accessibilityTarget.mjs';\n\n\"use strict\";\nextensions.add(AccessibilitySystem);\nextensions.mixin(Container, accessibilityTarget);\n//# sourceMappingURL=init.mjs.map\n","import { extensions } from '../extensions/Extensions.mjs';\nimport { Container } from '../scene/container/Container.mjs';\nimport { EventSystem } from './EventSystem.mjs';\nimport { FederatedContainer } from './FederatedEventTarget.mjs';\n\n\"use strict\";\nextensions.add(EventSystem);\nextensions.mixin(Container, FederatedContainer);\n//# sourceMappingURL=init.mjs.map\n"],"names":[],"mappings":";;AAMA,WAAW,IAAI,mBAAmB;AAClC,WAAW,MAAM,WAAW,mBAAmB;ACD/C,WAAW,IAAI,WAAW;AAC1B,WAAW,MAAM,WAAW,kBAAkB;","x_google_ignoreList":[0,1]}

package/dist/{index-Du-HFyPY.js → index-BinFidNv.js}

@@ -106207,7 +106207,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-B8SGpKNH.js");
+    await import("./browserAll-CIuBn_fB.js");
   }
 };
 const webworkerExt = {
@@ -106218,7 +106218,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-C72I_Byi.js");
+    await import("./webworkerAll-CLYFrCAq.js");
   }
 };
 class ObservablePoint {
@@ -148732,6 +148732,43 @@ function generateCobblestoneGround(sizeMultiplier) {
   }
   return ground;
 }
+function generateNeutralGround(sizeMultiplier) {
+  const footprint = calculateFootprint(sizeMultiplier);
+  const ground = new Graphics();
+  const halfW = footprint.width;
+  const halfH = footprint.height;
+  const stoneBase = 9143160;
+  const stoneDark = 7037784;
+  const stoneLight = 10195848;
+  ground.moveTo(0, -halfH);
+  ground.lineTo(halfW, 0);
+  ground.lineTo(0, halfH);
+  ground.lineTo(-halfW, 0);
+  ground.closePath();
+  ground.fill(stoneBase);
+  const textureCount = Math.max(5, Math.floor(7 * sizeMultiplier));
+  for (let i2 = 0; i2 < textureCount; i2++) {
+    const angle = i2 / textureCount * Math.PI * 2;
+    const radius = 0.25 + i2 % 3 * 0.15;
+    const x2 = Math.cos(angle) * halfW * radius;
+    const y2 = Math.sin(angle) * halfH * radius;
+    const dotSize = Math.max(2, 3 * sizeMultiplier);
+    ground.circle(x2, y2, dotSize);
+    ground.fill(i2 % 2 === 0 ? stoneLight : stoneDark);
+  }
+  const pebbleSize = Math.max(1.5, 2 * sizeMultiplier);
+  const pebbleSpots = [
+    { x: -halfW * 0.3, y: -halfH * 0.15 },
+    { x: halfW * 0.25, y: halfH * 0.2 },
+    { x: -halfW * 0.15, y: halfH * 0.35 },
+    { x: halfW * 0.35, y: -halfH * 0.25 }
+  ];
+  for (const spot of pebbleSpots) {
+    ground.circle(spot.x, spot.y, pebbleSize);
+    ground.fill(stoneDark);
+  }
+  return ground;
+}
 function generateLicenseSign(license, config) {
   switch (license) {
     case "MIT":
@@ -149309,13 +149346,10 @@ class IsometricRenderer {
     }
     let licenseGround;
     let licenseSign;
+    const footprint = calculateFootprint(sizeMultiplier);
     if (node2.license) {
       const licenseType = node2.license;
-      const footprint = calculateFootprint(sizeMultiplier);
       licenseGround = generateLicenseGround(licenseType, sizeMultiplier);
-      licenseGround.x = screenX;
-      licenseGround.y = screenY;
-      licenseGround.zIndex = screenY;
       licenseSign = generateLicenseSign(licenseType, {
         name: node2.label,
         sizeMultiplier
@@ -149324,7 +149358,12 @@ class IsometricRenderer {
       licenseSign.y = screenY + footprint.height * 0.75;
       licenseSign.zIndex = container.zIndex + 0.15;
       label.visible = false;
+    } else {
+      licenseGround = generateNeutralGround(sizeMultiplier);
     }
+    licenseGround.x = screenX;
+    licenseGround.y = screenY;
+    licenseGround.zIndex = screenY;
     const instance = {
       sprite: container,
       // Container acts as the sprite
@@ -149370,9 +149409,9 @@ class IsometricRenderer {
           licenseGround.zIndex = pos.screenY;
         }
         if (licenseSign) {
-          const footprint = calculateFootprint(sizeMultiplier);
+          const footprint2 = calculateFootprint(sizeMultiplier);
           licenseSign.x = pos.screenX;
-          licenseSign.y = pos.screenY + footprint.height * 0.75;
+          licenseSign.y = pos.screenY + footprint2.height * 0.75;
           licenseSign.zIndex = getIsometricZIndex(gridX, gridY) + 0.15;
         }
         instance.gridPosition = { gridX, gridY };
@@ -149460,13 +149499,10 @@ class IsometricRenderer {
       label.zIndex = sprite.zIndex + 0.2;
       let licenseGround;
       let licenseSign;
+      const footprint = calculateFootprint(sizeMultiplier);
       if (node2.license) {
         const licenseType = node2.license;
-        const footprint = calculateFootprint(sizeMultiplier);
         licenseGround = generateLicenseGround(licenseType, sizeMultiplier);
-        licenseGround.x = screenX;
-        licenseGround.y = screenY;
-        licenseGround.zIndex = screenY;
         licenseSign = generateLicenseSign(licenseType, {
           name: node2.label,
           sizeMultiplier
@@ -149475,11 +149511,16 @@ class IsometricRenderer {
         licenseSign.y = screenY + footprint.height * 0.75;
         licenseSign.zIndex = sprite.zIndex + 0.15;
         label.visible = false;
+      } else {
+        licenseGround = generateNeutralGround(sizeMultiplier);
       }
+      licenseGround.x = screenX;
+      licenseGround.y = screenY;
+      licenseGround.zIndex = screenY;
       let ownerAvatar;
       if (node2.ownerAvatar) {
         try {
-          const footprint = calculateFootprint(sizeMultiplier);
+          const footprint2 = calculateFootprint(sizeMultiplier);
           const avatarSize = 24;
           ownerAvatar = new Container();
           const background = new Graphics();
@@ -149509,7 +149550,7 @@ class IsometricRenderer {
             ownerAvatar.addChild(avatar);
           }
           ownerAvatar.x = screenX;
-          ownerAvatar.y = screenY + footprint.height - avatarSize / 2;
+          ownerAvatar.y = screenY + footprint2.height - avatarSize / 2;
           ownerAvatar.zIndex = sprite.zIndex + 0.12;
         } catch {
           ownerAvatar = void 0;
@@ -149519,7 +149560,7 @@ class IsometricRenderer {
       if (node2.stars && node2.stars > 0) {
         const tier = getStarTier(node2.stars);
         if (tier) {
-          const footprint = calculateFootprint(sizeMultiplier);
+          const footprint2 = calculateFootprint(sizeMultiplier);
           starDecoration = new Container();
           let decoration;
           switch (tier.decorationType) {
@@ -149570,7 +149611,7 @@ class IsometricRenderer {
             countText.visible = false;
           });
           starDecoration.addChild(countText);
-          starDecoration.x = screenX - footprint.width / 2;
+          starDecoration.x = screenX - footprint2.width / 2;
           starDecoration.y = screenY;
           starDecoration.zIndex = sprite.zIndex + 0.11;
         }
@@ -149579,7 +149620,7 @@ class IsometricRenderer {
       if (node2.collaborators && node2.collaborators > 0) {
         const tier = getCollaboratorTier(node2.collaborators);
         if (tier) {
-          const footprint = calculateFootprint(sizeMultiplier);
+          const footprint2 = calculateFootprint(sizeMultiplier);
           collaboratorDecoration = new Container();
           let decoration;
           switch (tier.decorationType) {
@@ -149634,7 +149675,7 @@ class IsometricRenderer {
             countText.visible = false;
           });
           collaboratorDecoration.addChild(countText);
-          collaboratorDecoration.x = screenX + footprint.width / 2;
+          collaboratorDecoration.x = screenX + footprint2.width / 2;
           collaboratorDecoration.y = screenY;
           collaboratorDecoration.zIndex = sprite.zIndex + 0.11;
         }
@@ -149683,26 +149724,26 @@ class IsometricRenderer {
             licenseGround.zIndex = pos.screenY;
           }
           if (licenseSign) {
-            const footprint = calculateFootprint(sizeMultiplier);
+            const footprint2 = calculateFootprint(sizeMultiplier);
             licenseSign.x = pos.screenX;
-            licenseSign.y = pos.screenY + footprint.height * 0.75;
+            licenseSign.y = pos.screenY + footprint2.height * 0.75;
             licenseSign.zIndex = getIsometricZIndex(gridX, gridY) + 0.15;
           }
           if (ownerAvatar) {
-            const footprint = calculateFootprint(sizeMultiplier);
+            const footprint2 = calculateFootprint(sizeMultiplier);
             ownerAvatar.x = pos.screenX;
-            ownerAvatar.y = pos.screenY + footprint.height - 12;
+            ownerAvatar.y = pos.screenY + footprint2.height - 12;
             ownerAvatar.zIndex = getIsometricZIndex(gridX, gridY) + 0.12;
           }
           if (starDecoration) {
-            const footprint = calculateFootprint(sizeMultiplier);
-            starDecoration.x = pos.screenX - footprint.width / 2;
+            const footprint2 = calculateFootprint(sizeMultiplier);
+            starDecoration.x = pos.screenX - footprint2.width / 2;
             starDecoration.y = pos.screenY;
             starDecoration.zIndex = getIsometricZIndex(gridX, gridY) + 0.11;
           }
           if (collaboratorDecoration) {
-            const footprint = calculateFootprint(sizeMultiplier);
-            collaboratorDecoration.x = pos.screenX + footprint.width / 2;
+            const footprint2 = calculateFootprint(sizeMultiplier);
+            collaboratorDecoration.x = pos.screenX + footprint2.width / 2;
             collaboratorDecoration.y = pos.screenY;
             collaboratorDecoration.zIndex = getIsometricZIndex(gridX, gridY) + 0.11;
           }
@@ -153888,56 +153929,6 @@ const TelemetryCoveragePanel = ({ context: context2, events }) => {
     }
   );
 };
-const cardThemes = {
-  blue: {
-    cardBg: "#3b4a6b",
-    cardBorder: "#2a3654",
-    cardHighlight: "#4a5d8a",
-    windowGradient: ["#1a1a2e", "#16213e"],
-    panelGradient: ["#4a5d8a", "#3b4a6b"],
-    panelBorder: "#5a6d9a"
-  },
-  red: {
-    cardBg: "#6b3b3b",
-    cardBorder: "#542a2a",
-    cardHighlight: "#8a4a4a",
-    windowGradient: ["#2e1a1a", "#3e1616"],
-    panelGradient: ["#8a4a4a", "#6b3b3b"],
-    panelBorder: "#9a5a5a"
-  },
-  green: {
-    cardBg: "#3b6b4a",
-    cardBorder: "#2a5436",
-    cardHighlight: "#4a8a5d",
-    windowGradient: ["#1a2e1f", "#163e21"],
-    panelGradient: ["#4a8a5d", "#3b6b4a"],
-    panelBorder: "#5a9a6d"
-  },
-  purple: {
-    cardBg: "#5b3b6b",
-    cardBorder: "#442a54",
-    cardHighlight: "#7a4a8a",
-    windowGradient: ["#261a2e", "#30163e"],
-    panelGradient: ["#7a4a8a", "#5b3b6b"],
-    panelBorder: "#8a5a9a"
-  },
-  gold: {
-    cardBg: "#6b5a3b",
-    cardBorder: "#54462a",
-    cardHighlight: "#8a754a",
-    windowGradient: ["#2e271a", "#3e3216"],
-    panelGradient: ["#8a754a", "#6b5a3b"],
-    panelBorder: "#9a855a"
-  },
-  dark: {
-    cardBg: "#2a2a2a",
-    cardBorder: "#1a1a1a",
-    cardHighlight: "#3a3a3a",
-    windowGradient: ["#0a0a0a", "#151515"],
-    panelGradient: ["#3a3a3a", "#2a2a2a"],
-    panelBorder: "#4a4a4a"
-  }
-};
 const licenseBorderColors = {
   MIT: "#228b22",
   // Forest green - open/welcoming
@@ -153964,6 +153955,28 @@ function formatCount(count2) {
 }
 const ISO_TILE_WIDTH$1 = 64;
 const ISO_TILE_HEIGHT$1 = 32;
+function darkenColor$1(color2, percent) {
+  const r2 = Math.max(0, (color2 >> 16 & 255) * (1 - percent));
+  const g2 = Math.max(0, (color2 >> 8 & 255) * (1 - percent));
+  const b2 = Math.max(0, (color2 & 255) * (1 - percent));
+  return `#${Math.round(r2).toString(16).padStart(2, "0")}${Math.round(g2).toString(16).padStart(2, "0")}${Math.round(b2).toString(16).padStart(2, "0")}`;
+}
+function generateCardColors$1(baseColor) {
+  return {
+    cardBg: darkenColor$1(baseColor, 0.6),
+    cardBorder: darkenColor$1(baseColor, 0.7),
+    cardHighlight: darkenColor$1(baseColor, 0.4),
+    windowGradient: [
+      darkenColor$1(baseColor, 0.85),
+      darkenColor$1(baseColor, 0.8)
+    ],
+    panelGradient: [
+      darkenColor$1(baseColor, 0.4),
+      darkenColor$1(baseColor, 0.6)
+    ],
+    panelBorder: darkenColor$1(baseColor, 0.3)
+  };
+}
 function parseColor$1(color2) {
   if (typeof color2 === "number") return color2;
   return parseInt(color2.replace("#", ""), 16);
@@ -154021,6 +154034,7 @@ const RepoSprite = ({
   license,
   label,
   owner,
+  language: language2,
   variant = "default",
   cardTheme = "blue",
   width = 200,
@@ -154077,13 +154091,8 @@ const RepoSprite = ({
         boundary.stroke();
         mainContainer.addChild(boundary);
       }
-      if (license) {
-        const licenseGround = generateLicenseGround(
-          license,
-          size
-        );
-        mainContainer.addChild(licenseGround);
-      }
+      const ground = license ? generateLicenseGround(license, size) : generateNeutralGround(size);
+      mainContainer.addChild(ground);
       if (packages && packages.length > 1) {
         const positions = getPackagePositions$1(
           packages.length,
@@ -154215,7 +154224,8 @@ const RepoSprite = ({
     onPackageHoverEnd
   ]);
   if (variant === "card") {
-    const colors = cardThemes[cardTheme];
+    const baseColor = parseColor$1(color2);
+    const colors = generateCardColors$1(baseColor);
     const licenseBorder = license ? licenseBorderColors[license] : null;
     return /* @__PURE__ */ jsxs(
       "div",
@@ -154225,7 +154235,7 @@ const RepoSprite = ({
           display: "flex",
           flexDirection: "column",
           backgroundColor: colors.cardBg,
-          padding: "28px 12px 12px 12px",
+          padding: "36px 12px 20px 12px",
           border: `${licenseBorder ? "5px" : "3px"} solid ${licenseBorder || colors.cardBorder}`,
           width: "100%",
           height: "100%",
@@ -154239,8 +154249,8 @@ const RepoSprite = ({
             {
               style: {
                 position: "absolute",
-                top: "6px",
-                left: "8px",
+                top: "10px",
+                left: "10px",
                 display: "flex",
                 alignItems: "center",
                 gap: "6px",
@@ -154285,8 +154295,8 @@ const RepoSprite = ({
             {
               style: {
                 position: "absolute",
-                top: "6px",
-                right: "8px",
+                top: "10px",
+                right: "10px",
                 display: "flex",
                 alignItems: "center",
                 gap: "4px",
@@ -154389,7 +154399,7 @@ const RepoSprite = ({
             "div",
             {
               style: {
-                marginTop: "8px",
+                marginTop: "12px",
                 padding: "8px",
                 background: `linear-gradient(180deg, ${colors.panelGradient[0]} 0%, ${colors.panelGradient[1]} 100%)`,
                 border: `1px solid ${colors.panelBorder}`,
@@ -154494,6 +154504,22 @@ const RepoSprite = ({
               ]
             }
           ),
+          language2 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                bottom: "4px",
+                left: "8px",
+                fontSize: theme2.fontSizes[0],
+                fontWeight: theme2.fontWeights.medium,
+                color: "#e0e0e0",
+                textShadow: "0 1px 1px rgba(0,0,0,0.3)",
+                fontFamily: theme2.fonts.body
+              },
+              children: language2
+            }
+          ),
           license && /* @__PURE__ */ jsx(
             "div",
             {
@@ -154615,7 +154641,7 @@ const RepoCard = ({
   onPackageHover,
   onPackageHoverEnd
 }) => {
-  var _a, _b, _c, _d, _e2;
+  var _a, _b, _c, _d, _e2, _f;
   const size = sizeOverride ?? calculateRepositorySize(repository.metrics);
   const color2 = colorOverride ?? getRepositoryColor$1(repository);
   const packages = transformPackages(repository.packages);
@@ -154629,6 +154655,7 @@ const RepoCard = ({
     license: (_d = repository.github) == null ? void 0 : _d.license,
     label: repository.name,
     owner: (_e2 = repository.github) == null ? void 0 : _e2.owner,
+    language: (_f = repository.github) == null ? void 0 : _f.primaryLanguage,
     variant,
     cardTheme,
     width,
@@ -154769,10 +154796,8 @@ async function renderSpriteInternal(options) {
     boundary.stroke();
     mainContainer.addChild(boundary);
   }
-  if (license) {
-    const licenseGround = generateLicenseGround(license, size);
-    mainContainer.addChild(licenseGround);
-  }
+  const ground = license ? generateLicenseGround(license, size) : generateNeutralGround(size);
+  mainContainer.addChild(ground);
   if (packages && packages.length > 1) {
     const positions = getPackagePositions(
       packages.length,
@@ -154962,6 +154987,28 @@ function hashStringToColor(str2) {
   };
   return (f2(0) << 16) + (f2(8) << 8) + f2(4);
 }
+function darkenColor(color2, percent) {
+  const r2 = Math.max(0, (color2 >> 16 & 255) * (1 - percent));
+  const g2 = Math.max(0, (color2 >> 8 & 255) * (1 - percent));
+  const b2 = Math.max(0, (color2 & 255) * (1 - percent));
+  return `#${Math.round(r2).toString(16).padStart(2, "0")}${Math.round(g2).toString(16).padStart(2, "0")}${Math.round(b2).toString(16).padStart(2, "0")}`;
+}
+function generateCardColors(baseColor) {
+  return {
+    cardBg: darkenColor(baseColor, 0.6),
+    cardBorder: darkenColor(baseColor, 0.7),
+    cardHighlight: darkenColor(baseColor, 0.4),
+    windowGradient: [
+      darkenColor(baseColor, 0.85),
+      darkenColor(baseColor, 0.8)
+    ],
+    panelGradient: [
+      darkenColor(baseColor, 0.4),
+      darkenColor(baseColor, 0.6)
+    ],
+    panelBorder: darkenColor(baseColor, 0.3)
+  };
+}
 function getRepositoryColor(repository) {
   var _a;
   if (repository.bookColor) {
@@ -154984,17 +155031,17 @@ const RepoCardStatic = ({
   height = 280,
   spriteSize = 160
 }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e2;
   const { theme: theme2 } = useTheme();
   const [spriteDataUrl, setSpriteDataUrl] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
-  const colors = cardThemes[cardTheme];
   const license = (_a = repository.github) == null ? void 0 : _a.license;
   const licenseBorder = license ? licenseBorderColors[license] : null;
   const stars = (_b = repository.github) == null ? void 0 : _b.stars;
   const files = (_c = repository.metrics) == null ? void 0 : _c.fileCount;
   const size = calculateRepositorySize(repository.metrics);
   const color2 = getRepositoryColor(repository);
+  const colors = generateCardColors(color2);
   useEffect(() => {
     let mounted = true;
     async function renderSprite() {
@@ -155035,7 +155082,7 @@ const RepoCardStatic = ({
         display: "flex",
         flexDirection: "column",
         backgroundColor: colors.cardBg,
-        padding: "28px 12px 12px 12px",
+        padding: "36px 12px 20px 12px",
         border: `${licenseBorder ? "5px" : "3px"} solid ${licenseBorder || colors.cardBorder}`,
         width,
         height,
@@ -155049,8 +155096,8 @@ const RepoCardStatic = ({
           {
             style: {
               position: "absolute",
-              top: "6px",
-              left: "8px",
+              top: "10px",
+              left: "10px",
               display: "flex",
               alignItems: "center",
               gap: "6px",
@@ -155095,8 +155142,8 @@ const RepoCardStatic = ({
           {
             style: {
               position: "absolute",
-              top: "6px",
-              right: "8px",
+              top: "10px",
+              right: "10px",
               display: "flex",
               alignItems: "center",
               gap: "4px",
@@ -155220,7 +155267,7 @@ const RepoCardStatic = ({
           "div",
           {
             style: {
-              marginTop: "8px",
+              marginTop: "12px",
               padding: "8px",
               background: `linear-gradient(180deg, ${colors.panelGradient[0]} 0%, ${colors.panelGradient[1]} 100%)`,
               border: `1px solid ${colors.panelBorder}`,
@@ -155320,6 +155367,22 @@ const RepoCardStatic = ({
             ]
           }
         ),
+        ((_e2 = repository.github) == null ? void 0 : _e2.primaryLanguage) && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              bottom: "4px",
+              left: "8px",
+              fontSize: theme2.fontSizes[0],
+              fontWeight: theme2.fontWeights.medium,
+              color: "#e0e0e0",
+              textShadow: "0 1px 1px rgba(0,0,0,0.3)",
+              fontFamily: theme2.fonts.body
+            },
+            children: repository.github.primaryLanguage
+          }
+        ),
         license && /* @__PURE__ */ jsx(
           "div",
           {
@@ -155512,4 +155575,4 @@ export {
   RepoCardStatic as y,
   renderSpriteToDataUrl as z
 };
-//# sourceMappingURL=index-Du-HFyPY.js.map
+//# sourceMappingURL=index-BinFidNv.js.map