@4399ywkf/design 2.1.0 → 2.1.1

package/dist/AiConversation/_lobe/Accordion/AccordionItem.js

@@ -0,0 +1,395 @@
+'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); }
+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); }
+import { cx } from 'antd-style';
+import { AnimatePresence } from 'motion/react';
+import { memo, useCallback, useEffect, useMemo, useRef } from 'react';
+import useMergeState from 'use-merge-value';
+import Block from "../Block";
+import { Flexbox } from "../Flex";
+import { useMotionComponent } from "../MotionProvider";
+import Text from "../Text";
+import { stopPropagation } from "../utils/dom";
+import ArrowIcon from "./ArrowIcon";
+import { useAccordionConfig, useAccordionItemState } from "./context";
+import { styles } from "./style";
+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 motionContainerStyle = {
+  overflow: 'hidden'
+};
+var AccordionStaticContent = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    children = _ref.children,
+    contentInnerClassName = _ref.contentInnerClassName,
+    isOpen = _ref.isOpen,
+    keepContentMounted = _ref.keepContentMounted;
+  if (keepContentMounted) {
+    return /*#__PURE__*/_jsx("div", {
+      className: className,
+      role: "region",
+      style: _objectSpread({
+        display: isOpen ? 'block' : 'none'
+      }, style),
+      children: /*#__PURE__*/_jsx("div", {
+        className: contentInnerClassName,
+        children: children
+      })
+    });
+  }
+  if (!isOpen) return null;
+  return /*#__PURE__*/_jsx("div", {
+    className: className,
+    role: "region",
+    style: style,
+    children: /*#__PURE__*/_jsx("div", {
+      className: contentInnerClassName,
+      children: children
+    })
+  });
+});
+AccordionStaticContent.displayName = 'AccordionStaticContent';
+var AccordionMotionContent = /*#__PURE__*/memo(function (_ref2) {
+  var contextMotionProps = _ref2.contextMotionProps,
+    className = _ref2.className,
+    style = _ref2.style,
+    children = _ref2.children,
+    contentInnerClassName = _ref2.contentInnerClassName,
+    isOpen = _ref2.isOpen,
+    skipInitialAnimation = _ref2.skipInitialAnimation;
+  var Motion = useMotionComponent();
+  var motionProps = useMemo(function () {
+    return _objectSpread({
+      animate: 'enter',
+      exit: 'exit',
+      initial: skipInitialAnimation ? false : 'exit',
+      variants: {
+        enter: {
+          height: 'auto',
+          opacity: 1,
+          transition: {
+            duration: 0.2,
+            ease: [0.4, 0, 0.2, 1]
+          }
+        },
+        exit: {
+          height: 0,
+          opacity: 0,
+          transition: {
+            duration: 0.2,
+            ease: [0.4, 0, 0.2, 1]
+          }
+        }
+      }
+    }, contextMotionProps);
+  }, [contextMotionProps, skipInitialAnimation]);
+  return /*#__PURE__*/_jsx(AnimatePresence, {
+    initial: false,
+    children: isOpen ? /*#__PURE__*/_jsx(Motion.div, _objectSpread(_objectSpread({}, motionProps), {}, {
+      style: motionContainerStyle,
+      children: /*#__PURE__*/_jsx("div", {
+        className: className,
+        role: "region",
+        style: style,
+        children: /*#__PURE__*/_jsx("div", {
+          className: contentInnerClassName,
+          children: children
+        })
+      })
+    })) : null
+  });
+});
+AccordionMotionContent.displayName = 'AccordionMotionContent';
+var AccordionItemContent = /*#__PURE__*/memo(function (_ref3) {
+  var disableAnimation = _ref3.disableAnimation,
+    isOpen = _ref3.isOpen,
+    keepContentMounted = _ref3.keepContentMounted,
+    className = _ref3.className,
+    style = _ref3.style,
+    children = _ref3.children,
+    contentInnerClassName = _ref3.contentInnerClassName,
+    contextMotionProps = _ref3.contextMotionProps,
+    skipInitialAnimation = _ref3.skipInitialAnimation;
+  if (disableAnimation || !keepContentMounted) {
+    return /*#__PURE__*/_jsx(AccordionStaticContent, {
+      className: className,
+      contentInnerClassName: contentInnerClassName,
+      isOpen: isOpen,
+      keepContentMounted: keepContentMounted,
+      style: style,
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(AccordionMotionContent, {
+    className: className,
+    contentInnerClassName: contentInnerClassName,
+    contextMotionProps: contextMotionProps,
+    isOpen: isOpen,
+    skipInitialAnimation: skipInitialAnimation,
+    style: style,
+    children: children
+  });
+});
+AccordionItemContent.displayName = 'AccordionItemContent';
+var AccordionItem = /*#__PURE__*/memo(function (_ref4) {
+  var _configContext$varian, _ref5, _ref6;
+  var itemKey = _ref4.itemKey,
+    title = _ref4.title,
+    children = _ref4.children,
+    action = _ref4.action,
+    _ref4$alwaysShowActio = _ref4.alwaysShowAction,
+    alwaysShowAction = _ref4$alwaysShowActio === void 0 ? false : _ref4$alwaysShowActio,
+    _ref4$disabled = _ref4.disabled,
+    disabled = _ref4$disabled === void 0 ? false : _ref4$disabled,
+    _ref4$allowExpand = _ref4.allowExpand,
+    allowExpand = _ref4$allowExpand === void 0 ? true : _ref4$allowExpand,
+    itemHideIndicator = _ref4.hideIndicator,
+    itemIndicatorPlacement = _ref4.indicatorPlacement,
+    customIndicator = _ref4.indicator,
+    classNames = _ref4.classNames,
+    _ref4$paddingInline = _ref4.paddingInline,
+    paddingInline = _ref4$paddingInline === void 0 ? 16 : _ref4$paddingInline,
+    _ref4$paddingBlock = _ref4.paddingBlock,
+    paddingBlock = _ref4$paddingBlock === void 0 ? 8 : _ref4$paddingBlock,
+    padding = _ref4.padding,
+    ref = _ref4.ref,
+    customVariant = _ref4.variant,
+    customStyles = _ref4.styles,
+    headerWrapper = _ref4.headerWrapper,
+    defaultExpand = _ref4.defaultExpand,
+    expand = _ref4.expand,
+    onExpandChange = _ref4.onExpandChange;
+  // Per-item state context: only this item's provider re-emits when its
+  // own isOpen flips, so siblings stay stable across toggles.
+  var itemStateContext = useAccordionItemState();
+  var configContext = useAccordionConfig();
+
+  // Determine if using standalone mode (has expand or defaultExpand props)
+  var isStandalone = expand !== undefined || defaultExpand !== undefined;
+
+  // Standalone state management
+  var _useMergeState = useMergeState(defaultExpand !== null && defaultExpand !== void 0 ? defaultExpand : false, {
+      onChange: onExpandChange,
+      value: expand
+    }),
+    _useMergeState2 = _slicedToArray(_useMergeState, 2),
+    isExpandedStandalone = _useMergeState2[0],
+    setIsExpandedStandalone = _useMergeState2[1];
+  var contextHideIndicator = configContext === null || configContext === void 0 ? void 0 : configContext.hideIndicator;
+  var contextIndicatorPlacement = configContext === null || configContext === void 0 ? void 0 : configContext.indicatorPlacement;
+  var contextKeepContentMounted = configContext === null || configContext === void 0 ? void 0 : configContext.keepContentMounted;
+  var contextDisableAnimation = configContext === null || configContext === void 0 ? void 0 : configContext.disableAnimation;
+  var contextMotionProps = configContext === null || configContext === void 0 ? void 0 : configContext.motionProps;
+  var contextVariant = (_configContext$varian = configContext === null || configContext === void 0 ? void 0 : configContext.variant) !== null && _configContext$varian !== void 0 ? _configContext$varian : 'borderless';
+  var isInitialRenderRef = useRef(true);
+  useEffect(function () {
+    isInitialRenderRef.current = false;
+  }, []);
+  var isDirectContextItem = (itemStateContext === null || itemStateContext === void 0 ? void 0 : itemStateContext.itemKey) === itemKey;
+
+  // Determine expanded state
+  var isOpen = false;
+  if (isStandalone) {
+    isOpen = isExpandedStandalone;
+  } else if (itemStateContext) {
+    isOpen = isDirectContextItem ? itemStateContext.isOpen : itemStateContext.isOpen || itemStateContext.isOpenKey(itemKey);
+  }
+
+  // Determine other props with fallbacks
+  var hideIndicatorFinal = (_ref5 = itemHideIndicator !== null && itemHideIndicator !== void 0 ? itemHideIndicator : contextHideIndicator) !== null && _ref5 !== void 0 ? _ref5 : false;
+  var indicatorPlacementFinal = (_ref6 = itemIndicatorPlacement !== null && itemIndicatorPlacement !== void 0 ? itemIndicatorPlacement : contextIndicatorPlacement) !== null && _ref6 !== void 0 ? _ref6 : 'start';
+  var keepContentMounted = contextKeepContentMounted !== null && contextKeepContentMounted !== void 0 ? contextKeepContentMounted : true;
+  var disableAnimation = contextDisableAnimation !== null && contextDisableAnimation !== void 0 ? contextDisableAnimation : false;
+  var variant = customVariant || contextVariant;
+  var contextOnToggle = useCallback(function () {
+    if (!itemStateContext) return;
+    if (itemStateContext.itemKey === itemKey) {
+      itemStateContext.onToggle();
+      return;
+    }
+    itemStateContext.onToggleNestedKey(itemKey);
+  }, [itemStateContext, itemKey]);
+  var handleToggle = useCallback(function () {
+    // If allowExpand is false, only allow controlled expansion via expand prop
+    if (!allowExpand) return;
+    if (!disabled) {
+      if (isStandalone) {
+        setIsExpandedStandalone(!isExpandedStandalone);
+      } else if (contextOnToggle) {
+        contextOnToggle();
+      }
+    }
+  }, [allowExpand, disabled, isStandalone, setIsExpandedStandalone, isExpandedStandalone, contextOnToggle]);
+  var handleKeyDown = useCallback(function (e) {
+    // If allowExpand is false, disable keyboard toggle
+    if (!allowExpand || disabled) return;
+    switch (e.key) {
+      case 'Enter':
+      case ' ':
+        {
+          e.preventDefault();
+          handleToggle();
+          break;
+        }
+    }
+  }, [allowExpand, disabled, handleToggle]);
+  var preventTitleTextSelection = useCallback(function (e) {
+    // Prevent browser from creating a selection range on double/multi click,
+    // which can accidentally select the content region.
+    if ((e === null || e === void 0 ? void 0 : e.detail) > 1) e.preventDefault();
+  }, []);
+
+  // Build indicator
+  var indicator = useMemo(function () {
+    if (!allowExpand || hideIndicatorFinal) return null;
+    if (customIndicator) {
+      if (typeof customIndicator === 'function') {
+        return /*#__PURE__*/_jsx("span", {
+          "aria-hidden": "true",
+          className: cx(styles.indicator, classNames === null || classNames === void 0 ? void 0 : classNames.indicator),
+          style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.indicator,
+          children: customIndicator({
+            isDisabled: disabled,
+            isOpen: isOpen
+          })
+        });
+      }
+      return /*#__PURE__*/_jsx("span", {
+        "aria-hidden": "true",
+        className: cx(styles.indicator, classNames === null || classNames === void 0 ? void 0 : classNames.indicator),
+        style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.indicator,
+        children: customIndicator
+      });
+    }
+    return /*#__PURE__*/_jsx("span", {
+      "aria-hidden": "true",
+      className: cx(styles.indicator, classNames === null || classNames === void 0 ? void 0 : classNames.indicator),
+      style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.indicator,
+      children: /*#__PURE__*/_jsx(ArrowIcon, {
+        className: cx(styles.icon, isOpen && styles.iconRotate)
+      })
+    });
+  }, [allowExpand, hideIndicatorFinal, customIndicator, disabled, isOpen, classNames, customStyles]);
+  var skipInitialAnimation = isInitialRenderRef.current && isOpen;
+  var contentClassName = useMemo(function () {
+    return cx('accordion-content', styles.content, classNames === null || classNames === void 0 ? void 0 : classNames.content);
+  }, [classNames === null || classNames === void 0 ? void 0 : classNames.content]);
+  var titleNode = useMemo(function () {
+    return typeof title === 'string' ? /*#__PURE__*/_jsx(Text, {
+      ellipsis: true,
+      className: classNames === null || classNames === void 0 ? void 0 : classNames.title,
+      style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.title,
+      children: title
+    }) : title;
+  }, [title, classNames === null || classNames === void 0 ? void 0 : classNames.title, customStyles === null || customStyles === void 0 ? void 0 : customStyles.title]);
+  var actionNode = useMemo(function () {
+    return action && /*#__PURE__*/_jsx(Flexbox, {
+      horizontal: true,
+      align: 'center',
+      flex: 'none',
+      gap: 4,
+      style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.action,
+      className: cx('accordion-action', styles.action, alwaysShowAction && styles.actionVisible, classNames === null || classNames === void 0 ? void 0 : classNames.action),
+      onClick: stopPropagation,
+      children: action
+    });
+  }, [action, alwaysShowAction, classNames === null || classNames === void 0 ? void 0 : classNames.action, customStyles === null || customStyles === void 0 ? void 0 : customStyles.action]);
+  var headerElement = useMemo(function () {
+    var header = /*#__PURE__*/_jsx(Block, {
+      horizontal: true,
+      className: cx('accordion-header', styles.header, classNames === null || classNames === void 0 ? void 0 : classNames.header),
+      clickable: !disabled && allowExpand,
+      gap: 4,
+      justify: 'space-between',
+      padding: padding,
+      paddingBlock: paddingBlock,
+      paddingInline: paddingInline,
+      ref: ref,
+      variant: customVariant || variant,
+      style: _objectSpread({
+        alignItems: 'center',
+        cursor: disabled ? 'not-allowed' : allowExpand ? 'pointer' : 'default',
+        opacity: disabled ? 0.5 : undefined,
+        overflow: 'hidden',
+        width: '100%'
+      }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.header),
+      onClick: handleToggle,
+      onKeyDown: handleKeyDown,
+      children: indicatorPlacementFinal === 'start' ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsxs(Flexbox, {
+          horizontal: true,
+          align: 'center',
+          className: styles.titleWrapper,
+          flex: 1,
+          gap: 2,
+          style: {
+            overflow: 'hidden'
+          },
+          onDoubleClick: preventTitleTextSelection,
+          onMouseDown: preventTitleTextSelection,
+          children: [titleNode, indicator]
+        }), /*#__PURE__*/_jsx(Flexbox, {
+          horizontal: true,
+          align: 'center',
+          flex: 'none',
+          gap: 4,
+          children: actionNode
+        })]
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Flexbox, {
+          horizontal: true,
+          align: 'center',
+          className: styles.titleWrapper,
+          flex: 1,
+          gap: 2,
+          style: {
+            overflow: 'hidden'
+          },
+          onDoubleClick: preventTitleTextSelection,
+          onMouseDown: preventTitleTextSelection,
+          children: titleNode
+        }), /*#__PURE__*/_jsxs(Flexbox, {
+          horizontal: true,
+          align: 'center',
+          flex: 'none',
+          gap: 4,
+          children: [actionNode, indicator]
+        })]
+      })
+    });
+    if (headerWrapper) {
+      return headerWrapper(header);
+    }
+    return header;
+  }, [classNames === null || classNames === void 0 ? void 0 : classNames.header, disabled, allowExpand, padding, paddingBlock, paddingInline, ref, customVariant, variant, customStyles === null || customStyles === void 0 ? void 0 : customStyles.header, handleToggle, handleKeyDown, indicatorPlacementFinal, preventTitleTextSelection, titleNode, indicator, actionNode, headerWrapper]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: cx('accordion-item', styles.item, classNames === null || classNames === void 0 ? void 0 : classNames.base),
+    style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.base,
+    children: [headerElement, /*#__PURE__*/_jsx(AccordionItemContent, {
+      className: contentClassName,
+      contentInnerClassName: styles.contentInner,
+      contextMotionProps: contextMotionProps,
+      disableAnimation: !!disableAnimation,
+      isOpen: isOpen,
+      keepContentMounted: !!keepContentMounted,
+      skipInitialAnimation: skipInitialAnimation,
+      style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.content,
+      children: children
+    })]
+  });
+});
+AccordionItem.displayName = 'AccordionItem';
+export default AccordionItem;

