@shepai/cli 1.5.0 → 1.6.0

package/dist/src/infrastructure/services/agents/agent-validator.service.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Agent Validator Service
+ *
+ * Infrastructure implementation of the IAgentValidator port.
+ * Checks if AI agent binaries are available on the system by
+ * executing `<binary> --version` via subprocess.
+ *
+ * Uses constructor dependency injection for the command executor
+ * to enable testability without mocking node:child_process directly.
+ */
+import type { AgentType } from '../../../domain/generated/output.js';
+import type { IAgentValidator, AgentValidationResult } from '../../../application/ports/output/agent-validator.interface.js';
+/**
+ * Type for the command executor dependency.
+ * Matches the promisified signature of child_process.execFile.
+ * Injected via constructor to avoid direct node module mocking in tests.
+ */
+export type ExecFunction = (file: string, args: string[]) => Promise<{
+    stdout: string;
+    stderr: string;
+}>;
+/**
+ * Service that validates agent tool availability on the system.
+ *
+ * Checks if the agent binary exists and is executable by running
+ * `<binary> --version` and parsing the output.
+ */
+export declare class AgentValidatorService implements IAgentValidator {
+    private readonly execFn;
+    /**
+     * @param execFn - Command executor function (injectable for testing).
+     *   Uses execFile semantics (no shell) to prevent command injection.
+     */
+    constructor(execFn: ExecFunction);
+    /**
+     * Check if the specified agent tool is available on the system.
+     *
+     * @param agentType - The agent type to check
+     * @returns Validation result with availability status and version
+     */
+    isAvailable(agentType: AgentType): Promise<AgentValidationResult>;
+}
+//# sourceMappingURL=agent-validator.service.d.ts.map

package/dist/src/infrastructure/services/agents/agent-validator.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-validator.service.d.ts","sourceRoot":"","sources":["../../../../../src/infrastructure/services/agents/agent-validator.service.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EACtB,MAAM,gEAAgE,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,CACzB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EAAE,KACX,OAAO,CAAC;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AASjD;;;;;GAKG;AACH,qBAAa,qBAAsB,YAAW,eAAe;IAC3D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAe;IAEtC;;;OAGG;gBACS,MAAM,EAAE,YAAY;IAIhC;;;;;OAKG;IACG,WAAW,CAAC,SAAS,EAAE,SAAS,GAAG,OAAO,CAAC,qBAAqB,CAAC;CA2BxE"}

package/dist/src/infrastructure/services/agents/agent-validator.service.js

@@ -0,0 +1,62 @@
+/**
+ * Agent Validator Service
+ *
+ * Infrastructure implementation of the IAgentValidator port.
+ * Checks if AI agent binaries are available on the system by
+ * executing `<binary> --version` via subprocess.
+ *
+ * Uses constructor dependency injection for the command executor
+ * to enable testability without mocking node:child_process directly.
+ */
+/**
+ * Map of supported agent types to their binary command names.
+ */
+const AGENT_BINARY_MAP = {
+    'claude-code': 'claude',
+};
+/**
+ * Service that validates agent tool availability on the system.
+ *
+ * Checks if the agent binary exists and is executable by running
+ * `<binary> --version` and parsing the output.
+ */
+export class AgentValidatorService {
+    execFn;
+    /**
+     * @param execFn - Command executor function (injectable for testing).
+     *   Uses execFile semantics (no shell) to prevent command injection.
+     */
+    constructor(execFn) {
+        this.execFn = execFn;
+    }
+    /**
+     * Check if the specified agent tool is available on the system.
+     *
+     * @param agentType - The agent type to check
+     * @returns Validation result with availability status and version
+     */
+    async isAvailable(agentType) {
+        const binary = AGENT_BINARY_MAP[agentType];
+        if (!binary) {
+            return {
+                available: false,
+                error: `Agent type "${agentType}" is not supported yet`,
+            };
+        }
+        try {
+            const { stdout } = await this.execFn(binary, ['--version']);
+            const version = stdout.trim();
+            return {
+                available: true,
+                version,
+            };
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : 'Unknown error';
+            return {
+                available: false,
+                error: `Binary "${binary}" not found or not executable: ${message}`,
+            };
+        }
+    }
+}

