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

package/dist/chunk-STTQ5LXX.js

@@ -1,153 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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; }// src/utils/overlay.ts
-var _react = require('react');
-var _reactdom = require('react-dom');
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-function useClickOutside({
-  enabled,
-  refs,
-  onOutsideClick,
-  defer = false
-}) {
-  _react.useEffect.call(void 0, () => {
-    if (!enabled) return;
-    const handler = (event) => {
-      const elements = refs.map((ref) => _optionalChain([ref, 'optionalAccess', _ => _.current]));
-      if (_tigercatcore.isEventOutside.call(void 0, 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 }) {
-  _react.useEffect.call(void 0, () => {
-    if (!enabled) return;
-    const handler = (event) => {
-      if (event.defaultPrevented) return;
-      if (!_tigercatcore.isEscapeKey.call(void 0, event)) return;
-      onEscape();
-    };
-    document.addEventListener("keydown", handler);
-    return () => document.removeEventListener("keydown", handler);
-  }, [enabled, onEscape]);
-}
-function useBodyScrollLock({ enabled }) {
-  _react.useEffect.call(void 0, () => {
-    if (!enabled) return;
-    return _tigercatcore.lockBodyScroll.call(void 0, );
-  }, [enabled]);
-}
-function renderBodyPortal(node) {
-  if (!_tigercatcore.isBrowser.call(void 0, )) return null;
-  return _reactdom.createPortal.call(void 0, node, document.body);
-}
-function useFocusTrap({ enabled, containerRef }) {
-  _react.useEffect.call(void 0, () => {
-    const container = containerRef.current;
-    if (!enabled || !container) return;
-    const handler = (event) => {
-      const focusables = _tigercatcore.getFocusableElements.call(void 0, container);
-      const activeElement = _nullishCoalesce(_optionalChain([container, 'access', _2 => _2.ownerDocument, 'optionalAccess', _3 => _3.activeElement]), () => ( document.activeElement));
-      const nav = _tigercatcore.getFocusTrapNavigation.call(void 0, 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] = _react.useState.call(void 0, 0);
-  const [y, setY] = _react.useState.call(void 0, 0);
-  const [placement, setPlacement] = _react.useState.call(void 0, initialPlacement);
-  const [arrowX, setArrowX] = _react.useState.call(void 0, void 0);
-  const [arrowY, setArrowY] = _react.useState.call(void 0, void 0);
-  const onPlacementChangeRef = _react.useRef.call(void 0, onPlacementChange);
-  onPlacementChangeRef.current = onPlacementChange;
-  const update = _react.useCallback.call(void 0, async () => {
-    const reference = referenceRef.current;
-    const floating = floatingRef.current;
-    if (!reference || !floating) return;
-    const floatingOptions = {
-      placement: initialPlacement,
-      offset: offsetDistance,
-      flip: true,
-      shift: true,
-      arrowElement: _optionalChain([arrowRef, 'optionalAccess', _4 => _4.current])
-    };
-    const result = await _tigercatcore.computeFloatingPosition.call(void 0, 
-      reference,
-      floating,
-      floatingOptions
-    );
-    setX(result.x);
-    setY(result.y);
-    setPlacement((prev) => {
-      if (prev !== result.placement) {
-        _optionalChain([onPlacementChangeRef, 'access', _5 => _5.current, 'optionalCall', _6 => _6(result.placement)]);
-        return result.placement;
-      }
-      return prev;
-    });
-    if (result.arrow) {
-      setArrowX(result.arrow.x);
-      setArrowY(result.arrow.y);
-    }
-  }, [referenceRef, floatingRef, initialPlacement, offsetDistance, arrowRef]);
-  _react.useEffect.call(void 0, () => {
-    const reference = referenceRef.current;
-    const floating = floatingRef.current;
-    if (!enabled || !reference || !floating) return;
-    update();
-    const cleanup = _tigercatcore.autoUpdateFloating.call(void 0, reference, floating, update);
-    return () => {
-      cleanup();
-    };
-  }, [enabled, referenceRef, floatingRef, update]);
-  return {
-    x,
-    y,
-    placement,
-    arrowX,
-    arrowY,
-    update
-  };
-}
-
-
-
-
-
-
-
-
-exports.useClickOutside = useClickOutside; exports.useEscapeKey = useEscapeKey; exports.useBodyScrollLock = useBodyScrollLock; exports.renderBodyPortal = renderBodyPortal; exports.useFocusTrap = useFocusTrap; exports.useFloating = useFloating;

package/dist/chunk-SXHCMZ6U.js

@@ -1,303 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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/Drawer.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var CloseIcon = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "svg",
-  {
-    className: "w-5 h-5",
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: _tigercatcore.closeIconViewBox,
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "path",
-      {
-        strokeLinecap: _tigercatcore.closeIconPathStrokeLinecap,
-        strokeLinejoin: _tigercatcore.closeIconPathStrokeLinejoin,
-        strokeWidth: _tigercatcore.closeIconPathStrokeWidth,
-        d: _tigercatcore.closeIconPathD
-      }
-    )
-  }
-);
-var Drawer = ({
-  open = false,
-  placement = "right",
-  size = "md",
-  width,
-  title,
-  header,
-  closable = true,
-  mask = true,
-  maskClosable = true,
-  zIndex = 1e3,
-  className,
-  bodyClassName,
-  bodyPadding,
-  destroyOnClose = false,
-  destroyOnCloseAfterLeave = false,
-  fullscreenOnMobile = true,
-  panelClassName,
-  panelStyle,
-  onClose,
-  onOpenChange,
-  onAfterEnter,
-  onAfterLeave,
-  closeAriaLabel,
-  locale,
-  labels,
-  children,
-  footer,
-  style,
-  ...rest
-}) => {
-  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 [hasBeenOpened, setHasBeenOpened] = _react2.default.useState(open);
-  const [deferredRendered, setDeferredRendered] = _react2.default.useState(open);
-  _react.useEffect.call(void 0, () => {
-    if (open) {
-      setHasBeenOpened(true);
-      setDeferredRendered(true);
-      return;
-    }
-    if (destroyOnClose && !destroyOnCloseAfterLeave) {
-      setDeferredRendered(false);
-    }
-  }, [destroyOnClose, destroyOnCloseAfterLeave, open]);
-  const shouldRender = destroyOnClose ? destroyOnCloseAfterLeave ? deferredRendered : open : hasBeenOpened;
-  const handleClose = _react.useCallback.call(void 0, () => {
-    _optionalChain([onOpenChange, 'optionalCall', _ => _(false)]);
-    _optionalChain([onClose, 'optionalCall', _2 => _2()]);
-  }, [onOpenChange, onClose]);
-  const handleMaskClick = _react.useCallback.call(void 0, 
-    (event) => {
-      if (_tigercatcore.shouldCloseOnMaskClick.call(void 0, event, maskClosable)) {
-        handleClose();
-      }
-    },
-    [maskClosable, handleClose]
-  );
-  _chunkSTTQ5LXXjs.useEscapeKey.call(void 0, { enabled: open, onEscape: handleClose });
-  _chunkSTTQ5LXXjs.useBodyScrollLock.call(void 0, { enabled: open });
-  const previousVisible = _react.useRef.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
-    if (open === previousVisible.current) return;
-    previousVisible.current = open;
-    const timer = window.setTimeout(() => {
-      if (open) {
-        _optionalChain([onAfterEnter, 'optionalCall', _3 => _3()]);
-      } else {
-        _optionalChain([onAfterLeave, 'optionalCall', _4 => _4()]);
-        if (destroyOnClose && destroyOnCloseAfterLeave) {
-          setDeferredRendered(false);
-        }
-      }
-    }, _tigercatcore.ANIMATION_DURATION_MS);
-    return () => window.clearTimeout(timer);
-  }, [destroyOnClose, destroyOnCloseAfterLeave, open, onAfterEnter, onAfterLeave]);
-  const reactId = _react.useId.call(void 0, );
-  const drawerId = _react.useMemo.call(void 0, () => `tiger-drawer-${reactId}`, [reactId]);
-  const titleId = `${drawerId}-title`;
-  const {
-    ["aria-labelledby"]: _ariaLabelledby,
-    role: _role,
-    tabIndex: _tabIndex,
-    ...dialogDivProps
-  } = rest;
-  const ariaLabelledby = _nullishCoalesce(rest["aria-labelledby"], () => ( (title || header ? titleId : void 0)));
-  const dialogRef = _react.useRef.call(void 0, null);
-  const closeButtonRef = _react.useRef.call(void 0, null);
-  const previousActiveElementRef = _react.useRef.call(void 0, null);
-  const touchStartRef = _react.useRef.call(void 0, null);
-  const touchCurrentRef = _react.useRef.call(void 0, null);
-  const resolvedCloseAriaLabel = _tigercatcore.resolveLocaleText.call(void 0, 
-    "Close drawer",
-    closeAriaLabel,
-    _optionalChain([labels, 'optionalAccess', _5 => _5.closeAriaLabel]),
-    _optionalChain([mergedLocale, 'optionalAccess', _6 => _6.drawer, 'optionalAccess', _7 => _7.closeAriaLabel]),
-    _optionalChain([mergedLocale, 'optionalAccess', _8 => _8.common, 'optionalAccess', _9 => _9.closeText])
-  );
-  _react.useEffect.call(void 0, () => {
-    if (open) {
-      previousActiveElementRef.current = _tigercatcore.captureActiveElement.call(void 0, );
-      const timer = window.setTimeout(() => {
-        _tigercatcore.focusFirst.call(void 0, [closeButtonRef.current, dialogRef.current]);
-      }, 0);
-      return () => window.clearTimeout(timer);
-    }
-    _tigercatcore.restoreFocus.call(void 0, previousActiveElementRef.current);
-  }, [open]);
-  _chunkSTTQ5LXXjs.useFocusTrap.call(void 0, { enabled: open, containerRef: dialogRef });
-  const resetTouchGesture = _react.useCallback.call(void 0, () => {
-    touchStartRef.current = null;
-    touchCurrentRef.current = null;
-  }, []);
-  const handleTouchStart = _react.useCallback.call(void 0, 
-    (event) => {
-      _optionalChain([dialogDivProps, 'access', _10 => _10.onTouchStart, 'optionalCall', _11 => _11(event)]);
-      if (!open) return;
-      const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
-      touchStartRef.current = point;
-      touchCurrentRef.current = point;
-    },
-    [dialogDivProps, open]
-  );
-  const handleTouchMove = _react.useCallback.call(void 0, 
-    (event) => {
-      _optionalChain([dialogDivProps, 'access', _12 => _12.onTouchMove, 'optionalCall', _13 => _13(event)]);
-      if (!touchStartRef.current) return;
-      const point = _tigercatcore.getGestureTouchPoint.call(void 0, event.touches);
-      if (point) {
-        touchCurrentRef.current = point;
-      }
-    },
-    [dialogDivProps]
-  );
-  const handleTouchEnd = _react.useCallback.call(void 0, 
-    (event) => {
-      _optionalChain([dialogDivProps, 'access', _14 => _14.onTouchEnd, 'optionalCall', _15 => _15(event)]);
-      const gesture = _tigercatcore.resolveSwipeGesture.call(void 0, 
-        touchStartRef.current,
-        _nullishCoalesce(_tigercatcore.getGestureTouchPoint.call(void 0, event.changedTouches), () => ( touchCurrentRef.current)),
-        { minDistance: 48, minVelocity: 0.15 }
-      );
-      resetTouchGesture();
-      if (_tigercatcore.isDrawerSwipeCloseGesture.call(void 0, placement, gesture)) {
-        handleClose();
-      }
-    },
-    [dialogDivProps, handleClose, placement, resetTouchGesture]
-  );
-  const handleTouchCancel = _react.useCallback.call(void 0, 
-    (event) => {
-      _optionalChain([dialogDivProps, 'access', _16 => _16.onTouchCancel, 'optionalCall', _17 => _17(event)]);
-      resetTouchGesture();
-    },
-    [dialogDivProps, resetTouchGesture]
-  );
-  const containerClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.getDrawerContainerClasses.call(void 0, ), !open && "pointer-events-none");
-  const maskClasses = _tigercatcore.getDrawerMaskClasses.call(void 0, open);
-  const panelClasses = _tigercatcore.classNames.call(void 0, 
-    _tigercatcore.getDrawerPanelClasses.call(void 0, placement, open, size, fullscreenOnMobile),
-    "flex flex-col",
-    className,
-    panelClassName
-  );
-  const headerClasses = _tigercatcore.getDrawerHeaderClasses.call(void 0, );
-  const bodyClasses = _tigercatcore.getDrawerBodyClasses.call(void 0, bodyClassName, bodyPadding);
-  const footerClasses = _tigercatcore.getDrawerFooterClasses.call(void 0, );
-  const closeButtonClasses = _tigercatcore.getDrawerCloseButtonClasses.call(void 0, );
-  const titleClasses = _tigercatcore.getDrawerTitleClasses.call(void 0, );
-  if (!shouldRender) {
-    return null;
-  }
-  const isLeavingBeforeDestroy = destroyOnClose && destroyOnCloseAfterLeave && !open;
-  const drawerContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: containerClasses,
-      style: { zIndex },
-      hidden: !open && !isLeavingBeforeDestroy,
-      "aria-hidden": !open ? "true" : void 0,
-      "data-tiger-drawer-root": "",
-      children: [
-        mask && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "div",
-          {
-            className: maskClasses,
-            onClick: handleMaskClick,
-            "aria-hidden": "true",
-            "data-tiger-drawer-mask": ""
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "div",
-          {
-            className: panelClasses,
-            style: {
-              ...panelStyle,
-              ...style,
-              ...width ? {
-                [placement === "left" || placement === "right" ? "width" : "height"]: typeof width === "number" ? `${width}px` : width
-              } : void 0
-            },
-            ...dialogDivProps,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": ariaLabelledby,
-            tabIndex: -1,
-            ref: dialogRef,
-            onTouchStart: handleTouchStart,
-            onTouchMove: handleTouchMove,
-            onTouchEnd: handleTouchEnd,
-            onTouchCancel: handleTouchCancel,
-            "data-tiger-drawer": "",
-            children: [
-              (title || header || closable) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: headerClasses, children: [
-                (title || header) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: titleClasses, id: titleId, children: header || title }),
-                closable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "button",
-                  {
-                    type: "button",
-                    className: closeButtonClasses,
-                    onClick: handleClose,
-                    "aria-label": resolvedCloseAriaLabel,
-                    ref: closeButtonRef,
-                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseIcon, {})
-                  }
-                )
-              ] }),
-              children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: bodyClasses, children }),
-              footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: footerClasses, children: footer })
-            ]
-          }
-        )
-      ]
-    }
-  );
-  return _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, drawerContent);
-};
-
-
-
-exports.Drawer = Drawer;

