@industry-theme/repository-composition-panels 0.7.17 → 0.7.19

package/dist/{browserAll-BWR83R0-.js → browserAll-BUMR0fG_.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-BsDrFty7.js";
-import "./init-BViSvzO2.js";
+import { e as extensions, A as AccessibilitySystem, C as Container, b as accessibilityTarget, E as EventSystem, c as FederatedContainer } from "./index-DT3TCpPt.js";
+import "./init-Bl0dzRfB.js";
 extensions.add(AccessibilitySystem);
 extensions.mixin(Container, accessibilityTarget);
 extensions.add(EventSystem);
 extensions.mixin(Container, FederatedContainer);
-//# sourceMappingURL=browserAll-BWR83R0-.js.map
+//# sourceMappingURL=browserAll-BUMR0fG_.js.map

package/dist/{browserAll-BWR83R0-.js.map → browserAll-BUMR0fG_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"browserAll-BWR83R0-.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-BUMR0fG_.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-BsDrFty7.js → index-DT3TCpPt.js}

@@ -106207,7 +106207,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-BWR83R0-.js");
+    await import("./browserAll-BUMR0fG_.js");
   }
 };
 const webworkerExt = {
@@ -106218,7 +106218,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-DkB5mV_6.js");
+    await import("./webworkerAll-5PoCpT2p.js");
   }
 };
 class ObservablePoint {
@@ -153890,6 +153890,75 @@ const TelemetryCoveragePanel = ({ context: context2, events }) => {
 };
 const ISO_TILE_WIDTH = 64;
 const ISO_TILE_HEIGHT = 32;
+const licenseBorderColors = {
+  MIT: "#228b22",
+  // Forest green - open/welcoming
+  BSD: "#228b22",
+  // Same as MIT
+  "BSD-3-Clause": "#228b22",
+  ISC: "#228b22",
+  "Apache-2.0": "#d97706",
+  // Amber/orange - formal but welcoming
+  "GPL-3.0": "#2255aa",
+  // GNU blue
+  "LGPL-3.0": "#2255aa",
+  "GPL-2.0": "#2255aa",
+  "AGPL-3.0": "#2255aa",
+  "MPL-2.0": "#8b5cf6",
+  // Purple
+  UNLICENSED: "#dc2626"
+  // Red - restrictive
+};
+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"
+  }
+};
 function parseColor(color2) {
   if (typeof color2 === "number") return color2;
   return parseInt(color2.replace("#", ""), 16);
@@ -153952,6 +154021,7 @@ const RepoSprite = ({
   license,
   label,
   variant = "default",
+  cardTheme = "blue",
   width = 200,
   height = 200,
   backgroundColor,
@@ -154144,188 +154214,299 @@ const RepoSprite = ({
     onPackageHoverEnd
   ]);
   if (variant === "card") {
+    const colors = cardThemes[cardTheme];
+    const licenseBorder = license ? licenseBorderColors[license] : null;
     return /* @__PURE__ */ jsxs(
       "div",
       {
         style: {
+          position: "relative",
           display: "flex",
           flexDirection: "column",
-          backgroundColor: theme2.colors.backgroundSecondary,
-          padding: "16px",
-          border: `2px solid ${theme2.colors.border}`,
+          backgroundColor: colors.cardBg,
+          padding: "28px 12px 12px 12px",
+          border: `${licenseBorder ? "5px" : "3px"} solid ${licenseBorder || colors.cardBorder}`,
           width: "100%",
           height: "100%",
-          boxSizing: "border-box"
+          boxSizing: "border-box",
+          overflow: "hidden",
+          boxShadow: licenseBorder ? `inset 0 0 0 2px ${licenseBorder}40, 0 0 8px ${licenseBorder}60` : `inset 0 0 0 2px ${colors.cardHighlight}`
         },
         children: [
-          /* @__PURE__ */ jsx(
+          packages && packages.length > 1 && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                top: "6px",
+                left: "8px",
+                display: "flex",
+                alignItems: "center",
+                gap: "6px",
+                zIndex: 10
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "14px",
+                      fontWeight: theme2.fontWeights.bold,
+                      color: "#a78bfa",
+                      textShadow: "0 1px 2px rgba(0,0,0,0.5)",
+                      fontFamily: theme2.fonts.body
+                    },
+                    children: "Monorepo"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "14px",
+                      fontWeight: theme2.fontWeights.bold,
+                      color: "#ffffff",
+                      textShadow: "0 1px 2px rgba(0,0,0,0.5)",
+                      fontFamily: theme2.fonts.body
+                    },
+                    children: packages.length
+                  }
+                )
+              ]
+            }
+          ),
+          stars !== void 0 && stars > 0 && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                top: "6px",
+                right: "8px",
+                display: "flex",
+                alignItems: "center",
+                gap: "4px",
+                zIndex: 10
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "10px",
+                      fontWeight: theme2.fontWeights.bold,
+                      color: "#fbbf24",
+                      textShadow: "0 1px 2px rgba(0,0,0,0.5)"
+                    },
+                    children: "★"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "16px",
+                      fontWeight: theme2.fontWeights.bold,
+                      color: "#ffffff",
+                      textShadow: "0 1px 2px rgba(0,0,0,0.5)",
+                      fontFamily: theme2.fonts.body
+                    },
+                    children: formatCount(stars)
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
             "div",
             {
-              ref: containerRef,
               style: {
                 flex: 1,
-                minHeight: height,
+                minHeight: 0,
+                position: "relative",
+                background: `linear-gradient(180deg, ${colors.windowGradient[0]} 0%, ${colors.windowGradient[1]} 100%)`,
+                border: `2px solid ${colors.cardHighlight}`,
+                boxShadow: "inset 0 2px 4px rgba(0,0,0,0.3)",
+                overflow: "hidden",
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center"
-              }
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      position: "absolute",
+                      inset: 0,
+                      pointerEvents: "none",
+                      backgroundImage: `
+                radial-gradient(1px 1px at 10% 15%, rgba(255,255,255,0.4) 50%, transparent 50%),
+                radial-gradient(1px 1px at 25% 35%, rgba(255,255,255,0.3) 50%, transparent 50%),
+                radial-gradient(1px 1px at 40% 10%, rgba(255,255,255,0.35) 50%, transparent 50%),
+                radial-gradient(1px 1px at 55% 45%, rgba(255,255,255,0.25) 50%, transparent 50%),
+                radial-gradient(1px 1px at 70% 20%, rgba(255,255,255,0.4) 50%, transparent 50%),
+                radial-gradient(1px 1px at 85% 40%, rgba(255,255,255,0.3) 50%, transparent 50%),
+                radial-gradient(1px 1px at 15% 55%, rgba(255,255,255,0.35) 50%, transparent 50%),
+                radial-gradient(1px 1px at 35% 70%, rgba(255,255,255,0.25) 50%, transparent 50%),
+                radial-gradient(1px 1px at 50% 85%, rgba(255,255,255,0.4) 50%, transparent 50%),
+                radial-gradient(1px 1px at 65% 60%, rgba(255,255,255,0.3) 50%, transparent 50%),
+                radial-gradient(1px 1px at 80% 75%, rgba(255,255,255,0.35) 50%, transparent 50%),
+                radial-gradient(1px 1px at 95% 90%, rgba(255,255,255,0.25) 50%, transparent 50%),
+                radial-gradient(1.5px 1.5px at 20% 25%, rgba(255,255,255,0.5) 50%, transparent 50%),
+                radial-gradient(1.5px 1.5px at 60% 30%, rgba(200,220,255,0.45) 50%, transparent 50%),
+                radial-gradient(1.5px 1.5px at 45% 65%, rgba(255,255,255,0.5) 50%, transparent 50%),
+                radial-gradient(1.5px 1.5px at 75% 80%, rgba(220,200,255,0.45) 50%, transparent 50%),
+                radial-gradient(2px 2px at 30% 50%, rgba(255,255,255,0.6) 50%, transparent 50%),
+                radial-gradient(2px 2px at 70% 55%, rgba(200,220,255,0.55) 50%, transparent 50%),
+                radial-gradient(2px 2px at 90% 15%, rgba(255,255,255,0.6) 50%, transparent 50%)
+              `,
+                      backgroundSize: "100% 100%"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    ref: containerRef,
+                    style: {
+                      width: "100%",
+                      height: "100%",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center"
+                    }
+                  }
+                )
+              ]
             }
           ),
