maverick-wave 5.29.0 → 5.31.0

package/src/partials/documentation-container.html

@@ -1,204 +0,0 @@
-<div class="mw-card mw-card-simple">
-  <h3>Table of Contents</h3>
-
-  <ul class="mw-list mw-list-link">
-    <li>
-      <a href="#foundations">Foundations</a>
-    </li>
-    <ul class="mw-list mw-list-link">
-      <li>
-        <a href="#typography">Typography</a>
-      </li>
-      <li>
-        <a href="#colors">Colors</a>
-      </li>
-      <li>
-        <a href="#utilities">Utilities</a>
-      </li>
-      <li>
-        <a href="#header-utilities">Header Utilities</a>
-      </li>
-      <li>
-        <a href="#coming-soon">Coming Soon Banner</a>
-      </li>
-      <li>
-        <a href="#divider">Divider</a>
-      </li>
-    </ul>
-    <!-- seperator -->
-    <li>
-      <a href="#layout">Layout</a>
-    </li>
-    <ul class="mw-list mw-list-link">
-      <li>
-        <a href="#grid">Grid System</a>
-      </li>
-      <li>
-        <a href="#cards">Cards</a>
-      </li>
-      <li>
-        <a href="#panels">Panels</a>
-      </li>
-      <li>
-        <a href="#tabs">Tabs</a>
-      </li>
-      <li>
-        <a href="#accordions">Accordions</a>
-      </li>
-      <li>
-        <a href="#tiles">Tiles</a>
-      </li>
-      <li>
-        <a href="#breadcrumbs">Breadcrumbs</a>
-      </li>
-      <li>
-        <a href="#modals">Modals</a>
-      </li>
-      <li>
-        <a href="#html-lists">HTML Lists</a>
-      </li>
-      <li>
-        <a href="#item-lists">Item Lists</a>
-        <a href="#leader-row">Leader Row</a>
-      </li>
-      <li>
-        <a href="#stepper">Stepper</a>
-      </li>
-    </ul>
-    <!-- seperator -->
-    <li>
-      <a href="#components">Components</a>
-    </li>
-    <ul class="mw-list mw-list-link">
-      <li>
-        <a href="#buttons">Buttons</a>
-      </li>
-      <li>
-        <a href="#button-bar">Button Bar</a>
-      </li>
-      <li>
-        <a href="#progress">Progress Bars</a>
-      </li>
-      <li>
-        <a href="#spinners">Loading Spinners</a>
-      </li>
-      <li>
-        <a href="#avatars">Avatars</a>
-      </li>
-      <li>
-        <a href="#tags">Tags</a>
-      </li>
-      <li>
-        <a href="#badges">Badges</a>
-      </li>
-      <li>
-        <a href="#dropdown">Dropdown</a>
-      </li>
-      <li>
-        <a href="#kbd">Keyboard Keys</a>
-      </li>
-      <li>
-        <a href="#ratings">Ratings</a>
-      </li>
-      <li>
-        <a href="#info">Info</a>
-      </li>
-      <li>
-        <a href="#alerts">Alerts</a>
-      </li>
-      <li>
-        <a href="#announcement">Announcement</a>
-      </li>
-      <li>
-        <a href="#code">Code</a>
-      </li>
-      <li>
-        <a href="#skeleton">Skeleton Loader</a>
-      </li>
-      <li>
-        <a href="#empty-state">Empty State</a>
-      </li>
-      <li>
-        <a href="#pricing">Pricing</a>
-      </li>
-    </ul>
-    <!-- seperator -->
-    <li>
-      <a href="#forms">Forms</a>
-    </li>
-    <ul class="mw-list mw-list-link">
-      <li>
-        <a href="#form-elements">Form Elements</a>
-      </li>
-      <li>
-        <a href="#input-group">Input Group</a>
-      </li>
-      <li>
-        <a href="#segmented">Segmented Control</a>
-      </li>
-      <li>
-        <a href="#form-field">Field Pattern</a>
-      </li>
-      <li>
-        <a href="#form">Form</a>
-      </li>
-      <li>
-        <a href="#login">Login</a>
-      </li>
-    </ul>
-    <!-- seperator -->
-    <li>
-      <a href="#data-display">Data & Display</a>
-    </li>
-    <ul class="mw-list mw-list-link">
-      <li>
-        <a href="#page-header">Page Header</a>
-      </li>
-      <li>
-        <a href="#meta-info">Meta Info</a>
-      </li>
-      <li>
-        <a href="#tables">Tables</a>
-      </li>
-      <li>
-        <a href="#kanban">Kanban</a>
-      </li>
-      <li>
-        <a href="#calendar">Calendar</a>
-        <a href="#lunch-menu">Lunch Menu</a>
-        <a href="#contact">Contact</a>
-      </li>
-      <li>
-        <a href="#pagination">Pagination</a>
-      </li>
-      <li>
-        <a href="#timelines">Timelines</a>
-      </li>
-      <li>
-        <a href="#gallery">Image Gallery</a>
-      </li>
-      <li>
-        <a href="#techstack-bucket">Techstack Bucket</a>
-      </li>
-      <li>
-        <a href="#content-slider">Content Slider</a>
-      </li>
-      <li>
-        <a href="#testimonials">Testimonials</a>
-      </li>
-      <li>
-        <a href="#prose">Prose</a>
-      </li>
-      <li>
-        <a href="#media">Media</a>
-      </li>
-      <li>
-        <a href="#blog-posts">Blog Posts</a>
-      </li>
-    </ul>
-    <!-- seperator -->
-    <li>
-      <a href="#history">History</a>
-    </li>
-  </ul>
-</div>

