@ebrains/react 2.4.0 → 3.0.0

package/eds-app-root.entry.esm.js

@@ -34,18 +34,18 @@ const EdsAppRoot = class {
   }
   render() {
     return h("div", {
-      key: 'aa412cafecaceba211d0938d42779d33a20b418f'
+      key: '10a75e7e117b2f3ab3d0ba8f2a26c122b2e0eed4'
     }, h("eds-splash-screen", {
-      key: '78de23a74a0263c09e400cb16d20e014a50913ba',
+      key: 'ab527af22c9a9fe861bbed4759946428e3e7fdf0',
       inverse: true,
       initPromise: this.combinedInitPromise
     }), h("eds-login", {
-      key: '6a690104e273cbefa9ec4e66c5479c2db0666f39',
+      key: '78e7face11e06df76b9dd29e99b7d968cc2cf32e',
       "keycloak-url": "http://localhost:8080",
       "keycloak-realm": "nigeor-realm",
       "keycloak-client-id": "stencil-app"
     }), h("main", {
-      key: 'e011a7d8a0a78a932f61a218d85aac8f25e8021b'
+      key: '30f463e667ccc25062bbf2764fdabc8937b6097c'
     }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in.")));
   }
 };

package/eds-cookies-preference.entry.esm.js

@@ -9,7 +9,7 @@ const EdsCookiesPreference = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.buttonText = 'Cookies Preferences';
-    this.intent = undefined;
+    this.intent = 'secondary';
     this.showMatomoNotice = false;
     this.noticeKey = 0;
   }
