@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-CFZJOGGH.js

@@ -0,0 +1,273 @@
+"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');
+
+// 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,
+  destroyOnClose = false,
+  onClose,
+  onOpenChange,
+  onAfterEnter,
+  onAfterLeave,
+  closeAriaLabel,
+  locale,
+  children,
+  footer,
+  style,
+  ...rest
+}) => {
+  const [hasBeenOpened, setHasBeenOpened] = _react2.default.useState(open);
+  _react.useEffect.call(void 0, () => {
+    if (open) setHasBeenOpened(true);
+  }, [open]);
+  const shouldRender = destroyOnClose ? 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()]);
+      }
+    }, _tigercatcore.ANIMATION_DURATION_MS);
+    return () => window.clearTimeout(timer);
+  }, [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([locale, 'optionalAccess', _5 => _5.drawer, 'optionalAccess', _6 => _6.closeAriaLabel]),
+    _optionalChain([locale, 'optionalAccess', _7 => _7.common, 'optionalAccess', _8 => _8.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', _9 => _9.onTouchStart, 'optionalCall', _10 => _10(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', _11 => _11.onTouchMove, 'optionalCall', _12 => _12(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', _13 => _13.onTouchEnd, 'optionalCall', _14 => _14(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', _15 => _15.onTouchCancel, 'optionalCall', _16 => _16(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),
+    "flex flex-col",
+    className
+  );
+  const headerClasses = _tigercatcore.getDrawerHeaderClasses.call(void 0, );
+  const bodyClasses = _tigercatcore.getDrawerBodyClasses.call(void 0, bodyClassName);
+  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 drawerContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: containerClasses,
+      style: { zIndex },
+      hidden: !open,
+      "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: {
+              ...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-CGIBGSNE.js

@@ -0,0 +1,185 @@
+"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 _chunkMB6U72CIjs = require('./chunk-MB6U72CI.js');
+
+
+var _chunk4U5HSR2Hjs = require('./chunk-4U5HSR2H.js');
+
+// src/components/Image.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var SvgIcon = ({ d, className = "w-8 h-8" }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "svg",
+  {
+    className,
+    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: "1.5", d })
+  }
+);
+var Image = ({
+  src,
+  alt = "",
+  width,
+  height,
+  fit = "cover",
+  fallbackSrc,
+  preview = true,
+  lazy = false,
+  className,
+  errorRender,
+  placeholderRender,
+  onPreviewOpenChange,
+  onClick,
+  onKeyDown,
+  style,
+  ...props
+}) => {
+  const [loading, setLoading] = _react.useState.call(void 0, true);
+  const [error, setError] = _react.useState.call(void 0, false);
+  const [actualSrc, setActualSrc] = _react.useState.call(void 0, lazy ? "" : src);
+  const [previewVisible, setPreviewVisible] = _react.useState.call(void 0, false);
+  const containerRef = _react.useRef.call(void 0, null);
+  const group = _react.useContext.call(void 0, _chunkMB6U72CIjs.ImageGroupContext);
+  const registeredIndexRef = _react.useRef.call(void 0, -1);
+  _react.useEffect.call(void 0, () => {
+    if (group && src) {
+      registeredIndexRef.current = group.register(src);
+      return () => {
+        group.unregister(src);
+      };
+    }
+  }, [group, src]);
+  _react.useEffect.call(void 0, () => {
+    if (!lazy || !containerRef.current) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (_optionalChain([entries, 'access', _ => _[0], 'optionalAccess', _2 => _2.isIntersecting])) {
+          setActualSrc(src);
+          observer.disconnect();
+        }
+      },
+      { threshold: 0.01 }
+    );
+    observer.observe(containerRef.current);
+    return () => observer.disconnect();
+  }, [lazy, src]);
+  _react.useEffect.call(void 0, () => {
+    if (!lazy) {
+      setActualSrc(src);
+      setError(false);
+      setLoading(true);
+    }
+  }, [src, lazy]);
+  const handleLoad = _react.useCallback.call(void 0, () => {
+    setLoading(false);
+    setError(false);
+  }, []);
+  const handleError = _react.useCallback.call(void 0, () => {
+    setLoading(false);
+    setError(true);
+    if (fallbackSrc && actualSrc !== fallbackSrc) {
+      setActualSrc(fallbackSrc);
+      setError(false);
+      setLoading(true);
+    }
+  }, [fallbackSrc, actualSrc]);
+  const handleClick = _react.useCallback.call(void 0, 
+    (e) => {
+      _optionalChain([onClick, 'optionalCall', _3 => _3(e)]);
+      if (!preview) return;
+      if (group) {
+        group.openPreview(registeredIndexRef.current >= 0 ? registeredIndexRef.current : 0);
+      } else {
+        setPreviewVisible(true);
+        _optionalChain([onPreviewOpenChange, 'optionalCall', _4 => _4(true)]);
+      }
+    },
+    [preview, group, onClick, onPreviewOpenChange]
+  );
+  const handleKeyDown = _react.useCallback.call(void 0, 
+    (e) => {
+      _optionalChain([onKeyDown, 'optionalCall', _5 => _5(e)]);
+      if (preview && (e.key === "Enter" || e.key === " ")) {
+        e.preventDefault();
+        handleClick(e);
+      }
+    },
+    [preview, handleClick, onKeyDown]
+  );
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, _tigercatcore.imageBaseClasses, preview && _tigercatcore.imagePreviewCursorClass, className),
+    [preview, className]
+  );
+  const imgClasses = _react.useMemo.call(void 0, () => _tigercatcore.getImageImgClasses.call(void 0, fit), [fit]);
+  const containerStyle = _react.useMemo.call(void 0, () => {
+    const s = { ...style };
+    const w = _tigercatcore.toCSSSize.call(void 0, width);
+    const h = _tigercatcore.toCSSSize.call(void 0, height);
+    if (w) s.width = w;
+    if (h) s.height = h;
+    return s;
+  }, [width, height, style]);
+  let content;
+  if (error && !fallbackSrc) {
+    content = errorRender || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.imageErrorClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.imageErrorIconPath }) });
+  } else if (loading && !actualSrc) {
+    content = placeholderRender || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.imageLoadingClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.imageErrorIconPath }) });
+  } else {
+    content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "img",
+      {
+        src: actualSrc,
+        alt,
+        className: imgClasses,
+        onLoad: handleLoad,
+        onError: handleError
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ...props,
+        ref: containerRef,
+        className: containerClasses,
+        style: containerStyle,
+        role: preview ? "button" : void 0,
+        tabIndex: preview ? 0 : void 0,
+        "aria-label": preview ? `Preview ${alt || "image"}` : void 0,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        children: content
+      }
+    ),
+    !group && previewVisible && src && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk4U5HSR2Hjs.ImagePreview,
+      {
+        open: previewVisible,
+        images: [src],
+        currentIndex: 0,
+        onOpenChange: (val) => {
+          setPreviewVisible(val);
+          _optionalChain([onPreviewOpenChange, 'optionalCall', _6 => _6(val)]);
+        }
+      }
+    )
+  ] });
+};
+
+
+
+exports.Image = Image;

