@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/{chunk-6GIJ7NFV.mjs → chunk-E355NVP7.mjs}

@@ -22,18 +22,24 @@ import {
   messageCloseIconPath,
   isBrowser,
   ANIMATION_DURATION_MS,
-  normalizeStringOption
+  normalizeStringOption,
+  createInstanceCounter
 } from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var MESSAGE_CONTAINER_ID = "tiger-message-container";
 var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
+var MESSAGE_POSITIONS = [
+  "top",
+  "top-left",
+  "top-right",
+  "bottom",
+  "bottom-left",
+  "bottom-right"
+];
 var messageInstances = [];
-var instanceIdCounter = 0;
 var containerRoot = null;
 var updateCallback = null;
-function getNextInstanceId() {
-  return ++instanceIdCounter;
-}
+var getNextInstanceId = createInstanceCounter();
 var MessageItem = ({ message, onClose }) => {
   const [isVisible, setIsVisible] = useState(false);
   useEffect(() => {
@@ -93,17 +99,12 @@ var MessageItem = ({ message, onClose }) => {
     }
   );
 };
-var MessageContainer = ({ position = "top" }) => {
-  const [messages, setMessages] = useState(() => [...messageInstances]);
-  useEffect(() => {
-    updateCallback = () => {
-      setMessages([...messageInstances]);
-    };
-    return () => {
-      updateCallback = null;
-    };
-  }, []);
+var MessageContainer = ({
+  position = "top",
+  messages = messageInstances.filter((message) => message.position === position)
+}) => {
   const containerClasses = classNames(messageContainerBaseClasses, messagePositionClasses[position]);
+  const containerId = position === "top" ? MESSAGE_CONTAINER_ID : `${MESSAGE_CONTAINER_ID}-${position}`;
   const handleRemove = useCallback((id) => {
     removeMessage(id);
   }, []);
@@ -111,14 +112,31 @@ var MessageContainer = ({ position = "top" }) => {
     "div",
     {
       className: containerClasses,
-      id: MESSAGE_CONTAINER_ID,
+      id: containerId,
       "aria-live": "polite",
       "aria-relevant": "additions",
+      "data-tiger-message-position": position,
       "data-tiger-message-container": true,
       children: messages.map((message) => /* @__PURE__ */ jsx(MessageItem, { message, onClose: handleRemove }, message.id))
     }
   );
 };
+var MessageHost = () => {
+  const [messages, setMessages] = useState(() => [...messageInstances]);
+  useEffect(() => {
+    updateCallback = () => {
+      setMessages([...messageInstances]);
+    };
+    return () => {
+      updateCallback = null;
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(Fragment, { children: MESSAGE_POSITIONS.map((position) => {
+    const positionedMessages = messages.filter((message) => message.position === position);
+    if (positionedMessages.length === 0) return null;
+    return /* @__PURE__ */ jsx(MessageContainer, { position, messages: positionedMessages }, position);
+  }) });
+};
 function ensureContainer() {
   if (!isBrowser()) {
     return;
@@ -140,7 +158,7 @@ function ensureContainer() {
   }
   containerRoot = createRoot(rootEl);
   flushSync(() => {
-    containerRoot?.render(/* @__PURE__ */ jsx(MessageContainer, {}));
+    containerRoot?.render(/* @__PURE__ */ jsx(MessageHost, {}));
   });
 }
 function addMessage(config) {
@@ -153,7 +171,8 @@ function addMessage(config) {
     closable: config.closable || false,
     onClose: config.onClose,
     icon: config.icon,
-    className: config.className
+    className: config.className,
+    position: config.position ?? "top"
   };
   messageInstances.push(instance);
   const rootId = `${MESSAGE_CONTAINER_ID}-root`;

package/dist/{chunk-KQ5I7PRM.js → chunk-ENJMHEQU.js}

@@ -1,10 +1,23 @@
-"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; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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');
+
 
 var _chunkHQ3QOT7Hjs = require('./chunk-HQ3QOT7H.js');
 
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
 // src/components/Tour.tsx
 var _react = require('react');
-var _reactdom = require('react-dom'); var _reactdom2 = _interopRequireDefault(_reactdom);
+
+
+
+
+
 
 
 
@@ -28,17 +41,27 @@ var Tour = ({
   loadSteps,
   open = false,
   current: controlledCurrent,
-  nextText = "Next",
-  prevText = "Previous",
-  finishText = "Finish",
+  nextText,
+  prevText,
+  finishText,
   closable = true,
   showIndicators = true,
+  locale,
   className,
   onOpenChange,
   onClose,
   onFinish,
   onChange
 }) => {
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getTourLabels.call(void 0, mergedLocale, { nextText, prevText, finishText }),
+    [finishText, mergedLocale, nextText, prevText]
+  );
   const [internalStep, setInternalStep] = _react.useState.call(void 0, 0);
   const [resolvedSteps, setResolvedSteps] = _react.useState.call(void 0, steps);
   const currentStep = _nullishCoalesce(controlledCurrent, () => ( internalStep));
@@ -51,6 +74,8 @@ var Tour = ({
   const step = _optionalChain([activeStepInfo, 'optionalAccess', _2 => _2.step]);
   const [targetRect, setTargetRect] = _react.useState.call(void 0, );
   const popoverRef = _react.useRef.call(void 0, null);
+  const closeButtonRef = _react.useRef.call(void 0, null);
+  const previousActiveElementRef = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     if (!loadSteps) {
       setResolvedSteps(steps);
@@ -112,6 +137,19 @@ var Tour = ({
     _optionalChain([onOpenChange, 'optionalCall', _8 => _8(false)]);
     _optionalChain([onClose, 'optionalCall', _9 => _9()]);
   }, [onOpenChange, onClose]);
+  _react.useEffect.call(void 0, () => {
+    if (open) {
+      previousActiveElementRef.current = _tigercatcore.captureActiveElement.call(void 0, );
+      const timer = setTimeout(() => {
+        _tigercatcore.focusFirst.call(void 0, [closeButtonRef.current, popoverRef.current]);
+      }, 0);
+      return () => clearTimeout(timer);
+    }
+    _tigercatcore.restoreFocus.call(void 0, previousActiveElementRef.current);
+  }, [open]);
+  _chunkSTTQ5LXXjs.useEscapeKey.call(void 0, { enabled: open, onEscape: close });
+  _chunkSTTQ5LXXjs.useBodyScrollLock.call(void 0, { enabled: open });
+  _chunkSTTQ5LXXjs.useFocusTrap.call(void 0, { enabled: open, containerRef: popoverRef });
   if (!open || !step) return null;
   if (!_tigercatcore.isBrowser.call(void 0, )) return null;
   const placement = _nullishCoalesce(step.placement, () => ( "bottom"));
@@ -145,9 +183,10 @@ var Tour = ({
           closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "button",
             {
+              ref: closeButtonRef,
               className: _tigercatcore.tourCloseButtonClasses,
               type: "button",
-              "aria-label": "Close tour",
+              "aria-label": labels.closeAriaLabel,
               onClick: close,
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHQ3QOT7Hjs.StatusIcon, { path: _tigercatcore.closeIconPathD, className: "h-4 w-4" })
             }
@@ -167,7 +206,7 @@ var Tour = ({
                   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
+                  children: labels.prevText
                 }
               ),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -176,7 +215,7 @@ var Tour = ({
                   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
+                  children: isLast ? labels.finishText : labels.nextText
                 }
               )
             ] })
@@ -185,7 +224,7 @@ var Tour = ({
       }
     )
   ] });
-  return _reactdom2.default.createPortal(content, document.body);
+  return _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, content);
 };
 
 

package/dist/{chunk-UHFHOTNI.js → chunk-FBIBHTBG.js}

@@ -1,5 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
+
+
 var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
 
 // src/components/Upload.tsx
@@ -76,16 +79,12 @@ var Upload = ({
   );
   const inputRef = _react.useRef.call(void 0, null);
   const [isDragging, setIsDragging] = _react.useState.call(void 0, false);
-  const [internalFileList, setInternalFileList] = _react.useState.call(void 0, []);
-  const isControlled = controlledFileList !== void 0;
-  const fileList = isControlled ? controlledFileList : internalFileList;
+  const [fileList, setFileList] = _chunkL3WPA2RPjs.useControlledState.call(void 0, controlledFileList, []);
   const updateFileList = _react.useCallback.call(void 0, 
     (newFileList) => {
-      if (!isControlled) {
-        setInternalFileList(newFileList);
-      }
+      setFileList(newFileList);
     },
-    [isControlled]
+    [setFileList]
   );
   const handleClick = () => {
     if (disabled) return;
@@ -395,7 +394,7 @@ var Upload = ({
     const imageUrl = file.url || (file.file ? URL.createObjectURL(file.file) : "");
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getPictureCardClasses.call(void 0, file.status), children: [
       imageUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: imageUrl, alt: file.name, className: "w-full h-full object-cover" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-50 transition-all flex items-center justify-center space-x-2 opacity-0 hover:opacity-100", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute inset-0 bg-black/0 hover:bg-black/50 transition-all flex items-center justify-center space-x-2 opacity-0 hover:opacity-100", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "button",
           {
@@ -457,7 +456,7 @@ var Upload = ({
           }
         )
       ] }),
-      file.status === "uploading" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      file.status === "uploading" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-white/75 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "svg",
         {
           className: _tigercatcore.getUploadStatusIconClasses.call(void 0, "uploading", "lg", {

package/dist/{chunk-P36GX65N.js → chunk-FCCHM2B4.js}

@@ -22,7 +22,10 @@ var VirtualList = ({
   onScroll
 }) => {
   const [scrollTop, setScrollTop] = _react.useState.call(void 0, 0);
+  const [measureVersion, setMeasureVersion] = _react.useState.call(void 0, 0);
   const containerRef = _react.useRef.call(void 0, null);
+  const itemRefs = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
+  const isDynamic = !customStrategy && !getItemHeight && estimatedItemHeight !== void 0;
   const strategy = _react.useMemo.call(void 0, () => {
     if (customStrategy) return customStrategy;
     if (getItemHeight) return _tigercatcore.variableSizeStrategy.call(void 0, getItemHeight, itemCount);
@@ -32,8 +35,23 @@ var VirtualList = ({
   }, [customStrategy, getItemHeight, estimatedItemHeight, itemHeight, itemCount]);
   const range = _react.useMemo.call(void 0, 
     () => strategy.getRange(scrollTop, height, itemCount, overscan),
-    [scrollTop, height, itemCount, overscan, strategy]
+    // measureVersion participates so re-measured heights recompute the window.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [scrollTop, height, itemCount, overscan, strategy, measureVersion]
   );
+  _react.useLayoutEffect.call(void 0, () => {
+    if (!isDynamic || !strategy.updateItemHeight) return;
+    let changed = false;
+    itemRefs.current.forEach((el, i) => {
+      if (!el) return;
+      const measured = el.offsetHeight;
+      if (measured > 0 && measured !== strategy.getItemHeight(i)) {
+        strategy.updateItemHeight(i, measured);
+        changed = true;
+      }
+    });
+    if (changed) setMeasureVersion((v) => v + 1);
+  }, [isDynamic, strategy]);
   const handleScroll = _react.useCallback.call(void 0, () => {
     if (containerRef.current) {
       const st = containerRef.current.scrollTop;
@@ -45,9 +63,27 @@ var VirtualList = ({
   const items = [];
   for (let i = startIndex; i <= endIndex; i++) {
     const itemH = strategy.getItemHeight(i);
-    items.push(
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { height: `${itemH}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
-    );
+    if (isDynamic) {
+      const index = i;
+      items.push(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            ref: (el) => {
+              if (el) itemRefs.current.set(index, el);
+              else itemRefs.current.delete(index);
+            },
+            style: { width: "100%" },
+            children: renderItem({ index })
+          },
+          index
+        )
+      );
+    } else {
+      items.push(
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { height: `${itemH}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
+      );
+    }
   }
   const offsetTop = startIndex >= 0 ? strategy.getItemOffset(startIndex) : 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/{chunk-4LIDROT4.js → chunk-FFDK6PEP.js}

@@ -9,6 +9,7 @@ var _react = require('react');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var DefaultIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -24,7 +25,7 @@ var DefaultIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
     children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: _tigercatcore.backTopIconPath })
   }
 );
-var getDefaultTarget = () => window;
+var getDefaultTarget = () => _tigercatcore.isBrowser.call(void 0, ) ? window : null;
 var BackTop = ({
   visibilityHeight = 400,
   target = getDefaultTarget,
@@ -36,8 +37,10 @@ var BackTop = ({
   ...props
 }) => {
   const [visible, setVisible] = _react.useState.call(void 0, false);
+  const [targetElement, setTargetElement] = _react.useState.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     const el = target();
+    setTargetElement(el);
     if (!el) return;
     const visibilityController = _tigercatcore.createBackTopVisibilityController.call(void 0, {
       target: el,
@@ -49,6 +52,7 @@ var BackTop = ({
     return () => {
       el.removeEventListener("scroll", visibilityController.schedule);
       visibilityController.cancel();
+      setTargetElement(null);
     };
   }, [target, visibilityHeight]);
   const handleClick = _react.useCallback.call(void 0, 
@@ -60,14 +64,13 @@ var BackTop = ({
     [target, duration, onClick]
   );
   const buttonClasses = _react.useMemo.call(void 0, () => {
-    const el = target();
-    const positionClasses = !el || el === window ? _tigercatcore.backTopButtonClasses : _tigercatcore.backTopContainerClasses;
+    const positionClasses = !targetElement || targetElement === window ? _tigercatcore.backTopButtonClasses : _tigercatcore.backTopContainerClasses;
     return _tigercatcore.classNames.call(void 0, 
       positionClasses,
       visible ? _tigercatcore.backTopVisibleClasses : _tigercatcore.backTopHiddenClasses,
       className
     );
-  }, [target, visible, className]);
+  }, [targetElement, visible, className]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "button",
     {

package/dist/{chunk-KYP7U6FK.js → chunk-FZHBVHQ6.js}

@@ -1,10 +1,16 @@
 "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 _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
+
+
 
 
 
 var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
 
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
 // src/components/Spotlight.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
@@ -29,6 +35,8 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
+
 
 
 
@@ -49,8 +57,9 @@ var Spotlight = ({
   defaultQuery = "",
   items = EMPTY_ITEMS,
   title = "Spotlight",
-  placeholder = "Search",
-  emptyText = "No results found",
+  placeholder,
+  emptyText,
+  locale,
   inputAriaLabel,
   listboxLabel,
   closeOnSelect = true,
@@ -67,13 +76,27 @@ var Spotlight = ({
   style,
   ...rest
 }) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = _react.useState.call(void 0, defaultOpen);
-  const [uncontrolledQuery, setUncontrolledQuery] = _react.useState.call(void 0, defaultQuery);
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
+    [config.locale, locale]
+  );
+  const placeholderText = _tigercatcore.resolveLocaleText.call(void 0, 
+    "Search",
+    placeholder,
+    _optionalChain([mergedLocale, 'optionalAccess', _ => _.common, 'optionalAccess', _2 => _2.searchPlaceholder])
+  );
+  const [resolvedOpen, setOpenValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, 
+    open,
+    _nullishCoalesce(defaultOpen, () => ( false)),
+    onOpenChange
+  );
+  const [resolvedQuery, setQueryValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, 
+    query,
+    _nullishCoalesce(defaultQuery, () => ( "")),
+    onQueryChange
+  );
   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`;
@@ -85,20 +108,6 @@ var Spotlight = ({
     () => _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]);
@@ -200,8 +209,8 @@ var Spotlight = ({
                 value: resolvedQuery,
                 type: "search",
                 className: _tigercatcore.spotlightInputClasses,
-                placeholder,
-                "aria-label": _nullishCoalesce(inputAriaLabel, () => ( placeholder)),
+                placeholder: placeholderText,
+                "aria-label": _nullishCoalesce(inputAriaLabel, () => ( placeholderText)),
                 autoComplete: "off",
                 ..._tigercatcore.getPickerComboboxAria.call(void 0, {
                   expanded: true,
@@ -256,7 +265,7 @@ var Spotlight = ({
                 _nullishCoalesce(group.label, () => ( `group-${groupIndex}`))
               ))
             }
-          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.spotlightEmptyClasses, children: emptyText })
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.spotlightEmptyClasses, children: _tigercatcore.resolveLocaleText.call(void 0, "No results found", emptyText, _optionalChain([mergedLocale, 'optionalAccess', _4 => _4.common, 'optionalAccess', _5 => _5.emptyText])) })
         ]
       }
     )

package/dist/{chunk-R2KUNFDN.mjs → chunk-GA4YOE57.mjs}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-6QML6T3Y.mjs";
 import {
   ChartLegend
-} from "./chunk-UBP7HZSU.mjs";
+} from "./chunk-ZG2W4HS5.mjs";
 import {
   ChartTooltip
-} from "./chunk-NASC6XHN.mjs";
+} from "./chunk-O6YIPNXX.mjs";
 import {
   ChartCanvas
 } from "./chunk-DKNVSQSV.mjs";

package/dist/{chunk-3E76U2RG.js → chunk-GADCSCH2.js}

@@ -11,6 +11,8 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var CodeEditor = ({
@@ -25,6 +27,7 @@ var CodeEditor = ({
   wordWrap = false,
   minLines = 3,
   maxLines = 0,
+  highlightActiveLine = true,
   disabled = false,
   className,
   style,
@@ -32,6 +35,7 @@ var CodeEditor = ({
   highlighter
 }) => {
   const [internalValue, setInternalValue] = _react.useState.call(void 0, defaultValue);
+  const [activeLine, setActiveLine] = _react.useState.call(void 0, 0);
   const textareaRef = _react.useRef.call(void 0, null);
   const code = controlledValue !== void 0 ? controlledValue : internalValue;
   const lines = _react.useMemo.call(void 0, () => code.split("\n"), [code]);
@@ -48,11 +52,17 @@ var CodeEditor = ({
     if (maxLines > 0) s.maxHeight = `${maxLines * lineHeight + 1.5}rem`;
     return s;
   }, [minLines, maxLines, style]);
+  const updateActiveLine = _react.useCallback.call(void 0, () => {
+    const ta = textareaRef.current;
+    if (!ta) return;
+    setActiveLine(_tigercatcore.getActiveLineIndex.call(void 0, ta.value, ta.selectionStart));
+  }, []);
   const handleInput = _react.useCallback.call(void 0, 
     (e) => {
       const val = e.target.value;
       setInternalValue(val);
       _optionalChain([onChange, 'optionalCall', _ => _(val)]);
+      setActiveLine(_tigercatcore.getActiveLineIndex.call(void 0, val, e.target.selectionStart));
     },
     [onChange]
   );
@@ -74,27 +84,42 @@ var CodeEditor = ({
     [tabSize, onChange]
   );
   const wrapClass = wordWrap ? "whitespace-pre-wrap break-all" : "";
+  const showActiveLine = highlightActiveLine && !disabled;
+  const activeLineClass = _tigercatcore.getCodeEditorActiveLineClasses.call(void 0, theme);
   const renderToken = (token, idx) => {
     const cls = _tigercatcore.getTokenClasses.call(void 0, token.type, theme);
     return cls ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: cls, children: token.value }, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: token.value }, idx);
   };
   const renderLine = (line, lineIndex) => {
+    const lineClass = _tigercatcore.classNames.call(void 0, 
+      "min-h-[1.625rem]",
+      showActiveLine && lineIndex === activeLine && activeLineClass
+    );
     if (_optionalChain([highlighter, 'optionalAccess', _3 => _3.highlightLine])) {
       const html = highlighter.highlightLine(line, language, theme) || (line === "" ? "\n" : "");
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
-          className: "min-h-[1.625rem]",
+          className: lineClass,
+          "data-active-line": showActiveLine && lineIndex === activeLine ? "" : void 0,
           dangerouslySetInnerHTML: { __html: html }
         },
         lineIndex
       );
     }
     const tokens = _tigercatcore.tokenizeLine.call(void 0, line, language);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-h-[1.625rem]", children: [
-      tokens.map(renderToken),
-      line === "" ? "\n" : null
-    ] }, lineIndex);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        className: lineClass,
+        "data-active-line": showActiveLine && lineIndex === activeLine ? "" : void 0,
+        children: [
+          tokens.map(renderToken),
+          line === "" ? "\n" : null
+        ]
+      },
+      lineIndex
+    );
   };
   const blockHtml = highlighter && !highlighter.highlightLine && highlighter.highlightCode ? highlighter.highlightCode(code, language, theme) : null;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -123,6 +148,9 @@ var CodeEditor = ({
               value: code,
               onChange: handleInput,
               onKeyDown: handleKeyDown,
+              onSelect: updateActiveLine,
+              onClick: updateActiveLine,
+              onKeyUp: updateActiveLine,
               readOnly: readOnly || disabled,
               disabled,
               placeholder,