@expcat/tigercat-react 2.1.3 → 2.2.0

package/dist/chunk-FZQUUTWN.mjs

@@ -0,0 +1,145 @@
+import {
+  useTigerConfig
+} from "./chunk-RUIFGSVN.mjs";
+
+// src/components/Text.tsx
+import React, { forwardRef, useEffect, useMemo, useRef, useState } from "react";
+import {
+  classNames,
+  copyTextToClipboard,
+  createCopyStatusReset,
+  getCodeLabels,
+  getIconDefinition,
+  getTextClasses,
+  isTextCopyable,
+  mergeTigerLocale,
+  resolveLocaleText,
+  resolveTextCopyableOptions,
+  resolveTextCopyContent,
+  resolveTextTag,
+  textCopyableBodyClasses,
+  textCopyableButtonClasses,
+  textCopyableLiveClasses,
+  textCopyableRootClasses
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
+var copyIcon = getIconDefinition("copy");
+function CopyGlyph() {
+  if (!copyIcon) return null;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: copyIcon.viewBox,
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "h-3.5 w-3.5",
+      "aria-hidden": "true",
+      children: copyIcon.paths.map((d, i) => /* @__PURE__ */ jsx("path", { d }, i))
+    }
+  );
+}
+var Text = forwardRef(function Text2({
+  tag = "p",
+  size,
+  weight,
+  align,
+  color,
+  truncate,
+  italic,
+  underline,
+  lineThrough,
+  copyable,
+  locale,
+  children,
+  className,
+  onCopy,
+  ...props
+}, ref) {
+  const resolvedTag = resolveTextTag(tag);
+  const copyEnabled = isTextCopyable(copyable);
+  const copyOptions = resolveTextCopyableOptions(copyable);
+  const textClasses = classNames(
+    getTextClasses({
+      size,
+      weight,
+      align,
+      color,
+      truncate,
+      italic,
+      underline,
+      lineThrough,
+      copyable
+    }),
+    !copyEnabled && className
+  );
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(() => getCodeLabels(mergedLocale), [mergedLocale]);
+  const idleLabel = resolveLocaleText(labels.copyLabel, copyOptions?.tooltip);
+  const [copyStatus, setCopyStatus] = useState("idle");
+  const resetRef = useRef(null);
+  if (resetRef.current == null) {
+    resetRef.current = createCopyStatusReset(setCopyStatus);
+  }
+  useEffect(() => {
+    const machine = resetRef.current;
+    return () => machine?.dispose();
+  }, []);
+  const bodyRef = useRef(null);
+  const buttonLabel = copyStatus === "failed" ? labels.copyFailedLabel : copyStatus === "copied" ? labels.copiedLabel : idleLabel;
+  const liveText = copyStatus === "idle" ? "" : buttonLabel;
+  const handleCopy = async () => {
+    if (!copyOptions) return;
+    const fallback = bodyRef.current?.textContent ?? "";
+    const text = resolveTextCopyContent(copyOptions, fallback);
+    const ok = await copyTextToClipboard(text);
+    if (ok) {
+      resetRef.current?.schedule("copied");
+      copyOptions.onCopy?.(text);
+      onCopy?.(text);
+    } else {
+      resetRef.current?.schedule("failed");
+    }
+  };
+  if (!copyEnabled) {
+    return React.createElement(resolvedTag, { ...props, ref, className: textClasses }, children);
+  }
+  return React.createElement(
+    resolvedTag,
+    { ...props, ref, className: classNames(textCopyableRootClasses, className) },
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: bodyRef,
+        className: classNames(textCopyableBodyClasses, truncate && "truncate", textClasses),
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: textCopyableButtonClasses,
+        "aria-label": buttonLabel,
+        title: buttonLabel,
+        onClick: () => {
+          void handleCopy();
+        },
+        children: /* @__PURE__ */ jsx(CopyGlyph, {})
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: textCopyableLiveClasses, "aria-live": "polite", children: liveText })
+  );
+});
+Text.displayName = "Text";
+
+export {
+  Text
+};

