@expcat/tigercat-react 1.5.0 → 2.0.0-preview.1

package/dist/chunk-5JYVN65W.js

@@ -1,85 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/QRCode.tsx
-var _react = require('react');
-var _tigercatcore = require('@expcat/tigercat-core');
-
-
-
-
-
-
-
-var _jsxruntime = require('react/jsx-runtime');
-var QRCode = ({
-  value,
-  size = 128,
-  color = "#000000",
-  bgColor = "#ffffff",
-  level: _level = "M",
-  status = "active",
-  onRefresh,
-  className,
-  locale
-}) => {
-  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 matrix = _react.useMemo.call(void 0, () => _tigercatcore.generateQRMatrix.call(void 0, value), [value]);
-  const moduleSize = _react.useMemo.call(void 0, () => size / matrix.length, [size, matrix.length]);
-  const containerClass = _tigercatcore.classNames.call(void 0, _tigercatcore.qrcodeContainerClasses, className);
-  const ariaLabel = _tigercatcore.resolveLocaleText.call(void 0, "QR Code", _optionalChain([mergedLocale, 'optionalAccess', _ => _.qrcode, 'optionalAccess', _2 => _2.ariaLabel]));
-  const expiredText = _tigercatcore.resolveLocaleText.call(void 0, "QR code expired", _optionalChain([mergedLocale, 'optionalAccess', _3 => _3.qrcode, 'optionalAccess', _4 => _4.expiredText]));
-  const refreshText = _tigercatcore.resolveLocaleText.call(void 0, "Refresh", _optionalChain([mergedLocale, 'optionalAccess', _5 => _5.qrcode, 'optionalAccess', _6 => _6.refreshText]));
-  const loadingText = _tigercatcore.resolveLocaleText.call(void 0, 
-    "Loading...",
-    _optionalChain([mergedLocale, 'optionalAccess', _7 => _7.qrcode, 'optionalAccess', _8 => _8.loadingText]),
-    _optionalChain([mergedLocale, 'optionalAccess', _9 => _9.common, 'optionalAccess', _10 => _10.loadingText])
-  );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: containerClass, style: { width: size, height: size }, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "svg",
-      {
-        width: size,
-        height: size,
-        viewBox: `0 0 ${size} ${size}`,
-        xmlns: "http://www.w3.org/2000/svg",
-        role: "img",
-        "aria-label": ariaLabel,
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: size, height: size, fill: bgColor }),
-          matrix.flatMap(
-            (row, r) => row.map(
-              (cell, c) => cell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "rect",
-                {
-                  x: c * moduleSize,
-                  y: r * moduleSize,
-                  width: moduleSize,
-                  height: moduleSize,
-                  fill: color
-                },
-                `${r}-${c}`
-              ) : null
-            )
-          )
-        ]
-      }
-    ),
-    status === "expired" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.qrcodeOverlayClasses, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.qrcodeExpiredTextClasses, children: expiredText }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.qrcodeRefreshClasses, onClick: onRefresh, children: refreshText })
-    ] }),
-    status === "loading" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.qrcodeOverlayClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm text-gray-500", children: loadingText }) })
-  ] });
-};
-var QRCode_default = QRCode;
-
-
-
-
-exports.QRCode = QRCode; exports.QRCode_default = QRCode_default;

package/dist/chunk-5QLSTNA3.js

