@brainfish-ai/components 0.0.0-alpha.test

package/dist/index.d.ts

@@ -0,0 +1,522 @@
+/// <reference types="react" />
+import * as React$1 from 'react';
+import React__default, { ReactNode, FC } from 'react';
+import { JSONSchemaType } from 'ajv';
+import { FeatureFlags } from '@/lib/feature-flags';
+import { Options } from 'react-markdown';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import { VariantProps } from 'class-variance-authority';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as LabelPrimitive from '@radix-ui/react-label';
+
+declare function customColor(cssVariable: string, fallbackColor?: string): ({ opacityVariable, opacityValue }: {
+    opacityVariable: string;
+    opacityValue: string;
+}) => string;
+
+declare const BrainfishColors: {
+    primary: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: ({ opacityVariable, opacityValue }: {
+            opacityVariable: string;
+            opacityValue: string;
+        }) => string;
+        foreground: ({ opacityVariable, opacityValue }: {
+            opacityVariable: string;
+            opacityValue: string;
+        }) => string;
+    };
+    dark: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+    orange: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+    yellow: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+    green: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+    blue: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+    purple: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+    pink: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+    red: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+};
+
+type JSONSchema<T> = JSONSchemaType<T>;
+interface TextConfig {
+    headerText?: string;
+    searchPlaceholder?: string;
+    attachImageText?: string;
+    allDocumentsText?: string;
+    loadingSearchText?: string;
+    loadingAnswerText?: string;
+    errorText?: string;
+    followUpPlaceholder?: string;
+    positiveAnswerText?: string;
+    negativeAnswerText?: string;
+    suggestionsTitle?: string;
+    uncertaintyFallbackText?: Record<string, string>;
+}
+type FeedbackResponse = 'accept' | 'reject';
+type MarkdownTextBlock = {
+    id: string;
+    type: 'markdown-text';
+    text: string;
+};
+type ActionButtonsBlock = {
+    id: string;
+    type: 'action-buttons';
+};
+type ActionInputFormBlock = {
+    id: string;
+    type: 'action-input-form';
+    state: 'ready' | 'processing' | 'completed';
+    actionId: string;
+    initialValues: ActionInputs;
+    schema: ActionInputsSchema;
+    onSubmit?: (inputs: ActionInputs) => void;
+};
+type AnswerBlock = MarkdownTextBlock | ActionButtonsBlock | ActionInputFormBlock;
+type AnswerState = 'fetching-search-results' | 'fetching-stream' | 'streaming' | 'getting-action-inputs' | 'completed';
+interface Answer {
+    id: string;
+    state: AnswerState;
+    question: string;
+    blocks: AnswerBlock[];
+    searchResults?: SearchResult[];
+    followUpQuestions?: string[];
+    searchQueryId?: string;
+    feedback?: FeedbackResponse;
+    isUncertain?: boolean;
+    uncertaintyLanguage?: string | null;
+    uncertaintyFallbackText?: string;
+    searchIntentId?: string;
+}
+type ActionInputValue = string | number | boolean | null;
+type ActionInputs = Record<string, ActionInputValue>;
+type ActionInputsSchema = JSONSchemaType<ActionInputs>;
+interface SearchResult {
+    id: string;
+    title: string;
+    url: string;
+}
+interface Collection {
+    id: string;
+    name: string;
+}
+interface Suggestion {
+    id: string;
+    question: string;
+    conversationId?: string;
+    messageCount?: number;
+}
+interface ChatSearchProps {
+    suggestions?: Suggestion[];
+    collections?: Array<{
+        id: string;
+        name: string;
+    }>;
+    selectedCollectionId?: string;
+    onCollectionChange?: (collectionId: string) => void;
+    searchEndpoint: string;
+    answerEndpoint: string;
+    answerStreamEndpoint: string;
+    feedbackEndpoint?: string;
+    loadConversationEndpoint?: string;
+    followUpQuestionsEndpoint?: string;
+    autocompleteEndpoint?: string;
+    disableFollowUpQuestions?: boolean;
+    disableImageAttachment?: boolean;
+    disableFeedback?: boolean;
+    siblingNode?: React.ReactNode;
+    offset?: number;
+    headers?: Record<string, string>;
+    textConfig?: TextConfig;
+    searchPath?: string;
+    className?: string;
+    onToggleSizeButtonClick?: () => void;
+    trackEvent?: (eventName: string, data?: Record<string, any>) => void;
+    featureFlags?: FeatureFlags;
+    onCloseWidget?: () => void;
+    isWidgetMode?: boolean;
+    nextBestActions?: NextBestAction[];
+    onNextBestActionClick?: ({ action, searchQueryId, query, answer, }: {
+        action: NextBestAction;
+        searchQueryId: string;
+        query: string;
+        answer: string;
+    }) => void;
+}
+interface ChatSearchState {
+    showResults: boolean;
+    answers: Answer[];
+    isLoading: boolean;
+    error?: string;
+}
+type UrlString = string & {
+    __url: never;
+};
+type NextBestActionType = 'link' | 'email' | 'phone' | 'callback' | 'function';
+type NextBestAction = {
+    id?: string;
+    label: string;
+    type: NextBestActionType;
+    icon: string | UrlString;
+    value: any;
+};
+
+interface ChatSearchHandle {
+    createNewThread: (firstQuery?: string) => void;
+    showFollowUpThread: (show: boolean) => void;
+    subscribeToStateChanges: (callback: (state: ChatSearchState) => void) => () => void;
+    focusSearchField: () => void;
+    showCloseButton: (showButton: boolean) => void;
+}
+declare const ChatSearch: React__default.ForwardRefExoticComponent<ChatSearchProps & React__default.RefAttributes<ChatSearchHandle>>;
+
+declare const AnswersActions: {
+    readonly SET_ANSWERS: "answers/set_answers";
+    readonly CLEAR_ALL: "answers/clear_all";
+    readonly APPEND_NEW_ANSWER: "answers/create_empty_answer";
+    readonly APPEND_BLOCK: "answers/append_block";
+    readonly APPEND_ANSWER_CHUNK: "answers/append_stream_chunk";
+    readonly SET_SEARCH_RESULTS: "answers/update_search_results";
+    readonly SET_FOLLOW_UP_QUESTIONS: "answers/set_follow_up_questions";
+    readonly COMPLETE_ANSWER: "answers/finish_streaming";
+    readonly SET_ANSWER_ERROR: "answers/set_error_state";
+    readonly SET_USER_FEEDBACK: "answers/set_user_feedback";
+    readonly CLEAR_USER_FEEDBACK: "answers/clear_user_feedback";
+    readonly MARK_AS_UNCERTAIN: "answers/mark_as_uncertain";
+    readonly GET_ACTION_INPUTS: "answers/request_action_inputs";
+    readonly INVOKE_ACTION: "answers/invoke_action";
+    readonly ADD_ACTION_BUTTONS: "answers/add_action_buttons";
+};
+type SetAnswers = {
+    type: typeof AnswersActions.SET_ANSWERS;
+    payload: {
+        answers: Answer[];
+    };
+};
+type ClearAll = {
+    type: typeof AnswersActions.CLEAR_ALL;
+};
+type AppendNewAnswer = {
+    type: typeof AnswersActions.APPEND_NEW_ANSWER;
+    payload: {
+        id?: string;
+        query: string;
+    };
+};
+type SetSearchResults = {
+    type: typeof AnswersActions.SET_SEARCH_RESULTS;
+    payload: {
+        searchQueryId: string;
+        results: SearchResult[];
+        index?: number;
+    };
+};
+type AppendAnswerChunk = {
+    type: typeof AnswersActions.APPEND_ANSWER_CHUNK;
+    payload: {
+        text: string;
+        index?: number;
+    };
+};
+type SetAnswerError = {
+    type: typeof AnswersActions.SET_ANSWER_ERROR;
+    payload: {
+        error: string;
+        index?: number;
+    };
+};
+type SetUserFeedback = {
+    type: typeof AnswersActions.SET_USER_FEEDBACK;
+    payload: {
+        feedback: FeedbackResponse;
+        index?: number;
+    };
+};
+type ClearUserFeedback = {
+    type: typeof AnswersActions.CLEAR_USER_FEEDBACK;
+    payload: {
+        index?: number;
+    };
+};
+type SetFollowUpQuestions = {
+    type: typeof AnswersActions.SET_FOLLOW_UP_QUESTIONS;
+    payload: {
+        questions: string[];
+        index?: number;
+    };
+};
+type AppendBlock = {
+    type: typeof AnswersActions.APPEND_BLOCK;
+    payload: {
+        block: AnswerBlock;
+        index?: number;
+    };
+};
+type CompleteAnswer = {
+    type: typeof AnswersActions.COMPLETE_ANSWER;
+    payload: {
+        index?: number;
+    };
+};
+type MarkAsUncertain = {
+    type: typeof AnswersActions.MARK_AS_UNCERTAIN;
+    payload: {
+        uncertaintyText: string;
+        index?: number;
+    };
+};
+type GetActionInputs = {
+    type: typeof AnswersActions.GET_ACTION_INPUTS;
+    payload: {
+        searchIntentId: string;
+        actionId: string;
+        schema: JSONSchema<ActionInputs>;
+        initialValues: ActionInputs;
+        onSubmit: (parameters: ActionInputs) => void;
+        index?: number;
+    };
+};
+type AddActionButtons = {
+    type: typeof AnswersActions.ADD_ACTION_BUTTONS;
+    payload: {
+        searchIntentId: string;
+        index?: number;
+    };
+};
+type InvokeAction = {
+    type: typeof AnswersActions.INVOKE_ACTION;
+    payload: {
+        index?: number;
+    };
+};
+type AnswerListAction = SetAnswers | ClearAll | AppendNewAnswer | SetSearchResults | AppendAnswerChunk | SetAnswerError | SetUserFeedback | ClearUserFeedback | SetFollowUpQuestions | AppendBlock | CompleteAnswer | MarkAsUncertain | InvokeAction | GetActionInputs | AddActionButtons;
+
+interface ChatSearchContextProps {
+    query: string;
+    setQuery: React__default.Dispatch<React__default.SetStateAction<string>>;
+    queryId: string;
+    setQueryId: React__default.Dispatch<React__default.SetStateAction<string>>;
+    followUpQuery: string;
+    setFollowUpQuery: React__default.Dispatch<React__default.SetStateAction<string>>;
+    isSearching: boolean;
+    setIsSearching: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    showResults: boolean;
+    setShowResults: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    answers: Answer[];
+    answerListDispatch: React__default.Dispatch<AnswerListAction>;
+    activeAnswerIndex: number;
+    setActiveAnswerIndex: React__default.Dispatch<React__default.SetStateAction<number>>;
+    conversationId: string | undefined;
+    setConversationId: (id: string) => void;
+    clearConversationId: () => void;
+    isLoadingConversation: boolean;
+    setIsLoadingConversation: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    loadError: string;
+    setLoadError: React__default.Dispatch<React__default.SetStateAction<string>>;
+    showMobileCloseWidgetButton: boolean;
+    setShowMobileCloseWidgetButton: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+}
+declare const ChatSearchProvider: React__default.FC<{
+    children: ReactNode;
+    searchPath?: string;
+}>;
+declare const useChatSearch: () => ChatSearchContextProps;
+
+declare const useIsChatSearchDirty: () => boolean;
+
+interface Props$1 {
+    language: string;
+    value: string;
+}
+declare const CodeBlock: FC<Props$1>;
+
+type Message = {
+    content: string;
+    uncertaintyFallbackText?: Record<string, string>;
+};
+interface Props {
+    message: Message;
+    isStreaming?: boolean;
+}
+declare const FormattedMessage: FC<Props>;
+
+declare const MemoizedReactMarkdown: FC<Options>;
+
+interface MermaidDiagramProps {
+    content: string;
+}
+declare const MermaidDiagram: React__default.FC<MermaidDiagramProps>;
+
+interface ZoomableImageProps {
+    src?: string;
+    alt?: string;
+}
+declare const ZoomableImage: React$1.FC<ZoomableImageProps>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "dark" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const Collapsible: React__default.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React__default.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React__default.FC<CollapsiblePrimitive.CollapsibleContentProps>;
+
+declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): React$1.JSX.Element;
+    displayName: string;
+};
+
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const TooltipProvider: ({ delayDuration, ...props }: TooltipPrimitive.TooltipProviderProps) => React$1.JSX.Element;
+declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface TooltipContentProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> {
+    background?: string;
+    textColor?: string;
+    borderColor?: string;
+}
+declare const TooltipContent: React$1.ForwardRefExoticComponent<TooltipContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_dist_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
+
+declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
+export { type Answer, BrainfishColors, Button, type ButtonProps, ChatSearch, type ChatSearchHandle, type ChatSearchProps, ChatSearchProvider, type ChatSearchState, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, type Collection, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FormattedMessage, Input, Label, MemoizedReactMarkdown, MermaidDiagram, type Props, ScrollArea, ScrollBar, Switch, Textarea, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, ZoomableImage, buttonVariants, customColor, useChatSearch, useIsChatSearchDirty };