package/src/partials/dropdown-container.html

@@ -1,119 +0,0 @@
-<h3 class="mw-section-subtitle">Dropdown</h3>
-
-<p class="mw-text-muted mw-text-measure">
-  Built on <code>&lt;details&gt;</code> and <code>&lt;summary&gt;</code> rather
-  than a <code>div</code> and a click handler. That buys the whole keyboard
-  contract for free: the trigger is focusable, Enter and Space toggle it, the
-  open state lives in the DOM where a screen reader can see it, and the menu
-  still opens with JavaScript switched off. The framework script only adds what
-  markup cannot express - closing on <kbd>Esc</kbd> and on a click elsewhere.
-</p>
-
-<div class="mw-grid-2 mw-gap-6">
-  <div>
-    <h3 class="mw-card-title mw-mb-4">Actions menu</h3>
-    <div class="mw-card mw-card-simple mw-grid-1 mw-gap-6">
-      <div>
-        <h4 class="mw-text-medium mw-mb-2">Default</h4>
-        <details class="mw-dropdown">
-          <summary class="mw-btn mw-btn-primary">
-            Actions <i class="fas fa-chevron-down mw-dropdown-caret"></i>
-          </summary>
-          <div class="mw-dropdown-menu">
-            <div class="mw-dropdown-label">Manage</div>
-            <button class="mw-dropdown-item">
-              <i class="fas fa-pen"></i> Edit
-            </button>
-            <button class="mw-dropdown-item">
-              <i class="fas fa-copy"></i> Duplicate
-            </button>
-            <button class="mw-dropdown-item" disabled>
-              <i class="fas fa-arrow-right"></i> Move
-            </button>
-            <hr class="mw-dropdown-divider" />
-            <button class="mw-dropdown-item mw-dropdown-item-danger">
-              <i class="fas fa-trash"></i> Delete
-            </button>
-          </div>
-        </details>
-      </div>
-
-      <div>
-        <h4 class="mw-text-medium mw-mb-2">As a picker</h4>
-        <details class="mw-dropdown">
-          <summary class="mw-btn mw-btn-outline">
-            Sort by: Newest
-            <i class="fas fa-chevron-down mw-dropdown-caret"></i>
-          </summary>
-          <div class="mw-dropdown-menu">
-            <button class="mw-dropdown-item mw-active" aria-checked="true">
-              Newest first
-            </button>
-            <button class="mw-dropdown-item">Oldest first</button>
-            <button class="mw-dropdown-item">Name A - Z</button>
-            <button class="mw-dropdown-item">Name Z - A</button>
-          </div>
-        </details>
-        <p class="mw-text-muted mw-text-sm mw-mt-3 mw-mb-0">
-          <code>mw-active</code> marks the current choice, for a menu that picks
-          rather than acts.
-        </p>
-      </div>
-    </div>
-  </div>
-
-  <div>
-    <h3 class="mw-card-title mw-mb-4">Alignment</h3>
-    <div class="mw-card mw-card-simple mw-grid-1 mw-gap-6">
-      <div class="mw-row-split mw-row-split-center">
-        <span class="mw-text-muted mw-text-sm">Start (default)</span>
-        <details class="mw-dropdown">
-          <summary class="mw-btn mw-btn-sm mw-btn-outline">
-            Menu <i class="fas fa-chevron-down mw-dropdown-caret"></i>
-          </summary>
-          <div class="mw-dropdown-menu">
-            <button class="mw-dropdown-item">One</button>
-            <button class="mw-dropdown-item">Two</button>
-          </div>
-        </details>
-      </div>
-
-      <div class="mw-row-split mw-row-split-center">
-        <span class="mw-text-muted mw-text-sm"
-          ><code>mw-dropdown-end</code></span
-        >
-        <details class="mw-dropdown mw-dropdown-end">
-          <summary class="mw-btn mw-btn-sm mw-btn-outline">
-            Menu <i class="fas fa-chevron-down mw-dropdown-caret"></i>
-          </summary>
-          <div class="mw-dropdown-menu">
-            <button class="mw-dropdown-item">One</button>
-            <button class="mw-dropdown-item">Two</button>
-          </div>
-        </details>
-      </div>
-
-      <div class="mw-row-split mw-row-split-center">
-        <span class="mw-text-muted mw-text-sm"
-          ><code>mw-dropdown-up</code></span
-        >
-        <details class="mw-dropdown mw-dropdown-up mw-dropdown-end">
-          <summary class="mw-btn mw-btn-sm mw-btn-outline">
-            Menu <i class="fas fa-chevron-down mw-dropdown-caret"></i>
-          </summary>
-          <div class="mw-dropdown-menu">
-            <button class="mw-dropdown-item">One</button>
-            <button class="mw-dropdown-item">Two</button>
-          </div>
-        </details>
-      </div>
-
-      <p class="mw-text-muted mw-text-sm mw-mb-0">
-        The menu is absolutely positioned, so an ancestor that hides its
-        overflow clips it. The framework's own containers lift that clip while a
-        menu is open; on your own, one line does the same:
-        <code>:has(.mw-dropdown[open]) { overflow: visible }</code>.
-      </p>
-    </div>
-  </div>
-</div>

