@expcat/tigercat-react 2.0.0 → 2.0.4

package/dist/components/ColorPicker.mjs

@@ -1,6 +1,7 @@
 import {
   ColorPicker
-} from "../chunk-KVARQQAG.mjs";
+} from "../chunk-6MGQAJ62.mjs";
+import "../chunk-HKAZXG74.mjs";
 export {
   ColorPicker
 };

package/dist/components/CropUpload.mjs

@@ -1,11 +1,11 @@
 import {
   CropUpload
-} from "../chunk-3RY6M4AK.mjs";
-import "../chunk-K7MYQISG.mjs";
+} from "../chunk-HS6KUPTI.mjs";
+import "../chunk-54HN5BXW.mjs";
 import "../chunk-PD6Q36OO.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/DataExport.mjs

@@ -1,8 +1,8 @@
 import {
   DataExport
-} from "../chunk-OVE2ZUJJ.mjs";
-import "../chunk-YI7NQWUV.mjs";
-import "../chunk-SEWNVIHH.mjs";
+} from "../chunk-D33BIMGK.mjs";
+import "../chunk-YI6YWH66.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/DataTableWithToolbar.mjs

@@ -1,14 +1,14 @@
 import {
   DataTableWithToolbar,
   DataTableWithToolbar_default
-} from "../chunk-HELLYIX2.mjs";
-import "../chunk-YCKY72BW.mjs";
-import "../chunk-PAN256RW.mjs";
-import "../chunk-QWUDJC6K.mjs";
+} from "../chunk-V6P7ZK6O.mjs";
+import "../chunk-BOGOQ44C.mjs";
+import "../chunk-KVCI2346.mjs";
+import "../chunk-HOYBHB7B.mjs";
 import "../chunk-IIWUQK2P.mjs";
 import "../chunk-AKNWUI7K.mjs";
 import "../chunk-HHIW7V7B.mjs";
-import "../chunk-S7IB6YST.mjs";
+import "../chunk-ZG56T75O.mjs";
 import "../chunk-F6WV53BS.mjs";
 import "../chunk-W7BC4I2Y.mjs";
 import "../chunk-F6T3OLTQ.mjs";
@@ -18,7 +18,7 @@ import "../chunk-OL3RXYMG.mjs";
 import "../chunk-MEFARVQI.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/DatePicker.mjs

@@ -1,7 +1,8 @@
 import {
   DatePicker
-} from "../chunk-PYDWF4ED.mjs";
+} from "../chunk-D3KP72UC.mjs";
 import "../chunk-MEFARVQI.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/Drawer.mjs

@@ -1,7 +1,7 @@
 import {
   Drawer
-} from "../chunk-TORX7SG4.mjs";
-import "../chunk-SEWNVIHH.mjs";
+} from "../chunk-CC7IOSNI.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

package/dist/components/Dropdown.mjs

@@ -3,8 +3,8 @@ import {
   DropdownContext,
   DropdownItem,
   DropdownMenu
-} from "../chunk-YI7NQWUV.mjs";
-import "../chunk-SEWNVIHH.mjs";
+} from "../chunk-YI6YWH66.mjs";
+import "../chunk-HKAZXG74.mjs";
 export {
   Dropdown,
   DropdownContext,

package/dist/components/FormItem.mjs

@@ -1,8 +1,9 @@
 import {
   FormItem
-} from "../chunk-44BPUG24.mjs";
+} from "../chunk-ZH5ZBLAN.mjs";
 import "../chunk-OQLP452R.mjs";
 import "../chunk-F6T3OLTQ.mjs";
+import "../chunk-HKAZXG74.mjs";
 import "../chunk-YSIXURBW.mjs";
 import "../chunk-TGXBCKOU.mjs";
 export {

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/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/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-NBQ3Q6DD.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/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-YCKY72BW.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/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",
+  "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"
+    "@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
-};