@seekora-ai/ui-sdk-react 0.2.0 → 0.2.4

package/dist/components/SearchResults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchResults.d.ts","sourceRoot":"","sources":["../../src/components/SearchResults.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEnF,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1F,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,mEAAmE;IACnE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,gFAAgF;IAChF,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,EAAE,CAAC;IAC1C,+DAA+D;IAC/D,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAoBD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+oBtD,CAAC"}
+{"version":3,"file":"SearchResults.d.ts","sourceRoot":"","sources":["../../src/components/SearchResults.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEnF,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1F,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,mEAAmE;IACnE,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,gFAAgF;IAChF,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,EAAE,CAAC;IAC1C,+DAA+D;IAC/D,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAoBD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmmBtD,CAAC"}

package/dist/components/SearchResults.js

@@ -102,38 +102,21 @@ export const SearchResults = ({ results: resultsProp, loading: loadingProp, erro
                     const state = { currentPage, itemsPerPage: stateItemsPerPage };
                     // Calculate absolute position (1-based) accounting for pagination
                     const absolutePosition = (state.currentPage - 1) * state.itemsPerPage + index + 1;
-                    // Build search context from current state and response
-                    const searchContext = results?.context || (results ? {
-                        query: '', // Will be filled from state if needed
-                        page: state.currentPage,
-                    } : undefined);
-                    console.log('🔵 SearchResults: Tracking analytics event', {
-                        resultId: result.id,
-                        resultIndex: index,
-                        absolutePosition,
-                        currentPage: state.currentPage,
-                        itemsPerPage: state.itemsPerPage,
-                        hasContext: !!searchContext,
-                    });
-                    await client.trackEvent?.({
-                        event_name: 'product_click',
-                        clicked_item_id: result.id,
-                        metadata: {
-                            result: result,
-                            position: absolutePosition,
-                        },
-                    }, searchContext);
-                    console.log('🟢 SearchResults: Analytics event tracked successfully', {
-                        resultId: result.id,
-                        position: absolutePosition,
-                    });
+                    const searchContext = results?.context;
+                    if (client.trackClick) {
+                        await client.trackClick(result.id, absolutePosition, searchContext);
+                    }
+                    else {
+                        await client.trackEvent?.({
+                            event_name: 'product_click',
+                            clicked_item_id: result.id,
+                            metadata: { result, position: absolutePosition },
+                        }, searchContext);
+                    }
                 }
                 catch (err) {
                     const error = err instanceof Error ? err : new Error(String(err));
-                    console.error('SearchResults: Error tracking analytics event', {
-                        resultId: result.id,
-                        error: error.message,
-                    });
+                    log.error('SearchResults: Error tracking click', { resultId: result.id, error: error.message });
                 }
             }
             // Call user-provided callback
@@ -193,38 +176,21 @@ export const SearchResults = ({ results: resultsProp, loading: loadingProp, erro
                     const state = { currentPage, itemsPerPage: stateItemsPerPage };
                     // Calculate absolute position (1-based) accounting for pagination
                     const absolutePosition = (state.currentPage - 1) * state.itemsPerPage + index + 1;
-                    // Build search context from current state and response
-                    const searchContext = results?.context || (results ? {
-                        query: '', // Will be filled from state if needed
-                        page: state.currentPage,
-                    } : undefined);
-                    console.log('🔵 SearchResults: Tracking analytics event', {
-                        resultId: result.id,
-                        resultIndex: index,
-                        absolutePosition,
-                        currentPage: state.currentPage,
-                        itemsPerPage: state.itemsPerPage,
-                        hasContext: !!searchContext,
-                    });
-                    await client.trackEvent?.({
-                        event_name: 'product_click',
-                        clicked_item_id: result.id,
-                        metadata: {
-                            result: result,
-                            position: absolutePosition,
-                        },
-                    }, searchContext);
-                    console.log('🟢 SearchResults: Analytics event tracked successfully', {
-                        resultId: result.id,
-                        position: absolutePosition,
-                    });
+                    const searchContext = results?.context;
+                    if (client.trackClick) {
+                        await client.trackClick(result.id, absolutePosition, searchContext);
+                    }
+                    else {
+                        await client.trackEvent?.({
+                            event_name: 'product_click',
+                            clicked_item_id: result.id,
+                            metadata: { result, position: absolutePosition },
+                        }, searchContext);
+                    }
                 }
                 catch (err) {
                     const error = err instanceof Error ? err : new Error(String(err));
-                    console.error('SearchResults: Error tracking analytics event', {
-                        resultId: result.id,
-                        error: error.message,
-                    });
+                    log.error('SearchResults: Error tracking click', { resultId: result.id, error: error.message });
                 }
             }
             // Call user-provided callback

package/dist/docsearch/components/DocSearch.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DocSearchProps } from '../types';
+export declare function DocSearch({ storeId, storeSecret, seekoraApiEndpoint, apiEndpoint, apiKey, sources, placeholder, maxResults, debounceMs, onSelect, onClose, translations, renderButton, buttonComponent: ButtonComponent, initialOpen, disableShortcut, shortcutKey, }: DocSearchProps): React.JSX.Element;
+//# sourceMappingURL=DocSearch.d.ts.map

