@rubixstudios/payload-typesense 1.1.7 → 1.2.0

package/dist/components/HeadlessSearchInput.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { type HeadlessSearchInputProps } from '../lib/headlessSearch.js';
-declare const HeadlessSearchInput: <T = Record<string, unknown>>({ baseUrl, className, collections, debounceMs, enableSuggestions: _enableSuggestions, errorClassName, inputClassName, inputWrapperClassName, minQueryLength, noResultsClassName, onResultClick, onResults, onSearch, perPage, placeholder, renderDate, renderError, renderInput, renderMatchPercentage, renderNoResults, renderResult, renderResultsHeader, resultItemClassName, resultsClassName, resultsContainerClassName, resultsHeaderClassName, resultsListClassName, showLoading, showResultCount, showSearchTime, theme, }: HeadlessSearchInputProps<T>) => React.ReactElement;
+export declare function HeadlessSearchInput<T = Record<string, unknown>>(props: HeadlessSearchInputProps<T>): React.ReactElement;
 export default HeadlessSearchInput;
-export { HeadlessSearchInput };
 //# sourceMappingURL=HeadlessSearchInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HeadlessSearchInput.d.ts","sourceRoot":"","sources":["../../src/components/HeadlessSearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAOxE,QAAA,MAAM,mBAAmB,GAAI,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAG,ogBAgCxD,wBAAwB,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,YAmkBtC,CAAA;AAED,eAAe,mBAAmB,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"HeadlessSearchInput.d.ts","sourceRoot":"","sources":["../../src/components/HeadlessSearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AAaxE,wBAAgB,mBAAmB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7D,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,GACjC,KAAK,CAAC,YAAY,CA8SpB;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/HeadlessSearchInput.js

@@ -3,8 +3,10 @@ import React, { useEffect, useRef, useState } from 'react';
 import { handleKeyboard } from '../utils/keyboard.js';
 import { useDebounce } from '../utils/useDebounce.js';
 import { useSearch } from '../utils/useSearch.js';
+import { RenderedHeader, RenderedNoResults, RenderedResult, RenderedResultError } from './render/index.js';
 import { useThemeConfig } from './themes/hooks.js';
-const HeadlessSearchInput = ({ baseUrl, className = '', collections, debounceMs = 300, enableSuggestions: _enableSuggestions = true, errorClassName = '', inputClassName = '', inputWrapperClassName = '', minQueryLength = 2, noResultsClassName = '', onResultClick, onResults, onSearch, perPage = 10, placeholder = 'Search...', renderDate = true, renderError, renderInput, renderMatchPercentage = true, renderNoResults, renderResult, renderResultsHeader, resultItemClassName = '', resultsClassName = '', resultsContainerClassName = '', resultsHeaderClassName = '', resultsListClassName = '', showLoading = true, showResultCount = true, showSearchTime = true, theme = 'modern' })=>{
+export function HeadlessSearchInput(props) {
+    const { baseUrl, className = '', collections, debounceMs = 300, enableSuggestions: _enableSuggestions = true, errorClassName = '', inputClassName = '', inputWrapperClassName = '', minQueryLength = 2, noResultsClassName = '', onResultClick, onResults, onSearch, perPage = 10, placeholder = 'Search...', renderDate = true, renderError, renderInput, renderNoResults, renderResult, renderResultsHeader, resultItemClassName = '', resultsClassName = '', resultsContainerClassName = '', resultsHeaderClassName = '', resultsListClassName = '', showLoading = true, showResultCount = true, theme = 'modern' } = props;
     const [query, setQuery] = useState('');
     const [isOpen, setIsOpen] = useState(false);
     const inputRef = useRef(null);
@@ -61,297 +63,8 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collections, debounceMs
             resultsRef
         });
     };
