@seekora-ai/ui-sdk-react 0.1.1

package/dist/components/Breadcrumb.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Breadcrumb Component
+ *
+ * Displays the current hierarchical navigation path
+ * Allows users to navigate back to parent categories
+ */
+import React from 'react';
+export interface BreadcrumbItem {
+    label: string;
+    value: string;
+}
+export interface BreadcrumbTheme {
+    root?: string;
+    list?: string;
+    item?: string;
+    link?: string;
+    separator?: string;
+    current?: string;
+}
+export interface BreadcrumbProps {
+    /** Attributes for each level of hierarchy */
+    attributes: string[];
+    /** Separator between items (default: ' > ') */
+    separator?: string;
+    /** Root label (default: 'Home') */
+    rootLabel?: string;
+    /** Custom render function for items */
+    renderItem?: (item: BreadcrumbItem, index: number, isLast: boolean) => React.ReactNode;
+    /** Custom render for separator */
+    renderSeparator?: () => React.ReactNode;
+    /** Callback when an item is clicked */
+    onNavigate?: (item: BreadcrumbItem | null, index: number) => void;
+    /** Custom className */
+    className?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+    /** Custom theme */
+    theme?: BreadcrumbTheme;
+    /** Custom breadcrumb items (overrides automatic detection) */
+    items?: BreadcrumbItem[];
+}
+export declare const Breadcrumb: React.FC<BreadcrumbProps>;
+//# sourceMappingURL=Breadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,6CAA6C;IAC7C,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACvF,kCAAkC;IAClC,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACxC,uCAAuC;IACvC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mBAAmB;IACnB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0LhD,CAAC"}

package/dist/components/Breadcrumb.js