package/dist/src/presentation/cli/commands/settings/agent.command.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Agent Configuration Command
+ *
+ * Configures the AI coding agent used by Shep for all LLM-powered operations.
+ *
+ * Usage:
+ *   shep settings agent                                          # Interactive wizard
+ *   shep settings agent --agent claude-code --auth session       # Non-interactive
+ *   shep settings agent --agent claude-code --auth token --token sk-xxx  # Token auth
+ */
+import { Command } from 'commander';
+/**
+ * Create the agent configuration command
+ */
+export declare function createAgentCommand(): Command;
+//# sourceMappingURL=agent.command.d.ts.map

package/dist/src/presentation/cli/commands/settings/agent.command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent.command.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/cli/commands/settings/agent.command.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAapC;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAgE5C"}

package/dist/src/presentation/cli/commands/settings/agent.command.js

@@ -0,0 +1,75 @@
+/**
+ * Agent Configuration Command
+ *
+ * Configures the AI coding agent used by Shep for all LLM-powered operations.
+ *
+ * Usage:
+ *   shep settings agent                                          # Interactive wizard
+ *   shep settings agent --agent claude-code --auth session       # Non-interactive
+ *   shep settings agent --agent claude-code --auth token --token sk-xxx  # Token auth
+ */
+import { Command } from 'commander';
+import { container } from '../../../../infrastructure/di/container.js';
+import { ConfigureAgentUseCase, } from '../../../../application/use-cases/agents/configure-agent.use-case.js';
+import { agentConfigWizard } from '../../../tui/wizards/agent-config.wizard.js';
+import { resetSettings, initializeSettings, } from '../../../../infrastructure/services/settings.service.js';
+import { messages } from '../../ui/index.js';
+/**
+ * Create the agent configuration command
+ */
+export function createAgentCommand() {
+    return new Command('agent')
+        .description('Configure AI coding agent')
+        .option('--agent <type>', 'Agent type (e.g., claude-code)')
+        .option('--auth <method>', 'Auth method (session or token)')
+        .option('--token <key>', 'API token for token-based auth')
+        .addHelpText('after', `
+Examples:
+  $ shep settings agent                                          Interactive wizard
+  $ shep settings agent --agent claude-code --auth session       Non-interactive
+  $ shep settings agent --agent claude-code --auth token --token sk-xxx  Token auth`)
+        .action(async (options) => {
+        try {
+            const isNonInteractive = options.agent !== undefined;
+            let input;
+            if (isNonInteractive) {
+                // Non-interactive: require --auth when --agent is provided
+                if (!options.auth) {
+                    messages.error('--auth is required when using --agent flag');
+                    process.exitCode = 1;
+                    return;
+                }
+                input = {
+                    type: options.agent,
+                    authMethod: options.auth,
+                    ...(options.token !== undefined && { token: options.token }),
+                };
+            }
+            else {
+                // Interactive: launch wizard
+                const wizardResult = await agentConfigWizard();
+                input = {
+                    type: wizardResult.type,
+                    authMethod: wizardResult.authMethod,
+                    ...(wizardResult.token !== undefined && { token: wizardResult.token }),
+                };
+            }
+            const useCase = container.resolve(ConfigureAgentUseCase);
+            const updatedSettings = await useCase.execute(input);
+            // Update the in-memory settings singleton
+            resetSettings();
+            initializeSettings(updatedSettings);
+            messages.success(`Agent configured: ${input.type} (${input.authMethod})`);
+        }
+        catch (error) {
+            const err = error instanceof Error ? error : new Error(String(error));
+            // Handle user cancellation (Ctrl+C) gracefully
+            if (err.message.includes('force closed') || err.message.includes('User force closed')) {
+                messages.info('Configuration cancelled.');
+                return;
+            }
+            messages.error('Failed to configure agent', err);
+            process.exitCode = 1;
+        }
+    });
+}

package/dist/src/presentation/cli/commands/settings/index.d.ts

@@ -6,6 +6,7 @@
  * Usage:
  *   shep settings show     # Display current settings
  *   shep settings init     # Initialize settings to defaults
