@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/chunk-SO6POTSO.js

@@ -1,110 +0,0 @@
-'use strict';
-
-var chunkPR3PQUKM_js = require('./chunk-PR3PQUKM.js');
-var chunkQYYAXM5F_js = require('./chunk-QYYAXM5F.js');
-var chunkMPO7Y76D_js = require('./chunk-MPO7Y76D.js');
-var chunkVCULFIZ5_js = require('./chunk-VCULFIZ5.js');
-var chunkUF3DXKCI_js = require('./chunk-UF3DXKCI.js');
-var chunkUIO6O4MI_js = require('./chunk-UIO6O4MI.js');
-var chunkCI2WHAT2_js = require('./chunk-CI2WHAT2.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var renderAction = (item, action, index) => {
-  const key = action.key ?? `${item.id}-action-${index}`;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkQYYAXM5F_js.Link,
-    {
-      size: "sm",
-      variant: "primary",
-      href: action.href,
-      target: action.target,
-      disabled: action.disabled,
-      onClick: () => action.onClick?.(item, action),
-      children: action.label
-    },
-    key
-  );
-};
-var ActivityFeed = ({
-  items = [],
-  groups,
-  groupBy,
-  groupOrder,
-  loading = false,
-  loadingText = "\u52A0\u8F7D\u4E2D...",
-  emptyText = "\u6682\u65E0\u52A8\u6001",
-  showAvatar = true,
-  showTime = true,
-  showGroupTitle = true,
-  renderItem,
-  renderGroupHeader,
-  className,
-  ...props
-}) => {
-  const resolvedGroups = react.useMemo(
-    () => tigercatCore.buildActivityGroups(items, groups, groupBy, groupOrder),
-    [items, groups, groupBy, groupOrder]
-  );
-  const wrapperClasses = tigercatCore.classNames(
-    "tiger-activity-feed",
-    "flex",
-    "flex-col",
-    "gap-6",
-    "w-full",
-    className
-  );
-  const renderDefaultItem = (item, index, group) => {
-    if (renderItem) return renderItem(item, index, group);
-    const titleText = item.title ?? (typeof item.content === "string" || typeof item.content === "number" ? String(item.content) : "");
-    const descriptionText = item.description;
-    const timeText = showTime ? tigercatCore.formatActivityTime(item.time) : "";
-    const actionNodes = item.actions?.map(
-      (action, actionIndex) => renderAction(item, action, actionIndex)
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.activityItemClasses, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.activityItemLayoutClasses, children: [
-      showAvatar && item.user ? /* @__PURE__ */ jsxRuntime.jsx(chunkCI2WHAT2_js.Avatar, { size: "sm", src: item.user.avatar, text: item.user.name, className: "shrink-0" }) : null,
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.activityItemBodyClasses, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.activityItemHeaderClasses, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.activityItemTitleGroupClasses, children: [
-            titleText ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", weight: "medium", className: "truncate", children: titleText }) : null,
-            item.status ? /* @__PURE__ */ jsxRuntime.jsx(chunkVCULFIZ5_js.Tag, { variant: item.status.variant ?? "default", size: "sm", className: "shrink-0", children: item.status.label }) : null
-          ] }),
-          timeText ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "xs", color: "muted", className: "shrink-0 whitespace-nowrap", children: timeText }) : null
-        ] }),
-        descriptionText ? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", color: "muted", className: tigercatCore.activityItemDescriptionClasses, children: descriptionText }) : null,
-        actionNodes?.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.activityItemActionsClasses, children: actionNodes }) : null
-      ] })
-    ] }) });
-  };
-  if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, role: "feed", "aria-label": "\u52A8\u6001", "aria-busy": true, ...props, "data-tiger-activity-feed": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUIO6O4MI_js.Card, { variant: "bordered", size: "sm", className: "tiger-activity-feed-loading", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkMPO7Y76D_js.Loading, { text: loadingText }) }) }) });
-  }
-  if (resolvedGroups.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, role: "feed", "aria-label": "\u52A8\u6001", ...props, "data-tiger-activity-feed": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUIO6O4MI_js.Card, { variant: "bordered", size: "sm", className: "tiger-activity-feed-empty", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", color: "muted", children: emptyText }) }) }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: wrapperClasses, role: "feed", "aria-label": "\u52A8\u6001", ...props, "data-tiger-activity-feed": true, children: resolvedGroups.map((group, groupIndex) => {
-    const headerNode = renderGroupHeader?.(group);
-    const groupTitle = group.title;
-    const timelineItems = tigercatCore.toActivityTimelineItems(group.items);
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-      showGroupTitle && groupTitle ? headerNode ?? /* @__PURE__ */ jsxRuntime.jsx(chunkUF3DXKCI_js.Text, { tag: "div", size: "sm", weight: "medium", color: "muted", children: groupTitle }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx(
-        chunkPR3PQUKM_js.Timeline,
-        {
-          items: timelineItems,
-          renderItem: (timelineItem, index) => {
-            const activity = timelineItem.activity;
-            if (!activity) return null;
-            return renderDefaultItem(activity, index, group);
-          }
-        }
-      )
-    ] }, group.key ?? groupIndex);
-  }) });
-};
-var ActivityFeed_default = ActivityFeed;
-
-exports.ActivityFeed = ActivityFeed;
-exports.ActivityFeed_default = ActivityFeed_default;