-    // Default render functions
-    const defaultRenderResult = (result, _index)=>{
-        // Calculate relative percentage based on the highest score in current results
-        const maxScore = results?.hits?.reduce((max, hit)=>Math.max(max, hit.text_match || 0), 0) || 1;
-        const relativePercentage = Math.round((result.text_match || 0) / maxScore * 100);
-        return /*#__PURE__*/ React.createElement("div", {
-            className: `${resultsContainerClassName}`,
-            style: {
-                backgroundColor: themeConfig.theme.colors.resultBackground,
-                borderBottom: `1px solid ${themeConfig.theme.colors.resultBorder}`,
-                cursor: 'pointer',
-                padding: themeConfig.theme.spacing.itemPadding,
-                transition: themeConfig.config.enableAnimations !== false ? `all ${themeConfig.theme.animations.transitionFast} ${themeConfig.theme.animations.easeInOut}` : 'none'
-            }
-        }, /*#__PURE__*/ React.createElement("div", {
-            className: `${themeConfig.classes.resultItem} ${resultItemClassName}`,
-            "data-result-item": true,
-            key: result.document?.id || result.id || _index,
-            onBlur: (e)=>{
-                e.currentTarget.style.backgroundColor = themeConfig.theme.colors.resultBackground;
-            },
-            onClick: ()=>handleResultClick(result),
-            onFocus: (e)=>{
-                e.currentTarget.style.backgroundColor = themeConfig.theme.colors.resultBackgroundFocus;
-            },
-            onKeyDown: (e)=>{
-                if (e.key === 'Enter' || e.key === ' ') {
-                    e.preventDefault();
-                    handleResultClick(result);
-                }
-            },
-            onMouseEnter: (e)=>{
-                e.currentTarget.style.backgroundColor = themeConfig.theme.colors.resultBackgroundHover;
-            },
-            onMouseLeave: (e)=>{
-                e.currentTarget.style.backgroundColor = themeConfig.theme.colors.resultBackground;
-            },
-            role: "button",
-            tabIndex: 0
-        }, /*#__PURE__*/ React.createElement("div", {
-            style: {
-                alignItems: 'flex-start',
-                display: 'flex',
-                gap: '12px',
-                padding: '6px'
-            }
-        }, /*#__PURE__*/ React.createElement("div", {
-            style: {
-                flexShrink: 0
-            }
-        }, /*#__PURE__*/ React.createElement("div", {
-            style: {
-                alignItems: 'center',
-                backgroundColor: themeConfig.theme.colors.collectionBadge,
-                borderRadius: themeConfig.theme.spacing.inputBorderRadius,
-                color: themeConfig.theme.colors.collectionBadgeText,
-                display: 'flex',
-                fontSize: '14px',
-                fontWeight: themeConfig.theme.typography.fontWeightMedium,
-                height: '32px',
-                justifyContent: 'center',
-                width: '32px'
-            }
-        }, result.collection?.charAt(0).toUpperCase() || '📄')), /*#__PURE__*/ React.createElement("div", {
-            style: {
-                flex: 1,
-                minWidth: 0
-            }
-        }, /*#__PURE__*/ React.createElement("div", {
-            style: {
-                alignItems: 'center',
-                display: 'flex',
-                justifyContent: 'space-between',
-                marginBottom: '8px'
-            }
-        }, /*#__PURE__*/ React.createElement("h3", {
-            style: {
-                color: themeConfig.theme.colors.titleText,
-                fontFamily: themeConfig.theme.typography.fontFamily,
-                fontSize: themeConfig.theme.typography.fontSizeBase,
-                fontWeight: themeConfig.theme.typography.fontWeightSemibold,
-                lineHeight: themeConfig.theme.typography.lineHeightTight,
-                margin: 0,
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                whiteSpace: 'nowrap'
-            }
-        }, result.document?.title || result.document?.name || result.title || 'Untitled'), renderMatchPercentage && typeof result.text_match === 'number' && !isNaN(result.text_match) && /*#__PURE__*/ React.createElement("span", {
-            style: {
-                alignItems: 'center',
-                backgroundColor: themeConfig.theme.colors.scoreBadge,
-                borderRadius: '4px',
-                color: themeConfig.theme.colors.scoreBadgeText,
-                display: 'inline-flex',
-                fontSize: themeConfig.theme.typography.fontSizeXs,
-                fontWeight: themeConfig.theme.typography.fontWeightMedium,
-                marginLeft: '8px',
-                padding: '2px 6px'
-            }
-        }, relativePercentage, "%")), (result.highlight?.title?.snippet || result.highlight?.content?.snippet) && /*#__PURE__*/ React.createElement("div", {
-            dangerouslySetInnerHTML: {
-                __html: result.highlight?.title?.snippet || result.highlight?.content?.snippet || ''
-            },
-            style: {
-                color: themeConfig.theme.colors.descriptionText,
-                display: '-webkit-box',
-                fontSize: themeConfig.theme.typography.fontSizeSm,
-                fontWeight: themeConfig.theme.typography.fontWeightNormal,
-                lineHeight: themeConfig.theme.typography.lineHeightNormal,
-                marginTop: '4px',
-                overflow: 'hidden',
-                WebkitBoxOrient: 'vertical',
-                WebkitLineClamp: 2
-            }
-        }), /*#__PURE__*/ React.createElement("div", {
-            style: {
-                alignItems: 'center',
-                color: themeConfig.theme.colors.metaText,
-                display: 'flex',
-                fontSize: themeConfig.theme.typography.fontSizeXs,
-                gap: '12px',
-                marginTop: '8px'
-            }
-        }, result.collection && /*#__PURE__*/ React.createElement("span", {
-            style: {
-                alignItems: 'center',
-                display: 'inline-flex'
-            }
-        }, /*#__PURE__*/ React.createElement("svg", {
-            fill: "currentColor",
-            style: {
-                height: '12px',
-                marginRight: '4px',
-                width: '12px'
-            },
-            viewBox: "0 0 20 20"
-        }, /*#__PURE__*/ React.createElement("path", {
-            clipRule: "evenodd",
-            d: "M3 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",
-            fillRule: "evenodd"
-        })), result.collection), renderDate && (result.document?.updatedAt || result.updatedAt) && /*#__PURE__*/ React.createElement("span", {
-            style: {
-                alignItems: 'center',
-                display: 'inline-flex'
-            }
-        }, /*#__PURE__*/ React.createElement("svg", {
-            fill: "currentColor",
-            style: {
-                height: '12px',
-                marginRight: '4px',
-                width: '12px'
-            },
-            viewBox: "0 0 20 20"
-        }, /*#__PURE__*/ React.createElement("path", {
-            clipRule: "evenodd",
-            d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z",
-            fillRule: "evenodd"
-        })), new Date(result.document?.updatedAt || result.updatedAt).toLocaleDateString()))))));
-    };
-    const defaultRenderNoResults = (_query)=>/*#__PURE__*/ React.createElement("div", {
-            className: `${noResultsClassName}`,
-            style: {
-                color: themeConfig.theme.colors.noResultsText,
-                fontFamily: themeConfig.theme.typography.fontFamily,
-                fontSize: themeConfig.theme.typography.fontSizeSm,
-                padding: '40px 20px',
-                textAlign: 'center'
-            }
-        }, /*#__PURE__*/ React.createElement("div", {
-            style: {
-                alignItems: 'center',
-                display: 'flex',
-                flexDirection: 'column'
-            }
-        }, /*#__PURE__*/ React.createElement("svg", {
-            fill: "none",
-            stroke: "currentColor",
-            style: {
-                color: themeConfig.theme.colors.metaText,
-                height: '48px',
-                marginBottom: '12px',
-                width: '48px'
-            },
-            viewBox: "0 0 24 24"
-        }, /*#__PURE__*/ React.createElement("path", {
-            d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 1
-        })), /*#__PURE__*/ React.createElement("h3", {
-            style: {
-                color: themeConfig.theme.colors.titleText,
-                fontSize: themeConfig.theme.typography.fontSizeSm,
-                fontWeight: themeConfig.theme.typography.fontWeightMedium,
-                margin: 0,
-                marginBottom: '4px'
-            }
-        }, "No results found"), /*#__PURE__*/ React.createElement("p", {
-            style: {
-                color: themeConfig.theme.colors.descriptionText,
-                fontSize: themeConfig.theme.typography.fontSizeSm,
-                margin: 0
-            }
-        }, "Try searching for something else")));
-    const defaultRenderError = (error)=>/*#__PURE__*/ React.createElement("div", {
-            className: `${errorClassName}`,
-            style: {
-                alignItems: 'center',
-                backgroundColor: themeConfig.theme.colors.errorBackground,
-                borderBottom: `1px solid ${themeConfig.theme.colors.resultBorder}`,
-                color: themeConfig.theme.colors.errorText,
-                display: 'flex',
-                fontFamily: themeConfig.theme.typography.fontFamily,
-                fontSize: themeConfig.theme.typography.fontSizeSm,
-                gap: '8px',
-                padding: '16px'
-            }
-        }, /*#__PURE__*/ React.createElement("svg", {
-            fill: "currentColor",
-            style: {
-                flexShrink: 0,
-                height: '20px',
-                width: '20px'
-            },
-            viewBox: "0 0 20 20"
-        }, /*#__PURE__*/ React.createElement("path", {
-            clipRule: "evenodd",
-            d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",
-            fillRule: "evenodd"
-        })), /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("h3", {
-            style: {
-                fontSize: themeConfig.theme.typography.fontSizeSm,
-                fontWeight: themeConfig.theme.typography.fontWeightMedium,
-                margin: 0
-            }
-        }, "Search Error"), /*#__PURE__*/ React.createElement("p", {
-            style: {
-                color: themeConfig.theme.colors.errorText,
-                fontSize: themeConfig.theme.typography.fontSizeSm,
-                margin: 0
-            }
-        }, error)));
-    const defaultRenderResultsHeader = (found, searchTime)=>/*#__PURE__*/ React.createElement("div", {
-            className: `${resultsHeaderClassName}`,
-            style: {
-                alignItems: 'center',
-                backgroundColor: themeConfig.theme.colors.headerBackground,
-                borderBottom: `1px solid ${themeConfig.theme.colors.headerBorder}`,
-                color: themeConfig.theme.colors.headerText,
-                display: 'flex',
-                fontFamily: themeConfig.theme.typography.fontFamily,
-                fontSize: themeConfig.theme.spacing.headerFontSize,
-                fontWeight: themeConfig.theme.typography.fontWeightMedium,
-                justifyContent: 'space-between',
-                padding: themeConfig.theme.spacing.headerPadding
-            }
-        }, /*#__PURE__*/ React.createElement("div", {
-            style: {
-                alignItems: 'center',
-                display: 'flex',
-                gap: '8px'
-            }
-        }, /*#__PURE__*/ React.createElement("svg", {
-            fill: "currentColor",
-            style: {
-                color: themeConfig.theme.colors.metaText,
-                height: '16px',
-                width: '16px'
-            },
-            viewBox: "0 0 20 20"
-        }, /*#__PURE__*/ React.createElement("path", {
-            clipRule: "evenodd",
-            d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
-            fillRule: "evenodd"
-        })), /*#__PURE__*/ React.createElement("span", {
-            style: {
-                color: themeConfig.theme.colors.headerText,
-                fontSize: themeConfig.theme.typography.fontSizeSm,
-                fontWeight: themeConfig.theme.typography.fontWeightMedium
-            }
-        }, found, " result", found !== 1 ? 's' : '', " found")), showSearchTime && /*#__PURE__*/ React.createElement("span", {
-            style: {
-                backgroundColor: themeConfig.theme.colors.inputBorder,
-                borderRadius: '12px',
-                color: themeConfig.theme.colors.metaText,
-                fontSize: themeConfig.theme.typography.fontSizeXs,
-                padding: '4px 8px'
-            }
-        }, searchTime, "ms"));
     return /*#__PURE__*/ React.createElement("div", {
-        className: `${className}`,
+        className: className,
         style: {
             margin: '0 auto',
             maxWidth: '600px',
@@ -359,13 +72,13 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collections, debounceMs
             width: '100%'
         }
     }, /*#__PURE__*/ React.createElement("div", {
-        className: `${inputWrapperClassName}`,
+        className: inputWrapperClassName,
         style: {
             position: 'relative',
             width: '100%'
         }
     }, renderInput ? renderInput({
-        className: `${inputClassName}`,
+        className: inputClassName,
         onBlur: handleInputBlur,
         onChange: handleInputChange,
         onFocus: handleInputFocus,
@@ -376,7 +89,7 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collections, debounceMs
     }) : /*#__PURE__*/ React.createElement("input", {
         "aria-label": "Search input",
         autoComplete: "off",
-        className: `${inputClassName}`,
+        className: inputClassName,
         onBlur: (e)=>{
             e.target.style.borderColor = themeConfig.theme.colors.inputBorder;
             e.target.style.boxShadow = 'none';
@@ -432,7 +145,7 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collections, debounceMs
             width: '16px'
         }
     }))), isOpen && results && /*#__PURE__*/ React.createElement("div", {
-        className: `${resultsContainerClassName}`,
+        className: resultsContainerClassName,
         ref: resultsRef,
         style: {
             backgroundColor: themeConfig.theme.colors.resultsBackground,
@@ -460,11 +173,31 @@ const HeadlessSearchInput = ({ baseUrl, className = '', collections, debounceMs
             minHeight: 0,
             overflowY: 'auto'
         }
-    }, error && (renderError ? renderError(error) : defaultRenderError(error)), !error && results && /*#__PURE__*/ React.createElement(React.Fragment, null, showResultCount && (renderResultsHeader ? renderResultsHeader(results.found, results.search_time_ms) : defaultRenderResultsHeader(results.found, results.search_time_ms)), results.hits.length > 0 ? /*#__PURE__*/ React.createElement("div", {
-        className: `${resultsListClassName}`
+    }, error && (renderError ? renderError(error) : /*#__PURE__*/ React.createElement(RenderedResultError, {
+        error: error,
+        errorClassName: errorClassName,
+        themeConfig: themeConfig
+    })), !error && results && /*#__PURE__*/ React.createElement(React.Fragment, null, showResultCount && (renderResultsHeader ? renderResultsHeader(results.found) : /*#__PURE__*/ React.createElement(RenderedHeader, {
+        found: results.hits.length,
+        resultsHeaderClassName: resultsHeaderClassName,
+        themeConfig: themeConfig
+    })), results.hits.length > 0 ? /*#__PURE__*/ React.createElement("div", {
+        className: resultsListClassName
     }, results.hits.map((result, index)=>renderResult ? renderResult(result, index, {
             onClick: handleResultClick
-        }) : defaultRenderResult(result, index))) : renderNoResults ? renderNoResults(query) : defaultRenderNoResults(query)))));
-};
+        }) : /*#__PURE__*/ React.createElement(RenderedResult, {
+            index: index,
+            key: result.document?.id || result.id || index,
+            onResultClick: handleResultClick,
+            renderDate: renderDate,
+            result: result,
+            resultItemClassName: resultItemClassName,
+            resultsContainerClassName: resultsContainerClassName,
+            themeConfig: themeConfig
+        }))) : renderNoResults ? renderNoResults(query) : /*#__PURE__*/ React.createElement(RenderedNoResults, {
+        noResultsClassName: noResultsClassName,
+        query: query,
+        themeConfig: themeConfig
+    })))));
+}
 export default HeadlessSearchInput;