+ *   shep settings agent    # Configure AI coding agent
  */
 import { Command } from 'commander';
 /**

package/dist/src/presentation/cli/commands/settings/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/cli/commands/settings/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,OAAO,CAK/C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/cli/commands/settings/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAKpC;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,OAAO,CAM/C"}

package/dist/src/presentation/cli/commands/settings/index.js

@@ -6,10 +6,12 @@
  * Usage:
  *   shep settings show     # Display current settings
  *   shep settings init     # Initialize settings to defaults
+ *   shep settings agent    # Configure AI coding agent
  */
 import { Command } from 'commander';
 import { createShowCommand } from './show.command.js';
 import { createInitCommand } from './init.command.js';
+import { createAgentCommand } from './agent.command.js';
 /**
  * Create the settings command group
  */
@@ -17,5 +19,6 @@ export function createSettingsCommand() {
     return new Command('settings')
         .description('Manage Shep global settings')
         .addCommand(createShowCommand())
-        .addCommand(createInitCommand());
+        .addCommand(createInitCommand())
+        .addCommand(createAgentCommand());
 }

package/dist/src/presentation/tui/index.d.ts

@@ -0,0 +1,3 @@
+export { agentConfigWizard, type AgentConfigResult } from './wizards/agent-config.wizard.js';
+export { shepTheme } from './themes/shep.theme.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/presentation/tui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/presentation/tui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/src/presentation/tui/index.js

@@ -0,0 +1,2 @@
+export { agentConfigWizard } from './wizards/agent-config.wizard.js';
+export { shepTheme } from './themes/shep.theme.js';

package/dist/src/presentation/tui/prompts/agent-select.prompt.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Agent Select Prompt Configuration
+ *
+ * Configuration for the @inquirer/select prompt that lets users
+ * choose their AI coding agent.
+ */
+import { AgentType } from '@/domain/generated/output.js';
+/**
+ * Creates the @inquirer/select configuration for selecting an AI coding agent.
+ *
+ * Only Claude Code is currently available. Other agents are shown as
+ * disabled with a "Coming Soon" badge.
+ */
+export declare function createAgentSelectConfig(): {
+    readonly message: "Select your AI coding agent";
+    readonly choices: readonly [{
+        readonly name: "Claude Code";
+        readonly value: AgentType.ClaudeCode;
+        readonly description: "Anthropic Claude Code CLI";
+    }, {
+        readonly name: "Gemini CLI";
+        readonly value: AgentType.GeminiCli;
+        readonly disabled: "(Coming Soon)";
+    }, {
+        readonly name: "Aider";
+        readonly value: AgentType.Aider;
+        readonly disabled: "(Coming Soon)";
+    }, {
+        readonly name: "Continue";
+        readonly value: AgentType.Continue;
+        readonly disabled: "(Coming Soon)";
+    }, {
+        readonly name: "Cursor";
+        readonly value: AgentType.Cursor;
+        readonly disabled: "(Coming Soon)";
+    }];
+    readonly theme: {
+        readonly prefix: {
+            readonly idle: string;
+            readonly done: string;
+        };
+        readonly style: {
+            readonly highlight: import("picocolors/types.js").Formatter;
+            readonly answer: import("picocolors/types.js").Formatter;
+        };
+    };
+};
+//# sourceMappingURL=agent-select.prompt.d.ts.map

package/dist/src/presentation/tui/prompts/agent-select.prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-select.prompt.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/tui/prompts/agent-select.prompt.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD;;;;;GAKG;AACH,wBAAgB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCtC"}

package/dist/src/presentation/tui/prompts/agent-select.prompt.js