package/dist/chunk-SR5OHSI7.js

@@ -1,174 +0,0 @@
-'use strict';
-
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// src/components/Splitter.tsx
-var Splitter = ({
-  direction = "horizontal",
-  sizes: controlledSizes,
-  min = 0,
-  max,
-  gutterSize = 4,
-  disabled = false,
-  className,
-  style,
-  onResizeStart,
-  onResize,
-  onResizeEnd,
-  onSizesChange,
-  children
-}) => {
-  const containerRef = React.useRef(null);
-  const dragSessionRef = React.useRef(null);
-  const [paneSizes, setPaneSizes] = React.useState([]);
-  const draggingRef = React.useRef(null);
-  const cleanupDragSession = React.useCallback(() => {
-    dragSessionRef.current?.dispose();
-    dragSessionRef.current = null;
-  }, []);
-  React.useEffect(() => cleanupDragSession, [cleanupDragSession]);
-  React.useEffect(() => {
-    const el = containerRef.current;
-    if (!el) return;
-    const paneCount = React__default.default.Children.count(children);
-    if (paneCount === 0) return;
-    const totalGutter = (paneCount - 1) * gutterSize;
-    const total = direction === "horizontal" ? el.clientWidth - totalGutter : el.clientHeight - totalGutter;
-    if (controlledSizes && controlledSizes.length > 0) {
-      if (total > 0) {
-        const sum = controlledSizes.reduce((a, b) => a + b, 0);
-        if (sum > 0) {
-          setPaneSizes(controlledSizes.map((s) => s / sum * total));
-        }
-      } else {
-        setPaneSizes([...controlledSizes]);
-      }
-    } else {
-      if (total > 0) {
-        const eachSize = total / paneCount;
-        setPaneSizes(Array.from({ length: paneCount }, () => eachSize));
-      }
-    }
-  }, [children, direction, gutterSize, controlledSizes]);
-  const mins = React.useMemo(() => paneSizes.map(() => min), [paneSizes.length, min]);
-  const maxes = React.useMemo(() => paneSizes.map(() => max), [paneSizes.length, max]);
-  const handleMouseDown = React.useCallback(
-    (index, e) => {
-      if (disabled) return;
-      e.preventDefault();
-      cleanupDragSession();
-      draggingRef.current = {
-        index,
-        startPos: direction === "horizontal" ? e.clientX : e.clientY,
-        startSizes: [...paneSizes]
-      };
-      onResizeStart?.({ index, sizes: [...paneSizes] });
-      dragSessionRef.current = tigercatCore.createDocumentDragSession({
-        startX: e.clientX,
-        startY: e.clientY,
-        ownerDocument: e.currentTarget.ownerDocument,
-        onMove: ({ currentX, currentY }) => {
-          const drag = draggingRef.current;
-          if (!drag) return;
-          const currentPos = direction === "horizontal" ? currentX : currentY;
-          const delta = currentPos - drag.startPos;
-          const newSizes = tigercatCore.resizePanes(drag.startSizes, drag.index, delta, mins, maxes);
-          if (newSizes) {
-            setPaneSizes(newSizes);
-            onSizesChange?.(newSizes);
-            onResize?.({ index: drag.index, sizes: newSizes });
-          }
-        },
-        onEnd: ({ currentX, currentY }) => {
-          const drag = draggingRef.current;
-          if (drag) {
-            const currentPos = direction === "horizontal" ? currentX : currentY;
-            const delta = currentPos - drag.startPos;
-            const finalSizes = tigercatCore.resizePanes(drag.startSizes, drag.index, delta, mins, maxes) ?? drag.startSizes;
-            onResizeEnd?.({ index: drag.index, sizes: finalSizes });
-          }
-          draggingRef.current = null;
-          dragSessionRef.current = null;
-        }
-      });
-    },
-    [
-      disabled,
-      direction,
-      paneSizes,
-      mins,
-      maxes,
-      cleanupDragSession,
-      onResizeStart,
-      onResize,
-      onResizeEnd,
-      onSizesChange
-    ]
-  );
-  const handleKeyDown = React.useCallback(
-    (gutterIdx, e) => {
-      if (disabled) return;
-      const step = 10;
-      let delta = 0;
-      if (direction === "horizontal" && e.key === "ArrowLeft" || direction === "vertical" && e.key === "ArrowUp") {
-        delta = -step;
-      } else if (direction === "horizontal" && e.key === "ArrowRight" || direction === "vertical" && e.key === "ArrowDown") {
-        delta = step;
-      }
-      if (delta !== 0) {
-        e.preventDefault();
-        const newSizes = tigercatCore.resizePanes(paneSizes, gutterIdx, delta, mins, maxes);
-        if (newSizes) {
-          setPaneSizes(newSizes);
-          onSizesChange?.(newSizes);
-          onResize?.({ index: gutterIdx, sizes: newSizes });
-        }
-      }
-    },
-    [disabled, direction, paneSizes, mins, maxes, onResize, onSizesChange]
-  );
-  const childArray = React__default.default.Children.toArray(children);
-  const containerClasses = React.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getSplitterContainerClasses(direction, className)),
-    [direction, className]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: containerClasses, style, "data-direction": direction, children: childArray.map((child, i) => {
-    const size = paneSizes[i];
-    const paneStyle = size != null ? tigercatCore.getPaneStyle(size, direction) : void 0;
-    const isDragging = draggingRef.current?.index === i;
-    return /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "tiger-splitter-pane relative overflow-auto",
-          style: paneStyle,
-          "data-pane-index": i,
-          children: child
-        }
-      ),
-      i < childArray.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: tigercatCore.getSplitterGutterClasses(direction, !!isDragging, disabled),
-          role: "separator",
-          "aria-orientation": direction === "horizontal" ? "vertical" : "horizontal",
-          tabIndex: disabled ? -1 : 0,
-          "data-gutter-index": i,
-          onMouseDown: (e) => handleMouseDown(i, e),
-          onKeyDown: (e) => handleKeyDown(i, e),
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getSplitterGutterHandleClasses(direction) })
-        }
-      )
-    ] }, i);
-  }) });
-};
-var Splitter_default = Splitter;
-
-exports.Splitter = Splitter;
-exports.Splitter_default = Splitter_default;