package/dist/chunk-SXTMVZ4W.js

@@ -1,177 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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 _chunkCXXOZLP4js = require('./chunk-CXXOZLP4.js');
-
-
-var _chunk5UREMEDSjs = require('./chunk-5UREMEDS.js');
-
-
-var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
-
-
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
-
-// src/components/CropUpload.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var CropUpload = ({
-  locale,
-  accept = "image/*",
-  disabled = false,
-  maxSize,
-  cropperProps,
-  modalTitle,
-  modalWidth = 520,
-  className,
-  children,
-  onCropComplete,
-  onError
-}) => {
-  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 fileInputRef = _react.useRef.call(void 0, null);
-  const cropperRef = _react.useRef.call(void 0, null);
-  const [modalVisible, setModalVisible] = _react.useState.call(void 0, false);
-  const [imageSrc, setImageSrc] = _react.useState.call(void 0, "");
-  const [cropping, setCropping] = _react.useState.call(void 0, false);
-  const handleTriggerClick = _react.useCallback.call(void 0, () => {
-    if (disabled) return;
-    _optionalChain([fileInputRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.click, 'call', _3 => _3()]);
-  }, [disabled]);
-  const handleFileChange = _react.useCallback.call(void 0, 
-    (e) => {
-      const file = _optionalChain([e, 'access', _4 => _4.target, 'access', _5 => _5.files, 'optionalAccess', _6 => _6[0]]);
-      if (!file) return;
-      const sizeError = _tigercatcore.validateUploadFile.call(void 0, file, maxSize);
-      if (sizeError) {
-        _optionalChain([onError, 'optionalCall', _7 => _7(sizeError)]);
-        e.target.value = "";
-        return;
-      }
-      _tigercatcore.readFileAsDataUrl.call(void 0, file).then((url) => {
-        setImageSrc(url);
-        setModalVisible(true);
-      }).catch((err) => _optionalChain([onError, 'optionalCall', _8 => _8(err)]));
-      e.target.value = "";
-    },
-    [maxSize, onError]
-  );
-  const handleConfirm = _react.useCallback.call(void 0, async () => {
-    if (!cropperRef.current) return;
-    setCropping(true);
-    try {
-      const result = await _tigercatcore.getCropperResult.call(void 0, 
-        cropperRef.current
-      );
-      if (result) {
-        _optionalChain([onCropComplete, 'optionalCall', _9 => _9(result)]);
-        setModalVisible(false);
-      }
-    } catch (err) {
-      _optionalChain([onError, 'optionalCall', _10 => _10(err)]);
-    } finally {
-      setCropping(false);
-    }
-  }, [onCropComplete, onError]);
-  const handleCancel = _react.useCallback.call(void 0, () => {
-    setModalVisible(false);
-    setImageSrc("");
-  }, []);
-  const triggerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, disabled ? _tigercatcore.cropUploadTriggerDisabledClasses : _tigercatcore.cropUploadTriggerClasses, className),
-    [disabled, className]
-  );
-  const handleKeyDown = _react.useCallback.call(void 0, 
-    (e) => {
-      if (_tigercatcore.isActivationKey.call(void 0, e)) {
-        e.preventDefault();
-        handleTriggerClick();
-      }
-    },
-    [handleTriggerClick]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "tiger-crop-upload inline-block", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "input",
-      {
-        ref: fileInputRef,
-        type: "file",
-        accept,
-        style: { display: "none" },
-        onChange: handleFileChange
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: triggerClasses,
-        onClick: handleTriggerClick,
-        role: "button",
-        tabIndex: disabled ? -1 : 0,
-        "aria-label": labels.selectImageAriaLabel,
-        "aria-disabled": disabled ? "true" : void 0,
-        onKeyDown: handleKeyDown,
-        children: children || /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "svg",
-            {
-              className: "w-5 h-5",
-              xmlns: "http://www.w3.org/2000/svg",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: "2",
-                  d: _tigercatcore.uploadPlusIconPath
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: labels.selectImageText })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCXXOZLP4js.Modal,
-      {
-        open: modalVisible,
-        size: "lg",
-        width: modalWidth,
-        title: _nullishCoalesce(modalTitle, () => ( labels.cropModalTitle)),
-        className: "tiger-crop-upload-modal",
-        closable: true,
-        maskClosable: false,
-        onClose: handleCancel,
-        footer: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-end gap-3", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { variant: "secondary", onClick: handleCancel, children: labels.cropCancelText }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZLNBE4ISjs.Button, { onClick: handleConfirm, loading: cropping, children: labels.cropConfirmText })
-        ] }),
-        children: imageSrc && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5UREMEDSjs.ImageCropper, { ref: cropperRef, src: imageSrc, locale, ...cropperProps })
-      }
-    )
-  ] });
-};
-
-
-
-exports.CropUpload = CropUpload;