@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/chunk-KPACLRQH.mjs

@@ -1,8 +1,12 @@
-import { useState, useEffect } from 'react';
-import { getCodeBlockContainerClasses, getCodeBlockCopyButtonClasses, codeBlockPreClasses, copyTextToClipboard } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Code.tsx
+import { useEffect, useState } from "react";
+import {
+  codeBlockPreClasses,
+  copyTextToClipboard,
+  getCodeBlockContainerClasses,
+  getCodeBlockCopyButtonClasses
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Code = ({
   code,
   copyable = true,
@@ -45,4 +49,7 @@ var Code = ({
 };
 var Code_default = Code;
 
-export { Code, Code_default };
+export {
+  Code,
+  Code_default
+};

package/dist/chunk-KQ5I7PRM.js

@@ -0,0 +1,193 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkHQ3QOT7Hjs = require('./chunk-HQ3QOT7H.js');
+
+// src/components/Tour.tsx
+var _react = require('react');
+var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_reactdom);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Tour = ({
+  steps,
+  loadSteps,
+  open = false,
+  current: controlledCurrent,
+  nextText = "Next",
+  prevText = "Previous",
+  finishText = "Finish",
+  closable = true,
+  showIndicators = true,
+  className,
+  onOpenChange,
+  onClose,
+  onFinish,
+  onChange
+}) => {
+  const [internalStep, setInternalStep] = _react.useState.call(void 0, 0);
+  const [resolvedSteps, setResolvedSteps] = _react.useState.call(void 0, steps);
+  const currentStep = _nullishCoalesce(controlledCurrent, () => ( internalStep));
+  const activeSteps = _react.useMemo.call(void 0, () => _tigercatcore.getActiveTourSteps.call(void 0, resolvedSteps), [resolvedSteps]);
+  const activeStepInfo = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getCurrentActiveTourStep.call(void 0, activeSteps, currentStep, resolvedSteps.length),
+    [activeSteps, currentStep, resolvedSteps.length]
+  );
+  const activeStepPosition = _tigercatcore.getActiveTourStepPosition.call(void 0, activeSteps, _optionalChain([activeStepInfo, 'optionalAccess', _ => _.index]));
+  const step = _optionalChain([activeStepInfo, 'optionalAccess', _2 => _2.step]);
+  const [targetRect, setTargetRect] = _react.useState.call(void 0, );
+  const popoverRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (!loadSteps) {
+      setResolvedSteps(steps);
+      return;
+    }
+    if (!open) return;
+    let cancelled = false;
+    Promise.resolve(loadSteps()).then((nextSteps) => {
+      if (!cancelled) {
+        setResolvedSteps(nextSteps);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [loadSteps, open, steps]);
+  const updateRect = _react.useCallback.call(void 0, () => {
+    if (_optionalChain([step, 'optionalAccess', _3 => _3.target])) {
+      setTargetRect(_tigercatcore.getTourTargetRect.call(void 0, step.target));
+    } else {
+      setTargetRect(void 0);
+    }
+  }, [step]);
+  _react.useEffect.call(void 0, () => {
+    if (open) updateRect();
+  }, [open, currentStep, updateRect]);
+  _react.useEffect.call(void 0, () => {
+    if (!open) return;
+    const handler = () => updateRect();
+    window.addEventListener("resize", handler);
+    window.addEventListener("scroll", handler, true);
+    return () => {
+      window.removeEventListener("resize", handler);
+      window.removeEventListener("scroll", handler, true);
+    };
+  }, [open, updateRect]);
+  const goTo = _react.useCallback.call(void 0, 
+    (idx) => {
+      setInternalStep(idx);
+      _optionalChain([onChange, 'optionalCall', _4 => _4(idx)]);
+    },
+    [onChange]
+  );
+  const next = _react.useCallback.call(void 0, () => {
+    const nextStep = activeSteps[activeStepPosition + 1];
+    if (nextStep) {
+      goTo(nextStep.index);
+    } else {
+      _optionalChain([onFinish, 'optionalCall', _5 => _5()]);
+      _optionalChain([onOpenChange, 'optionalCall', _6 => _6(false)]);
+      _optionalChain([onClose, 'optionalCall', _7 => _7()]);
+    }
+  }, [activeSteps, activeStepPosition, goTo, onFinish, onOpenChange, onClose]);
+  const prev = _react.useCallback.call(void 0, () => {
+    const prevStep = activeSteps[activeStepPosition - 1];
+    if (prevStep) goTo(prevStep.index);
+  }, [activeSteps, activeStepPosition, goTo]);
+  const close = _react.useCallback.call(void 0, () => {
+    _optionalChain([onOpenChange, 'optionalCall', _8 => _8(false)]);
+    _optionalChain([onClose, 'optionalCall', _9 => _9()]);
+  }, [onOpenChange, onClose]);
+  if (!open || !step) return null;
+  if (!_tigercatcore.isBrowser.call(void 0, )) return null;
+  const placement = _nullishCoalesce(step.placement, () => ( "bottom"));
+  const showMask = step.mask !== false;
+  const isLast = activeStepPosition === activeSteps.length - 1;
+  const isFirst = activeStepPosition <= 0;
+  let popoverStyle;
+  if (targetRect) {
+    const pos = _tigercatcore.getTourPopoverPosition.call(void 0, targetRect, 320, 160, placement);
+    popoverStyle = { position: "absolute", top: pos.top, left: pos.left };
+  } else {
+    popoverStyle = {
+      position: "fixed",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)"
+    };
+  }
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    showMask && targetRect && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: _tigercatcore.getTourSpotlightStyle.call(void 0, targetRect), "aria-hidden": "true" }),
+    showMask && !targetRect && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "fixed inset-0 z-[1000] bg-black/45", "aria-hidden": "true", onClick: close }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref: popoverRef,
+        className: _tigercatcore.classNames.call(void 0, _tigercatcore.tourPopoverClasses, className),
+        style: popoverStyle,
+        role: "dialog",
+        "aria-modal": "true",
+        children: [
+          closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              className: _tigercatcore.tourCloseButtonClasses,
+              type: "button",
+              "aria-label": "Close tour",
+              onClick: close,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: _tigercatcore.closeIconPathD, className: "h-4 w-4" })
+            }
+          ),
+          step.title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tourTitleClasses, children: step.title }),
+          step.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.tourDescriptionClasses, children: step.description }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.tourFooterClasses, children: [
+            showIndicators && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _tigercatcore.tourIndicatorClasses, children: [
+              activeStepPosition + 1,
+              " / ",
+              activeSteps.length
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center", children: [
+              !isFirst && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "button",
+                {
+                  type: "button",
+                  className: "px-3 py-1.5 text-sm rounded-md border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors mr-2",
+                  onClick: prev,
+                  children: prevText
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "button",
+                {
+                  type: "button",
+                  className: "px-3 py-1.5 text-sm rounded-md bg-[var(--tiger-primary,#2563eb)] text-white hover:bg-[var(--tiger-primary-hover,#1d4ed8)] transition-colors",
+                  onClick: next,
+                  children: isLast ? finishText : nextText
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+  return _reactdom2.default.createPortal(content, document.body);
+};
+
+
+
+exports.Tour = Tour;

package/dist/chunk-KRFD27WA.js

@@ -0,0 +1,64 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk6HELKWFNjs = require('./chunk-6HELKWFN.js');
+
+
+var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
+
+// src/components/Tooltip.tsx
+var _react = require('react');
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var createTooltipId = _tigercatcore.createFloatingIdFactory.call(void 0, "tooltip");
+var Tooltip = ({
+  open,
+  defaultOpen = false,
+  content,
+  trigger = "hover",
+  placement = "top",
+  disabled = false,
+  offset = 8,
+  className,
+  style,
+  children,
+  onOpenChange,
+  ...divProps
+}) => {
+  const tooltipIdRef = _react.useRef.call(void 0, null);
+  if (!tooltipIdRef.current) tooltipIdRef.current = createTooltipId();
+  const tooltipId = tooltipIdRef.current;
+  const describedBy = content != null ? tooltipId : void 0;
+  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = _chunk6HELKWFNjs.usePopup.call(void 0, { open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.getTooltipContainerClasses.call(void 0, ), className),
+    [className]
+  );
+  const triggerClasses = _react.useMemo.call(void 0, () => _tigercatcore.getTooltipTriggerClasses.call(void 0, disabled), [disabled]);
+  const contentClasses = _react.useMemo.call(void 0, () => _tigercatcore.getTooltipContentClasses.call(void 0, ), []);
+  if (!children) return null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: triggerRef,
+        className: triggerClasses,
+        "aria-describedby": describedBy,
+        ...triggerHandlers,
+        children
+      }
+    ),
+    currentVisible && _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: floatingRef, style: floatingStyles, "aria-hidden": false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: tooltipId, role: "tooltip", className: contentClasses, children: content }) })
+    )
+  ] });
+};
+
+
+
+exports.Tooltip = Tooltip;

