maverick-wave 5.30.0 → 5.31.0

package/src/partials/tags-container.html

@@ -1,242 +0,0 @@
-<h3 class="mw-section-subtitle">Tags</h3>
-<p class="mw-text-muted mw-text-measure">
-  A label with a soft surface that names something - a topic, a state, a
-  category - and sits in a row of its own kind. For a count or a status marker
-  reach for a badge instead.
-</p>
-
-<div class="mw-grid-2-lg mw-gap-6">
-  <!-- COLUMN 1: Basic & Status -->
-  <div>
-    <h3 class="mw-card-title mw-mb-4">Status & Types</h3>
-    <div class="mw-card mw-card-simple">
-      <!-- Basic -->
-      <h4 class="mw-text-medium mw-mb-2">Default</h4>
-      <div class="mw-tags mw-mb-4">
-        <span class="mw-tags-item">Frontend</span>
-        <span class="mw-tags-item">Backend</span>
-        <span class="mw-tags-item">DevOps</span>
-      </div>
-
-      <!-- Primary (Main Tech) -->
-      <h4 class="mw-text-medium mw-mb-2">Primary</h4>
-      <div class="mw-tags mw-tags-primary mw-mb-4">
-        <span class="mw-tags-item">Angular</span>
-        <span class="mw-tags-item">Spring Boot</span>
-        <span class="mw-tags-item">Kotlin</span>
-      </div>
-
-      <!-- Success (Status) -->
-      <h4 class="mw-text-medium mw-mb-2">Success</h4>
-      <div class="mw-tags mw-tags-success mw-mb-4">
-        <span class="mw-tags-item">
-          <i class="fas fa-check mw-tags-icon"></i>Completed
-        </span>
-        <span class="mw-tags-item">Deployed</span>
-        <span class="mw-tags-item">Stable</span>
-      </div>
-
-      <!-- Info (Metadata) -->
-      <h4 class="mw-text-medium mw-mb-2">Info</h4>
-      <div class="mw-tags mw-tags-info mw-mb-4">
-        <span class="mw-tags-item">v2.4.0</span>
-        <span class="mw-tags-item">
-          <i class="fas fa-info-circle mw-tags-icon"></i>Beta
-        </span>
-        <span class="mw-tags-item">Documentation</span>
-      </div>
-
-      <!-- Secondary (Tools) -->
-      <h4 class="mw-text-medium mw-mb-2">Secondary</h4>
-      <div class="mw-tags mw-tags-secondary mw-mb-4">
-        <span class="mw-tags-item">Docker</span>
-        <span class="mw-tags-item">Kubernetes</span>
-        <span class="mw-tags-item">Git</span>
-      </div>
-
-      <!-- Warning (Pending) -->
-      <h4 class="mw-text-medium mw-mb-2">Warning</h4>
-      <div class="mw-tags mw-tags-warning mw-mb-4">
-        <span class="mw-tags-item">
-          <i class="fas fa-clock mw-tags-icon"></i>Pending
-        </span>
-        <span class="mw-tags-item">Review</span>
-      </div>
-
-      <!-- Danger (Failed) -->
-      <h4 class="mw-text-medium mw-mb-2">Danger</h4>
-      <div class="mw-tags mw-tags-danger mw-mb-4">
-        <span class="mw-tags-item">
-          <i class="fas fa-xmark mw-tags-icon"></i>Failed
-        </span>
-        <span class="mw-tags-item">Deprecated</span>
-      </div>
-
-      <!-- Muted (Neutral) -->
-      <h4 class="mw-text-medium mw-mb-2">Muted</h4>
-      <div class="mw-tags mw-tags-muted">
-        <span class="mw-tags-item">Draft</span>
-        <span class="mw-tags-item">Archived</span>
-      </div>
-    </div>
-  </div>
-
-  <!-- COLUMN 2: Sizes & Icons -->
-  <div>
-    <h3 class="mw-card-title mw-mb-4">Sizes & Formatting</h3>
-    <div class="mw-card mw-card-simple">
-      <!-- Default -->
-      <h4 class="mw-text-medium mw-mb-2">Default Size</h4>
-      <div class="mw-tags mw-mb-4">
-        <span class="mw-tags-item">Typescript</span>
-        <span class="mw-tags-item">
-          <i class="fas fa-cube mw-tags-icon"></i>Components
-        </span>
-        <span class="mw-tags-item mw-tags-removable">
-          filter: active
-          <button
-            type="button"
-            class="mw-btn-mini mw-btn-mini-danger mw-tags-remove"
-            aria-label="Remove filter: active"
-          >
-            <i class="fas fa-times"></i>
-          </button>
-        </span>
-      </div>
-
-      <!-- Large (Categories) -->
-      <h4 class="mw-text-medium mw-mb-2">Large (Categories)</h4>
-      <div class="mw-tags mw-tags-lg mw-mb-4">
-        <span class="mw-tags-item">Web Development</span>
-        <span class="mw-tags-item">Design System</span>
-      </div>
-
-      <!-- With Details -->
-      <h4 class="mw-text-medium mw-mb-2">With Details</h4>
-      <div class="mw-tags">
-        <span class="mw-tags-item">
-          <i class="fab fa-npm mw-tags-icon"></i>
-          npm install
-          <span class="mw-text-muted mw-ml-1 mw-text-xs">(latest)</span>
-        </span>
-        <span class="mw-tags-item">
-          <i class="fas fa-code-branch mw-tags-icon"></i>
-          main
-          <span class="mw-text-muted mw-ml-1 mw-text-xs">(protected)</span>
-        </span>
-      </div>
-    </div>
-  </div>
-
-  <!-- COLUMN 3: Interaction -->
-  <div>
-    <h3 class="mw-card-title mw-mb-4">Interactive Tags</h3>
-    <div class="mw-card mw-card-simple">
-      <h4 class="mw-text-medium mw-mb-2">Removable Input (Primary)</h4>
-      <div class="mw-tags mw-tags-primary mw-mb-4">
-        <span class="mw-tags-item mw-tags-removable">
-          React
-          <button
-            type="button"
-            class="mw-btn-mini mw-btn-mini-danger mw-tags-remove"
-            aria-label="Remove React"
-          >
-            <i class="fas fa-times"></i>
-          </button>
-        </span>
-        <span class="mw-tags-item mw-tags-removable">
-          Vue.js
-          <button
-            type="button"
-            class="mw-btn-mini mw-btn-mini-danger mw-tags-remove"
-            aria-label="Remove Vue.js"
-          >
-            <i class="fas fa-times"></i>
-          </button>
-        </span>
-      </div>
-
-      <h4 class="mw-text-medium mw-mb-2">Removable Status (Success)</h4>
-      <div class="mw-tags mw-tags-success mw-mb-4">
-        <span class="mw-tags-item mw-tags-removable">
-          <i class="fas fa-user-check mw-tags-icon"></i>Online
-          <button
-            type="button"
-            class="mw-btn-mini mw-btn-mini-danger mw-tags-remove"
-            aria-label="Remove Online"
-          >
-            <i class="fas fa-times"></i>
-          </button>
-        </span>
-        <span class="mw-tags-item mw-tags-removable">
-          Available
-          <button
-            type="button"
-            class="mw-btn-mini mw-btn-mini-danger mw-tags-remove"
-            aria-label="Remove Available"
-          >
-            <i class="fas fa-times"></i>
-          </button>
-        </span>
-      </div>
-
-      <h4 class="mw-text-medium mw-mb-2">Large Removable</h4>
-      <div class="mw-tags mw-tags-lg mw-tags-info">
-        <span class="mw-tags-item mw-tags-removable">
-          Filter: Architecture
-          <button
-            type="button"
-            class="mw-btn-mini mw-btn-mini-danger mw-tags-remove"
-            aria-label="Remove Filter: Architecture"
-          >
-            <i class="fas fa-times"></i>
-          </button>
-        </span>
-      </div>
-    </div>
-  </div>
-
-  <!-- COLUMN 4: Single tag -->
-  <div>
-    <h3 class="mw-card-title mw-mb-4">Single Tag</h3>
-    <div class="mw-card mw-card-simple">
-      <p class="mw-text-muted mw-mb-4">
-        For a single status chip - e.g. in a table cell - use
-        <strong>mw-tag</strong>. It carries the colour itself, so no
-        <strong>mw-tags</strong> container is needed.
-      </p>
-
-      <h4 class="mw-text-medium mw-mb-2">Variants</h4>
-      <div class="mw-d-flex mw-flex-wrap mw-gap-2 mw-mb-4">
-        <span class="mw-tag mw-tag-primary">Primary</span>
-        <span class="mw-tag mw-tag-secondary">Secondary</span>
-        <span class="mw-tag mw-tag-success">Paid</span>
-        <span class="mw-tag mw-tag-info">Info</span>
-        <span class="mw-tag mw-tag-warning">Open</span>
-        <span class="mw-tag mw-tag-danger">Cancelled</span>
-        <span class="mw-tag mw-tag-muted">Draft</span>
-        <span class="mw-tag mw-tag-neutral">XRechnung</span>
-      </div>
-
-      <h4 class="mw-text-medium mw-mb-2">Neutral vs. Muted</h4>
-      <p class="mw-text-muted mw-text-sm mw-mb-3">
-        <strong>mw-tag-neutral</strong> is a plain identifier - a customer
-        number, a document type. <strong>mw-tag-muted</strong> means the label
-        steps back. On an invoice the difference carries real meaning:
-        &ldquo;XRechnung&rdquo; is a property, &ldquo;no e-invoice&rdquo; is a
-        shortcoming.
-      </p>
-      <div class="mw-d-flex mw-flex-wrap mw-gap-2 mw-mb-4">
-        <span class="mw-tag mw-tag-neutral">Customer 4711</span>
-        <span class="mw-tag mw-tag-neutral">XRechnung</span>
-        <span class="mw-tag mw-tag-muted">No e-invoice</span>
-      </div>
-
-      <h4 class="mw-text-medium mw-mb-2">Large</h4>
-      <div class="mw-d-flex mw-flex-wrap mw-gap-2">
-        <span class="mw-tag mw-tag-success mw-tag-lg">Paid</span>
-        <span class="mw-tag mw-tag-muted mw-tag-lg">Draft</span>
-      </div>
-    </div>
-  </div>
-</div>