package/dist/AiConversation/_lobe/Accordion/ArrowIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconType } from '@lobehub/icons';
+declare const ArrowIcon: IconType;
+export default ArrowIcon;

package/dist/AiConversation/_lobe/Accordion/ArrowIcon.js

@@ -0,0 +1,36 @@
+'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 = ["size", "style"];
+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 { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var ArrowIcon = /*#__PURE__*/memo(function (_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '1em' : _ref$size,
+    style = _ref.style,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
+    fill: "currentColor",
+    fillRule: "evenodd",
+    height: size,
+    style: _objectSpread({
+      flex: 'none',
+      lineHeight: 1
+    }, style),
+    viewBox: "0 0 16 16",
+    width: size,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M7.002 10.624a.5.5 0 01-.752-.432V5.808a.5.5 0 01.752-.432l3.758 2.192a.5.5 0 010 .864l-3.758 2.192z"
+    })
+  }));
+});
+export default ArrowIcon;

package/dist/AiConversation/_lobe/Accordion/context.d.ts

@@ -0,0 +1,43 @@
+import type { Key, ReactNode } from 'react';
+interface AccordionItemStateValue {
+    isOpen: boolean;
+    isOpenKey: (key: Key) => boolean;
+    itemKey: Key;
+    onToggle: () => void;
+    onToggleKey: (key: Key) => void;
+    onToggleNestedKey: (key: Key) => void;
+}
+interface AccordionConfigValue {
+    disableAnimation?: boolean;
+    hideIndicator?: boolean;
+    indicatorPlacement?: 'end' | 'start';
+    keepContentMounted?: boolean;
+    motionProps?: any;
+    showDivider?: boolean;
+    variant?: 'filled' | 'outlined' | 'borderless';
+}
+/**
+ * Per-item context: each AccordionItem gets its own provider, so a toggle
+ * only invalidates the value seen by that single item. Sibling items keep
+ * the same context value identity and skip re-render.
+ */
+export declare const AccordionItemStateContext: import("react").Context<AccordionItemStateValue | null>;
+/**
+ * Static config shared by all items. Identity changes only when the user
+ * changes config props on <Accordion>, which is rare.
+ */
+export declare const AccordionConfigContext: import("react").Context<AccordionConfigValue | null>;
+export declare const useAccordionItemState: () => AccordionItemStateValue | null;
+export declare const useAccordionConfig: () => AccordionConfigValue | null;
+interface AccordionItemStateProviderProps {
+    children: ReactNode;
+    expandedKeys?: Key[];
+    isOpen: boolean;
+    isOpenKey: (key: Key) => boolean;
+    itemKey: Key;
+    onToggleKey: (key: Key) => void;
+    onToggleKeys: (keys: Key[], preferredKey: Key) => void;
+    preferProviderKeyForNestedItems: boolean;
+}
+export declare const AccordionItemStateProvider: import("react").NamedExoticComponent<AccordionItemStateProviderProps>;
+export {};

