hermesbuttons 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,245 @@
+type Theme = 'branded' | 'branded-alt' | 'dark' | 'light' | 'system';
+type Size = 'sm' | 'md' | 'lg';
+type Variant = 'filled' | 'outline' | 'ghost';
+type Shape = 'rounded' | 'pill' | 'square';
+interface HermesButtonOptions {
+    /** The command to run in Hermes Agent (e.g. "/research --deep") */
+    command: string;
+    /** Theme variant. Default: 'branded' */
+    theme?: Theme;
+    /** Button size. Default: 'md' */
+    size?: Size;
+    /** Visual variant. Default: 'filled' */
+    variant?: Variant;
+    /** Border radius shape. Default: 'rounded' */
+    shape?: Shape;
+    /** Whether to show a popup dialog on click. Default: true */
+    popup?: boolean;
+    /** Custom prompt flag value (prepended as `hermes -p`). Default: true */
+    promptFlag?: boolean;
+    /** Callback fired after the command is copied to clipboard */
+    onCopy?: (command: string) => void;
+    /** Custom popup title */
+    popupTitle?: string;
+    /** Custom popup description */
+    popupDescription?: string;
+}
+interface HermesSkillButtonOptions {
+    /** The slash command to run in Hermes (e.g. "/research-assistant") */
+    command: string;
+    /** URL to a downloadable skill package (.zip, SKILL.md, or plugin.json) */
+    skillUrl?: string;
+    /** Theme variant. Default: 'branded' */
+    theme?: Theme;
+    /** Button size. Default: 'md' */
+    size?: Size;
+    /** Visual variant. Default: 'filled' */
+    variant?: Variant;
+    /** Border radius shape. Default: 'rounded' */
+    shape?: Shape;
+    /** Whether to show a popup dialog on click. Default: true */
+    popup?: boolean;
+    /** Callback fired after the command is copied */
+    onCopy?: (command: string) => void;
+    /** Callback fired when the skill package is downloaded */
+    onDownload?: (url: string) => void;
+    /** Custom popup title */
+    popupTitle?: string;
+    /** Custom popup description */
+    popupDescription?: string;
+}
+interface PopupOptions {
+    variant: 'hermes' | 'hermes-skill';
+    theme: Theme;
+    title: string;
+    description?: string;
+    command: string;
+    fullCommand?: string;
+    skillUrl?: string;
+    onCopy?: (command: string) => void;
+    onClose?: () => void;
+}
+interface ThemeTokens {
+    bg: string;
+    text: string;
+    border: string;
+    surface: string;
+    surfaceText: string;
+    muted: string;
+    primary: string;
+    primaryText: string;
+    codeBg: string;
+    codeText: string;
+}
+
+declare class HermesButton extends HTMLElement {
+    static observedAttributes: string[];
+    private _options;
+    private _mqCleanup;
+    private _rendered;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    set options(opts: Partial<HermesButtonOptions>);
+    get options(): Partial<HermesButtonOptions>;
+    private syncFromAttributes;
+    private updateLightDOM;
+    private getResolvedTheme;
+    private getFullCommand;
+    private render;
+    private handleClick;
+    private setupSystemThemeWatch;
+}
+declare function registerHermesButton(tagName?: string): void;
+declare function createHermesButton(options: HermesButtonOptions): HermesButton;
+
+declare class HermesSkillButton extends HTMLElement {
+    static observedAttributes: string[];
+    private _options;
+    private _mqCleanup;
+    private _rendered;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    set options(opts: Partial<HermesSkillButtonOptions>);
+    get options(): Partial<HermesSkillButtonOptions>;
+    private syncFromAttributes;
+    private updateLightDOM;
+    private getResolvedTheme;
+    private render;
+    private handleClick;
+    private setupSystemThemeWatch;
+}
+declare function registerHermesSkillButton(tagName?: string): void;
+declare function createHermesSkillButton(options: HermesSkillButtonOptions): HermesSkillButton;
+
+declare class HermesPopupDialog extends HTMLElement {
+    private _options;
+    private _mqCleanup;
+    constructor();
+    set options(opts: PopupOptions);
+    get options(): PopupOptions;
+    disconnectedCallback(): void;
+    private resolvePopupTokens;
+    private render;
+    private renderHermesTerminalBody;
+    private renderHermesSkillBody;
+    private setupListeners;
+    private setupSystemThemeWatch;
+    private copyToClipboard;
+    close(): void;
+    private escapeHtml;
+    private escapeAttr;
+}
+declare function showPopup(options: PopupOptions): HermesPopupDialog;
+
+declare const HERMES_ICON = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"hb-icon\">\n  <!-- Wing helmet -->\n  <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\"/>\n  <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\"/>\n  <!-- Wings -->\n  <path d=\"M6 6.5C4.5 5 2 5 2 7s1.5 3 3 3\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n  <path d=\"M18 6.5C19.5 5 22 5 22 7s-1.5 3-3 3\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n  <!-- Caduceus staff -->\n  <line x1=\"12\" y1=\"14\" x2=\"12\" y2=\"22\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n  <!-- Snakes -->\n  <path d=\"M9.5 16c1.5 1 3.5 1 5 0\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" fill=\"none\"/>\n  <path d=\"M9.5 19c1.5 1 3.5 1 5 0\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" fill=\"none\"/>\n  <!-- Eye -->\n  <circle cx=\"12\" cy=\"7.5\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>";
+declare const HERMES_SKILL_ICON = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"hb-icon\">\n  <!-- Brain/memory symbol -->\n  <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\"/>\n  <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\"/>\n  <!-- Neural connections -->\n  <path d=\"M9 9.5c0-1 .5-2 1.5-2.5M15 9.5c0-1-.5-2-1.5-2.5M10.5 11c.5.5 1.5 1 3 0\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" fill=\"none\"/>\n  <!-- Growing roots -->\n  <path d=\"M9 18v2M12 18v3M15 18v2\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n  <!-- Sparkle -->\n  <circle cx=\"8\" cy=\"6\" r=\"0.8\" fill=\"currentColor\"/>\n  <circle cx=\"16\" cy=\"6\" r=\"0.8\" fill=\"currentColor\"/>\n</svg>";
+
+declare const BRAND_COLOR = "#7C3AED";
+declare const ALT_BRAND_COLOR = "#14B8A6";
+declare const themes: Record<Exclude<Theme, 'system'>, ThemeTokens>;
+declare function resolveTheme(theme: Theme): ThemeTokens;
+
+/**
+ * Generates JSON-LD structured data for all hermesbuttons on the page.
+ *
+ * Crawlers and AI agents can use this to discover skills and commands
+ * without executing JavaScript — call this after buttons are rendered
+ * and inject the result into a <script type="application/ld+json"> tag.
+ */
+interface ButtonMetadata {
+    platform: 'hermes' | 'hermes-skill';
+    command: string;
+    fullCommand?: string;
+    skillUrl?: string;
+}
+declare function discoverButtons(): ButtonMetadata[];
+declare function generateStructuredData(): object;
+/**
+ * Injects a <script type="application/ld+json"> tag into the document head
+ * with structured data for all hermesbuttons on the page.
+ *
+ * Call after all buttons have been rendered to the DOM.
+ */
+declare function injectStructuredData(): void;
+
+interface HermesButtonAttributes {
+  command?: string;
+  theme?: Theme;
+  size?: Size;
+  variant?: Variant;
+  shape?: Shape;
+  popup?: string | boolean;
+  'prompt-flag'?: string | boolean;
+  'popup-title'?: string;
+  'popup-description'?: string;
+  class?: string;
+  style?: string | Record<string, string>;
+}
+
+interface HermesSkillButtonAttributes {
+  command?: string;
+  'skill-url'?: string;
+  theme?: Theme;
+  size?: Size;
+  variant?: Variant;
+  shape?: Shape;
+  popup?: string | boolean;
+  'popup-title'?: string;
+  'popup-description'?: string;
+  class?: string;
+  style?: string | Record<string, string>;
+}
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      'hermes-button': HermesButtonAttributes &
+        React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+      'hermes-skill-button': HermesSkillButtonAttributes &
+        React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+      'hermes-popup-dialog': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+    }
+  }
+
+  interface HTMLElementTagNameMap {
+    'hermes-button': HTMLElement;
+    'hermes-skill-button': HTMLElement;
+    'hermes-popup-dialog': HTMLElement;
+  }
+}
+
+declare module 'vue' {
+  interface GlobalComponents {
+    'hermes-button': HermesButtonAttributes;
+    'hermes-skill-button': HermesSkillButtonAttributes;
+  }
+}
+
+declare module 'solid-js' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'hermes-button': HermesButtonAttributes;
+      'hermes-skill-button': HermesSkillButtonAttributes;
+    }
+  }
+}
+
+declare module 'svelte/elements' {
+  interface SvelteHTMLElements {
+    'hermes-button': HermesButtonAttributes & { [key: `on:${string}`]: (e: CustomEvent) => void };
+    'hermes-skill-button': HermesSkillButtonAttributes & { [key: `on:${string}`]: (e: CustomEvent) => void };
+  }
+}
+
+/**
+ * Manually register all custom elements.
+ * Called automatically on import, but exposed for frameworks
+ * that need explicit registration timing (Angular, micro-frontends).
+ */
+declare function register(): void;
+
+export { ALT_BRAND_COLOR, BRAND_COLOR, type ButtonMetadata, HERMES_ICON, HERMES_SKILL_ICON, HermesButton, type HermesButtonOptions, HermesPopupDialog, HermesSkillButton, type HermesSkillButtonOptions, type PopupOptions, type Shape, type Size, type Theme, type ThemeTokens, type Variant, createHermesButton, createHermesSkillButton, discoverButtons, generateStructuredData, injectStructuredData, register, registerHermesButton, registerHermesSkillButton, resolveTheme, showPopup, themes };