package/src/partials/techstack-bucket-container.html

@@ -1,187 +0,0 @@
-<h3 class="mw-section-subtitle mw-mb-6">Technology Stack Bucket</h3>
-<p class="mw-text-muted">
-  The Techstack component allows you to showcase toolsets and skills in a clean,
-  organized bucket layout. Each item can feature a logo, optional labels, and a
-  direct link to the technology's homepage.
-</p>
-
-<div class="mw-grid-4">
-  <div>
-    <h4 class="mw-mb-2">Large Items with Description</h4>
-    <div class="mw-techstack-bucket">
-      <a href="https://angular.io" target="_blank" class="mw-techstack-item">
-        <img
-          src="https://upload.wikimedia.org/wikipedia/commons/6/67/Angular_gradient_logo.png"
-          alt="Angular"
-          class="mw-techstack-logo"
-          loading="lazy"
-        />
-        <div class="mw-techstack-info">
-          <span class="mw-techstack-name">Angular</span>
-          <span class="mw-techstack-desc">Frontend</span>
-        </div>
-      </a>
-      <a href="https://sass-lang.com" target="_blank" class="mw-techstack-item">
-        <img
-          src="https://upload.wikimedia.org/wikipedia/commons/9/96/Sass_Logo_Color.svg"
-          alt="Sass"
-          class="mw-techstack-logo"
-          loading="lazy"
-        />
-        <div class="mw-techstack-info">
-          <span class="mw-techstack-name">SCSS</span>
-          <span class="mw-techstack-desc">Styles</span>
-        </div>
-      </a>
-      <a
-        href="https://www.typescriptlang.org"
-        target="_blank"
-        class="mw-techstack-item"
-      >
-        <img
-          src="https://upload.wikimedia.org/wikipedia/commons/4/4c/Typescript_logo_2020.svg"
-          alt="TypeScript"
-          class="mw-techstack-logo"
-          loading="lazy"
-        />
-        <div class="mw-techstack-info">
-          <span class="mw-techstack-name">TypeScript</span>
-          <span class="mw-techstack-desc">Strict Typing</span>
-        </div>
-      </a>
-    </div>
-  </div>
-
-  <div>
-    <h4 class="mw-mb-2">Small Items (Logos Only), Narrow Variant</h4>
-    <div class="mw-techstack-bucket mw-techstack-bucket-narrow">
-      <a
-        href="#"
-        class="mw-techstack-item mw-techstack-item-sm"
-        data-tooltip="Git"
-      >
-        <img
-          src="https://www.vectorlogo.zone/logos/git-scm/git-scm-icon.svg"
-          class="mw-techstack-logo"
-          alt="Git"
-          loading="lazy"
-        />
-      </a>
-      <a
-        href="#"
-        class="mw-techstack-item mw-techstack-item-sm"
-        data-tooltip="VS Code"
-      >
-        <img
-          src="https://upload.wikimedia.org/wikipedia/commons/9/9a/Visual_Studio_Code_1.35_icon.svg"
-          class="mw-techstack-logo"
-          alt="VS Code"
-          loading="lazy"
-        />
-      </a>
-      <a
-        href="#"
-        class="mw-techstack-item mw-techstack-item-sm"
-        data-tooltip="Docker"
-      >
-        <img
-          src="https://www.vectorlogo.zone/logos/docker/docker-icon.svg"
-          class="mw-techstack-logo"
-          alt="Docker"
-          loading="lazy"
-        />
-      </a>
-      <a
-        href="#"
-        class="mw-techstack-item mw-techstack-item-sm"
-        data-tooltip="Figma"
-      >
-        <img
-          src="https://www.vectorlogo.zone/logos/figma/figma-icon.svg"
-          class="mw-techstack-logo"
-          alt="Figma"
-          loading="lazy"
-        />
-      </a>
-      <a
-        href="#"
-        class="mw-techstack-item mw-techstack-item-sm"
-        data-tooltip="NPM"
-      >
-        <img
-          src="https://upload.wikimedia.org/wikipedia/commons/d/db/Npm-logo.svg"
-          class="mw-techstack-logo"
-          alt="NPM"
-          loading="lazy"
-        />
-      </a>
-    </div>
-  </div>
-
-  <div>
-    <h4 class="mw-mb-2">Small Items with Name</h4>
-    <div class="mw-techstack-bucket">
-      <a href="#" class="mw-techstack-item mw-techstack-item-sm">
-        <img
-          src="https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg"
-          class="mw-techstack-logo"
-          alt="React"
-          loading="lazy"
-        />
-        <div class="mw-techstack-info">
-          <span class="mw-techstack-name">React</span>
-        </div>
-      </a>
-      <a href="#" class="mw-techstack-item mw-techstack-item-sm">
-        <img
-          src="https://upload.wikimedia.org/wikipedia/commons/9/95/Vue.js_Logo_2.svg"
-          class="mw-techstack-logo"
-          alt="Vue"
-          loading="lazy"
-        />
-        <div class="mw-techstack-info">
-          <span class="mw-techstack-name">Vue.js</span>
-        </div>
-      </a>
-      <a href="#" class="mw-techstack-item mw-techstack-item-sm">
-        <img
-          src="https://upload.wikimedia.org/wikipedia/commons/d/d5/Tailwind_CSS_Logo.svg"
-          class="mw-techstack-logo"
-          alt="Tailwind"
-          loading="lazy"
-        />
-        <div class="mw-techstack-info">
-          <span class="mw-techstack-name">Tailwind</span>
-        </div>
-      </a>
-    </div>
-  </div>
-
-  <div>
-    <h4 class="mw-mb-2">Dashed Variant (Mixed Content)</h4>
-    <div class="mw-techstack-bucket mw-techstack-bucket-dashed">
-      <a href="#" class="mw-techstack-item mw-techstack-item-sm">
-        <img
-          src="https://upload.wikimedia.org/wikipedia/commons/d/d5/Rust_programming_language_black_logo.svg"
-          class="mw-techstack-logo"
-          alt="Rust"
-          loading="lazy"
-        />
-        <div class="mw-techstack-info">
-          <span class="mw-techstack-name">Rust</span>
-        </div>
-      </a>
-      <a href="#" class="mw-techstack-item mw-techstack-item-sm">
-        <img
-          src="https://upload.wikimedia.org/wikipedia/commons/c/c3/Python-logo-notext.svg"
-          class="mw-techstack-logo"
-          alt="Python"
-          loading="lazy"
-        />
-        <div class="mw-techstack-info">
-          <span class="mw-techstack-name">Python</span>
-        </div>
-      </a>
-    </div>
-  </div>
-</div>

