@4399ywkf/design 2.1.0 → 2.1.1

package/dist/AiConversation/_lobe/base-ui/FloatingSheet/useSnapPoints.js

@@ -0,0 +1,101 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { useMemo } from 'react';
+import { clamp, resolveSize } from "./helpers";
+var VELOCITY_THRESHOLD = 0.4;
+var DRAG_DISTANCE_RATIO = 0.4;
+export function useSnapPoints(_ref) {
+  var closeThreshold = _ref.closeThreshold,
+    snapPoints = _ref.snapPoints,
+    containerHeight = _ref.containerHeight,
+    minHeightPx = _ref.minHeightPx,
+    maxHeightPx = _ref.maxHeightPx;
+  var snapPointHeights = useMemo(function () {
+    if (!containerHeight) return [];
+    var resolved = snapPoints.map(function (sp) {
+      return clamp(resolveSize(sp, containerHeight), minHeightPx, maxHeightPx);
+    }).sort(function (a, b) {
+      return a - b;
+    });
+
+    // Remove duplicates
+    return _toConsumableArray(new Set(resolved));
+  }, [snapPoints, containerHeight, minHeightPx, maxHeightPx]);
+  function findClosestSnapPoint(height) {
+    if (snapPointHeights.length === 0) return clamp(height, minHeightPx, maxHeightPx);
+    return snapPointHeights.reduce(function (prev, curr) {
+      return Math.abs(curr - height) < Math.abs(prev - height) ? curr : prev;
+    });
+  }
+  function findActiveIndex(height) {
+    var closest = findClosestSnapPoint(height);
+    return snapPointHeights.indexOf(closest);
+  }
+  function getSnapRelease(_ref2) {
+    var _snapPointHeights$at, _snapPointHeights$, _snapPointHeights$Mat, _snapPointHeights$Mat2, _snapPointHeights$act;
+    var currentHeight = _ref2.currentHeight,
+      activeIndex = _ref2.activeIndex,
+      draggedDistance = _ref2.draggedDistance,
+      velocity = _ref2.velocity,
+      dismissible = _ref2.dismissible;
+    var isFirst = activeIndex === 0;
+    var isLast = activeIndex === snapPointHeights.length - 1;
+    var isDraggingUp = draggedDistance > 0;
+    var highestSnapPoint = (_snapPointHeights$at = snapPointHeights.at(-1)) !== null && _snapPointHeights$at !== void 0 ? _snapPointHeights$at : maxHeightPx;
+    var lowestSnapPoint = (_snapPointHeights$ = snapPointHeights[0]) !== null && _snapPointHeights$ !== void 0 ? _snapPointHeights$ : minHeightPx;
+    var nextHigherSnapPoint = (_snapPointHeights$Mat = snapPointHeights[Math.min(activeIndex + 1, snapPointHeights.length - 1)]) !== null && _snapPointHeights$Mat !== void 0 ? _snapPointHeights$Mat : highestSnapPoint;
+    var nextLowerSnapPoint = (_snapPointHeights$Mat2 = snapPointHeights[Math.max(activeIndex - 1, 0)]) !== null && _snapPointHeights$Mat2 !== void 0 ? _snapPointHeights$Mat2 : lowestSnapPoint;
+    var sheetHeight = (_snapPointHeights$act = snapPointHeights[activeIndex]) !== null && _snapPointHeights$act !== void 0 ? _snapPointHeights$act : currentHeight;
+
+    // High velocity handling
+    if (velocity > VELOCITY_THRESHOLD && Math.abs(draggedDistance) < sheetHeight * DRAG_DISTANCE_RATIO) {
+      if (isDraggingUp) {
+        // Fling upward: go to next higher snap, cap at highest
+        if (isLast) return {
+          type: 'snap',
+          height: highestSnapPoint
+        };
+        return {
+          type: 'snap',
+          height: nextHigherSnapPoint
+        };
+      } else {
+        // Fling downward: go to next lower snap, or dismiss if at lowest
+        if (isFirst) {
+          return dismissible ? {
+            type: 'dismiss'
+          } : {
+            type: 'snap',
+            height: lowestSnapPoint
+          };
+        }
+        return {
+          type: 'snap',
+          height: nextLowerSnapPoint
+        };
+      }
+    }
+    if (dismissible && isFirst && !isDraggingUp && currentHeight < lowestSnapPoint * closeThreshold) {
+      return {
+        type: 'dismiss'
+      };
+    }
+
+    // Low velocity: snap to closest
+    var closest = findClosestSnapPoint(currentHeight);
+    return {
+      type: 'snap',
+      height: closest
+    };
+  }
+  return {
+    snapPointHeights: snapPointHeights,
+    findClosestSnapPoint: findClosestSnapPoint,
+    findActiveIndex: findActiveIndex,
+    getSnapRelease: getSnapRelease
+  };
+}