@@ -0,0 +1,119 @@
+/**
+ * Breadcrumb Component
+ *
+ * Displays the current hierarchical navigation path
+ * Allows users to navigate back to parent categories
+ */
+import React, { useMemo, useCallback } from 'react';
+import { useSearchContext } from './SearchProvider';
+import { useSearchState } from '../hooks/useSearchState';
+import { clsx } from 'clsx';
+export const Breadcrumb = ({ attributes, separator = ' > ', rootLabel = 'Home', renderItem, renderSeparator, onNavigate, className, style, theme: customTheme, items: itemsProp, }) => {
+    const { theme, stateManager } = useSearchContext();
+    const { refinements, removeRefinement, clearRefinements } = useSearchState();
+    const breadcrumbTheme = customTheme || {};
+    // Build breadcrumb items from refinements
+    const items = useMemo(() => {
+        if (itemsProp)
+            return itemsProp;
+        const breadcrumbItems = [];
+        // Find hierarchical refinements
+        attributes.forEach((attr, level) => {
+            const refinement = refinements.find(r => r.field === attr);
+            if (refinement) {
+                // Parse the hierarchical value
+                const parts = refinement.value.split(separator);
+                parts.forEach((part, partIndex) => {
+                    const fullPath = parts.slice(0, partIndex + 1).join(separator);
+                    // Only add if not already in the list
+                    if (!breadcrumbItems.some(item => item.value === fullPath)) {
+                        breadcrumbItems.push({
+                            label: part,
+                            value: fullPath,
+                        });
+                    }
+                });
+            }
+        });
+        return breadcrumbItems;
+    }, [attributes, refinements, separator, itemsProp]);
+    // Handle click on breadcrumb item
+    const handleClick = useCallback((item, index) => {
+        if (item === null) {
+            // Clicked on root - clear all hierarchical refinements
+            attributes.forEach(attr => {
+                refinements
+                    .filter(r => r.field === attr)
+                    .forEach(r => removeRefinement(r.field, r.value, false));
+            });
+            stateManager.search();
+        }
+        else {
+            // Navigate to this level - remove refinements below this level
+            const currentLevel = items.findIndex(i => i.value === item.value);
+            attributes.forEach((attr, attrLevel) => {
+                refinements
+                    .filter(r => r.field === attr)
+                    .forEach(r => {
+                    // Remove if this is below the clicked level
+                    if (attrLevel > currentLevel ||
+                        (attrLevel === currentLevel && r.value !== item.value)) {
+                        removeRefinement(r.field, r.value, false);
+                    }
+                });
+            });
+            stateManager.search();
+        }
+        if (onNavigate) {
+            onNavigate(item, index);
+        }
+    }, [attributes, refinements, removeRefinement, stateManager, items, onNavigate]);
+    // Default separator renderer
+    const defaultRenderSeparator = () => (React.createElement("span", { className: breadcrumbTheme.separator, style: {
+            margin: `0 ${theme.spacing.small}`,
+            color: theme.colors.textSecondary,
+        }, "aria-hidden": "true" }, "\u203A"));
+    // Don't render if no items
+    if (items.length === 0) {
+        return null;
+    }
+    return (React.createElement("nav", { className: clsx(breadcrumbTheme.root, className), style: style, "aria-label": "Breadcrumb" },
+        React.createElement("ol", { className: breadcrumbTheme.list, style: {
+                display: 'flex',
+                flexWrap: 'wrap',
+                alignItems: 'center',
+                listStyle: 'none',
+                margin: 0,
+                padding: 0,
+                fontSize: theme.typography.fontSize.small,
+            } },
+            React.createElement("li", { className: breadcrumbTheme.item },
+                React.createElement("button", { type: "button", onClick: () => handleClick(null, -1), className: breadcrumbTheme.link, style: {
+                        padding: 0,
+                        background: 'none',
+                        border: 'none',
+                        cursor: 'pointer',
+                        color: theme.colors.primary,
+                        fontFamily: 'inherit',
+                        fontSize: 'inherit',
+                        textDecoration: 'none',
+                    } }, rootLabel)),
+            items.map((item, index) => {
+                const isLast = index === items.length - 1;
+                return (React.createElement(React.Fragment, { key: item.value },
+                    renderSeparator ? renderSeparator() : defaultRenderSeparator(),
+                    React.createElement("li", { className: clsx(breadcrumbTheme.item, isLast && breadcrumbTheme.current) }, renderItem ? (renderItem(item, index, isLast)) : isLast ? (React.createElement("span", { style: {
+                            color: theme.colors.text,
+                            fontWeight: theme.typography.fontWeight?.medium || 500,
+                        }, "aria-current": "page" }, item.label)) : (React.createElement("button", { type: "button", onClick: () => handleClick(item, index), className: breadcrumbTheme.link, style: {
+                            padding: 0,
+                            background: 'none',
+                            border: 'none',
+                            cursor: 'pointer',
+                            color: theme.colors.primary,
+                            fontFamily: 'inherit',
+                            fontSize: 'inherit',
+                            textDecoration: 'none',
+                        } }, item.label)))));
+            }))));
+};

package/dist/components/ClearRefinements.d.ts

@@ -0,0 +1,42 @@
+/**
+ * ClearRefinements Component
+ *
+ * A standalone button to clear all active refinements/filters
+ * Integrates with SearchStateManager for automatic state sync
+ */
+import React from 'react';
+export interface ClearRefinementsTheme {
+    root?: string;
+    button?: string;
+    buttonDisabled?: string;
+}
+export interface ClearRefinementsProps {
+    /** Button text when there are refinements to clear */
+    clearsQuery?: boolean;
+    /** Whether clicking should also clear the search query */
+    resetLabel?: string;
+    /** Button text shown when there are no refinements */
+    disabledLabel?: string;
+    /** Fields to include (if not specified, all fields are included) */
+    includedFields?: string[];
+    /** Fields to exclude from clearing */
+    excludedFields?: string[];
+    /** Callback when refinements are cleared */
+    onClear?: () => void;
+    /** Custom render function */
+    renderButton?: (props: {
+        canClear: boolean;
+        onClick: () => void;
+        disabled: boolean;
+    }) => React.ReactNode;
+    /** Custom className */
+    className?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+    /** Custom theme */
+    theme?: ClearRefinementsTheme;
+    /** Whether to hide when there are no refinements */
+    hideWhenEmpty?: boolean;
+}
+export declare const ClearRefinements: React.FC<ClearRefinementsProps>;
+//# sourceMappingURL=ClearRefinements.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearRefinements.d.ts","sourceRoot":"","sources":["../../src/components/ClearRefinements.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,sDAAsD;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QACrB,QAAQ,EAAE,OAAO,CAAC;QAClB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mBAAmB;IACnB,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,oDAAoD;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyG5D,CAAC"}