@@ -1,148 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/Loading.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Loading = ({
-  variant = "spinner",
-  size = "md",
-  color = "primary",
-  text,
-  fullscreen = false,
-  delay = 0,
-  background = "rgba(255, 255, 255, 0.9)",
-  customColor,
-  lockScroll = true,
-  className,
-  style,
-  locale,
-  ...props
-}) => {
-  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 [visible, setVisible] = _react.useState.call(void 0, delay <= 0);
-  _react.useEffect.call(void 0, () => {
-    _tigercatcore.injectLoadingAnimationStyles.call(void 0, );
-  }, []);
-  _chunkSTTQ5LXXjs.useBodyScrollLock.call(void 0, { enabled: fullscreen && visible && lockScroll });
-  _react.useEffect.call(void 0, () => {
-    if (delay <= 0) {
-      setVisible(true);
-      return;
-    }
-    setVisible(false);
-    const timer = setTimeout(() => setVisible(true), delay);
-    return () => clearTimeout(timer);
-  }, [delay]);
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, 
-      fullscreen ? _tigercatcore.loadingFullscreenBaseClasses : _tigercatcore.loadingContainerBaseClasses,
-      className
-    ),
-    [fullscreen, className]
-  );
-  const mergedStyle = _react.useMemo.call(void 0, 
-    () => ({
-      ...customColor ? { color: customColor } : null,
-      ...fullscreen ? { backgroundColor: background } : null,
-      ...style
-    }),
-    [customColor, fullscreen, background, style]
-  );
-  const renderSpinner = () => {
-    const svg = _tigercatcore.getSpinnerSVG.call(void 0, variant);
-    const spinnerClasses = _tigercatcore.getLoadingClasses.call(void 0, variant, size, color, customColor);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "svg",
-      {
-        className: spinnerClasses,
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: svg.viewBox,
-        children: svg.elements.map((el, index) => {
-          if (el.type === "circle") {
-            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { ...el.attrs }, index);
-          } else if (el.type === "path") {
-            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { ...el.attrs }, index);
-          }
-          return null;
-        })
-      }
-    );
-  };
-  const renderDots = () => {
-    const colorClass = customColor ? "" : _tigercatcore.loadingColorClasses[color];
-    const steps = [0, 1, 2];
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getLoadingDotsWrapperClasses.call(void 0, size), children: steps.map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getLoadingDotClasses.call(void 0, size, i, colorClass) }, i)) });
-  };
-  const renderBars = () => {
-    const colorClass = customColor ? "" : _tigercatcore.loadingColorClasses[color];
-    const steps = [0, 1, 2];
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getLoadingBarsWrapperClasses.call(void 0, size), children: steps.map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getLoadingBarClasses.call(void 0, size, i, colorClass) }, i)) });
-  };
-  const renderIndicator = () => {
-    switch (variant) {
-      case "dots":
-        return renderDots();
-      case "bars":
-        return renderBars();
-      case "spinner":
-      case "ring":
-      case "pulse":
-      default:
-        return renderSpinner();
-    }
-  };
-  if (!visible) {
-    return null;
-  }
-  const loadingNode = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: containerClasses,
-      style: mergedStyle,
-      role: "status",
-      "aria-label": text || _tigercatcore.resolveLocaleText.call(void 0, "Loading", _optionalChain([mergedLocale, 'optionalAccess', _ => _.common, 'optionalAccess', _2 => _2.loadingText])),
-      "aria-live": "polite",
-      "aria-busy": true,
-      ...props,
-      children: [
-        renderIndicator(),
-        text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getLoadingTextClasses.call(void 0, size, color, customColor), children: text })
-      ]
-    }
-  );
-  if (fullscreen) {
-    return _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, loadingNode);
-  }
-  return loadingNode;
-};
-
-
-
-exports.Loading = Loading;

package/dist/chunk-5UREMEDS.js