package/dist/{chunk-AFVKH2Z3.mjs → chunk-G4Y25JES.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   renderOverlayPortal,
   useAnchoredOverlay
-} from "./chunk-NPGU6VYD.mjs";
+} from "./chunk-OU2AV7DY.mjs";
 
 // src/components/ContextMenu.tsx
 import React, {

package/dist/{chunk-CJSB5NOK.mjs → chunk-H3UEVWOO.mjs}

@@ -8,7 +8,7 @@ import {
 import {
   renderOverlayPortal,
   useAnchoredOverlay
-} from "./chunk-NPGU6VYD.mjs";
+} from "./chunk-OU2AV7DY.mjs";
 
 // src/components/Dropdown.tsx
 import React, {

package/dist/{chunk-CX7QZXU5.mjs → chunk-HEVB53MU.mjs}

@@ -1,6 +1,6 @@
 import {
   ImagePreview
-} from "./chunk-OYQ6HTLQ.mjs";
+} from "./chunk-SGKPZW57.mjs";
 
 // src/components/ImageViewer.tsx
 import {

package/dist/{chunk-5QTYD4XG.mjs → chunk-HKPRHDW4.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   renderOverlayPortal,
   useAnchoredOverlay
-} from "./chunk-NPGU6VYD.mjs";
+} from "./chunk-OU2AV7DY.mjs";
 
 // src/components/NavigationMenu.tsx
 import React, {

package/dist/{chunk-7KVHHNUI.mjs → chunk-ION7IDAW.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-7P4R3NVO.mjs";
 import {
   ChartTooltip
-} from "./chunk-IPI45RUK.mjs";
+} from "./chunk-JX2WKSVM.mjs";
 import {
   ChartCanvas
 } from "./chunk-OP77MPGN.mjs";

package/dist/{chunk-CCTBNDCX.mjs → chunk-IWXG4346.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-7P4R3NVO.mjs";
 import {
   ChartTooltip
-} from "./chunk-IPI45RUK.mjs";
+} from "./chunk-JX2WKSVM.mjs";
 import {
   ChartCanvas
 } from "./chunk-OP77MPGN.mjs";

package/dist/{chunk-WW6MFKTJ.mjs → chunk-IXMQQ6PV.mjs}

@@ -1,12 +1,12 @@
 import {
   Table
-} from "./chunk-GMHJWSQB.mjs";
+} from "./chunk-FTLA6FRU.mjs";
 import {
   Select
-} from "./chunk-M7TSPEXC.mjs";
+} from "./chunk-A2PQJEII.mjs";
 import {
   Popover
-} from "./chunk-N53N6H54.mjs";
+} from "./chunk-CQGDJU2H.mjs";
 import {
   Input
 } from "./chunk-XE34TOCS.mjs";

package/dist/{chunk-IPI45RUK.mjs → chunk-JX2WKSVM.mjs}

@@ -1,7 +1,7 @@
 import {
   renderOverlayPortal,
   useOverlayPortalTarget
-} from "./chunk-NPGU6VYD.mjs";
+} from "./chunk-OU2AV7DY.mjs";
 
 // src/components/ChartTooltip.tsx
 import { useRef, useEffect, useState, useMemo } from "react";

package/dist/{chunk-PTKQJPLM.mjs → chunk-KDXNJN6C.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-ST4NN6XV.mjs";
 import {
   ChartTooltip
-} from "./chunk-IPI45RUK.mjs";
+} from "./chunk-JX2WKSVM.mjs";
 import {
   ChartAxis
 } from "./chunk-XZFHPHV5.mjs";

package/dist/{chunk-WKZZ4IQK.mjs → chunk-KEFHL7CJ.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-7P4R3NVO.mjs";
 import {
   ChartTooltip
-} from "./chunk-IPI45RUK.mjs";
+} from "./chunk-JX2WKSVM.mjs";
 import {
   ChartCanvas
 } from "./chunk-OP77MPGN.mjs";

package/dist/{chunk-XBDLXTF7.mjs → chunk-KJHPPPB2.mjs}

