@ryanhelsing/ry-ui 1.0.14 → 1.0.15

package/dist/pages/components.html

@@ -197,45 +197,6 @@
       </table>
     </ry-section>
 
-    <!-- Button Group -->
-    <ry-section>
-      <h2>Button Group</h2>
-      <ry-example title="button-group">
-        <template>
-<stack gap="lg">
-  <button-group name="billing" value="monthly">
-    <button value="monthly">Monthly</button>
-    <button value="annually">Annually</button>
-  </button-group>
-
-  <button-group name="mode" value="terminal">
-    <button value="direct">Direct</button>
-    <button value="terminal">Terminal</button>
-    <button value="release">Release</button>
-  </button-group>
-</stack>
-        </template>
-        <script slot="js" type="text/plain">
-const group = document.querySelector('ry-button-group');
-
-// Listen for selection changes
-group.addEventListener('ry:change', (e) => {
-  console.log(e.detail.value);  // "monthly" or "annually"
-});
-
-// Get/set programmatically
-group.value;            // "monthly"
-group.value = 'annually';  // Switch selection
-        </script>
-      </ry-example>
-      <table>
-        <thead><tr><th>Attribute</th><th>Values</th><th>Description</th></tr></thead>
-        <tbody>
-          <tr><td><code>name</code></td><td>string</td><td>Group name</td></tr>
-          <tr><td><code>value</code></td><td>string</td><td>Currently selected value</td></tr>
-        </tbody>
-      </table>
-    </ry-section>
 
     <!-- Split -->
     <ry-section>
@@ -394,10 +355,10 @@ tabs.activeIndex = 1;  // Switch to second tab
 
 <modal id="example-modal" title="Modal Title">
   <p>Modal content with focus trapping.</p>
-  <actions slot="footer">
+  <footer>
     <button variant="ghost" close>Cancel</button>
     <button>Confirm</button>
-  </actions>
+  </footer>
 </modal>
         </template>
         <script slot="js" type="text/plain">
@@ -436,7 +397,7 @@ if (modal.state === 'open') { ... }
       <ry-example title="dropdown">
         <template>
 <dropdown>
-  <button slot="trigger">Options ▾</button>
+  <button>Options ▾</button>
   <menu>
     <menu-item>Edit</menu-item>
     <menu-item>Duplicate</menu-item>
@@ -461,7 +422,7 @@ dropdown.close();
       <table>
         <thead><tr><th>Attribute</th><th>Values</th><th>Description</th></tr></thead>
         <tbody>
-          <tr><td><code>slot="trigger"</code></td><td>—</td><td>Marks the trigger element</td></tr>
+          <tr><td>first child</td><td>—</td><td>First child element is the trigger</td></tr>
         </tbody>
       </table>
     </ry-section>
@@ -1641,18 +1602,9 @@ document.body.appendChild(copy);
       <ry-example title="stat">
         <template>
 <grid cols="3">
-  <stat trend="up">
-    <span slot="value">2,847</span>
-    <span slot="label">Active Users</span>
-  </stat>
-  <stat trend="down">
-    <span slot="value">1.2%</span>
-    <span slot="label">Bounce Rate</span>
-  </stat>
-  <stat>
-    <span slot="value">$12,340</span>
-    <span slot="label">Revenue</span>
-  </stat>
+  <stat trend="up" value="2,847" label="Active Users"></stat>
+  <stat trend="down" value="1.2%" label="Bounce Rate"></stat>
+  <stat value="$12,340" label="Revenue"></stat>
 </grid>
         </template>
       </ry-example>
@@ -1703,9 +1655,7 @@ document.body.appendChild(copy);
       <ry-example title="pricing" stacked>
         <template>
 <pricing>
-  <pricing-card>
-    <h3>Free</h3>
-    <div slot="price">$0<span>/mo</span></div>
+  <pricing-card title="Free" price="$0/mo">
     <ul class="ry-check-list">
       <li>5 projects</li>
       <li>Community support</li>
@@ -1713,9 +1663,7 @@ document.body.appendChild(copy);
     </ul>
     <button variant="outline">Get Started</button>
   </pricing-card>
-  <pricing-card featured>
-    <h3>Pro</h3>
-    <div slot="price">$29<span>/mo</span></div>
+  <pricing-card featured title="Pro" price="$29/mo">
     <ul class="ry-check-list">
       <li>Unlimited projects</li>
       <li>Priority support</li>