package/dist/components/ClearRefinements.js

@@ -0,0 +1,80 @@
+/**
+ * ClearRefinements Component
+ *
+ * A standalone button to clear all active refinements/filters
+ * Integrates with SearchStateManager for automatic state sync
+ */
+import React, { useMemo } from 'react';
+import { useSearchContext } from './SearchProvider';
+import { useSearchState } from '../hooks/useSearchState';
+import { clsx } from 'clsx';
+export const ClearRefinements = ({ clearsQuery = false, resetLabel = 'Clear all filters', disabledLabel = 'No filters applied', includedFields, excludedFields = [], onClear, renderButton, className, style, theme: customTheme, hideWhenEmpty = false, }) => {
+    const { theme } = useSearchContext();
+    const { query, refinements, clearRefinements, setQuery, removeRefinement } = useSearchState();
+    const clearTheme = customTheme || {};
+    // Filter refinements based on included/excluded fields
+    const relevantRefinements = useMemo(() => {
+        return refinements.filter(r => {
+            if (excludedFields.includes(r.field))
+                return false;
+            if (includedFields && !includedFields.includes(r.field))
+                return false;
+            return true;
+        });
+    }, [refinements, includedFields, excludedFields]);
+    const canClear = relevantRefinements.length > 0 || (clearsQuery && query.length > 0);
+    const handleClick = () => {
+        if (!canClear)
+            return;
+        // Clear relevant refinements
+        if (includedFields || excludedFields.length > 0) {
+            // Clear only specific refinements
+            relevantRefinements.forEach(r => {
+                removeRefinement(r.field, r.value, false);
+            });
+            // Trigger search after all removals
+            if (relevantRefinements.length > 0) {
+                clearRefinements(false); // This will trigger the search
+            }
+        }
+        else {
+            // Clear all refinements
+            clearRefinements(!clearsQuery); // Trigger search if not also clearing query
+        }
+        // Clear query if requested
+        if (clearsQuery && query.length > 0) {
+            setQuery('', true);
+        }
+        // Call the callback
+        if (onClear) {
+            onClear();
+        }
+    };
+    // Hide when empty if requested
+    if (hideWhenEmpty && !canClear) {
+        return null;
+    }
+    // Custom render function
+    if (renderButton) {
+        return (React.createElement("div", { className: clsx(clearTheme.root, className), style: style }, renderButton({
+            canClear,
+            onClick: handleClick,
+            disabled: !canClear,
+        })));
+    }
+    return (React.createElement("div", { className: clsx(clearTheme.root, className), style: style },
+        React.createElement("button", { type: "button", onClick: handleClick, disabled: !canClear, className: clsx(clearTheme.button, !canClear && clearTheme.buttonDisabled), style: {
+                padding: `${theme.spacing.small} ${theme.spacing.medium}`,
+                fontSize: theme.typography.fontSize.medium,
+                fontWeight: theme.typography.fontWeight?.medium || 500,
+                backgroundColor: canClear ? theme.colors.primary : theme.colors.hover,
+                color: canClear ? '#ffffff' : theme.colors.textSecondary,
+                border: 'none',
+                borderRadius: typeof theme.borderRadius === 'string'
+                    ? theme.borderRadius
+                    : theme.borderRadius.medium,
+                cursor: canClear ? 'pointer' : 'not-allowed',
+                opacity: canClear ? 1 : 0.6,
+                transition: theme.transitions?.fast || '150ms ease-in-out',
+            }, "aria-label": canClear ? resetLabel : disabledLabel }, canClear ? resetLabel : disabledLabel)));
+};