package/dist/chunk-UB6SHKPR.js

@@ -1,58 +0,0 @@
-'use strict';
-
-var chunkACQLSECT_js = require('./chunk-ACQLSECT.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var ImageGroupContext = react.createContext(null);
-var ImageGroup = ({
-  preview = true,
-  onPreviewVisibleChange,
-  children,
-  className
-}) => {
-  const [previewVisible, setPreviewVisible] = react.useState(false);
-  const [previewIndex, setPreviewIndex] = react.useState(0);
-  const imagesRef = react.useRef([]);
-  const register = react.useCallback((src) => {
-    const result = tigercatCore.registerImageGroupItem(imagesRef.current, src);
-    imagesRef.current = result.items;
-    return result.index;
-  }, []);
-  const unregister = react.useCallback((src) => {
-    imagesRef.current = tigercatCore.unregisterImageGroupItem(imagesRef.current, src);
-  }, []);
-  const openPreview = react.useCallback(
-    (index) => {
-      if (!preview) return;
-      setPreviewIndex(index);
-      setPreviewVisible(true);
-      onPreviewVisibleChange?.(true);
-    },
-    [preview, onPreviewVisibleChange]
-  );
-  const contextValue = react.useMemo(
-    () => ({ register, unregister, openPreview }),
-    [register, unregister, openPreview]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(ImageGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.getImageGroupClasses(className), role: "group", children: [
-    children,
-    preview && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkACQLSECT_js.ImagePreview,
-      {
-        open: previewVisible,
-        images: imagesRef.current,
-        currentIndex: previewIndex,
-        onOpenChange: (val) => {
-          setPreviewVisible(val);
-          if (!val) onPreviewVisibleChange?.(false);
-        },
-        onCurrentIndexChange: setPreviewIndex
-      }
-    )
-  ] }) });
-};
-
-exports.ImageGroup = ImageGroup;
-exports.ImageGroupContext = ImageGroupContext;