@@ -1,6 +1,6 @@
 import {
   PieChart
-} from "./chunk-6D2VLITE.mjs";
+} from "./chunk-OZ4WH3GE.mjs";
 
 // src/components/DonutChart.tsx
 import {

package/dist/{chunk-PLEAZRIC.mjs → chunk-LKTM4NU4.mjs}

@@ -13,7 +13,7 @@ import {
   useEscapeKey,
   useFocusTrap,
   useOverlayPortalTarget
-} from "./chunk-NPGU6VYD.mjs";
+} from "./chunk-OU2AV7DY.mjs";
 import {
   useTigerConfig
 } from "./chunk-RUIFGSVN.mjs";

package/dist/{chunk-2FFAUB47.mjs → chunk-MF6LOOXR.mjs}

@@ -1,13 +1,13 @@
 import {
   usePopup
-} from "./chunk-XKB7ECPU.mjs";
+} from "./chunk-S37KEELR.mjs";
 import {
   composeRefs,
   renderOverlayTrigger
 } from "./chunk-WWZZRB7H.mjs";
 import {
   renderOverlayPortal
-} from "./chunk-NPGU6VYD.mjs";
+} from "./chunk-OU2AV7DY.mjs";
 
 // src/components/Tooltip.tsx
 import { forwardRef, useId, useMemo } from "react";

package/dist/{chunk-KJB2OIG7.mjs → chunk-MMDVFCCL.mjs}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-4BJCH6FI.mjs";
 import {
   List
-} from "./chunk-ZGXC47M5.mjs";
+} from "./chunk-YDIEWFBM.mjs";
 import {
   Loading
-} from "./chunk-BNCUJLRV.mjs";
+} from "./chunk-VW6RNQK4.mjs";
 import {
   Text
-} from "./chunk-VDBLI5Y3.mjs";
+} from "./chunk-FZQUUTWN.mjs";
 import {
   Card
 } from "./chunk-WCIUNNIN.mjs";

package/dist/{chunk-25BKSXTX.mjs → chunk-NMRCBGFP.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-FVA5VKN2.mjs";
 import {
   Text
-} from "./chunk-VDBLI5Y3.mjs";
+} from "./chunk-FZQUUTWN.mjs";
 import {
   Avatar
 } from "./chunk-3KBFOO2E.mjs";

package/dist/{chunk-NPGU6VYD.mjs → chunk-OU2AV7DY.mjs}

@@ -335,7 +335,7 @@ function useAnchoredOverlay({
     enabled: enabled && dismissOnOutside,
     refs: [containerRef, referenceRef, floatingLayerRef, ...outsideRefs],
     onOutsideClick: dismissOutside,
-    defer: false
+    defer: true
   });
   useEscapeKey({
     enabled: enabled && dismissOnEscape,

package/dist/{chunk-6D2VLITE.mjs → chunk-OZ4WH3GE.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-7P4R3NVO.mjs";
 import {
   ChartTooltip
-} from "./chunk-IPI45RUK.mjs";
+} from "./chunk-JX2WKSVM.mjs";
 import {
   ChartCanvas
 } from "./chunk-OP77MPGN.mjs";

package/dist/{chunk-A6PNUVY6.mjs → chunk-PBF5TEF4.mjs}

@@ -1,9 +1,9 @@
 import {
   Modal
-} from "./chunk-OES5DL3S.mjs";
+} from "./chunk-SCN6UULA.mjs";
 import {
   ImageCropper
-} from "./chunk-TVVLCER6.mjs";
+} from "./chunk-QCRTRRBD.mjs";
 import {
   Icon
 } from "./chunk-WPRXOO6N.mjs";

package/dist/{chunk-JML6CK44.mjs → chunk-PQPO7XSV.mjs}

@@ -10,7 +10,7 @@ import {
 import {
   renderOverlayPortal,
   useAnchoredOverlay
-} from "./chunk-NPGU6VYD.mjs";
+} from "./chunk-OU2AV7DY.mjs";
 import {
   useTigerConfig
 } from "./chunk-RUIFGSVN.mjs";