package/dist/components/CurrentRefinements.d.ts

@@ -0,0 +1,41 @@
+/**
+ * CurrentRefinements Component
+ *
+ * Displays currently active filters/refinements with ability to clear them
+ */
+import React from 'react';
+export interface Refinement {
+    field: string;
+    label?: string;
+    value: string;
+    displayValue?: string;
+}
+export interface CurrentRefinementsTheme {
+    container?: string;
+    list?: string;
+    item?: string;
+    label?: string;
+    value?: string;
+    clearButton?: string;
+    clearAllButton?: string;
+}
+export interface CurrentRefinementsProps {
+    /** Current refinements */
+    refinements?: Refinement[];
+    /** Callback when a refinement is cleared */
+    onRefinementClear?: (field: string, value: string) => void;
+    /** Callback when all refinements are cleared */
+    onClearAll?: () => void;
+    /** Custom render function for refinement */
+    renderRefinement?: (refinement: Refinement, index: number) => React.ReactNode;
+    /** Show "Clear all" button */
+    showClearAll?: boolean;
+    /** Custom className */
+    className?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+    /** Custom theme */
+    theme?: CurrentRefinementsTheme;
+}
+export declare const CurrentRefinements: React.FC<CurrentRefinementsProps>;
+//# sourceMappingURL=CurrentRefinements.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CurrentRefinements.d.ts","sourceRoot":"","sources":["../../src/components/CurrentRefinements.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,uBAAuB;IACtC,0BAA0B;IAC1B,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9E,8BAA8B;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mBAAmB;IACnB,KAAK,CAAC,EAAE,uBAAuB,CAAC;CACjC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmIhE,CAAC"}

package/dist/components/CurrentRefinements.js