package/dist/AiConversation/_lobe/base-ui/Modal/Modal.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { ModalComponentProps } from './type';
+declare const Modal: React.NamedExoticComponent<ModalComponentProps>;
+export default Modal;

package/dist/AiConversation/_lobe/base-ui/Modal/Modal.js

@@ -0,0 +1,329 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["className", "danger", "disabled", "onClick", "style"],
+  _excluded2 = ["className", "onClick"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { cx, useTheme } from 'antd-style';
+import { Maximize2, Minimize2, X } from 'lucide-react';
+import { useDragControls } from 'motion/react';
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { stopPropagation } from "../../utils/dom";
+import { safeReadableColor } from "../../utils/safeReadableColor";
+import { ModalBackdrop, ModalContent, ModalFooter, ModalHeader, ModalPopup, ModalPortal, ModalRoot, ModalTitle } from "./atoms";
+import { styles } from "./style";
+import { acquireModalZIndex } from "./zIndexManager";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var OkBtn = function OkBtn(_ref) {
+  var confirmLoading = _ref.confirmLoading,
+    okButtonProps = _ref.okButtonProps,
+    okText = _ref.okText,
+    onOk = _ref.onOk;
+  var theme = useTheme();
+  var _ref2 = okButtonProps !== null && okButtonProps !== void 0 ? okButtonProps : {},
+    userCls = _ref2.className,
+    danger = _ref2.danger,
+    userDisabled = _ref2.disabled,
+    userOnClick = _ref2.onClick,
+    userStyle = _ref2.style,
+    restOk = _objectWithoutProperties(_ref2, _excluded);
+  var bgColor = danger ? theme.colorError : theme.colorPrimary;
+  var textColor = safeReadableColor(bgColor);
+  return /*#__PURE__*/_jsxs("button", _objectSpread(_objectSpread({
+    type: "button"
+  }, restOk), {}, {
+    className: cx(styles.buttonBase, danger ? styles.dangerOkButton : styles.okButton, userCls),
+    disabled: confirmLoading || userDisabled,
+    style: _objectSpread({
+      color: textColor
+    }, userStyle),
+    onClick: function onClick(e) {
+      onOk(e);
+      userOnClick === null || userOnClick === void 0 || userOnClick(e);
+    },
+    children: [confirmLoading && /*#__PURE__*/_jsx("span", {
+      className: styles.loadingSpinner
+    }), okText]
+  }));
+};
+var CancelBtn = function CancelBtn(_ref3) {
+  var cancelButtonProps = _ref3.cancelButtonProps,
+    cancelText = _ref3.cancelText,
+    onCancel = _ref3.onCancel;
+  var _ref4 = cancelButtonProps !== null && cancelButtonProps !== void 0 ? cancelButtonProps : {},
+    userCls = _ref4.className,
+    userOnClick = _ref4.onClick,
+    restCancel = _objectWithoutProperties(_ref4, _excluded2);
+  return /*#__PURE__*/_jsx("button", _objectSpread(_objectSpread({
+    type: "button"
+  }, restCancel), {}, {
+    className: cx(styles.buttonBase, styles.cancelButton, userCls),
+    onClick: function onClick(e) {
+      onCancel(e);
+      userOnClick === null || userOnClick === void 0 || userOnClick(e);
+    },
+    children: cancelText
+  }));
+};
+var Modal = /*#__PURE__*/memo(function (_ref5) {
+  var open = _ref5.open,
+    title = _ref5.title,
+    children = _ref5.children,
+    onOk = _ref5.onOk,
+    onCancel = _ref5.onCancel,
+    _ref5$okText = _ref5.okText,
+    okText = _ref5$okText === void 0 ? 'OK' : _ref5$okText,
+    _ref5$cancelText = _ref5.cancelText,
+    cancelText = _ref5$cancelText === void 0 ? 'Cancel' : _ref5$cancelText,
+    okButtonProps = _ref5.okButtonProps,
+    cancelButtonProps = _ref5.cancelButtonProps,
+    confirmLoading = _ref5.confirmLoading,
+    footer = _ref5.footer,
+    width = _ref5.width,
+    height = _ref5.height,
+    _ref5$maskClosable = _ref5.maskClosable,
+    maskClosable = _ref5$maskClosable === void 0 ? true : _ref5$maskClosable,
+    _ref5$closable = _ref5.closable,
+    closable = _ref5$closable === void 0 ? true : _ref5$closable,
+    closeIcon = _ref5.closeIcon,
+    className = _ref5.className,
+    style = _ref5.style,
+    classNames = _ref5.classNames,
+    semanticStyles = _ref5.styles,
+    zIndex = _ref5.zIndex,
+    afterClose = _ref5.afterClose,
+    afterOpenChange = _ref5.afterOpenChange,
+    loading = _ref5.loading,
+    getContainer = _ref5.getContainer,
+    _ref5$mask = _ref5.mask,
+    mask = _ref5$mask === void 0 ? true : _ref5$mask,
+    keyboard = _ref5.keyboard,
+    _ref5$draggable = _ref5.draggable,
+    draggable = _ref5$draggable === void 0 ? true : _ref5$draggable,
+    _ref5$allowFullscreen = _ref5.allowFullscreen,
+    allowFullscreen = _ref5$allowFullscreen === void 0 ? false : _ref5$allowFullscreen;
+  var dragControls = useDragControls();
+  var constraintsRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isFullscreen = _useState2[0],
+    setIsFullscreen = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isDragging = _useState4[0],
+    setIsDragging = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isDenying = _useState6[0],
+    setIsDenying = _useState6[1];
+  var denyTimerRef = useRef(undefined);
+  useEffect(function () {
+    return function () {
+      return clearTimeout(denyTimerRef.current);
+    };
+  }, []);
+  var triggerDeny = useCallback(function () {
+    clearTimeout(denyTimerRef.current);
+    setIsDenying(true);
+    denyTimerRef.current = setTimeout(function () {
+      return setIsDenying(false);
+    }, 400);
+  }, []);
+  var handleOpenChange = useCallback(function (nextOpen, eventDetails) {
+    if (!open) return;
+    if (!nextOpen && keyboard === false && eventDetails.reason === 'escape-key') return;
+    if (!nextOpen && !maskClosable && eventDetails.reason === 'outside-press') {
+      triggerDeny();
+      return;
+    }
+    if (!nextOpen) {
+      onCancel === null || onCancel === void 0 || onCancel(new MouseEvent('click'));
+    }
+  }, [onCancel, keyboard, maskClosable, open, triggerDeny]);
+  var handleExitComplete = useCallback(function () {
+    setIsFullscreen(false);
+    afterClose === null || afterClose === void 0 || afterClose();
+    afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(false);
+  }, [afterClose, afterOpenChange]);
+  var handleAnimationComplete = useCallback(function () {
+    if (open) afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(true);
+  }, [open, afterOpenChange]);
+  var handleDragStart = useCallback(function (e) {
+    if (draggable && !isFullscreen) {
+      dragControls.start(e);
+      setIsDragging(true);
+    }
+  }, [draggable, dragControls, isFullscreen]);
+  var handleDragEnd = useCallback(function () {
+    setIsDragging(false);
+  }, []);
+  var handleOk = useCallback(function (e) {
+    onOk === null || onOk === void 0 || onOk(e);
+  }, [onOk]);
+  var handleCancel = useCallback(function (e) {
+    onCancel === null || onCancel === void 0 || onCancel(e);
+  }, [onCancel]);
+  var footerNode = useMemo(function () {
+    if (footer === false || footer === null) return null;
+    var cancelBtnNode = /*#__PURE__*/_jsx(CancelBtn, {
+      cancelButtonProps: cancelButtonProps,
+      cancelText: cancelText,
+      onCancel: handleCancel
+    });
+    var okBtnNode = /*#__PURE__*/_jsx(OkBtn, {
+      confirmLoading: confirmLoading,
+      okButtonProps: okButtonProps,
+      okText: okText,
+      onOk: handleOk
+    });
+    var defaultFooter = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [cancelBtnNode, okBtnNode]
+    });
+    if (typeof footer === 'function') {
+      var BoundCancelBtn = function BoundCancelBtn() {
+        return cancelBtnNode;
+      };
+      var BoundOkBtn = function BoundOkBtn() {
+        return okBtnNode;
+      };
+      return footer(defaultFooter, {
+        CancelBtn: BoundCancelBtn,
+        OkBtn: BoundOkBtn
+      });
+    }
+    return footer !== null && footer !== void 0 ? footer : defaultFooter;
+  }, [footer, cancelButtonProps, cancelText, handleCancel, confirmLoading, okButtonProps, okText, handleOk]);
+  var container = getContainer === false ? undefined : getContainer !== null && getContainer !== void 0 ? getContainer : undefined;
+  var prevOpenRef = useRef(false);
+  var acquiredZRef = useRef(undefined);
+  if (open && !prevOpenRef.current) {
+    acquiredZRef.current = acquireModalZIndex();
+  }
+  prevOpenRef.current = !!open;
+  var effectiveZIndex = zIndex !== null && zIndex !== void 0 ? zIndex : acquiredZRef.current;
+  var backdropZIndex = effectiveZIndex ? {
+    zIndex: effectiveZIndex
+  } : undefined;
+  var popupZIndex = effectiveZIndex ? {
+    zIndex: effectiveZIndex + 1
+  } : undefined;
+  var shouldDrag = draggable && !isFullscreen;
+  var dragProps = shouldDrag ? {
+    drag: true,
+    dragConstraints: constraintsRef,
+    dragControls: dragControls,
+    dragElastic: 0,
+    dragListener: false,
+    dragMomentum: false,
+    whileDrag: {
+      cursor: 'grabbing'
+    }
+  } : {};
+  var showTitle = title !== undefined && title !== false && title !== null;
+  var showHeader = showTitle || closable || allowFullscreen;
+  var hasHeight = height !== undefined;
+  var panelStyle = _objectSpread(_objectSpread({}, hasHeight && !isFullscreen ? {
+    height: height
+  } : {}), style);
+  return /*#__PURE__*/_jsx(ModalRoot, {
+    open: open !== null && open !== void 0 ? open : false,
+    onExitComplete: handleExitComplete,
+    onOpenChange: handleOpenChange,
+    children: /*#__PURE__*/_jsxs(ModalPortal, {
+      container: container,
+      children: [mask && /*#__PURE__*/_jsx(ModalBackdrop, {
+        className: classNames === null || classNames === void 0 ? void 0 : classNames.mask,
+        style: _objectSpread(_objectSpread({}, backdropZIndex), semanticStyles === null || semanticStyles === void 0 ? void 0 : semanticStyles.mask)
+      }), /*#__PURE__*/_jsxs(ModalPopup, {
+        className: classNames === null || classNames === void 0 ? void 0 : classNames.wrapper,
+        popupStyle: _objectSpread(_objectSpread({}, popupZIndex), semanticStyles === null || semanticStyles === void 0 ? void 0 : semanticStyles.wrapper),
+        ref: constraintsRef,
+        style: panelStyle,
+        width: isFullscreen ? undefined : width,
+        motionProps: _objectSpread(_objectSpread({}, dragProps), {}, {
+          onAnimationComplete: handleAnimationComplete
+        }),
+        panelClassName: cx(className, isFullscreen && styles.fullscreenPopupInner, isDenying && styles.denyAnimation),
+        children: [showHeader && /*#__PURE__*/_jsxs(ModalHeader, {
+          className: cx(classNames === null || classNames === void 0 ? void 0 : classNames.header, shouldDrag && styles.headerDraggable),
+          style: _objectSpread(_objectSpread({}, isDragging ? {
+            cursor: 'grabbing'
+          } : {}), semanticStyles === null || semanticStyles === void 0 ? void 0 : semanticStyles.header),
+          onPointerCancel: handleDragEnd,
+          onPointerDown: handleDragStart,
+          onPointerUp: handleDragEnd,
+          children: [showTitle ? /*#__PURE__*/_jsx(ModalTitle, {
+            className: classNames === null || classNames === void 0 ? void 0 : classNames.title,
+            style: semanticStyles === null || semanticStyles === void 0 ? void 0 : semanticStyles.title,
+            children: title
+          }) : /*#__PURE__*/_jsx("span", {}), /*#__PURE__*/_jsxs("div", {
+            className: styles.headerActions,
+            onPointerDown: stopPropagation,
+            children: [allowFullscreen && /*#__PURE__*/_jsx("button", {
+              "aria-label": isFullscreen ? 'Exit fullscreen' : 'Fullscreen',
+              className: styles.fullscreenToggle,
+              type: "button",
+              onClick: function onClick() {
+                return setIsFullscreen(function (prev) {
+                  return !prev;
+                });
+              },
+              children: isFullscreen ? /*#__PURE__*/_jsx(Minimize2, {
+                size: 14
+              }) : /*#__PURE__*/_jsx(Maximize2, {
+                size: 14
+              })
+            }), closable && /*#__PURE__*/_jsx("button", {
+              "aria-label": "Close",
+              className: styles.closeInline,
+              type: "button",
+              onClick: handleCancel,
+              children: closeIcon !== null && closeIcon !== void 0 ? closeIcon : /*#__PURE__*/_jsx(X, {
+                size: 18
+              })
+            })]
+          })]
+        }), /*#__PURE__*/_jsx(ModalContent, {
+          className: classNames === null || classNames === void 0 ? void 0 : classNames.body,
+          style: _objectSpread(_objectSpread({}, hasHeight || isFullscreen ? {
+            flex: 1
+          } : {}), semanticStyles === null || semanticStyles === void 0 ? void 0 : semanticStyles.body),
+          children: loading ? /*#__PURE__*/_jsx("div", {
+            style: {
+              display: 'flex',
+              justifyContent: 'center',
+              padding: '32px 0'
+            },
+            children: /*#__PURE__*/_jsx("span", {
+              className: styles.loadingSpinner,
+              style: {
+                height: 24,
+                width: 24
+              }
+            })
+          }) : children
+        }), footerNode !== null && /*#__PURE__*/_jsx(ModalFooter, {
+          className: classNames === null || classNames === void 0 ? void 0 : classNames.footer,
+          style: semanticStyles === null || semanticStyles === void 0 ? void 0 : semanticStyles.footer,
+          children: footerNode
+        })]
+      })]
+    })
+  });
+});
+Modal.displayName = 'Modal';
+export default Modal;

