@expcat/tigercat-react 2.0.0-rc.2 → 2.0.4

package/dist/components/Image.mjs

@@ -1,10 +1,10 @@
 import {
   Image
-} from "../chunk-ZEP7I6WB.mjs";
-import "../chunk-EKESN747.mjs";
-import "../chunk-SZBYEGKU.mjs";
-import "../chunk-S7IB6YST.mjs";
-import "../chunk-SEWNVIHH.mjs";
+} from "../chunk-DPWRXXXW.mjs";
+import "../chunk-HSBN5MLS.mjs";
+import "../chunk-ZCGIZOMT.mjs";
+import "../chunk-ZG56T75O.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/ImageCropper.mjs

@@ -1,6 +1,6 @@
 import {
   ImageCropper
-} from "../chunk-VD55SSP7.mjs";
+} from "../chunk-PD6Q36OO.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/ImageGroup.mjs

@@ -1,9 +1,9 @@
 import {
   ImageGroup,
   ImageGroupContext
-} from "../chunk-EKESN747.mjs";
-import "../chunk-SZBYEGKU.mjs";
-import "../chunk-SEWNVIHH.mjs";
+} from "../chunk-HSBN5MLS.mjs";
+import "../chunk-ZCGIZOMT.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/ImagePreview.mjs

@@ -1,7 +1,7 @@
 import {
   ImagePreview
-} from "../chunk-SZBYEGKU.mjs";
-import "../chunk-SEWNVIHH.mjs";
+} from "../chunk-ZCGIZOMT.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/LineChart.mjs

@@ -1,7 +1,7 @@
 import {
   LineChart,
   LineChart_default
-} from "../chunk-3O2WHF3U.mjs";
+} from "../chunk-NCHUEGUW.mjs";
 import "../chunk-DNOPEJ5I.mjs";
 import "../chunk-YORCCCQX.mjs";
 import "../chunk-RQSQXQN6.mjs";

package/dist/components/Loading.mjs

@@ -1,7 +1,7 @@
 import {
   Loading
-} from "../chunk-AJJJ6HWC.mjs";
-import "../chunk-SEWNVIHH.mjs";
+} from "../chunk-K4GIKSZE.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/Mentions.mjs

@@ -1,7 +1,8 @@
 import {
   Mentions,
   Mentions_default
-} from "../chunk-Y7K27DVV.mjs";
+} from "../chunk-6H5Y7Y6E.mjs";
+import "../chunk-HKAZXG74.mjs";
 export {
   Mentions,
   Mentions_default as default

package/dist/components/Menu.mjs

@@ -4,8 +4,8 @@ import {
   MenuItemGroup,
   SubMenu,
   useMenuContext
-} from "../chunk-Q327ESD2.mjs";
-import "../chunk-SEWNVIHH.mjs";
+} from "../chunk-BUXHI6UK.mjs";
+import "../chunk-HKAZXG74.mjs";
 export {
   Menu,
   MenuItem,

package/dist/components/Modal.mjs

@@ -1,9 +1,9 @@
 import {
   Modal
-} from "../chunk-K7MYQISG.mjs";
+} from "../chunk-54HN5BXW.mjs";
 import "../chunk-5TE7KLE5.mjs";
 import "../chunk-ZJWUBR2X.mjs";
-import "../chunk-SEWNVIHH.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/NotificationCenter.mjs

@@ -1,17 +1,17 @@
 import {
   NotificationCenter,
   NotificationCenter_default
-} from "../chunk-POP3TS4Q.mjs";
+} from "../chunk-2WGEHH5A.mjs";
 import "../chunk-Z3CRHC5F.mjs";
 import "../chunk-QJE3MZBO.mjs";
 import "../chunk-HHIW7V7B.mjs";
 import "../chunk-Y5X3G2LD.mjs";
 import "../chunk-5TE7KLE5.mjs";
 import "../chunk-ZJWUBR2X.mjs";
-import "../chunk-AJJJ6HWC.mjs";
-import "../chunk-SEWNVIHH.mjs";
+import "../chunk-K4GIKSZE.mjs";
 import "../chunk-HLS4CHWX.mjs";
 import "../chunk-IXV5YBCZ.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/Popconfirm.mjs