package/dist/docsearch/components/DocSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocSearch.d.ts","sourceRoot":"","sources":["../../../src/docsearch/components/DocSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AASrD,OAAO,KAAK,EAAE,cAAc,EAAmD,MAAM,UAAU,CAAC;AAEhG,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,MAAM,EACN,OAAO,EACP,WAAuC,EACvC,UAAe,EACf,UAAgB,EAChB,QAAQ,EACR,OAAO,EACP,YAAiB,EACjB,YAAmB,EACnB,eAAe,EAAE,eAAiC,EAClD,WAAmB,EACnB,eAAuB,EACvB,WAAiB,GAClB,EAAE,cAAc,qBA0HhB"}

package/dist/docsearch/components/DocSearch.js

@@ -0,0 +1,81 @@
+import React, { useState, useCallback } from 'react';
+import { Modal } from './Modal';
+import { SearchBox } from './SearchBox';
+import { Results } from './Results';
+import { Footer } from './Footer';
+import { DocSearchButton } from './DocSearchButton';
+import { useDocSearch } from '../hooks/useDocSearch';
+import { useSeekoraSearch } from '../hooks/useSeekoraSearch';
+import { useKeyboard } from '../hooks/useKeyboard';
+export function DocSearch({ storeId, storeSecret, seekoraApiEndpoint, apiEndpoint, apiKey, sources, placeholder = 'Search documentation...', maxResults = 10, debounceMs = 200, onSelect, onClose, translations = {}, renderButton = true, buttonComponent: ButtonComponent = DocSearchButton, initialOpen = false, disableShortcut = false, shortcutKey = 'k', }) {
+    const [isOpen, setIsOpen] = useState(initialOpen);
+    const useSeekoraSDK = !!storeId;
+    const seekoraSearch = useSeekoraSearch({
+        storeId: storeId || '',
+        storeSecret,
+        apiEndpoint: seekoraApiEndpoint,
+        maxResults,
+        debounceMs,
+        analyticsTags: ['docsearch'],
+    });
+    const legacySearch = useDocSearch({
+        apiEndpoint,
+        apiKey,
+        sources,
+        maxResults,
+        debounceMs,
+    });
+    const { query, suggestions, isLoading, error, selectedIndex, setQuery, selectNext, selectPrev, setSelectedIndex, reset, getSelectedItem, } = useSeekoraSDK ? seekoraSearch : legacySearch;
+    const groupedSuggestions = useSeekoraSDK ? undefined : legacySearch.groupedSuggestions;
+    const results = useSeekoraSDK ? suggestions : legacySearch.results;
+    const mode = useSeekoraSDK ? 'suggestions' : legacySearch.mode;
+    const searchSources = useSeekoraSDK
+        ? [{ id: 'seekora', name: 'Results', endpoint: '' }]
+        : legacySearch.sources;
+    const handleOpen = useCallback(() => setIsOpen(true), []);
+    const handleClose = useCallback(() => {
+        setIsOpen(false);
+        reset();
+        onClose?.();
+    }, [reset, onClose]);
+    const handleSelect = useCallback((hit) => {
+        if (useSeekoraSDK && seekoraSearch.trackDocClick) {
+            seekoraSearch.trackDocClick(hit, selectedIndex + 1);
+        }
+        if (onSelect) {
+            onSelect(hit);
+        }
+        else {
+            window.location.href = hit.url;
+        }
+        handleClose();
+    }, [onSelect, handleClose, useSeekoraSDK, seekoraSearch, selectedIndex]);
+    const handleEnter = useCallback(() => {
+        const selectedItem = getSelectedItem();
+        if (selectedItem)
+            handleSelect(selectedItem);
+    }, [getSelectedItem, handleSelect]);
+    const { handleModalKeyDown } = useKeyboard({
+        isOpen,
+        onOpen: handleOpen,
+        onClose: handleClose,
+        onSelectNext: selectNext,
+        onSelectPrev: selectPrev,
+        onEnter: handleEnter,
+        disableShortcut,
+        shortcutKey,
+    });
+    const handleKeyDown = useCallback((event) => handleModalKeyDown(event), [handleModalKeyDown]);
+    const displayHits = mode === 'results' ? results : suggestions;
+    return (React.createElement(React.Fragment, null,
+        renderButton && (React.createElement(ButtonComponent, { onClick: handleOpen, placeholder: translations.buttonText || placeholder })),
+        React.createElement(Modal, { isOpen: isOpen, onClose: handleClose },
+            React.createElement("div", { className: "seekora-docsearch-modal", onKeyDown: handleKeyDown },
+                React.createElement("header", { className: "seekora-docsearch-header" },
+                    React.createElement(SearchBox, { value: query, onChange: setQuery, onKeyDown: handleKeyDown, placeholder: placeholder, isLoading: isLoading, onClear: reset }),
+                    React.createElement("button", { type: "button", className: "seekora-docsearch-close", onClick: handleClose, "aria-label": "Close search" },
+                        React.createElement("span", { className: "seekora-docsearch-close-text" }, "esc"))),
+                React.createElement("div", { className: "seekora-docsearch-body" },
+                    React.createElement(Results, { hits: displayHits, groupedHits: groupedSuggestions, selectedIndex: selectedIndex, onSelect: handleSelect, onHover: setSelectedIndex, query: query, isLoading: isLoading, error: error, translations: translations, sources: searchSources })),
+                React.createElement(Footer, { translations: translations })))));
+}