-          /* @__PURE__ */ jsxs("div", { style: { marginTop: "12px", textAlign: "center" }, children: [
-            label && /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: {
-                  fontSize: theme2.fontSizes[2],
-                  fontWeight: theme2.fontWeights.semibold,
-                  color: theme2.colors.text,
-                  marginBottom: "8px",
-                  fontFamily: theme2.fonts.body
-                },
-                children: label
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  justifyContent: "center",
-                  gap: "16px",
-                  fontSize: theme2.fontSizes[1],
-                  color: theme2.colors.textSecondary,
-                  fontFamily: theme2.fonts.body
-                },
-                children: [
-                  files !== void 0 && files > 0 && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      style: { display: "flex", alignItems: "center", gap: "4px" },
-                      children: [
-                        /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "#64748b", children: /* @__PURE__ */ jsx(
-                          "path",
-                          {
-                            d: "M3 1h7l3 3v11H3V1zm7 0v3h3M5 8h6M5 11h6",
-                            stroke: "#64748b",
-                            strokeWidth: "1",
-                            fill: "none"
-                          }
-                        ) }),
-                        formatCount(files)
-                      ]
-                    }
-                  ),
-                  packages && packages.length > 1 && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      style: { display: "flex", alignItems: "center", gap: "4px" },
-                      children: [
-                        /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", children: [
-                          /* @__PURE__ */ jsx(
-                            "path",
-                            {
-                              d: "M8 1L14 4v8l-6 3-6-3V4l6-3z",
-                              stroke: "#8b5cf6",
-                              strokeWidth: "1.5"
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                marginTop: "8px",
+                padding: "8px",
+                background: `linear-gradient(180deg, ${colors.panelGradient[0]} 0%, ${colors.panelGradient[1]} 100%)`,
+                border: `1px solid ${colors.panelBorder}`,
+                flexShrink: 0
+              },
+              children: [
+                label && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      fontSize: theme2.fontSizes[2],
+                      fontWeight: theme2.fontWeights.bold,
+                      color: "#ffffff",
+                      marginBottom: "6px",
+                      fontFamily: theme2.fonts.body,
+                      whiteSpace: "nowrap",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      textShadow: "0 1px 2px rgba(0,0,0,0.3)",
+                      textAlign: "center"
+                    },
+                    children: label
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      justifyContent: "center",
+                      flexWrap: "wrap",
+                      gap: "10px",
+                      fontSize: theme2.fontSizes[1],
+                      color: "#e0e0e0",
+                      fontFamily: theme2.fonts.body
+                    },
+                    children: files !== void 0 && files > 0 && /* @__PURE__ */ jsxs(
+                      "span",
+                      {
+                        style: { display: "flex", alignItems: "center", gap: "4px" },
+                        children: [
+                          /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "#94a3b8", children: /* @__PURE__ */ jsx(
                             "path",
                             {
-                              d: "M8 8v7M8 8l6-3M8 8L2 5",
-                              stroke: "#8b5cf6",
-                              strokeWidth: "1"
+                              d: "M3 1h7l3 3v11H3V1zm7 0v3h3M5 8h6M5 11h6",
+                              stroke: "#94a3b8",
+                              strokeWidth: "1",
+                              fill: "none"
                             }
-                          )
-                        ] }),
-                        packages.length
-                      ]
-                    }
-                  ),
-                  stars !== void 0 && stars > 0 && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      style: { display: "flex", alignItems: "center", gap: "4px" },
-                      children: [
-                        /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "#fbbf24", children: /* @__PURE__ */ jsx("path", { d: "M8 1l2.2 4.4 4.8.7-3.5 3.4.8 4.8L8 12l-4.3 2.3.8-4.8L1 6.1l4.8-.7L8 1z" }) }),
-                        formatCount(stars)
-                      ]
-                    }
-                  ),
-                  collaborators !== void 0 && collaborators > 0 && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      style: { display: "flex", alignItems: "center", gap: "4px" },
-                      children: [
-                        /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "#22c55e", children: [
-                          /* @__PURE__ */ jsx("circle", { cx: "5", cy: "5", r: "2.5" }),
-                          /* @__PURE__ */ jsx("circle", { cx: "11", cy: "5", r: "2.5" }),
-                          /* @__PURE__ */ jsx("path", { d: "M1 14c0-2.5 2-4 4-4s4 1.5 4 4M7 14c0-2.5 2-4 4-4s4 1.5 4 4" })
-                        ] }),
-                        formatCount(collaborators)
-                      ]
-                    }
-                  ),
-                  license && /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      style: {
-                        backgroundColor: theme2.colors.backgroundTertiary,
-                        padding: "2px 6px",
-                        borderRadius: "4px",
-                        fontSize: theme2.fontSizes[0]
-                      },
-                      children: license
-                    }
-                  )
-                ]
-              }
-            ),
-            packages && packages.length > 1 && /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: {
-                  marginTop: "8px",
-                  display: "flex",
-                  flexWrap: "wrap",
-                  justifyContent: "center",
-                  gap: "4px"
-                },
-                children: [
-                  packages.slice(0, 6).map((pkg, i2) => /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      style: {
-                        fontSize: theme2.fontSizes[0],
-                        color: theme2.colors.textSecondary,
-                        backgroundColor: theme2.colors.backgroundTertiary,
-                        padding: "2px 6px",
-                        fontFamily: theme2.fonts.body,
-                        borderLeft: `2px solid ${typeof pkg.color === "string" ? pkg.color : `#${(pkg.color || 8947848).toString(16).padStart(6, "0")}`}`
-                      },
-                      children: pkg.name
+                          ) }),
+                          formatCount(files)
+                        ]
+                      }
+                    )
+                  }
+                ),
+                packages && packages.length > 1 && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      marginTop: "6px",
+                      display: "flex",
+                      flexWrap: "wrap",
+                      justifyContent: "center",
+                      gap: "4px"
                     },