@@ -0,0 +1,47 @@
+/**
+ * Agent Select Prompt Configuration
+ *
+ * Configuration for the @inquirer/select prompt that lets users
+ * choose their AI coding agent.
+ */
+import { AgentType } from '@/domain/generated/output.js';
+import { shepTheme } from '../themes/shep.theme.js';
+/**
+ * Creates the @inquirer/select configuration for selecting an AI coding agent.
+ *
+ * Only Claude Code is currently available. Other agents are shown as
+ * disabled with a "Coming Soon" badge.
+ */
+export function createAgentSelectConfig() {
+    return {
+        message: 'Select your AI coding agent',
+        choices: [
+            {
+                name: 'Claude Code',
+                value: AgentType.ClaudeCode,
+                description: 'Anthropic Claude Code CLI',
+            },
+            {
+                name: 'Gemini CLI',
+                value: AgentType.GeminiCli,
+                disabled: '(Coming Soon)',
+            },
+            {
+                name: 'Aider',
+                value: AgentType.Aider,
+                disabled: '(Coming Soon)',
+            },
+            {
+                name: 'Continue',
+                value: AgentType.Continue,
+                disabled: '(Coming Soon)',
+            },
+            {
+                name: 'Cursor',
+                value: AgentType.Cursor,
+                disabled: '(Coming Soon)',
+            },
+        ],
+        theme: shepTheme,
+    };
+}

package/dist/src/presentation/tui/prompts/auth-method.prompt.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Auth Method Prompt Configuration
+ *
+ * Configuration for the @inquirer/select prompt that lets users
+ * choose their authentication method for the selected agent.
+ */
+import { AgentAuthMethod } from '@/domain/generated/output.js';
+/**
+ * Creates the @inquirer/select configuration for selecting an authentication method.
+ *
+ * Users can choose between session-based auth (built into the agent CLI)
+ * or token-based auth (providing an API key).
+ */
+export declare function createAuthMethodConfig(): {
+    readonly message: "Select authentication method";
+    readonly choices: readonly [{
+        readonly name: "Use existing session";
+        readonly value: AgentAuthMethod.Session;
+        readonly description: "Use Claude Code built-in authentication";
+    }, {
+        readonly name: "Use API token";
+        readonly value: AgentAuthMethod.Token;
+        readonly description: "Provide an Anthropic API key";
+    }];
+    readonly theme: {
+        readonly prefix: {
+            readonly idle: string;
+            readonly done: string;
+        };
+        readonly style: {
+            readonly highlight: import("picocolors/types.js").Formatter;
+            readonly answer: import("picocolors/types.js").Formatter;
+        };
+    };
+};
+//# sourceMappingURL=auth-method.prompt.d.ts.map

package/dist/src/presentation/tui/prompts/auth-method.prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-method.prompt.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/tui/prompts/auth-method.prompt.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAG/D;;;;;GAKG;AACH,wBAAgB,sBAAsB;;;;;;;;;;;;;;;;;;;;;EAiBrC"}

package/dist/src/presentation/tui/prompts/auth-method.prompt.js

@@ -0,0 +1,32 @@
+/**
+ * Auth Method Prompt Configuration
+ *
+ * Configuration for the @inquirer/select prompt that lets users
+ * choose their authentication method for the selected agent.
+ */
+import { AgentAuthMethod } from '@/domain/generated/output.js';
+import { shepTheme } from '../themes/shep.theme.js';
+/**
+ * Creates the @inquirer/select configuration for selecting an authentication method.
+ *
+ * Users can choose between session-based auth (built into the agent CLI)
+ * or token-based auth (providing an API key).
+ */
+export function createAuthMethodConfig() {
+    return {
+        message: 'Select authentication method',
+        choices: [
+            {
+                name: 'Use existing session',
+                value: AgentAuthMethod.Session,
+                description: 'Use Claude Code built-in authentication',
+            },
+            {
+                name: 'Use API token',
+                value: AgentAuthMethod.Token,
+                description: 'Provide an Anthropic API key',
+            },
+        ],
+        theme: shepTheme,
+    };
+}

package/dist/src/presentation/tui/themes/shep.theme.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Shep TUI Theme
+ *
+ * Custom theme for @inquirer/prompts that matches the Shep CLI design system.
+ * Uses picocolors for consistent styling with the rest of the CLI.
+ */
+/**
+ * Shep-branded theme for @inquirer/prompts.
+ *
+ * Customizes the prefix icon to use the Shep brand color (cyan)
+ * and provides consistent styling across all TUI prompts.
+ */
+export declare const shepTheme: {
+    readonly prefix: {
+        readonly idle: string;
+        readonly done: string;
+    };
+    readonly style: {
+        readonly highlight: import("picocolors/types").Formatter;
+        readonly answer: import("picocolors/types").Formatter;
+    };
+};
+//# sourceMappingURL=shep.theme.d.ts.map