@@ -1723,9 +1671,7 @@ document.body.appendChild(copy);
     </ul>
     <button>Choose Pro</button>
   </pricing-card>
-  <pricing-card>
-    <h3>Enterprise</h3>
-    <div slot="price">$99<span>/mo</span></div>
+  <pricing-card title="Enterprise" price="$99/mo">
     <ul class="ry-check-list">
       <li>Everything in Pro</li>
       <li>SLA guarantee</li>
@@ -1751,23 +1697,14 @@ document.body.appendChild(copy);
         <template>
 <ry>
 <grid cols="3">
-  <testimonial stars="5">
-    <img slot="avatar" src="https://i.pravatar.cc/128?img=1" alt="Sarah Chen">
-    <blockquote>This library changed how we build UIs. Everything just works.</blockquote>
-    <span slot="name">Sarah Chen</span>
-    <span slot="role">CTO, Acme Corp</span>
+  <testimonial stars="5" avatar="https://i.pravatar.cc/128?img=1" name="Sarah Chen" role="CTO, Acme Corp">
+    This library changed how we build UIs. Everything just works.
   </testimonial>
-  <testimonial stars="5">
-    <img slot="avatar" src="https://i.pravatar.cc/128?img=3" alt="Marcus Johnson">
-    <blockquote>Clean, fast, and framework-agnostic. Exactly what we needed.</blockquote>
-    <span slot="name">Marcus Johnson</span>
-    <span slot="role">Lead Engineer, StartupCo</span>
+  <testimonial stars="5" avatar="https://i.pravatar.cc/128?img=3" name="Marcus Johnson" role="Lead Engineer, StartupCo">
+    Clean, fast, and framework-agnostic. Exactly what we needed.
   </testimonial>
-  <testimonial stars="4">
-    <img slot="avatar" src="https://i.pravatar.cc/128?img=5" alt="Emily Park">
-    <blockquote>We shipped our entire dashboard in half the time.</blockquote>
-    <span slot="name">Emily Park</span>
-    <span slot="role">Product Manager, BigCo</span>
+  <testimonial stars="4" avatar="https://i.pravatar.cc/128?img=5" name="Emily Park" role="Product Manager, BigCo">
+    We shipped our entire dashboard in half the time.
   </testimonial>
 </grid>
 </ry>
@@ -1777,9 +1714,9 @@ document.body.appendChild(copy);
         <thead><tr><th>Attribute</th><th>Values</th><th>Description</th></tr></thead>
         <tbody>
           <tr><td><code>stars</code></td><td>1–5</td><td>Star rating display</td></tr>
-          <tr><td><code>slot="avatar"</code></td><td>img element</td><td>Avatar photo</td></tr>
-          <tr><td><code>slot="name"</code></td><td>text</td><td>Person's name</td></tr>
-          <tr><td><code>slot="role"</code></td><td>text</td><td>Title / company</td></tr>
+          <tr><td><code>avatar</code></td><td>image URL</td><td>Avatar photo</td></tr>
+          <tr><td><code>name</code></td><td>text</td><td>Person's name</td></tr>
+          <tr><td><code>role</code></td><td>text</td><td>Title / company</td></tr>
         </tbody>
       </table>
     </ry-section>

package/dist/pages/landing.html

@@ -33,22 +33,10 @@
     <!-- ═══ STATS ═══ -->
     <section>
       <grid cols="4">
-        <stat>
-          <span slot="value">32</span>
-          <span slot="label">Components</span>
-        </stat>
-        <stat>
-          <span slot="value">7KB</span>
-          <span slot="label">Gzipped</span>
-        </stat>
-        <stat>
-          <span slot="value">0</span>
-          <span slot="label">Dependencies</span>
-        </stat>
-        <stat>
-          <span slot="value">3</span>
-          <span slot="label">Themes</span>
-        </stat>
+        <stat value="32" label="Components"></stat>
+        <stat value="7KB" label="Gzipped"></stat>
+        <stat value="0" label="Dependencies"></stat>
+        <stat value="3" label="Themes"></stat>
       </grid>
     </section>
 
@@ -107,23 +95,14 @@
       </hero>
 
       <grid cols="3">