package/dist/index.d.ts

@@ -0,0 +1,245 @@
+type Theme = 'branded' | 'branded-alt' | 'dark' | 'light' | 'system';
+type Size = 'sm' | 'md' | 'lg';
+type Variant = 'filled' | 'outline' | 'ghost';
+type Shape = 'rounded' | 'pill' | 'square';
+interface HermesButtonOptions {
+    /** The command to run in Hermes Agent (e.g. "/research --deep") */
+    command: string;
+    /** Theme variant. Default: 'branded' */
+    theme?: Theme;
+    /** Button size. Default: 'md' */
+    size?: Size;
+    /** Visual variant. Default: 'filled' */
+    variant?: Variant;
+    /** Border radius shape. Default: 'rounded' */
+    shape?: Shape;
+    /** Whether to show a popup dialog on click. Default: true */
+    popup?: boolean;
+    /** Custom prompt flag value (prepended as `hermes -p`). Default: true */
+    promptFlag?: boolean;
+    /** Callback fired after the command is copied to clipboard */
+    onCopy?: (command: string) => void;
+    /** Custom popup title */
+    popupTitle?: string;
+    /** Custom popup description */
+    popupDescription?: string;
+}
+interface HermesSkillButtonOptions {
+    /** The slash command to run in Hermes (e.g. "/research-assistant") */
+    command: string;
+    /** URL to a downloadable skill package (.zip, SKILL.md, or plugin.json) */
+    skillUrl?: string;
+    /** Theme variant. Default: 'branded' */
+    theme?: Theme;
+    /** Button size. Default: 'md' */
+    size?: Size;
+    /** Visual variant. Default: 'filled' */
+    variant?: Variant;
+    /** Border radius shape. Default: 'rounded' */
+    shape?: Shape;
+    /** Whether to show a popup dialog on click. Default: true */
+    popup?: boolean;
+    /** Callback fired after the command is copied */
+    onCopy?: (command: string) => void;
+    /** Callback fired when the skill package is downloaded */
+    onDownload?: (url: string) => void;
+    /** Custom popup title */
+    popupTitle?: string;
+    /** Custom popup description */
+    popupDescription?: string;
+}
+interface PopupOptions {
+    variant: 'hermes' | 'hermes-skill';
+    theme: Theme;
+    title: string;
+    description?: string;
+    command: string;
+    fullCommand?: string;
+    skillUrl?: string;
+    onCopy?: (command: string) => void;
+    onClose?: () => void;
+}
+interface ThemeTokens {
+    bg: string;
+    text: string;
+    border: string;
+    surface: string;
+    surfaceText: string;
+    muted: string;
+    primary: string;
+    primaryText: string;
+    codeBg: string;
+    codeText: string;
+}
+
+declare class HermesButton extends HTMLElement {
+    static observedAttributes: string[];
+    private _options;
+    private _mqCleanup;
+    private _rendered;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    set options(opts: Partial<HermesButtonOptions>);
+    get options(): Partial<HermesButtonOptions>;
+    private syncFromAttributes;
+    private updateLightDOM;
+    private getResolvedTheme;
+    private getFullCommand;
+    private render;
+    private handleClick;
+    private setupSystemThemeWatch;
+}
+declare function registerHermesButton(tagName?: string): void;
+declare function createHermesButton(options: HermesButtonOptions): HermesButton;
+
+declare class HermesSkillButton extends HTMLElement {
+    static observedAttributes: string[];
+    private _options;
+    private _mqCleanup;
+    private _rendered;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    set options(opts: Partial<HermesSkillButtonOptions>);
+    get options(): Partial<HermesSkillButtonOptions>;
+    private syncFromAttributes;
+    private updateLightDOM;
+    private getResolvedTheme;
+    private render;
+    private handleClick;
+    private setupSystemThemeWatch;
+}
+declare function registerHermesSkillButton(tagName?: string): void;
+declare function createHermesSkillButton(options: HermesSkillButtonOptions): HermesSkillButton;
+
+declare class HermesPopupDialog extends HTMLElement {
+    private _options;
+    private _mqCleanup;
+    constructor();
+    set options(opts: PopupOptions);
+    get options(): PopupOptions;
+    disconnectedCallback(): void;
+    private resolvePopupTokens;
+    private render;
+    private renderHermesTerminalBody;
+    private renderHermesSkillBody;
+    private setupListeners;
+    private setupSystemThemeWatch;
+    private copyToClipboard;
+    close(): void;
+    private escapeHtml;
+    private escapeAttr;
+}
+declare function showPopup(options: PopupOptions): HermesPopupDialog;
+
+declare const HERMES_ICON = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"hb-icon\">\n  <!-- Wing helmet -->\n  <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\"/>\n  <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\"/>\n  <!-- Wings -->\n  <path d=\"M6 6.5C4.5 5 2 5 2 7s1.5 3 3 3\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n  <path d=\"M18 6.5C19.5 5 22 5 22 7s-1.5 3-3 3\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n  <!-- Caduceus staff -->\n  <line x1=\"12\" y1=\"14\" x2=\"12\" y2=\"22\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n  <!-- Snakes -->\n  <path d=\"M9.5 16c1.5 1 3.5 1 5 0\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" fill=\"none\"/>\n  <path d=\"M9.5 19c1.5 1 3.5 1 5 0\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" fill=\"none\"/>\n  <!-- Eye -->\n  <circle cx=\"12\" cy=\"7.5\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>";
+declare const HERMES_SKILL_ICON = "<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"hb-icon\">\n  <!-- Brain/memory symbol -->\n  <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\"/>\n  <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\"/>\n  <!-- Neural connections -->\n  <path d=\"M9 9.5c0-1 .5-2 1.5-2.5M15 9.5c0-1-.5-2-1.5-2.5M10.5 11c.5.5 1.5 1 3 0\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" fill=\"none\"/>\n  <!-- Growing roots -->\n  <path d=\"M9 18v2M12 18v3M15 18v2\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n  <!-- Sparkle -->\n  <circle cx=\"8\" cy=\"6\" r=\"0.8\" fill=\"currentColor\"/>\n  <circle cx=\"16\" cy=\"6\" r=\"0.8\" fill=\"currentColor\"/>\n</svg>";
+
+declare const BRAND_COLOR = "#7C3AED";
+declare const ALT_BRAND_COLOR = "#14B8A6";
+declare const themes: Record<Exclude<Theme, 'system'>, ThemeTokens>;
+declare function resolveTheme(theme: Theme): ThemeTokens;
+
+/**
+ * Generates JSON-LD structured data for all hermesbuttons on the page.
+ *
+ * Crawlers and AI agents can use this to discover skills and commands
+ * without executing JavaScript — call this after buttons are rendered
+ * and inject the result into a <script type="application/ld+json"> tag.
+ */
+interface ButtonMetadata {
+    platform: 'hermes' | 'hermes-skill';
+    command: string;
+    fullCommand?: string;
+    skillUrl?: string;
+}
+declare function discoverButtons(): ButtonMetadata[];
+declare function generateStructuredData(): object;
+/**
+ * Injects a <script type="application/ld+json"> tag into the document head
+ * with structured data for all hermesbuttons on the page.
+ *
+ * Call after all buttons have been rendered to the DOM.
+ */
+declare function injectStructuredData(): void;
+
+interface HermesButtonAttributes {
+  command?: string;
+  theme?: Theme;
+  size?: Size;
+  variant?: Variant;
+  shape?: Shape;
+  popup?: string | boolean;
+  'prompt-flag'?: string | boolean;
+  'popup-title'?: string;
+  'popup-description'?: string;
+  class?: string;
+  style?: string | Record<string, string>;
+}
+
+interface HermesSkillButtonAttributes {
+  command?: string;
+  'skill-url'?: string;
+  theme?: Theme;
+  size?: Size;
+  variant?: Variant;
+  shape?: Shape;
+  popup?: string | boolean;
+  'popup-title'?: string;
+  'popup-description'?: string;
+  class?: string;
+  style?: string | Record<string, string>;
+}
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      'hermes-button': HermesButtonAttributes &
+        React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+      'hermes-skill-button': HermesSkillButtonAttributes &
+        React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+      'hermes-popup-dialog': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+    }
+  }
+
+  interface HTMLElementTagNameMap {
+    'hermes-button': HTMLElement;
+    'hermes-skill-button': HTMLElement;
+    'hermes-popup-dialog': HTMLElement;
+  }
+}
+
+declare module 'vue' {
+  interface GlobalComponents {
+    'hermes-button': HermesButtonAttributes;
+    'hermes-skill-button': HermesSkillButtonAttributes;
+  }
+}
+
+declare module 'solid-js' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'hermes-button': HermesButtonAttributes;
+      'hermes-skill-button': HermesSkillButtonAttributes;
+    }
+  }
+}
+
+declare module 'svelte/elements' {
+  interface SvelteHTMLElements {
+    'hermes-button': HermesButtonAttributes & { [key: `on:${string}`]: (e: CustomEvent) => void };
+    'hermes-skill-button': HermesSkillButtonAttributes & { [key: `on:${string}`]: (e: CustomEvent) => void };
+  }
+}
+
+/**
+ * Manually register all custom elements.
+ * Called automatically on import, but exposed for frameworks
+ * that need explicit registration timing (Angular, micro-frontends).
+ */
+declare function register(): void;
+
+export { ALT_BRAND_COLOR, BRAND_COLOR, type ButtonMetadata, HERMES_ICON, HERMES_SKILL_ICON, HermesButton, type HermesButtonOptions, HermesPopupDialog, HermesSkillButton, type HermesSkillButtonOptions, type PopupOptions, type Shape, type Size, type Theme, type ThemeTokens, type Variant, createHermesButton, createHermesSkillButton, discoverButtons, generateStructuredData, injectStructuredData, register, registerHermesButton, registerHermesSkillButton, resolveTheme, showPopup, themes };