@@ -0,0 +1,83 @@
+/**
+ * CurrentRefinements Component
+ *
+ * Displays currently active filters/refinements with ability to clear them
+ */
+import React from 'react';
+import { useSearchContext } from './SearchProvider';
+import { clsx } from 'clsx';
+export const CurrentRefinements = ({ refinements = [], onRefinementClear, onClearAll, renderRefinement, showClearAll = true, className, style, theme: customTheme, }) => {
+    const { theme } = useSearchContext();
+    const refinementsTheme = customTheme || {};
+    const handleClear = (field, value) => {
+        if (onRefinementClear) {
+            onRefinementClear(field, value);
+        }
+    };
+    const handleClearAll = () => {
+        if (onClearAll) {
+            onClearAll();
+        }
+    };
+    const defaultRenderRefinement = (refinement, index) => (React.createElement("div", { key: `${refinement.field}-${refinement.value}-${index}`, className: refinementsTheme.item, style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            padding: `${theme.spacing.small} ${theme.spacing.medium}`,
+            margin: `0 ${theme.spacing.small} ${theme.spacing.small} 0`,
+            backgroundColor: theme.colors.hover,
+            border: `1px solid ${theme.colors.border}`,
+            borderRadius: typeof theme.borderRadius === 'string' ? theme.borderRadius : theme.borderRadius.medium,
+            fontSize: theme.typography.fontSize.small,
+        } },
+        React.createElement("span", { className: refinementsTheme.label, style: {
+                marginRight: theme.spacing.small,
+                color: theme.colors.text,
+                fontWeight: '500',
+            } },
+            refinement.label || refinement.field,
+            ":"),
+        React.createElement("span", { className: refinementsTheme.value, style: {
+                marginRight: theme.spacing.small,
+                color: theme.colors.text,
+            } }, refinement.displayValue || refinement.value),
+        React.createElement("button", { type: "button", onClick: () => handleClear(refinement.field, refinement.value), className: refinementsTheme.clearButton, style: {
+                border: 'none',
+                backgroundColor: 'transparent',
+                color: theme.colors.text,
+                cursor: 'pointer',
+                fontSize: theme.typography.fontSize.medium,
+                padding: 0,
+                marginLeft: theme.spacing.small,
+                width: '20px',
+                height: '20px',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                borderRadius: '50%',
+                transition: theme.transitions?.fast || '150ms ease-in-out',
+            }, "aria-label": `Clear ${refinement.label || refinement.field}: ${refinement.value}` }, "\u00D7")));
+    if (refinements.length === 0) {
+        return null;
+    }
+    return (React.createElement("div", { className: clsx(refinementsTheme.container, className), style: style },
+        React.createElement("div", { className: refinementsTheme.list, style: {
+                display: 'flex',
+                flexWrap: 'wrap',
+                alignItems: 'center',
+                marginBottom: showClearAll ? theme.spacing.medium : 0,
+            } }, refinements.map((refinement, index) => {
+            return renderRefinement
+                ? renderRefinement(refinement, index)
+                : defaultRenderRefinement(refinement, index);
+        })),
+        showClearAll && refinements.length > 1 && (React.createElement("button", { type: "button", onClick: handleClearAll, className: refinementsTheme.clearAllButton, style: {
+                padding: `${theme.spacing.small} ${theme.spacing.medium}`,
+                border: `1px solid ${theme.colors.border}`,
+                borderRadius: typeof theme.borderRadius === 'string' ? theme.borderRadius : theme.borderRadius.medium,
+                backgroundColor: theme.colors.background,
+                color: theme.colors.text,
+                cursor: 'pointer',
+                fontSize: theme.typography.fontSize.small,
+                textDecoration: 'underline',
+            } }, "Clear all filters"))));
+};

package/dist/components/Facets.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Facets Component
+ *
+ * Displays facet filters for search results
+ */
+import React from 'react';
+import type { SearchResponse } from '@seekora-ai/search-sdk';
+export interface FacetItem {
+    value: string;
+    count: number;
+    selected?: boolean;
+}
+export interface Facet {
+    field: string;
+    label?: string;
+    items: FacetItem[];
+}
+export interface FacetsTheme {
+    container?: string;
+    facet?: string;
+    facetHeader?: string;
+    facetTitle?: string;
+    facetList?: string;
+    facetItem?: string;
+    facetItemActive?: string;
+    facetItemCount?: string;
+    facetItemLabel?: string;
+    checkbox?: string;
+}
+export interface FacetsProps {
+    /** Search results response */
+    results?: SearchResponse | null;
+    /** Custom facets data */
+    facets?: Facet[];
+    /** Callback when facet is selected/deselected */
+    onFacetChange?: (field: string, value: string, selected: boolean) => void;
+    /** Custom render function for facet */
+    renderFacet?: (facet: Facet, index: number) => React.ReactNode;
+    /** Custom render function for facet item */
+    renderFacetItem?: (item: FacetItem, facet: Facet, index: number) => React.ReactNode;
+    /** Maximum number of items to show per facet */
+    maxItems?: number;
+    /** Show "Show more" button */
+    showMore?: boolean;
+    /** Custom className */
+    className?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+    /** Custom theme */
+    theme?: FacetsTheme;
+}
+export declare const Facets: React.FC<FacetsProps>;
+//# sourceMappingURL=Facets.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Facets.d.ts","sourceRoot":"","sources":["../../src/components/Facets.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,yBAAyB;IACzB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,iDAAiD;IACjD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/D,4CAA4C;IAC5C,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACpF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mBAAmB;IACnB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmRxC,CAAC"}