package/dist/chunk-UEJHVPE2.js

@@ -1,97 +0,0 @@
-'use strict';
-
-var chunkRVCUNEBU_js = require('./chunk-RVCUNEBU.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var Radio = ({
-  value,
-  size,
-  disabled,
-  name,
-  checked,
-  defaultChecked = false,
-  onChange,
-  children,
-  className,
-  style,
-  ...props
-}) => {
-  const groupContext = react.useContext(chunkRVCUNEBU_js.RadioGroupContext);
-  const [internalChecked, setInternalChecked] = react.useState(defaultChecked);
-  const isCheckedControlled = checked !== void 0;
-  const isInGroup = !!groupContext;
-  const actualSize = size || groupContext?.size || "md";
-  const actualDisabled = disabled !== void 0 ? disabled : groupContext?.disabled || false;
-  const actualName = name || groupContext?.name || "";
-  const isChecked = checked !== void 0 ? checked : groupContext?.value !== void 0 ? groupContext.value === value : internalChecked;
-  const radioClasses = react.useMemo(
-    () => tigercatCore.getRadioVisualClasses({
-      size: actualSize,
-      checked: isChecked,
-      disabled: actualDisabled,
-      colors: tigercatCore.defaultRadioColors
-    }),
-    [actualSize, isChecked, actualDisabled]
-  );
-  const dotClasses = react.useMemo(
-    () => tigercatCore.getRadioDotClasses({
-      size: actualSize,
-      checked: isChecked,
-      colors: tigercatCore.defaultRadioColors
-    }),
-    [actualSize, isChecked]
-  );
-  const labelClasses = react.useMemo(
-    () => tigercatCore.getRadioLabelClasses({
-      size: actualSize,
-      disabled: actualDisabled,
-      colors: tigercatCore.defaultRadioColors
-    }),
-    [actualSize, actualDisabled]
-  );
-  const handleChange = (event) => {
-    if (actualDisabled) {
-      event.preventDefault();
-      return;
-    }
-    const newChecked = event.target.checked;
-    if (!newChecked) return;
-    if (!isCheckedControlled && !isInGroup) {
-      setInternalChecked(true);
-    }
-    onChange?.(value);
-    groupContext?.onChange?.(value);
-  };
-  const handleKeyDown = (event) => {
-    props.onKeyDown?.(event);
-    if (event.defaultPrevented) return;
-    if (actualDisabled) return;
-    if (event.key === "Enter") {
-      event.preventDefault();
-      const input = event.currentTarget;
-      if (!input.checked) input.click();
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: tigercatCore.classNames(tigercatCore.radioRootBaseClasses, className), style, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type: "radio",
-        className: "sr-only peer",
-        ...props,
-        name: actualName,
-        value,
-        checked: isChecked,
-        disabled: actualDisabled,
-        onChange: handleChange,
-        onKeyDown: handleKeyDown
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: radioClasses, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: dotClasses }) }),
-    children && /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelClasses, children })
-  ] });
-};
-
-exports.Radio = Radio;

package/dist/chunk-ULODU52Q.js