package/src/partials/empty-state-container.html

@@ -1,79 +0,0 @@
-<h3 class="mw-section-subtitle">Empty State</h3>
-<p class="mw-text-muted mw-text-measure">
-  What a list shows when it holds nothing. An icon, a line saying what is
-  missing and, ideally, the action that fills it. The parts are
-  <code>-icon</code>, <code>-title</code> and <code>-desc</code>.
-</p>
-
-<div class="mw-grid-2-lg">
-  <div>
-    <h3 class="mw-card-title mw-mb-4">Basic & Color Variants</h3>
-    <div class="mw-card mw-card-simple">
-      <h4 class="mw-text-medium mw-mb-2">Default</h4>
-      <div class="mw-empty-state">
-        <div class="mw-empty-state-icon"><i class="fas fa-inbox"></i></div>
-        <p class="mw-empty-state-title">Nothing here yet</p>
-        <p class="mw-empty-state-desc">
-          Start by adding your first item to see it appear here.
-        </p>
-        <button class="mw-btn mw-btn-primary">Add Item</button>
-      </div>
-    </div>
-
-    <div class="mw-card mw-card-simple mw-mt-4">
-      <h4 class="mw-text-medium mw-mb-2">Warning</h4>
-      <div class="mw-empty-state mw-empty-state-warning mw-empty-state-sm">
-        <div class="mw-empty-state-icon">
-          <i class="fas fa-exclamation-triangle"></i>
-        </div>
-        <p class="mw-empty-state-title">No results found</p>
-        <p class="mw-empty-state-desc">
-          Try adjusting your search or filter to find what you're looking for.
-        </p>
-        <button class="mw-btn mw-btn-outline">Clear Filters</button>
-      </div>
-    </div>
-  </div>
-
-  <div>
-    <h3 class="mw-card-title mw-mb-4">More Variants</h3>
-    <div class="mw-card mw-card-simple">
-      <h4 class="mw-text-medium mw-mb-2">Success</h4>
-      <div class="mw-empty-state mw-empty-state-success mw-empty-state-sm">
-        <div class="mw-empty-state-icon">
-          <i class="fas fa-check-circle"></i>
-        </div>
-        <p class="mw-empty-state-title">All done!</p>
-        <p class="mw-empty-state-desc">
-          You've completed all your tasks. Enjoy the rest of the day.
-        </p>
-      </div>
-    </div>
-
-    <div class="mw-card mw-card-simple mw-mt-4">
-      <h4 class="mw-text-medium mw-mb-2">Primary (small)</h4>
-      <div class="mw-empty-state mw-empty-state-primary mw-empty-state-sm">
-        <div class="mw-empty-state-icon"><i class="fas fa-search"></i></div>
-        <p class="mw-empty-state-title">No items match</p>
-        <p class="mw-empty-state-desc">
-          We couldn't find anything matching your query.
-        </p>
-        <button class="mw-btn mw-btn-primary mw-btn-sm">Try Again</button>
-      </div>
-    </div>
-
-    <div class="mw-card mw-card-simple mw-mt-4">
-      <h4 class="mw-text-medium mw-mb-2">Danger</h4>
-      <div class="mw-empty-state mw-empty-state-danger mw-empty-state-sm">
-        <div class="mw-empty-state-icon">
-          <i class="fas fa-times-circle"></i>
-        </div>
-        <p class="mw-empty-state-title">Failed to load</p>
-        <p class="mw-empty-state-desc">
-          Something went wrong while fetching the data.
-        </p>
-        <button class="mw-btn mw-btn-sm mw-btn-outline">Retry</button>
-      </div>
-    </div>
-  </div>
-</div>