@seekora-ai/ui-sdk-react 0.2.13 → 0.2.14

package/dist/components/CurrentRefinements.d.ts

@@ -1,7 +1,8 @@
 /**
  * CurrentRefinements Component
  *
- * Displays currently active filters/refinements with ability to clear them
+ * Displays currently active filters/refinements with ability to clear them.
+ * Supports StateManager auto-sync, display variants, layout modes, and animations.
  */
 import React from 'react';
 export interface Refinement {
@@ -18,9 +19,20 @@ export interface CurrentRefinementsTheme {
     value?: string;
     clearButton?: string;
     clearAllButton?: string;
+    /** Variant-specific class slots */
+    chip?: string;
+    tag?: string;
+    pill?: string;
+    badge?: string;
+    group?: string;
+    groupLabel?: string;
 }
+/** Display variant for refinement items */
+export type RefinementVariant = 'chips' | 'tags' | 'pills' | 'badges' | 'text-list';
+/** Layout variant for the container */
+export type RefinementLayout = 'horizontal' | 'vertical' | 'grouped';
 export interface CurrentRefinementsProps {
-    /** Current refinements */
+    /** Current refinements (if not provided, auto-reads from StateManager) */
     refinements?: Refinement[];
     /** Callback when a refinement is cleared */
     onRefinementClear?: (field: string, value: string) => void;
@@ -30,6 +42,14 @@ export interface CurrentRefinementsProps {
     renderRefinement?: (refinement: Refinement, index: number) => React.ReactNode;
     /** Show "Clear all" button */
     showClearAll?: boolean;
+    /** Display variant (default: 'chips') */
+    variant?: RefinementVariant;
+    /** Layout mode (default: 'horizontal') */
+    layout?: RefinementLayout;
+    /** Per-field color mapping */
+    fieldColors?: Record<string, string>;
+    /** Custom close icon renderer */
+    renderCloseIcon?: () => React.ReactNode;
     /** Custom className */
     className?: string;
     /** Custom styles */

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

@@ -1 +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"}
+{"version":3,"file":"CurrentRefinements.d.ts","sourceRoot":"","sources":["../../src/components/CurrentRefinements.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,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;IACxB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,2CAA2C;AAC3C,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEpF,uCAAuC;AACvC,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,GAAG,SAAS,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACtC,0EAA0E;IAC1E,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,yCAAyC;IACzC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,0CAA0C;IAC1C,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACxC,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;AA0FD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2OhE,CAAC"}

package/dist/components/CurrentRefinements.js

@@ -1,75 +1,226 @@
 /**
  * CurrentRefinements Component
  *
- * Displays currently active filters/refinements with ability to clear them
+ * Displays currently active filters/refinements with ability to clear them.
+ * Supports StateManager auto-sync, display variants, layout modes, and animations.
  */
-import React from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { useSearchContext } from './SearchProvider';
+import { useSearchState } from '../hooks/useSearchState';
 import { clsx } from 'clsx';
-export const CurrentRefinements = ({ refinements = [], onRefinementClear, onClearAll, renderRefinement, showClearAll = true, className, style, theme: customTheme, }) => {
+/** Get variant-specific styles */
+const getVariantStyles = (variant, themeColors, themeSpacing, themeBorderRadius, fieldColor) => {
+    const baseBg = fieldColor || `var(--seekora-refinement-bg, ${themeColors.hover})`;
+    const baseColor = `var(--seekora-refinement-color, ${themeColors.text})`;
+    const baseBorder = `var(--seekora-refinement-border, ${themeColors.border})`;
+    switch (variant) {
+        case 'tags':
+            return {
+                display: 'inline-flex',
+                alignItems: 'center',
+                padding: `2px ${themeSpacing.medium}`,
+                backgroundColor: baseBg,
+                border: `1px solid ${baseBorder}`,
+                borderRadius: `var(--seekora-refinement-radius, 4px)`,
+                fontSize: '12px',
+                color: baseColor,
+                fontWeight: 500,
+            };
+        case 'pills':
+            return {
+                display: 'inline-flex',
+                alignItems: 'center',
+                padding: `${themeSpacing.small} ${themeSpacing.medium}`,
+                backgroundColor: baseBg,
+                border: 'none',
+                borderRadius: `var(--seekora-refinement-radius, 9999px)`,
+                fontSize: '13px',
+                color: baseColor,
+            };
+        case 'badges':
+            return {
+                display: 'inline-flex',
+                alignItems: 'center',
+                padding: `3px ${themeSpacing.small}`,
+                backgroundColor: themeColors.primary,
+                border: 'none',
+                borderRadius: `var(--seekora-refinement-radius, 4px)`,
+                fontSize: '11px',
+                color: '#fff',
+                fontWeight: 600,
+                textTransform: 'uppercase',
+                letterSpacing: '0.5px',
+            };
+        case 'text-list':
+            return {
+                display: 'flex',
+                alignItems: 'center',
+                padding: `${themeSpacing.small} 0`,
+                backgroundColor: 'transparent',
+                border: 'none',
+                borderBottom: `1px solid ${baseBorder}`,
+                borderRadius: '0',
+                fontSize: '14px',
+                color: baseColor,
+            };
+        case 'chips':
+        default:
+            return {
+                display: 'inline-flex',
+                alignItems: 'center',
+                padding: `${themeSpacing.small} ${themeSpacing.medium}`,
+                backgroundColor: baseBg,
+                border: `1px solid ${baseBorder}`,
+                borderRadius: `var(--seekora-refinement-radius, ${typeof themeBorderRadius === 'string' ? themeBorderRadius : themeBorderRadius.medium})`,
+                fontSize: '13px',
+                color: baseColor,
+            };
+    }
+};
+/** Get variant-specific class name from theme */
+const getVariantClass = (variant, refinementsTheme) => {
+    switch (variant) {
+        case 'tags': return refinementsTheme.tag;
+        case 'pills': return refinementsTheme.pill;
+        case 'badges': return refinementsTheme.badge;
+        case 'chips': return refinementsTheme.chip;
+        default: return refinementsTheme.item;
+    }
+};
+export const CurrentRefinements = ({ refinements: refinementsProp, onRefinementClear, onClearAll, renderRefinement, showClearAll = true, variant = 'chips', layout = 'horizontal', fieldColors, renderCloseIcon, className, style, theme: customTheme, }) => {
     const { theme } = useSearchContext();
+    const { refinements: stateRefinements, removeRefinement, clearRefinements } = useSearchState();
     const refinementsTheme = customTheme || {};
+    // Use props if provided, otherwise auto-read from StateManager
+    const refinements = refinementsProp !== undefined
+        ? refinementsProp
+        : stateRefinements.map(r => ({ field: r.field, value: r.value }));
+    // Track items for entry/exit animations
+    const [visibleItems, setVisibleItems] = useState(new Set());
+    const [exitingItems, setExitingItems] = useState(new Set());
+    const prevRefinementsRef = useRef([]);
+    useEffect(() => {
+        const currentKeys = new Set(refinements.map(r => `${r.field}:${r.value}`));
+        const prevKeys = new Set(prevRefinementsRef.current.map(r => `${r.field}:${r.value}`));
+        // Detect removed items for exit animation
+        const removed = new Set();
+        prevKeys.forEach(key => {
+            if (!currentKeys.has(key))
+                removed.add(key);
+        });
+        if (removed.size > 0) {
+            setExitingItems(removed);
+            // Remove after animation completes
+            setTimeout(() => setExitingItems(new Set()), 200);
+        }
+        // Mark new items for entry animation
+        setVisibleItems(currentKeys);
+        prevRefinementsRef.current = [...refinements];
+    }, [refinements]);
     const handleClear = (field, value) => {
+        // If synced with StateManager and no prop provided, auto-clear via StateManager
+        if (refinementsProp === undefined) {
+            removeRefinement(field, value);
+        }
         if (onRefinementClear) {
             onRefinementClear(field, value);
         }
     };
     const handleClearAll = () => {
+        // If synced with StateManager, auto-clear all via StateManager
+        if (refinementsProp === undefined) {
+            clearRefinements();
+        }
         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',
+    const defaultCloseIcon = () => (React.createElement("span", { "aria-hidden": "true", style: { lineHeight: 1 } }, "\u00D7"));
+    const defaultRenderRefinement = (refinement, index) => {
+        const key = `${refinement.field}:${refinement.value}`;
+        const fieldColor = fieldColors?.[refinement.field];
+        const isEntering = visibleItems.has(key) && !prevRefinementsRef.current.some(r => `${r.field}:${r.value}` === key);
+        const variantStyles = getVariantStyles(variant, theme.colors, theme.spacing, theme.borderRadius, fieldColor);
+        const variantClass = getVariantClass(variant, refinementsTheme);
+        return (React.createElement("div", { key: `${key}-${index}`, className: clsx(refinementsTheme.item, variantClass), role: "listitem", style: {
+                ...variantStyles,
+                margin: layout === 'vertical'
+                    ? `0 0 ${theme.spacing.small} 0`
+                    : `0 ${theme.spacing.small} ${theme.spacing.small} 0`,
+                transition: 'all 200ms ease-in-out',
+                opacity: exitingItems.has(key) ? 0 : 1,
+                transform: exitingItems.has(key) ? 'scale(0.8)' : 'scale(1)',
+                animation: isEntering ? 'seekoraChipIn 200ms ease-out' : undefined,
             } },
-            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")));
+            variant !== 'badges' && (React.createElement("span", { className: refinementsTheme.label, style: {
+                    marginRight: theme.spacing.small,
+                    fontWeight: '500',
+                    opacity: 0.7,
+                } },
+                refinement.label || refinement.field,
+                ":")),
+            React.createElement("span", { className: refinementsTheme.value }, refinement.displayValue || refinement.value),
+            React.createElement("button", { type: "button", onClick: () => handleClear(refinement.field, refinement.value), className: refinementsTheme.clearButton, style: {
+                    border: 'none',
+                    backgroundColor: 'transparent',
+                    color: 'inherit',
+                    cursor: 'pointer',
+                    fontSize: '14px',
+                    padding: '0 0 0 6px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    borderRadius: '50%',
+                    transition: 'opacity 150ms ease-in-out',
+                    opacity: 0.6,
+                }, "aria-label": `Clear ${refinement.label || refinement.field}: ${refinement.value}`, onMouseEnter: e => (e.currentTarget.style.opacity = '1'), onMouseLeave: e => (e.currentTarget.style.opacity = '0.6') }, renderCloseIcon ? renderCloseIcon() : defaultCloseIcon())));
+    };
     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) => {
+    // Group refinements by field for grouped layout
+    const groupedRefinements = layout === 'grouped'
+        ? refinements.reduce((acc, r) => {
+            if (!acc[r.field])
+                acc[r.field] = [];
+            acc[r.field].push(r);
+            return acc;
+        }, {})
+        : null;
+    const containerStyles = {
+        ...style,
+    };
+    const listStyles = {
+        display: 'flex',
+        flexWrap: layout === 'vertical' ? 'nowrap' : 'wrap',
+        flexDirection: layout === 'vertical' ? 'column' : 'row',
+        alignItems: layout === 'vertical' ? 'flex-start' : 'center',
+        marginBottom: showClearAll ? theme.spacing.medium : 0,
+    };
+    return (React.createElement("div", { className: clsx(refinementsTheme.container, className), style: containerStyles },
+        React.createElement("style", null, `
+        @keyframes seekoraChipIn {
+          from { opacity: 0; transform: scale(0.8); }
+          to { opacity: 1; transform: scale(1); }
+        }
+      `),
+        layout === 'grouped' && groupedRefinements ? (Object.entries(groupedRefinements).map(([field, items]) => (React.createElement("div", { key: field, className: refinementsTheme.group, style: { marginBottom: theme.spacing.medium } },
+            React.createElement("div", { className: refinementsTheme.groupLabel, style: {
+                    fontSize: theme.typography.fontSize.small,
+                    fontWeight: 600,
+                    color: theme.colors.text,
+                    marginBottom: theme.spacing.small,
+                    textTransform: 'capitalize',
+                } }, items[0]?.label || field),
+            React.createElement("div", { role: "list", style: listStyles }, items.map((refinement, index) => {
+                return renderRefinement
+                    ? renderRefinement(refinement, index)
+                    : defaultRenderRefinement(refinement, index);
+            })))))) : (React.createElement("div", { role: "list", className: refinementsTheme.list, style: listStyles }, 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}`,
@@ -79,5 +230,6 @@ export const CurrentRefinements = ({ refinements = [], onRefinementClear, onClea
                 cursor: 'pointer',
                 fontSize: theme.typography.fontSize.small,
                 textDecoration: 'underline',
+                transition: 'background-color 150ms ease-in-out',
             } }, "Clear all filters"))));
 };

package/dist/components/Facets.d.ts

@@ -1,7 +1,8 @@
 /**
  * Facets Component
  *
- * Displays facet filters for search results
+ * Displays facet filters for search results with multiple display variants,
+ * client-side search, count badges, and color swatch support.
  */
 import React from 'react';
 import type { SearchResponse } from '@seekora-ai/search-sdk';
@@ -26,7 +27,23 @@ export interface FacetsTheme {
     facetItemCount?: string;
     facetItemLabel?: string;
     checkbox?: string;
+    /** Color swatch circle/square */
+    colorSwatch?: string;
+    /** Color swatch when selected */
+    colorSwatchSelected?: string;
+    /** Inner element of color swatch (for checkmark overlay) */
+    colorSwatchInner?: string;
+    /** Search input within a facet group */
+    searchInput?: string;
+    /** Collapsible header row */
+    collapsibleHeader?: string;
+    /** Chevron/expand icon in collapsible header */
+    collapsibleIcon?: string;
+    /** Count badge pill */
+    countBadge?: string;
 }
+export type FacetVariant = 'checkbox' | 'color-swatch' | 'collapsible';
+export type FacetSize = 'small' | 'medium' | 'large';
 export interface FacetsProps {
     /** Search results response */
     results?: SearchResponse | null;
@@ -48,6 +65,18 @@ export interface FacetsProps {
     style?: React.CSSProperties;
     /** Custom theme */
     theme?: FacetsTheme;
+    /** Display variant: checkbox (default), color-swatch, or collapsible */
+    variant?: FacetVariant;
+    /** When true, show a search input at the top of each facet group */
+    searchable?: boolean;
+    /** Show count badges (default: true) */
+    showCounts?: boolean;
+    /** Maps facet values to CSS colors (used by color-swatch variant) */
+    colorMap?: Record<string, string>;
+    /** For collapsible variant, whether facets start collapsed (default: false) */
+    defaultCollapsed?: boolean;
+    /** Size preset: small, medium (default), or large */
+    size?: FacetSize;
 }
 export declare const Facets: React.FC<FacetsProps>;
 //# sourceMappingURL=Facets.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"Facets.d.ts","sourceRoot":"","sources":["../../src/components/Facets.tsx"],"names":[],"mappings":"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"}