-export { HeadlessSearchInput };

package/dist/components/render/Header.d.ts

@@ -0,0 +1,9 @@
+import { type ThemeContextValue } from '../themes/types.js';
+interface RenderedHeaderProps {
+    found: number;
+    resultsHeaderClassName?: string;
+    themeConfig: ThemeContextValue;
+}
+export declare const RenderedHeader: ({ found, resultsHeaderClassName, themeConfig, }: RenderedHeaderProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Header.d.ts.map

package/dist/components/render/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/render/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,WAAW,EAAE,iBAAiB,CAAA;CAC/B;AAED,eAAO,MAAM,cAAc,GAAI,iDAI5B,mBAAmB,gCAuCrB,CAAA"}

package/dist/components/render/Header.js

@@ -0,0 +1,39 @@
+export const RenderedHeader = ({ found, resultsHeaderClassName = '', themeConfig })=>/*#__PURE__*/ React.createElement("div", {
+        className: resultsHeaderClassName,
+        style: {
+            alignItems: 'center',
+            backgroundColor: themeConfig.theme.colors.headerBackground,
+            borderBottom: `1px solid ${themeConfig.theme.colors.headerBorder}`,
+            color: themeConfig.theme.colors.headerText,
+            display: 'flex',
+            fontFamily: themeConfig.theme.typography.fontFamily,
+            fontSize: themeConfig.theme.spacing.headerFontSize,
+            fontWeight: themeConfig.theme.typography.fontWeightMedium,
+            justifyContent: 'space-between',
+            padding: themeConfig.theme.spacing.headerPadding
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            alignItems: 'center',
+            display: 'flex',
+            gap: '8px'
+        }
+    }, /*#__PURE__*/ React.createElement("svg", {
+        fill: "currentColor",
+        style: {
+            color: themeConfig.theme.colors.metaText,
+            height: '16px',
+            width: '16px'
+        },
+        viewBox: "0 0 20 20"
+    }, /*#__PURE__*/ React.createElement("path", {
+        clipRule: "evenodd",
+        d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+        fillRule: "evenodd"
+    })), /*#__PURE__*/ React.createElement("span", {
+        style: {
+            color: themeConfig.theme.colors.headerText,
+            fontSize: themeConfig.theme.typography.fontSizeSm,
+            fontWeight: themeConfig.theme.typography.fontWeightMedium
+        }
+    }, found, " result", found !== 1 ? 's' : '', " found")));

