@etus/ui 0.4.0-beta.2 → 0.4.0-beta.3

package/dist/chunk-ESLSPRYA.js

@@ -0,0 +1,875 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { cva } from 'class-variance-authority';
+import { SearchIcon, XIcon, ClockIcon, Loader2Icon } from 'lucide-react';
+import * as React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var searchVariants = cva(
+  // Base styles
+  ["relative flex flex-col"],
+  {
+    variants: {
+      variant: {
+        inline: ["w-full"],
+        fullscreen: [
+          "fixed inset-0 z-50",
+          "bg-background/80 backdrop-blur-sm",
+          "flex items-start justify-center pt-[20vh]"
+        ],
+        command: [
+          "bg-popover text-popover-foreground",
+          "rounded-lg border shadow-lg",
+          "overflow-hidden"
+        ]
+      },
+      size: {
+        sm: "",
+        default: "",
+        lg: ""
+      }
+    },
+    defaultVariants: {
+      variant: "inline",
+      size: "default"
+    }
+  }
+);
+var searchInputWrapperVariants = cva(
+  // Base styles
+  [
+    "relative flex items-center",
+    "bg-muted rounded-md border",
+    "focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
+    "transition-colors"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-8",
+        default: "h-10",
+        lg: "h-12"
+      },
+      variant: {
+        inline: "",
+        fullscreen: "max-w-2xl w-full mx-4",
+        command: "border-0 border-b rounded-none"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      variant: "inline"
+    }
+  }
+);
+var searchInputVariants = cva(
+  // Base styles
+  [
+    "flex-1 bg-transparent",
+    "placeholder:text-muted-foreground",
+    "focus:outline-none",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-8 px-2 py-1 text-xs",
+        default: "h-10 px-3 py-2 text-sm",
+        lg: "h-12 px-4 py-3 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var searchIconVariants = cva(
+  // Base styles
+  ["shrink-0 text-muted-foreground"],
+  {
+    variants: {
+      size: {
+        sm: "size-3.5 ml-2",
+        default: "size-4 ml-3",
+        lg: "size-5 ml-4"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var searchResultsVariants = cva(
+  // Base styles
+  [
+    "bg-popover text-popover-foreground",
+    "overflow-y-auto overflow-x-hidden",
+    "scroll-py-1"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "max-h-52",
+        default: "max-h-72",
+        lg: "max-h-96"
+      },
+      variant: {
+        inline: [
+          "absolute left-0 right-0 top-full mt-1",
+          "z-50 rounded-md border shadow-md"
+        ],
+        fullscreen: [
+          "max-w-2xl w-full mx-4 mt-2",
+          "rounded-md border shadow-md"
+        ],
+        command: ["border-0"]
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      variant: "inline"
+    }
+  }
+);
+var searchResultItemVariants = cva(
+  // Base styles
+  [
+    "relative flex cursor-pointer items-center gap-2",
+    "rounded-sm outline-none select-none",
+    "transition-colors",
+    "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "px-2 py-1.5 text-xs",
+        default: "px-3 py-2 text-sm",
+        lg: "px-4 py-3 text-base"
+      },
+      selected: {
+        true: "bg-accent text-accent-foreground",
+        false: "hover:bg-accent/50"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      selected: false
+    }
+  }
+);
+var searchResultIconVariants = cva(
+  // Base styles
+  ["shrink-0 text-muted-foreground"],
+  {
+    variants: {
+      size: {
+        sm: "size-3.5",
+        default: "size-4",
+        lg: "size-5"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var searchGroupHeadingVariants = cva(
+  // Base styles
+  ["font-medium text-muted-foreground"],
+  {
+    variants: {
+      size: {
+        sm: "px-2 py-1 text-xs",
+        default: "px-3 py-1.5 text-xs",
+        lg: "px-4 py-2 text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var searchEmptyVariants = cva(
+  // Base styles
+  ["flex items-center justify-center text-muted-foreground"],
+  {
+    variants: {
+      size: {
+        sm: "py-4 text-xs",
+        default: "py-6 text-sm",
+        lg: "py-8 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var searchLoadingVariants = cva(
+  // Base styles
+  ["flex items-center justify-center gap-2 text-muted-foreground"],
+  {
+    variants: {
+      size: {
+        sm: "py-4 text-xs",
+        default: "py-6 text-sm",
+        lg: "py-8 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var searchFilterVariants = cva(
+  // Base styles
+  [
+    "inline-flex items-center gap-1",
+    "rounded-full border",
+    "transition-colors",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "px-2 py-0.5 text-xs",
+        default: "px-2.5 py-1 text-xs",
+        lg: "px-3 py-1.5 text-sm"
+      },
+      active: {
+        true: "bg-primary text-primary-foreground border-primary",
+        false: "bg-muted hover:bg-accent"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      active: false
+    }
+  }
+);
+var searchFiltersContainerVariants = cva(
+  // Base styles
+  ["flex flex-wrap gap-1"],
+  {
+    variants: {
+      size: {
+        sm: "py-1 px-2",
+        default: "py-2 px-3",
+        lg: "py-3 px-4"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var searchHistoryHeaderVariants = cva(
+  // Base styles
+  ["flex items-center justify-between text-muted-foreground"],
+  {
+    variants: {
+      size: {
+        sm: "px-2 py-1 text-xs",
+        default: "px-3 py-1.5 text-xs",
+        lg: "px-4 py-2 text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var searchHighlightVariants = cva(
+  // Base styles for highlighted text
+  ["text-primary font-semibold bg-primary/10 rounded-sm px-0.5"]
+);
+var noop = () => {
+};
+var SearchContext = React.createContext({
+  flatResults: [],
+  onSelect: noop,
+  query: "",
+  selectedIndex: -1,
+  setSelectedIndex: noop,
+  size: "default",
+  variant: "inline"
+});
+function useSearchContext() {
+  return React.use(SearchContext);
+}
+function Search({
+  value,
+  defaultValue = "",
+  onChange,
+  onSearch,
+  results = [],
+  loading = false,
+  error = false,
+  errorMessage = "An error occurred",
+  placeholder = "Search...",
+  filters,
+  activeFilters = [],
+  onFilterChange,
+  onSelect,
+  showHistory = false,
+  history = [],
+  onClearHistory,
+  debounce = 300,
+  minChars = 1,
+  className,
+  variant = "inline",
+  size = "default",
+  open: openProp,
+  onOpenChange,
+  disabled = false,
+  autoFocus = false
+}) {
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const isControlled = value !== void 0;
+  const currentValue = isControlled ? value : internalValue;
+  const [internalOpen, setInternalOpen] = React.useState(false);
+  const isOpenControlled = openProp !== void 0;
+  const isOpen = isOpenControlled ? openProp : internalOpen;
+  const [selectedIndex, setSelectedIndex] = React.useState(-1);
+  const debounceTimerRef = React.useRef(
+    null
+  );
+  const blurTimerRef = React.useRef(null);
+  const inputRef = React.useRef(null);
+  const flatResults = React.useMemo(() => {
+    return results;
+  }, [results]);
+  const groupedResults = React.useMemo(() => {
+    const groups = /* @__PURE__ */ new Map();
+    const ungrouped = [];
+    for (const result of results) {
+      if (result.group) {
+        const existing = groups.get(result.group) ?? [];
+        groups.set(result.group, [...existing, result]);
+      } else {
+        ungrouped.push(result);
+      }
+    }
+    return { groups, ungrouped };
+  }, [results]);
+  const handleValueChange = React.useCallback(
+    (newValue) => {
+      if (!isControlled) {
+        setInternalValue(newValue);
+      }
+      onChange?.(newValue);
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+      }
+      if (newValue.length >= minChars) {
+        debounceTimerRef.current = setTimeout(() => {
+          void onSearch?.(newValue);
+        }, debounce);
+      }
+    },
+    [isControlled, onChange, onSearch, debounce, minChars]
+  );
+  const handleInputChange = React.useCallback(
+    (e) => {
+      handleValueChange(e.target.value);
+      if (!isOpenControlled) {
+        setInternalOpen(true);
+      }
+      onOpenChange?.(true);
+    },
+    [handleValueChange, isOpenControlled, onOpenChange]
+  );
+  const handleSelect = React.useCallback(
+    (result) => {
+      onSelect?.(result);
+      result.action?.();
+      if (!isOpenControlled) {
+        setInternalOpen(false);
+      }
+      onOpenChange?.(false);
+    },
+    [onSelect, isOpenControlled, onOpenChange]
+  );
+  const handleClear = React.useCallback(() => {
+    handleValueChange("");
+    inputRef.current?.focus();
+  }, [handleValueChange]);
+  const handleKeyDown = React.useCallback(
+    (e) => {
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault();
+          setSelectedIndex(
+            (prev) => prev < flatResults.length - 1 ? prev + 1 : 0
+          );
+          break;
+        case "ArrowUp":
+          e.preventDefault();
+          setSelectedIndex(
+            (prev) => prev > 0 ? prev - 1 : flatResults.length - 1
+          );
+          break;
+        case "Enter": {
+          e.preventDefault();
+          const result = flatResults[selectedIndex];
+          if (selectedIndex >= 0 && selectedIndex < flatResults.length && result) {
+            handleSelect(result);
+          }
+          break;
+        }
+        case "Escape":
+          e.preventDefault();
+          if (!isOpenControlled) {
+            setInternalOpen(false);
+          }
+          onOpenChange?.(false);
+          inputRef.current?.blur();
+          break;
+      }
+    },
+    [
+      flatResults,
+      selectedIndex,
+      handleSelect,
+      isOpenControlled,
+      onOpenChange
+    ]
+  );
+  const handleFocus = React.useCallback(() => {
+    if (!isOpenControlled) {
+      setInternalOpen(true);
+    }
+    onOpenChange?.(true);
+  }, [isOpenControlled, onOpenChange]);
+  const handleBlur = React.useCallback(() => {
+    blurTimerRef.current = setTimeout(() => {
+      if (!isOpenControlled) {
+        setInternalOpen(false);
+      }
+      onOpenChange?.(false);
+    }, 150);
+  }, [isOpenControlled, onOpenChange]);
+  React.useEffect(() => {
+    setSelectedIndex(-1);
+  }, [results]);
+  React.useEffect(() => {
+    return () => {
+      if (debounceTimerRef.current) {
+        clearTimeout(debounceTimerRef.current);
+      }
+      if (blurTimerRef.current) {
+        clearTimeout(blurTimerRef.current);
+      }
+    };
+  }, []);
+  const hasValue = currentValue.length > 0;
+  const showResults = isOpen && hasValue && currentValue.length >= minChars && !loading && !error;
+  const showEmpty = isOpen && hasValue && currentValue.length >= minChars && !loading && !error && results.length === 0;
+  const showLoading = isOpen && loading;
+  const showError = isOpen && error;
+  const showHistorySection = isOpen && showHistory && !hasValue && history.length > 0 && !loading && !error;
+  const inputId = React.useId();
+  const listboxId = React.useId();
+  return /* @__PURE__ */ jsx(
+    SearchContext,
+    {
+      value: {
+        size,
+        variant,
+        query: currentValue,
+        selectedIndex,
+        setSelectedIndex,
+        onSelect: handleSelect,
+        flatResults
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(searchVariants({ variant, size }), className),
+          "data-slot": "search",
+          "data-state": loading ? "loading" : error ? "error" : "idle",
+          children: [
+            filters && filters.length > 0 && /* @__PURE__ */ jsx(
+              SearchFilters,
+              {
+                activeFilters,
+                filters,
+                size,
+                onFilterChange: onFilterChange ?? noop
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(searchInputWrapperVariants({ size, variant })),
+                "data-slot": "search-input-wrapper",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    SearchIcon,
+                    {
+                      "aria-hidden": "true",
+                      className: cn(searchIconVariants({ size }))
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      ref: inputRef,
+                      "aria-activedescendant": selectedIndex >= 0 ? `search-result-${String(selectedIndex)}` : void 0,
+                      "aria-autocomplete": "list",
+                      "aria-controls": listboxId,
+                      "aria-expanded": isOpen,
+                      autoComplete: "off",
+                      autoFocus,
+                      className: cn(searchInputVariants({ size })),
+                      "data-slot": "search-input",
+                      disabled,
+                      id: inputId,
+                      placeholder,
+                      role: "combobox",
+                      type: "search",
+                      value: currentValue,
+                      onBlur: handleBlur,
+                      onChange: handleInputChange,
+                      onFocus: handleFocus,
+                      onKeyDown: handleKeyDown
+                    }
+                  ),
+                  hasValue && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      className: cn(
+                        "shrink-0 p-1 rounded-sm",
+                        "text-muted-foreground hover:text-foreground",
+                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                      ),
+                      "aria-label": "Clear search",
+                      "data-slot": "search-clear",
+                      disabled,
+                      tabIndex: -1,
+                      type: "button",
+                      onClick: handleClear,
+                      children: /* @__PURE__ */ jsx(XIcon, { className: cn(searchResultIconVariants({ size })) })
+                    }
+                  )
+                ]
+              }
+            ),
+            (showResults || showEmpty || showLoading || showError || showHistorySection) && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "aria-label": "Search results",
+                className: cn(searchResultsVariants({ size, variant })),
+                "data-slot": "search-results",
+                id: listboxId,
+                role: "listbox",
+                children: [
+                  showLoading && /* @__PURE__ */ jsx(SearchLoading, { size }),
+                  showError && /* @__PURE__ */ jsx(SearchEmpty, { message: errorMessage, size }),
+                  showEmpty && /* @__PURE__ */ jsx(
+                    SearchEmpty,
+                    {
+                      message: `No results found for "${currentValue}"`,
+                      size
+                    }
+                  ),
+                  showHistorySection && /* @__PURE__ */ jsx(
+                    SearchHistory,
+                    {
+                      items: history,
+                      size,
+                      onClear: onClearHistory,
+                      onSelect: handleSelect
+                    }
+                  ),
+                  showResults && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    groupedResults.ungrouped.length > 0 && /* @__PURE__ */ jsx(Fragment, { children: groupedResults.ungrouped.map((result) => /* @__PURE__ */ jsx(
+                      SearchResultItem,
+                      {
+                        selected: selectedIndex === flatResults.findIndex((r) => r.id === result.id),
+                        query: currentValue,
+                        result,
+                        size,
+                        onSelect: handleSelect
+                      },
+                      result.id
+                    )) }),
+                    [...groupedResults.groups.entries()].map(
+                      ([groupLabel, groupResults]) => /* @__PURE__ */ jsx(
+                        SearchResultGroup,
+                        {
+                          label: groupLabel,
+                          size,
+                          children: groupResults.map((result) => /* @__PURE__ */ jsx(
+                            SearchResultItem,
+                            {
+                              selected: selectedIndex === flatResults.findIndex((r) => r.id === result.id),
+                              query: currentValue,
+                              result,
+                              size,
+                              onSelect: handleSelect
+                            },
+                            result.id
+                          ))
+                        },
+                        groupLabel
+                      )
+                    )
+                  ] })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function AdvancedSearchInput({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      className: cn(searchInputVariants({ size }), className),
+      "data-slot": "search-input",
+      type: "search",
+      ...props
+    }
+  );
+}
+function SearchResults({ children, className, size }) {
+  const context = useSearchContext();
+  const effectiveSize = size ?? context.size;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        searchResultsVariants({ size: effectiveSize }),
+        className
+      ),
+      "data-slot": "search-results",
+      role: "listbox",
+      children
+    }
+  );
+}
+function SearchResultItem({
+  result,
+  query = "",
+  selected = false,
+  onSelect,
+  className,
+  size
+}) {
+  const context = useSearchContext();
+  const effectiveSize = size ?? context.size;
+  const effectiveOnSelect = onSelect ?? context.onSelect;
+  const resultIndex = context.flatResults.findIndex((r) => r.id === result.id);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-selected": selected,
+      className: cn(searchResultItemVariants({ size: effectiveSize, selected }), className),
+      "data-selected": selected,
+      "data-slot": "search-result-item",
+      id: `search-result-${String(resultIndex)}`,
+      role: "option",
+      onClick: () => {
+        effectiveOnSelect(result);
+      },
+      onMouseEnter: () => {
+        context.setSelectedIndex(resultIndex);
+      },
+      children: [
+        result.icon && /* @__PURE__ */ jsx("span", { className: cn(searchResultIconVariants({ size: effectiveSize })), children: result.icon }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("div", { className: "truncate", children: /* @__PURE__ */ jsx(SearchHighlight, { query, text: result.title }) }),
+          result.description && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground truncate text-xs", children: /* @__PURE__ */ jsx(SearchHighlight, { query, text: result.description }) })
+        ] })
+      ]
+    }
+  );
+}
+function SearchResultGroup({
+  label,
+  children,
+  className,
+  size
+}) {
+  const context = useSearchContext();
+  const effectiveSize = size ?? context.size;
+  return /* @__PURE__ */ jsxs("div", { className, "data-slot": "search-result-group", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(searchGroupHeadingVariants({ size: effectiveSize })),
+        "data-slot": "search-group-heading",
+        children: label
+      }
+    ),
+    children
+  ] });
+}
+function SearchFilters({
+  filters,
+  activeFilters,
+  onFilterChange,
+  className,
+  size
+}) {
+  const context = useSearchContext();
+  const effectiveSize = size ?? context.size;
+  const toggleFilter = (filterId) => {
+    if (activeFilters.includes(filterId)) {
+      onFilterChange(activeFilters.filter((id) => id !== filterId));
+    } else {
+      onFilterChange([...activeFilters, filterId]);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        searchFiltersContainerVariants({ size: effectiveSize }),
+        className
+      ),
+      "data-slot": "search-filters",
+      children: filters.map((filter) => {
+        const isActive = activeFilters.includes(filter.id);
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: cn(
+              searchFilterVariants({ size: effectiveSize, active: isActive })
+            ),
+            "aria-pressed": isActive,
+            "data-slot": "search-filter",
+            type: "button",
+            onClick: () => {
+              toggleFilter(filter.id);
+            },
+            children: [
+              filter.icon,
+              filter.label
+            ]
+          },
+          filter.id
+        );
+      })
+    }
+  );
+}
+function SearchHistory({
+  items,
+  onSelect,
+  onClear,
+  className,
+  size
+}) {
+  const context = useSearchContext();
+  const effectiveSize = size ?? context.size;
+  const effectiveOnSelect = onSelect ?? context.onSelect;
+  return /* @__PURE__ */ jsxs("div", { className, "data-slot": "search-history", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(searchHistoryHeaderVariants({ size: effectiveSize })),
+        "data-slot": "search-history-header",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Recent" }),
+          onClear && /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "hover:underline focus-visible:underline",
+              "data-slot": "search-history-clear",
+              type: "button",
+              onClick: onClear,
+              children: "Clear"
+            }
+          )
+        ]
+      }
+    ),
+    items.map((item) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          searchResultItemVariants({ size: effectiveSize, selected: false })
+        ),
+        "data-slot": "search-history-item",
+        role: "option",
+        onClick: () => {
+          effectiveOnSelect(item);
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            ClockIcon,
+            {
+              className: cn(searchResultIconVariants({ size: effectiveSize }))
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: item.title })
+        ]
+      },
+      item.id
+    ))
+  ] });
+}
+function SearchEmpty({ message, children, className, size }) {
+  const context = useSearchContext();
+  const effectiveSize = size ?? context.size;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(searchEmptyVariants({ size: effectiveSize }), className),
+      "data-slot": "search-empty",
+      children: children ?? message ?? "No results found"
+    }
+  );
+}
+function SearchLoading({ message, className, size }) {
+  const context = useSearchContext();
+  const effectiveSize = size ?? context.size;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-busy": "true",
+      "aria-live": "polite",
+      className: cn(searchLoadingVariants({ size: effectiveSize }), className),
+      "data-slot": "search-loading",
+      children: [
+        /* @__PURE__ */ jsx(Loader2Icon, { className: "animate-spin size-4" }),
+        message ?? "Searching..."
+      ]
+    }
+  );
+}
+function SearchHighlight({ text, query, className }) {
+  if (!query || query.length === 0) {
+    return /* @__PURE__ */ jsx(Fragment, { children: text });
+  }
+  const regex = new RegExp(`(${escapeRegex(query)})`, "gi");
+  const parts = text.split(regex);
+  return /* @__PURE__ */ jsx(Fragment, { children: parts.map(
+    (part, index) => regex.test(part) ? /* @__PURE__ */ jsx(
+      "mark",
+      {
+        className: cn(searchHighlightVariants(), className),
+        children: part
+      },
+      index
+    ) : (
+      // eslint-disable-next-line @eslint-react/no-array-index-key -- parts from split have no unique IDs
+      /* @__PURE__ */ jsx(React.Fragment, { children: part }, index)
+    )
+  ) });
+}
+function escapeRegex(string) {
+  return string.replaceAll(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+
+export { AdvancedSearchInput, Search, SearchEmpty, SearchFilters, SearchHighlight, SearchHistory, SearchLoading, SearchResultGroup, SearchResultItem, SearchResults, searchEmptyVariants, searchFilterVariants, searchFiltersContainerVariants, searchGroupHeadingVariants, searchHighlightVariants, searchHistoryHeaderVariants, searchInputVariants, searchInputWrapperVariants, searchLoadingVariants, searchResultIconVariants, searchResultItemVariants, searchResultsVariants, searchVariants };
+//# sourceMappingURL=chunk-ESLSPRYA.js.map
+//# sourceMappingURL=chunk-ESLSPRYA.js.map