package/dist/AiConversation/_lobe/base-ui/Modal/atoms.d.ts

@@ -0,0 +1,50 @@
+import { Dialog } from '@base-ui/react/dialog';
+import type React from 'react';
+interface ModalAnimationActions {
+    onExitComplete: () => void;
+}
+export declare const useModalOpen: () => boolean | null;
+export declare const useModalActions: () => ModalAnimationActions | null;
+export type ModalRootProps = Dialog.Root.Props & {
+    onExitComplete?: () => void;
+};
+export declare const ModalRoot: ({ open, onExitComplete, ...rest }: ModalRootProps) => import("react/jsx-runtime").JSX.Element;
+export type ModalPortalProps = React.ComponentProps<typeof Dialog.Portal> & {
+    container?: HTMLElement | null;
+};
+export declare const ModalPortal: ({ container, ...rest }: ModalPortalProps) => import("react/jsx-runtime").JSX.Element;
+export type ModalViewportProps = React.ComponentProps<typeof Dialog.Viewport>;
+export declare const ModalViewport: ({ className, ...rest }: ModalViewportProps) => import("react/jsx-runtime").JSX.Element;
+export type ModalBackdropProps = React.ComponentProps<typeof Dialog.Backdrop>;
+export declare const ModalBackdrop: ({ className, style, ...rest }: ModalBackdropProps) => import("react/jsx-runtime").JSX.Element;
+export type ModalPopupProps = React.ComponentProps<typeof Dialog.Popup> & {
+    motionProps?: Record<string, any>;
+    panelClassName?: string;
+    popupStyle?: React.CSSProperties;
+    width?: number | string;
+};
+export declare const ModalPopup: ({ className, children, width, style, motionProps, panelClassName, popupStyle, ...rest }: ModalPopupProps) => import("react/jsx-runtime").JSX.Element;
+export type ModalHeaderProps = React.HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+};
+export declare const ModalHeader: ({ className, ...rest }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type ModalTitleProps = React.ComponentProps<typeof Dialog.Title>;
+export declare const ModalTitle: ({ className, ...rest }: ModalTitleProps) => import("react/jsx-runtime").JSX.Element;
+export type ModalDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
+export declare const ModalDescription: React.FC<ModalDescriptionProps>;
+export type ModalContentProps = React.HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+};
+export declare const ModalContent: ({ className, ...rest }: ModalContentProps) => import("react/jsx-runtime").JSX.Element;
+export type ModalFooterProps = React.HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+};
+export declare const ModalFooter: ({ className, ...rest }: ModalFooterProps) => import("react/jsx-runtime").JSX.Element;
+export type ModalCloseProps = React.ComponentProps<typeof Dialog.Close>;
+export declare const ModalClose: ({ className, children, ...rest }: ModalCloseProps) => import("react/jsx-runtime").JSX.Element;
+export type ModalTriggerProps = Omit<React.ComponentPropsWithRef<typeof Dialog.Trigger>, 'children' | 'render'> & {
+    children?: React.ReactNode;
+    nativeButton?: boolean;
+};
+export declare const ModalTrigger: ({ children, className, nativeButton, ref: refProp, ...rest }: ModalTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export {};