package/dist/AiConversation/_lobe/Accordion/context.js

@@ -0,0 +1,49 @@
+import { createContext, memo, use, useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Per-item context: each AccordionItem gets its own provider, so a toggle
+ * only invalidates the value seen by that single item. Sibling items keep
+ * the same context value identity and skip re-render.
+ */
+export var AccordionItemStateContext = /*#__PURE__*/createContext(null);
+
+/**
+ * Static config shared by all items. Identity changes only when the user
+ * changes config props on <Accordion>, which is rare.
+ */
+export var AccordionConfigContext = /*#__PURE__*/createContext(null);
+export var useAccordionItemState = function useAccordionItemState() {
+  return use(AccordionItemStateContext);
+};
+export var useAccordionConfig = function useAccordionConfig() {
+  return use(AccordionConfigContext);
+};
+export var AccordionItemStateProvider = /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children,
+    expandedKeys = _ref.expandedKeys,
+    isOpenKey = _ref.isOpenKey,
+    isOpen = _ref.isOpen,
+    itemKey = _ref.itemKey,
+    onToggleKey = _ref.onToggleKey,
+    onToggleKeys = _ref.onToggleKeys,
+    preferProviderKeyForNestedItems = _ref.preferProviderKeyForNestedItems;
+  var value = useMemo(function () {
+    return {
+      isOpenKey: isOpenKey,
+      isOpen: isOpen,
+      itemKey: itemKey,
+      onToggle: function onToggle() {
+        return onToggleKey(itemKey);
+      },
+      onToggleKey: onToggleKey,
+      onToggleNestedKey: function onToggleNestedKey(key) {
+        return onToggleKeys([itemKey, key], preferProviderKeyForNestedItems ? itemKey : key);
+      }
+    };
+  }, [expandedKeys, isOpenKey, isOpen, itemKey, onToggleKey, onToggleKeys, preferProviderKeyForNestedItems]);
+  return /*#__PURE__*/_jsx(AccordionItemStateContext, {
+    value: value,
+    children: children
+  });
+});
+AccordionItemStateProvider.displayName = 'AccordionItemStateProvider';