package/src/partials/testimonials-container.html

@@ -1,88 +0,0 @@
-<h3 class="mw-section-subtitle">Testimonials</h3>
-<p class="mw-text-muted mw-text-measure">
-  A quote card with its source - a <code>figure</code>, because quote and
-  attribution belong together. One voice may stand above the grid as
-  <code>mw-testimonial-featured</code>; the rest flow in
-  <code>mw-columns-3</code>, the masonry layout for cards of unequal height. The
-  cards below also carry <code>mw-reveal</code> - scroll them into view to see
-  the entrance. Three of them are dated: <code>mw-testimonial-date</code> is a
-  <code>time</code> element on the right edge of the source line, month and
-  year. It is optional on purpose - a dated quote ages, so only show it where
-  the voices are kept fresh.
-</p>
-
-<figure class="mw-testimonial mw-testimonial-featured mw-mb-6">
-  <blockquote>
-    We rebuilt our whole customer portal on this in three weeks. The team never
-    argued about spacing or shadows again - the framework had already decided,
-    and it had decided well.
-  </blockquote>
-  <figcaption class="mw-testimonial-source">
-    Maren K.
-    <span class="mw-testimonial-detail">&middot; Head of Engineering</span>
-    <time class="mw-testimonial-date" datetime="2026-06">June 2026</time>
-  </figcaption>
-</figure>
-
-<div class="mw-columns-3">
-  <figure class="mw-testimonial mw-reveal">
-    <blockquote>
-      The dark theme just worked. We flipped one class and every component
-      followed.
-    </blockquote>
-    <figcaption class="mw-testimonial-source">
-      Jonas R.
-      <span class="mw-testimonial-detail">&middot; Frontend Developer</span>
-    </figcaption>
-  </figure>
-
-  <figure class="mw-testimonial mw-reveal">
-    <blockquote>
-      I came for the grid and stayed for the corner accents. Our app finally
-      looks like one product instead of five teams.
-    </blockquote>
-    <figcaption class="mw-testimonial-source">
-      Priya S.
-      <span class="mw-testimonial-detail">&middot; Product Designer</span>
-      <time class="mw-testimonial-date" datetime="2026-04">April 2026</time>
-    </figcaption>
-  </figure>
-
-  <figure class="mw-testimonial mw-reveal">
-    <blockquote>Small CSS, no build step, readable class names.</blockquote>
-    <figcaption class="mw-testimonial-source">
-      Tom W. <span class="mw-testimonial-detail">&middot; Freelancer</span>
-    </figcaption>
-  </figure>
-
-  <figure class="mw-testimonial mw-reveal">
-    <blockquote>
-      The form controls line up with the buttons out of the box. That alone
-      saved us a week of pixel pushing across three breakpoints - and the touch
-      targets grow on their own on mobile.
-    </blockquote>
-    <figcaption class="mw-testimonial-source">
-      Aylin D. <span class="mw-testimonial-detail">&middot; Agency Lead</span>
-      <time class="mw-testimonial-date" datetime="2026-08">August 2026</time>
-    </figcaption>
-  </figure>
-
-  <figure class="mw-testimonial mw-reveal">
-    <blockquote>
-      Swapped one primary color, the whole palette followed.
-    </blockquote>
-    <figcaption class="mw-testimonial-source">
-      Ben L. <span class="mw-testimonial-detail">&middot; Indie Hacker</span>
-    </figcaption>
-  </figure>
-
-  <figure class="mw-testimonial mw-reveal">
-    <blockquote>
-      Our legal pages, our landing page and our admin tables all speak the same
-      language now.
-    </blockquote>
-    <figcaption class="mw-testimonial-source">
-      Carla M. <span class="mw-testimonial-detail">&middot; CTO</span>
-    </figcaption>
-  </figure>
-</div>