package/dist/{chunk-SRNBEFJO.mjs → chunk-CHBUNQIJ.mjs}

@@ -1,8 +1,29 @@
-import { useId, useState, useRef, useMemo, useEffect, useCallback } from 'react';
-import { getCascaderDisplayLabel, getCascaderColumns, flattenCascaderOptions, filterCascaderOptions, classNames, getCascaderTriggerClasses, isCascaderOptionExpandable, getPickerTriggerKeyAction, cascaderBaseClasses, getPickerComboboxAria, icon20ViewBox, closeSolidIcon20PathD, chevronDownSolidIcon20PathD, cascaderSearchInputClasses, cascaderEmptyStateClasses, getPickerListboxAria, getPickerOptionAria, cascaderSearchResultClasses, cascaderColumnClasses, getCascaderOptionClasses, cascaderDropdownClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Cascader.tsx
+import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import {
+  classNames,
+  cascaderBaseClasses,
+  cascaderDropdownClasses,
+  cascaderColumnClasses,
+  cascaderSearchInputClasses,
+  cascaderEmptyStateClasses,
+  cascaderSearchResultClasses,
+  getCascaderTriggerClasses,
+  getCascaderOptionClasses,
+  getCascaderColumns,
+  getCascaderDisplayLabel,
+  flattenCascaderOptions,
+  filterCascaderOptions,
+  isCascaderOptionExpandable,
+  getPickerComboboxAria,
+  getPickerListboxAria,
+  getPickerOptionAria,
+  getPickerTriggerKeyAction,
+  icon20ViewBox,
+  chevronDownSolidIcon20PathD,
+  closeSolidIcon20PathD
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var CASCADER_KEYS = /* @__PURE__ */ new Set([
   "options",
   "value",
@@ -18,10 +39,11 @@ var CASCADER_KEYS = /* @__PURE__ */ new Set([
   "notFoundText",
   "className"
 ]);
+var EMPTY_CASCADER_VALUE = [];
 var Cascader = (props) => {
   const {
     options = [],
-    value = [],
+    value = EMPTY_CASCADER_VALUE,
     onChange,
     placeholder = "Please select",
     size = "md",
@@ -68,7 +90,7 @@ var Cascader = (props) => {
       setActivePath(value ? [...value] : []);
       setSearchQuery("");
     }
-  }, [isOpen]);
+  }, [isOpen, value]);
   useEffect(() => {
     if (!isOpen) return;
     function handleClick(e) {
@@ -293,4 +315,6 @@ var Cascader = (props) => {
   ] });
 };
 
-export { Cascader };
+export {
+  Cascader
+};

package/dist/chunk-CHPJPIW6.js

@@ -1,34 +1,38 @@
-'use strict';
+"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; }// src/components/Watermark.tsx
+var _react = require('react');
 
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/Watermark.tsx
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var Watermark = ({
   content,
   image,
-  width = tigercatCore.watermarkDefaults.width,
-  height = tigercatCore.watermarkDefaults.height,
-  rotate = tigercatCore.watermarkDefaults.rotate,
-  zIndex = tigercatCore.watermarkDefaults.zIndex,
-  gapX = tigercatCore.watermarkDefaults.gapX,
-  gapY = tigercatCore.watermarkDefaults.gapY,
-  offsetX = tigercatCore.watermarkDefaults.offsetX,
-  offsetY = tigercatCore.watermarkDefaults.offsetY,
+  width = _tigercatcore.watermarkDefaults.width,
+  height = _tigercatcore.watermarkDefaults.height,
+  rotate = _tigercatcore.watermarkDefaults.rotate,
+  zIndex = _tigercatcore.watermarkDefaults.zIndex,
+  gapX = _tigercatcore.watermarkDefaults.gapX,
+  gapY = _tigercatcore.watermarkDefaults.gapY,
+  offsetX = _tigercatcore.watermarkDefaults.offsetX,
+  offsetY = _tigercatcore.watermarkDefaults.offsetY,
   font,
   className,
   children,
   ...props
 }) => {
-  const [base64, setBase64] = react.useState();
-  const wrapperRef = react.useRef(null);
-  const renderControllerRef = react.useRef(null);
-  const resolvedFont = react.useMemo(() => tigercatCore.resolveWatermarkFont(font), [font]);
-  react.useEffect(() => {
+  const [base64, setBase64] = _react.useState.call(void 0, );
+  const wrapperRef = _react.useRef.call(void 0, null);
+  const renderControllerRef = _react.useRef.call(void 0, null);
+  const resolvedFont = _react.useMemo.call(void 0, () => _tigercatcore.resolveWatermarkFont.call(void 0, font), [font]);
+  _react.useEffect.call(void 0, () => {
     const target = wrapperRef.current;
     if (!target) return;
-    const controller = tigercatCore.createWatermarkRenderController({
+    const controller = _tigercatcore.createWatermarkRenderController.call(void 0, {
       getRenderOptions: () => ({
         content,
         image,
@@ -49,13 +53,13 @@ var Watermark = ({
       }
     };
   }, [content, image, width, height, rotate, resolvedFont]);
-  react.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     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") {
-            renderControllerRef.current?.render();
+          if (_optionalChain([node, 'access', _ => _.dataset, 'optionalAccess', _2 => _2.watermark]) === "true") {
+            _optionalChain([renderControllerRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.render, 'call', _5 => _5()]);
             return;
           }
         }
@@ -64,8 +68,8 @@ var Watermark = ({
     observer.observe(wrapperRef.current, { childList: true });
     return () => observer.disconnect();
   }, []);
-  const overlayStyle = react.useMemo(
-    () => tigercatCore.getWatermarkOverlayStyle({
+  const overlayStyle = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getWatermarkOverlayStyle.call(void 0, {
       base64Url: base64,
       width,
       height,
@@ -77,11 +81,13 @@ var Watermark = ({
     }),
     [base64, width, height, gapX, gapY, offsetX, offsetY, zIndex]
   );
-  const wrapperClasses = react.useMemo(() => tigercatCore.classNames(tigercatCore.watermarkWrapperClasses, className), [className]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: wrapperRef, className: wrapperClasses, ...props, children: [
+  const wrapperClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.watermarkWrapperClasses, className), [className]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: wrapperRef, className: wrapperClasses, ...props, children: [
     children,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-watermark": "true", "aria-hidden": "true", style: overlayStyle })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-watermark": "true", "aria-hidden": "true", style: overlayStyle })
   ] });
 };
 
+
+
 exports.Watermark = Watermark;