package/dist/components/render/NoResults.d.ts

@@ -0,0 +1,9 @@
+import { type ThemeContextValue } from '../themes/types.js';
+interface RenderedNoResultsProps {
+    noResultsClassName?: string;
+    query: string;
+    themeConfig: ThemeContextValue;
+}
+export declare const RenderedNoResults: ({ noResultsClassName, query: _query, themeConfig, }: RenderedNoResultsProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=NoResults.d.ts.map

package/dist/components/render/NoResults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoResults.d.ts","sourceRoot":"","sources":["../../../src/components/render/NoResults.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,UAAU,sBAAsB;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,iBAAiB,CAAA;CAC/B;AAED,eAAO,MAAM,iBAAiB,GAAI,qDAI/B,sBAAsB,gCAoDxB,CAAA"}

package/dist/components/render/NoResults.js

@@ -0,0 +1,45 @@
+export const RenderedNoResults = ({ noResultsClassName = '', query: _query, themeConfig })=>/*#__PURE__*/ React.createElement("div", {
+        className: noResultsClassName,
+        style: {
+            color: themeConfig.theme.colors.noResultsText,
+            fontFamily: themeConfig.theme.typography.fontFamily,
+            fontSize: themeConfig.theme.typography.fontSizeSm,
+            padding: '40px 20px',
+            textAlign: 'center'
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            alignItems: 'center',
+            display: 'flex',
+            flexDirection: 'column'
+        }
+    }, /*#__PURE__*/ React.createElement("svg", {
+        fill: "none",
+        stroke: "currentColor",
+        style: {
+            color: themeConfig.theme.colors.metaText,
+            height: '48px',
+            marginBottom: '12px',
+            width: '48px'
+        },
+        viewBox: "0 0 24 24"
+    }, /*#__PURE__*/ React.createElement("path", {
+        d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1
+    })), /*#__PURE__*/ React.createElement("h3", {
+        style: {
+            color: themeConfig.theme.colors.titleText,
+            fontSize: themeConfig.theme.typography.fontSizeSm,
+            fontWeight: themeConfig.theme.typography.fontWeightMedium,
+            margin: 0,
+            marginBottom: '4px'
+        }
+    }, "No results found"), /*#__PURE__*/ React.createElement("p", {
+        style: {
+            color: themeConfig.theme.colors.descriptionText,
+            fontSize: themeConfig.theme.typography.fontSizeSm,
+            margin: 0
+        }
+    }, "Try searching for something else")));

