import { PikaWCContext } from '../types/chatbot/webcomp-types.js';
import { SemanticColorVariable } from '../types/chatbot/theme-types.js';
import '../types/upload-types.js';
import '../types/chatbot/chatbot-types.js';
import '@aws-sdk/client-bedrock-agent-runtime';
import '@aws-sdk/client-bedrock-agentcore';

/**
 * Web component authors can use this function to get the Pika context when their web component is rendered.
 *
 * The type of the context object is defined in the PikaWCContext interface.
 *
 * @see PikaWCContext
 *
 * @example
 * ```ts
 * const ctx: PikaWCContext = await getPikaContext(el);
 * console.log(ctx.appState.identity.user.fullName);
 * ```
 */
declare function getPikaContext(el: HTMLElement): Promise<PikaWCContext>;
/**
 * Get a single CSS variable value from the document.
 * Useful for web components that need to read theme values.
 *
 * @param name - Variable name without the -- prefix (e.g., 'primary', 'background')
 * @returns The computed value of the CSS variable, or empty string if not found
 *
 * @example
 * ```ts
 * const primaryColor = getThemeVariable('primary');
 * console.log(primaryColor); // 'oklch(0.514 0.146 255.748)'
 *
 * // Use in dynamic styles - value already includes oklch()
 * element.style.backgroundColor = getThemeVariable('primary');
 * ```
 *
 * @since 0.16.0
 */
declare function getThemeVariable(name: string): string;
/**
 * Get all Pika semantic theme tokens as an object.
 * Useful for web components that need access to multiple theme values.
 *
 * Returns only the semantic color variables (primary, secondary, success, etc.),
 * not the full palette variables (gold-500, blueish-300, etc.).
 *
 * @returns Object mapping variable names to their computed values
 *
 * @example
 * ```ts
 * const tokens = getPikaThemeTokens();
 * console.log(tokens.primary);           // 'oklch(0.514 0.146 255.748)'
 * console.log(tokens.success);           // 'oklch(0.55 0.16 142)'
 * console.log(tokens['muted-foreground']); // 'oklch(0.551 0.027 264.364)'
 * ```
 *
 * @since 0.16.0
 */
declare function getPikaThemeTokens(): Partial<Record<SemanticColorVariable, string>>;

export { getPikaContext, getPikaThemeTokens, getThemeVariable };