@rubixstudios/payload-typesense 1.1.0 → 1.1.2

package/README.md

@@ -63,8 +63,7 @@ function SearchPage() {
   )
 }
 
-// Multi-collection search
-function MultiCollectionSearch() {
+function CollectionSearch() {
   return (
     <HeadlessSearchInput
       baseUrl="http://localhost:3000"
@@ -76,20 +75,6 @@ function MultiCollectionSearch() {
     />
   )
 }
-
-// Single collection search
-function PostSearch() {
-  return (
-    <HeadlessSearchInput
-      baseUrl="http://localhost:3000"
-      collection="posts"
-      placeholder="Search posts..."
-      onResultClick={(result) => {
-        console.log('Selected:', result.document)
-      }}
-    />
-  )
-}
 ```
 
 ## Features

package/dist/components/HeadlessSearchInput.d.ts

@@ -1,96 +1,6 @@
 import React from 'react';
-import type { BaseSearchInputProps, SearchResult } from '../lib/types.js';
-import type { ThemeConfig } from './themes/types.js';
-export interface HeadlessSearchInputProps<T = Record<string, unknown>> extends BaseSearchInputProps<T> {
-    /**
-     * Collection to search in (for single collection search)
-     */
-    collection?: string;
-    /**
-     * Collections to search in (for multi-collection search)
-     */
-    collections?: string[];
-    /**
-     * Enable suggestions
-     */
-    enableSuggestions?: boolean;
-    /**
-     * Number of results to show per page
-     */
-    perPage?: number;
-    /**
-     * Show date in search results
-     */
-    renderDate?: boolean;
-    /**
-     * Custom render function for error state
-     */
-    renderError?: (error: string) => React.ReactNode;
-    /**
-     * Custom input element (for complete control)
-     */
-    renderInput?: (props: {
-        className: string;
-        onBlur: (e: React.FocusEvent) => void;
-        onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-        onFocus: () => void;
-        onKeyDown: (e: React.KeyboardEvent) => void;
-        placeholder: string;
-        ref: React.RefObject<HTMLInputElement | null>;
-        value: string;
-    }) => React.ReactNode;
-    /**
-     * Custom render function for loading state
-     */
-    renderLoading?: () => React.ReactNode;
-    /**
-     * Show match percentage in search results
-     */
-    renderMatchPercentage?: boolean;
-    /**
-     * Custom render function for no results
-     */
-    renderNoResults?: (query: string) => React.ReactNode;
-    /**
-     * Custom render function for results
-     */
-    renderResult?: (result: SearchResult<T>, index: number, handlers: {
-        onClick: (result: SearchResult<T>) => void;
-    }) => React.ReactNode;
-    /**
-     * Custom render function for results header
-     */
-    renderResultsHeader?: (found: number, searchTime: number) => React.ReactNode;
-    /**
-     * Custom CSS class for individual result items
-     */
-    resultItemClassName?: string;
-    /**
-     * Custom CSS class for the results container
-     */
-    resultsClassName?: string;
-    /**
-     * Custom CSS class for results container
-     */
-    resultsContainerClassName?: string;
-    /**
-     * Show loading state
-     */
-    showLoading?: boolean;
-    /**
-     * Show result count
-     */
-    showResultCount?: boolean;
-    /**
-     * Show search time
-     */
-    showSearchTime?: boolean;
-    /**
-     * Theme configuration
-     */
-    theme?: string | ThemeConfig;
-}
-declare const HeadlessSearchInput: <T = Record<string, unknown>>({ baseUrl, className, collection, 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;
+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 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,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,oBAAoB,EAAkB,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAIpD,MAAM,WAAW,wBAAwB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CACnE,SAAQ,oBAAoB,CAAC,CAAC,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAChD;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QACpB,SAAS,EAAE,MAAM,CAAA;QACjB,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;QACrC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;QAC1D,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;QAC3C,WAAW,EAAE,MAAM,CAAA;QACnB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;QAC7C,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,KAAK,CAAC,SAAS,CAAA;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IACrC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACpD;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE;QAAE,OAAO,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACpI;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IAC5E;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAA;IAClC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;CAC7B;AAED,QAAA,MAAM,mBAAmB,GAAI,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAG,ghBAiCxD,wBAAwB,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,YA4sBtC,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;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"}

package/dist/components/HeadlessSearchInput.js

@@ -1,182 +1,65 @@
 'use client';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+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 { useThemeConfig } from './themes/hooks.js';
-const HeadlessSearchInput = ({ baseUrl, className = '', collection, 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' })=>{
+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' })=>{
     const [query, setQuery] = useState('');
-    const [results, setResults] = useState(null);
-    const [isLoading, setIsLoading] = useState(false);
     const [isOpen, setIsOpen] = useState(false);
-    const [error, setError] = useState(null);
     const inputRef = useRef(null);
     const resultsRef = useRef(null);
-    const debounceRef = useRef(undefined);
-    const collectionsRef = useRef(collections);
     const themeConfig = useThemeConfig({
         theme: typeof theme === 'string' ? theme : theme.theme || 'modern',
         ...typeof theme === 'object' ? theme : {}
     });
-    // Note: If neither collection nor collections is provided, the component will search all collections
-    // Update collections ref when prop changes
-    useEffect(()=>{
-        collectionsRef.current = collections;
-    }, [
-        collections
-    ]);
-    // Debounced search function
-    const onResultsRef = useRef(onResults);
-    const onSearchRef = useRef(onSearch);
-    onResultsRef.current = onResults;
-    onSearchRef.current = onSearch;
-    const performSearch = useCallback(async (searchQuery)=>{
-        if (searchQuery.length < minQueryLength) {
-            setResults(null);
-            setIsLoading(false);
-            return;
-        }
-        setIsLoading(true);
-        setError(null);
-        try {
-            let searchUrl;
-            let searchResults;
-            if (collection) {
-                // Single collection search
-                searchUrl = `${baseUrl}/api/search/${collection}?q=${encodeURIComponent(searchQuery)}&per_page=${perPage}`;
-            } else if (collectionsRef.current && collectionsRef.current.length > 0) {
-                // Multiple collections specified - use universal search and filter client-side
-                searchUrl = `${baseUrl}/api/search?q=${encodeURIComponent(searchQuery)}&per_page=${perPage * 2}`;
-            } else {
-                // No collections specified - use universal search
-                searchUrl = `${baseUrl}/api/search?q=${encodeURIComponent(searchQuery)}&per_page=${perPage}`;
-            }
-            const response = await fetch(searchUrl);
-            if (!response.ok) {
-                throw new Error(`Search failed: ${response.status} ${response.statusText}`);
-            }
-            searchResults = await response.json();
-            if (collectionsRef.current && collectionsRef.current.length > 0) {
-                const filteredHits = searchResults.hits?.filter((hit)=>hit.collection && collectionsRef.current.includes(hit.collection)) || [];
-                const filteredCollections = searchResults.collections?.filter((col)=>col.collection && collectionsRef.current.includes(col.collection)) || [];
-                searchResults = {
-                    ...searchResults,
-                    collections: filteredCollections,
-                    found: filteredHits.length,
-                    hits: filteredHits
-                };
-            }
-            setResults(searchResults);
-            onResultsRef.current?.(searchResults);
-            onSearchRef.current?.(searchQuery, searchResults);
-        } catch (err) {
-            setError(err instanceof Error ? err.message : 'Search failed');
-            setResults(null);
-        } finally{
-            setIsLoading(false);
-        }
-    }, [
+    const debouncedQuery = useDebounce(query, debounceMs);
+    const { error, isLoading, results, search } = useSearch({
         baseUrl,
-        collection,
-        perPage,
-        minQueryLength
-    ]);
+        collections,
+        minQueryLength,
+        onResults,
+        onSearch,
+        perPage
+    });
     useEffect(()=>{
-        if (debounceRef.current) {
-            clearTimeout(debounceRef.current);
+        if (debouncedQuery.length >= minQueryLength) {
+            void search(debouncedQuery);
         }
-        if (query.length >= minQueryLength) {
-            debounceRef.current = setTimeout(()=>{
-                void performSearch(query);
-                void onSearchRef.current?.(query, results || {
-                    found: 0,
-                    hits: [],
-                    page: 1,
-                    request_params: {
-                        per_page: 10,
-                        q: query
-                    },
-                    search_cutoff: false,
-                    search_time_ms: 0
-                });
-            }, debounceMs);
-        } else {
-            setResults(null);
-            setIsLoading(false);
-        }
-        return ()=>{
-            if (debounceRef.current) {
-                clearTimeout(debounceRef.current);
-            }
-        };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
-        query,
-        debounceMs,
+        debouncedQuery,
         minQueryLength,
-        performSearch
+        search
     ]);
-    // Handle input change
     const handleInputChange = (e)=>{
         const value = e.target.value;
         setQuery(value);
         setIsOpen(value.length >= minQueryLength);
     };
-    // Handle input focus
     const handleInputFocus = ()=>{
         if (query.length >= minQueryLength) {
             setIsOpen(true);
         }
     };
-    // Handle input blur
     const handleInputBlur = (_e)=>{
-        // Delay hiding results to allow clicking on them
         setTimeout(()=>{
             if (!resultsRef.current?.contains(document.activeElement)) {
                 setIsOpen(false);
             }
         }, 150);
     };
-    // Handle result click
     const handleResultClick = (result)=>{
         onResultClick?.(result);
         setIsOpen(false);
         setQuery('');
     };
-    // Handle keyboard navigation
     const handleKeyDown = (e)=>{
-        if (!isOpen || !results) {
-            return;
-        }
-        const resultItems = resultsRef.current?.querySelectorAll('[data-result-item]');
-        if (!resultItems) {
-            return;
-        }
-        const currentIndex = Array.from(resultItems).findIndex((item)=>item === document.activeElement);
-        switch(e.key){
-            case 'ArrowDown':
-                {
-                    e.preventDefault();
-                    const nextIndex = currentIndex < resultItems.length - 1 ? currentIndex + 1 : 0;
-                    resultItems[nextIndex]?.focus();
-                    break;
-                }
-            case 'ArrowUp':
-                {
-                    e.preventDefault();
-                    const prevIndex = currentIndex > 0 ? currentIndex - 1 : resultItems.length - 1;
-                    resultItems[prevIndex]?.focus();
-                    break;
-                }
-            case 'Enter':
-                e.preventDefault();
-                if (currentIndex >= 0 && resultItems[currentIndex]) {
-                    ;
-                    resultItems[currentIndex]?.click();
-                }
-                break;
-            case 'Escape':
-                setIsOpen(false);
-                inputRef.current?.blur();
-                break;
-        }
+        handleKeyboard(e, {
+            inputRef,
+            isOpen,
+            results,
+            resultsRef
+        });
     };
     // Default render functions
     const defaultRenderResult = (result, _index)=>{

package/dist/components/ThemeProvider.d.ts

@@ -1,9 +1,10 @@
-import type { ThemeConfig, ThemeContextValue } from './themes/types.js';
+import React from 'react';
+import { type ThemeConfig, type ThemeContextValue } from './themes/types.js';
 interface ThemeProviderProps {
     children: React.ReactNode;
     config: ThemeConfig;
 }
-export declare function ThemeProvider({ children, config }: ThemeProviderProps): import("react").JSX.Element;
+export declare function ThemeProvider({ children, config }: ThemeProviderProps): React.JSX.Element;
 export declare function useTheme(): ThemeContextValue;
 export {};
 //# sourceMappingURL=ThemeProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/components/ThemeProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAIvE,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,EAAE,WAAW,CAAA;CACpB;AAID,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,kBAAkB,+BAIrE;AAED,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/components/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAGjD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAE5E,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,EAAE,WAAW,CAAA;CACpB;AAID,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,kBAAkB,qBAIrE;AAED,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/dist/components/ThemeProvider.js

@@ -1,5 +1,5 @@
 'use client';
-import { createContext, use } from 'react';
+import React, { createContext, use } from 'react';
 import { useThemeConfig } from './themes/hooks.js';
 const ThemeContext = /*#__PURE__*/ createContext(null);
 export function ThemeProvider({ children, config }) {

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
-export type { BaseSearchInputProps, HealthCheckResponse, SearchResponse, SearchResult, SearchResultProps, TypesenseSearchConfig, } from "../lib/types.js";
-export { default as HeadlessSearchInput } from "./HeadlessSearchInput.js";
-export type { HeadlessSearchInputProps } from "./HeadlessSearchInput.js";
-export { ThemeProvider } from "./ThemeProvider.js";
-export * from "./themes/index.js";
+export { type HeadlessSearchInputProps } from '../lib/headlessSearch.js';
+export { type BaseSearchInputProps, type HealthCheckResponse, type SearchResponse, type SearchResult, type SearchResultProps, type TypesenseSearchConfig, } from '../types.js';
+export { default as HeadlessSearchInput } from './HeadlessSearchInput.js';
+export { ThemeProvider } from './ThemeProvider.js';
+export * from './themes/index.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,oBAAoB,EACpB,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,GACrB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AACzE,YAAY,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,cAAc,mBAAmB,CAAA"}

package/dist/components/index.js

@@ -1,3 +1,3 @@
-export { default as HeadlessSearchInput } from "./HeadlessSearchInput.js";
-export { ThemeProvider } from "./ThemeProvider.js";
-export * from "./themes/index.js";
+export { default as HeadlessSearchInput } from './HeadlessSearchInput.js';
+export { ThemeProvider } from './ThemeProvider.js';
+export * from './themes/index.js';

package/dist/components/themes/hooks.d.ts

@@ -1,4 +1,4 @@
-import type { Theme, ThemeConfig, ThemeContextValue } from "./types.js";
+import type { Theme, ThemeConfig, ThemeContextValue } from './types.js';
 declare const ThemeContext: import("react").Context<ThemeContextValue | null>;
 /**
  * Hook to access theme context
@@ -27,19 +27,19 @@ export declare function useThemeClasses(config: ThemeConfig): Record<string, str
 /**
  * Hook to get theme-aware color values
  */
-export declare function useThemeColors(config: ThemeConfig): Theme["colors"];
+export declare function useThemeColors(config: ThemeConfig): Theme['colors'];
 /**
  * Hook to get theme-aware spacing values
  */
-export declare function useThemeSpacing(config: ThemeConfig): Theme["spacing"];
+export declare function useThemeSpacing(config: ThemeConfig): Theme['spacing'];
 /**
  * Hook to get theme-aware typography values
  */
-export declare function useThemeTypography(config: ThemeConfig): Theme["typography"];
+export declare function useThemeTypography(config: ThemeConfig): Theme['typography'];
 /**
  * Hook to detect system theme preference
  */
-export declare function useSystemTheme(): "dark" | "light";
+export declare function useSystemTheme(): 'dark' | 'light';
 /**
  * Hook to create auto theme configuration based on system preference
  */

package/dist/components/themes/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/themes/hooks.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAWvE,QAAA,MAAM,YAAY,mDAAgD,CAAA;AAElE;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,iBAAiB,CAuBrE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAK1E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CACjC,UAAU,EAAE,WAAW,EACvB,QAAQ,EAAE,OAAO,GACf,WAAW,CA8Bb;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC7B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,WAAW,EACvB,MAAM,EAAE,OAAO,GACb,WAAW,CAIb;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAc3E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,CAKnE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,CAKrE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,CAK3E;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,GAAG,OAAO,CAUjD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAM1E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC7B,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,GAC7B,WAAW,CAOb;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/themes/hooks.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAWvE,QAAA,MAAM,YAAY,mDAAgD,CAAA;AAElE;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,iBAAiB,CAoBrE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAK1E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,GAAG,WAAW,CA8B1F;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,WAAW,EACvB,MAAM,EAAE,OAAO,GACd,WAAW,CAIb;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAc3E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,CAKnE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,CAKrE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,CAK3E;AAED;;GAEG;AACH,wBAAgB,cAAc,IAAI,MAAM,GAAG,OAAO,CAQjD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAM1E;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,GAC9B,WAAW,CAOb;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/themes/hooks.js

@@ -1,13 +1,13 @@
-"use client";
-import { createContext, useCallback, useContext, useMemo } from "react";
-import { applyTheme, generateThemeClasses, getThemeVariables, isDarkTheme, isLightTheme, mergeThemeConfig } from "./utils.js";
+'use client';
+import { createContext, useCallback, useContext, useMemo } from 'react';
+import { applyTheme, generateThemeClasses, getThemeVariables, isDarkTheme, isLightTheme, mergeThemeConfig } from './utils.js';
 const ThemeContext = createContext(null);
 /**
  * Hook to access theme context
  */ export function useTheme() {
     const context = useContext(ThemeContext);
     if (!context) {
-        throw new Error("useTheme must be used within a ThemeProvider");
+        throw new Error('useTheme must be used within a ThemeProvider');
     }
     return context;
 }
@@ -60,18 +60,18 @@ const ThemeContext = createContext(null);
             spacing: {
                 ...baseConfig.spacing,
                 // Adjust spacing for mobile
-                headerPadding: "0.75rem 1rem",
-                inputFontSize: "16px",
-                inputPadding: "0.875rem 1rem",
-                itemPadding: "0.875rem 1rem",
-                resultsMaxHeight: "20rem"
+                headerPadding: '0.75rem 1rem',
+                inputFontSize: '16px',
+                inputPadding: '0.875rem 1rem',
+                itemPadding: '0.875rem 1rem',
+                resultsMaxHeight: '20rem'
             },
             // Disable animations on mobile for better performance
             animations: isMobile ? {
                 ...baseConfig.animations,
-                transitionFast: "0s",
-                transitionNormal: "0s",
-                transitionSlow: "0s"
+                transitionFast: '0s',
+                transitionNormal: '0s',
+                transitionSlow: '0s'
             } : baseConfig.animations
         };
         return mobileConfig;
@@ -141,10 +141,10 @@ const ThemeContext = createContext(null);
  * Hook to detect system theme preference
  */ export function useSystemTheme() {
     return useMemo(()=>{
-        if (typeof window === "undefined") {
-            return "light";
+        if (typeof window === 'undefined') {
+            return 'light';
         }
-        return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
     }, []);
 }
 /**
@@ -152,7 +152,7 @@ const ThemeContext = createContext(null);
  */ export function useAutoTheme(lightTheme, darkTheme) {
     const systemTheme = useSystemTheme();
     return useMemo(()=>{
-        return systemTheme === "dark" ? darkTheme : lightTheme;
+        return systemTheme === 'dark' ? darkTheme : lightTheme;
     }, [
         systemTheme,
         lightTheme,

package/dist/components/themes/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./hooks.js";
-export * from "./themes.js";
-export * from "./types.js";
-export * from "./utils.js";
+export * from './hooks.js';
+export * from './themes.js';
+export * from './types.js';
+export * from './utils.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/themes/index.js

@@ -1,4 +1,4 @@
-export * from "./hooks.js";
-export * from "./themes.js";
-export * from "./types.js";
-export * from "./utils.js";
+export * from './hooks.js';
+export * from './themes.js';
+export * from './types.js';
+export * from './utils.js';

package/dist/components/themes/themes.d.ts

@@ -1,4 +1,4 @@
-import type { Theme } from "./types.js";
+import type { Theme } from './types.js';
 export declare const modernTheme: Theme;
 export declare const darkTheme: Theme;
 export declare const themes: Record<string, Theme>;

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

@@ -1 +1 @@
-{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../src/components/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AA8DvC,eAAO,MAAM,WAAW,EAAE,KAsDzB,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KAqDvB,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAGxC,CAAA;AAGD,eAAO,MAAM,YAAY,OAAc,CAAA"}
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../src/components/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AA2DvC,eAAO,MAAM,WAAW,EAAE,KAqDzB,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KAqDvB,CAAA;AAGD,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAGxC,CAAA;AAGD,eAAO,MAAM,YAAY,OAAc,CAAA"}