package/dist/AiConversation/_lobe/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Accordion } from './Accordion';
+export { default as AccordionItem } from './AccordionItem';
+export * from './type';

package/dist/AiConversation/_lobe/Accordion/index.js

@@ -0,0 +1,3 @@
+export { default as Accordion } from "./Accordion";
+export { default as AccordionItem } from "./AccordionItem";
+export * from "./type";

package/dist/AiConversation/_lobe/Accordion/style.d.ts

@@ -0,0 +1,14 @@
+export declare const styles: {
+    action: string;
+    actionVisible: string;
+    base: string;
+    content: string;
+    contentInner: string;
+    divider: string;
+    header: string;
+    icon: string;
+    iconRotate: string;
+    indicator: string;
+    item: string;
+    titleWrapper: string;
+};

package/dist/AiConversation/_lobe/Accordion/style.js

@@ -0,0 +1,21 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStaticStyles } from 'antd-style';
+export var styles = createStaticStyles(function (_ref) {
+  var css = _ref.css,
+    cssVar = _ref.cssVar;
+  return {
+    action: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      opacity: 0;\n      transition: opacity 150ms ", ";\n    "])), cssVar.motionEaseOut),
+    actionVisible: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      opacity: 1;\n    "]))),
+    base: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    "]))),
+    content: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      overflow: hidden;\n    "]))),
+    contentInner: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      /* Content wrapper for animation */\n    "]))),
+    divider: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      margin-block: 0;\n    "]))),
+    header: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      &:hover .accordion-action {\n        opacity: 1;\n      }\n\n      &:focus-visible {\n        border-radius: ", ";\n        outline: 2px solid ", ";\n        outline-offset: 2px;\n      }\n    "])), cssVar.borderRadiusLG, cssVar.colorPrimary),
+    icon: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      transition: transform 200ms ", ";\n    "])), cssVar.motionEaseOut),
+    iconRotate: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      transform: rotate(90deg);\n    "]))),
+    indicator: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n\n      font-size: 18px;\n      color: ", ";\n\n      transition: transform 200ms ", ";\n    "])), cssVar.colorTextDescription, cssVar.motionEaseOut),
+    item: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      position: relative;\n      display: flex;\n      flex-direction: column;\n    "]))),
+    titleWrapper: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      user-select: none;\n    "])))
+  };
+});