@expcat/tigercat-react 2.1.2 → 2.1.3

package/dist/types-C11UWmeK.d.mts

@@ -0,0 +1,10 @@
+import { TableProps as TableProps$1 } from '@expcat/tigercat-core';
+
+/**
+ * Public React Table prop interface — core contract plus className.
+ */
+interface TableProps<T = Record<string, unknown>> extends TableProps$1<T> {
+    className?: string;
+}
+
+export type { TableProps as T };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-react",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "React components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -495,9 +495,9 @@
       "default": "./dist/components/Loading.mjs"
     },
     "./LoadingBar": {
-      "types": "./dist/components/LoadingBar.d.mts",
-      "import": "./dist/components/LoadingBar.mjs",
-      "default": "./dist/components/LoadingBar.mjs"
+      "types": "./dist/components/LoadingBarRoot.d.mts",
+      "import": "./dist/components/LoadingBarRoot.mjs",
+      "default": "./dist/components/LoadingBarRoot.mjs"
     },
     "./LoadingBarContainer": {
       "types": "./dist/components/LoadingBarContainer.d.mts",
@@ -545,9 +545,9 @@
       "default": "./dist/components/Menu.mjs"
     },
     "./Message": {
-      "types": "./dist/components/Message.d.mts",
-      "import": "./dist/components/Message.mjs",
-      "default": "./dist/components/Message.mjs"
+      "types": "./dist/components/MessageRoot.d.mts",
+      "import": "./dist/components/MessageRoot.mjs",
+      "default": "./dist/components/MessageRoot.mjs"
     },
     "./MessageContainer": {
       "types": "./dist/components/MessageContainer.d.mts",
@@ -579,6 +579,11 @@
       "import": "./dist/components/NavigationMenu.mjs",
       "default": "./dist/components/NavigationMenu.mjs"
     },