@@ -1,8 +1,8 @@
 import {
   Popconfirm
-} from "../chunk-4XGO3OSE.mjs";
-import "../chunk-S7IB6YST.mjs";
-import "../chunk-SEWNVIHH.mjs";
+} from "../chunk-XE4YFBOZ.mjs";
+import "../chunk-ZG56T75O.mjs";
+import "../chunk-HKAZXG74.mjs";
 export {
   Popconfirm
 };

package/dist/components/Popover.mjs

@@ -1,8 +1,8 @@
 import {
   Popover
-} from "../chunk-QWUDJC6K.mjs";
-import "../chunk-S7IB6YST.mjs";
-import "../chunk-SEWNVIHH.mjs";
+} from "../chunk-HOYBHB7B.mjs";
+import "../chunk-ZG56T75O.mjs";
+import "../chunk-HKAZXG74.mjs";
 export {
   Popover
 };

package/dist/components/ScatterChart.mjs

@@ -1,7 +1,7 @@
 import {
   ScatterChart,
   ScatterChart_default
-} from "../chunk-44CQTGAN.mjs";
+} from "../chunk-E7OTDBI6.mjs";
 import "../chunk-DNOPEJ5I.mjs";
 import "../chunk-YORCCCQX.mjs";
 import "../chunk-RQSQXQN6.mjs";

package/dist/components/Select.mjs

@@ -1,6 +1,7 @@
 import {
   Select
-} from "../chunk-PAN256RW.mjs";
+} from "../chunk-KVCI2346.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/Spotlight.mjs

@@ -1,9 +1,9 @@
 import {
   Spotlight,
   Spotlight_default
-} from "../chunk-O5RAMCBV.mjs";
+} from "../chunk-2JYJPNW3.mjs";
 import "../chunk-MEFARVQI.mjs";
-import "../chunk-SEWNVIHH.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/Table.mjs

@@ -1,7 +1,7 @@
 import {
   Table
-} from "../chunk-N6JNLJIN.mjs";
-import "../chunk-PAN256RW.mjs";
+} from "../chunk-BOGOQ44C.mjs";
+import "../chunk-KVCI2346.mjs";
 import "../chunk-IIWUQK2P.mjs";
 import "../chunk-AKNWUI7K.mjs";
 import "../chunk-HHIW7V7B.mjs";
@@ -9,6 +9,7 @@ import "../chunk-W7BC4I2Y.mjs";
 import "../chunk-EPWAROC2.mjs";
 import "../chunk-OL3RXYMG.mjs";
 import "../chunk-MEFARVQI.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/TimePicker.mjs

@@ -1,7 +1,8 @@
 import {
   TimePicker
-} from "../chunk-MGQWVJHX.mjs";
+} from "../chunk-ALSOPYM5.mjs";
 import "../chunk-MEFARVQI.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/Tooltip.mjs

@@ -1,8 +1,8 @@
 import {
   Tooltip
-} from "../chunk-2UOGBS3C.mjs";
-import "../chunk-S7IB6YST.mjs";
-import "../chunk-SEWNVIHH.mjs";
+} from "../chunk-KP6DEYWB.mjs";
+import "../chunk-ZG56T75O.mjs";
+import "../chunk-HKAZXG74.mjs";
 export {
   Tooltip
 };

package/dist/components/Tour.mjs

@@ -1,8 +1,8 @@
 import {
   Tour
-} from "../chunk-5RVLBNLI.mjs";
-import "../chunk-SEWNVIHH.mjs";
+} from "../chunk-RJPNBYK5.mjs";
 import "../chunk-FLYJVZED.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/TreeSelect.mjs

@@ -1,6 +1,7 @@
 import {
   TreeSelect
-} from "../chunk-TO2URY7X.mjs";
+} from "../chunk-7AFRHC7P.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/Upload.mjs

@@ -1,6 +1,6 @@
 import {
   Upload
-} from "../chunk-HXD7KMRP.mjs";
+} from "../chunk-UCBW5RJN.mjs";
 import "../chunk-MEFARVQI.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";

package/dist/components/VirtualTable.mjs

@@ -1,7 +1,7 @@
 import {
   VirtualTable,
   VirtualTable_default
-} from "../chunk-KFPQ6DIH.mjs";
+} from "../chunk-GV4F6X3C.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/index.d.mts