@@ -1,463 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/ImageCropper.tsx
-
-
-
-
-
-
-
-
-
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var ImageCropper = _react.forwardRef.call(void 0, 
-  ({
-    src,
-    aspectRatio,
-    minWidth = 20,
-    minHeight = 20,
-    outputType = "image/png",
-    quality = 0.92,
-    guides = true,
-    locale,
-    className,
-    style,
-    onCropChange,
-    onReady
-  }, ref) => {
-    const reactId = _react.useId.call(void 0, );
-    const maskId = `tiger-crop-mask-${reactId.replace(/:/g, "")}`;
-    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.getImageEditorLabels.call(void 0, mergedLocale), [mergedLocale]);
-    const containerRef = _react.useRef.call(void 0, null);
-    const imageRef = _react.useRef.call(void 0, null);
-    const [imageLoaded, setImageLoaded] = _react.useState.call(void 0, false);
-    const [displayWidth, setDisplayWidth] = _react.useState.call(void 0, 0);
-    const [displayHeight, setDisplayHeight] = _react.useState.call(void 0, 0);
-    const [cropRect, setCropRect] = _react.useState.call(void 0, { x: 0, y: 0, width: 0, height: 0 });
-    const dragModeRef = _react.useRef.call(void 0, "none");
-    const activeHandleRef = _react.useRef.call(void 0, null);
-    const dragStartPosRef = _react.useRef.call(void 0, { x: 0, y: 0 });
-    const dragStartRectRef = _react.useRef.call(void 0, { x: 0, y: 0, width: 0, height: 0 });
-    const displayDimsRef = _react.useRef.call(void 0, { w: 0, h: 0 });
-    _react.useEffect.call(void 0, () => {
-      displayDimsRef.current = { w: displayWidth, h: displayHeight };
-    }, [displayWidth, displayHeight]);
-    _react.useEffect.call(void 0, () => {
-      setImageLoaded(false);
-      const img = new window.Image();
-      img.crossOrigin = "anonymous";
-      img.onload = () => {
-        imageRef.current = img;
-        const container = containerRef.current;
-        const containerW = container ? container.clientWidth : img.naturalWidth;
-        const containerH = container ? container.clientHeight || 400 : img.naturalHeight;
-        const ratio = Math.min(containerW / img.naturalWidth, containerH / img.naturalHeight, 1);
-        const dw = img.naturalWidth * ratio;
-        const dh = img.naturalHeight * ratio;
-        setDisplayWidth(dw);
-        setDisplayHeight(dh);
-        displayDimsRef.current = { w: dw, h: dh };
-        const initial = _tigercatcore.getInitialCropRect.call(void 0, dw, dh, aspectRatio);
-        setCropRect(initial);
-        setImageLoaded(true);
-        _optionalChain([onReady, 'optionalCall', _ => _()]);
-      };
-      img.src = src;
-    }, [src, aspectRatio, onReady]);
-    _react.useImperativeHandle.call(void 0, 
-      ref,
-      () => ({
-        getCropResult: () => {
-          return new Promise((resolve, reject) => {
-            if (!imageRef.current) {
-              reject(new Error("Image not loaded"));
-              return;
-            }
-            const { canvas, dataUrl } = _tigercatcore.cropCanvas.call(void 0, 
-              imageRef.current,
-              cropRect,
-              displayWidth,
-              displayHeight,
-              outputType,
-              quality
-            );
-            canvas.toBlob(
-              (blob) => {
-                if (blob) {
-                  resolve({ canvas, blob, dataUrl, cropRect: { ...cropRect } });
-                } else {
-                  reject(new Error("Failed to create blob"));
-                }
-              },
-              outputType,
-              quality
-            );
-          });
-        }
-      }),
-      [cropRect, displayWidth, displayHeight, outputType, quality]
-    );
-    const handleMouseDown = _react.useCallback.call(void 0, 
-      (e, mode, handle) => {
-        e.preventDefault();
-        e.stopPropagation();
-        dragModeRef.current = mode;
-        activeHandleRef.current = handle || null;
-        dragStartPosRef.current = { x: e.clientX, y: e.clientY };
-        dragStartRectRef.current = { ...cropRect };
-        const onMouseMove = (ev) => {
-          const dx = ev.clientX - dragStartPosRef.current.x;
-          const dy = ev.clientY - dragStartPosRef.current.y;
-          const dims = displayDimsRef.current;
-          let newRect;
-          if (dragModeRef.current === "move") {
-            newRect = _tigercatcore.moveCropRect.call(void 0, dragStartRectRef.current, dx, dy, dims.w, dims.h);
-          } else {
-            newRect = _tigercatcore.resizeCropRect.call(void 0, 
-              dragStartRectRef.current,
-              activeHandleRef.current,
-              dx,
-              dy,
-              dims.w,
-              dims.h,
-              aspectRatio,
-              minWidth,
-              minHeight
-            );
-          }
-          setCropRect(newRect);
-          _optionalChain([onCropChange, 'optionalCall', _2 => _2(newRect)]);
-        };
-        const onMouseUp = () => {
-          dragModeRef.current = "none";
-          activeHandleRef.current = null;
-          document.removeEventListener("mousemove", onMouseMove);
-          document.removeEventListener("mouseup", onMouseUp);
-        };
-        document.addEventListener("mousemove", onMouseMove);
-        document.addEventListener("mouseup", onMouseUp);
-      },
-      [cropRect, aspectRatio, minWidth, minHeight, onCropChange]
-    );
-    const handleTouchStart = _react.useCallback.call(void 0, 
-      (e, mode, handle) => {
-        if (e.touches.length !== 1) return;
-        e.preventDefault();
-        e.stopPropagation();
-        const touch = e.touches[0];
-        dragModeRef.current = mode;
-        activeHandleRef.current = handle || null;
-        dragStartPosRef.current = { x: touch.clientX, y: touch.clientY };
-        dragStartRectRef.current = { ...cropRect };
-        const onTouchMove = (ev) => {
-          if (ev.touches.length !== 1) return;
-          const t = ev.touches[0];
-          const dx = t.clientX - dragStartPosRef.current.x;
-          const dy = t.clientY - dragStartPosRef.current.y;
-          const dims = displayDimsRef.current;
-          let newRect;
-          if (dragModeRef.current === "move") {
-            newRect = _tigercatcore.moveCropRect.call(void 0, dragStartRectRef.current, dx, dy, dims.w, dims.h);
-          } else {
-            newRect = _tigercatcore.resizeCropRect.call(void 0, 
-              dragStartRectRef.current,
-              activeHandleRef.current,
-              dx,
-              dy,
-              dims.w,
-              dims.h,
-              aspectRatio,
-              minWidth,
-              minHeight
-            );
-          }
-          setCropRect(newRect);
-          _optionalChain([onCropChange, 'optionalCall', _3 => _3(newRect)]);
-        };
-        const onTouchEnd = () => {
-          dragModeRef.current = "none";
-          activeHandleRef.current = null;
-          document.removeEventListener("touchmove", onTouchMove);
-          document.removeEventListener("touchend", onTouchEnd);
-        };
-        document.addEventListener("touchmove", onTouchMove, { passive: false });
-        document.addEventListener("touchend", onTouchEnd);
-      },
-      [cropRect, aspectRatio, minWidth, minHeight, onCropChange]
-    );
-    const updateCropRect = _react.useCallback.call(void 0, 
-      (nextRect) => {
-        setCropRect(nextRect);
-        _optionalChain([onCropChange, 'optionalCall', _4 => _4(nextRect)]);
-      },
-      [onCropChange]
-    );
-    const handleMoveKeyDown = _react.useCallback.call(void 0, 
-      (e) => {
-        const step = e.shiftKey ? 10 : 1;
-        const deltas = {
-          ArrowLeft: { dx: -step, dy: 0 },
-          ArrowRight: { dx: step, dy: 0 },
-          ArrowUp: { dx: 0, dy: -step },
-          ArrowDown: { dx: 0, dy: step }
-        };
-        const delta = deltas[e.key];
-        if (!delta) return;
-        e.preventDefault();
-        updateCropRect(
-          _tigercatcore.moveCropRect.call(void 0, 
-            cropRect,
-            delta.dx,
-            delta.dy,
-            displayDimsRef.current.w,
-            displayDimsRef.current.h
-          )
-        );
-      },
-      [cropRect, updateCropRect]
-    );
-    const handleResizeKeyDown = _react.useCallback.call(void 0, 
-      (e, handle) => {
-        const step = e.shiftKey ? 10 : 1;
-        const deltas = {
-          ArrowLeft: { dx: -step, dy: 0 },
-          ArrowRight: { dx: step, dy: 0 },
-          ArrowUp: { dx: 0, dy: -step },
-          ArrowDown: { dx: 0, dy: step }
-        };
-        const delta = deltas[e.key];
-        if (!delta) return;
-        e.preventDefault();
-        updateCropRect(
-          _tigercatcore.resizeCropRect.call(void 0, 
-            cropRect,
-            handle,
-            delta.dx,
-            delta.dy,
-            displayDimsRef.current.w,
-            displayDimsRef.current.h,
-            aspectRatio,
-            minWidth,
-            minHeight
-          )
-        );
-      },
-      [cropRect, aspectRatio, minWidth, minHeight, updateCropRect]
-    );
-    const containerClasses = _react.useMemo.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, _tigercatcore.imageCropperContainerClasses, className),
-      [className]
-    );
-    const cr = cropRect;
-    if (!imageLoaded) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          ref: containerRef,
-          className: _tigercatcore.classNames.call(void 0, containerClasses, "flex items-center justify-center"),
-          style: { ...style, minHeight: "200px" },
-          role: "img",
-          "aria-label": labels.loadingCropImageAriaLabel,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-8 h-8 border-2 border-white/30 border-t-white rounded-full animate-spin" })
-        }
-      );
-    }
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        ref: containerRef,
-        className: containerClasses,
-        style: {
-          ...style,
-          width: `${displayWidth}px`,
-          height: `${displayHeight}px`
-        },
-        role: "application",
-        "aria-label": labels.cropperDialogAriaLabel,
-        "aria-roledescription": "image cropper",
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "img",
-            {
-              src,
-              className: _tigercatcore.imageCropperImgClasses,
-              style: { width: `${displayWidth}px`, height: `${displayHeight}px` },
-              draggable: false,
-              alt: labels.imageToCropAriaLabel
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            "svg",
-            {
-              className: _tigercatcore.imageCropperMaskClasses,
-              width: displayWidth,
-              height: displayHeight,
-              xmlns: "http://www.w3.org/2000/svg",
-              children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "mask", { id: maskId, children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: displayWidth, height: displayHeight, fill: "white" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: cr.x, y: cr.y, width: cr.width, height: cr.height, fill: "black" })
-                ] }) }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "rect",
-                  {
-                    width: displayWidth,
-                    height: displayHeight,
-                    fill: "var(--tiger-image-cropper-mask, rgba(0,0,0,0.55))",
-                    mask: `url(#${maskId})`
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: _tigercatcore.imageCropperSelectionClasses,
-              style: {
-                left: `${cr.x}px`,
-                top: `${cr.y}px`,
-                width: `${cr.width}px`,
-                height: `${cr.height}px`
-              }
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: _tigercatcore.imageCropperDragAreaClasses,
-              style: {
-                left: `${cr.x}px`,
-                top: `${cr.y}px`,
-                width: `${cr.width}px`,
-                height: `${cr.height}px`
-              },
-              role: "button",
-              tabIndex: 0,
-              "aria-label": labels.moveCropAreaAriaLabel,
-              onMouseDown: (e) => handleMouseDown(e, "move"),
-              onTouchStart: (e) => handleTouchStart(e, "move"),
-              onKeyDown: handleMoveKeyDown
-            }
-          ),
-          guides && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "div",
-              {
-                className: _tigercatcore.imageCropperGuideClasses,
-                "data-guide": "true",
-                style: {
-                  left: `${cr.x}px`,
-                  top: `${cr.y + cr.height / 3}px`,
-                  width: `${cr.width}px`,
-                  height: 0,
-                  borderTopWidth: "1px",
-                  borderTopStyle: "dashed"
-                }
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "div",
-              {
-                className: _tigercatcore.imageCropperGuideClasses,
-                "data-guide": "true",
-                style: {
-                  left: `${cr.x}px`,
-                  top: `${cr.y + cr.height * 2 / 3}px`,
-                  width: `${cr.width}px`,
-                  height: 0,
-                  borderTopWidth: "1px",
-                  borderTopStyle: "dashed"
-                }
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "div",
-              {
-                className: _tigercatcore.imageCropperGuideClasses,
-                "data-guide": "true",
-                style: {
-                  left: `${cr.x + cr.width / 3}px`,
-                  top: `${cr.y}px`,
-                  width: 0,
-                  height: `${cr.height}px`,
-                  borderLeftWidth: "1px",
-                  borderLeftStyle: "dashed"
-                }
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "div",
-              {
-                className: _tigercatcore.imageCropperGuideClasses,
-                "data-guide": "true",
-                style: {
-                  left: `${cr.x + cr.width * 2 / 3}px`,
-                  top: `${cr.y}px`,
-                  width: 0,
-                  height: `${cr.height}px`,
-                  borderLeftWidth: "1px",
-                  borderLeftStyle: "dashed"
-                }
-              }
-            )
-          ] }),
-          _tigercatcore.CROP_HANDLES.map((handle) => {
-            const pos = {};
-            if (handle.includes("n")) pos.top = `${cr.y}px`;
-            if (handle.includes("s")) pos.top = `${cr.y + cr.height}px`;
-            if (handle === "e" || handle === "w") pos.top = `${cr.y + cr.height / 2}px`;
-            if (handle.includes("w")) pos.left = `${cr.x}px`;
-            if (handle.includes("e")) pos.left = `${cr.x + cr.width}px`;
-            if (handle === "n" || handle === "s") pos.left = `${cr.x + cr.width / 2}px`;
-            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "div",
-              {
-                className: _tigercatcore.getCropperHandleClasses.call(void 0, handle),
-                style: pos,
-                role: "button",
-                tabIndex: 0,
-                "aria-label": labels.resizeCropAreaAriaLabel.replace("{handle}", handle),
-                onMouseDown: (e) => handleMouseDown(e, "resize", handle),
-                onTouchStart: (e) => handleTouchStart(e, "resize", handle),
-                onKeyDown: (e) => handleResizeKeyDown(e, handle)
-              },
-              handle
-            );
-          })
-        ]
-      }
-    );
-  }
-);
-ImageCropper.displayName = "ImageCropper";
-
-
-
-exports.ImageCropper = ImageCropper;