+    "./NavigationMenuList": {
+      "types": "./dist/components/NavigationMenu.d.mts",
+      "import": "./dist/components/NavigationMenu.mjs",
+      "default": "./dist/components/NavigationMenu.mjs"
+    },
     "./NavigationMenuTrigger": {
       "types": "./dist/components/NavigationMenu.d.mts",
       "import": "./dist/components/NavigationMenu.mjs",
@@ -888,6 +893,16 @@
       "types": "./dist/components/Watermark.d.mts",
       "import": "./dist/components/Watermark.mjs",
       "default": "./dist/components/Watermark.mjs"
+    },
+    "./useDrag": {
+      "types": "./dist/hooks/useDrag.d.mts",
+      "import": "./dist/hooks/useDrag.mjs",
+      "default": "./dist/hooks/useDrag.mjs"
+    },
+    "./useControlledState": {
+      "types": "./dist/hooks/useControlledState.d.mts",
+      "import": "./dist/hooks/useControlledState.mjs",
+      "default": "./dist/hooks/useControlledState.mjs"
     }
   },
   "files": [
@@ -897,7 +912,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "2.1.2"
+    "@expcat/tigercat-core": "2.1.3"
   },
   "devDependencies": {
     "@types/node": "^26.1.1",

package/dist/chunk-246DAUEF.mjs

@@ -1,181 +0,0 @@
-import {
-  useFormItemControlContext
-} from "./chunk-F6T3OLTQ.mjs";
-import {
-  useControlledState
-} from "./chunk-MEFARVQI.mjs";
-
-// src/components/MaskInput.tsx
-import { useEffect, useId, useLayoutEffect, useMemo, useRef } from "react";
-import {
-  applyMaskInput,
-  classNames,
-  formatMaskValue,
-  getInputClasses,
-  getInputClearButtonClasses,
-  getInputErrorClasses,
-  getInputWrapperClasses,
-  injectShakeStyle,
-  parseMask,
-  SHAKE_CLASS
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var MaskInput = ({
-  size,
-  status: statusProp,
-  errorMessage: errorMessageProp,
-  _shakeTrigger: shakeTriggerProp,
-  mask,
-  tokens,
-  value,
-  defaultValue,
-  placeholder = "",
-  disabled = false,
-  readonly = false,
-  clearable = false,
-  name,
-  id,
-  autoComplete,
-  autoFocus = false,
-  onChange,
-  onComplete,
-  onFocus,
-  onBlur,
-  onClear,
-  className,
-  style,
-  ...rest
-}) => {
-  injectShakeStyle();
-  const formItemControl = useFormItemControlContext();
-  const effectiveSize = size ?? "md";
-  const status = statusProp ?? formItemControl?.status ?? "default";
-  const errorMessage = errorMessageProp ?? formItemControl?.errorMessage;
-  const shakeTrigger = shakeTriggerProp ?? formItemControl?.shakeTrigger;
-  const wrapperRef = useRef(null);
-  const inputRef = useRef(null);
-  const isComposing = useRef(false);
-  const pendingCaret = useRef(null);
-  const reactId = useId();
-  const errorMsgId = `tiger-mask-input-error-${reactId}`;
-  const spec = useMemo(() => parseMask(mask, tokens), [mask, tokens]);
-  const [rawValue, setRawValue] = useControlledState(value, defaultValue ?? "");
-  const formatted = useMemo(() => formatMaskValue(rawValue, spec), [rawValue, spec]);
-  const maskedValue = formatted.maskedValue;
-  useEffect(() => {
-    if (status === "error" && wrapperRef.current) {
-      const el = wrapperRef.current;
-      el.classList.remove(SHAKE_CLASS);
-      void el.offsetWidth;
-      el.classList.add(SHAKE_CLASS);
-    }
-  }, [status, shakeTrigger]);
-  useLayoutEffect(() => {
-    if (pendingCaret.current !== null && inputRef.current) {
-      const caret = pendingCaret.current;
-      inputRef.current.setSelectionRange(caret, caret);
-      pendingCaret.current = null;
-    }
-  });
-  const commit = (raw, detail, previousMasked) => {
-    setRawValue(raw);
-    onChange?.(raw, detail);
-    if (detail.completed && !formatMaskValue(previousMasked, spec).completed) {
-      onComplete?.(raw, detail.maskedValue);
-    }
-  };
-  const applyValue = (inputValue, caret) => {
-    const previousMasked = maskedValue;
-    const result = applyMaskInput(inputValue, caret, spec, previousMasked);
-    if (inputRef.current) inputRef.current.value = result.maskedValue;
-    pendingCaret.current = result.caret;
-    commit(
-      result.rawValue,
-      { maskedValue: result.maskedValue, completed: result.completed },
-      previousMasked
-    );
-  };
-  const handleInput = (event) => {
-    if (isComposing.current) return;
-    const target = event.currentTarget;
-    applyValue(target.value, target.selectionStart ?? target.value.length);
-  };
-  const handlePaste = (event) => {
-    if (disabled || readonly) return;
-    event.preventDefault();
-    const input = event.currentTarget;
-    const text = event.clipboardData.getData("text");
-    const start = input.selectionStart ?? input.value.length;
-    const end = input.selectionEnd ?? input.value.length;
-    applyValue(input.value.slice(0, start) + text + input.value.slice(end), start + text.length);
-  };
-  const handleCompositionStart = () => {
-    isComposing.current = true;
-  };
-  const handleCompositionEnd = (event) => {
-    isComposing.current = false;
-    const target = event.currentTarget;
-    applyValue(target.value, target.selectionStart ?? target.value.length);
-  };
-  const handleClear = () => {
-    setRawValue("");
-    onChange?.("", { maskedValue: "", completed: false });
-    onClear?.();
-    inputRef.current?.focus();
-  };
-  const hasSuffix = clearable;
-  const activeError = status === "error" && !!errorMessage;
-  const showClear = clearable && !disabled && !readonly && rawValue.length > 0;
-  const inputClasses = getInputClasses({
-    size: effectiveSize,
-    status,
-    hasPrefix: false,
-    hasSuffix
-  });
-  return /* @__PURE__ */ jsxs("div", { ref: wrapperRef, className: classNames(getInputWrapperClasses(), className), style, children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ...rest,
-        ref: inputRef,
-        className: inputClasses,
-        type: "text",
-        value: maskedValue,
-        placeholder,
-        disabled,
-        readOnly: readonly,
-        id,
-        autoComplete,
-        autoFocus,
-        ...status === "error" ? { "aria-invalid": true } : {},
-        ...activeError ? { "aria-describedby": errorMsgId } : {},
-        onInput: handleInput,
-        onChange: () => {
-        },
-        onPaste: handlePaste,
-        onCompositionStart: handleCompositionStart,
-        onCompositionEnd: handleCompositionEnd,
-        onFocus,
-        onBlur
-      }
-    ),
-    name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value: rawValue }) : null,
-    activeError ? /* @__PURE__ */ jsx("div", { id: errorMsgId, className: getInputErrorClasses(effectiveSize), "aria-live": "polite", children: errorMessage }) : showClear && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: getInputClearButtonClasses(effectiveSize),
-        onClick: handleClear,
-        "aria-label": "Clear input",
-        tabIndex: -1,
-        children: "\u2715"
-      }
-    )
-  ] });
-};
-var MaskInput_default = MaskInput;
-
-export {
-  MaskInput,
-  MaskInput_default
-};

