claudius-chat-widget 1.6.0

package/dist/components/ChatInput.d.ts

@@ -0,0 +1,9 @@
+import type { ClaudiusTranslations } from "../i18n";
+interface ChatInputProps {
+    onSend: (message: string) => void;
+    isLoading: boolean;
+    placeholder?: string;
+    translations?: ClaudiusTranslations;
+}
+export declare function ChatInput({ onSend, isLoading, placeholder, translations, }: ChatInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ChatMessage.d.ts

@@ -0,0 +1,10 @@
+import type { Source } from "../api/types";
+interface ChatMessageProps {
+    role: "user" | "assistant";
+    content: string;
+    sources?: Source[];
+    onSourceClick?: () => void;
+    isSourceActive?: boolean;
+}
+export declare const ChatMessage: import("react").NamedExoticComponent<ChatMessageProps>;
+export {};

package/dist/components/ChatSources.d.ts

@@ -0,0 +1,7 @@
+import type { Source } from "../api/types";
+interface ChatSourcesProps {
+    sources: Source[];
+    onClose: () => void;
+}
+export declare const ChatSources: import("react").NamedExoticComponent<ChatSourcesProps>;
+export {};

package/dist/components/ChatToggleButton.d.ts

@@ -0,0 +1,10 @@
+import type { WidgetPosition } from "./ChatWidget";
+import type { ClaudiusTranslations } from "../i18n";
+interface ChatToggleButtonProps {
+    isOpen: boolean;
+    onClick: () => void;
+    position?: WidgetPosition;
+    translations?: ClaudiusTranslations;
+}
+export declare const ChatToggleButton: import("react").ForwardRefExoticComponent<ChatToggleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/ChatWidget.d.ts

@@ -0,0 +1,29 @@
+import { type Trigger } from "../hooks/useTriggers";
+import { ClaudiusTranslations, defaultTranslations, createTranslations } from "../i18n";
+import { type LocaleCode } from "../locales";
+import type { ClaudiusThemeInput } from "../theme/types";
+export type WidgetPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left";
+export interface ChatWidgetProps {
+    apiUrl: string;
+    title?: string;
+    subtitle?: string;
+    welcomeMessage?: string;
+    placeholder?: string;
+    persistMessages?: boolean;
+    storageKeyPrefix?: string;
+    requestTimeoutMs?: number;
+    /**
+     * Color-scheme mode ("light" | "dark" | "auto"), a built-in theme name
+     * ("default" | "minimal" | "playful" | "corporate"), an inline
+     * ClaudiusTheme object, or a URL to a theme JSON file.
+     */
+    theme?: ClaudiusThemeInput;
+    accentColor?: string;
+    position?: WidgetPosition;
+    locale?: LocaleCode;
+    translations?: Partial<ClaudiusTranslations>;
+    triggers?: Trigger[];
+}
+export declare function ChatWidget({ apiUrl, title, subtitle, welcomeMessage, placeholder, persistMessages, storageKeyPrefix, requestTimeoutMs, theme, accentColor, position, locale, translations: translationOverrides, triggers, }: ChatWidgetProps): import("react/jsx-runtime").JSX.Element;
+export { defaultTranslations, createTranslations };
+export type { ClaudiusTranslations };

package/dist/components/ChatWindow.d.ts

@@ -0,0 +1,21 @@
+import type { WidgetPosition } from "./ChatWidget";
+import type { ClaudiusTranslations } from "../i18n";
+import type { ChatMessage as ChatMessageData } from "../api/types";
+interface ChatWindowProps {
+    messages: ChatMessageData[];
+    isLoading: boolean;
+    error: string | null;
+    canRetry?: boolean;
+    onSend: (message: string) => void;
+    onRetry?: () => void;
+    onClose: () => void;
+    title?: string;
+    subtitle?: string;
+    welcomeMessage?: string;
+    placeholder?: string;
+    position?: WidgetPosition;
+    translations?: ClaudiusTranslations;
+    isMobile?: boolean;
+}
+export declare function ChatWindow({ messages, isLoading, error, canRetry, onSend, onRetry, onClose, title, subtitle, welcomeMessage, placeholder, position, translations, isMobile, }: ChatWindowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/GreetingBubble.d.ts

@@ -0,0 +1,10 @@
+import type { WidgetPosition } from "./ChatWidget";
+interface GreetingBubbleProps {
+    message: string;
+    position: WidgetPosition;
+    onOpen: () => void;
+    onDismiss: () => void;
+    dismissLabel: string;
+}
+export declare function GreetingBubble({ message, position, onOpen, onDismiss, dismissLabel, }: GreetingBubbleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SourceIcon.d.ts

@@ -0,0 +1,7 @@
+interface SourceIconProps {
+    count: number;
+    isActive: boolean;
+    onClick: () => void;
+}
+export declare const SourceIcon: import("react").NamedExoticComponent<SourceIconProps>;
+export {};

package/dist/embed.d.ts

@@ -0,0 +1,38 @@
+import { WidgetPosition } from "./components/ChatWidget";
+import type { Trigger } from "./hooks/useTriggers";
+import type { LocaleCode } from "./locales";
+import type { ClaudiusTranslations } from "./i18n";
+import type { ClaudiusThemeInput } from "./theme/types";
+import "./styles.css";
+interface ClaudiusConfig {
+    apiUrl: string;
+    title?: string;
+    subtitle?: string;
+    welcomeMessage?: string;
+    placeholder?: string;
+    persistMessages?: boolean;
+    storageKeyPrefix?: string;
+    requestTimeoutMs?: number;
+    theme?: ClaudiusThemeInput;
+    accentColor?: string;
+    position?: WidgetPosition;
+    locale?: LocaleCode;
+    translations?: Partial<ClaudiusTranslations>;
+    triggers?: Trigger[];
+}
+declare global {
+    interface Window {
+        ClaudiusConfig?: ClaudiusConfig;
+        ClaudiusWidgetVersion?: string;
+    }
+}
+declare class ClaudiusChat extends HTMLElement {
+    private root;
+    private container;
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private render;
+}
+export { ClaudiusChat };

package/dist/hooks/useChat.d.ts

@@ -0,0 +1,20 @@
+import type { ClaudiusTranslations } from "../i18n";
+import type { ChatMessage } from "../api/types";
+interface UseChatOptions {
+    apiUrl: string;
+    persistMessages?: boolean;
+    storageKeyPrefix?: string;
+    timeoutMs?: number;
+    translations?: ClaudiusTranslations;
+}
+interface UseChatReturn {
+    messages: ChatMessage[];
+    isLoading: boolean;
+    error: string | null;
+    canRetry: boolean;
+    sendMessage: (content: string) => Promise<void>;
+    retry: () => Promise<void>;
+    clearMessages: () => void;
+}
+export declare function useChat({ apiUrl, persistMessages, storageKeyPrefix, timeoutMs, translations, }: UseChatOptions): UseChatReturn;
+export type { ChatMessage };

package/dist/hooks/useFocusTrap.d.ts

@@ -0,0 +1,2 @@
+import { type RefObject } from "react";
+export declare function useFocusTrap(containerRef: RefObject<HTMLElement>, active: boolean): void;

package/dist/hooks/useMediaQuery.d.ts

@@ -0,0 +1 @@
+export declare function useMediaQuery(query: string): boolean;

package/dist/hooks/useSwipeToDismiss.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from "react";
+export declare function useSwipeToDismiss(sheetRef: RefObject<HTMLElement | null>, onDismiss: () => void, enabled: boolean): {
+    offsetY: number;
+};

package/dist/hooks/useTriggers.d.ts

@@ -0,0 +1,32 @@
+export type UrlPattern = string | RegExp;
+export type TriggerAction = "open" | {
+    greeting: string;
+};
+export type Trigger = {
+    on: "time";
+    seconds: number;
+    matchUrl?: UrlPattern;
+    action: TriggerAction;
+} | {
+    on: "scroll";
+    percent: number;
+    matchUrl?: UrlPattern;
+    action: TriggerAction;
+} | {
+    on: "exit-intent";
+    matchUrl?: UrlPattern;
+    action: TriggerAction;
+} | {
+    on: "url";
+    pattern: UrlPattern;
+    action: TriggerAction;
+};
+interface UseTriggersOptions {
+    triggers?: Trigger[];
+    enabled: boolean;
+    onOpen: () => void;
+    onGreeting: (message: string) => void;
+}
+export declare function matchesUrl(pattern: UrlPattern, url: string): boolean;
+export declare function useTriggers({ triggers, enabled, onOpen, onGreeting, }: UseTriggersOptions): void;
+export {};

package/dist/i18n.d.ts

@@ -0,0 +1,21 @@
+export interface ClaudiusTranslations {
+    title: string;
+    subtitle: string;
+    welcomeMessage: string;
+    closeChat: string;
+    chatMessages: string;
+    typingIndicator: string;
+    placeholder: string;
+    sendMessage: string;
+    typeYourMessage: string;
+    openChat: string;
+    dismissGreeting: string;
+    errorGeneric: string;
+    errorConnection: string;
+    errorTimeout: string;
+    errorRateLimitMinute: string;
+    errorRateLimitHour: string;
+    errorRetry: string;
+}
+export declare const defaultTranslations: ClaudiusTranslations;
+export declare function createTranslations(overrides?: Partial<ClaudiusTranslations>): ClaudiusTranslations;

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export { ChatWidget } from "./components/ChatWidget";
+export type { ChatWidgetProps, WidgetPosition, ClaudiusTranslations, } from "./components/ChatWidget";
+export { defaultTranslations, createTranslations } from "./i18n";
+export { locales, detectLocale, resolveTranslations } from "./locales";
+export type { LocaleCode } from "./locales";
+export type { Trigger, TriggerAction, UrlPattern } from "./hooks/useTriggers";
+export { builtinThemes } from "./theme";
+export type { ClaudiusTheme, ClaudiusThemeInput, BuiltinThemeName, ThemeColorToken, ThemeRadiusToken, ThemeShadowToken, ThemeFontToken, } from "./theme";
+export { ChatApiClient } from "./api/client";
+export type { ChatApiClientOptions } from "./api/client";
+export { ChatApiError, DebounceError } from "./api/errors";
+export type { Source, ChatMessage, ChatRequest, ChatResponse, ChatErrorResponse, } from "./api/types";

package/dist/locales/de.d.ts

@@ -0,0 +1,2 @@
+import type { ClaudiusTranslations } from "../i18n";
+export declare const de: ClaudiusTranslations;

package/dist/locales/en.d.ts

@@ -0,0 +1,2 @@
+import type { ClaudiusTranslations } from "../i18n";
+export declare const en: ClaudiusTranslations;

package/dist/locales/es.d.ts

@@ -0,0 +1,2 @@
+import type { ClaudiusTranslations } from "../i18n";
+export declare const es: ClaudiusTranslations;

package/dist/locales/fr.d.ts

@@ -0,0 +1,2 @@
+import type { ClaudiusTranslations } from "../i18n";
+export declare const fr: ClaudiusTranslations;

package/dist/locales/index.d.ts

@@ -0,0 +1,9 @@
+import type { ClaudiusTranslations } from "../i18n";
+export type LocaleCode = "en" | "es" | "fr" | "de";
+export declare const locales: Record<LocaleCode, ClaudiusTranslations>;
+export declare function detectLocale(): LocaleCode;
+export interface ResolveTranslationsOptions {
+    locale?: LocaleCode;
+    translations?: Partial<ClaudiusTranslations>;
+}
+export declare function resolveTranslations(options?: ResolveTranslationsOptions): ClaudiusTranslations;

package/dist/main.d.ts

@@ -0,0 +1 @@
+import "./styles.css";

package/dist/test-utils/MockChatApiClient.d.ts

@@ -0,0 +1,64 @@
+import type { ChatMessage, ChatResponse } from "../api/types";
+import { ChatApiError, DebounceError } from "../api/errors";
+/**
+ * Programmable test double for `ChatApiClient`. Tests queue responses with
+ * `mockReply` / `mockError` / `mockTimeout`; calls to `sendMessage` consume
+ * one queued response per call (FIFO). When the queue is empty the client
+ * blocks on a `pending` promise so tests can drive loading-state assertions
+ * before resolving.
+ *
+ * Usage:
+ *   const mock = new MockChatApiClient();
+ *   installChatApiClientMock(mock); // before render / hook init
+ *   mock.mockReply({ reply: "Hi!" });
+ *   ...
+ */
+export type QueuedResponse = {
+    kind: "reply";
+    response: ChatResponse;
+} | {
+    kind: "error";
+    error: ChatApiError | DebounceError | Error;
+} | {
+    kind: "timeout";
+} | {
+    kind: "pending";
+    promise: Promise<ChatResponse>;
+};
+export declare class MockChatApiClient {
+    readonly calls: ChatMessage[][];
+    sendMessage: import("vitest").Mock<(messages: ChatMessage[]) => Promise<ChatResponse>>;
+    private queue;
+    /** Queue a successful reply for the next sendMessage call. */
+    mockReply(response: ChatResponse): this;
+    /** Queue a ChatApiError (or arbitrary Error) for the next call. */
+    mockError(error: ChatApiError | DebounceError | Error): this;
+    /** Queue a timeout-style failure (status 0, code "TIMEOUT"). */
+    mockTimeout(message?: string): this;
+    /** Queue a network failure (status 0, code "NETWORK_ERROR"). */
+    mockNetworkError(message?: string): this;
+    /**
+     * Queue a deferred reply. Returns a `resolve` function the test can call
+     * later to settle the in-flight request — useful for asserting the
+     * loading state mid-flight.
+     */
+    mockPending(): {
+        resolve: (response: ChatResponse) => void;
+        reject: (err: unknown) => void;
+    };
+    /** Total messages received across all sendMessage calls (last call). */
+    get lastCall(): ChatMessage[] | undefined;
+    /** Clear queued responses and call history. */
+    reset(): void;
+    private handleSend;
+}
+/**
+ * Install the mock as the implementation of `ChatApiClient` for the current
+ * test. Must be paired with `vi.mock("../api/client", ...)` at module
+ * top-level, since vi.mock is hoisted; this helper just wires the
+ * already-mocked constructor to return our instance.
+ *
+ * Most tests should call `useMockChatApiClient()` instead — it bundles the
+ * vi.mock setup with creation.
+ */
+export declare function installChatApiClientMock(mock: MockChatApiClient): Promise<void>;

package/dist/theme/index.d.ts

@@ -0,0 +1,4 @@
+export { THEME_COLOR_TOKENS, THEME_RADIUS_TOKENS, THEME_SHADOW_TOKENS, THEME_FONT_TOKENS, } from "./types";
+export type { ClaudiusTheme, ClaudiusThemeInput, BuiltinThemeName, ThemeColorToken, ThemeRadiusToken, ThemeShadowToken, ThemeFontToken, } from "./types";
+export { builtinThemes, isBuiltinThemeName } from "./themes";
+export { resolveThemeInput, themeToCssVars, type ResolvedThemeInput, type ColorSchemeMode, } from "./resolve";

package/dist/theme/resolve.d.ts

@@ -0,0 +1,19 @@
+import { type ClaudiusTheme, type ClaudiusThemeInput } from "./types";
+export type ColorSchemeMode = "light" | "dark" | "auto";
+export interface ResolvedThemeInput {
+    mode: ColorSchemeMode;
+    theme?: ClaudiusTheme;
+    /** Set when the input is a URL to a theme JSON file (fetched separately). */
+    url?: string;
+}
+/**
+ * Classifies the `theme` option. Mode strings keep their original meaning;
+ * built-in names map to their theme objects; any other string is a URL.
+ */
+export declare function resolveThemeInput(input: ClaudiusThemeInput | undefined): ResolvedThemeInput;
+/**
+ * Converts a theme object into the --cl-* custom-property map applied to the
+ * widget root. Light colors mirror into the -dark variables so themed tokens
+ * survive dark mode; `colorsDark` overrides the mirror per token.
+ */
+export declare function themeToCssVars(theme: ClaudiusTheme): Record<string, string>;

package/dist/theme/themes.d.ts

@@ -0,0 +1,8 @@
+import type { BuiltinThemeName, ClaudiusTheme } from "./types";
+/**
+ * Built-in themes. `default` is intentionally empty: the baked-in token
+ * defaults (see tailwind.config.ts fallbacks and the dark block in
+ * styles.css) ARE the default theme.
+ */
+export declare const builtinThemes: Record<BuiltinThemeName, ClaudiusTheme>;
+export declare function isBuiltinThemeName(value: string): value is BuiltinThemeName;

package/dist/theme/types.d.ts

@@ -0,0 +1,34 @@
+export declare const THEME_COLOR_TOKENS: readonly ["accent", "accentText", "accentSoft", "accentTextMuted", "surface", "surfaceMuted", "text", "textMuted", "border", "userBubble", "userBubbleText", "assistantBubble", "assistantBubbleText", "field", "error", "errorSurface", "errorText", "link", "scrim"];
+export declare const THEME_RADIUS_TOKENS: readonly ["sm", "md", "lg", "full", "tail"];
+export declare const THEME_SHADOW_TOKENS: readonly ["elevated", "floating", "floatingHover"];
+export declare const THEME_FONT_TOKENS: readonly ["heading", "body"];
+export type ThemeColorToken = (typeof THEME_COLOR_TOKENS)[number];
+export type ThemeRadiusToken = (typeof THEME_RADIUS_TOKENS)[number];
+export type ThemeShadowToken = (typeof THEME_SHADOW_TOKENS)[number];
+export type ThemeFontToken = (typeof THEME_FONT_TOKENS)[number];
+/**
+ * A Claudius design-token theme. Every value is a CSS string applied via
+ * --cl-* custom properties. `colors` apply to both light and dark modes
+ * unless `colorsDark` overrides a token for dark mode specifically.
+ *
+ * JSON theme files validate against
+ * https://claudius-docs.pages.dev/schema/theme.v1.json
+ */
+export interface ClaudiusTheme {
+    $schema?: string;
+    name?: string;
+    /** Initial color scheme this theme is designed for. Defaults to "light". */
+    colorScheme?: "light" | "dark" | "auto";
+    colors?: Partial<Record<ThemeColorToken, string>>;
+    colorsDark?: Partial<Record<ThemeColorToken, string>>;
+    radii?: Partial<Record<ThemeRadiusToken, string>>;
+    shadows?: Partial<Record<ThemeShadowToken, string>>;
+    fonts?: Partial<Record<ThemeFontToken, string>>;
+}
+export type BuiltinThemeName = "default" | "minimal" | "playful" | "corporate";
+/**
+ * Everything the `theme` option accepts: the original color-scheme modes, a
+ * built-in theme name, an inline theme object, or a URL to a theme JSON file.
+ * `(string & {})` keeps literal autocomplete while allowing URLs.
+ */
+export type ClaudiusThemeInput = "light" | "dark" | "auto" | BuiltinThemeName | ClaudiusTheme | (string & {});

package/dist/theme/useTheme.d.ts

@@ -0,0 +1,14 @@
+import { type ColorSchemeMode } from "./resolve";
+import type { ClaudiusThemeInput } from "./types";
+export interface UseThemeResult {
+    mode: ColorSchemeMode;
+    /** --cl-* custom properties to apply inline on the widget root. */
+    cssVars: Record<string, string>;
+}
+/**
+ * Resolves the `theme` option into a color-scheme mode and a set of CSS
+ * custom properties. URL inputs are fetched; any failure (network, JSON,
+ * shape) logs one console.error and leaves the default theme active so the
+ * widget never breaks because a theme file is unreachable.
+ */
+export declare function useTheme(input: ClaudiusThemeInput | undefined): UseThemeResult;

package/dist/utils/sanitize.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Sanitization utilities for XSS prevention.
+ *
+ * The widget uses React element rendering (not innerHTML) which is inherently
+ * safe for text content. These utilities handle edge cases like URL schemes.
+ */
+/** Maximum allowed message length */
+export declare const MAX_MESSAGE_LENGTH = 2000;
+/**
+ * Validates and sanitizes a URL to prevent javascript:, data:, vbscript: attacks.
+ *
+ * @param url - The URL to sanitize
+ * @returns The original URL if safe, or null if potentially malicious
+ */
+export declare function sanitizeUrl(url: string): string | null;
+/**
+ * Checks if a URL is safe to use as an href.
+ *
+ * @param url - The URL to check
+ * @returns true if the URL is safe, false otherwise
+ */
+export declare function isUrlSafe(url: string): boolean;
+/**
+ * Validates message content length.
+ *
+ * @param content - The message content to validate
+ * @returns true if the content is within the allowed length
+ */
+export declare function isValidMessageLength(content: string): boolean;
+/**
+ * Sanitizes message content by trimming and enforcing length limits.
+ *
+ * @param content - The message content to sanitize
+ * @returns Sanitized content, or empty string if invalid
+ */
+export declare function sanitizeMessageContent(content: string): string;

package/dist/utils/stripAnnouncementFormatting.d.ts

@@ -0,0 +1 @@
+export declare function stripAnnouncementFormatting(content: string): string;

package/package.json

@@ -0,0 +1,102 @@
+{
+  "name": "claudius-chat-widget",
+  "version": "1.6.0",
+  "type": "module",
+  "description": "Embeddable AI chat widget powered by Claude. Drop-in React component or standalone script embed, backed by a Cloudflare Worker.",
+  "keywords": [
+    "react",
+    "chat-widget",
+    "ai-chat",
+    "claude",
+    "anthropic",
+    "cloudflare-workers",
+    "embeddable-widget",
+    "customer-support",
+    "typescript"
+  ],
+  "author": "PAMulligan",
+  "license": "MIT",
+  "homepage": "https://claudius-docs.pages.dev",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/PMDevSolutions/Claudius.git",
+    "directory": "widget"
+  },
+  "bugs": {
+    "url": "https://github.com/PMDevSolutions/Claudius/issues"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/claudius.cjs",
+  "module": "./dist/claudius.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/claudius.js",
+      "require": "./dist/claudius.cjs"
+    },
+    "./embed": "./dist/claudius.iife.js",
+    "./style.css": "./dist/claudius.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && vite build --config vite.config.embed.ts && tsc --emitDeclarationOnly",
+    "build:lib": "vite build && tsc --emitDeclarationOnly",
+    "build:embed": "vite build --config vite.config.embed.ts",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "e2e": "playwright test",
+    "e2e:ui": "playwright test --ui",
+    "e2e:install": "playwright install chromium",
+    "lint": "eslint src/",
+    "lint:fix": "eslint src/ --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx,css}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx,css}\"",
+    "typecheck": "tsc --noEmit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.24.0",
+    "@playwright/test": "^1.59.1",
+    "@storybook/react-vite": "10.4.1",
+    "@testing-library/jest-dom": "^6.6.0",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.4.0",
+    "@vitest/coverage-v8": "^4.1.5",
+    "ajv": "^8.20.0",
+    "autoprefixer": "^10.4.0",
+    "eslint": "^9.24.0",
+    "eslint-config-prettier": "^10.1.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "jsdom": "^26.0.0",
+    "postcss": "^8.5.0",
+    "prettier": "^3.5.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "storybook": "10.4.1",
+    "tailwindcss": "^3.4.0",
+    "typescript": "^5.8.0",
+    "typescript-eslint": "^8.30.0",
+    "vite": "^6.2.0",
+    "vitest": "^4.1.0"
+  }
+}