@@ -150,6 +150,6 @@ import 'react';
  * React components for Tigercat UI library
  */
 
-declare const version = "2.0.0-rc.2";
+declare const version = "2.0.0";
 
 export { version };

package/dist/index.mjs

@@ -693,6 +693,8 @@ export {
   getAnchorLinkListClasses,
   getAnchorTargetElement,
   getAnchorWrapperClasses,
+  getAnchoredOverlayLayoutClasses,
+  getAnchoredOverlayTabTarget,
   getAreaGradientPrefix,
   getArrowStyles,
   getAutoCompleteInputClasses,
@@ -1109,7 +1111,6 @@ export {
   getStepsContainerClasses,
   getSubMenuExpandIconClasses,
   getSubMenuTitleClasses,
-  getSubmenuPopupZIndex,
   getSunburstGradientPrefix,
   getSvgDefaultAttrs,
   getSwitchClasses,
@@ -1553,7 +1554,6 @@ export {
   popconfirmQuestionIconPath,
   popconfirmSuccessIconPath,
   popconfirmWarningIconPath,
-  positionMentionsDropdown,
   prefersReducedMotion,
   prepareUploadFiles,
   prevIconPath,
@@ -1606,6 +1606,7 @@ export {
   rateInactiveColor,
   readFileAsDataUrl,
   redoFormHistory,
+  registerEscapeDismiss,
   registerImageGroupItem,
   removeCssVarsCached,
   renderMarkdownInline,
@@ -1637,6 +1638,7 @@ export {
   resizeCropRect,
   resizePanes,
   resolveAffixTarget,
+  resolveAnchoredOverlayTarget,
   resolveCardPadding,
   resolveCarouselSwipeDirection,
   resolveChartPalette,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-react",
-  "version": "2.0.0-rc.2",
+  "version": "2.0.4",
   "description": "React components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -782,7 +782,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "2.0.0-rc.2"
+    "@expcat/tigercat-core": "2.0.4"
   },
   "devDependencies": {
     "@types/node": "^26.1.1",

package/dist/chunk-KVARQQAG.mjs

@@ -1,181 +0,0 @@
-// src/components/ColorPicker.tsx
-import { useState, useMemo, useRef, useEffect } from "react";
-import {
-  colorPickerBaseClasses,
-  getColorPickerTriggerClasses,
-  colorPickerPanelClasses,
-  colorPickerInputClasses,
-  colorPickerPresetClasses,
-  hexToRgb,
-  rgbToHex,
-  rgbToHsv,
-  hsvToRgb,
-  formatColorString,
-  parseColorInput,
-  classNames
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ColorPicker = ({
-  value = "#2563eb",
-  disabled = false,
-  size = "md",
-  showAlpha = false,
-  format = "hex",
-  presets,
-  className,
-  onChange
-}) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const [alpha, setAlpha] = useState(1);
-  const containerRef = useRef(null);
-  const rgb = useMemo(() => hexToRgb(value), [value]);
-  const hsv = useMemo(() => rgbToHsv(rgb.r, rgb.g, rgb.b), [rgb]);
-  const displayValue = useMemo(
-    () => formatColorString(rgb.r, rgb.g, rgb.b, format, showAlpha ? alpha : void 0),
-    [rgb, format, showAlpha, alpha]
-  );
-  const swatchColor = showAlpha ? `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha})` : value;
-  const [inputValue, setInputValue] = useState(displayValue);
-  useEffect(() => {
-    setInputValue(displayValue);
-  }, [displayValue]);
-  function togglePanel() {
-    if (disabled) return;
-    setIsOpen((v) => !v);
-  }
-  function handleTriggerKeyDown(e) {
-    if (disabled) return;
-    if (e.key === "Enter" || e.key === " " || e.key === "Spacebar") {
-      e.preventDefault();
-      setIsOpen((v) => !v);
-    } else if (e.key === "Escape" && isOpen) {
-      setIsOpen(false);
-    }
-  }
-  function handleHueChange(e) {
-    const hue = Number(e.target.value);
-    const { r, g, b } = hsvToRgb(hue, hsv.s, hsv.v);
-    const hex = rgbToHex(r, g, b);
-    onChange?.(hex);
-  }
-  function handleInputChange(e) {
-    const val = e.target.value;
-    setInputValue(val);
-    const hex = parseColorInput(val);
-    if (hex) {
-      onChange?.(hex);
-    }
-  }
-  function handleAlphaChange(e) {
-    setAlpha(Number(e.target.value) / 100);
-  }
-  function handlePresetClick(color) {
-    onChange?.(color);
-  }
-  function handlePresetKeyDown(e, color) {
-    if (e.key === "Enter" || e.key === " " || e.key === "Spacebar") {
-      e.preventDefault();
-      handlePresetClick(color);
-    }
-  }
-  useEffect(() => {
-    if (!isOpen) return;
-    function handleClickOutside(e) {
-      if (containerRef.current && !containerRef.current.contains(e.target)) {
-        setIsOpen(false);
-      }
-    }
-    document.addEventListener("click", handleClickOutside);
-    return () => document.removeEventListener("click", handleClickOutside);
-  }, [isOpen]);
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: classNames(colorPickerBaseClasses, className), children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: getColorPickerTriggerClasses(size, disabled),
-        style: { backgroundColor: swatchColor },
-        role: "button",
-        "aria-label": "Pick color",
-        "aria-haspopup": "dialog",
-        "aria-expanded": isOpen,
-        "aria-disabled": disabled || void 0,
-        tabIndex: disabled ? -1 : 0,
-        onClick: togglePanel,
-        onKeyDown: handleTriggerKeyDown
-      }
-    ),
-    isOpen && /* @__PURE__ */ jsxs("div", { className: colorPickerPanelClasses, children: [
-      /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
-        /* @__PURE__ */ jsx("label", { className: "block text-xs text-[var(--tiger-text-muted,#6b7280)] mb-1", children: "Hue" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "range",
-            min: 0,
-            max: 360,
-            value: hsv.h,
-            className: "w-full h-2 rounded-full cursor-pointer accent-[var(--tiger-primary,#2563eb)]",
-            "aria-label": "Hue",
-            onChange: handleHueChange
-          }
-        )
-      ] }),
-      showAlpha && /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
-        /* @__PURE__ */ jsx("label", { className: "block text-xs text-[var(--tiger-text-muted,#6b7280)] mb-1", children: "Alpha" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "range",
-            min: 0,
-            max: 100,
-            value: Math.round(alpha * 100),
-            className: "w-full h-2 rounded-full cursor-pointer accent-[var(--tiger-primary,#2563eb)]",
-            "aria-label": "Alpha",
-            onChange: handleAlphaChange
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
-        /* @__PURE__ */ jsx("label", { className: "block text-xs text-[var(--tiger-text-muted,#6b7280)] mb-1 uppercase", children: format }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "text",
-            className: colorPickerInputClasses,
-            value: inputValue,
-            "aria-label": "Color value",
-            onChange: handleInputChange
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "w-8 h-8 rounded border border-[var(--tiger-border,#d1d5db)]",
-            style: { backgroundColor: swatchColor },
-            "aria-label": "Color preview"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-mono text-[var(--tiger-text,#111827)]", children: displayValue })
-      ] }),
-      presets && presets.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: presets.map((color) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: colorPickerPresetClasses,
-          style: { backgroundColor: color },
-          role: "button",
-          tabIndex: 0,
-          "aria-label": `Select ${color}`,
-          onClick: () => handlePresetClick(color),
-          onKeyDown: (e) => handlePresetKeyDown(e, color)
-        },
-        color
-      )) })
-    ] })
-  ] });
-};
-
-export {
-  ColorPicker
-};

