@expcat/tigercat-react 1.0.7 → 1.1.0

package/dist/{chunk-YHFBPSMF.js → chunk-VTOMFVSF.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkKQZ4F7FZ_js = require('./chunk-KQZ4F7FZ.js');
-var chunk6PBNFLM7_js = require('./chunk-6PBNFLM7.js');
-var chunkM375I56K_js = require('./chunk-M375I56K.js');
-var chunkDUWAV47E_js = require('./chunk-DUWAV47E.js');
+var chunkXTV5JLLC_js = require('./chunk-XTV5JLLC.js');
+var chunkWV5XHYW6_js = require('./chunk-WV5XHYW6.js');
+var chunk36ATCHP4_js = require('./chunk-36ATCHP4.js');
+var chunkUKLVOR4E_js = require('./chunk-UKLVOR4E.js');
 var React = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -21,6 +21,7 @@ var TreeMapChart = ({
   showLabels = true,
   minLabelSize = 10,
   colors,
+  gradient = false,
   hoverable = false,
   hoveredIndex: hoveredIndexProp,
   activeOpacity = 1,
@@ -46,6 +47,7 @@ var TreeMapChart = ({
     [width, height, padding]
   );
   const palette = React.useMemo(() => tigercatCore.resolveChartPalette(colors), [colors]);
+  const gradientPrefix = React.useMemo(() => tigercatCore.getTreeMapGradientPrefix(), []);
   const nodes = React.useMemo(
     () => tigercatCore.computeTreeMapNodes(data, {
       width: innerRect.width,
@@ -67,7 +69,7 @@ var TreeMapChart = ({
     handleLegendHover,
     handleLegendLeave,
     wrapperClasses
-  } = chunkKQZ4F7FZ_js.useChartInteraction({
+  } = chunkXTV5JLLC_js.useChartInteraction({
     hoverable,
     hoveredIndexProp,
     selectable,
@@ -110,7 +112,7 @@ var TreeMapChart = ({
   );
   const interactive = hoverable || selectable;
   const chart = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDUWAV47E_js.ChartCanvas,
+    chunkUKLVOR4E_js.ChartCanvas,
     {
       width,
       height,
@@ -118,51 +120,72 @@ var TreeMapChart = ({
       title,
       desc,
       className: tigercatCore.classNames(className),
-      children: /* @__PURE__ */ jsxRuntime.jsx("g", { "data-series-type": "treemap", children: nodes.map((node) => {
-        const opacity = tigercatCore.getChartElementOpacity(node.index, activeIndex, {
-          activeOpacity,
-          inactiveOpacity
-        });
-        return /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "rect",
-            {
-              x: node.x,
-              y: node.y,
-              width: node.w,
-              height: node.h,
-              rx: 2,
-              fill: node.color,
-              opacity,
-              className: tigercatCore.classNames(interactive && "cursor-pointer"),
-              style: { transition: "opacity 0.2s ease-out" },
-              onMouseEnter: (e) => handleMouseEnter(node.index, e),
-              onMouseMove: handleMouseMove,
-              onMouseLeave: handleMouseLeave,
-              onClick: () => handleClick(node.index)
-            }
-          ),
-          showLabels && node.w > 30 && node.h > minLabelSize + 4 && /* @__PURE__ */ jsxRuntime.jsx(
-            "text",
-            {
-              x: node.x + node.w / 2,
-              y: node.y + node.h / 2,
-              className: "fill-white text-xs",
-              textAnchor: "middle",
-              dominantBaseline: "middle",
-              style: {
-                pointerEvents: "none",
-                fontSize: `${Math.min(12, node.h * 0.3)}px`
-              },
-              children: node.label
-            }
-          )
-        ] }, `node-${node.index}`);
-      }) })
+      children: /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-series-type": "treemap", children: [
+        gradient && /* @__PURE__ */ jsxRuntime.jsx("defs", { children: nodes.map((node) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "linearGradient",
+          {
+            id: `${gradientPrefix}-${node.index}`,
+            x1: "0",
+            y1: "0",
+            x2: "0",
+            y2: "1",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: node.color, stopOpacity: 1 }),
+              /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: node.color, stopOpacity: 0.7 })
+            ]
+          },
+          `grad-${node.index}`
+        )) }),
+        nodes.map((node) => {
+          const opacity = tigercatCore.getChartElementOpacity(node.index, activeIndex, {
+            activeOpacity,
+            inactiveOpacity
+          });
+          return /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "rect",
+              {
+                x: node.x,
+                y: node.y,
+                width: node.w,
+                height: node.h,
+                rx: 2,
+                fill: gradient ? `url(#${gradientPrefix}-${node.index})` : node.color,
+                opacity,
+                className: tigercatCore.classNames(interactive && "cursor-pointer"),
+                style: {
+                  transition: "opacity 0.2s ease-out, filter 0.2s ease-out",
+                  rx: "var(--tiger-chart-block-radius, 2px)",
+                  filter: activeIndex === node.index ? "var(--tiger-chart-block-active-filter, none)" : "none"
+                },
+                onMouseEnter: (e) => handleMouseEnter(node.index, e),
+                onMouseMove: handleMouseMove,
+                onMouseLeave: handleMouseLeave,
+                onClick: () => handleClick(node.index)
+              }
+            ),
+            showLabels && node.w > 30 && node.h > minLabelSize + 4 && /* @__PURE__ */ jsxRuntime.jsx(
+              "text",
+              {
+                x: node.x + node.w / 2,
+                y: node.y + node.h / 2,
+                className: "fill-white text-xs",
+                textAnchor: "middle",
+                dominantBaseline: "middle",
+                style: {
+                  pointerEvents: "none",
+                  fontSize: `${Math.min(12, node.h * 0.3)}px`
+                },
+                children: node.label
+              }
+            )
+          ] }, `node-${node.index}`);
+        })
+      ] })
     }
   );
   const tooltip = showTooltip && hoverable ? /* @__PURE__ */ jsxRuntime.jsx(
-    chunkM375I56K_js.ChartTooltip,
+    chunk36ATCHP4_js.ChartTooltip,
     {
       content: tooltipContent,
       visible: resolvedHoveredIndex !== null && tooltipContent !== "",
@@ -179,7 +202,7 @@ var TreeMapChart = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, children: [
     chart,
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6PBNFLM7_js.ChartLegend,
+      chunkWV5XHYW6_js.ChartLegend,
       {
         items: legendItems,
         position: legendPosition,

package/dist/{chunk-QPGL4YEO.mjs → chunk-W7UGU2O6.mjs}

@@ -1,8 +1,8 @@
-import { StepsItem, Steps } from './chunk-AUP3PMDD.mjs';
-import { useTigerConfig } from './chunk-CRSMECWE.mjs';
-import { Button } from './chunk-3KMKMAE3.mjs';
+import { StepsItem, Steps } from './chunk-36WZNVQ5.mjs';
+import { useTigerConfig } from './chunk-VBZE77VM.mjs';
+import { Button } from './chunk-GKJNQUTW.mjs';
 import { useMemo, useState, useEffect, useCallback } from 'react';
-import { mergeTigerLocale, getFormWizardLabels, classNames, resolveLocaleText } from '@expcat/tigercat-core';
+import { mergeTigerLocale, getFormWizardLabels, classNames, clampStepIndex, runStepValidation, findNextUnskippedStep, resolveLocaleText } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var FormWizard = ({
@@ -44,13 +44,12 @@ var FormWizard = ({
   const isFirst = currentIndex <= 0;
   const isLast = currentIndex >= totalCount - 1;
   const wrapperClasses = classNames(
-    "tiger-form-wizard w-full rounded-lg border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden",
+    "tiger-form-wizard w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden",
     className
   );
   const setCurrent = useCallback(
     (next) => {
-      const max = Math.max(totalCount - 1, 0);
-      const clamped = Math.min(Math.max(next, 0), max);
+      const clamped = clampStepIndex(next, totalCount);
       if (current === void 0) {
         setInnerCurrent(clamped);
       }
@@ -61,24 +60,13 @@ var FormWizard = ({
     },
     [current, currentIndex, onChange, totalCount, autoSave, steps]
   );
-  const runBeforeNext = useCallback(async () => {
-    if (!beforeNext || !currentStep) {
-      return true;
-    }
-    const result = await beforeNext(currentIndex, currentStep, steps);
-    return result === true;
-  }, [beforeNext, currentIndex, currentStep, steps]);
+  const runBeforeNext = useCallback(
+    () => runStepValidation(currentIndex, currentStep, steps, beforeNext),
+    [beforeNext, currentIndex, currentStep, steps]
+  );
   const findNextUnskipped = useCallback(
-    (from, dir) => {
-      let idx = from;
-      while (idx >= 0 && idx < totalCount) {
-        const step = steps[idx];
-        if (!step?.disabled && !step?.skipCondition?.()) return idx;
-        idx += dir;
-      }
-      return currentIndex;
-    },
-    [steps, totalCount, currentIndex]
+    (from, dir) => findNextUnskippedStep(from, dir, steps, currentIndex),
+    [steps, currentIndex]
   );
   const handlePrev = useCallback(() => {
     if (currentIndex <= 0) return;

package/dist/{chunk-AYDTXJOR.mjs → chunk-WDRYAP7T.mjs}

@@ -1,8 +1,8 @@
-import { Modal } from './chunk-BJ2GUKPU.mjs';
-import { ImageCropper } from './chunk-2EOXY2LP.mjs';
-import { Button } from './chunk-3KMKMAE3.mjs';
+import { Modal } from './chunk-2PLPUM5J.mjs';
+import { ImageCropper } from './chunk-CCDZLSOL.mjs';
+import { Button } from './chunk-GKJNQUTW.mjs';
 import { useRef, useState, useCallback, useMemo } from 'react';
-import { classNames, cropUploadTriggerDisabledClasses, cropUploadTriggerClasses, uploadPlusIconPath } from '@expcat/tigercat-core';
+import { validateUploadFile, readFileAsDataUrl, getCropperResult, classNames, cropUploadTriggerDisabledClasses, cropUploadTriggerClasses, isActivationKey, uploadPlusIconPath } from '@expcat/tigercat-core';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var CropUpload = ({
@@ -30,17 +30,16 @@ var CropUpload = ({
     (e) => {
       const file = e.target.files?.[0];
       if (!file) return;
-      if (maxSize && file.size > maxSize) {
-        onError?.(new Error(`File size exceeds maximum of ${maxSize} bytes`));
+      const sizeError = validateUploadFile(file, maxSize);
+      if (sizeError) {
+        onError?.(sizeError);
         e.target.value = "";
         return;
       }
-      const reader = new FileReader();
-      reader.onload = (ev) => {
-        setImageSrc(ev.target?.result);
+      readFileAsDataUrl(file).then((url) => {
+        setImageSrc(url);
         setModalVisible(true);
-      };
-      reader.readAsDataURL(file);
+      }).catch((err) => onError?.(err));
       e.target.value = "";
     },
     [maxSize, onError]
@@ -49,9 +48,13 @@ var CropUpload = ({
     if (!cropperRef.current) return;
     setCropping(true);
     try {
-      const result = await cropperRef.current.getCropResult();
-      onCropComplete?.(result);
-      setModalVisible(false);
+      const result = await getCropperResult(
+        cropperRef.current
+      );
+      if (result) {
+        onCropComplete?.(result);
+        setModalVisible(false);
+      }
     } catch (err) {
       onError?.(err);
     } finally {
@@ -68,7 +71,7 @@ var CropUpload = ({
   );
   const handleKeyDown = useCallback(
     (e) => {
-      if (e.key === "Enter" || e.key === " ") {
+      if (isActivationKey(e)) {
         e.preventDefault();
         handleTriggerClick();
       }

package/dist/{chunk-AMOH5AMN.mjs → chunk-WFIQIBLC.mjs}

@@ -1,4 +1,4 @@
-import { useFloating, useClickOutside, useEscapeKey } from './chunk-WLIFEALE.mjs';
+import { useFloating, useClickOutside, useEscapeKey } from './chunk-XTSG362L.mjs';
 import { useState, useRef, useCallback, useMemo } from 'react';
 import { getTransformOrigin, buildTriggerHandlerMap } from '@expcat/tigercat-core';
 
@@ -50,7 +50,7 @@ function usePopup(options) {
   const effectiveTrigger = multiTrigger ? trigger : "click";
   useClickOutside({
     enabled: currentVisible && effectiveTrigger === "click",
-    refs: [containerRef],
+    refs: [containerRef, floatingRef],
     onOutsideClick: () => setVisible(false),
     defer: true
   });

package/dist/{chunk-BR5OSUZT.mjs → chunk-WI4N5DD3.mjs}

@@ -1,5 +1,5 @@
 import { useRef, useMemo, useCallback, useEffect } from 'react';
-import { getInfiniteScrollContainerClasses, shouldLoadMore, classNames, infiniteScrollLoaderClasses, infiniteScrollEndClasses } from '@expcat/tigercat-core';
+import { getInfiniteScrollContainerClasses, shouldLoadMore, createInfiniteScrollObserver, classNames, infiniteScrollSentinelClasses, infiniteScrollLoaderClasses, infiniteScrollEndClasses } from '@expcat/tigercat-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/components/InfiniteScroll.tsx
@@ -20,32 +20,63 @@ var InfiniteScroll = ({
   ...rest
 }) => {
   const containerRef = useRef(null);
+  const sentinelRef = useRef(null);
   const containerClasses = useMemo(
     () => getInfiniteScrollContainerClasses(direction, className),
     [direction, className]
   );
+  const onLoadMoreRef = useRef(onLoadMore);
+  onLoadMoreRef.current = onLoadMore;
   const checkScroll = useCallback(() => {
     if (disabled || loading || !hasMore) return;
     const el = containerRef.current;
     if (!el) return;
     if (shouldLoadMore(el, threshold, direction, inverse)) {
-      onLoadMore?.();
+      onLoadMoreRef.current?.();
     }
-  }, [disabled, loading, hasMore, threshold, direction, inverse, onLoadMore]);
+  }, [disabled, loading, hasMore, threshold, direction, inverse]);
   useEffect(() => {
+    if (disabled || !hasMore) return;
+    const sentinel = sentinelRef.current;
+    if (!sentinel) return;
+    const teardown = createInfiniteScrollObserver(sentinel, {
+      threshold,
+      direction,
+      root: containerRef.current,
+      onLoadMore: () => {
+        if (!disabled && !loading && hasMore) {
+          onLoadMoreRef.current?.();
+        }
+      }
+    });
+    if (teardown) {
+      return teardown;
+    }
     const el = containerRef.current;
-    if (!el) return;
-    el.addEventListener("scroll", checkScroll, { passive: true });
-    return () => el.removeEventListener("scroll", checkScroll);
-  }, [checkScroll]);
+    if (el) {
+      el.addEventListener("scroll", checkScroll, { passive: true });
+      return () => el.removeEventListener("scroll", checkScroll);
+    }
+  }, [disabled, loading, hasMore, threshold, direction, inverse, checkScroll]);
+  const sentinelEl = hasMore ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: sentinelRef,
+      className: infiniteScrollSentinelClasses,
+      "aria-hidden": "true",
+      style: { height: 0, overflow: "hidden" }
+    }
+  ) : null;
   const loaderEl = loading ? /* @__PURE__ */ jsx("div", { className: infiniteScrollLoaderClasses, role: "status", "aria-live": "polite", children: loader ?? loadingText }) : null;
   const endEl = !hasMore && !loading ? /* @__PURE__ */ jsx("div", { className: infiniteScrollEndClasses, children: end ?? endText }) : null;
   return /* @__PURE__ */ jsx("div", { ref: containerRef, className: classNames(containerClasses), ...rest, children: inverse ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    sentinelEl,
     loaderEl,
     children,
     endEl
   ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     children,
+    sentinelEl,
     loaderEl,
     endEl
   ] }) });

package/dist/{chunk-TQEIMVJD.mjs → chunk-WK45IRP7.mjs}

@@ -1,5 +1,5 @@
-import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
-import { resolveWatermarkFont, watermarkDefaults, renderWatermarkCanvas, getWatermarkOverlayStyle, classNames, watermarkWrapperClasses } from '@expcat/tigercat-core';
+import { useState, useRef, useMemo, useEffect } from 'react';
+import { resolveWatermarkFont, createWatermarkRenderController, watermarkDefaults, getWatermarkOverlayStyle, classNames, watermarkWrapperClasses } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/components/Watermark.tsx
@@ -21,48 +21,39 @@ var Watermark = ({
 }) => {
   const [base64, setBase64] = useState();
   const wrapperRef = useRef(null);
+  const renderControllerRef = useRef(null);
   const resolvedFont = useMemo(() => resolveWatermarkFont(font), [font]);
-  const generate = useCallback(() => {
-    if (image) {
-      const img = new Image();
-      img.crossOrigin = "anonymous";
-      img.onload = () => {
-        const canvas = document.createElement("canvas");
-        const dpr = window.devicePixelRatio || 1;
-        canvas.width = width * dpr;
-        canvas.height = height * dpr;
-        const ctx = canvas.getContext("2d");
-        if (!ctx) return;
-        ctx.scale(dpr, dpr);
-        ctx.translate(width / 2, height / 2);
-        ctx.rotate(rotate * Math.PI / 180);
-        ctx.translate(-width / 2, -height / 2);
-        ctx.drawImage(img, 0, 0, width, height);
-        setBase64(canvas.toDataURL());
-      };
-      img.src = image;
-    } else {
-      setBase64(
-        renderWatermarkCanvas({
-          content,
-          width,
-          height,
-          rotate,
-          font: resolvedFont
-        })
-      );
-    }
-  }, [content, image, width, height, rotate, resolvedFont]);
   useEffect(() => {
-    generate();
-  }, [generate]);
+    const target = wrapperRef.current;
+    if (!target) return;
+    const controller = createWatermarkRenderController({
+      getRenderOptions: () => ({
+        content,
+        image,
+        width,
+        height,
+        rotate,
+        font: resolvedFont
+      }),
+      onRender: setBase64
+    });
+    renderControllerRef.current = controller;
+    controller.observe(target);
+    controller.render();
+    return () => {
+      controller.disconnect();
+      if (renderControllerRef.current === controller) {
+        renderControllerRef.current = null;
+      }
+    };
+  }, [content, image, width, height, rotate, resolvedFont]);
   useEffect(() => {
     if (typeof MutationObserver === "undefined" || !wrapperRef.current) return;
     const observer = new MutationObserver((mutations) => {
       for (const m of mutations) {
         for (const node of Array.from(m.removedNodes)) {
           if (node.dataset?.watermark === "true") {
-            generate();
+            renderControllerRef.current?.render();
             return;
           }
         }
@@ -70,7 +61,7 @@ var Watermark = ({
     });
     observer.observe(wrapperRef.current, { childList: true });
     return () => observer.disconnect();
-  }, [generate]);
+  }, []);
   const overlayStyle = useMemo(
     () => getWatermarkOverlayStyle({
       base64Url: base64,

package/dist/{chunk-HLJQZUIY.mjs → chunk-WNX4TH7U.mjs}

@@ -1,7 +1,7 @@
-import { useEscapeKey } from './chunk-WLIFEALE.mjs';
+import { useEscapeKey } from './chunk-XTSG362L.mjs';
 import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
 import { createPortal } from 'react-dom';
-import { getPreviewNavState, clampScale, calculateTransform, imagePreviewWrapperClasses, imagePreviewMaskClasses, imagePreviewImgClasses, imagePreviewCloseBtnClasses, previewCloseIconPath, classNames, prevIconPath, imagePreviewNavBtnClasses, nextIconPath, imagePreviewToolbarClasses, imagePreviewToolbarBtnClasses, zoomOutIconPath, resetIconPath, zoomInIconPath, imagePreviewCounterClasses } from '@expcat/tigercat-core';
+import { getPreviewNavState, clampScale, normalizeRotation, calculateTransform, imagePreviewWrapperClasses, imagePreviewMaskClasses, imagePreviewImgClasses, imagePreviewCloseBtnClasses, previewCloseIconPath, classNames, prevIconPath, imagePreviewNavBtnClasses, nextIconPath, imagePreviewToolbarClasses, imagePreviewToolbarBtnClasses, zoomOutIconPath, resetIconPath, zoomInIconPath, imageViewerIcons, imagePreviewCounterClasses } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var SvgIcon = ({ d, cls = "w-5 h-5" }) => /* @__PURE__ */ jsx(
@@ -30,6 +30,7 @@ var ImagePreview = ({
 }) => {
   const isOpen = open;
   const [scale, setScale] = useState(1);
+  const [rotation, setRotation] = useState(0);
   const [offsetX, setOffsetX] = useState(0);
   const [offsetY, setOffsetY] = useState(0);
   const [index, setIndex] = useState(currentIndex);
@@ -37,6 +38,7 @@ var ImagePreview = ({
   const dragStartRef = useRef({ x: 0, y: 0, ox: 0, oy: 0 });
   const resetTransform = useCallback(() => {
     setScale(1);
+    setRotation(0);
     setOffsetX(0);
     setOffsetY(0);
   }, []);
@@ -79,6 +81,12 @@ var ImagePreview = ({
     resetTransform();
     onScaleChange?.(1);
   }, [resetTransform, onScaleChange]);
+  const handleRotateLeft = useCallback(() => {
+    setRotation((value) => normalizeRotation(value - 90));
+  }, []);
+  const handleRotateRight = useCallback(() => {
+    setRotation((value) => normalizeRotation(value + 90));
+  }, []);
   const handlePrev = useCallback(() => {
     if (index > 0) {
       const next = index - 1;
@@ -142,8 +150,8 @@ var ImagePreview = ({
     [maskClosable, handleClose]
   );
   const transform = useMemo(
-    () => calculateTransform(scale, offsetX, offsetY),
-    [scale, offsetX, offsetY]
+    () => `${calculateTransform(scale, offsetX, offsetY)} rotate(${rotation}deg)`,
+    [scale, offsetX, offsetY, rotation]
   );
   if (!isOpen || !images.length) return null;
   const currentSrc = images[index] || images[0];
@@ -237,6 +245,26 @@ var ImagePreview = ({
                 children: /* @__PURE__ */ jsx(SvgIcon, { d: zoomInIconPath })
               }
             ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: imagePreviewToolbarBtnClasses,
+                onClick: handleRotateLeft,
+                "aria-label": "Rotate left",
+                type: "button",
+                children: /* @__PURE__ */ jsx(SvgIcon, { d: imageViewerIcons.rotateLeft })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: imagePreviewToolbarBtnClasses,
+                onClick: handleRotateRight,
+                "aria-label": "Rotate right",
+                type: "button",
+                children: /* @__PURE__ */ jsx(SvgIcon, { d: imageViewerIcons.rotateRight })
+              }
+            ),
             navState.counter && /* @__PURE__ */ jsx("span", { className: imagePreviewCounterClasses, children: navState.counter })
           ] })
         ]

package/dist/{chunk-7MASYF4S.mjs → chunk-WT6CULN3.mjs}

@@ -1,6 +1,6 @@
-import { useTigerConfig } from './chunk-CRSMECWE.mjs';
+import { useTigerConfig } from './chunk-VBZE77VM.mjs';
 import { useMemo, useRef, useState, useCallback } from 'react';
-import { getSpinnerSVG, mergeTigerLocale, getUploadLabels, classNames, prepareUploadFiles, fileToUploadFile, getDragAreaClasses, interpolateUploadLabel, formatFileSize, getUploadButtonClasses, getFileListItemClasses, icon20ViewBox, getUploadStatusIconClasses, successCircleSolidIcon20PathD, errorCircleSolidIcon20PathD, closeSolidIcon20PathD, getPictureCardClasses } from '@expcat/tigercat-core';
+import { getSpinnerSVG, mergeTigerLocale, getUploadLabels, classNames, prepareUploadFiles, fileToUploadFile, getDragAreaClasses, interpolateUploadLabel, formatFileSize, getUploadButtonClasses, getFileListItemClasses, icon20ViewBox, getUploadStatusIconClasses, successCircleSolidIcon20PathD, errorCircleSolidIcon20PathD, closeSolidIcon20PathD, getPictureCardClasses, handleUploadDrop, handleUploadDragLeave, handleUploadDragOver } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var spinnerSvg = getSpinnerSVG("spinner");
@@ -127,9 +127,9 @@ var Upload = ({
     onPreview?.(file);
   };
   const handleDragOver = (event) => {
-    if (disabled) return;
-    event.preventDefault();
-    setIsDragging(true);
+    const result = handleUploadDragOver(event, disabled);
+    if (!result.handled) return;
+    setIsDragging(result.isDragging);
   };
   const handleDragKeyDown = (event) => {
     if (disabled) return;
@@ -139,16 +139,15 @@ var Upload = ({
     }
   };
   const handleDragLeave = (event) => {
-    if (disabled) return;
-    event.preventDefault();
-    setIsDragging(false);
+    const result = handleUploadDragLeave(event, disabled);
+    if (!result.handled) return;
+    setIsDragging(result.isDragging);
   };
   const handleDrop = async (event) => {
-    if (disabled) return;
-    event.preventDefault();
-    setIsDragging(false);
-    const files = Array.from(event.dataTransfer?.files || []);
-    await processFiles(files);
+    const result = handleUploadDrop(event, disabled);
+    if (!result.handled) return;
+    setIsDragging(result.isDragging);
+    await processFiles(result.files);
   };
   const renderUploadButton = () => {
     if (drag) {

package/dist/{chunk-6PBNFLM7.js → chunk-WV5XHYW6.js}

@@ -56,9 +56,9 @@ var ChartLegend = ({
           {
             type: interactive ? "button" : void 0,
             className: tigercatCore.classNames(
-              "flex items-center gap-2 text-sm",
+              "flex items-center gap-2 text-sm rounded-[var(--tiger-chart-legend-row-radius,0)]",
               "text-[color:var(--tiger-text-secondary,#6b7280)]",
-              interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] transition-colors" : "cursor-default",
+              interactive ? "cursor-pointer hover:text-[color:var(--tiger-text,#374151)] hover:bg-[var(--tiger-chart-legend-row-hover-bg,transparent)] transition-colors" : "cursor-default",
               item.active === false ? "opacity-50" : void 0
             ),
             role: "listitem",
@@ -74,7 +74,8 @@ var ChartLegend = ({
                   style: {
                     width: `${markerSize}px`,
                     height: `${markerSize}px`,
-                    backgroundColor: item.color
+                    background: `var(--tiger-chart-legend-marker-image, ${item.color})`,
+                    "--tiger-chart-legend-marker-color": item.color
                   },
                   "aria-hidden": "true",
                   "data-legend-marker": "true"