package/dist/docsearch/components/DocSearchButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DocSearchButtonProps } from '../types';
+export declare function DocSearchButton({ onClick, placeholder }: DocSearchButtonProps): React.JSX.Element;
+//# sourceMappingURL=DocSearchButton.d.ts.map

package/dist/docsearch/components/DocSearchButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocSearchButton.d.ts","sourceRoot":"","sources":["../../../src/docsearch/components/DocSearchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,WAAuC,EAAE,EAAE,oBAAoB,qBAezG"}

package/dist/docsearch/components/DocSearchButton.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { getShortcutText } from '../hooks/useKeyboard';
+export function DocSearchButton({ onClick, placeholder = 'Search documentation...' }) {
+    const shortcutText = getShortcutText('K');
+    return (React.createElement("button", { type: "button", className: "seekora-docsearch-button", onClick: onClick, "aria-label": "Search documentation" },
+        React.createElement("span", { className: "seekora-docsearch-button-icon" },
+            React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" },
+                React.createElement("path", { d: "M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z", fill: "currentColor" }))),
+        React.createElement("span", { className: "seekora-docsearch-button-placeholder" }, placeholder),
+        React.createElement("span", { className: "seekora-docsearch-button-keys" },
+            React.createElement("kbd", { className: "seekora-docsearch-button-key" }, shortcutText))));
+}