-                    i2
-                  )),
-                  packages.length > 6 && /* @__PURE__ */ jsxs(
-                    "span",
-                    {
-                      style: {
-                        fontSize: theme2.fontSizes[0],
-                        color: theme2.colors.textSecondary,
-                        fontFamily: theme2.fonts.body
-                      },
-                      children: [
-                        "+",
-                        packages.length - 6,
-                        " more"
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          ] })
+                    children: [
+                      packages.slice(0, 6).map((pkg, i2) => /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          style: {
+                            fontSize: theme2.fontSizes[0],
+                            color: "#e0e0e0",
+                            backgroundColor: "rgba(0,0,0,0.2)",
+                            padding: "2px 6px",
+                            borderRadius: "3px",
+                            fontFamily: theme2.fonts.body,
+                            borderLeft: `2px solid ${typeof pkg.color === "string" ? pkg.color : `#${(pkg.color || 8947848).toString(16).padStart(6, "0")}`}`
+                          },
+                          children: pkg.name
+                        },
+                        i2
+                      )),
+                      packages.length > 6 && /* @__PURE__ */ jsxs(
+                        "span",
+                        {
+                          style: {
+                            fontSize: theme2.fontSizes[0],
+                            color: "#a0a0a0",
+                            fontFamily: theme2.fonts.body
+                          },
+                          children: [
+                            "+",
+                            packages.length - 6,
+                            " more"
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          license && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                bottom: "-3px",
+                right: "-3px",
+                backgroundColor: licenseBorder || colors.cardHighlight,
+                padding: "3px 10px",
+                borderRadius: "3px 0 0 0",
+                fontSize: theme2.fontSizes[0],
+                fontWeight: theme2.fontWeights.bold,
+                color: "#ffffff",
+                textShadow: "0 1px 1px rgba(0,0,0,0.3)"
+              },
+              children: license
+            }
+          )
         ]
       }
     );
@@ -154505,4 +154686,4 @@ export {
   TelemetryCoveragePanelPreview as y,
   CollectionMapPanel as z
 };
-//# sourceMappingURL=index-BsDrFty7.js.map
+//# sourceMappingURL=index-DT3TCpPt.js.map