package/dist/chunk-KYP7U6FK.js

@@ -0,0 +1,271 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+
+
+var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
+
+// src/components/Spotlight.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('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 (_react2.default.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 = "Search",
+  emptyText = "No results found",
+  inputAriaLabel,
+  listboxLabel,
+  closeOnSelect = true,
+  mask = true,
+  maskClosable = true,
+  zIndex = 1e3,
+  className,
+  defaultActiveFirstItem = true,
+  filterItem,
+  limit,
+  onOpenChange,
+  onQueryChange,
+  onSelect,
+  style,
+  ...rest
+}) => {
+  const [uncontrolledOpen, setUncontrolledOpen] = _react.useState.call(void 0, defaultOpen);
+  const [uncontrolledQuery, setUncontrolledQuery] = _react.useState.call(void 0, defaultQuery);
+  const [activeIndex, setActiveIndex] = _react.useState.call(void 0, -1);
+  const isOpenControlled = open !== void 0;
+  const isQueryControlled = query !== void 0;
+  const resolvedOpen = isOpenControlled ? Boolean(open) : uncontrolledOpen;
+  const resolvedQuery = isQueryControlled ? String(query) : uncontrolledQuery;
+  const reactId = _react.useId.call(void 0, );
+  const dialogId = `tiger-spotlight-${reactId}`;
+  const titleId = `${dialogId}-title`;
+  const listboxId = `${dialogId}-listbox`;
+  const dialogRef = _react.useRef.call(void 0, null);
+  const inputRef = _react.useRef.call(void 0, null);
+  const previousActiveElementRef = _react.useRef.call(void 0, null);
+  const searchState = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getSpotlightSearchState.call(void 0, items, resolvedQuery, { filterItem, limit }),
+    [items, resolvedQuery, filterItem, limit]
+  );
+  const setOpenValue = _react.useCallback.call(void 0, 
+    (nextOpen) => {
+      if (!isOpenControlled) setUncontrolledOpen(nextOpen);
+      _optionalChain([onOpenChange, 'optionalCall', _ => _(nextOpen)]);
+    },
+    [isOpenControlled, onOpenChange]
+  );
+  const setQueryValue = _react.useCallback.call(void 0, 
+    (nextQuery) => {
+      if (!isQueryControlled) setUncontrolledQuery(nextQuery);
+      _optionalChain([onQueryChange, 'optionalCall', _2 => _2(nextQuery)]);
+    },
+    [isQueryControlled, onQueryChange]
+  );
+  const closeSpotlight = _react.useCallback.call(void 0, () => {
+    setOpenValue(false);
+  }, [setOpenValue]);
+  _chunkSTTQ5LXXjs.useEscapeKey.call(void 0, { enabled: resolvedOpen, onEscape: closeSpotlight });
+  _chunkSTTQ5LXXjs.useBodyScrollLock.call(void 0, { enabled: resolvedOpen });
+  _chunkSTTQ5LXXjs.useFocusTrap.call(void 0, { enabled: resolvedOpen, containerRef: dialogRef });
+  _react.useEffect.call(void 0, () => {
+    if (!resolvedOpen) {
+      _tigercatcore.restoreFocus.call(void 0, previousActiveElementRef.current);
+      return;
+    }
+    previousActiveElementRef.current = _tigercatcore.captureActiveElement.call(void 0, );
+    const timer = window.setTimeout(() => {
+      _tigercatcore.focusFirst.call(void 0, [inputRef.current, dialogRef.current]);
+    }, 0);
+    return () => window.clearTimeout(timer);
+  }, [resolvedOpen]);
+  _react.useEffect.call(void 0, () => {
+    if (!resolvedOpen) {
+      setActiveIndex(-1);
+      return;
+    }
+    setActiveIndex(
+      _tigercatcore.getInitialPickerActiveIndex.call(void 0, 
+        searchState.flatResults,
+        defaultActiveFirstItem,
+        (result) => result.item.disabled === true
+      )
+    );
+  }, [resolvedOpen, resolvedQuery, items, searchState.flatResults, defaultActiveFirstItem]);
+  const selectItem = _react.useCallback.call(void 0, 
+    (item) => {
+      if (item.disabled) return;
+      _optionalChain([onSelect, 'optionalCall', _3 => _3(item)]);
+      if (closeOnSelect) closeSpotlight();
+    },
+    [closeOnSelect, closeSpotlight, onSelect]
+  );
+  const handleMaskClick = _react.useCallback.call(void 0, 
+    (event) => {
+      if (_tigercatcore.shouldCloseOnMaskClick.call(void 0, event, maskClosable)) {
+        closeSpotlight();
+      }
+    },
+    [closeSpotlight, maskClosable]
+  );
+  const handleKeyDown = (event) => {
+    switch (event.key) {
+      case "ArrowDown":
+      case "ArrowUp":
+      case "Home":
+      case "End":
+        event.preventDefault();
+        setActiveIndex(
+          (current) => _tigercatcore.getPickerNavigationIndex.call(void 0, 
+            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 ? _tigercatcore.getPickerOptionId.call(void 0, listboxId, activeResult.flatIndex) : void 0;
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.spotlightRootClasses, style: { zIndex }, "data-tiger-spotlight-root": "", children: [
+    mask && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.spotlightMaskClasses, "aria-hidden": "true", onClick: handleMaskClick }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref: dialogRef,
+        id: dialogId,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": title ? titleId : void 0,
+        tabIndex: -1,
+        className: _tigercatcore.classNames.call(void 0, _tigercatcore.spotlightPanelClasses, className),
+        style,
+        ...rest,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.spotlightHeaderClasses, children: [
+            title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: titleId, className: _tigercatcore.spotlightTitleClasses, children: title }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "input",
+              {
+                ref: inputRef,
+                value: resolvedQuery,
+                type: "search",
+                className: _tigercatcore.spotlightInputClasses,
+                placeholder,
+                "aria-label": _nullishCoalesce(inputAriaLabel, () => ( placeholder)),
+                autoComplete: "off",
+                ..._tigercatcore.getPickerComboboxAria.call(void 0, {
+                  expanded: true,
+                  listboxId,
+                  activeOptionId
+                }),
+                onChange: (event) => setQueryValue(event.currentTarget.value),
+                onKeyDown: handleKeyDown
+              }
+            )
+          ] }),
+          searchState.flatResults.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              ..._tigercatcore.getPickerListboxAria.call(void 0, { id: listboxId, label: listboxLabel }),
+              className: _tigercatcore.spotlightListClasses,
+              children: searchState.groups.map((group, groupIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                "div",
+                {
+                  className: _tigercatcore.spotlightGroupClasses,
+                  role: group.label ? "group" : void 0,
+                  "aria-label": group.label,
+                  children: [
+                    group.label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.spotlightGroupLabelClasses, children: group.label }),
+                    group.items.map((result) => {
+                      const active = result.flatIndex === activeIndex;
+                      const shortcutLabel = _tigercatcore.getSpotlightShortcutLabel.call(void 0, result.item.shortcut);
+                      const iconNode = getRenderableIcon(result.item.icon);
+                      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                        "div",
+                        {
+                          id: _tigercatcore.getPickerOptionId.call(void 0, listboxId, result.flatIndex),
+                          ..._tigercatcore.getPickerOptionAria.call(void 0, { selected: active, disabled: result.item.disabled }),
+                          className: _tigercatcore.getSpotlightOptionClasses.call(void 0, active, result.item.disabled === true),
+                          onMouseEnter: () => setActiveIndex(result.flatIndex),
+                          onMouseDown: (event) => event.preventDefault(),
+                          onClick: () => selectItem(result.item),
+                          children: [
+                            iconNode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: iconNode }),
+                            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "min-w-0 flex-1", children: [
+                              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block truncate text-sm font-medium", children: result.item.label }),
+                              result.item.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "block truncate text-xs text-[var(--tiger-spotlight-item-description,var(--tiger-text-muted,#6b7280))]", children: result.item.description })
+                            ] }),
+                            shortcutLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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)
+                      );
+                    })
+                  ]
+                },
+                _nullishCoalesce(group.label, () => ( `group-${groupIndex}`))
+              ))
+            }
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.spotlightEmptyClasses, children: emptyText })
+        ]
+      }
+    )
+  ] });
+  return _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, content);
+};
+var Spotlight_default = Spotlight;
+
+
+
+
+exports.Spotlight = Spotlight; exports.Spotlight_default = Spotlight_default;