@industry-theme/repository-composition-panels 0.7.35 → 0.7.36

package/dist/{browserAll-D9W2oN91.js → browserAll-C6cmVpvb.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-BB-9j583.js";
-import "./init-DW6JtG6v.js";
+import { e as extensions, A as AccessibilitySystem, C as Container, b as accessibilityTarget, E as EventSystem, c as FederatedContainer } from "./index-ByuCPpD5.js";
+import "./init-VjnkF7H_.js";
 extensions.add(AccessibilitySystem);
 extensions.mixin(Container, accessibilityTarget);
 extensions.add(EventSystem);
 extensions.mixin(Container, FederatedContainer);
-//# sourceMappingURL=browserAll-D9W2oN91.js.map
+//# sourceMappingURL=browserAll-C6cmVpvb.js.map

package/dist/{browserAll-D9W2oN91.js.map → browserAll-C6cmVpvb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"browserAll-D9W2oN91.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-C6cmVpvb.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-BB-9j583.js → index-ByuCPpD5.js}

@@ -106214,7 +106214,7 @@ const browserExt = {
   },
   test: () => true,
   load: async () => {
-    await import("./browserAll-D9W2oN91.js");
+    await import("./browserAll-C6cmVpvb.js");
   }
 };
 const webworkerExt = {
@@ -106225,7 +106225,7 @@ const webworkerExt = {
   },
   test: () => typeof self !== "undefined" && self.WorkerGlobalScope !== void 0,
   load: async () => {
-    await import("./webworkerAll-DYTiYeCA.js");
+    await import("./webworkerAll-tUMWitmN.js");
   }
 };
 class ObservablePoint {
@@ -154064,6 +154064,66 @@ const STARFIELD_BACKGROUND = `
   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%)
 `;
+const NAME_PLATE_CONFIGS = {
+  flat: {
+    usesClipPath: false,
+    borderRadius: 0
+  },
+  ribbon: {
+    usesClipPath: true,
+    clipPath: "polygon(12px 0%, calc(100% - 12px) 0%, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0% 50%)",
+    extraPadding: { left: 12, right: 12 }
+  },
+  rounded: {
+    usesClipPath: false,
+    borderRadius: "14px"
+  },
+  notched: {
+    usesClipPath: true,
+    clipPath: "polygon(0% 6px, 6px 6px, 6px 0%, calc(100% - 6px) 0%, calc(100% - 6px) 6px, 100% 6px, 100% calc(100% - 6px), calc(100% - 6px) calc(100% - 6px), calc(100% - 6px) 100%, 6px 100%, 6px calc(100% - 6px), 0% calc(100% - 6px))"
+  },
+  beveled: {
+    usesClipPath: true,
+    clipPath: "polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0% calc(100% - 10px), 0% 10px)"
+  }
+};
+const getNamePlateStyles = (style2, highlightColor, bgGradient) => {
+  var _a, _b, _c, _d;
+  const config = NAME_PLATE_CONFIGS[style2];
+  if (config.usesClipPath) {
+    return {
+      outer: {
+        clipPath: config.clipPath,
+        background: highlightColor,
+        padding: "2px",
+        // This creates the "border" width
+        paddingLeft: ((_a = config.extraPadding) == null ? void 0 : _a.left) ? `${config.extraPadding.left + 2}px` : "2px",
+        paddingRight: ((_b = config.extraPadding) == null ? void 0 : _b.right) ? `${config.extraPadding.right + 2}px` : "2px"
+      },
+      inner: {
+        clipPath: config.clipPath,
+        background: bgGradient,
+        padding: "6px 8px",
+        paddingLeft: ((_c = config.extraPadding) == null ? void 0 : _c.left) ? `${config.extraPadding.left + 8}px` : "8px",
+        paddingRight: ((_d = config.extraPadding) == null ? void 0 : _d.right) ? `${config.extraPadding.right + 8}px` : "8px"
+      }
+    };
+  }
+  const borderStyle = style2 === "flat" ? { borderTop: `2px solid ${highlightColor}`, borderBottom: `2px solid ${highlightColor}` } : { border: `2px solid ${highlightColor}` };
+  return {
+    outer: {
+      borderRadius: config.borderRadius,
+      background: bgGradient,
+      padding: "6px 8px",
+      ...borderStyle
+    },
+    inner: {}
+    // No separate inner element needed
+  };
+};
+const styleUsesClipPath = (style2) => {
+  return NAME_PLATE_CONFIGS[style2].usesClipPath;
+};
 const CardLayout = ({
   color: color2,
   owner,
@@ -154074,6 +154134,7 @@ const CardLayout = ({
   language: language2,
   license,
   packages,
+  namePlateStyle = "beveled",
   children: children2
 }) => {
   const { theme: theme2 } = useTheme();
@@ -154139,7 +154200,8 @@ const CardLayout = ({
                           flexShrink: 0,
                           marginBottom: "-12px",
                           position: "relative",
-                          zIndex: 1
+                          zIndex: 1,
+                          backgroundColor: colors.cardBorder
                         }
                       }
                     ),
@@ -154209,8 +154271,8 @@ const CardLayout = ({
           "div",
           {
             style: {
-              flex: 1,
-              minHeight: 0,
+              width: "100%",
+              aspectRatio: "1 / 1",
               position: "relative",
               background: `linear-gradient(180deg, ${colors.windowGradient[0]} 0%, ${colors.windowGradient[1]} 100%)`,
               border: `2px solid ${colors.cardHighlight}`,
@@ -154218,7 +154280,8 @@ const CardLayout = ({
               overflow: "hidden",
               display: "flex",
               alignItems: "center",
-              justifyContent: "center"
+              justifyContent: "center",
+              flexShrink: 0
             },
             children: [
               /* @__PURE__ */ jsx(
@@ -154233,33 +154296,87 @@ const CardLayout = ({
                   }
                 }
               ),
-              children2,
-              label && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  style: {
-                    position: "absolute",
-                    bottom: 0,
-                    left: 0,
-                    right: 0,
-                    padding: "6px 8px",
-                    background: "linear-gradient(transparent, rgba(0,0,0,0.7))",
-                    fontSize: `clamp(10px, ${18 - label.length * 0.3}px, ${theme2.fontSizes[2]})`,
-                    fontWeight: theme2.fontWeights.bold,
-                    color: "#ffffff",
-                    fontFamily: theme2.fonts.body,
-                    whiteSpace: "nowrap",
-                    overflow: "hidden",
-                    textShadow: "0 1px 2px rgba(0,0,0,0.5)",
-                    textAlign: "center"
-                  },
-                  title: label,
-                  children: label
-                }
-              )
+              children2
             ]
           }
         ),
+        label && (() => {
+          const baseFontSize = 14;
+          const minFontSize = 8;
+          const charsAtBase = 24;
+          const fontSize = Math.max(
+            minFontSize,
+            Math.min(baseFontSize, baseFontSize * charsAtBase / Math.max(label.length, 1))
+          );
+          const bgGradient = `linear-gradient(180deg, ${colors.cardBorder} 0%, ${colors.cardBg} 100%)`;
+          const { outer, inner } = getNamePlateStyles(namePlateStyle, colors.cardHighlight, bgGradient);
+          const usesWrapper = styleUsesClipPath(namePlateStyle);
+          const textContent = /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                fontSize: `${fontSize}px`,
+                fontWeight: theme2.fontWeights.bold,
+                color: "#ffffff",
+                fontFamily: theme2.fonts.body,
+                whiteSpace: "nowrap",
+                textShadow: `0 1px 2px rgba(0,0,0,0.5), 0 0 8px ${colors.cardHighlight}`,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                maxWidth: "100%"
+              },
+              children: label
+            }
+          );
+          if (usesWrapper) {
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  position: "relative",
+                  marginLeft: "-10px",
+                  marginRight: "-10px",
+                  marginTop: "-14px",
+                  zIndex: 2,
+                  ...outer
+                },
+                title: label,
+                children: /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      justifyContent: "center",
+                      alignItems: "center",
+                      overflow: "hidden",
+                      ...inner
+                    },
+                    children: textContent
+                  }
+                )
+              }
+            );
+          }
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                position: "relative",
+                marginLeft: "-10px",
+                marginRight: "-10px",
+                marginTop: "-14px",
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+                zIndex: 2,
+                overflow: "hidden",
+                ...outer
+              },
+              title: label,
+              children: textContent
+            }
+          );
+        })(),
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -154704,6 +154821,7 @@ const LocalProjectCard = ({
   width = 220,
   height = 300,
   isSelected = false,
+  namePlateStyle,
   onClick,
   onOpen,
   onRemove: onRemove2
@@ -154809,6 +154927,7 @@ const LocalProjectCard = ({
             files: entry.viewCount || void 0,
             language: (_d = entry.github) == null ? void 0 : _d.primaryLanguage,
             license: (_e2 = entry.github) == null ? void 0 : _e2.license,
+            namePlateStyle,
             children: spriteContent
           }
         ),
@@ -155986,4 +156105,4 @@ export {
   RepoCardStatic as y,
   CardBack as z
 };
-//# sourceMappingURL=index-BB-9j583.js.map
+//# sourceMappingURL=index-ByuCPpD5.js.map