hermesbuttons 1.1.2 → 1.1.3

package/dist/react.js

@@ -1,4 +1,4 @@
-"use strict";"use client";var K=Object.defineProperty;var lt=Object.getOwnPropertyDescriptor;var ct=Object.getOwnPropertyNames;var pt=Object.prototype.hasOwnProperty;var R=(a,n)=>()=>(a&&(n=a(a=0)),n);var Y=(a,n)=>{for(var t in n)K(a,t,{get:n[t],enumerable:!0})},bt=(a,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of ct(n))!pt.call(a,e)&&e!==t&&K(a,e,{get:()=>n[e],enumerable:!(o=lt(n,e))||o.enumerable});return a};var ut=a=>bt(K({},"__esModule",{value:!0}),a);function et(){return typeof document<"u"}function mt(){if(!et())return null;let a=document.cookie.split(";").map(t=>t.trim()).find(t=>t.startsWith(`${Z}=`));if(!a)return null;let n=a.slice(Z.length+1);if(!n)return null;try{let t=decodeURIComponent(n),o=JSON.parse(t);return!o||typeof o!="object"||!Array.isArray(o.order)?null:{order:o.order.filter(r=>typeof r=="string"&&r.length>0)}}catch{return null}}function gt(a){if(!et())return;let n=a.order.slice(0,24),t=JSON.stringify({order:n}),o=new Date;o.setFullYear(o.getFullYear()+1),document.cookie=`${Z}=${encodeURIComponent(t)}; Path=/; SameSite=Lax; Expires=${o.toUTCString()}`}function L(a){if(!a||typeof a!="string")return;let t=mt()?.order.filter(o=>o!==a)??[];gt({order:[a,...t]})}var Z,J=R(()=>{"use strict";Z="agentpreferences"});var z,N,H,ot,at,P=R(()=>{"use strict";z=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="hb-icon">
+"use strict";"use client";var W=Object.defineProperty;var st=Object.getOwnPropertyDescriptor;var dt=Object.getOwnPropertyNames;var ht=Object.prototype.hasOwnProperty;var F=(a,n)=>()=>(a&&(n=a(a=0)),n);var G=(a,n)=>{for(var t in n)W(a,t,{get:n[t],enumerable:!0})},lt=(a,n,t,e)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of dt(n))!ht.call(a,o)&&o!==t&&W(a,o,{get:()=>n[o],enumerable:!(e=st(n,o))||e.enumerable});return a};var ct=a=>lt(W({},"__esModule",{value:!0}),a);function X(){return typeof document<"u"}function pt(){if(!X())return null;let a=document.cookie.split(";").map(t=>t.trim()).find(t=>t.startsWith(`${K}=`));if(!a)return null;let n=a.slice(K.length+1);if(!n)return null;try{let t=decodeURIComponent(n),e=JSON.parse(t);return!e||typeof e!="object"||!Array.isArray(e.order)?null:{order:e.order.filter(r=>typeof r=="string"&&r.length>0)}}catch{return null}}function bt(a){if(!X())return;let n=a.order.slice(0,24),t=JSON.stringify({order:n}),e=new Date;e.setFullYear(e.getFullYear()+1),document.cookie=`${K}=${encodeURIComponent(t)}; Path=/; SameSite=Lax; Expires=${e.toUTCString()}`}function T(a){if(!a||typeof a!="string")return;let t=pt()?.order.filter(e=>e!==a)??[];bt({order:[a,...t]})}var K,Y=F(()=>{"use strict";K="agentpreferences"});var B,H,M,Q,tt,z=F(()=>{"use strict";B=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="hb-icon">
   <!-- Wing helmet -->
   <path d="M12 2C8.5 2 6 4.5 6 7c0 1.5.5 2.8 1.5 3.8L6 14h12l-1.5-3.2C17.5 9.8 18 8.5 18 7c0-2.5-2.5-5-6-5z" fill="currentColor" opacity="0.2"/>
   <path d="M12 2C8.5 2 6 4.5 6 7c0 1.5.5 2.8 1.5 3.8L6 14h12l-1.5-3.2C17.5 9.8 18 8.5 18 7c0-2.5-2.5-5-6-5z" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linejoin="round"/>
@@ -12,7 +12,7 @@
   <path d="M9.5 19c1.5 1 3.5 1 5 0" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" fill="none"/>
   <!-- Eye -->
   <circle cx="12" cy="7.5" r="1.5" fill="currentColor"/>
-</svg>`,N=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="hb-icon">
+</svg>`,H=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="hb-icon">
   <!-- Brain/memory symbol -->
   <path d="M12 3C8 3 5 6 5 9c0 2 1 3.5 2 4.5V16a2 2 0 002 2h6a2 2 0 002-2v-2.5c1-1 2-2.5 2-4.5 0-3-3-6-7-6z" fill="currentColor" opacity="0.15"/>
   <path d="M12 3C8 3 5 6 5 9c0 2 1 3.5 2 4.5V16a2 2 0 002 2h6a2 2 0 002-2v-2.5c1-1 2-2.5 2-4.5 0-3-3-6-7-6z" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linejoin="round"/>
@@ -23,14 +23,14 @@
   <!-- Sparkle -->
   <circle cx="8" cy="6" r="0.8" fill="currentColor"/>
   <circle cx="16" cy="6" r="0.8" fill="currentColor"/>
-</svg>`,H=`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="hb-icon-sm">
+</svg>`,M=`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="hb-icon-sm">
   <rect x="5" y="5" width="8" height="8" rx="1.5" stroke="currentColor" stroke-width="1.5" fill="none"/>
   <path d="M3 10V3.5A1.5 1.5 0 014.5 2H10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
-</svg>`,ot=`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="hb-icon-sm">
+</svg>`,Q=`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="hb-icon-sm">
   <path d="M3 8.5l3.5 3.5L13 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`,at=`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="hb-icon-sm">
+</svg>`,tt=`<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="hb-icon-sm">
   <path d="M4 4l8 8m0-8l-8 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
-</svg>`});function k(a){return a!=="system"?D[a]:typeof window>"u"?D.light:window.matchMedia("(prefers-color-scheme: dark)").matches?D.dark:D.light}function O(a){return`
+</svg>`});function k(a){return a!=="system"?N[a]:typeof window>"u"?N.light:window.matchMedia("(prefers-color-scheme: dark)").matches?N.dark:N.light}function $(a){return`
     --hb-bg: ${a.bg};
     --hb-text: ${a.text};
     --hb-border: ${a.border};
@@ -41,7 +41,7 @@
     --hb-primary-text: ${a.primaryText};
     --hb-code-bg: ${a.codeBg};
     --hb-code-text: ${a.codeText};
-  `}var d,T,I,l,C,q,V,g,D,U,j,W=R(()=>{"use strict";d="#2B8CFF",T="#1E7AEB",I="#186BD4",l="43, 140, 255",C="#8FA3E8",q="#7B91DC",V="#6B82CC",g="143, 163, 232",D={branded:{bg:d,text:"#FFFFFF",border:"transparent",surface:"#FFFFFF",surfaceText:"#0F172A",muted:"#64748B",primary:d,primaryText:"#FFFFFF",codeBg:"#0F172A",codeText:"#F1F5F9"},"branded-alt":{bg:C,text:"#FFFFFF",border:"transparent",surface:"#FFFFFF",surfaceText:"#0F172A",muted:"#64748B",primary:C,primaryText:"#FFFFFF",codeBg:"#0F172A",codeText:"#F1F5F9"},dark:{bg:"#141C2E",text:"#F1F5F9",border:"#2A3F5C",surface:"#1A2740",surfaceText:"#F1F5F9",muted:"#94A3B8",primary:d,primaryText:"#FFFFFF",codeBg:"#0A0E18",codeText:"#F1F5F9"},light:{bg:"#FFFFFF",text:"#0F172A",border:"#CBD5E1",surface:"#F8FAFC",surfaceText:"#0F172A",muted:"#64748B",primary:d,primaryText:"#FFFFFF",codeBg:"#0F172A",codeText:"#F1F5F9"}};U={rounded:{sm:"0.375rem",md:"0.5rem",lg:"0.625rem"},pill:{sm:"999px",md:"999px",lg:"999px"},square:{sm:"0",md:"0",lg:"0"}},j={sm:{height:"2rem",fontSize:"0.75rem",iconSize:"0.875rem",padding:"0 0.75rem",ccPadding:"0 0.5rem",gap:"0.375rem",radius:"0.375rem"},md:{height:"2.5rem",fontSize:"0.875rem",iconSize:"1.125rem",padding:"0 1rem",ccPadding:"0 0.75rem",gap:"0.5rem",radius:"0.5rem"},lg:{height:"3rem",fontSize:"1rem",iconSize:"1.375rem",padding:"0 1.25rem",ccPadding:"0 1rem",gap:"0.625rem",radius:"0.625rem"}}});function G(a){let n=document.createElement("hermes-popup-dialog");return n.options=a,document.body.appendChild(n),n}var vt,X,Q=R(()=>{"use strict";P();W();vt=`
+  `}var d,A,P,l,y,D,I,g,N,q,V,U=F(()=>{"use strict";d="#2B8CFF",A="#1E7AEB",P="#186BD4",l="43, 140, 255",y="#8FA3E8",D="#7B91DC",I="#6B82CC",g="143, 163, 232",N={branded:{bg:d,text:"#FFFFFF",border:"transparent",surface:"#FFFFFF",surfaceText:"#0F172A",muted:"#64748B",primary:d,primaryText:"#FFFFFF",codeBg:"#0F172A",codeText:"#F1F5F9"},"branded-alt":{bg:y,text:"#FFFFFF",border:"transparent",surface:"#FFFFFF",surfaceText:"#0F172A",muted:"#64748B",primary:y,primaryText:"#FFFFFF",codeBg:"#0F172A",codeText:"#F1F5F9"},dark:{bg:"#141C2E",text:"#F1F5F9",border:"#2A3F5C",surface:"#1A2740",surfaceText:"#F1F5F9",muted:"#94A3B8",primary:d,primaryText:"#FFFFFF",codeBg:"#0A0E18",codeText:"#F1F5F9"},light:{bg:"#FFFFFF",text:"#0F172A",border:"#CBD5E1",surface:"#F8FAFC",surfaceText:"#0F172A",muted:"#64748B",primary:d,primaryText:"#FFFFFF",codeBg:"#0F172A",codeText:"#F1F5F9"}};q={rounded:{sm:"0.375rem",md:"0.5rem",lg:"0.625rem"},pill:{sm:"999px",md:"999px",lg:"999px"},square:{sm:"0",md:"0",lg:"0"}},V={sm:{height:"2rem",fontSize:"0.75rem",iconSize:"0.875rem",padding:"0 0.75rem",ccPadding:"0 0.5rem",gap:"0.375rem",radius:"0.375rem"},md:{height:"2.5rem",fontSize:"0.875rem",iconSize:"1.125rem",padding:"0 1rem",ccPadding:"0 0.75rem",gap:"0.5rem",radius:"0.5rem"},lg:{height:"3rem",fontSize:"1rem",iconSize:"1.375rem",padding:"0 1.25rem",ccPadding:"0 1rem",gap:"0.625rem",radius:"0.625rem"}}});function j(a){let n=document.createElement("hermes-popup-dialog");return n.options=a,document.body.appendChild(n),n}var ut,Z,J=F(()=>{"use strict";z();U();ut=`
   :host {
     position: fixed;
     inset: 0;
@@ -220,7 +220,7 @@
     white-space: nowrap;
   }
 
-  .hb-copy-btn:hover { background: ${T}; }
+  .hb-copy-btn:hover { background: ${A}; }
   .hb-copy-btn:active { transform: scale(0.96); }
   .hb-copy-btn svg { width: 14px; height: 14px; }
 
@@ -253,7 +253,7 @@
     transition: background 0.15s, transform 0.1s;
   }
 
-  .hb-action-btn:hover { background: ${T}; }
+  .hb-action-btn:hover { background: ${A}; }
   .hb-action-btn:active { transform: scale(0.98); }
   .hb-action-btn svg { width: 16px; height: 16px; }
 
@@ -318,21 +318,21 @@
   @supports (padding: env(safe-area-inset-bottom)) {
     .hb-dialog-footer { padding-bottom: calc(20px + env(safe-area-inset-bottom)); }
   }
-`,X=class extends HTMLElement{constructor(){super();this._mqCleanup=null;this.attachShadow({mode:"open"})}set options(t){this._options=t,this.render()}get options(){return this._options}disconnectedCallback(){this._mqCleanup?.(),this._mqCleanup=null}resolvePopupTokens(){let{theme:t}=this._options;if(t==="dark"||t==="light")return k(t);let o=typeof window<"u"&&window.matchMedia("(prefers-color-scheme: dark)").matches;if(t==="system")return o?k("dark"):k("light");let e=o?k("dark"):k("light"),r=k(t);return{...e,primary:r.primary,primaryText:r.primaryText}}render(){if(!this.shadowRoot||!this._options)return;let{variant:t,title:o,description:e,command:r,fullCommand:i,skillUrl:h}=this._options,s=this.resolvePopupTokens(),p=t==="hermes"?z:N,b=t==="hermes",w=i||r;this.shadowRoot.innerHTML=`
-      <style>${vt}</style>
-      <div style="${O(s)}">
+`,Z=class extends HTMLElement{constructor(){super();this._mqCleanup=null;this.attachShadow({mode:"open"})}set options(t){this._options=t,this.render()}get options(){return this._options}disconnectedCallback(){this._mqCleanup?.(),this._mqCleanup=null}resolvePopupTokens(){let{theme:t}=this._options;if(t==="dark"||t==="light")return k(t);let e=typeof window<"u"&&window.matchMedia("(prefers-color-scheme: dark)").matches;if(t==="system")return e?k("dark"):k("light");let o=e?k("dark"):k("light"),r=k(t);return{...o,primary:r.primary,primaryText:r.primaryText}}render(){if(!this.shadowRoot||!this._options)return;let{variant:t,title:e,description:o,command:r,fullCommand:i}=this._options,c=this.resolvePopupTokens(),s=t==="hermes"?B:H,b=t==="hermes",v=i||r;this.shadowRoot.innerHTML=`
+      <style>${ut}</style>
+      <div style="${$(c)}">
         <div class="hb-backdrop" data-action="close"></div>
         <div class="hb-dialog" role="dialog" aria-modal="true" aria-labelledby="hb-dialog-title">
           <div class="hb-dialog-header">
-            <div class="hb-dialog-header-icon">${p}</div>
+            <div class="hb-dialog-header-icon">${s}</div>
             <div class="hb-dialog-header-text">
-              <div class="hb-dialog-title" id="hb-dialog-title">${o}</div>
-              ${e?`<div class="hb-dialog-description">${e}</div>`:""}
+              <div class="hb-dialog-title" id="hb-dialog-title">${e}</div>
+              ${o?`<div class="hb-dialog-description">${o}</div>`:""}
             </div>
-            <button class="hb-dialog-close" data-action="close" aria-label="Close">${at}</button>
+            <button class="hb-dialog-close" data-action="close" aria-label="Close">${tt}</button>
           </div>
           <div class="hb-dialog-body">
-            ${b?this.renderHermesTerminalBody(w):this.renderHermesSkillBody(r,h)}
+            ${b?this.renderHermesTerminalBody(v):this.renderHermesSkillBody(r)}
           </div>
           <div class="hb-dialog-footer">
             ${b?`
@@ -350,7 +350,7 @@
           <div class="hb-step-label">Copy this command to your clipboard</div>
           <div class="hb-code-block">
             <div class="hb-code-text"><span class="hb-code-prefix">$</span>${this.escapeHtml(t)}</div>
-            <button class="hb-copy-btn" data-action="copy" data-command="${this.escapeAttr(t)}">${H}<span>Copy</span></button>
+            <button class="hb-copy-btn" data-action="copy" data-command="${this.escapeAttr(t)}">${M}<span>Copy</span></button>
           </div>
         </div>
       </div>
@@ -360,41 +360,24 @@
           <div class="hb-step-label">Paste and run in your terminal</div>
         </div>
       </div>
-    `}renderHermesSkillBody(t,o){let e="";if(o){let r=`Install the skill from ${o} and run ${t}`;e+=`
-        <div class="hb-step">
-          <div class="hb-step-num">1</div>
-          <div class="hb-step-content">
-            <div class="hb-step-label">Copy this prompt to your clipboard</div>
-            <div class="hb-code-block">
-              <div class="hb-code-text">${this.escapeHtml(r)}</div>
-              <button class="hb-copy-btn" data-action="copy" data-command="${this.escapeAttr(r)}">${H}<span>Copy</span></button>
-            </div>
-          </div>
-        </div>
-        <div class="hb-step">
-          <div class="hb-step-num">2</div>
-          <div class="hb-step-content">
-            <div class="hb-step-label">Paste into a Hermes session \u2014 the agent will fetch the skill and set it up for you</div>
-          </div>
-        </div>
-      `}else e+=`
-        <div class="hb-step">
-          <div class="hb-step-num">1</div>
-          <div class="hb-step-content">
-            <div class="hb-step-label">Copy this command to your clipboard</div>
-            <div class="hb-code-block">
-              <div class="hb-code-text">${this.escapeHtml(t)}</div>
-              <button class="hb-copy-btn" data-action="copy" data-command="${this.escapeAttr(t)}">${H}<span>Copy</span></button>
-            </div>
+    `}renderHermesSkillBody(t){return`
+      <div class="hb-step">
+        <div class="hb-step-num">1</div>
+        <div class="hb-step-content">
+          <div class="hb-step-label">Copy this command to your clipboard</div>
+          <div class="hb-code-block">
+            <div class="hb-code-text">${this.escapeHtml(t)}</div>
+            <button class="hb-copy-btn" data-action="copy" data-command="${this.escapeAttr(t)}">${M}<span>Copy</span></button>
           </div>
         </div>
-        <div class="hb-step">
-          <div class="hb-step-num">2</div>
-          <div class="hb-step-content">
-            <div class="hb-step-label">Paste and send in your Hermes session</div>
-          </div>
+      </div>
+      <div class="hb-step">
+        <div class="hb-step-num">2</div>
+        <div class="hb-step-content">
+          <div class="hb-step-label">Paste and send in your Hermes session</div>
         </div>
-      `;return e}setupListeners(){this.shadowRoot&&(this.shadowRoot.addEventListener("click",t=>{let o=t.target.closest("[data-action]");if(!o)return;let e=o.dataset.action;if(e==="close")this.close();else if(e==="copy"){let r=o.dataset.command||"";this.copyToClipboard(r,o)}}),this.shadowRoot.addEventListener("keydown",t=>{t.key==="Escape"&&this.close()}))}setupSystemThemeWatch(){this._mqCleanup?.(),this._mqCleanup=null;let t=this._options.theme;if(!(t==="system"||t==="branded"||t==="branded-alt")||typeof window>"u")return;let e=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>this.render();e.addEventListener("change",r),this._mqCleanup=()=>e.removeEventListener("change",r)}async copyToClipboard(t,o){try{await navigator.clipboard.writeText(t);let e=o.querySelector("span"),r=o;o.setAttribute("data-copied","true"),e&&(e.textContent="Copied!"),r.innerHTML=`${ot}<span>Copied!</span>`,this._options.onCopy?.(t),setTimeout(()=>{o.setAttribute("data-copied","false"),r.innerHTML=`${H}<span>Copy</span>`},2e3)}catch{let e=document.createElement("textarea");e.value=t,e.style.position="fixed",e.style.opacity="0",document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e),this._options.onCopy?.(t)}}close(){let t=this.shadowRoot?.querySelector(".hb-dialog"),o=this.shadowRoot?.querySelector(".hb-backdrop");t&&(t.style.animation="hb-scale-in 0.15s ease-in reverse"),o&&(o.style.animation="hb-fade-in 0.15s ease-in reverse"),setTimeout(()=>{this._options.onClose?.(),this.remove()},140)}escapeHtml(t){let o=document.createElement("div");return o.textContent=t,o.innerHTML}escapeAttr(t){return t.replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}};typeof customElements<"u"&&!customElements.get("hermes-popup-dialog")&&customElements.define("hermes-popup-dialog",X)});var nt={};Y(nt,{HermesButton:()=>B,createHermesButton:()=>xt,registerHermesButton:()=>rt});function rt(a="hermes-button"){typeof customElements>"u"||customElements.get(a)||customElements.define(a,B)}function xt(a){let n=document.createElement("hermes-button");return n.options=a,n}var ft,B,it=R(()=>{"use strict";J();P();W();Q();ft=`
+      </div>
+    `}setupListeners(){this.shadowRoot&&(this.shadowRoot.addEventListener("click",t=>{let e=t.target.closest("[data-action]");if(!e)return;let o=e.dataset.action;if(o==="close")this.close();else if(o==="copy"){let r=e.dataset.command||"";this.copyToClipboard(r,e)}}),this.shadowRoot.addEventListener("keydown",t=>{t.key==="Escape"&&this.close()}))}setupSystemThemeWatch(){this._mqCleanup?.(),this._mqCleanup=null;let t=this._options.theme;if(!(t==="system"||t==="branded"||t==="branded-alt")||typeof window>"u")return;let o=window.matchMedia("(prefers-color-scheme: dark)"),r=()=>this.render();o.addEventListener("change",r),this._mqCleanup=()=>o.removeEventListener("change",r)}async copyToClipboard(t,e){try{await navigator.clipboard.writeText(t);let o=e.querySelector("span"),r=e;e.setAttribute("data-copied","true"),o&&(o.textContent="Copied!"),r.innerHTML=`${Q}<span>Copied!</span>`,this._options.onCopy?.(t),setTimeout(()=>{e.setAttribute("data-copied","false"),r.innerHTML=`${M}<span>Copy</span>`},2e3)}catch{let o=document.createElement("textarea");o.value=t,o.style.position="fixed",o.style.opacity="0",document.body.appendChild(o),o.select(),document.execCommand("copy"),document.body.removeChild(o),this._options.onCopy?.(t)}}close(){let t=this.shadowRoot?.querySelector(".hb-dialog"),e=this.shadowRoot?.querySelector(".hb-backdrop");t&&(t.style.animation="hb-scale-in 0.15s ease-in reverse"),e&&(e.style.animation="hb-fade-in 0.15s ease-in reverse"),setTimeout(()=>{this._options.onClose?.(),this.remove()},140)}escapeHtml(t){let e=document.createElement("div");return e.textContent=t,e.innerHTML}escapeAttr(t){return t.replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}};typeof customElements<"u"&&!customElements.get("hermes-popup-dialog")&&customElements.define("hermes-popup-dialog",Z)});var ot={};G(ot,{HermesButton:()=>O,createHermesButton:()=>gt,registerHermesButton:()=>et});function et(a="hermes-button"){typeof customElements>"u"||customElements.get(a)||customElements.define(a,O)}function gt(a){let n=document.createElement("hermes-button");return n.options=a,n}var mt,O,at=F(()=>{"use strict";Y();z();U();J();mt=`
   :host {
     display: inline-block;
     vertical-align: middle;
@@ -439,19 +422,19 @@
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
   }
   :host([data-variant="filled"][data-theme="branded"]) .hb-btn:hover {
-    background: ${T};
+    background: ${A};
     box-shadow: 0 2px 8px rgba(${l}, 0.35);
   }
   :host([data-variant="filled"][data-theme="branded"]) .hb-btn:active {
-    background: ${I};
+    background: ${P};
     transform: scale(0.98);
   }
   :host([data-variant="filled"][data-theme="branded-alt"]) .hb-btn:hover {
-    background: ${q};
+    background: ${D};
     box-shadow: 0 2px 8px rgba(${g}, 0.35);
   }
   :host([data-variant="filled"][data-theme="branded-alt"]) .hb-btn:active {
-    background: ${V};
+    background: ${I};
     transform: scale(0.98);
   }
 
@@ -498,8 +481,8 @@
 
   :host([data-variant="outline"][data-theme="branded-alt"]) .hb-btn {
     background: transparent;
-    border-color: ${C};
-    color: ${C};
+    border-color: ${y};
+    color: ${y};
   }
   :host([data-variant="outline"][data-theme="branded-alt"]) .hb-btn:hover {
     background: rgba(${g}, 0.08);
@@ -557,7 +540,7 @@
   }
 
   :host([data-variant="ghost"][data-theme="branded-alt"]) .hb-btn {
-    color: ${C};
+    color: ${y};
   }
   :host([data-variant="ghost"][data-theme="branded-alt"]) .hb-btn:hover {
     background: rgba(${g}, 0.1);
@@ -631,16 +614,16 @@
   .hb-btn-label {
     letter-spacing: -0.01em;
   }
-`,B=class extends HTMLElement{constructor(){super();this._options={command:"",theme:"branded",size:"md",variant:"filled",popup:!0,promptFlag:!0};this._mqCleanup=null;this._rendered=!1;this.attachShadow({mode:"open"})}connectedCallback(){this.syncFromAttributes(),this.render(),this.updateLightDOM()}disconnectedCallback(){this._mqCleanup?.(),this._mqCleanup=null}attributeChangedCallback(){this._rendered&&(this.syncFromAttributes(),this.render(),this.updateLightDOM())}set options(t){this._options={...this._options,...t},this.render(),this.updateLightDOM()}get options(){return this._options}syncFromAttributes(){let t=this.getAttribute("command"),o=this.getAttribute("theme"),e=this.getAttribute("size"),r=this.getAttribute("variant"),i=this.getAttribute("shape"),h=this.getAttribute("popup"),s=this.getAttribute("prompt-flag"),p=this.getAttribute("popup-title"),b=this.getAttribute("popup-description");t!==null&&(this._options.command=t),o&&(this._options.theme=o),e&&(this._options.size=e),r&&(this._options.variant=r),i&&(this._options.shape=i),h!==null&&(this._options.popup=h!=="false"),s!==null&&(this._options.promptFlag=s!=="false"),p!==null&&(this._options.popupTitle=p),b!==null&&(this._options.popupDescription=b)}updateLightDOM(){let{command:t}=this._options,o=this.getFullCommand();this.setAttribute("role","button"),this.setAttribute("tabindex","0"),this.setAttribute("aria-label",`Run on Hermes: ${t}`),this._options.popup!==!1?this.setAttribute("aria-haspopup","dialog"):this.removeAttribute("aria-haspopup");let e=this.querySelector("a[data-hb-crawl]");e||(e=document.createElement("a"),e.setAttribute("data-hb-crawl",""),e.setAttribute("aria-hidden","true"),e.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;",this.appendChild(e)),e.href=`https://hermes.ai/run?command=${encodeURIComponent(o)}`,e.textContent=`Run on Hermes: ${t}`,e.setAttribute("data-platform","hermes"),e.setAttribute("data-command",t),e.setAttribute("data-full-command",o)}getResolvedTheme(){return this._options.theme||"branded"}getFullCommand(){let{command:t,promptFlag:o}=this._options;return o===!1?t:`hermes -p "${t}"`}render(){if(!this.shadowRoot)return;let t=this.getResolvedTheme(),o=t==="system"?typeof window<"u"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":t,e=this._options.variant||"filled",r=k(t),i=this._options.size||"md",h=this._options.shape||"rounded",s=j[i],p=U[h][i];this.setAttribute("data-theme",o),this.setAttribute("data-variant",e);let b=e!=="filled"?"transparent":r.bg,w=e==="ghost"?"transparent":e==="outline"?r.primary:r.border,E=e!=="filled"?r.primary:r.text;this.shadowRoot.innerHTML=`
-      <style>${ft}</style>
+`,O=class extends HTMLElement{constructor(){super();this._options={command:"",theme:"branded",size:"md",variant:"filled",popup:!0,promptFlag:!0};this._mqCleanup=null;this._rendered=!1;this.attachShadow({mode:"open"})}connectedCallback(){this.syncFromAttributes(),this.render(),this.updateLightDOM()}disconnectedCallback(){this._mqCleanup?.(),this._mqCleanup=null}attributeChangedCallback(){this._rendered&&(this.syncFromAttributes(),this.render(),this.updateLightDOM())}set options(t){this._options={...this._options,...t},this.render(),this.updateLightDOM()}get options(){return this._options}syncFromAttributes(){let t=this.getAttribute("command"),e=this.getAttribute("theme"),o=this.getAttribute("size"),r=this.getAttribute("variant"),i=this.getAttribute("shape"),c=this.getAttribute("popup"),s=this.getAttribute("prompt-flag"),b=this.getAttribute("popup-title"),v=this.getAttribute("popup-description");t!==null&&(this._options.command=t),e&&(this._options.theme=e),o&&(this._options.size=o),r&&(this._options.variant=r),i&&(this._options.shape=i),c!==null&&(this._options.popup=c!=="false"),s!==null&&(this._options.promptFlag=s!=="false"),b!==null&&(this._options.popupTitle=b),v!==null&&(this._options.popupDescription=v)}updateLightDOM(){let{command:t}=this._options,e=this.getFullCommand();this.setAttribute("role","button"),this.setAttribute("tabindex","0"),this.setAttribute("aria-label",`Run on Hermes: ${t}`),this._options.popup!==!1?this.setAttribute("aria-haspopup","dialog"):this.removeAttribute("aria-haspopup");let o=this.querySelector("a[data-hb-crawl]");o||(o=document.createElement("a"),o.setAttribute("data-hb-crawl",""),o.setAttribute("aria-hidden","true"),o.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;",this.appendChild(o)),o.href=`https://hermes.ai/run?command=${encodeURIComponent(e)}`,o.textContent=`Run on Hermes: ${t}`,o.setAttribute("data-platform","hermes"),o.setAttribute("data-command",t),o.setAttribute("data-full-command",e)}getResolvedTheme(){return this._options.theme||"branded"}getFullCommand(){let{command:t,promptFlag:e}=this._options;return e===!1?t:`hermes -p "${t}"`}render(){if(!this.shadowRoot)return;let t=this.getResolvedTheme(),e=t==="system"?typeof window<"u"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":t,o=this._options.variant||"filled",r=k(t),i=this._options.size||"md",c=this._options.shape||"rounded",s=V[i],b=q[c][i];this.setAttribute("data-theme",e),this.setAttribute("data-variant",o);let v=o!=="filled"?"transparent":r.bg,w=o==="ghost"?"transparent":o==="outline"?r.primary:r.border,C=o!=="filled"?r.primary:r.text;this.shadowRoot.innerHTML=`
+      <style>${mt}</style>
       <button
         class="hb-btn"
         type="button"
         style="
-          ${O(r)}
-          --hb-bg: ${b};
+          ${$(r)}
+          --hb-bg: ${v};
           --hb-border: ${w};
-          --hb-text: ${E};
+          --hb-text: ${C};
           --hb-accent-color: ${r.primary};
           --hb-focus-color: ${r.primary};
           --hb-height: ${s.height};
@@ -648,14 +631,14 @@
           --hb-icon-size: ${s.iconSize};
           --hb-padding: ${s.ccPadding};
           --hb-gap: ${s.gap};
-          --hb-radius: ${p};
+          --hb-radius: ${b};
         "
         aria-label="Run on Hermes: ${this._options.command.replace(/"/g,"&quot;")}"
       >
-        <span class="hb-btn-icon" aria-hidden="true">${z}</span>
+        <span class="hb-btn-icon" aria-hidden="true">${B}</span>
         <span class="hb-btn-label">Run on Hermes</span>
       </button>
-    `;let f=this.shadowRoot.querySelector(".hb-btn");f.addEventListener("click",()=>this.handleClick()),f.addEventListener("keydown",v=>{(v.key==="Enter"||v.key===" ")&&(v.preventDefault(),this.handleClick())}),this._rendered=!0,this.setupSystemThemeWatch()}handleClick(){let{popup:t,command:o,popupTitle:e,popupDescription:r}=this._options,i=this.getFullCommand();if(this.dispatchEvent(new CustomEvent("hb-open",{bubbles:!0,composed:!0,detail:{command:o,fullCommand:i}})),t===!1){navigator.clipboard.writeText(i).then(()=>{this._options.onCopy?.(i),L("hermes"),this.dispatchEvent(new CustomEvent("hb-copy",{bubbles:!0,composed:!0,detail:{command:i}}))});return}G({variant:"hermes",theme:this.getResolvedTheme(),title:e||"Run on Hermes",description:r||"Execute this command in your terminal to get started with Hermes Agent.",command:o,fullCommand:i,onCopy:h=>{this._options.onCopy?.(h),L("hermes"),this.dispatchEvent(new CustomEvent("hb-copy",{bubbles:!0,composed:!0,detail:{command:h}}))},onClose:()=>{this.dispatchEvent(new CustomEvent("hb-close",{bubbles:!0,composed:!0}))}})}setupSystemThemeWatch(){if(this._mqCleanup?.(),this._mqCleanup=null,this.getResolvedTheme()!=="system"||typeof window>"u")return;let t=window.matchMedia("(prefers-color-scheme: dark)"),o=()=>this.render();t.addEventListener("change",o),this._mqCleanup=()=>t.removeEventListener("change",o)}};B.observedAttributes=["command","theme","size","variant","shape","popup","prompt-flag","popup-title","popup-description"];rt()});var dt={};Y(dt,{HermesSkillButton:()=>M,createHermesSkillButton:()=>yt,registerHermesSkillButton:()=>st});function st(a="hermes-skill-button"){typeof customElements>"u"||customElements.get(a)||customElements.define(a,M)}function yt(a){let n=document.createElement("hermes-skill-button");return n.options=a,n}var kt,M,ht=R(()=>{"use strict";J();P();W();Q();kt=`
+    `;let f=this.shadowRoot.querySelector(".hb-btn");f.addEventListener("click",()=>this.handleClick()),f.addEventListener("keydown",u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),this.handleClick())}),this._rendered=!0,this.setupSystemThemeWatch()}handleClick(){let{popup:t,command:e,popupTitle:o,popupDescription:r}=this._options,i=this.getFullCommand();if(this.dispatchEvent(new CustomEvent("hb-open",{bubbles:!0,composed:!0,detail:{command:e,fullCommand:i}})),t===!1){navigator.clipboard.writeText(i).then(()=>{this._options.onCopy?.(i),T("hermes"),this.dispatchEvent(new CustomEvent("hb-copy",{bubbles:!0,composed:!0,detail:{command:i}}))});return}j({variant:"hermes",theme:this.getResolvedTheme(),title:o||"Run on Hermes",description:r||"Execute this command in your terminal to get started with Hermes Agent.",command:e,fullCommand:i,onCopy:c=>{this._options.onCopy?.(c),T("hermes"),this.dispatchEvent(new CustomEvent("hb-copy",{bubbles:!0,composed:!0,detail:{command:c}}))},onClose:()=>{this.dispatchEvent(new CustomEvent("hb-close",{bubbles:!0,composed:!0}))}})}setupSystemThemeWatch(){if(this._mqCleanup?.(),this._mqCleanup=null,this.getResolvedTheme()!=="system"||typeof window>"u")return;let t=window.matchMedia("(prefers-color-scheme: dark)"),e=()=>this.render();t.addEventListener("change",e),this._mqCleanup=()=>t.removeEventListener("change",e)}};O.observedAttributes=["command","theme","size","variant","shape","popup","prompt-flag","popup-title","popup-description"];et()});var nt={};G(nt,{HermesSkillButton:()=>S,createHermesSkillButton:()=>ft,registerHermesSkillButton:()=>rt});function rt(a="hermes-skill-button"){typeof customElements>"u"||customElements.get(a)||customElements.define(a,S)}function ft(a){let n=document.createElement("hermes-skill-button");return n.options=a,n}var vt,S,it=F(()=>{"use strict";Y();z();U();J();vt=`
   :host {
     display: inline-block;
     vertical-align: middle;
@@ -700,19 +683,19 @@
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
   }
   :host([data-variant="filled"][data-theme="branded"]) .hb-btn:hover {
-    background: ${T};
+    background: ${A};
     box-shadow: 0 2px 8px rgba(${l}, 0.35);
   }
   :host([data-variant="filled"][data-theme="branded"]) .hb-btn:active {
-    background: ${I};
+    background: ${P};
     transform: scale(0.98);
   }
   :host([data-variant="filled"][data-theme="branded-alt"]) .hb-btn:hover {
-    background: ${q};
+    background: ${D};
     box-shadow: 0 2px 8px rgba(${g}, 0.35);
   }
   :host([data-variant="filled"][data-theme="branded-alt"]) .hb-btn:active {
-    background: ${V};
+    background: ${I};
     transform: scale(0.98);
   }
 
@@ -759,8 +742,8 @@
 
   :host([data-variant="outline"][data-theme="branded-alt"]) .hb-btn {
     background: transparent;
-    border-color: ${C};
-    color: ${C};
+    border-color: ${y};
+    color: ${y};
   }
   :host([data-variant="outline"][data-theme="branded-alt"]) .hb-btn:hover {
     background: rgba(${g}, 0.08);
@@ -818,7 +801,7 @@
   }
 
   :host([data-variant="ghost"][data-theme="branded-alt"]) .hb-btn {
-    color: ${C};
+    color: ${y};
   }
   :host([data-variant="ghost"][data-theme="branded-alt"]) .hb-btn:hover {
     background: rgba(${g}, 0.1);
@@ -892,16 +875,16 @@
   .hb-btn-label {
     letter-spacing: -0.01em;
   }
-`,M=class extends HTMLElement{constructor(){super();this._options={command:"",theme:"branded",size:"md",variant:"filled",popup:!0};this._mqCleanup=null;this._rendered=!1;this.attachShadow({mode:"open"})}connectedCallback(){this.syncFromAttributes(),this.render(),this.updateLightDOM()}disconnectedCallback(){this._mqCleanup?.(),this._mqCleanup=null}attributeChangedCallback(){this._rendered&&(this.syncFromAttributes(),this.render(),this.updateLightDOM())}set options(t){this._options={...this._options,...t},this.render(),this.updateLightDOM()}get options(){return this._options}syncFromAttributes(){let t=this.getAttribute("command"),o=this.getAttribute("skill-url"),e=this.getAttribute("theme"),r=this.getAttribute("size"),i=this.getAttribute("variant"),h=this.getAttribute("shape"),s=this.getAttribute("popup"),p=this.getAttribute("popup-title"),b=this.getAttribute("popup-description");t!==null&&(this._options.command=t),o!==null&&(this._options.skillUrl=o),e&&(this._options.theme=e),r&&(this._options.size=r),i&&(this._options.variant=i),h&&(this._options.shape=h),s!==null&&(this._options.popup=s!=="false"),p!==null&&(this._options.popupTitle=p),b!==null&&(this._options.popupDescription=b)}updateLightDOM(){let{command:t,skillUrl:o}=this._options;this.setAttribute("role","button"),this.setAttribute("tabindex","0"),this.setAttribute("aria-label",`Run on Hermes Skills: ${t}`),this._options.popup!==!1?this.setAttribute("aria-haspopup","dialog"):this.removeAttribute("aria-haspopup");let e=this.querySelector("a[data-hb-crawl]");e||(e=document.createElement("a"),e.setAttribute("data-hb-crawl",""),e.setAttribute("aria-hidden","true"),e.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;",this.appendChild(e)),e.textContent=`Run on Hermes Skills: ${t}`,e.setAttribute("data-platform","hermes-skill"),e.setAttribute("data-command",t),o?(e.href=o,e.setAttribute("data-skill-url",o)):(e.href=`https://hermes.ai/skills?command=${encodeURIComponent(t)}`,e.removeAttribute("data-skill-url"))}getResolvedTheme(){return this._options.theme||"branded"}render(){if(!this.shadowRoot)return;let t=this.getResolvedTheme(),o=t==="system"?typeof window<"u"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":t,e=this._options.variant||"filled",r=k(t),i=this._options.size||"md",h=this._options.shape||"rounded",s=j[i],p=U[h][i];this.setAttribute("data-theme",o),this.setAttribute("data-variant",e);let b=e!=="filled"?"transparent":r.bg,w=e==="ghost"?"transparent":e==="outline"?r.primary:r.border,E=e!=="filled"?r.primary:r.text;this.shadowRoot.innerHTML=`
-      <style>${kt}</style>
+`,S=class extends HTMLElement{constructor(){super();this._options={command:"",theme:"branded",size:"md",variant:"filled",popup:!0};this._mqCleanup=null;this._rendered=!1;this.attachShadow({mode:"open"})}connectedCallback(){this.syncFromAttributes(),this.render(),this.updateLightDOM()}disconnectedCallback(){this._mqCleanup?.(),this._mqCleanup=null}attributeChangedCallback(){this._rendered&&(this.syncFromAttributes(),this.render(),this.updateLightDOM())}set options(t){this._options={...this._options,...t},this.render(),this.updateLightDOM()}get options(){return this._options}syncFromAttributes(){let t=this.getAttribute("command"),e=this.getAttribute("theme"),o=this.getAttribute("size"),r=this.getAttribute("variant"),i=this.getAttribute("shape"),c=this.getAttribute("popup"),s=this.getAttribute("popup-title"),b=this.getAttribute("popup-description");t!==null&&(this._options.command=t),e&&(this._options.theme=e),o&&(this._options.size=o),r&&(this._options.variant=r),i&&(this._options.shape=i),c!==null&&(this._options.popup=c!=="false"),s!==null&&(this._options.popupTitle=s),b!==null&&(this._options.popupDescription=b)}updateLightDOM(){let{command:t}=this._options;this.setAttribute("role","button"),this.setAttribute("tabindex","0"),this.setAttribute("aria-label",`Run on Hermes Skills: ${t}`),this._options.popup!==!1?this.setAttribute("aria-haspopup","dialog"):this.removeAttribute("aria-haspopup");let e=this.querySelector("a[data-hb-crawl]");e||(e=document.createElement("a"),e.setAttribute("data-hb-crawl",""),e.setAttribute("aria-hidden","true"),e.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;",this.appendChild(e)),e.textContent=`Run on Hermes Skills: ${t}`,e.setAttribute("data-platform","hermes-skill"),e.setAttribute("data-command",t),e.href=`https://hermes.ai/skills?command=${encodeURIComponent(t)}`}getResolvedTheme(){return this._options.theme||"branded"}render(){if(!this.shadowRoot)return;let t=this.getResolvedTheme(),e=t==="system"?typeof window<"u"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":t,o=this._options.variant||"filled",r=k(t),i=this._options.size||"md",c=this._options.shape||"rounded",s=V[i],b=q[c][i];this.setAttribute("data-theme",e),this.setAttribute("data-variant",o);let v=o!=="filled"?"transparent":r.bg,w=o==="ghost"?"transparent":o==="outline"?r.primary:r.border,C=o!=="filled"?r.primary:r.text;this.shadowRoot.innerHTML=`
+      <style>${vt}</style>
       <button
         class="hb-btn"
         type="button"
         style="
-          ${O(r)}
-          --hb-bg: ${b};
+          ${$(r)}
+          --hb-bg: ${v};
           --hb-border: ${w};
-          --hb-text: ${E};
+          --hb-text: ${C};
           --hb-accent-color: ${r.primary};
           --hb-focus-color: ${r.primary};
           --hb-height: ${s.height};
@@ -909,12 +892,12 @@
           --hb-icon-size: ${s.iconSize};
           --hb-padding: ${s.padding};
           --hb-gap: ${s.gap};
-          --hb-radius: ${p};
+          --hb-radius: ${b};
         "
         aria-label="Run on Hermes Skills: ${this._options.command.replace(/"/g,"&quot;")}"
       >
-        <span class="hb-btn-icon" aria-hidden="true">${N}</span>
+        <span class="hb-btn-icon" aria-hidden="true">${H}</span>
         <span class="hb-btn-label">Run on Hermes Skills</span>
       </button>
-    `;let f=this.shadowRoot.querySelector(".hb-btn");f.addEventListener("click",()=>this.handleClick()),f.addEventListener("keydown",v=>{(v.key==="Enter"||v.key===" ")&&(v.preventDefault(),this.handleClick())}),this._rendered=!0,this.setupSystemThemeWatch()}handleClick(){let{popup:t,command:o,skillUrl:e,popupTitle:r,popupDescription:i}=this._options;if(this.dispatchEvent(new CustomEvent("hb-open",{bubbles:!0,composed:!0,detail:{command:o}})),t===!1){navigator.clipboard.writeText(o).then(()=>{this._options.onCopy?.(o),L("hermes-skill"),this.dispatchEvent(new CustomEvent("hb-copy",{bubbles:!0,composed:!0,detail:{command:o}}))});return}G({variant:"hermes-skill",theme:this.getResolvedTheme(),title:r||"Run on Hermes Skills",description:i||"Copy and paste into a Hermes session to get started.",command:o,skillUrl:e,onCopy:h=>{this._options.onCopy?.(h),L("hermes-skill"),this.dispatchEvent(new CustomEvent("hb-copy",{bubbles:!0,composed:!0,detail:{command:h}}))},onClose:()=>{this.dispatchEvent(new CustomEvent("hb-close",{bubbles:!0,composed:!0}))}})}setupSystemThemeWatch(){if(this._mqCleanup?.(),this._mqCleanup=null,this.getResolvedTheme()!=="system"||typeof window>"u")return;let t=window.matchMedia("(prefers-color-scheme: dark)"),o=()=>this.render();t.addEventListener("change",o),this._mqCleanup=()=>t.removeEventListener("change",o)}};M.observedAttributes=["command","skill-url","theme","size","variant","shape","popup","popup-title","popup-description"];st()});var Et={};Y(Et,{HermesButton:()=>Ct,HermesSkillButton:()=>wt});module.exports=ut(Et);var c=require("react"),Ct=({command:a,theme:n="branded",size:t="md",variant:o="filled",shape:e="rounded",popup:r=!0,promptFlag:i=!0,onCopy:h,popupTitle:s,popupDescription:p,className:b,style:w,onHbCopy:E,onHbOpen:f,onHbClose:v})=>{let _=(0,c.useRef)(null),A=(0,c.useRef)(null),F=(0,c.useRef)(E);F.current=E;let $=(0,c.useRef)(f);$.current=f;let S=(0,c.useRef)(v);return S.current=v,(0,c.useEffect)(()=>{if(_.current)return Promise.resolve().then(()=>(it(),nt)).then(()=>{if(!_.current||A.current)return;let u=document.createElement("hermes-button");A.current=u,u.addEventListener("hb-copy",(x=>F.current?.(x))),u.addEventListener("hb-open",(x=>$.current?.(x))),u.addEventListener("hb-close",(x=>S.current?.(x))),_.current.appendChild(u)}),()=>{let u=A.current,x=_.current;u&&x?.contains(u)&&x.removeChild(u),A.current=null}},[]),(0,c.useEffect)(()=>{let u=A.current;!u||!("options"in u)||(u.options={command:a,theme:n,size:t,variant:o,shape:e,popup:r,promptFlag:i,onCopy:h,popupTitle:s,popupDescription:p})},[a,n,t,o,e,r,i,h,s,p]),(0,c.createElement)("div",{ref:_,className:b,style:{display:"inline-block",...w},suppressHydrationWarning:!0})},wt=({command:a,skillUrl:n,theme:t="branded",size:o="md",variant:e="filled",shape:r="rounded",popup:i=!0,onCopy:h,onDownload:s,popupTitle:p,popupDescription:b,className:w,style:E,onHbCopy:f,onHbDownload:v,onHbOpen:_,onHbClose:A})=>{let F=(0,c.useRef)(null),$=(0,c.useRef)(null),S=(0,c.useRef)(f);S.current=f;let u=(0,c.useRef)(v);u.current=v;let x=(0,c.useRef)(_);x.current=_;let tt=(0,c.useRef)(A);return tt.current=A,(0,c.useEffect)(()=>{if(F.current)return Promise.resolve().then(()=>(ht(),dt)).then(()=>{if(!F.current||$.current)return;let m=document.createElement("hermes-skill-button");$.current=m,m.addEventListener("hb-copy",(y=>S.current?.(y))),m.addEventListener("hb-download",(y=>u.current?.(y))),m.addEventListener("hb-open",(y=>x.current?.(y))),m.addEventListener("hb-close",(y=>tt.current?.(y))),F.current.appendChild(m)}),()=>{let m=$.current,y=F.current;m&&y?.contains(m)&&y.removeChild(m),$.current=null}},[]),(0,c.useEffect)(()=>{let m=$.current;!m||!("options"in m)||(m.options={command:a,skillUrl:n,theme:t,size:o,variant:e,shape:r,popup:i,onCopy:h,onDownload:s,popupTitle:p,popupDescription:b})},[a,n,t,o,e,r,i,h,s,p,b]),(0,c.createElement)("div",{ref:F,className:w,style:{display:"inline-block",...E},suppressHydrationWarning:!0})};0&&(module.exports={HermesButton,HermesSkillButton});
+    `;let f=this.shadowRoot.querySelector(".hb-btn");f.addEventListener("click",()=>this.handleClick()),f.addEventListener("keydown",u=>{(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),this.handleClick())}),this._rendered=!0,this.setupSystemThemeWatch()}handleClick(){let{popup:t,command:e,popupTitle:o,popupDescription:r}=this._options;if(this.dispatchEvent(new CustomEvent("hb-open",{bubbles:!0,composed:!0,detail:{command:e}})),t===!1){navigator.clipboard.writeText(e).then(()=>{this._options.onCopy?.(e),T("hermes-skill"),this.dispatchEvent(new CustomEvent("hb-copy",{bubbles:!0,composed:!0,detail:{command:e}}))});return}j({variant:"hermes-skill",theme:this.getResolvedTheme(),title:o||"Run on Hermes Skills",description:r||"Copy and paste into a Hermes session to get started.",command:e,onCopy:i=>{this._options.onCopy?.(i),T("hermes-skill"),this.dispatchEvent(new CustomEvent("hb-copy",{bubbles:!0,composed:!0,detail:{command:i}}))},onClose:()=>{this.dispatchEvent(new CustomEvent("hb-close",{bubbles:!0,composed:!0}))}})}setupSystemThemeWatch(){if(this._mqCleanup?.(),this._mqCleanup=null,this.getResolvedTheme()!=="system"||typeof window>"u")return;let t=window.matchMedia("(prefers-color-scheme: dark)"),e=()=>this.render();t.addEventListener("change",e),this._mqCleanup=()=>t.removeEventListener("change",e)}};S.observedAttributes=["command","theme","size","variant","shape","popup","popup-title","popup-description"];rt()});var yt={};G(yt,{HermesButton:()=>xt,HermesSkillButton:()=>kt});module.exports=ct(yt);var p=require("react"),xt=({command:a,theme:n="branded",size:t="md",variant:e="filled",shape:o="rounded",popup:r=!0,promptFlag:i=!0,onCopy:c,popupTitle:s,popupDescription:b,className:v,style:w,onHbCopy:C,onHbOpen:f,onHbClose:u})=>{let x=(0,p.useRef)(null),E=(0,p.useRef)(null),R=(0,p.useRef)(C);R.current=C;let L=(0,p.useRef)(f);L.current=f;let m=(0,p.useRef)(u);return m.current=u,(0,p.useEffect)(()=>{if(x.current)return Promise.resolve().then(()=>(at(),ot)).then(()=>{if(!x.current||E.current)return;let h=document.createElement("hermes-button");E.current=h,h.addEventListener("hb-copy",(_=>R.current?.(_))),h.addEventListener("hb-open",(_=>L.current?.(_))),h.addEventListener("hb-close",(_=>m.current?.(_))),x.current.appendChild(h)}),()=>{let h=E.current,_=x.current;h&&_?.contains(h)&&_.removeChild(h),E.current=null}},[]),(0,p.useEffect)(()=>{let h=E.current;!h||!("options"in h)||(h.options={command:a,theme:n,size:t,variant:e,shape:o,popup:r,promptFlag:i,onCopy:c,popupTitle:s,popupDescription:b})},[a,n,t,e,o,r,i,c,s,b]),(0,p.createElement)("div",{ref:x,className:v,style:{display:"inline-block",...w},suppressHydrationWarning:!0})},kt=({command:a,theme:n="branded",size:t="md",variant:e="filled",shape:o="rounded",popup:r=!0,onCopy:i,popupTitle:c,popupDescription:s,className:b,style:v,onHbCopy:w,onHbOpen:C,onHbClose:f})=>{let u=(0,p.useRef)(null),x=(0,p.useRef)(null),E=(0,p.useRef)(w);E.current=w;let R=(0,p.useRef)(C);R.current=C;let L=(0,p.useRef)(f);return L.current=f,(0,p.useEffect)(()=>{if(u.current)return Promise.resolve().then(()=>(it(),nt)).then(()=>{if(!u.current||x.current)return;let m=document.createElement("hermes-skill-button");x.current=m,m.addEventListener("hb-copy",(h=>E.current?.(h))),m.addEventListener("hb-open",(h=>R.current?.(h))),m.addEventListener("hb-close",(h=>L.current?.(h))),u.current.appendChild(m)}),()=>{let m=x.current,h=u.current;m&&h?.contains(m)&&h.removeChild(m),x.current=null}},[]),(0,p.useEffect)(()=>{let m=x.current;!m||!("options"in m)||(m.options={command:a,theme:n,size:t,variant:e,shape:o,popup:r,onCopy:i,popupTitle:c,popupDescription:s})},[a,n,t,e,o,r,i,c,s]),(0,p.createElement)("div",{ref:u,className:b,style:{display:"inline-block",...v},suppressHydrationWarning:!0})};0&&(module.exports={HermesButton,HermesSkillButton});
 //# sourceMappingURL=react.js.map