package/dist/chunk-SEWNVIHH.mjs

@@ -1,153 +0,0 @@
-// src/utils/overlay.ts
-import { useEffect, useRef, useState, useCallback } from "react";
-import { createPortal } from "react-dom";
-import {
-  getFocusTrapNavigation,
-  getFocusableElements,
-  isEscapeKey,
-  isEventOutside,
-  lockBodyScroll,
-  isBrowser,
-  computeFloatingPosition,
-  autoUpdateFloating
-} from "@expcat/tigercat-core";
-function useClickOutside({
-  enabled,
-  refs,
-  onOutsideClick,
-  defer = false
-}) {
-  useEffect(() => {
-    if (!enabled) return;
-    const handler = (event) => {
-      const elements = refs.map((ref) => ref?.current);
-      if (isEventOutside(event, elements)) {
-        onOutsideClick();
-      }
-    };
-    const attach = () => document.addEventListener("click", handler);
-    const detach = () => document.removeEventListener("click", handler);
-    if (!defer) {
-      attach();
-      return () => detach();
-    }
-    const timer = window.setTimeout(() => attach(), 0);
-    return () => {
-      window.clearTimeout(timer);
-      detach();
-    };
-  }, [enabled, refs, onOutsideClick, defer]);
-}
-function useEscapeKey({ enabled, onEscape }) {
-  useEffect(() => {
-    if (!enabled) return;
-    const handler = (event) => {
-      if (event.defaultPrevented) return;
-      if (!isEscapeKey(event)) return;
-      onEscape();
-    };
-    document.addEventListener("keydown", handler);
-    return () => document.removeEventListener("keydown", handler);
-  }, [enabled, onEscape]);
-}
-function useBodyScrollLock({ enabled }) {
-  useEffect(() => {
-    if (!enabled) return;
-    return lockBodyScroll();
-  }, [enabled]);
-}
-function renderBodyPortal(node) {
-  if (!isBrowser()) return null;
-  return createPortal(node, document.body);
-}
-function useFocusTrap({ enabled, containerRef }) {
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!enabled || !container) return;
-    const handler = (event) => {
-      const focusables = getFocusableElements(container);
-      const activeElement = container.ownerDocument?.activeElement ?? document.activeElement;
-      const nav = getFocusTrapNavigation(event, focusables, activeElement);
-      if (!nav.shouldHandle || !nav.next) return;
-      event.preventDefault();
-      nav.next.focus();
-    };
-    container.addEventListener("keydown", handler);
-    return () => container.removeEventListener("keydown", handler);
-  }, [enabled, containerRef]);
-}
-function useFloating(options) {
-  const {
-    referenceRef,
-    floatingRef,
-    enabled,
-    placement: initialPlacement = "bottom",
-    offset: offsetDistance = 8,
-    arrowRef,
-    onPlacementChange
-  } = options;
-  const [x, setX] = useState(0);
-  const [y, setY] = useState(0);
-  const [placement, setPlacement] = useState(initialPlacement);
-  const [arrowX, setArrowX] = useState(void 0);
-  const [arrowY, setArrowY] = useState(void 0);
-  const onPlacementChangeRef = useRef(onPlacementChange);
-  onPlacementChangeRef.current = onPlacementChange;
-  const update = useCallback(async () => {
-    const reference = referenceRef.current;
-    const floating = floatingRef.current;
-    if (!reference || !floating) return;
-    const floatingOptions = {
-      placement: initialPlacement,
-      offset: offsetDistance,
-      flip: true,
-      shift: true,
-      arrowElement: arrowRef?.current
-    };
-    const result = await computeFloatingPosition(
-      reference,
-      floating,
-      floatingOptions
-    );
-    setX(result.x);
-    setY(result.y);
-    setPlacement((prev) => {
-      if (prev !== result.placement) {
-        onPlacementChangeRef.current?.(result.placement);
-        return result.placement;
-      }
-      return prev;
-    });
-    if (result.arrow) {
-      setArrowX(result.arrow.x);
-      setArrowY(result.arrow.y);
-    }
-  }, [referenceRef, floatingRef, initialPlacement, offsetDistance, arrowRef]);
-  useEffect(() => {
-    const reference = referenceRef.current;
-    const floating = floatingRef.current;
-    if (!enabled || !reference || !floating) return;
-    update();
-    const cleanup = autoUpdateFloating(reference, floating, update);
-    return () => {
-      cleanup();
-    };
-  }, [enabled, referenceRef, floatingRef, update]);
-  return {
-    x,
-    y,
-    placement,
-    arrowX,
-    arrowY,
-    update
-  };
-}
-
-export {
-  useClickOutside,
-  useEscapeKey,
-  useBodyScrollLock,
-  renderBodyPortal,
-  useFocusTrap,
-  useFloating
-};