package/package.json

@@ -0,0 +1,141 @@
+{
+  "name": "@brainfish-ai/components",
+  "version": "0.0.0-alpha.test",
+  "description": "Brainfish Components",
+  "license": "MIT",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "default": "./dist/esm/index.js"
+    },
+    "./styles.css": "./dist/esm/index.css"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "scripts": {
+    "start": "NODE_ENV=development BABEL_ENV=development yarn storybook",
+    "build": "rimraf dist && NODE_ENV=production BABEL_ENV=production rollup -c",
+    "watch": "rollup -c -w",
+    "lint": "yarn check-types && yarn eslint && yarn stylelint",
+    "lint:fix": "yarn eslint:fix && yarn stylelint:fix",
+    "eslint": "eslint . --ext .js,.jsx,.tsx,.ts",
+    "eslint:fix": "eslint . --ext .js,.jsx,.tsx,.ts --fix",
+    "check-types": "tsc --noEmit true",
+    "ci": "yarn lint && yarn test --watch=false",
+    "test": "vitest --config ./vitest.config.ts",
+    "release": "yarn ci && yarn build && npm publish",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
+    "storybook:deploy": "yarn storybook:build && touch ./storybook-static/.nojekyll && gh-pages -d ./storybook-static -t true"
+  },
+  "peerDependencies": {
+    "@phosphor-icons/react": "^2.1.7",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "2.x",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwind-merge": "^2.0.0",
+    "tailwindcss-animate": "^1.0.7"
+  },
+  "devDependencies": {
+    "@radix-ui/react-slot": "^1.1.1",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@rollup/plugin-url": "^8.0.2",
+    "@storybook/addon-docs": "^7.5.2",
+    "@storybook/addon-essentials": "^7.5.2",
+    "@storybook/addon-interactions": "^7.5.2",
+    "@storybook/addon-links": "^7.5.2",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/addon-styling": "^1.3.7",
+    "@storybook/addon-themes": "^7.5.2",
+    "@storybook/blocks": "^7.5.2",
+    "@storybook/react": "^7.5.2",
+    "@storybook/react-vite": "^7.5.2",
+    "@storybook/testing-library": "^0.2.2",
+    "@svgr/rollup": "^8.1.0",
+    "@tailwindcss/container-queries": "^0.1.1",
+    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.5.1",
+    "@types/mermaid": "^9.2.0",
+    "@types/node": "^20.8.10",
+    "@types/react": "^18.2.34",
+    "@types/react-dom": "^18.2.14",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@typescript-eslint/eslint-plugin": "latest",
+    "@typescript-eslint/parser": "latest",
+    "autoprefixer": "^10.4.16",
+    "class-variance-authority": "0.7.0",
+    "clsx": "^2.0.0",
+    "eslint": "^8.52.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.4",
+    "eslint-plugin-storybook": "^0.6.15",
+    "gh-pages": "^6.0.0",
+    "jsdom": "^22.1.0",
+    "postcss": "^8.4.31",
+    "postcss-scss": "^4.0.9",
+    "prettier": "3.0.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "regenerator-runtime": "^0.14.0",
+    "rimraf": "^5.0.5",
+    "rollup": "^4.3.0",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-filesize": "^10.0.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-visualizer": "^5.14.0",
+    "storybook": "^7.5.2",
+    "tailwind-merge": "^2.0.0",
+    "tailwindcss": "^3.4.1",
+    "tailwindcss-animate": "^1.0.7",
+    "tslib": "^2.6.2",
+    "typescript": "5.2.2",
+    "vite": "^4.5.0",
+    "vite-plugin-svgr": "^4.1.0",
+    "vitest": "^0.34.6"
+  },
+  "packageManager": "yarn@3.6.3",
+  "dependencies": {
+    "@hookform/resolvers": "^3.10.0",
+    "@paralleldrive/cuid2": "^2.2.2",
+    "@phosphor-icons/react": "^2.1.7",
+    "@radix-ui/react-collapsible": "^1.1.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.4",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-label": "^2.1.2",
+    "@radix-ui/react-scroll-area": "^1.2.2",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.1.6",
+    "ajv": "^8.17.1",
+    "ajv-errors": "^3.0.0",
+    "ajv-formats": "^3.0.1",
+    "framer-motion": "^11.15.0",
+    "immer": "^10.1.1",
+    "mermaid": "^11.4.0",
+    "react-hook-form": "^7.54.2",
+    "react-markdown": "^9.0.3",
+    "react-syntax-highlighter": "^15.6.1",
+    "react-use": "^17.6.0",
+    "rehype-raw": "^7.0.0",
+    "remark-gfm": "^4.0.0",
+    "use-immer": "^0.11.0"
+  }
+}