package/dist/chunk-2HKFQ74Z.mjs

@@ -1,127 +0,0 @@
-// src/components/ColorSwatch.tsx
-import { useMemo, useRef, useState } from "react";
-import {
-  classNames,
-  colorSwatchBaseClasses,
-  colorSwatchGridClasses,
-  colorSwatchGroupClasses,
-  colorSwatchGroupLabelClasses,
-  flattenColorSwatchGroups,
-  getColorSwatchButtonClasses,
-  getColorSwatchCheckClasses,
-  getNextColorSwatchIndex,
-  isColorSwatchSelected,
-  normalizeColorSwatchGroups
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var checkPathD = "M5 10.5 8 13.5 15 6.5";
-var ColorSwatch = ({
-  value,
-  defaultValue,
-  disabled = false,
-  size = "md",
-  colors,
-  groups,
-  columns = 6,
-  ariaLabel = "Color swatches",
-  className,
-  onChange
-}) => {
-  const [innerValue, setInnerValue] = useState(defaultValue);
-  const [focusIndex, setFocusIndex] = useState(-1);
-  const optionRefs = useRef([]);
-  const normalizedGroups = useMemo(
-    () => normalizeColorSwatchGroups(groups, colors),
-    [groups, colors]
-  );
-  const options = useMemo(() => flattenColorSwatchGroups(normalizedGroups), [normalizedGroups]);
-  const selectedValue = value ?? innerValue;
-  const selectedIndex = options.findIndex(
-    (option) => isColorSwatchSelected(option.value, selectedValue)
-  );
-  const firstEnabledIndex = options.findIndex((option) => !option.disabled);
-  const activeIndex = selectedIndex >= 0 ? selectedIndex : firstEnabledIndex;
-  function handleSelect(option) {
-    if (disabled || option.disabled) return;
-    if (value === void 0) setInnerValue(option.value);
-    onChange?.(option.value, option);
-  }
-  function handleKeyDown(optionIndex, event) {
-    if (disabled) return;
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      const option = options[optionIndex];
-      if (option) handleSelect(option);
-      return;
-    }
-    const nextIndex = getNextColorSwatchIndex(options, optionIndex, event.key, columns);
-    if (nextIndex === -1 || nextIndex === optionIndex) return;
-    event.preventDefault();
-    setFocusIndex(nextIndex);
-    optionRefs.current[nextIndex]?.focus();
-  }
-  let flatIndex = 0;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: classNames(colorSwatchBaseClasses, className),
-      role: "radiogroup",
-      "aria-label": ariaLabel,
-      "aria-disabled": disabled || void 0,
-      children: normalizedGroups.map((group, groupIndex) => /* @__PURE__ */ jsxs("div", { className: colorSwatchGroupClasses, children: [
-        group.label && /* @__PURE__ */ jsx("div", { className: colorSwatchGroupLabelClasses, children: group.label }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: colorSwatchGridClasses,
-            style: { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` },
-            children: group.colors.map((option) => {
-              const optionIndex = flatIndex;
-              flatIndex += 1;
-              const selected = isColorSwatchSelected(option.value, selectedValue);
-              const optionDisabled = disabled || !!option.disabled;
-              const tabIndex = !optionDisabled && optionIndex === (focusIndex >= 0 ? focusIndex : activeIndex) ? 0 : -1;
-              return /* @__PURE__ */ jsx(
-                "button",
-                {
-                  ref: (node) => {
-                    optionRefs.current[optionIndex] = node;
-                  },
-                  type: "button",
-                  className: getColorSwatchButtonClasses(size, selected, optionDisabled),
-                  style: { backgroundColor: option.value },
-                  role: "radio",
-                  "aria-checked": selected,
-                  "aria-label": option.label,
-                  "aria-disabled": optionDisabled || void 0,
-                  tabIndex,
-                  onFocus: () => setFocusIndex(optionIndex),
-                  onClick: () => handleSelect(option),
-                  onKeyDown: (event) => handleKeyDown(optionIndex, event),
-                  children: selected && /* @__PURE__ */ jsx("span", { className: getColorSwatchCheckClasses(size), "aria-hidden": "true", children: /* @__PURE__ */ jsx(
-                    "svg",
-                    {
-                      viewBox: "0 0 20 20",
-                      fill: "none",
-                      stroke: "currentColor",
-                      strokeWidth: "2.5",
-                      className: "h-full w-full",
-                      children: /* @__PURE__ */ jsx("path", { d: checkPathD, strokeLinecap: "round", strokeLinejoin: "round" })
-                    }
-                  ) })
-                },
-                `${option.groupIndex}-${option.index}-${option.value}`
-              );
-            })
-          }
-        )
-      ] }, `${groupIndex}-${group.label ?? "group"}`))
-    }
-  );
-};
-var ColorSwatch_default = ColorSwatch;
-
-export {
-  ColorSwatch,
-  ColorSwatch_default
-};

package/dist/chunk-2JYJPNW3.mjs

@@ -1,280 +0,0 @@
-import {
-  useControlledState
-} from "./chunk-MEFARVQI.mjs";
-import {
-  renderBodyPortal,
-  useBodyScrollLock,
-  useEscapeKey,
-  useFocusTrap
-} from "./chunk-HKAZXG74.mjs";
-import {
-  useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
-
-// src/components/Spotlight.tsx
-import React, { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
-import {
-  captureActiveElement,
-  classNames,
-  focusFirst,
-  getInitialPickerActiveIndex,
-  getPickerComboboxAria,
-  getPickerListboxAria,
-  getPickerNavigationIndex,
-  getPickerOptionAria,
-  getPickerOptionId,
-  getSpotlightOptionClasses,
-  getSpotlightSearchState,
-  getSpotlightShortcutLabel,
-  mergeTigerLocale,
-  resolveLocaleText,
-  restoreFocus,
-  shouldCloseOnMaskClick,
-  spotlightEmptyClasses,
-  spotlightGroupClasses,
-  spotlightGroupLabelClasses,
-  spotlightHeaderClasses,
-  spotlightInputClasses,
-  spotlightListClasses,
-  spotlightMaskClasses,
-  spotlightPanelClasses,
-  spotlightRootClasses,
-  spotlightTitleClasses
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var EMPTY_ITEMS = [];
-function getRenderableIcon(icon) {
-  if (icon === null || icon === void 0) return null;
-  if (typeof icon === "string" || typeof icon === "number") return icon;
-  if (React.isValidElement(icon)) return icon;
-  if (Array.isArray(icon)) return icon;
-  return null;
-}
-var Spotlight = ({
-  open,
-  defaultOpen = false,
-  query,
-  defaultQuery = "",
-  items = EMPTY_ITEMS,
-  title = "Spotlight",
-  placeholder,
-  emptyText,
-  locale,
-  inputAriaLabel,
-  listboxLabel,
-  closeOnSelect = true,
-  mask = true,
-  maskClosable = true,
-  zIndex = 1e3,
-  className,
-  defaultActiveFirstItem = true,
-  filterItem,
-  limit,
-  onOpenChange,
-  onQueryChange,
-  onSelect,
-  style,
-  ...rest
-}) => {
-  const config = useTigerConfig();
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const placeholderText = resolveLocaleText(
-    "Search",
-    placeholder,
-    mergedLocale?.common?.searchPlaceholder
-  );
-  const [resolvedOpen, setOpenValue] = useControlledState(
-    open,
-    defaultOpen ?? false,
-    onOpenChange
-  );
-  const [resolvedQuery, setQueryValue] = useControlledState(
-    query,
-    defaultQuery ?? "",
-    onQueryChange
-  );
-  const [activeIndex, setActiveIndex] = useState(-1);
-  const reactId = useId();
-  const dialogId = `tiger-spotlight-${reactId}`;
-  const titleId = `${dialogId}-title`;
-  const listboxId = `${dialogId}-listbox`;
-  const dialogRef = useRef(null);
-  const inputRef = useRef(null);
-  const previousActiveElementRef = useRef(null);
-  const searchState = useMemo(
-    () => getSpotlightSearchState(items, resolvedQuery, { filterItem, limit }),
-    [items, resolvedQuery, filterItem, limit]
-  );
-  const closeSpotlight = useCallback(() => {
-    setOpenValue(false);
-  }, [setOpenValue]);
-  useEscapeKey({ enabled: resolvedOpen, onEscape: closeSpotlight });
-  useBodyScrollLock({ enabled: resolvedOpen });
-  useFocusTrap({ enabled: resolvedOpen, containerRef: dialogRef });
-  useEffect(() => {
-    if (!resolvedOpen) {
-      restoreFocus(previousActiveElementRef.current);
-      return;
-    }
-    previousActiveElementRef.current = captureActiveElement();
-    const timer = window.setTimeout(() => {
-      focusFirst([inputRef.current, dialogRef.current]);
-    }, 0);
-    return () => window.clearTimeout(timer);
-  }, [resolvedOpen]);
-  useEffect(() => {
-    if (!resolvedOpen) {
-      setActiveIndex(-1);
-      return;
-    }
-    setActiveIndex(
-      getInitialPickerActiveIndex(
-        searchState.flatResults,
-        defaultActiveFirstItem,
-        (result) => result.item.disabled === true
-      )
-    );
-  }, [resolvedOpen, resolvedQuery, items, searchState.flatResults, defaultActiveFirstItem]);
-  const selectItem = useCallback(
-    (item) => {
-      if (item.disabled) return;
-      onSelect?.(item);
-      if (closeOnSelect) closeSpotlight();
-    },
-    [closeOnSelect, closeSpotlight, onSelect]
-  );
-  const handleMaskClick = useCallback(
-    (event) => {
-      if (shouldCloseOnMaskClick(event, maskClosable)) {
-        closeSpotlight();
-      }
-    },
-    [closeSpotlight, maskClosable]
-  );
-  const handleKeyDown = (event) => {
-    switch (event.key) {
-      case "ArrowDown":
-      case "ArrowUp":
-      case "Home":
-      case "End":
-        event.preventDefault();
-        setActiveIndex(
-          (current) => getPickerNavigationIndex(
-            searchState.flatResults,
-            current,
-            event.key,
-            (result) => result.item.disabled === true
-          )
-        );
-        break;
-      case "Enter": {
-        event.preventDefault();
-        const result = searchState.flatResults[activeIndex];
-        if (result) selectItem(result.item);
-        break;
-      }
-      case "Escape":
-        event.preventDefault();
-        closeSpotlight();
-        break;
-    }
-  };
-  if (!resolvedOpen) return null;
-  const activeResult = searchState.flatResults[activeIndex];
-  const activeOptionId = activeResult ? getPickerOptionId(listboxId, activeResult.flatIndex) : void 0;
-  const content = /* @__PURE__ */ jsxs("div", { className: spotlightRootClasses, style: { zIndex }, "data-tiger-spotlight-root": "", children: [
-    mask && /* @__PURE__ */ jsx("div", { className: spotlightMaskClasses, "aria-hidden": "true", onClick: handleMaskClick }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: dialogRef,
-        id: dialogId,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": title ? titleId : void 0,
-        tabIndex: -1,
-        className: classNames(spotlightPanelClasses, className),
-        style,
-        ...rest,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: spotlightHeaderClasses, children: [
-            title && /* @__PURE__ */ jsx("div", { id: titleId, className: spotlightTitleClasses, children: title }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref: inputRef,
-                value: resolvedQuery,
-                type: "search",
-                className: spotlightInputClasses,
-                placeholder: placeholderText,
-                "aria-label": inputAriaLabel ?? placeholderText,
-                autoComplete: "off",
-                ...getPickerComboboxAria({
-                  expanded: true,
-                  listboxId,
-                  activeOptionId
-                }),
-                onChange: (event) => setQueryValue(event.currentTarget.value),
-                onKeyDown: handleKeyDown
-              }
-            )
-          ] }),
-          searchState.flatResults.length > 0 ? /* @__PURE__ */ jsx(
-            "div",
-            {
-              ...getPickerListboxAria({ id: listboxId, label: listboxLabel }),
-              className: spotlightListClasses,
-              children: searchState.groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: spotlightGroupClasses,
-                  role: group.label ? "group" : void 0,
-                  "aria-label": group.label,
-                  children: [
-                    group.label && /* @__PURE__ */ jsx("div", { className: spotlightGroupLabelClasses, children: group.label }),
-                    group.items.map((result) => {
-                      const active = result.flatIndex === activeIndex;
-                      const shortcutLabel = getSpotlightShortcutLabel(result.item.shortcut);
-                      const iconNode = getRenderableIcon(result.item.icon);
-                      return /* @__PURE__ */ jsxs(
-                        "div",
-                        {
-                          id: getPickerOptionId(listboxId, result.flatIndex),
-                          ...getPickerOptionAria({ selected: active, disabled: result.item.disabled }),
-                          className: getSpotlightOptionClasses(active, result.item.disabled === true),
-                          onMouseEnter: () => setActiveIndex(result.flatIndex),
-                          onMouseDown: (event) => event.preventDefault(),
-                          onClick: () => selectItem(result.item),
-                          children: [
-                            iconNode && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: iconNode }),
-                            /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
-                              /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-medium", children: result.item.label }),
-                              result.item.description && /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-[var(--tiger-spotlight-item-description,var(--tiger-text-muted,#6b7280))]", children: result.item.description })
-                            ] }),
-                            shortcutLabel && /* @__PURE__ */ jsx("kbd", { className: "shrink-0 rounded border border-[var(--tiger-spotlight-shortcut-border,var(--tiger-border,#d1d5db))] px-1.5 py-0.5 text-xs text-[var(--tiger-spotlight-shortcut-text,var(--tiger-text-muted,#6b7280))]", children: shortcutLabel })
-                          ]
-                        },
-                        String(result.item.key)
-                      );
-                    })
-                  ]
-                },
-                group.label ?? `group-${groupIndex}`
-              ))
-            }
-          ) : /* @__PURE__ */ jsx("div", { className: spotlightEmptyClasses, children: resolveLocaleText("No results found", emptyText, mergedLocale?.common?.emptyText) })
-        ]
-      }
-    )
-  ] });
-  return renderBodyPortal(content);
-};
-var Spotlight_default = Spotlight;
-
-export {
-  Spotlight,
-  Spotlight_default
-};