package/dist/src/presentation/tui/themes/shep.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shep.theme.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/tui/themes/shep.theme.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH;;;;;GAKG;AACH,eAAO,MAAM,SAAS;;;;;;;;;CASZ,CAAC"}

package/dist/src/presentation/tui/themes/shep.theme.js

@@ -0,0 +1,23 @@
+/**
+ * Shep TUI Theme
+ *
+ * Custom theme for @inquirer/prompts that matches the Shep CLI design system.
+ * Uses picocolors for consistent styling with the rest of the CLI.
+ */
+import pc from 'picocolors';
+/**
+ * Shep-branded theme for @inquirer/prompts.
+ *
+ * Customizes the prefix icon to use the Shep brand color (cyan)
+ * and provides consistent styling across all TUI prompts.
+ */
+export const shepTheme = {
+    prefix: {
+        idle: pc.cyan('?'),
+        done: pc.green('\u2714'),
+    },
+    style: {
+        highlight: pc.cyan,
+        answer: pc.cyan,
+    },
+};

package/dist/src/presentation/tui/wizards/agent-config.wizard.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Agent Configuration Wizard
+ *
+ * Interactive TUI wizard that guides users through selecting
+ * an AI coding agent and configuring authentication.
+ */
+import { AgentAuthMethod, type AgentType } from '@/domain/generated/output.js';
+/**
+ * Result returned by the agent configuration wizard.
+ */
+export interface AgentConfigResult {
+    type: AgentType;
+    authMethod: AgentAuthMethod;
+    token?: string;
+}
+/**
+ * Runs the interactive agent configuration wizard.
+ *
+ * Steps:
+ * 1. Select an AI coding agent (only Claude Code is currently enabled)
+ * 2. Select an authentication method (session or token)
+ * 3. If token auth is selected, prompt for the API key
+ *
+ * @returns The selected agent configuration
+ */
+export declare function agentConfigWizard(): Promise<AgentConfigResult>;
+//# sourceMappingURL=agent-config.wizard.d.ts.map

package/dist/src/presentation/tui/wizards/agent-config.wizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-config.wizard.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/tui/wizards/agent-config.wizard.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAK/E;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;GASG;AACH,wBAAsB,iBAAiB,IAAI,OAAO,CAAC,iBAAiB,CAAC,CAoBpE"}

package/dist/src/presentation/tui/wizards/agent-config.wizard.js

@@ -0,0 +1,38 @@
+/**
+ * Agent Configuration Wizard
+ *
+ * Interactive TUI wizard that guides users through selecting
+ * an AI coding agent and configuring authentication.
+ */
+import { select, password } from '@inquirer/prompts';
+import { AgentAuthMethod } from '@/domain/generated/output.js';
+import { createAgentSelectConfig } from '../prompts/agent-select.prompt.js';
+import { createAuthMethodConfig } from '../prompts/auth-method.prompt.js';
+import { shepTheme } from '../themes/shep.theme.js';
+/**
+ * Runs the interactive agent configuration wizard.
+ *
+ * Steps:
+ * 1. Select an AI coding agent (only Claude Code is currently enabled)
+ * 2. Select an authentication method (session or token)
+ * 3. If token auth is selected, prompt for the API key
+ *
+ * @returns The selected agent configuration
+ */
+export async function agentConfigWizard() {
+    const agentType = await select(createAgentSelectConfig());
+    const authMethod = await select(createAuthMethodConfig());
+    const result = {
+        type: agentType,
+        authMethod,
+    };
+    if (authMethod === AgentAuthMethod.Token) {
+        const token = await password({
+            message: 'Enter your Anthropic API key',
+            mask: '*',
+            theme: shepTheme,
+        });
+        result.token = token;
+    }
+    return result;
+}

package/dist/src/presentation/web/components/ui/button.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;