-        <testimonial stars="5">
-          <img slot="avatar" src="https://i.pravatar.cc/128?img=1" alt="Sarah Chen">
-          <blockquote>We rebuilt our entire admin dashboard in a weekend. The component library just works — no fighting with frameworks.</blockquote>
-          <span slot="name">Sarah Chen</span>
-          <span slot="role">CTO, Acme Corp</span>
+        <testimonial stars="5" avatar="https://i.pravatar.cc/128?img=1" name="Sarah Chen" role="CTO, Acme Corp">
+          We rebuilt our entire admin dashboard in a weekend. The component library just works — no fighting with frameworks.
         </testimonial>
-        <testimonial stars="5">
-          <img slot="avatar" src="https://i.pravatar.cc/128?img=3" alt="Marcus Johnson">
-          <blockquote>Finally, components that don't force you into a specific framework. We use these across React, Vue, and vanilla JS projects.</blockquote>
-          <span slot="name">Marcus Johnson</span>
-          <span slot="role">Lead Engineer, StartupCo</span>
+        <testimonial stars="5" avatar="https://i.pravatar.cc/128?img=3" name="Marcus Johnson" role="Lead Engineer, StartupCo">
+          Finally, components that don't force you into a specific framework. We use these across React, Vue, and vanilla JS projects.
         </testimonial>
-        <testimonial stars="5">
-          <img slot="avatar" src="https://i.pravatar.cc/128?img=5" alt="Emily Park">
-          <blockquote>The FORM/THEME separation is brilliant. Our design team can iterate on visuals without touching any JavaScript.</blockquote>
-          <span slot="name">Emily Park</span>
-          <span slot="role">Design Lead, BigCo</span>
+        <testimonial stars="5" avatar="https://i.pravatar.cc/128?img=5" name="Emily Park" role="Design Lead, BigCo">
+          The FORM/THEME separation is brilliant. Our design team can iterate on visuals without touching any JavaScript.
         </testimonial>
       </grid>
     </section>
@@ -136,9 +115,7 @@
       </hero>
 
       <pricing>
-        <pricing-card>
-          <h3>Starter</h3>
-          <div slot="price">$0<span>/mo</span></div>
+        <pricing-card title="Starter" price="$0/mo">
           <ul class="ry-check-list">
             <li>All components</li>
             <li>3 themes included</li>
@@ -147,9 +124,7 @@
           </ul>
           <ry-button variant="outline">Get Started</ry-button>
         </pricing-card>
-        <pricing-card featured>
-          <h3>Pro</h3>
-          <div slot="price">$29<span>/mo</span></div>
+        <pricing-card featured title="Pro" price="$29/mo">
           <ul class="ry-check-list">
             <li>Everything in Starter</li>
             <li>Premium themes</li>
@@ -159,9 +134,7 @@
           </ul>
           <ry-button>Choose Pro</ry-button>
         </pricing-card>
-        <pricing-card>
-          <h3>Enterprise</h3>
-          <div slot="price">Custom</div>
+        <pricing-card title="Enterprise" price="Custom">
           <ul class="ry-check-list">
             <li>Everything in Pro</li>
             <li>Dedicated support</li>

package/dist/ry-ui.d.ts

@@ -27,7 +27,6 @@ export { RyModal } from './components/ry-modal.js';
 export { RyTabs } from './components/ry-tabs.js';
 export { RyDropdown } from './components/ry-dropdown.js';
 export { RyButton } from './components/ry-button.js';
-export { RyButtonGroup } from './components/ry-button-group.js';
 export { RySplit } from './components/ry-split.js';
 export { RyThemeToggle } from './components/ry-theme-toggle.js';
 export { RyCard } from './components/ry-card.js';
@@ -63,6 +62,8 @@ export { RyCarousel } from './components/ry-carousel.js';
 export { RyThemePanel } from './components/ry-theme-panel.js';
 export { RyTestimonial } from './components/ry-testimonial.js';
 export { RyHeading } from './components/ry-heading.js';
+export { RySearchList } from './components/ry-search-list.js';
+export { RyLogoBar } from './components/ry-logo-bar.js';
 export { getIcon, registerIcon, registerIcons, getIconNames } from './core/ry-icons.js';
 import { RyToast as _RyToast } from './components/ry-toast.js';
 declare global {

package/dist/ry-ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ry-ui.d.ts","sourceRoot":"","sources":["../src/ts/ry-ui.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ry-ui.d.ts","sourceRoot":"","sources":["../src/ts/ry-ui.ts"],"names":[],"mappings":"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"}