package/dist/components/render/ResultError.d.ts

@@ -0,0 +1,9 @@
+import { type ThemeContextValue } from '../themes/types.js';
+interface RenderedResultErrorProps {
+    error: string;
+    errorClassName?: string;
+    themeConfig: ThemeContextValue;
+}
+export declare const RenderedResultError: ({ error, errorClassName, themeConfig, }: RenderedResultErrorProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ResultError.d.ts.map

package/dist/components/render/ResultError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultError.d.ts","sourceRoot":"","sources":["../../../src/components/render/ResultError.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,iBAAiB,CAAA;CAC/B;AAED,eAAO,MAAM,mBAAmB,GAAI,yCAIjC,wBAAwB,gCA+C1B,CAAA"}

package/dist/components/render/ResultError.js

@@ -0,0 +1,38 @@
+export const RenderedResultError = ({ error, errorClassName = '', themeConfig })=>/*#__PURE__*/ React.createElement("div", {
+        className: errorClassName,
+        style: {
+            alignItems: 'center',
+            backgroundColor: themeConfig.theme.colors.errorBackground,
+            borderBottom: `1px solid ${themeConfig.theme.colors.resultBorder}`,
+            color: themeConfig.theme.colors.errorText,
+            display: 'flex',
+            fontFamily: themeConfig.theme.typography.fontFamily,
+            fontSize: themeConfig.theme.typography.fontSizeSm,
+            gap: '8px',
+            padding: '16px'
+        }
+    }, /*#__PURE__*/ React.createElement("svg", {
+        fill: "currentColor",
+        style: {
+            flexShrink: 0,
+            height: '20px',
+            width: '20px'
+        },
+        viewBox: "0 0 20 20"
+    }, /*#__PURE__*/ React.createElement("path", {
+        clipRule: "evenodd",
+        d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",
+        fillRule: "evenodd"
+    })), /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("h3", {
+        style: {
+            fontSize: themeConfig.theme.typography.fontSizeSm,
+            fontWeight: themeConfig.theme.typography.fontWeightMedium,
+            margin: 0
+        }
+    }, "Search Error"), /*#__PURE__*/ React.createElement("p", {
+        style: {
+            color: themeConfig.theme.colors.errorText,
+            fontSize: themeConfig.theme.typography.fontSizeSm,
+            margin: 0
+        }
+    }, error)));

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

@@ -0,0 +1,14 @@
+import { type SearchResult } from '../../types.js';
+import { type ThemeContextValue } from '../themes/types.js';
+interface RenderedResultProps {
+    index: number;
+    onResultClick: (result: SearchResult) => void;
+    renderDate?: boolean;
+    result: SearchResult;
+    resultItemClassName?: string;
+    resultsContainerClassName?: string;
+    themeConfig: ThemeContextValue;
+}
+export declare function RenderedResult({ index, onResultClick, renderDate, result, resultItemClassName, resultsContainerClassName, themeConfig, }: RenderedResultProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Results.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Results.d.ts","sourceRoot":"","sources":["../../../src/components/render/Results.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,yBAAyB,CAAC,EAAE,MAAM,CAAA;IAClC,WAAW,EAAE,iBAAiB,CAAA;CAC/B;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,aAAa,EACb,UAAiB,EACjB,MAAM,EACN,mBAAwB,EACxB,yBAA8B,EAC9B,WAAW,GACZ,EAAE,mBAAmB,+BA4JrB"}