@@ -1,232 +0,0 @@
-'use strict';
-
-var chunkGRXBGL6Q_js = require('./chunk-GRXBGL6Q.js');
-var chunkPGBKMW4Q_js = require('./chunk-PGBKMW4Q.js');
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-var Modal = ({
-  open = false,
-  size = "md",
-  width,
-  title,
-  titleContent,
-  closable = true,
-  mask = true,
-  maskClosable = true,
-  centered = false,
-  destroyOnClose = false,
-  zIndex = 1e3,
-  className,
-  children,
-  footer,
-  onOpenChange,
-  onClose,
-  onCancel,
-  onOk,
-  closeAriaLabel,
-  showDefaultFooter = false,
-  okText,
-  cancelText,
-  locale,
-  style,
-  draggable: isDraggable = false,
-  ...rest
-}) => {
-  const [hasBeenOpened, setHasBeenOpened] = React__default.default.useState(open);
-  const [dragOffset, setDragOffset] = React__default.default.useState({ x: 0, y: 0 });
-  React.useEffect(() => {
-    if (open) {
-      setHasBeenOpened(true);
-    } else {
-      setDragOffset({ x: 0, y: 0 });
-    }
-  }, [open]);
-  const handleDragMouseDown = React.useCallback(
-    (e) => {
-      if (!isDraggable) return;
-      const startX = e.clientX;
-      const startY = e.clientY;
-      let offsetX = dragOffset.x;
-      let offsetY = dragOffset.y;
-      const onMouseMove = (ev) => {
-        offsetX = dragOffset.x + (ev.clientX - startX);
-        offsetY = dragOffset.y + (ev.clientY - startY);
-        setDragOffset({ x: offsetX, y: offsetY });
-      };
-      const onMouseUp = () => {
-        document.removeEventListener("mousemove", onMouseMove);
-        document.removeEventListener("mouseup", onMouseUp);
-      };
-      document.addEventListener("mousemove", onMouseMove);
-      document.addEventListener("mouseup", onMouseUp);
-    },
-    [isDraggable, dragOffset]
-  );
-  React.useEffect(() => {
-    onOpenChange?.(open);
-    if (!open && onClose) {
-      onClose();
-    }
-  }, [open, onOpenChange, onClose]);
-  const shouldRender = destroyOnClose ? open : hasBeenOpened;
-  const handleClose = React.useCallback(() => {
-    onCancel?.();
-    onOpenChange?.(false);
-  }, [onCancel, onOpenChange]);
-  const handleOk = React.useCallback(() => {
-    onOk?.();
-    onOpenChange?.(false);
-  }, [onOk, onOpenChange]);
-  const handleMaskClick = React.useCallback(
-    (event) => {
-      if (tigercatCore.shouldCloseOnMaskClick(event, maskClosable)) {
-        handleClose();
-      }
-    },
-    [maskClosable, handleClose]
-  );
-  const contentClasses = React.useMemo(() => tigercatCore.getModalContentClasses(size, className), [size, className]);
-  const containerClasses = React.useMemo(() => tigercatCore.getModalContainerClasses(centered), [centered]);
-  const resolvedCloseAriaLabel = tigercatCore.resolveLocaleText(
-    "Close",
-    closeAriaLabel,
-    locale?.modal?.closeAriaLabel,
-    locale?.common?.closeText
-  );
-  const resolvedCancelText = tigercatCore.resolveLocaleText(
-    "\u53D6\u6D88",
-    cancelText,
-    locale?.modal?.cancelText,
-    locale?.common?.cancelText
-  );
-  const resolvedOkText = tigercatCore.resolveLocaleText(
-    "\u786E\u5B9A",
-    okText,
-    locale?.modal?.okText,
-    locale?.common?.okText
-  );
-  const reactId = React.useId();
-  const modalId = React.useMemo(() => `tiger-modal-${reactId}`, [reactId]);
-  const titleId = `${modalId}-title`;
-  const {
-    ["aria-labelledby"]: _ariaLabelledby,
-    role: _role,
-    tabIndex: _tabIndex,
-    ...dialogDivProps
-  } = rest;
-  const ariaLabelledby = rest["aria-labelledby"] ?? (title || titleContent ? titleId : void 0);
-  const dialogRef = React.useRef(null);
-  const closeButtonRef = React.useRef(null);
-  const previousActiveElementRef = React.useRef(null);
-  React.useEffect(() => {
-    if (open) {
-      previousActiveElementRef.current = tigercatCore.captureActiveElement();
-      const timer = setTimeout(() => {
-        tigercatCore.focusFirst([closeButtonRef.current, dialogRef.current]);
-      }, 0);
-      return () => clearTimeout(timer);
-    }
-    tigercatCore.restoreFocus(previousActiveElementRef.current);
-  }, [open]);
-  chunkPGBKMW4Q_js.useEscapeKey({ enabled: open, onEscape: handleClose });
-  chunkPGBKMW4Q_js.useBodyScrollLock({ enabled: open });
-  chunkPGBKMW4Q_js.useFocusTrap({ enabled: open, containerRef: dialogRef });
-  const CloseIcon = /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "h-5 w-5",
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: tigercatCore.closeIconViewBox,
-      stroke: "currentColor",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          strokeLinecap: tigercatCore.closeIconPathStrokeLinecap,
-          strokeLinejoin: tigercatCore.closeIconPathStrokeLinejoin,
-          strokeWidth: tigercatCore.closeIconPathStrokeWidth,
-          d: tigercatCore.closeIconPathD
-        }
-      )
-    }
-  );
-  if (!shouldRender) {
-    return null;
-  }
-  const modalContent = /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: tigercatCore.classNames(tigercatCore.modalWrapperClasses, !open && "pointer-events-none"),
-      style: { zIndex },
-      hidden: !open,
-      "aria-hidden": !open ? "true" : void 0,
-      "data-tiger-modal-root": "",
-      children: [
-        mask && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: tigercatCore.classNames(tigercatCore.modalMaskClasses, open ? "opacity-100" : "opacity-0"),
-            "aria-hidden": "true",
-            "data-tiger-modal-mask": ""
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerClasses, onClick: handleMaskClick, children: /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: contentClasses,
-            style: {
-              ...style,
-              ...width ? { width: typeof width === "number" ? `${width}px` : width, maxWidth: "100%" } : void 0,
-              ...isDraggable && (dragOffset.x !== 0 || dragOffset.y !== 0) ? { transform: `translate(${dragOffset.x}px, ${dragOffset.y}px)` } : void 0
-            },
-            ...dialogDivProps,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": ariaLabelledby,
-            tabIndex: -1,
-            ref: dialogRef,
-            "data-tiger-modal": "",
-            children: [
-              (title || titleContent || closable) && /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: tigercatCore.modalHeaderClasses,
-                  onMouseDown: isDraggable ? handleDragMouseDown : void 0,
-                  style: isDraggable ? { cursor: "grab", userSelect: "none" } : void 0,
-                  children: [
-                    (title || titleContent) && /* @__PURE__ */ jsxRuntime.jsx("h3", { id: titleId, className: tigercatCore.modalTitleClasses, children: titleContent || title }),
-                    closable && /* @__PURE__ */ jsxRuntime.jsx(
-                      "button",
-                      {
-                        type: "button",
-                        className: tigercatCore.modalCloseButtonClasses,
-                        onClick: handleClose,
-                        "aria-label": resolvedCloseAriaLabel,
-                        ref: closeButtonRef,
-                        children: CloseIcon
-                      }
-                    )
-                  ]
-                }
-              ),
-              children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.modalBodyClasses, children }),
-              footer ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.modalFooterClasses, "data-tiger-modal-footer": "", children: footer }) : showDefaultFooter ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.modalFooterClasses, "data-tiger-modal-footer": "", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(chunkGRXBGL6Q_js.Button, { variant: "secondary", onClick: handleClose, children: resolvedCancelText }),
-                /* @__PURE__ */ jsxRuntime.jsx(chunkGRXBGL6Q_js.Button, { onClick: handleOk, children: resolvedOkText })
-              ] }) : null
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-  return chunkPGBKMW4Q_js.renderBodyPortal(modalContent);
-};
-
-exports.Modal = Modal;