@@ -29,9 +29,9 @@ const EdsCookiesPreference = class {
   }
   render() {
     return h("div", {
-      key: 'c1754394ac9c249ef4c5959ed0b6a74d8ec365ab'
+      key: '3926e6e4972c901880f57859280330ad315dc263'
     }, h("eds-link", {
-      key: '4bb5d796d14dc242024df4681dea493d4511a8b6',
+      key: '8c513565cb94589c1d441aa4b0badf79ab464169',
       size: "small",
       intent: this.intent,
       label: this.buttonText,

package/eds-feedback.entry.esm.js

@@ -61,20 +61,20 @@ const EdsFeedback = class {
     const levelNum = this.headingLevel.replace('h', '');
     const headingClass = `f-heading-${levelNum.padStart(2, '0')} my-4`;
     return h("div", {
-      key: '5405127cfc114d4906617955d7b1069a04ed7b8e',
+      key: '7d01b8aef2854cfdb739553e7f43ed9516199e1e',
       class: "grid inline"
     }, h(HeadingTag, {
-      key: 'c0a2593d843577323b6a27d0f8fdca3b84063bd5',
+      key: 'a0c4a4f93598b955e90416d50260aaa3f644615a',
       class: headingClass
     }, this.label), h("p", {
-      key: '5b7ef9fbd8c5b4a9d3c7c39e3092244d08dde126',
+      key: 'acb2db8fc209faf2d39622e2e858fa1e7403e1b4',
       class: "f-body-01 text-light"
     }, this.description), h("eds-rating", {
-      key: '2de1ad00dd21d987bc4a91438500a58a0bcd63a7',
+      key: 'b0db57c9e3539a5edfecf67cc3a12dd87d74fad9',
       "rating-type": this.type,
       "rating-count": this.count
     }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && h("span", {
-      key: '3de038a0ae8ee334edde65194356f021e14e7cb3',
+      key: '8d6bf62a18fdb12dddba932be9a5115396fdfd6f',
       class: "f-ui-04 text-lighter"
     }, this.parsedMappings[this.selectedRating - 1]));
   }

package/eds-frame.entry.esm.js

@@ -3,7 +3,7 @@ import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
 
-const edsFrameCss = ".bg-inverse{background-color:var(--white)}.min-h-156{min-height:156px}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:12px}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border-color:rgba(0, 0, 0, .1)}.border-softest{border-color:rgba(0, 0, 0, .05)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.relative{position:relative}.flex{display:flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.border-2{border-width:2px}.w-full{width:100%}.h-full{height:100%}.h-auto{height:auto}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.items-center{align-items:center}.justify-between{justify-content:space-between}.py-8{padding-top:0.5rem;padding-bottom:0.5rem}.px-12{padding-left:0.75rem;padding-right:0.75rem}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.ml-auto{margin-left:auto}.border-t-2{border-top-width:2px}.border{border:1px solid rgba(0, 0, 0, .1)}.border-2{border:1px solid rgba(0, 0, 0, .1)}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}.mt-16{margin-top:1rem}";
+const edsFrameCss = ".bg-inverse{background-color:#FFFFFF;border:1px solid #ECECEC;color:#07140D}.min-h-156{min-height:156px}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-md{border-radius:12px}.border-soft{border-color:#ECECEC}.border-softer{border-color:#ECECEC}.border-softest{border-color:#f2f2f2}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:#00FF9D}.effect-focus-within:focus-within{outline-style:solid}.relative{position:relative}.flex{display:flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.border-2{border-width:0}.w-full{width:100%}.h-full{height:100%}.h-auto{height:auto}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.items-center{align-items:center}.justify-between{justify-content:space-between}.py-8{padding-top:0.75rem;padding-bottom:0.75rem}.px-12{padding-left:1rem;padding-right:1rem}.py-8.px-12{border-bottom:1px solid #ECECEC}.f-ui-02{font-family:'IBM Plex Sans', sans-serif;font-size:0.8125rem;font-weight:600;color:#07140D;line-height:1.4}.ml-auto{margin-left:auto}.border-t-2{border-top-width:1px;border-color:#ECECEC}.border{border:1px solid #ECECEC}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto;color:#7A7B7A}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}.mt-16{margin-top:1rem}iframe{border-radius:0 0 12px 12px}";
 const EdsFrameStyle0 = edsFrameCss;
 const EdsFrame = class {
   constructor(hostRef) {
@@ -13,7 +13,7 @@ const EdsFrame = class {
     this.urlLabel = 'Open';
     this.errorMessage = 'Could not load the requested content. Please check the URL or try again later.';
     this.url = undefined;
-    this.intent = 'strong';
+    this.intent = 'cta';
     this.size = 'auto';
     this.iframeError = false;
   }
@@ -73,13 +73,13 @@ const EdsFrame = class {
   }
   render() {
     return h("div", {
-      key: '5bcdb5bdd66a7530a82662ff9b6ef06d3a1eb1d3',
+      key: '0fa74cf426f9d934a035b5e3f6c9e5722c40beab',
       class: this.articleClasses()
     }, h("div", {
-      key: '4c9e224f1a6421398cfef1fd89d113513727b6dd',
+      key: '65ab4084241ce1b5337e9bfaaffb5c2aaceec28e',
       class: "effect-height flex items-center justify-between py-8 px-12"
     }, h("span", {
-      key: '7704b4f1d1a3e8a728f0ad751891ecbfd118411a',
+      key: 'f1cda1a4d61b47550d9d8cd08986f2253710c4ea',
       class: "f-ui-02"
     }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? h("eds-link", {
       label: this.urlLabel,
@@ -88,9 +88,9 @@ const EdsFrame = class {
       class: "ml-auto",
       external: true,
       disabled: false,
-      icon: "arrow-diagonal"
+      icon: "arrow-up-right"
     }) : null), h("div", {
-      key: 'd4372713fc8984d14808171857d6efd40790dec2',
+      key: 'e02ffe4f38f1375a0694f2acec72406824745437',
       class: "border-softer"
     }, this.iframeError ? h("div", {
       class: "container ml-8 mr-8 mt-16"

package/eds-gauge.entry.esm.js

@@ -6,10 +6,9 @@ import 'react-dom';
 const edsGaugeCss = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.bg-inverse{background-color:var(--white)}.bg-current{background-color:currentColor}.bg-dark{background-color:var(--grey-300)}.bg-darker{background-color:var(--grey-400)}.bg-default{background-color:var(--grey-200)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.inset-0{inset:0rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.text-default{color:var(--black)}";
 const EdsGaugeStyle0 = edsGaugeCss;
 const BACKGROUND_VARIANTS = {
-  default: '#f2f2f2',
-  dark: '#d8d8d8',
-  strong: '#666666',
-  black: '#000000'
+  default: 'var(--grey-light)',
+  dark: 'var(--grey-dark)',
+  black: 'var(--brand-black)'
 };
 const EdsGauge = class {
   constructor(hostRef) {
@@ -39,7 +38,7 @@ const EdsGauge = class {
     const containerStyle = {
       width: `${diameter}px`,
       height: `${diameter}px`,
-      background: `conic-gradient(#00e766 0deg ${angle}deg, ${emptyColor} ${angle}deg 360deg)`
+      background: `conic-gradient(var(--brand-green) 0deg ${angle}deg, ${emptyColor} ${angle}deg 360deg)`
     };
     const maskStyle = {
       width: `${innerDiameter}px`,
@@ -51,7 +50,7 @@ const EdsGauge = class {
       fontSize: `${fontSize}px`
     };
     return h("div", {
-      key: '33388b250acd0aeaf3bf4888fd5ac72ba0337a42',
+      key: 'f5801b63984f42bad206445de4e865c0e161b88e',
       role: "progressbar",
       "aria-valuemin": this.valueMin,
       "aria-valuemax": this.valueMax,
@@ -60,14 +59,14 @@ const EdsGauge = class {
       class: "relative inline-block rounded-full overflow-hidden",
       style: containerStyle
     }, h("div", {
-      key: 'b920dd12644a5457b512b65e2c093ef53f339969',
+      key: '1a982401ba1853e937dfbb9aeb4736d4665abab1',
       class: "absolute bg-inverse rounded-full",
       style: maskStyle
     }), h("div", {
-      key: '0149f680aad2c2b2cf4e308b1510d2fb3482a06f',
+      key: '0db002b1a3a3f49fe3fd0f3aa4d3fd0e2ee6a45d',
       class: "absolute inset-0 flex items-center justify-center"
     }, h("span", {
-      key: '31fee43895b99a2c19358acce9eee0965eef574a',
+      key: 'a011eaaab9e6f3d15d706bf9309ae7bafa689387',
       class: "f-body-01 text-default",
       style: textStyle
     }, clamped)));

package/eds-gitlab-contributors.entry.esm.js

@@ -0,0 +1,277 @@
+import { r as registerInstance, h } from './index.esm2.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-dom';
+
+const edsGitlabContributorsCss = ".container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.grid{display:grid}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.gap-2{gap:0.5rem;}.gap-4{gap:1rem;}.gap-6{gap:1.5rem;}.p-5{padding:1.25rem;}.p-12{padding:3rem;}.pb-2{padding-bottom:0.25rem;}.pb-4{padding-bottom:1rem;}.mb-6{margin-bottom:1.5rem;}.m-0{margin:0}.mt-auto{margin-top:auto}.w-full{width:100%}.min-w-0{min-width:0}.text-xs{font-size:0.75rem;line-height:1rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-semibold{font-weight:600}.whitespace-nowrap{white-space:nowrap}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.no-underline{text-decoration:none}.text-gray-600{color:var(--eds-color-gray-600, #4b5563)}.text-gray-900{color:var(--eds-color-gray-900, #111827)}.border-gray-200{border-color:var(--eds-color-gray-200, #e5e7eb)}.bg-white{background-color:var(--eds-color-white, #ffffff)}.text-primary-600{color:var(--eds-color-primary-600, #2563eb)}.hover\\:text-primary-600:hover{color:var(--eds-color-primary-600, #2563eb)}.border-primary-300{border-color:var(--eds-color-primary-300, #93c5fd)}.hover\\:border-primary-300:hover{border-color:var(--eds-color-primary-300, #93c5fd)}.text-success-600{color:var(--eds-color-success-600, #16a34a)}.text-error-600{color:var(--eds-color-error-600, #dc2626)}.border{border-width:1px}.border-b{border-bottom-width:1px}.rounded-lg{border-radius:var(--eds-radius-lg, 0.5rem);}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-200{transition-duration:200ms}.shadow-md{box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)}.hover\\:shadow-md:hover{box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)}.-translate-y-0\\.5{transform:translateY(-0.125rem);}.hover\\:-translate-y-0\\.5:hover{transform:translateY(-0.125rem)}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}@media (min-width: 640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (min-width: 768px){.md\\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media (min-width: 1024px){.lg\\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.lg\\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}}.contributor-card{will-change:transform, box-shadow, border-color}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.text-default{color:var(--black)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}";
+const EdsGitlabContributorsStyle0 = edsGitlabContributorsCss;
+const EdsGitlabContributors = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.accessToken = undefined;
+    this.projectId = '3360';
+    this.apiUrl = 'https://gitlab.ebrains.eu/api/v4';
+    this.path = undefined;
+    this.limit = 50;
+    this.minCommits = 1;
+    this.showStats = true;
+    this.columns = '4';
+    this.sortBy = 'commits';
+    this.contributors = [];
+    this.loading = true;
+    this.error = '';
+  }
+  async componentWillLoad() {
+    await this.fetchContributors();
+  }
+  /**
+   * Parses projectId prop to handle single or multiple project IDs
+   */
+  getProjectIds() {
+    return this.projectId.split(',').map(id => id.trim()).filter(id => id.length > 0);
+  }
+  /**
+   * Fetches commits by path and aggregates by author for a single project
+   */
+  async fetchCommitsByPathForProject(projectId) {
+    const commits = [];
+    let page = 1;
+    const perPage = 100; // GitLab max per page
+    // Fetch all commits with pagination
+    while (true) {
+      const url = `${this.apiUrl}/projects/${encodeURIComponent(projectId)}/repository/commits?path=${encodeURIComponent(this.path)}&per_page=${perPage}&page=${page}`;
+      const response = await fetch(url, {
+        headers: {
+          'PRIVATE-TOKEN': this.accessToken
+        }
+      });
+      if (!response.ok) {
+        throw new Error(`GitLab API error: ${response.status} ${response.statusText}`);
+      }
+      const pageCommits = await response.json();
+      if (pageCommits.length === 0) {
+        break; // No more pages
+      }
+      commits.push(...pageCommits);
+      // Stop if we have enough commits or no more pages
+      if (pageCommits.length < perPage) {
+        break;
+      }
+      page++;
+    }
+    // Aggregate commits by author email
+    const authorMap = new Map();
+    for (const commit of commits) {
+      const email = commit.author_email.toLowerCase();
+      if (authorMap.has(email)) {
+        authorMap.get(email).commits++;
+      } else {
+        authorMap.set(email, {
+          name: commit.author_name,
+          email: commit.author_email,
+          commits: 1
+        });
+      }
+    }
+    // Convert to GitLabContributor format
+    return Array.from(authorMap.values()).map(author => ({
+      name: author.name,
+      email: author.email,
+      commits: author.commits,
+      additions: 0,
+      // Not available from commits API
+      deletions: 0 // Not available from commits API
+    }));
+  }
+  /**
+   * Fetches contributors from a single project
+   * For project 1505 (monorepo), applies path filter if provided
+   * For other projects, fetches all contributors
+   */
+  async fetchContributorsForProject(projectId) {
+    // Only apply path filter for project 1505 (the monorepo)
+    const shouldUsePath = this.path && projectId === '1505';
+    if (shouldUsePath) {
+      // Fetch commits by path and aggregate by author (for monorepo)
+      return await this.fetchCommitsByPathForProject(projectId);
+    } else {
+      // Use contributors API for entire repository
+      const contributorsResponse = await fetch(`${this.apiUrl}/projects/${encodeURIComponent(projectId)}/repository/contributors?per_page=100`, {
+        headers: {
+          'PRIVATE-TOKEN': this.accessToken
+        }
+      });
+      if (!contributorsResponse.ok) {
+        throw new Error(`GitLab API error: ${contributorsResponse.status} ${contributorsResponse.statusText}`);
+      }
+      return await contributorsResponse.json();
+    }
+  }
+  /**
+   * Fetches contributors from GitLab API (supports multiple projects)
+   */
+  async fetchContributors() {
+    if (!this.accessToken) {
+      this.error = 'Access token is required for internal projects';
+      this.loading = false;
+      return;
+    }
+    try {
+      this.loading = true;
+      this.error = '';
+      const projectIds = this.getProjectIds();
+      let allContributorsData = [];
+      // Fetch contributors from all projects
+      for (const projectId of projectIds) {
+        const contributorsData = await this.fetchContributorsForProject(projectId);
+        allContributorsData.push(...contributorsData);
+      }
+      // Filter by minimum commits and exclude bot contributors
+      const filteredContributors = allContributorsData.filter(c => {
+        // Exclude if commits are below minimum
+        if (c.commits < this.minCommits) return false;
+        // Exclude GitLab CI and other bots
+        const email = c.email.toLowerCase();
+        const name = c.name.toLowerCase();
+        // Common bot identifiers
+        const botPatterns = ['gitlab-ci', 'gitlab ci', 'noreply@gitlab', 'bot@', 'automation@'];
+        return !botPatterns.some(pattern => email.includes(pattern) || name.includes(pattern));
+      });
+      // Aggregate duplicate contributors by username
+      const aggregatedContributors = this.aggregateContributors(filteredContributors);
+      // Sort contributors
+      if (this.sortBy === 'commits') {
+        aggregatedContributors.sort((a, b) => b.commits - a.commits);
+      } else {
+        aggregatedContributors.sort((a, b) => a.username.localeCompare(b.username));
+      }
+      // Apply limit after sorting
+      this.contributors = aggregatedContributors.slice(0, this.limit);
+      this.loading = false;
+    } catch (err) {
+      this.error = err instanceof Error ? err.message : 'Failed to fetch contributors';
+      this.loading = false;
+      console.error('Error fetching GitLab contributors:', err);
+    }
+  }
+  /**
+   * Extracts username from email address (part before @)
+   */
+  extractUsernameFromEmail(email) {
+    if (!email || !email.includes('@')) {
+      return email || 'unknown';
+    }
+    return email.split('@')[0];
+  }
+  /**
+   * Aggregates duplicate contributors by username (extracted from email)
+   * Combines commits, additions, and deletions for the same person
+   */
+  aggregateContributors(contributors) {
+    const aggregated = new Map();
+    for (const contributor of contributors) {
+      // Extract username from email
+      const username = this.extractUsernameFromEmail(contributor.email);
+      const key = username.toLowerCase();
+      if (aggregated.has(key)) {
+        // Aggregate with existing contributor
+        const existing = aggregated.get(key);
+        existing.commits += contributor.commits;
+        existing.additions += contributor.additions;
+        existing.deletions += contributor.deletions;
+      } else {
+        // Add new contributor with extracted username
+        aggregated.set(key, Object.assign(Object.assign({}, contributor), {
+          username
+        }));
+      }
+    }
+    return Array.from(aggregated.values());
+  }
+  /**
+   * Gets first and last name from full name
+   */
+  parseName(fullName) {
+    const parts = fullName.trim().split(' ');
+    if (parts.length === 1) {
+      return {
+        firstName: parts[0],
+        lastName: ''
+      };
+    }
+    const firstName = parts[0];
+    const lastName = parts.slice(1).join(' ');
+    return {
+      firstName,
+      lastName
+    };
+  }
+  /**
+   * Format large numbers with K suffix
+   */
+  formatNumber(num) {
+    if (num >= 1000) {
+      return `${(num / 1000).toFixed(1)}K`;
+    }
+    return num.toString();
+  }
+  render() {
+    if (this.loading) {
+      return h("div", {
+        class: "flex flex-col items-center justify-center p-12 gap-4"
+      }, h("eds-spinner", {
+        size: "md"
+      }), h("p", {
+        class: "text-base text-gray-600 m-0"
+      }, "Loading contributors..."));
+    }
+    if (this.error) {
+      return h("eds-alert", {
+        message: "Error loading contributors",
+        intent: "error"
+      });
+    }
+    if (this.contributors.length === 0) {
+      return h("eds-alert", {
+        message: "No contributors found for this project.",
+        intent: "error"
+      });
+    }
+    const gridClass = `grid gap-6 w-full ${this.columns === '2' ? 'grid-cols-1 sm:grid-cols-2' : this.columns === '3' ? 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3' : this.columns === '4' ? 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4' : 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5'}`;
+    return h("div", {
+      class: "w-full"
+    }, h("div", {
+      class: gridClass
+    }, this.contributors.map(contributor => {
+      const {
+        firstName,
+        lastName
+      } = this.parseName(contributor.name);
+      return h("div", {
+        class: "contributor-card flex flex-row gap-4 p-5 bg-white border border-gray-200 rounded-lg transition-all duration-200",
+        key: contributor.email
+      }, h("div", {
+        class: "flex-shrink-0"
+      }, h("eds-avatar", {
+        firstName: firstName,
+        lastName: lastName,
+        color: "black"
+      })), h("div", {
+        class: "min-w-0 flex flex-col gap-2"
+      }, h("span", {
+        class: "f-ui-01 text-default pb-2 m-0 whitespace-nowrap overflow-hidden text-ellipsis"
+      }, "@", contributor.username), h("div", {
+        class: "flex flex-col gap-2 mt-auto"
+      }, h("div", {
+        class: "flex items-center gap-2 font-semibold"
+      }, h("span", {
+        class: "text-light"
+      }, this.formatNumber(contributor.commits)), h("span", {
+        class: "text-lighter"
+      }, contributor.commits === 1 ? 'commit' : 'commits')))));
+    })));
+  }
+};
+EdsGitlabContributors.style = EdsGitlabContributorsStyle0;
+
+export { EdsGitlabContributors as eds_gitlab_contributors };

package/eds-icon-bluesky.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconBluesky = class {
   }
   render() {
     return h("span", {
-      key: '686dbb5f0c3c5f156940c83380c16c169f016219',
+      key: 'c2d0ffef1833f4a53a4447d517c6505ce9be70a4',
       class: this.class,
       innerHTML: bluesky
     });

package/eds-icon-eu.entry.esm.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index.esm2.js';
-import { e as euSvg } from './eu-9ddde93a.esm.js';
+import { e as euSvg } from './eu-8ac3e99c.esm.js';
 import 'react';
 import 'react/jsx-runtime';
 import 'react-dom';
@@ -11,7 +11,7 @@ const EdsIconEu = class {
   }
   render() {
     return h("span", {
-      key: '400a5811c1d31a1c8d490e9614d89fe861cb4dd6',
+      key: 'c4a043469698de97b7433749599ee04746df7f8e',
       class: this.class,
       innerHTML: euSvg
     });

package/eds-icon-facebook.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconFacebook = class {
   }
   render() {
     return h("span", {
-      key: '97ff8677a8252ec4cce47f9f857185945aca7cc8',
+      key: '8498500cd0da2784b889a7b2b2ca9ff4e8414ab6',
       class: this.class,
       innerHTML: facebook
     });

package/eds-icon-gitlab.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconGitlab = class {
   }
   render() {
     return h("span", {
-      key: 'ef1ed1fd0fc7bcc7b0904589699656943af3f77e',
+      key: '41c0a44af7394753c8c656f5a1de86b1446f05e3',
       class: this.class,
       innerHTML: gitlabBlack
     });

package/eds-icon-linkedin.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconLinkedin = class {
   }
   render() {
     return h("span", {
-      key: 'bfed785cb748dc93f95bb317750b5e82dc6c1dcc',
+      key: '02a55590ddf6ee6b873370913e9e7cbfe5390c79',
       class: this.class,
       innerHTML: linkedin
     });

package/eds-icon-mastodon.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconMastodon = class {
   }
   render() {
     return h("span", {
-      key: '5be4622aebcbe17b4b40c31fd4b9dc92a102b85e',
+      key: '633a54b9f7bdeec8d704d7994de959a8e12ebe4f',
       class: this.class,
       innerHTML: mastodon
     });

package/eds-icon-twitter.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconTwitter = class {
   }
   render() {
     return h("span", {
-      key: 'e149a8a26c99f8048a42ed42f143a5947b215ea5',
+      key: '6f20d0106096d427556e05b663e3fa133852470e',
       class: this.class,
       innerHTML: twitter
     });

package/eds-icon-youtube.entry.esm.js

@@ -11,7 +11,7 @@ const EdsIconYoutube = class {
   }
   render() {
     return h("span", {
-      key: 'a2dd7d5f2d615999cd5e7970a96117ed90bdcda3',
+      key: 'e07946107d2e0e5a0705bc52d27a436e0f4d5956',
       class: this.class,
       innerHTML: youtube
     });