package/dist/docsearch/components/Footer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { DocSearchTranslations } from '../types';
+interface FooterProps {
+    translations?: DocSearchTranslations;
+}
+export declare function Footer({ translations }: FooterProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Footer.d.ts.map

package/dist/docsearch/components/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/docsearch/components/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEtD,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,qBAAqB,CAAC;CACtC;AAED,wBAAgB,MAAM,CAAC,EAAE,YAAiB,EAAE,EAAE,WAAW,qBAkCxD"}

package/dist/docsearch/components/Footer.js

@@ -0,0 +1,23 @@
+import React from 'react';
+export function Footer({ translations = {} }) {
+    return (React.createElement("footer", { className: "seekora-docsearch-footer" },
+        React.createElement("div", { className: "seekora-docsearch-footer-commands" },
+            React.createElement("ul", { className: "seekora-docsearch-footer-commands-list" },
+                React.createElement("li", null,
+                    React.createElement("span", { className: "seekora-docsearch-footer-command" },
+                        React.createElement("kbd", { className: "seekora-docsearch-key" }, "\u21B5"),
+                        React.createElement("span", null, "to select"))),
+                React.createElement("li", null,
+                    React.createElement("span", { className: "seekora-docsearch-footer-command" },
+                        React.createElement("kbd", { className: "seekora-docsearch-key" }, "\u2191"),
+                        React.createElement("kbd", { className: "seekora-docsearch-key" }, "\u2193"),
+                        React.createElement("span", null, "to navigate"))),
+                React.createElement("li", null,
+                    React.createElement("span", { className: "seekora-docsearch-footer-command" },
+                        React.createElement("kbd", { className: "seekora-docsearch-key" }, "esc"),
+                        React.createElement("span", null, translations.closeText || 'to close'))))),
+        React.createElement("div", { className: "seekora-docsearch-footer-logo" },
+            React.createElement("span", { className: "seekora-docsearch-footer-logo-text" }, translations.searchByText || 'Search by'),
+            React.createElement("a", { href: "https://seekora.ai", target: "_blank", rel: "noopener noreferrer", className: "seekora-docsearch-footer-logo-link" },
+                React.createElement("span", { className: "seekora-docsearch-logo", style: { fontFamily: 'system-ui', fontSize: 14, fontWeight: 600 } }, "Seekora")))));
+}

package/dist/docsearch/components/Highlight.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface HighlightProps {
+    value: string;
+    highlightedValue?: string;
+}
+export declare function Highlight({ value, highlightedValue }: HighlightProps): React.JSX.Element;
+export declare function truncateAroundMatch(content: string, maxLength?: number): string;
+export {};
+//# sourceMappingURL=Highlight.d.ts.map

package/dist/docsearch/components/Highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../src/docsearch/components/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAkBD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,cAAc,qBAKpE;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,GAAE,MAAY,GAAG,MAAM,CAqBpF"}

package/dist/docsearch/components/Highlight.js

@@ -0,0 +1,48 @@
+import React from 'react';
+function sanitizeHtml(html) {
+    const escaped = html
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#039;');
+    return escaped
+        .replace(/&lt;mark&gt;/g, '<mark>')
+        .replace(/&lt;\/mark&gt;/g, '</mark>')
+        .replace(/&lt;ais-highlight&gt;/g, '<mark>')
+        .replace(/&lt;\/ais-highlight&gt;/g, '</mark>')
+        .replace(/&lt;em&gt;/g, '<mark>')
+        .replace(/&lt;\/em&gt;/g, '</mark>');
+}
+export function Highlight({ value, highlightedValue }) {
+    if (!highlightedValue)
+        return React.createElement("span", null, value);
+    return (React.createElement("span", { className: "seekora-docsearch-highlight", dangerouslySetInnerHTML: { __html: sanitizeHtml(highlightedValue) } }));
+}
+export function truncateAroundMatch(content, maxLength = 150) {
+    const markIndex = content.indexOf('<mark>');
+    if (markIndex === -1 || content.length <= maxLength) {
+        if (content.length <= maxLength)
+            return content;
+        return content.slice(0, maxLength) + '...';
+    }
+    const halfLength = Math.floor(maxLength / 2);
+    let start = Math.max(0, markIndex - halfLength);
+    let end = Math.min(content.length, markIndex + halfLength);
+    if (start > 0) {
+        const spaceIndex = content.indexOf(' ', start);
+        if (spaceIndex !== -1 && spaceIndex < markIndex)
+            start = spaceIndex + 1;
+    }
+    if (end < content.length) {
+        const spaceIndex = content.lastIndexOf(' ', end);
+        if (spaceIndex !== -1 && spaceIndex > markIndex)
+            end = spaceIndex;
+    }
+    let result = content.slice(start, end);
+    if (start > 0)
+        result = '...' + result;
+    if (end < content.length)
+        result = result + '...';
+    return result;
+}

package/dist/docsearch/components/Hit.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { DocSearchHit, DocSearchSuggestion } from '../types';
+interface HitProps {
+    hit: DocSearchHit | DocSearchSuggestion;
+    isSelected: boolean;
+    onClick: () => void;
+    onMouseEnter: () => void;
+    openInNewTab?: boolean;
+    isChild?: boolean;
+    isLastChild?: boolean;
+    hierarchyType?: string;
+}
+export declare function Hit({ hit, isSelected, onClick, onMouseEnter, openInNewTab, isChild, isLastChild, hierarchyType }: HitProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Hit.d.ts.map

package/dist/docsearch/components/Hit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hit.d.ts","sourceRoot":"","sources":["../../../src/docsearch/components/Hit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAElE,UAAU,QAAQ;IAChB,GAAG,EAAE,YAAY,GAAG,mBAAmB,CAAC;IACxC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,GAAG,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,QAAQ,qBA2E1H"}

package/dist/docsearch/components/Hit.js

@@ -0,0 +1,96 @@
+import React from 'react';
+import { Highlight, truncateAroundMatch } from './Highlight';
+export function Hit({ hit, isSelected, onClick, onMouseEnter, openInNewTab, isChild, isLastChild, hierarchyType }) {
+    const isFullHit = 'objectID' in hit;
+    const suggestion = hit;
+    const hitType = hierarchyType || suggestion.type;
+    const breadcrumb = suggestion.parentTitle
+        ? `${suggestion.category || ''} › ${suggestion.parentTitle}`.replace(/^› /, '')
+        : suggestion.category || '';
+    const title = getTitleForType(hit, hitType);
+    let highlightedTitle = title;
+    let highlightedContent = hit.content || suggestion.description || '';
+    if (isFullHit) {
+        const fullHit = hit;
+        if (fullHit._highlightResult) {
+            highlightedTitle = fullHit._highlightResult.title?.value || title;
+            highlightedContent = fullHit._highlightResult.content?.value || hit.content || '';
+        }
+    }
+    else {
+        if (suggestion.highlight) {
+            highlightedTitle = suggestion.highlight.title || title;
+            highlightedContent = suggestion.highlight.content || hit.content || suggestion.description || '';
+        }
+    }
+    const displayContent = highlightedContent ? truncateAroundMatch(highlightedContent, 120) : '';
+    const url = hit.url || suggestion.route || '#';
+    const classNames = ['seekora-docsearch-hit'];
+    if (isSelected)
+        classNames.push('seekora-docsearch-hit--selected');
+    if (isChild)
+        classNames.push('seekora-docsearch-hit--child');
+    if (isLastChild)
+        classNames.push('seekora-docsearch-hit--last-child');
+    return (React.createElement("a", { href: url, className: classNames.join(' '), onClick: (e) => { e.preventDefault(); onClick(); }, onMouseEnter: onMouseEnter, role: "option", "aria-selected": isSelected, target: openInNewTab ? '_blank' : undefined, rel: openInNewTab ? 'noopener noreferrer' : undefined },
+        isChild && (React.createElement("div", { className: "seekora-docsearch-hit-tree" },
+            React.createElement(TreeConnector, { isLast: isLastChild }))),
+        React.createElement("div", { className: "seekora-docsearch-hit-icon" },
+            React.createElement(HitIcon, { type: getHitTypeFromLevel(hitType) })),
+        React.createElement("div", { className: "seekora-docsearch-hit-content" },
+            !isChild && breadcrumb && React.createElement("span", { className: "seekora-docsearch-hit-breadcrumb" }, breadcrumb),
+            React.createElement("span", { className: "seekora-docsearch-hit-title" },
+                React.createElement(Highlight, { value: title, highlightedValue: highlightedTitle })),
+            displayContent && (React.createElement("span", { className: "seekora-docsearch-hit-description" },
+                React.createElement(Highlight, { value: hit.content || '', highlightedValue: displayContent })))),
+        React.createElement("div", { className: "seekora-docsearch-hit-action" }, openInNewTab ? (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" },
+            React.createElement("path", { d: "M6 3H3v10h10v-3M9 3h4v4M14 2L7 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }))) : (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" },
+            React.createElement("path", { d: "M6.75 3.25L11.5 8L6.75 12.75", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }))))));
+}
+function getTitleForType(hit, type) {
+    const hierarchy = hit.hierarchy || {};
+    if (!type)
+        return hit.title || hierarchy.lvl1 || hierarchy.lvl0 || 'Untitled';
+    const match = type.match(/^lvl(\d+)$/);
+    if (match) {
+        const level = parseInt(match[1], 10);
+        const levelKey = `lvl${level}`;
+        const levelTitle = hierarchy[levelKey];
+        if (levelTitle)
+            return levelTitle;
+    }
+    return hit.title || hierarchy.lvl1 || hierarchy.lvl0 || 'Untitled';
+}
+function getHitTypeFromLevel(type) {
+    if (!type)
+        return 'page';
+    const match = type.match(/^lvl(\d+)$/);
+    if (match) {
+        const level = parseInt(match[1], 10);
+        if (level === 1)
+            return 'page';
+        if (level <= 3)
+            return 'section';
+        return 'content';
+    }
+    return 'page';
+}
+function HitIcon({ type }) {
+    switch (type) {
+        case 'page':
+            return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true" },
+                React.createElement("path", { d: "M4.5 3.5h11a1 1 0 011 1v11a1 1 0 01-1 1h-11a1 1 0 01-1-1v-11a1 1 0 011-1z", stroke: "currentColor", strokeWidth: "1.5", fill: "none" }),
+                React.createElement("path", { d: "M7 7h6M7 10h6M7 13h4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })));
+        case 'section':
+            return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true" },
+                React.createElement("path", { d: "M4 5.5h12M4 10h12M4 14.5h8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })));
+        case 'content':
+            return (React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true" },
+                React.createElement("path", { d: "M4 6h12M4 10h8M4 14h10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })));
+    }
+}
+function TreeConnector({ isLast }) {
+    return (React.createElement("svg", { width: "16", height: "20", viewBox: "0 0 16 20", fill: "none", "aria-hidden": "true", className: "seekora-docsearch-hit-tree-icon" }, isLast ? (React.createElement("path", { d: "M8 0V10H14", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })) : (React.createElement(React.Fragment, null,
+        React.createElement("path", { d: "M8 0V20", stroke: "currentColor", strokeWidth: "1.5" }),
+        React.createElement("path", { d: "M8 10H14", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })))));
+}

package/dist/docsearch/components/Modal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+}
+export declare function Modal({ isOpen, onClose, children }: ModalProps): React.ReactPortal | null;
+export {};
+//# sourceMappingURL=Modal.d.ts.map

package/dist/docsearch/components/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/docsearch/components/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,UAAU,UAAU;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,UAAU,4BAoD9D"}

package/dist/docsearch/components/Modal.js

@@ -0,0 +1,54 @@
+import React, { useEffect, useRef } from 'react';
+import { createPortal } from 'react-dom';
+export function Modal({ isOpen, onClose, children }) {
+    const overlayRef = useRef(null);
+    const containerRef = useRef(null);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (containerRef.current && !containerRef.current.contains(event.target)) {
+                onClose();
+            }
+        };
+        if (isOpen)
+            document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, [isOpen, onClose]);
+    useEffect(() => {
+        if (isOpen) {
+            const originalOverflow = document.body.style.overflow;
+            document.body.style.overflow = 'hidden';
+            return () => { document.body.style.overflow = originalOverflow; };
+        }
+    }, [isOpen]);
+    useEffect(() => {
+        if (!isOpen || !containerRef.current)
+            return;
+        const container = containerRef.current;
+        const focusableElements = container.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+        const firstElement = focusableElements[0];
+        const lastElement = focusableElements[focusableElements.length - 1];
+        const handleTabKey = (e) => {
+            if (e.key !== 'Tab')
+                return;
+            if (e.shiftKey) {
+                if (document.activeElement === firstElement) {
+                    e.preventDefault();
+                    lastElement?.focus();
+                }
+            }
+            else {
+                if (document.activeElement === lastElement) {
+                    e.preventDefault();
+                    firstElement?.focus();
+                }
+            }
+        };
+        container.addEventListener('keydown', handleTabKey);
+        return () => container.removeEventListener('keydown', handleTabKey);
+    }, [isOpen]);
+    if (!isOpen || typeof document === 'undefined')
+        return null;
+    const modalContent = (React.createElement("div", { ref: overlayRef, className: "seekora-docsearch-overlay", role: "dialog", "aria-modal": "true", "aria-label": "Search documentation" },
+        React.createElement("div", { ref: containerRef, className: "seekora-docsearch-container" }, children)));
+    return createPortal(modalContent, document.body);
+}

package/dist/docsearch/components/Results.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { DocSearchHit, DocSearchSuggestion, DocSearchTranslations, SearchSource } from '../types';
+interface GroupedHits {
+    source: SearchSource;
+    items: DocSearchSuggestion[];
+}
+interface ResultsProps {
+    hits: (DocSearchHit | DocSearchSuggestion)[];
+    groupedHits?: GroupedHits[];
+    selectedIndex: number;
+    onSelect: (hit: DocSearchHit | DocSearchSuggestion) => void;
+    onHover: (index: number) => void;
+    query: string;
+    isLoading: boolean;
+    error: string | null;
+    translations?: DocSearchTranslations;
+    sources?: SearchSource[];
+}
+export declare function Results({ hits, groupedHits, selectedIndex, onSelect, onHover, query, isLoading, error, translations, sources: _sources, }: ResultsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Results.d.ts.map

package/dist/docsearch/components/Results.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Results.d.ts","sourceRoot":"","sources":["../../../src/docsearch/components/Results.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEvG,UAAU,WAAW;IACnB,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B;AAED,UAAU,YAAY;IACpB,IAAI,EAAE,CAAC,YAAY,GAAG,mBAAmB,CAAC,EAAE,CAAC;IAC7C,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,GAAG,EAAE,YAAY,GAAG,mBAAmB,KAAK,IAAI,CAAC;IAC5D,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;CAC1B;AAmED,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,EACT,KAAK,EACL,YAAiB,EACjB,OAAO,EAAE,QAAa,GACvB,EAAE,YAAY,qBAqFd"}