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

package/dist/{browserAll-BM_t45Ek.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-BxddM8lM.js";
-import "./init-B7PWGH3z.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-BM_t45Ek.js.map
+//# sourceMappingURL=browserAll-CIuBn_fB.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"browserAll-BM_t45Ek.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-BxddM8lM.js → index-BinFidNv.js}

@@ -106207,7 +106207,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-BM_t45Ek.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-DpyaP0Cp.js");
+    await import("./webworkerAll-CLYFrCAq.js");
   }
 };
 class ObservablePoint {
@@ -153929,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
@@ -154005,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);
@@ -154062,6 +154034,7 @@ const RepoSprite = ({
   license,
   label,
   owner,
+  language: language2,
   variant = "default",
   cardTheme = "blue",
   width = 200,
@@ -154251,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",
@@ -154261,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%",
@@ -154275,8 +154249,8 @@ const RepoSprite = ({
             {
               style: {
                 position: "absolute",
-                top: "6px",
-                left: "8px",
+                top: "10px",
+                left: "10px",
                 display: "flex",
                 alignItems: "center",
                 gap: "6px",
@@ -154321,8 +154295,8 @@ const RepoSprite = ({
             {
               style: {
                 position: "absolute",
-                top: "6px",
-                right: "8px",
+                top: "10px",
+                right: "10px",
                 display: "flex",
                 alignItems: "center",
                 gap: "4px",
@@ -154425,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}`,
@@ -154530,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",
             {
@@ -154651,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);
@@ -154665,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,
@@ -154996,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) {
@@ -155018,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() {
@@ -155069,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,
@@ -155083,8 +155096,8 @@ const RepoCardStatic = ({
           {
             style: {
               position: "absolute",
-              top: "6px",
-              left: "8px",
+              top: "10px",
+              left: "10px",
               display: "flex",
               alignItems: "center",
               gap: "6px",
@@ -155129,8 +155142,8 @@ const RepoCardStatic = ({
           {
             style: {
               position: "absolute",
-              top: "6px",
-              right: "8px",
+              top: "10px",
+              right: "10px",
               display: "flex",
               alignItems: "center",
               gap: "4px",
@@ -155254,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}`,
@@ -155354,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",
           {
@@ -155546,4 +155575,4 @@ export {
   RepoCardStatic as y,
   renderSpriteToDataUrl as z
 };
-//# sourceMappingURL=index-BxddM8lM.js.map
+//# sourceMappingURL=index-BinFidNv.js.map