@expcat/tigercat-react 0.4.3 → 1.0.0

package/dist/{chunk-JNLX47UL.mjs → chunk-BJ2GUKPU.mjs}

@@ -1,13 +1,14 @@
 import { useEscapeKey } from './chunk-WLIFEALE.mjs';
-import { Button } from './chunk-ENSLMM3L.mjs';
+import { Button } from './chunk-3KMKMAE3.mjs';
 import React, { useEffect, useCallback, useMemo, useId, useRef } from 'react';
 import { createPortal } from 'react-dom';
 import { getModalContentClasses, getModalContainerClasses, resolveLocaleText, captureActiveElement, focusFirst, restoreFocus, getFocusableElements, getFocusTrapNavigation, classNames, modalMaskClasses, modalHeaderClasses, modalTitleClasses, modalCloseButtonClasses, modalBodyClasses, modalFooterClasses, modalWrapperClasses, closeIconViewBox, closeIconPathD, closeIconPathStrokeWidth, closeIconPathStrokeLinejoin, closeIconPathStrokeLinecap } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var Modal = ({
-  visible = false,
+  open = false,
   size = "md",
+  width,
   title,
   titleContent,
   closable = true,
@@ -19,7 +20,7 @@ var Modal = ({
   className,
   children,
   footer,
-  onVisibleChange,
+  onOpenChange,
   onClose,
   onCancel,
   onOk,
@@ -29,29 +30,54 @@ var Modal = ({
   cancelText,
   locale,
   style,
+  draggable: isDraggable = false,
   ...rest
 }) => {
-  const [hasBeenOpened, setHasBeenOpened] = React.useState(visible);
+  const [hasBeenOpened, setHasBeenOpened] = React.useState(open);
+  const [dragOffset, setDragOffset] = React.useState({ x: 0, y: 0 });
   useEffect(() => {
-    if (visible) {
+    if (open) {
       setHasBeenOpened(true);
+    } else {
+      setDragOffset({ x: 0, y: 0 });
     }
-  }, [visible]);
+  }, [open]);
+  const handleDragMouseDown = 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]
+  );
   useEffect(() => {
-    onVisibleChange?.(visible);
-    if (!visible && onClose) {
+    onOpenChange?.(open);
+    if (!open && onClose) {
       onClose();
     }
-  }, [visible, onVisibleChange, onClose]);
-  const shouldRender = destroyOnClose ? visible : hasBeenOpened;
+  }, [open, onOpenChange, onClose]);
+  const shouldRender = destroyOnClose ? open : hasBeenOpened;
   const handleClose = useCallback(() => {
     onCancel?.();
-    onVisibleChange?.(false);
-  }, [onCancel, onVisibleChange]);
+    onOpenChange?.(false);
+  }, [onCancel, onOpenChange]);
   const handleOk = useCallback(() => {
     onOk?.();
-    onVisibleChange?.(false);
-  }, [onOk, onVisibleChange]);
+    onOpenChange?.(false);
+  }, [onOk, onOpenChange]);
   const handleMaskClick = useCallback(
     (event) => {
       if (maskClosable && event.target === event.currentTarget) {
@@ -94,7 +120,7 @@ var Modal = ({
   const closeButtonRef = useRef(null);
   const previousActiveElementRef = useRef(null);
   useEffect(() => {
-    if (visible) {
+    if (open) {
       previousActiveElementRef.current = captureActiveElement();
       const timer = setTimeout(() => {
         focusFirst([closeButtonRef.current, dialogRef.current]);
@@ -102,8 +128,8 @@ var Modal = ({
       return () => clearTimeout(timer);
     }
     restoreFocus(previousActiveElementRef.current);
-  }, [visible]);
-  useEscapeKey({ enabled: visible, onEscape: handleClose });
+  }, [open]);
+  useEscapeKey({ enabled: open, onEscape: handleClose });
   const handleKeyDown = useCallback((event) => {
     if (event.key === "Tab" && dialogRef.current) {
       const focusables = getFocusableElements(dialogRef.current);
@@ -139,16 +165,16 @@ var Modal = ({
   const modalContent = /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames(modalWrapperClasses, !visible && "pointer-events-none"),
+      className: classNames(modalWrapperClasses, !open && "pointer-events-none"),
       style: { zIndex },
-      hidden: !visible,
-      "aria-hidden": !visible ? "true" : void 0,
+      hidden: !open,
+      "aria-hidden": !open ? "true" : void 0,
       "data-tiger-modal-root": "",
       children: [
         mask && /* @__PURE__ */ jsx(
           "div",
           {
-            className: classNames(modalMaskClasses, visible ? "opacity-100" : "opacity-0"),
+            className: classNames(modalMaskClasses, open ? "opacity-100" : "opacity-0"),
             "aria-hidden": "true",
             "data-tiger-modal-mask": ""
           }
@@ -157,7 +183,11 @@ var Modal = ({
           "div",
           {
             className: contentClasses,
-            style,
+            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",
@@ -167,20 +197,28 @@ var Modal = ({
             onKeyDown: handleKeyDown,
             "data-tiger-modal": "",
             children: [
-              (title || titleContent || closable) && /* @__PURE__ */ jsxs("div", { className: modalHeaderClasses, children: [
-                (title || titleContent) && /* @__PURE__ */ jsx("h3", { id: titleId, className: modalTitleClasses, children: titleContent || title }),
-                closable && /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: modalCloseButtonClasses,
-                    onClick: handleClose,
-                    "aria-label": resolvedCloseAriaLabel,
-                    ref: closeButtonRef,
-                    children: CloseIcon
-                  }
-                )
-              ] }),
+              (title || titleContent || closable) && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: modalHeaderClasses,
+                  onMouseDown: isDraggable ? handleDragMouseDown : void 0,
+                  style: isDraggable ? { cursor: "grab", userSelect: "none" } : void 0,
+                  children: [
+                    (title || titleContent) && /* @__PURE__ */ jsx("h3", { id: titleId, className: modalTitleClasses, children: titleContent || title }),
+                    closable && /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: modalCloseButtonClasses,
+                        onClick: handleClose,
+                        "aria-label": resolvedCloseAriaLabel,
+                        ref: closeButtonRef,
+                        children: CloseIcon
+                      }
+                    )
+                  ]
+                }
+              ),
               children && /* @__PURE__ */ jsx("div", { className: modalBodyClasses, children }),
               footer ? /* @__PURE__ */ jsx("div", { className: modalFooterClasses, "data-tiger-modal-footer": "", children: footer }) : showDefaultFooter ? /* @__PURE__ */ jsxs("div", { className: modalFooterClasses, "data-tiger-modal-footer": "", children: [
                 /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleClose, children: resolvedCancelText }),

package/dist/chunk-BKYE77F2.js

@@ -0,0 +1,171 @@
+'use strict';
+
+var chunkUKGQ7256_js = require('./chunk-UKGQ7256.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var RichTextEditor = ({
+  value,
+  defaultValue = "",
+  placeholder,
+  mode: _mode = "html",
+  toolbar,
+  height = 300,
+  readOnly = false,
+  disabled = false,
+  onChange,
+  className,
+  ...restProps
+}) => {
+  const editorRef = react.useRef(null);
+  const [currentContent, setInternalValue, isControlled] = chunkUKGQ7256_js.useControlledState(value, defaultValue);
+  const [activeFormats, setActiveFormats] = react.useState(/* @__PURE__ */ new Set());
+  const toolbarButtons = toolbar ?? tigercatCore.defaultToolbar;
+  const empty = tigercatCore.isContentEmpty(currentContent);
+  react.useEffect(() => {
+    if (isControlled && editorRef.current) {
+      const sanitized = tigercatCore.sanitizeHtml(value);
+      if (editorRef.current.innerHTML !== sanitized) {
+        editorRef.current.innerHTML = sanitized;
+      }
+    }
+  }, [value, isControlled]);
+  react.useEffect(() => {
+    if (editorRef.current) {
+      const initial = tigercatCore.sanitizeHtml(isControlled ? value : defaultValue);
+      if (initial) {
+        editorRef.current.innerHTML = initial;
+      }
+    }
+  }, []);
+  const updateActiveFormats = react.useCallback(() => {
+    if (typeof document === "undefined") return;
+    const next = /* @__PURE__ */ new Set();
+    if (document.queryCommandState("bold")) next.add("bold");
+    if (document.queryCommandState("italic")) next.add("italic");
+    if (document.queryCommandState("underline")) next.add("underline");
+    if (document.queryCommandState("strikeThrough")) next.add("strikethrough");
+    if (document.queryCommandState("insertUnorderedList")) next.add("bulletList");
+    if (document.queryCommandState("insertOrderedList")) next.add("orderedList");
+    setActiveFormats(next);
+  }, []);
+  react.useEffect(() => {
+    if (typeof document === "undefined") return;
+    document.addEventListener("selectionchange", updateActiveFormats);
+    return () => {
+      document.removeEventListener("selectionchange", updateActiveFormats);
+    };
+  }, [updateActiveFormats]);
+  const handleInput = react.useCallback(() => {
+    if (!editorRef.current) return;
+    const html = editorRef.current.innerHTML;
+    const sanitized = tigercatCore.sanitizeHtml(html);
+    if (!isControlled) {
+      setInternalValue(sanitized);
+    }
+    onChange?.(sanitized);
+  }, [isControlled, onChange]);
+  const execAction = react.useCallback(
+    (actionName) => {
+      if (readOnly || disabled) return;
+      editorRef.current?.focus();
+      const mapping = tigercatCore.mapToolbarAction(actionName);
+      if (mapping) {
+        document.execCommand(mapping.command, false, mapping.argument);
+        handleInput();
+        updateActiveFormats();
+        return;
+      }
+      if (actionName === "codeBlock") {
+        document.execCommand("formatBlock", false, "PRE");
+        handleInput();
+        return;
+      }
+      if (actionName === "link") {
+        const url = typeof window !== "undefined" ? window.prompt("Enter URL:") : null;
+        if (url && tigercatCore.isValidUrl(url)) {
+          document.execCommand("createLink", false, url);
+          handleInput();
+        }
+        return;
+      }
+      if (actionName === "image") {
+        const url = typeof window !== "undefined" ? window.prompt("Enter image URL:") : null;
+        if (url && tigercatCore.isValidUrl(url)) {
+          document.execCommand("insertImage", false, url);
+          handleInput();
+        }
+      }
+    },
+    [readOnly, disabled, handleInput, updateActiveFormats]
+  );
+  const handleKeydown = react.useCallback(
+    (e) => {
+      const match = tigercatCore.findHotkeyMatch(toolbarButtons, e.nativeEvent);
+      if (match) {
+        e.preventDefault();
+        execAction(match);
+      }
+    },
+    [toolbarButtons, execAction]
+  );
+  const containerClasses = react.useMemo(
+    () => tigercatCore.classNames(tigercatCore.getRichTextContainerClasses(disabled, className)),
+    [disabled, className]
+  );
+  const editorAreaClasses = react.useMemo(() => tigercatCore.getEditorAreaClasses(readOnly), [readOnly]);
+  const containerStyle = react.useMemo(() => {
+    const ht = tigercatCore.parseHeight(height);
+    if (!ht) return void 0;
+    return { height: ht };
+  }, [height]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClasses, style: containerStyle, ...restProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.richTextToolbarClasses, role: "toolbar", "aria-label": "Text formatting", children: toolbarButtons.map((btn) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: tigercatCore.getToolbarButtonClasses(activeFormats.has(btn.name)),
+        title: btn.tooltip ?? btn.label,
+        "aria-label": btn.label,
+        "aria-pressed": tigercatCore.isInlineFormat(btn.name) ? activeFormats.has(btn.name) : void 0,
+        disabled: disabled || readOnly,
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: () => execAction(btn.name),
+        children: btn.label
+      },
+      btn.name
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: editorRef,
+          className: editorAreaClasses,
+          contentEditable: !(readOnly || disabled),
+          role: "textbox",
+          "aria-multiline": true,
+          "aria-readonly": readOnly || void 0,
+          "aria-disabled": disabled || void 0,
+          "aria-placeholder": placeholder,
+          "data-placeholder": placeholder,
+          onInput: handleInput,
+          onKeyDown: handleKeydown,
+          suppressContentEditableWarning: true
+        }
+      ),
+      empty && placeholder && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: `${tigercatCore.richTextPlaceholderClasses} absolute top-0 left-0 p-4 pointer-events-none text-sm`,
+          "aria-hidden": true,
+          children: placeholder
+        }
+      )
+    ] })
+  ] });
+};
+var RichTextEditor_default = RichTextEditor;
+
+exports.RichTextEditor = RichTextEditor;
+exports.RichTextEditor_default = RichTextEditor_default;

package/dist/chunk-BR5OSUZT.mjs

@@ -0,0 +1,55 @@
+import { useRef, useMemo, useCallback, useEffect } from 'react';
+import { getInfiniteScrollContainerClasses, shouldLoadMore, classNames, infiniteScrollLoaderClasses, infiniteScrollEndClasses } from '@expcat/tigercat-core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/components/InfiniteScroll.tsx
+var InfiniteScroll = ({
+  hasMore = true,
+  loading = false,
+  threshold = 100,
+  loadingText = "Loading...",
+  endText = "No more data",
+  direction = "vertical",
+  inverse = false,
+  disabled = false,
+  className,
+  children,
+  loader,
+  end,
+  onLoadMore,
+  ...rest
+}) => {
+  const containerRef = useRef(null);
+  const containerClasses = useMemo(
+    () => getInfiniteScrollContainerClasses(direction, className),
+    [direction, className]
+  );
+  const checkScroll = useCallback(() => {
+    if (disabled || loading || !hasMore) return;
+    const el = containerRef.current;
+    if (!el) return;
+    if (shouldLoadMore(el, threshold, direction, inverse)) {
+      onLoadMore?.();
+    }
+  }, [disabled, loading, hasMore, threshold, direction, inverse, onLoadMore]);
+  useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    el.addEventListener("scroll", checkScroll, { passive: true });
+    return () => el.removeEventListener("scroll", checkScroll);
+  }, [checkScroll]);
+  const loaderEl = loading ? /* @__PURE__ */ jsx("div", { className: infiniteScrollLoaderClasses, role: "status", "aria-live": "polite", children: loader ?? loadingText }) : null;
+  const endEl = !hasMore && !loading ? /* @__PURE__ */ jsx("div", { className: infiniteScrollEndClasses, children: end ?? endText }) : null;
+  return /* @__PURE__ */ jsx("div", { ref: containerRef, className: classNames(containerClasses), ...rest, children: inverse ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    loaderEl,
+    children,
+    endEl
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    children,
+    loaderEl,
+    endEl
+  ] }) });
+};
+var InfiniteScroll_default = InfiniteScroll;
+
+export { InfiniteScroll, InfiniteScroll_default };

package/dist/chunk-BZ3AXFLG.js

@@ -0,0 +1,149 @@
+'use strict';
+
+var chunkHQ3QOT7H_js = require('./chunk-HQ3QOT7H.js');
+var react = require('react');
+var ReactDOM = require('react-dom');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+
+var Tour = ({
+  steps,
+  open = false,
+  current: controlledCurrent,
+  nextText = "Next",
+  prevText = "Previous",
+  finishText = "Finish",
+  closable = true,
+  showIndicators = true,
+  className,
+  onClose,
+  onFinish,
+  onChange
+}) => {
+  const [internalStep, setInternalStep] = react.useState(0);
+  const currentStep = controlledCurrent ?? internalStep;
+  const step = steps[currentStep];
+  const [targetRect, setTargetRect] = react.useState();
+  const popoverRef = react.useRef(null);
+  const updateRect = react.useCallback(() => {
+    if (step?.target) {
+      setTargetRect(tigercatCore.getTourTargetRect(step.target));
+    } else {
+      setTargetRect(void 0);
+    }
+  }, [step]);
+  react.useEffect(() => {
+    if (open) updateRect();
+  }, [open, currentStep, updateRect]);
+  react.useEffect(() => {
+    if (!open) return;
+    const handler = () => updateRect();
+    window.addEventListener("resize", handler);
+    window.addEventListener("scroll", handler, true);
+    return () => {
+      window.removeEventListener("resize", handler);
+      window.removeEventListener("scroll", handler, true);
+    };
+  }, [open, updateRect]);
+  const goTo = react.useCallback(
+    (idx) => {
+      setInternalStep(idx);
+      onChange?.(idx);
+    },
+    [onChange]
+  );
+  const next = react.useCallback(() => {
+    if (currentStep < steps.length - 1) {
+      goTo(currentStep + 1);
+    } else {
+      onFinish?.();
+      onClose?.();
+    }
+  }, [currentStep, steps.length, goTo, onFinish, onClose]);
+  const prev = react.useCallback(() => {
+    if (currentStep > 0) goTo(currentStep - 1);
+  }, [currentStep, goTo]);
+  const close = react.useCallback(() => {
+    onClose?.();
+  }, [onClose]);
+  if (!open || !step) return null;
+  if (typeof document === "undefined") return null;
+  const placement = step.placement ?? "bottom";
+  const showMask = step.mask !== false;
+  const isLast = currentStep === steps.length - 1;
+  const isFirst = currentStep === 0;
+  let popoverStyle;
+  if (targetRect) {
+    const pos = tigercatCore.getTourPopoverPosition(targetRect, 320, 160, placement);
+    popoverStyle = { position: "absolute", top: pos.top, left: pos.left };
+  } else {
+    popoverStyle = {
+      position: "fixed",
+      top: "50%",
+      left: "50%",
+      transform: "translate(-50%, -50%)"
+    };
+  }
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    showMask && targetRect && /* @__PURE__ */ jsxRuntime.jsx("div", { style: tigercatCore.getTourSpotlightStyle(targetRect), "aria-hidden": "true" }),
+    showMask && !targetRect && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-[1000] bg-black/45", "aria-hidden": "true", onClick: close }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref: popoverRef,
+        className: tigercatCore.classNames(tigercatCore.tourPopoverClasses, className),
+        style: popoverStyle,
+        role: "dialog",
+        "aria-modal": "true",
+        children: [
+          closable && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: tigercatCore.tourCloseButtonClasses,
+              type: "button",
+              "aria-label": "Close tour",
+              onClick: close,
+              children: /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: tigercatCore.closeIconPathD, className: "h-4 w-4" })
+            }
+          ),
+          step.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.tourTitleClasses, children: step.title }),
+          step.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.tourDescriptionClasses, children: step.description }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.tourFooterClasses, children: [
+            showIndicators && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: tigercatCore.tourIndicatorClasses, children: [
+              currentStep + 1,
+              " / ",
+              steps.length
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+              !isFirst && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "px-3 py-1.5 text-sm rounded-md border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors mr-2",
+                  onClick: prev,
+                  children: prevText
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "px-3 py-1.5 text-sm rounded-md bg-[var(--tiger-primary,#2563eb)] text-white hover:bg-[var(--tiger-primary-hover,#1d4ed8)] transition-colors",
+                  onClick: next,
+                  children: isLast ? finishText : nextText
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+  return ReactDOM__default.default.createPortal(content, document.body);
+};
+
+exports.Tour = Tour;

package/dist/{chunk-SOC74QA2.js → chunk-C6WJ4GQW.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkMWH6FCSE_js = require('./chunk-MWH6FCSE.js');
+var chunkAJQPGAYL_js = require('./chunk-AJQPGAYL.js');
 var React = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -29,8 +29,8 @@ var PopconfirmIcon = ({ type }) => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 var Popconfirm = ({
-  visible,
-  defaultVisible = false,
+  open,
+  defaultOpen = false,
   title = "\u786E\u5B9A\u8981\u6267\u884C\u6B64\u64CD\u4F5C\u5417\uFF1F",
   description,
   icon = "warning",
@@ -46,7 +46,7 @@ var Popconfirm = ({
   children,
   titleContent,
   descriptionContent,
-  onVisibleChange,
+  onOpenChange,
   onConfirm,
   onCancel,
   ...divProps
@@ -65,14 +65,14 @@ var Popconfirm = ({
     floatingRef,
     actualPlacement,
     floatingStyles: baseFloatingStyles
-  } = chunkMWH6FCSE_js.usePopup({
-    visible,
-    defaultVisible,
+  } = chunkAJQPGAYL_js.usePopup({
+    open,
+    defaultOpen,
     disabled,
     placement: initialPlacement,
     offset,
     multiTrigger: false,
-    onVisibleChange
+    onOpenChange
   });
   const handleConfirm = () => {
     onConfirm?.();

package/dist/{chunk-LXQOQJMU.js → chunk-CDT3P2ZN.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkMWH6FCSE_js = require('./chunk-MWH6FCSE.js');
+var chunkAJQPGAYL_js = require('./chunk-AJQPGAYL.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
 
 var createPopoverId = tigercatCore.createFloatingIdFactory("popover");
 var Popover = ({
-  visible,
-  defaultVisible = false,
+  open,
+  defaultOpen = false,
   title,
   content,
   trigger = "click",
@@ -21,7 +21,7 @@ var Popover = ({
   children,
   titleContent,
   contentContent,
-  onVisibleChange,
+  onOpenChange,
   ...divProps
 }) => {
   const popoverIdRef = react.useRef(null);
@@ -29,14 +29,7 @@ var Popover = ({
   const popoverId = popoverIdRef.current;
   const titleId = `${popoverId}-title`;
   const contentId = `${popoverId}-content`;
-  const {
-    currentVisible,
-    containerRef,
-    triggerRef,
-    floatingRef,
-    floatingStyles,
-    triggerHandlers
-  } = chunkMWH6FCSE_js.usePopup({ visible, defaultVisible, disabled, trigger, placement, offset, onVisibleChange });
+  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = chunkAJQPGAYL_js.usePopup({ open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
   const containerClasses = react.useMemo(
     () => tigercatCore.classNames(tigercatCore.getPopoverContainerClasses(), className),
     [className]