@docsearch/react 4.6.2 → 5.0.0-beta.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@docsearch/react",
   "description": "React package for DocSearch, the best search experience for docs.",
-  "version": "4.6.2",
+  "version": "5.0.0-beta.0",
   "license": "MIT",
   "homepage": "https://docsearch.algolia.com",
   "repository": {
@@ -16,60 +16,57 @@
   "sideEffects": false,
   "files": [
     "dist/",
-    "button.js",
-    "modal.js",
-    "useTheme.js",
-    "useDocSearchKeyboardEvents.js",
-    "version.js",
-    "sidepanel.js",
     "style/"
   ],
   "exports": {
     ".": "./dist/esm/index.js",
-    "./button": "./dist/esm/DocSearchButton.js",
-    "./modal": "./dist/esm/DocSearchModal.js",
-    "./style": "./style/index.js",
+    "./askaiModal": "./dist/esm/askaiModal.js",
+    "./button": "./dist/esm/button.js",
+    "./docsearchAi": "./dist/esm/docsearchAi.js",
+    "./modal": "./dist/esm/modal.js",
+    "./sidepanel": "./dist/esm/sidepanel.js",
     "./useDocSearchKeyboardEvents": "./dist/esm/useDocSearchKeyboardEvents.js",
     "./useTheme": "./dist/esm/useTheme.js",
     "./version": "./dist/esm/version.js",
-    "./sidepanel": "./dist/esm/Sidepanel.js",
-    "./style/sidepanel": "./style/sidepanel.js"
+    "./style": "./style/index.js",
+    "./style/askai": "./style/askai.js",
+    "./style/button": "./style/button.js",
+    "./style/modal": "./style/modal.js",
+    "./style/sidepanel": "./style/sidepanel.js",
+    "./style/variables": "./style/variables.js"
   },
   "source": "src/index.ts",
-  "types": "dist/esm/index.d.ts",
-  "module": "dist/esm/index.js",
-  "main": "dist/umd/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "main": "./dist/esm/index.js",
+  "module": "./dist/esm/index.js",
   "umd:main": "dist/umd/index.js",
   "unpkg": "dist/umd/index.js",
   "jsdelivr": "dist/umd/index.js",
   "scripts": {
-    "build:clean": "rm -rf ./dist",
-    "build:clean-types": "rm -rf ./dist/esm/types",
-    "build:types": "tsc -p ./tsconfig.declaration.json --outDir ./dist/esm/types",
-    "build:source": "rollup --config --bundleConfigAsCjs",
-    "build:dts": "rollup --config rollup.dts.config.js --bundleConfigAsCjs",
-    "build": "yarn build:clean && yarn build:types && yarn build:source && yarn build:dts && yarn build:clean-types",
-    "on:change": "yarn build",
-    "watch": "nodemon --watch src --ext ts,tsx,js,jsx,json --ignore dist/ --ignore node_modules/ --verbose --delay 250ms --exec \"yarn on:change\""
+    "build": "tsdown",
+    "watch": "tsdown --watch"
   },
   "dependencies": {
-    "@algolia/autocomplete-core": "1.19.2",
-    "@docsearch/core": "4.6.2",
-    "@docsearch/css": "4.6.2"
-  },
-  "devDependencies": {
     "@ai-sdk/react": "^2.0.30",
-    "@rollup/plugin-replace": "6.0.2",
-    "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.2.0",
+    "@algolia/autocomplete-core": "1.19.2",
+    "@base-ui/react": "^1.5.0",
+    "@docsearch/core": "5.0.0-beta.0",
+    "@docsearch/css": "5.0.0-beta.0",
     "ai": "^5.0.30",
     "algoliasearch": "^5.28.0",
     "marked": "^16.3.0",
-    "nodemon": "^3.1.0",
-    "rollup-plugin-dts": "^6.2.1",
-    "vitest": "3.0.9",
     "zod": "^4.1.8"
   },
+  "devDependencies": {
+    "@algolia/autocomplete-core": "1.19.2",
+    "@docsearch/core": "5.0.0-beta.0",
+    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/react": "16.2.0",
+    "preact": "11.0.0-beta.0",
+    "tsdown": "0.22.7",
+    "typescript": "5.7.3",
+    "vitest": "3.0.2"
+  },
   "peerDependencies": {
     "@types/react": ">= 16.8.0 < 20.0.0",
     "react": ">= 16.8.0 < 20.0.0",

package/style/askai.js

@@ -0,0 +1 @@
+export * from '@docsearch/css/dist/_askai.css';

package/button.js

@@ -1 +0,0 @@
-export { DocSearchButton } from './dist/esm/DocSearchButton.js';

package/dist/esm/DocSearchButton.d.ts

@@ -1,18 +0,0 @@
-import { DocSearchModalShortcuts } from '@docsearch/core';
-import React from 'react';
-
-type DocSearchTheme = 'dark' | 'light';
-
-type ButtonTranslations = Partial<{
-    buttonText: string;
-    buttonAriaLabel: string;
-}>;
-type DocSearchButtonProps = React.ComponentProps<'button'> & {
-    theme?: DocSearchTheme;
-    translations?: ButtonTranslations;
-    keyboardShortcuts?: DocSearchModalShortcuts;
-};
-declare const DocSearchButton: React.ForwardRefExoticComponent<Omit<DocSearchButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-
-export { DocSearchButton };
-export type { ButtonTranslations, DocSearchButtonProps };

package/dist/esm/DocSearchButton.js

@@ -1 +0,0 @@
-import e,{useEffect as t,useState as r}from"react";function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function o(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(null,arguments)}function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach(function(t){o(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function l(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,c,i=[],l=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(u)throw o}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return n(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var u={"Ctrl/Cmd+K":!0,"/":!0};function f(t){var r=t.size,n=void 0===r?20:r,o=t.color,a=void 0===o?"currentColor":o;return e.createElement("svg",{width:n,height:n,className:"DocSearch-Search-Icon",viewBox:"0 0 24 24","aria-hidden":"true"},e.createElement("circle",{cx:"11",cy:"11",r:"8",stroke:a,fill:"none",strokeWidth:"1.4"}),e.createElement("path",{d:"m21 21-4.3-4.3",stroke:a,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}))}var s="Ctrl";var m=["translations","keyboardShortcuts"],d=e.forwardRef(function(n,o){var c,d,v,b=n.translations,h=void 0===b?{}:b,p=n.keyboardShortcuts,O=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(n,m),w=h.buttonText,g=void 0===w?"Search":w,S=h.buttonAriaLabel,E=void 0===S?"Search":S,j=(c=p,i(i({},u),c)),k=l(r(null),2),P=k[0],D=k[1];d={theme:O.theme},v=d.theme,t(function(){if(v){var e=document.documentElement.dataset.theme;if(v!==e)return document.documentElement.dataset.theme=v,function(){void 0===e?delete document.documentElement.dataset.theme:document.documentElement.dataset.theme=e}}},[v]),t(function(){"undefined"!=typeof navigator&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?D("⌘"):D(s))},[]);var C=l(P===s?[s,"Control","Ctrl"]:["Meta","Meta","⌘"],3),K=C[0],B=C[1],x=C[2],A=j["Ctrl/Cmd+K"],L="".concat(B,"+k");return e.createElement("button",a({type:"button",className:"DocSearch DocSearch-Button","aria-label":A?"".concat(E," (").concat(L,")"):E,"aria-keyshortcuts":A?L:void 0},O,{ref:o}),e.createElement("span",{className:"DocSearch-Button-Container"},e.createElement(f,null),e.createElement("span",{className:"DocSearch-Button-Placeholder"},g)),e.createElement("span",{className:"DocSearch-Button-Keys"},null!==P&&A&&e.createElement(e.Fragment,null,e.createElement(y,{reactsToKey:K},x),e.createElement(y,{reactsToKey:"k"},"K"))))});function y(n){var o=n.reactsToKey,a=n.children,c=l(r(!1),2),i=c[0],u=c[1];return t(function(){if(o)return window.addEventListener("keydown",e),window.addEventListener("keyup",t),function(){window.removeEventListener("keydown",e),window.removeEventListener("keyup",t)};function e(e){e.key===o&&u(!0)}function t(e){e.key!==o&&"Meta"!==e.key||u(!1)}},[o]),e.createElement("kbd",{className:i?"DocSearch-Button-Key DocSearch-Button-Key--pressed":"DocSearch-Button-Key"+("Ctrl"===o?" DocSearch-Button-Key--ctrl":"")},a)}export{d as DocSearchButton};

package/dist/esm/DocSearchModal.d.ts

@@ -1,448 +0,0 @@
-import { InitialAskAiMessage, DocSearchModalShortcuts, OnAskAiToggle } from '@docsearch/core';
-import React, { JSX } from 'react';
-import { AutocompleteState, AutocompleteOptions } from '@algolia/autocomplete-core';
-import { SearchParamsObject, LiteClient } from 'algoliasearch/lite';
-
-type ContentType = 'askAI' | 'content' | 'lvl0' | 'lvl1' | 'lvl2' | 'lvl3' | 'lvl4' | 'lvl5' | 'lvl6';
-interface DocSearchHitAttributeHighlightResult {
-    value: string;
-    matchLevel: 'full' | 'none' | 'partial';
-    matchedWords: string[];
-    fullyHighlighted?: boolean;
-}
-interface DocSearchHitHighlightResultHierarchy {
-    lvl0: DocSearchHitAttributeHighlightResult;
-    lvl1: DocSearchHitAttributeHighlightResult;
-    lvl2: DocSearchHitAttributeHighlightResult;
-    lvl3: DocSearchHitAttributeHighlightResult;
-    lvl4: DocSearchHitAttributeHighlightResult;
-    lvl5: DocSearchHitAttributeHighlightResult;
-    lvl6: DocSearchHitAttributeHighlightResult;
-}
-interface DocSearchHitHighlightResult {
-    content: DocSearchHitAttributeHighlightResult;
-    hierarchy: DocSearchHitHighlightResultHierarchy;
-    hierarchy_camel: DocSearchHitHighlightResultHierarchy[];
-}
-interface DocSearchHitAttributeSnippetResult {
-    value: string;
-    matchLevel: 'full' | 'none' | 'partial';
-}
-interface DocSearchHitSnippetResult {
-    content: DocSearchHitAttributeSnippetResult;
-    hierarchy: DocSearchHitHighlightResultHierarchy;
-    hierarchy_camel: DocSearchHitHighlightResultHierarchy[];
-}
-declare type DocSearchHit = {
-    objectID: string;
-    content: string | null;
-    query?: string;
-    url: string;
-    url_without_anchor: string;
-    type: ContentType;
-    anchor: string | null;
-    hierarchy: {
-        lvl0: string;
-        lvl1: string;
-        lvl2: string | null;
-        lvl3: string | null;
-        lvl4: string | null;
-        lvl5: string | null;
-        lvl6: string | null;
-    };
-    _highlightResult: DocSearchHitHighlightResult;
-    _snippetResult: DocSearchHitSnippetResult;
-    _rankingInfo?: {
-        promoted: boolean;
-        nbTypos: number;
-        firstMatchedWord: number;
-        proximityDistance?: number;
-        geoDistance: number;
-        geoPrecision?: number;
-        nbExactWords: number;
-        words: number;
-        filters: number;
-        userScore: number;
-        matchedGeoLocation?: {
-            lat: number;
-            lng: number;
-            distance: number;
-        };
-    };
-    _distinctSeqID?: number;
-    __autocomplete_indexName?: string;
-    __autocomplete_queryID?: string;
-    __autocomplete_algoliaCredentials?: {
-        appId: string;
-        apiKey: string;
-    };
-    __autocomplete_id?: number;
-};
-
-type DocSearchTheme = 'dark' | 'light';
-
-type InternalDocSearchHit = DocSearchHit & {
-    __docsearch_parent: InternalDocSearchHit | null;
-};
-
-type StoredDocSearchHit = Omit<DocSearchHit, '_highlightResult' | '_snippetResult'>;
-
-type ButtonTranslations = Partial<{
-    buttonText: string;
-    buttonAriaLabel: string;
-}>;
-
-type DocSearchTranslations = Partial<{
-    button: ButtonTranslations;
-    modal: ModalTranslations;
-}>;
-type DocSearchTransformClient = {
-    search: LiteClient['search'];
-    addAlgoliaAgent: LiteClient['addAlgoliaAgent'];
-    transporter: Pick<LiteClient['transporter'], 'algoliaAgent'>;
-};
-type AskAiSearchParameters = {
-    facetFilters?: string[];
-    filters?: string;
-    attributesToRetrieve?: string[];
-    restrictSearchableAttributes?: string[];
-    distinct?: boolean | number | string;
-};
-type AgentStudioSearchParameters = Record<string, Omit<AskAiSearchParameters, 'facetFilters'>>;
-type DocSearchAskAi = {
-    /**
-     * The index name to use for the ask AI feature. Your assistant will search this index for relevant documents.
-     * If not provided, the index name will be used.
-     */
-    indexName?: string;
-    /**
-     * The API key to use for the ask AI feature. Your assistant will use this API key to search the index.
-     * If not provided, the API key will be used.
-     */
-    apiKey?: string;
-    /**
-     * The app ID to use for the ask AI feature. Your assistant will use this app ID to search the index.
-     * If not provided, the app ID will be used.
-     */
-    appId?: string;
-    /**
-     * The assistant ID to use for the ask AI feature.
-     */
-    assistantId: string;
-    /**
-     * Enables displaying suggested questions on Ask AI's new conversation screen.
-     *
-     * @default false
-     */
-    suggestedQuestions?: boolean;
-    useStagingEnv?: boolean;
-} & ({
-    /**
-     * **Experimental:** Whether to use Agent Studio as the chat backend.
-     *
-     * This is an experimental feature and its API may change without notice in future releases.
-     * Use with caution in production environments.
-     *
-     * @default false
-     */
-    agentStudio?: never;
-    /**
-     * The search parameters to use for the ask AI feature.
-     *
-     * **NOTE**: If using `agentStudio = true`, the `searchParameters` object is
-     * keyed by the index name.
-     */
-    searchParameters?: AskAiSearchParameters;
-} | {
-    agentStudio: false;
-    searchParameters?: AskAiSearchParameters;
-} | {
-    agentStudio: true;
-    /**
-     * The search parameters to use for the ask AI feature.
-     * Keyed by the index name.
-     *
-     * @example
-     * {
-     *   "INDEX_NAME": { distinct: false }
-     * }
-     */
-    searchParameters?: AgentStudioSearchParameters;
-});
-interface DocSearchIndex {
-    name: string;
-    searchParameters?: SearchParamsObject;
-}
-interface DocSearchProps {
-    /**
-     * Algolia application id used by the search client.
-     */
-    appId: string;
-    /**
-     * Public api key with search permissions for the index.
-     */
-    apiKey: string;
-    /**
-     * Name of the algolia index to query.
-     *
-     * @deprecated `indexName` will be removed in a future version. Please use `indices` property going forward.
-     */
-    indexName?: string;
-    /**
-     * List of indices and _optional_ searchParameters to be used for search.
-     *
-     * @see {@link https://docsearch.algolia.com/docs/api#indices}
-     */
-    indices?: Array<DocSearchIndex | string>;
-    /**
-     * Configuration or assistant id to enable ask ai mode. Pass a string assistant id or a full config object.
-     */
-    askAi?: DocSearchAskAi | string;
-    /**
-     * Intercept Ask AI requests (e.g. Submitting a prompt or selecting a suggested question).
-     *
-     * Return `true` to prevent the default modal Ask AI flow (no toggle, no sendMessage).
-     * Useful to route Ask AI into a different UI (e.g. `@docsearch/sidepanel-js`) without flicker.
-     */
-    interceptAskAiEvent?: (initialMessage: InitialAskAiMessage) => boolean | void;
-    /**
-     * Theme overrides applied to the modal and related components.
-     */
-    theme?: DocSearchTheme;
-    /**
-     * Placeholder text for the search input.
-     */
-    placeholder?: string;
-    /**
-     * Additional algolia search parameters to merge into each query.
-     *
-     * @deprecated `searchParameters` will be removed in a future version. Please use `indices` property going forward.
-     */
-    searchParameters?: SearchParamsObject;
-    /**
-     * Maximum number of hits to display per source/group.
-     */
-    maxResultsPerGroup?: number;
-    /**
-     * Hook to post-process hits before rendering.
-     */
-    transformItems?: (items: DocSearchHit[]) => DocSearchHit[];
-    /**
-     * Custom component to render an individual hit.
-     * Supports template patterns:
-     * - HTML strings with html helper: (props, { html }) => html`<div>...</div>`
-     * - JSX templates: (props) => <div>...</div>
-     * - Function-based templates: (props) => string | JSX.Element | Function.
-     */
-    hitComponent?: (props: {
-        hit: InternalDocSearchHit | StoredDocSearchHit;
-        children: React.ReactNode;
-    }, helpers?: {
-        html: (template: TemplateStringsArray, ...values: any[]) => any;
-    }) => JSX.Element;
-    /**
-     * Custom component rendered at the bottom of the results panel.
-     * Supports template patterns:
-     * - HTML strings with html helper: (props, { html }) => html`<div>...</div>`
-     * - JSX templates: (props) => <div>...</div>
-     * - Function-based templates: (props) => string | JSX.Element | Function.
-     */
-    resultsFooterComponent?: (props: {
-        state: AutocompleteState<InternalDocSearchHit>;
-    }, helpers?: {
-        html: (template: TemplateStringsArray, ...values: any[]) => any;
-    }) => JSX.Element | null;
-    /**
-     * Hook to wrap or modify the algolia search client.
-     */
-    transformSearchClient?: (searchClient: DocSearchTransformClient) => DocSearchTransformClient;
-    /**
-     * Disable storage and usage of recent and favorite searches.
-     */
-    disableUserPersonalization?: boolean;
-    /**
-     * Query string to prefill when opening the modal.
-     */
-    initialQuery?: string;
-    /**
-     * Custom navigator for controlling link navigation.
-     */
-    navigator?: AutocompleteOptions<InternalDocSearchHit>['navigator'];
-    /**
-     * Localized strings for the button and modal ui.
-     */
-    translations?: DocSearchTranslations;
-    /**
-     * Builds a url to report missing results for a given query.
-     */
-    getMissingResultsUrl?: ({ query }: {
-        query: string;
-    }) => string;
-    /**
-     * Insights client integration options to send analytics events.
-     */
-    insights?: AutocompleteOptions<InternalDocSearchHit>['insights'];
-    /**
-     * The container element where the modal should be portaled to. Defaults to document.body.
-     */
-    portalContainer?: DocumentFragment | Element;
-    /**
-     * Limit of how many recent searches should be saved/displayed..
-     *
-     * @default 7
-     */
-    recentSearchesLimit?: number;
-    /**
-     * Limit of how many recent searches should be saved/displayed when there are favorited searches..
-     *
-     * @default 4
-     */
-    recentSearchesWithFavoritesLimit?: number;
-    /**
-     * Configuration for keyboard shortcuts. Allows enabling/disabling specific shortcuts.
-     *
-     * @default `{ 'Ctrl/Cmd+K': true, '/': true }`
-     */
-    keyboardShortcuts?: DocSearchModalShortcuts;
-}
-
-type FooterTranslations = Partial<{
-    selectText: string;
-    submitQuestionText: string;
-    selectKeyAriaLabel: string;
-    navigateText: string;
-    navigateUpKeyAriaLabel: string;
-    navigateDownKeyAriaLabel: string;
-    closeText: string;
-    backToSearchText: string;
-    closeKeyAriaLabel: string;
-    poweredByText: string;
-}>;
-
-type NewConversationTranslations = Partial<{
-    newConversationTitle: string;
-    newConversationDescription: string;
-}>;
-
-type AskAiScreenTranslations = Partial<{
-    disclaimerText: string;
-    relatedSourcesText: string;
-    thinkingText: string;
-    copyButtonText: string;
-    copyButtonCopiedText: string;
-    copyButtonTitle: string;
-    likeButtonTitle: string;
-    dislikeButtonTitle: string;
-    thanksForFeedbackText: string;
-    preToolCallText: string;
-    duringToolCallText: string;
-    afterToolCallText: string;
-    /**
-     * Build the full jsx element for the aggregated search block.
-     * If provided, completely overrides the default english renderer.
-     */
-    aggregatedToolCallNode?: (queries: string[], onSearchQueryClick: (query: string) => void) => React.ReactNode;
-    /**
-     * Generate the list connective parts only (backwards compatibility).
-     * Receives full list of queries and should return translation parts for before/after/separators.
-     * Example: (qs) => ({ before: 'searched for ', separator: ', ', lastSeparator: ' and ', after: '' }).
-     */
-    aggregatedToolCallText?: (queries: string[]) => {
-        before?: string;
-        separator?: string;
-        lastSeparator?: string;
-        after?: string;
-    };
-    /**
-     * Message that's shown when user has stopped the streaming of a message.
-     */
-    stoppedStreamingText: string;
-    /**
-     * Error title shown if there is an error while chatting.
-     */
-    errorTitleText: string;
-    /**
-     * Message shown when thread depth limit is exceeded (AI-217 error).
-     */
-    threadDepthExceededMessage: string;
-    /**
-     * Button text for starting a new conversation after thread depth error.
-     */
-    startNewConversationButtonText: string;
-}>;
-
-type ErrorScreenTranslations = Partial<{
-    titleText: string;
-    helpText: string;
-}>;
-
-type NoResultsScreenTranslations = Partial<{
-    noResultsText: string;
-    suggestedQueryText: string;
-    reportMissingResultsText: string;
-    reportMissingResultsLinkText: string;
-}>;
-
-type ResultsScreenTranslations = Partial<{
-    askAiPlaceholder: string;
-    noResultsAskAiPlaceholder: string;
-}>;
-
-type StartScreenTranslations = Partial<{
-    recentSearchesTitle: string;
-    noRecentSearchesText: string;
-    saveRecentSearchButtonTitle: string;
-    removeRecentSearchButtonTitle: string;
-    favoriteSearchesTitle: string;
-    removeFavoriteSearchButtonTitle: string;
-    recentConversationsTitle: string;
-    removeRecentConversationButtonTitle: string;
-}>;
-
-type ScreenStateTranslations = Partial<{
-    errorScreen: ErrorScreenTranslations;
-    startScreen: StartScreenTranslations;
-    noResultsScreen: NoResultsScreenTranslations;
-    resultsScreen: ResultsScreenTranslations;
-    askAiScreen: AskAiScreenTranslations;
-    newConversation: NewConversationTranslations;
-}>;
-
-type SearchBoxTranslations = Partial<{
-    clearButtonTitle: string;
-    clearButtonAriaLabel: string;
-    closeButtonText: string;
-    closeButtonAriaLabel: string;
-    placeholderText: string;
-    placeholderTextAskAi: string;
-    placeholderTextAskAiStreaming: string;
-    enterKeyHint: string;
-    enterKeyHintAskAi: string;
-    searchInputLabel: string;
-    backToKeywordSearchButtonText: string;
-    backToKeywordSearchButtonAriaLabel: string;
-    newConversationPlaceholder: string;
-    conversationHistoryTitle: string;
-    startNewConversationText: string;
-    viewConversationHistoryText: string;
-    threadDepthErrorPlaceholder: string;
-}>;
-
-type ModalTranslations = Partial<{
-    searchBox: SearchBoxTranslations;
-    newConversation: NewConversationTranslations;
-    footer: FooterTranslations;
-}> & ScreenStateTranslations;
-type DocSearchModalProps = DocSearchProps & {
-    initialScrollY: number;
-    onAskAiToggle: OnAskAiToggle;
-    interceptAskAiEvent?: (initialMessage: InitialAskAiMessage) => boolean | void;
-    onClose?: () => void;
-    isAskAiActive?: boolean;
-    translations?: ModalTranslations;
-    isHybridModeSupported?: boolean;
-};
-declare function DocSearchModal({ appId, apiKey, askAi, maxResultsPerGroup, theme, onClose, transformItems, hitComponent, resultsFooterComponent, navigator, initialScrollY, transformSearchClient, disableUserPersonalization, initialQuery: initialQueryFromProp, translations, getMissingResultsUrl, insights, onAskAiToggle, interceptAskAiEvent, isAskAiActive, recentSearchesLimit, recentSearchesWithFavoritesLimit, indices, indexName, searchParameters, isHybridModeSupported, ...props }: DocSearchModalProps): JSX.Element;
-
-export { DocSearchModal };
-export type { DocSearchModalProps, ModalTranslations };