@lobehub/ui 5.9.7 → 5.10.1

package/es/Accordion/Accordion.mjs

@@ -1,7 +1,7 @@
 "use client";
-import { AccordionContext } from "./context.mjs";
+import { AccordionConfigContext, AccordionItemStateProvider } from "./context.mjs";
 import { styles } from "./style.mjs";
-import { Children, Fragment, isValidElement, memo, useCallback } from "react";
+import { Children, Fragment, isValidElement, memo, useCallback, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Divider } from "antd";
 import { cx } from "antd-style";
@@ -15,37 +15,45 @@ const Accordion = memo(({ children, className: userClassName, style: userStyle,
 		onChange: onExpandedChange,
 		value: expandedKeysProp
 	});
+	const expandedKeysRef = useRef(expandedKeys);
+	expandedKeysRef.current = expandedKeys;
+	const setExpandedKeysRef = useRef(setExpandedKeys);
+	setExpandedKeysRef.current = setExpandedKeys;
 	const toggleExpand = useCallback((key) => {
-		const prev = expandedKeys;
+		const prev = expandedKeysRef.current;
 		let newKeys;
 		if (accordion) newKeys = prev.includes(key) ? [] : [key];
 		else newKeys = prev.includes(key) ? prev.filter((k) => k !== key) : [...prev, key];
-		setExpandedKeys(newKeys);
-	}, [
-		accordion,
-		expandedKeys,
-		setExpandedKeys
-	]);
-	const contextValue = {
+		setExpandedKeysRef.current(newKeys);
+	}, [accordion]);
+	const configValue = useMemo(() => ({
 		disableAnimation,
-		expandedKeys,
 		hideIndicator,
 		indicatorPlacement,
-		isExpanded: useCallback((key) => {
-			return expandedKeys.includes(key);
-		}, [expandedKeys]),
 		keepContentMounted,
 		motionProps,
-		onToggle: toggleExpand,
 		showDivider,
 		variant
-	};
+	}), [
+		disableAnimation,
+		hideIndicator,
+		indicatorPlacement,
+		keepContentMounted,
+		motionProps,
+		showDivider,
+		variant
+	]);
 	const content = /* @__PURE__ */ jsx(Fragment$1, { children: validChildren.map((child, index) => {
-		const childKey = child.props.itemKey || index;
-		return /* @__PURE__ */ jsxs(Fragment, { children: [child, showDivider && index < validChildren.length - 1 && /* @__PURE__ */ jsx(Divider, { className: styles.divider })] }, childKey);
+		const childKey = child.props.itemKey ?? index;
+		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AccordionItemStateProvider, {
+			isOpen: expandedKeys.includes(childKey),
+			itemKey: childKey,
+			onToggleKey: toggleExpand,
+			children: child
+		}), showDivider && index < validChildren.length - 1 && /* @__PURE__ */ jsx(Divider, { className: styles.divider })] }, childKey);
 	}) });
-	return /* @__PURE__ */ jsx(AccordionContext, {
-		value: contextValue,
+	return /* @__PURE__ */ jsx(AccordionConfigContext, {
+		value: configValue,
 		children: /* @__PURE__ */ jsx("div", {
 			className: cx(styles.base, classNames?.base, userClassName),
 			ref,

package/es/Accordion/Accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.mjs","names":[],"sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { Divider } from 'antd';\nimport { cx } from 'antd-style';\nimport { LayoutGroup } from 'motion/react';\nimport { type Key } from 'react';\nimport { Children, Fragment, isValidElement, memo, useCallback } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { AccordionContext } from './context';\nimport { styles } from './style';\nimport { type AccordionProps } from './type';\n\nconst Accordion = memo<AccordionProps>(\n  ({\n    children,\n    className: userClassName,\n    style: userStyle,\n    accordion = false,\n    defaultExpandedKeys,\n    expandedKeys: expandedKeysProp,\n    onExpandedChange,\n    variant = 'borderless',\n    gap,\n    showDivider = false,\n    disableAnimation = false,\n    hideIndicator = false,\n    indicatorPlacement = 'start',\n    keepContentMounted = true,\n    classNames,\n    styles: customStyles,\n    motionProps,\n    ref,\n    ...rest\n  }) => {\n    // Convert children to array and filter valid elements\n    const validChildren = Children.toArray(children).filter(isValidElement);\n\n    // Collect all item keys\n    const allItemKeys = validChildren.map((child, index) => (child.props as any).itemKey || index);\n\n    // If defaultExpandedKeys or expandedKeys is undefined, expand all items by default\n    const initialExpandedKeys = defaultExpandedKeys ?? allItemKeys;\n\n    const [expandedKeys, setExpandedKeys] = useMergeState<Key[]>(initialExpandedKeys, {\n      onChange: onExpandedChange,\n      value: expandedKeysProp,\n    });\n\n    const toggleExpand = useCallback(\n      (key: Key) => {\n        const prev = expandedKeys;\n        let newKeys: Key[];\n\n        if (accordion) {\n          newKeys = prev.includes(key) ? [] : [key];\n        } else {\n          newKeys = prev.includes(key) ? prev.filter((k: Key) => k !== key) : [...prev, key];\n        }\n\n        setExpandedKeys(newKeys);\n      },\n      [accordion, expandedKeys, setExpandedKeys],\n    );\n\n    const isExpanded = useCallback(\n      (key: Key) => {\n        return expandedKeys.includes(key);\n      },\n      [expandedKeys],\n    );\n\n    const contextValue = {\n      disableAnimation,\n      expandedKeys,\n      hideIndicator,\n      indicatorPlacement,\n      isExpanded,\n      keepContentMounted,\n      motionProps,\n      onToggle: toggleExpand,\n      showDivider,\n      variant,\n    };\n\n    const content = (\n      <>\n        {validChildren.map((child, index) => {\n          // Extract itemKey from child props to use as React key\n          const childKey = (child.props as any).itemKey || index;\n          return (\n            <Fragment key={childKey}>\n              {child}\n              {showDivider && index < validChildren.length - 1 && (\n                <Divider className={styles.divider} />\n              )}\n            </Fragment>\n          );\n        })}\n      </>\n    );\n\n    return (\n      <AccordionContext value={contextValue}>\n        <div\n          className={cx(styles.base, classNames?.base, userClassName)}\n          ref={ref}\n          style={{\n            gap: gap,\n            ...customStyles?.base,\n            ...userStyle,\n          }}\n          {...rest}\n        >\n          {disableAnimation ? content : <LayoutGroup>{content}</LayoutGroup>}\n        </div>\n      </AccordionContext>\n    );\n  },\n);\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,YAAY,MACf,EACC,UACA,WAAW,eACX,OAAO,WACP,YAAY,OACZ,qBACA,cAAc,kBACd,kBACA,UAAU,cACV,KACA,cAAc,OACd,mBAAmB,OACnB,gBAAgB,OAChB,qBAAqB,SACrB,qBAAqB,MACrB,YACA,QAAQ,cACR,aACA,KACA,GAAG,WACC;CAEJ,MAAM,gBAAgB,SAAS,QAAQ,SAAS,CAAC,OAAO,eAAe;CAGvE,MAAM,cAAc,cAAc,KAAK,OAAO,UAAW,MAAM,MAAc,WAAW,MAAM;CAK9F,MAAM,CAAC,cAAc,mBAAmB,cAFZ,uBAAuB,aAE+B;EAChF,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,eAAe,aAClB,QAAa;EACZ,MAAM,OAAO;EACb,IAAI;AAEJ,MAAI,UACF,WAAU,KAAK,SAAS,IAAI,GAAG,EAAE,GAAG,CAAC,IAAI;MAEzC,WAAU,KAAK,SAAS,IAAI,GAAG,KAAK,QAAQ,MAAW,MAAM,IAAI,GAAG,CAAC,GAAG,MAAM,IAAI;AAGpF,kBAAgB,QAAQ;IAE1B;EAAC;EAAW;EAAc;EAAgB,CAC3C;CASD,MAAM,eAAe;EACnB;EACA;EACA;EACA;EACA,YAZiB,aAChB,QAAa;AACZ,UAAO,aAAa,SAAS,IAAI;KAEnC,CAAC,aAAa,CAQJ;EACV;EACA;EACA,UAAU;EACV;EACA;EACD;CAED,MAAM,UACJ,oBAAA,YAAA,EAAA,UACG,cAAc,KAAK,OAAO,UAAU;EAEnC,MAAM,WAAY,MAAM,MAAc,WAAW;AACjD,SACE,qBAAC,UAAD,EAAA,UAAA,CACG,OACA,eAAe,QAAQ,cAAc,SAAS,KAC7C,oBAAC,SAAD,EAAS,WAAW,OAAO,SAAW,CAAA,CAE/B,EAAA,EALI,SAKJ;GAEb,EACD,CAAA;AAGL,QACE,oBAAC,kBAAD;EAAkB,OAAO;YACvB,oBAAC,OAAD;GACE,WAAW,GAAG,OAAO,MAAM,YAAY,MAAM,cAAc;GACtD;GACL,OAAO;IACA;IACL,GAAG,cAAc;IACjB,GAAG;IACJ;GACD,GAAI;aAEH,mBAAmB,UAAU,oBAAC,aAAD,EAAA,UAAc,SAAsB,CAAA;GAC9D,CAAA;EACW,CAAA;EAGxB;AAED,UAAU,cAAc"}
+{"version":3,"file":"Accordion.mjs","names":[],"sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { Divider } from 'antd';\nimport { cx } from 'antd-style';\nimport { LayoutGroup } from 'motion/react';\nimport { type Key } from 'react';\nimport { Children, Fragment, isValidElement, memo, useCallback, useMemo, useRef } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { AccordionConfigContext, AccordionItemStateProvider } from './context';\nimport { styles } from './style';\nimport { type AccordionProps } from './type';\n\nconst Accordion = memo<AccordionProps>(\n  ({\n    children,\n    className: userClassName,\n    style: userStyle,\n    accordion = false,\n    defaultExpandedKeys,\n    expandedKeys: expandedKeysProp,\n    onExpandedChange,\n    variant = 'borderless',\n    gap,\n    showDivider = false,\n    disableAnimation = false,\n    hideIndicator = false,\n    indicatorPlacement = 'start',\n    keepContentMounted = true,\n    classNames,\n    styles: customStyles,\n    motionProps,\n    ref,\n    ...rest\n  }) => {\n    // Convert children to array and filter valid elements\n    const validChildren = Children.toArray(children).filter(isValidElement);\n\n    // Collect all item keys\n    const allItemKeys = validChildren.map((child, index) => (child.props as any).itemKey || index);\n\n    // If defaultExpandedKeys or expandedKeys is undefined, expand all items by default\n    const initialExpandedKeys = defaultExpandedKeys ?? allItemKeys;\n\n    const [expandedKeys, setExpandedKeys] = useMergeState<Key[]>(initialExpandedKeys, {\n      onChange: onExpandedChange,\n      value: expandedKeysProp,\n    });\n\n    // Hold expandedKeys and setExpandedKeys via refs so toggleExpand can stay\n    // reference-stable. use-merge-value's setter is recreated on every render,\n    // so depending on it would force AccordionItemStateProvider's memoized\n    // value to change identity each render — even when nothing toggled —\n    // re-rendering every nested AccordionItem via \"context changed\".\n    const expandedKeysRef = useRef(expandedKeys);\n    expandedKeysRef.current = expandedKeys;\n    const setExpandedKeysRef = useRef(setExpandedKeys);\n    setExpandedKeysRef.current = setExpandedKeys;\n\n    const toggleExpand = useCallback(\n      (key: Key) => {\n        const prev = expandedKeysRef.current;\n        let newKeys: Key[];\n\n        if (accordion) {\n          newKeys = prev.includes(key) ? [] : [key];\n        } else {\n          newKeys = prev.includes(key) ? prev.filter((k: Key) => k !== key) : [...prev, key];\n        }\n\n        setExpandedKeysRef.current(newKeys);\n      },\n      [accordion],\n    );\n\n    const configValue = useMemo(\n      () => ({\n        disableAnimation,\n        hideIndicator,\n        indicatorPlacement,\n        keepContentMounted,\n        motionProps,\n        showDivider,\n        variant,\n      }),\n      [\n        disableAnimation,\n        hideIndicator,\n        indicatorPlacement,\n        keepContentMounted,\n        motionProps,\n        showDivider,\n        variant,\n      ],\n    );\n\n    const content = (\n      <>\n        {validChildren.map((child, index) => {\n          const childKey = (child.props as any).itemKey ?? index;\n          const itemIsOpen = expandedKeys.includes(childKey);\n          return (\n            <Fragment key={childKey}>\n              <AccordionItemStateProvider\n                isOpen={itemIsOpen}\n                itemKey={childKey}\n                onToggleKey={toggleExpand}\n              >\n                {child}\n              </AccordionItemStateProvider>\n              {showDivider && index < validChildren.length - 1 && (\n                <Divider className={styles.divider} />\n              )}\n            </Fragment>\n          );\n        })}\n      </>\n    );\n\n    return (\n      <AccordionConfigContext value={configValue}>\n        <div\n          className={cx(styles.base, classNames?.base, userClassName)}\n          ref={ref}\n          style={{\n            gap: gap,\n            ...customStyles?.base,\n            ...userStyle,\n          }}\n          {...rest}\n        >\n          {disableAnimation ? content : <LayoutGroup>{content}</LayoutGroup>}\n        </div>\n      </AccordionConfigContext>\n    );\n  },\n);\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,YAAY,MACf,EACC,UACA,WAAW,eACX,OAAO,WACP,YAAY,OACZ,qBACA,cAAc,kBACd,kBACA,UAAU,cACV,KACA,cAAc,OACd,mBAAmB,OACnB,gBAAgB,OAChB,qBAAqB,SACrB,qBAAqB,MACrB,YACA,QAAQ,cACR,aACA,KACA,GAAG,WACC;CAEJ,MAAM,gBAAgB,SAAS,QAAQ,SAAS,CAAC,OAAO,eAAe;CAGvE,MAAM,cAAc,cAAc,KAAK,OAAO,UAAW,MAAM,MAAc,WAAW,MAAM;CAK9F,MAAM,CAAC,cAAc,mBAAmB,cAFZ,uBAAuB,aAE+B;EAChF,UAAU;EACV,OAAO;EACR,CAAC;CAOF,MAAM,kBAAkB,OAAO,aAAa;AAC5C,iBAAgB,UAAU;CAC1B,MAAM,qBAAqB,OAAO,gBAAgB;AAClD,oBAAmB,UAAU;CAE7B,MAAM,eAAe,aAClB,QAAa;EACZ,MAAM,OAAO,gBAAgB;EAC7B,IAAI;AAEJ,MAAI,UACF,WAAU,KAAK,SAAS,IAAI,GAAG,EAAE,GAAG,CAAC,IAAI;MAEzC,WAAU,KAAK,SAAS,IAAI,GAAG,KAAK,QAAQ,MAAW,MAAM,IAAI,GAAG,CAAC,GAAG,MAAM,IAAI;AAGpF,qBAAmB,QAAQ,QAAQ;IAErC,CAAC,UAAU,CACZ;CAED,MAAM,cAAc,eACX;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,UACJ,oBAAA,YAAA,EAAA,UACG,cAAc,KAAK,OAAO,UAAU;EACnC,MAAM,WAAY,MAAM,MAAc,WAAW;AAEjD,SACE,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,4BAAD;GACE,QAJa,aAAa,SAAS,SAIjB;GAClB,SAAS;GACT,aAAa;aAEZ;GAC0B,CAAA,EAC5B,eAAe,QAAQ,cAAc,SAAS,KAC7C,oBAAC,SAAD,EAAS,WAAW,OAAO,SAAW,CAAA,CAE/B,EAAA,EAXI,SAWJ;GAEb,EACD,CAAA;AAGL,QACE,oBAAC,wBAAD;EAAwB,OAAO;YAC7B,oBAAC,OAAD;GACE,WAAW,GAAG,OAAO,MAAM,YAAY,MAAM,cAAc;GACtD;GACL,OAAO;IACA;IACL,GAAG,cAAc;IACjB,GAAG;IACJ;GACD,GAAI;aAEH,mBAAmB,UAAU,oBAAC,aAAD,EAAA,UAAc,SAAsB,CAAA;GAC9D,CAAA;EACiB,CAAA;EAG9B;AAED,UAAU,cAAc"}

package/es/Accordion/AccordionItem.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { useMotionComponent } from "../MotionProvider/index.mjs";
-import { useAccordionContext } from "./context.mjs";
+import { useAccordionConfig, useAccordionItemState } from "./context.mjs";
 import { styles } from "./style.mjs";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import Block from "../Block/Block.mjs";
@@ -113,36 +113,36 @@ const AccordionItemContent = memo(({ disableAnimation, isOpen, keepContentMounte
 	});
 });
 AccordionItemContent.displayName = "AccordionItemContent";
-const AccordionItem = memo(({ itemKey, title, children, action, alwaysShowAction = false, disabled = false, allowExpand = true, hideIndicator: itemHideIndicator, indicatorPlacement: itemIndicatorPlacement, indicator: customIndicator, classNames, paddingInline = 16, paddingBlock = 8, padding, ref, variant: customVariant, styles: customStyles, headerWrapper, defaultExpand, expand, onExpandChange }) => {
-	const context = useAccordionContext();
+const AccordionItem = memo(({ title, children, action, alwaysShowAction = false, disabled = false, allowExpand = true, hideIndicator: itemHideIndicator, indicatorPlacement: itemIndicatorPlacement, indicator: customIndicator, classNames, paddingInline = 16, paddingBlock = 8, padding, ref, variant: customVariant, styles: customStyles, headerWrapper, defaultExpand, expand, onExpandChange }) => {
+	const itemStateContext = useAccordionItemState();
+	const configContext = useAccordionConfig();
 	const isStandalone = expand !== void 0 || defaultExpand !== void 0;
 	const [isExpandedStandalone, setIsExpandedStandalone] = useMergeState(defaultExpand ?? false, {
 		onChange: onExpandChange,
 		value: expand
 	});
-	const contextIsExpanded = context?.isExpanded;
-	const contextOnToggle = context?.onToggle;
-	const contextHideIndicator = context?.hideIndicator;
-	const contextIndicatorPlacement = context?.indicatorPlacement;
-	const contextKeepContentMounted = context?.keepContentMounted;
-	const contextDisableAnimation = context?.disableAnimation;
-	const contextMotionProps = context?.motionProps;
-	const contextVariant = context?.variant ?? "borderless";
+	const contextHideIndicator = configContext?.hideIndicator;
+	const contextIndicatorPlacement = configContext?.indicatorPlacement;
+	const contextKeepContentMounted = configContext?.keepContentMounted;
+	const contextDisableAnimation = configContext?.disableAnimation;
+	const contextMotionProps = configContext?.motionProps;
+	const contextVariant = configContext?.variant ?? "borderless";
 	const isInitialRenderRef = useRef(true);
 	useEffect(() => {
 		isInitialRenderRef.current = false;
 	}, []);
-	const isOpen = isStandalone ? isExpandedStandalone : contextIsExpanded ? contextIsExpanded(itemKey) : false;
+	const isOpen = isStandalone ? isExpandedStandalone : itemStateContext?.isOpen ?? false;
 	const hideIndicatorFinal = itemHideIndicator ?? contextHideIndicator ?? false;
 	const indicatorPlacementFinal = itemIndicatorPlacement ?? contextIndicatorPlacement ?? "start";
 	const keepContentMounted = contextKeepContentMounted ?? true;
 	const disableAnimation = contextDisableAnimation ?? false;
 	const variant = customVariant || contextVariant;
+	const contextOnToggle = itemStateContext?.onToggle;
 	const handleToggle = useCallback(() => {
 		if (!allowExpand) return;
 		if (!disabled) {
 			if (isStandalone) setIsExpandedStandalone(!isExpandedStandalone);
-			else if (contextOnToggle) contextOnToggle(itemKey);
+			else if (contextOnToggle) contextOnToggle();
 		}
 	}, [
 		allowExpand,
@@ -150,8 +150,7 @@ const AccordionItem = memo(({ itemKey, title, children, action, alwaysShowAction
 		isStandalone,
 		setIsExpandedStandalone,
 		isExpandedStandalone,
-		contextOnToggle,
-		itemKey
+		contextOnToggle
 	]);
 	const handleKeyDown = useCallback((e) => {
 		if (!allowExpand || disabled) return;
@@ -228,8 +227,6 @@ const AccordionItem = memo(({ itemKey, title, children, action, alwaysShowAction
 	}), [
 		action,
 		alwaysShowAction,
-		cx,
-		styles,
 		classNames?.action,
 		customStyles?.action
 	]);

package/es/Accordion/AccordionItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.mjs","names":["Flexbox"],"sources":["../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { AnimatePresence } from 'motion/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  type KeyboardEvent,\n  memo,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport { type MotionComponentType, useMotionComponent } from '@/MotionProvider';\nimport Text from '@/Text';\nimport { stopPropagation } from '@/utils/dom';\n\nimport ArrowIcon from './ArrowIcon';\nimport { useAccordionContext } from './context';\nimport { styles } from './style';\nimport { type AccordionItemProps } from './type';\n\ntype AccordionContentBaseProps = {\n  children?: ReactNode;\n  className?: string;\n  contentInnerClassName: string;\n  style?: CSSProperties;\n};\n\ntype AccordionStaticContentProps = AccordionContentBaseProps & {\n  isOpen: boolean;\n  keepContentMounted: boolean;\n};\n\ntype MotionDivProps = ComponentPropsWithoutRef<MotionComponentType['div']>;\n\ntype AccordionMotionContentProps = AccordionContentBaseProps & {\n  contextMotionProps?: MotionDivProps;\n  isOpen: boolean;\n  skipInitialAnimation: boolean;\n};\n\ntype AccordionItemContentProps = AccordionContentBaseProps & {\n  contextMotionProps?: MotionDivProps;\n  disableAnimation: boolean;\n  isOpen: boolean;\n  keepContentMounted: boolean;\n  skipInitialAnimation: boolean;\n};\n\nconst motionContainerStyle: CSSProperties = { overflow: 'hidden' };\n\nconst AccordionStaticContent = memo<AccordionStaticContentProps>(\n  ({ className, style, children, contentInnerClassName, isOpen, keepContentMounted }) => {\n    if (keepContentMounted) {\n      return (\n        <div\n          className={className}\n          role=\"region\"\n          style={{\n            display: isOpen ? 'block' : 'none',\n            ...style,\n          }}\n        >\n          <div className={contentInnerClassName}>{children}</div>\n        </div>\n      );\n    }\n\n    if (!isOpen) return null;\n\n    return (\n      <div className={className} role=\"region\" style={style}>\n        <div className={contentInnerClassName}>{children}</div>\n      </div>\n    );\n  },\n);\n\nAccordionStaticContent.displayName = 'AccordionStaticContent';\n\nconst AccordionMotionContent = memo<AccordionMotionContentProps>(\n  ({\n    contextMotionProps,\n    className,\n    style,\n    children,\n    contentInnerClassName,\n    isOpen,\n    skipInitialAnimation,\n  }) => {\n    const Motion = useMotionComponent();\n\n    const motionProps = useMemo(\n      () => ({\n        animate: 'enter',\n        exit: 'exit',\n        initial: skipInitialAnimation ? false : 'exit',\n        variants: {\n          enter: {\n            height: 'auto',\n            opacity: 1,\n            transition: {\n              duration: 0.2,\n              ease: [0.4, 0, 0.2, 1],\n            },\n          },\n          exit: {\n            height: 0,\n            opacity: 0,\n            transition: {\n              duration: 0.2,\n              ease: [0.4, 0, 0.2, 1],\n            },\n          },\n        },\n        ...contextMotionProps,\n      }),\n      [contextMotionProps, skipInitialAnimation],\n    );\n\n    return (\n      <AnimatePresence initial={false}>\n        {isOpen ? (\n          <Motion.div {...(motionProps as any)} style={motionContainerStyle}>\n            <div className={className} role=\"region\" style={style}>\n              <div className={contentInnerClassName}>{children}</div>\n            </div>\n          </Motion.div>\n        ) : null}\n      </AnimatePresence>\n    );\n  },\n);\n\nAccordionMotionContent.displayName = 'AccordionMotionContent';\n\nconst AccordionItemContent = memo<AccordionItemContentProps>(\n  ({\n    disableAnimation,\n    isOpen,\n    keepContentMounted,\n    className,\n    style,\n    children,\n    contentInnerClassName,\n    contextMotionProps,\n    skipInitialAnimation,\n  }) => {\n    if (disableAnimation || !keepContentMounted) {\n      return (\n        <AccordionStaticContent\n          className={className}\n          contentInnerClassName={contentInnerClassName}\n          isOpen={isOpen}\n          keepContentMounted={keepContentMounted}\n          style={style}\n        >\n          {children}\n        </AccordionStaticContent>\n      );\n    }\n\n    return (\n      <AccordionMotionContent\n        className={className}\n        contentInnerClassName={contentInnerClassName}\n        contextMotionProps={contextMotionProps}\n        isOpen={isOpen}\n        skipInitialAnimation={skipInitialAnimation}\n        style={style}\n      >\n        {children}\n      </AccordionMotionContent>\n    );\n  },\n);\n\nAccordionItemContent.displayName = 'AccordionItemContent';\n\nconst AccordionItem = memo<AccordionItemProps>(\n  ({\n    itemKey,\n    title,\n    children,\n    action,\n    alwaysShowAction = false,\n    disabled = false,\n    allowExpand = true,\n    hideIndicator: itemHideIndicator,\n    indicatorPlacement: itemIndicatorPlacement,\n    indicator: customIndicator,\n    classNames,\n    paddingInline = 16,\n    paddingBlock = 8,\n    padding,\n    ref,\n    variant: customVariant,\n    styles: customStyles,\n    headerWrapper,\n    defaultExpand,\n    expand,\n    onExpandChange,\n  }) => {\n    const context = useAccordionContext();\n\n    // Determine if using standalone mode (has expand or defaultExpand props)\n    const isStandalone = expand !== undefined || defaultExpand !== undefined;\n\n    // Standalone state management\n    const [isExpandedStandalone, setIsExpandedStandalone] = useMergeState<boolean>(\n      defaultExpand ?? false,\n      {\n        onChange: onExpandChange,\n        value: expand,\n      },\n    );\n\n    // Context values (may be null if used standalone)\n    const contextIsExpanded = context?.isExpanded;\n    const contextOnToggle = context?.onToggle;\n    const contextHideIndicator = context?.hideIndicator;\n    const contextIndicatorPlacement = context?.indicatorPlacement;\n    const contextKeepContentMounted = context?.keepContentMounted;\n    const contextDisableAnimation = context?.disableAnimation;\n    const contextMotionProps = context?.motionProps;\n    const contextVariant = context?.variant ?? 'borderless';\n\n    const isInitialRenderRef = useRef(true);\n\n    useEffect(() => {\n      isInitialRenderRef.current = false;\n    }, []);\n\n    // Determine expanded state\n    const isOpen = isStandalone\n      ? isExpandedStandalone\n      : contextIsExpanded\n        ? contextIsExpanded(itemKey)\n        : false;\n\n    // Determine other props with fallbacks\n    const hideIndicatorFinal = itemHideIndicator ?? contextHideIndicator ?? false;\n    const indicatorPlacementFinal = itemIndicatorPlacement ?? contextIndicatorPlacement ?? 'start';\n    const keepContentMounted = contextKeepContentMounted ?? true;\n    const disableAnimation = contextDisableAnimation ?? false;\n    const variant = customVariant || contextVariant;\n\n    const handleToggle = useCallback(() => {\n      // If allowExpand is false, only allow controlled expansion via expand prop\n      if (!allowExpand) return;\n\n      if (!disabled) {\n        if (isStandalone) {\n          setIsExpandedStandalone(!isExpandedStandalone);\n        } else if (contextOnToggle) {\n          contextOnToggle(itemKey);\n        }\n      }\n    }, [\n      allowExpand,\n      disabled,\n      isStandalone,\n      setIsExpandedStandalone,\n      isExpandedStandalone,\n      contextOnToggle,\n      itemKey,\n    ]);\n\n    const handleKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        // If allowExpand is false, disable keyboard toggle\n        if (!allowExpand || disabled) return;\n\n        switch (e.key) {\n          case 'Enter':\n          case ' ': {\n            e.preventDefault();\n            handleToggle();\n            break;\n          }\n        }\n      },\n      [allowExpand, disabled, handleToggle],\n    );\n\n    const preventTitleTextSelection = useCallback((e: any) => {\n      // Prevent browser from creating a selection range on double/multi click,\n      // which can accidentally select the content region.\n      if (e?.detail > 1) e.preventDefault();\n    }, []);\n\n    // Build indicator\n    const indicator = useMemo(() => {\n      if (!allowExpand || hideIndicatorFinal) return null;\n\n      if (customIndicator) {\n        if (typeof customIndicator === 'function') {\n          return (\n            <span\n              aria-hidden=\"true\"\n              className={cx(styles.indicator, classNames?.indicator)}\n              style={customStyles?.indicator}\n            >\n              {customIndicator({ isDisabled: disabled, isOpen })}\n            </span>\n          );\n        }\n        return (\n          <span\n            aria-hidden=\"true\"\n            className={cx(styles.indicator, classNames?.indicator)}\n            style={customStyles?.indicator}\n          >\n            {customIndicator}\n          </span>\n        );\n      }\n\n      return (\n        <span\n          aria-hidden=\"true\"\n          className={cx(styles.indicator, classNames?.indicator)}\n          style={customStyles?.indicator}\n        >\n          <ArrowIcon className={cx(styles.icon, isOpen && styles.iconRotate)} />\n        </span>\n      );\n    }, [\n      allowExpand,\n      hideIndicatorFinal,\n      customIndicator,\n      disabled,\n      isOpen,\n      classNames,\n      customStyles,\n    ]);\n\n    const skipInitialAnimation = isInitialRenderRef.current && isOpen;\n\n    const contentClassName = useMemo(\n      () => cx('accordion-content', styles.content, classNames?.content),\n      [classNames?.content],\n    );\n\n    const titleNode = useMemo(\n      () =>\n        typeof title === 'string' ? (\n          <Text ellipsis className={classNames?.title} style={customStyles?.title}>\n            {title}\n          </Text>\n        ) : (\n          title\n        ),\n      [title, classNames?.title, customStyles?.title],\n    );\n\n    const actionNode = useMemo(\n      () =>\n        action && (\n          <Flexbox\n            horizontal\n            align={'center'}\n            flex={'none'}\n            gap={4}\n            style={customStyles?.action}\n            className={cx(\n              'accordion-action',\n              styles.action,\n              alwaysShowAction && styles.actionVisible,\n              classNames?.action,\n            )}\n            onClick={stopPropagation}\n          >\n            {action}\n          </Flexbox>\n        ),\n      [action, alwaysShowAction, cx, styles, classNames?.action, customStyles?.action],\n    );\n\n    const headerElement = useMemo(() => {\n      const header = (\n        <Block\n          horizontal\n          className={cx('accordion-header', styles.header, classNames?.header)}\n          clickable={!disabled && allowExpand}\n          gap={4}\n          justify={'space-between'}\n          padding={padding}\n          paddingBlock={paddingBlock}\n          paddingInline={paddingInline}\n          ref={ref}\n          variant={customVariant || variant}\n          style={{\n            alignItems: 'center',\n            cursor: disabled ? 'not-allowed' : allowExpand ? 'pointer' : 'default',\n            opacity: disabled ? 0.5 : undefined,\n            overflow: 'hidden',\n            width: '100%',\n            ...customStyles?.header,\n          }}\n          onClick={handleToggle}\n          onKeyDown={handleKeyDown}\n        >\n          {indicatorPlacementFinal === 'start' ? (\n            <>\n              <Flexbox\n                horizontal\n                align={'center'}\n                className={styles.titleWrapper}\n                flex={1}\n                gap={2}\n                style={{\n                  overflow: 'hidden',\n                }}\n                onDoubleClick={preventTitleTextSelection}\n                onMouseDown={preventTitleTextSelection}\n              >\n                {titleNode}\n                {indicator}\n              </Flexbox>\n              <Flexbox horizontal align={'center'} flex={'none'} gap={4}>\n                {actionNode}\n              </Flexbox>\n            </>\n          ) : (\n            <>\n              <Flexbox\n                horizontal\n                align={'center'}\n                className={styles.titleWrapper}\n                flex={1}\n                gap={2}\n                style={{\n                  overflow: 'hidden',\n                }}\n                onDoubleClick={preventTitleTextSelection}\n                onMouseDown={preventTitleTextSelection}\n              >\n                {titleNode}\n              </Flexbox>\n              <Flexbox horizontal align={'center'} flex={'none'} gap={4}>\n                {actionNode}\n                {indicator}\n              </Flexbox>\n            </>\n          )}\n        </Block>\n      );\n      if (headerWrapper) {\n        return headerWrapper(header);\n      }\n      return header;\n    }, [\n      classNames?.header,\n      disabled,\n      allowExpand,\n      padding,\n      paddingBlock,\n      paddingInline,\n      ref,\n      customVariant,\n      variant,\n      customStyles?.header,\n      handleToggle,\n      handleKeyDown,\n      indicatorPlacementFinal,\n      preventTitleTextSelection,\n      titleNode,\n      indicator,\n      actionNode,\n      headerWrapper,\n    ]);\n\n    return (\n      <div\n        className={cx('accordion-item', styles.item, classNames?.base)}\n        style={customStyles?.base}\n      >\n        {headerElement}\n        <AccordionItemContent\n          className={contentClassName}\n          contentInnerClassName={styles.contentInner}\n          contextMotionProps={contextMotionProps}\n          disableAnimation={!!disableAnimation}\n          isOpen={isOpen}\n          keepContentMounted={!!keepContentMounted}\n          skipInitialAnimation={skipInitialAnimation}\n          style={customStyles?.content}\n        >\n          {children}\n        </AccordionItemContent>\n      </div>\n    );\n  },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n\nexport default AccordionItem;\n"],"mappings":"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"}
+{"version":3,"file":"AccordionItem.mjs","names":["Flexbox"],"sources":["../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { AnimatePresence } from 'motion/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  type KeyboardEvent,\n  memo,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport { type MotionComponentType, useMotionComponent } from '@/MotionProvider';\nimport Text from '@/Text';\nimport { stopPropagation } from '@/utils/dom';\n\nimport ArrowIcon from './ArrowIcon';\nimport { useAccordionConfig, useAccordionItemState } from './context';\nimport { styles } from './style';\nimport { type AccordionItemProps } from './type';\n\ntype AccordionContentBaseProps = {\n  children?: ReactNode;\n  className?: string;\n  contentInnerClassName: string;\n  style?: CSSProperties;\n};\n\ntype AccordionStaticContentProps = AccordionContentBaseProps & {\n  isOpen: boolean;\n  keepContentMounted: boolean;\n};\n\ntype MotionDivProps = ComponentPropsWithoutRef<MotionComponentType['div']>;\n\ntype AccordionMotionContentProps = AccordionContentBaseProps & {\n  contextMotionProps?: MotionDivProps;\n  isOpen: boolean;\n  skipInitialAnimation: boolean;\n};\n\ntype AccordionItemContentProps = AccordionContentBaseProps & {\n  contextMotionProps?: MotionDivProps;\n  disableAnimation: boolean;\n  isOpen: boolean;\n  keepContentMounted: boolean;\n  skipInitialAnimation: boolean;\n};\n\nconst motionContainerStyle: CSSProperties = { overflow: 'hidden' };\n\nconst AccordionStaticContent = memo<AccordionStaticContentProps>(\n  ({ className, style, children, contentInnerClassName, isOpen, keepContentMounted }) => {\n    if (keepContentMounted) {\n      return (\n        <div\n          className={className}\n          role=\"region\"\n          style={{\n            display: isOpen ? 'block' : 'none',\n            ...style,\n          }}\n        >\n          <div className={contentInnerClassName}>{children}</div>\n        </div>\n      );\n    }\n\n    if (!isOpen) return null;\n\n    return (\n      <div className={className} role=\"region\" style={style}>\n        <div className={contentInnerClassName}>{children}</div>\n      </div>\n    );\n  },\n);\n\nAccordionStaticContent.displayName = 'AccordionStaticContent';\n\nconst AccordionMotionContent = memo<AccordionMotionContentProps>(\n  ({\n    contextMotionProps,\n    className,\n    style,\n    children,\n    contentInnerClassName,\n    isOpen,\n    skipInitialAnimation,\n  }) => {\n    const Motion = useMotionComponent();\n\n    const motionProps = useMemo(\n      () => ({\n        animate: 'enter',\n        exit: 'exit',\n        initial: skipInitialAnimation ? false : 'exit',\n        variants: {\n          enter: {\n            height: 'auto',\n            opacity: 1,\n            transition: {\n              duration: 0.2,\n              ease: [0.4, 0, 0.2, 1],\n            },\n          },\n          exit: {\n            height: 0,\n            opacity: 0,\n            transition: {\n              duration: 0.2,\n              ease: [0.4, 0, 0.2, 1],\n            },\n          },\n        },\n        ...contextMotionProps,\n      }),\n      [contextMotionProps, skipInitialAnimation],\n    );\n\n    return (\n      <AnimatePresence initial={false}>\n        {isOpen ? (\n          <Motion.div {...(motionProps as any)} style={motionContainerStyle}>\n            <div className={className} role=\"region\" style={style}>\n              <div className={contentInnerClassName}>{children}</div>\n            </div>\n          </Motion.div>\n        ) : null}\n      </AnimatePresence>\n    );\n  },\n);\n\nAccordionMotionContent.displayName = 'AccordionMotionContent';\n\nconst AccordionItemContent = memo<AccordionItemContentProps>(\n  ({\n    disableAnimation,\n    isOpen,\n    keepContentMounted,\n    className,\n    style,\n    children,\n    contentInnerClassName,\n    contextMotionProps,\n    skipInitialAnimation,\n  }) => {\n    if (disableAnimation || !keepContentMounted) {\n      return (\n        <AccordionStaticContent\n          className={className}\n          contentInnerClassName={contentInnerClassName}\n          isOpen={isOpen}\n          keepContentMounted={keepContentMounted}\n          style={style}\n        >\n          {children}\n        </AccordionStaticContent>\n      );\n    }\n\n    return (\n      <AccordionMotionContent\n        className={className}\n        contentInnerClassName={contentInnerClassName}\n        contextMotionProps={contextMotionProps}\n        isOpen={isOpen}\n        skipInitialAnimation={skipInitialAnimation}\n        style={style}\n      >\n        {children}\n      </AccordionMotionContent>\n    );\n  },\n);\n\nAccordionItemContent.displayName = 'AccordionItemContent';\n\nconst AccordionItem = memo<AccordionItemProps>(\n  ({\n    title,\n    children,\n    action,\n    alwaysShowAction = false,\n    disabled = false,\n    allowExpand = true,\n    hideIndicator: itemHideIndicator,\n    indicatorPlacement: itemIndicatorPlacement,\n    indicator: customIndicator,\n    classNames,\n    paddingInline = 16,\n    paddingBlock = 8,\n    padding,\n    ref,\n    variant: customVariant,\n    styles: customStyles,\n    headerWrapper,\n    defaultExpand,\n    expand,\n    onExpandChange,\n  }) => {\n    // Per-item state context: only this item's provider re-emits when its\n    // own isOpen flips, so siblings stay stable across toggles.\n    const itemStateContext = useAccordionItemState();\n    const configContext = useAccordionConfig();\n\n    // Determine if using standalone mode (has expand or defaultExpand props)\n    const isStandalone = expand !== undefined || defaultExpand !== undefined;\n\n    // Standalone state management\n    const [isExpandedStandalone, setIsExpandedStandalone] = useMergeState<boolean>(\n      defaultExpand ?? false,\n      {\n        onChange: onExpandChange,\n        value: expand,\n      },\n    );\n\n    const contextHideIndicator = configContext?.hideIndicator;\n    const contextIndicatorPlacement = configContext?.indicatorPlacement;\n    const contextKeepContentMounted = configContext?.keepContentMounted;\n    const contextDisableAnimation = configContext?.disableAnimation;\n    const contextMotionProps = configContext?.motionProps;\n    const contextVariant = configContext?.variant ?? 'borderless';\n\n    const isInitialRenderRef = useRef(true);\n\n    useEffect(() => {\n      isInitialRenderRef.current = false;\n    }, []);\n\n    // Determine expanded state\n    const isOpen = isStandalone ? isExpandedStandalone : (itemStateContext?.isOpen ?? false);\n\n    // Determine other props with fallbacks\n    const hideIndicatorFinal = itemHideIndicator ?? contextHideIndicator ?? false;\n    const indicatorPlacementFinal = itemIndicatorPlacement ?? contextIndicatorPlacement ?? 'start';\n    const keepContentMounted = contextKeepContentMounted ?? true;\n    const disableAnimation = contextDisableAnimation ?? false;\n    const variant = customVariant || contextVariant;\n\n    const contextOnToggle = itemStateContext?.onToggle;\n\n    const handleToggle = useCallback(() => {\n      // If allowExpand is false, only allow controlled expansion via expand prop\n      if (!allowExpand) return;\n\n      if (!disabled) {\n        if (isStandalone) {\n          setIsExpandedStandalone(!isExpandedStandalone);\n        } else if (contextOnToggle) {\n          contextOnToggle();\n        }\n      }\n    }, [\n      allowExpand,\n      disabled,\n      isStandalone,\n      setIsExpandedStandalone,\n      isExpandedStandalone,\n      contextOnToggle,\n    ]);\n\n    const handleKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        // If allowExpand is false, disable keyboard toggle\n        if (!allowExpand || disabled) return;\n\n        switch (e.key) {\n          case 'Enter':\n          case ' ': {\n            e.preventDefault();\n            handleToggle();\n            break;\n          }\n        }\n      },\n      [allowExpand, disabled, handleToggle],\n    );\n\n    const preventTitleTextSelection = useCallback((e: any) => {\n      // Prevent browser from creating a selection range on double/multi click,\n      // which can accidentally select the content region.\n      if (e?.detail > 1) e.preventDefault();\n    }, []);\n\n    // Build indicator\n    const indicator = useMemo(() => {\n      if (!allowExpand || hideIndicatorFinal) return null;\n\n      if (customIndicator) {\n        if (typeof customIndicator === 'function') {\n          return (\n            <span\n              aria-hidden=\"true\"\n              className={cx(styles.indicator, classNames?.indicator)}\n              style={customStyles?.indicator}\n            >\n              {customIndicator({ isDisabled: disabled, isOpen })}\n            </span>\n          );\n        }\n        return (\n          <span\n            aria-hidden=\"true\"\n            className={cx(styles.indicator, classNames?.indicator)}\n            style={customStyles?.indicator}\n          >\n            {customIndicator}\n          </span>\n        );\n      }\n\n      return (\n        <span\n          aria-hidden=\"true\"\n          className={cx(styles.indicator, classNames?.indicator)}\n          style={customStyles?.indicator}\n        >\n          <ArrowIcon className={cx(styles.icon, isOpen && styles.iconRotate)} />\n        </span>\n      );\n    }, [\n      allowExpand,\n      hideIndicatorFinal,\n      customIndicator,\n      disabled,\n      isOpen,\n      classNames,\n      customStyles,\n    ]);\n\n    const skipInitialAnimation = isInitialRenderRef.current && isOpen;\n\n    const contentClassName = useMemo(\n      () => cx('accordion-content', styles.content, classNames?.content),\n      [classNames?.content],\n    );\n\n    const titleNode = useMemo(\n      () =>\n        typeof title === 'string' ? (\n          <Text ellipsis className={classNames?.title} style={customStyles?.title}>\n            {title}\n          </Text>\n        ) : (\n          title\n        ),\n      [title, classNames?.title, customStyles?.title],\n    );\n\n    const actionNode = useMemo(\n      () =>\n        action && (\n          <Flexbox\n            horizontal\n            align={'center'}\n            flex={'none'}\n            gap={4}\n            style={customStyles?.action}\n            className={cx(\n              'accordion-action',\n              styles.action,\n              alwaysShowAction && styles.actionVisible,\n              classNames?.action,\n            )}\n            onClick={stopPropagation}\n          >\n            {action}\n          </Flexbox>\n        ),\n      [action, alwaysShowAction, classNames?.action, customStyles?.action],\n    );\n\n    const headerElement = useMemo(() => {\n      const header = (\n        <Block\n          horizontal\n          className={cx('accordion-header', styles.header, classNames?.header)}\n          clickable={!disabled && allowExpand}\n          gap={4}\n          justify={'space-between'}\n          padding={padding}\n          paddingBlock={paddingBlock}\n          paddingInline={paddingInline}\n          ref={ref}\n          variant={customVariant || variant}\n          style={{\n            alignItems: 'center',\n            cursor: disabled ? 'not-allowed' : allowExpand ? 'pointer' : 'default',\n            opacity: disabled ? 0.5 : undefined,\n            overflow: 'hidden',\n            width: '100%',\n            ...customStyles?.header,\n          }}\n          onClick={handleToggle}\n          onKeyDown={handleKeyDown}\n        >\n          {indicatorPlacementFinal === 'start' ? (\n            <>\n              <Flexbox\n                horizontal\n                align={'center'}\n                className={styles.titleWrapper}\n                flex={1}\n                gap={2}\n                style={{\n                  overflow: 'hidden',\n                }}\n                onDoubleClick={preventTitleTextSelection}\n                onMouseDown={preventTitleTextSelection}\n              >\n                {titleNode}\n                {indicator}\n              </Flexbox>\n              <Flexbox horizontal align={'center'} flex={'none'} gap={4}>\n                {actionNode}\n              </Flexbox>\n            </>\n          ) : (\n            <>\n              <Flexbox\n                horizontal\n                align={'center'}\n                className={styles.titleWrapper}\n                flex={1}\n                gap={2}\n                style={{\n                  overflow: 'hidden',\n                }}\n                onDoubleClick={preventTitleTextSelection}\n                onMouseDown={preventTitleTextSelection}\n              >\n                {titleNode}\n              </Flexbox>\n              <Flexbox horizontal align={'center'} flex={'none'} gap={4}>\n                {actionNode}\n                {indicator}\n              </Flexbox>\n            </>\n          )}\n        </Block>\n      );\n      if (headerWrapper) {\n        return headerWrapper(header);\n      }\n      return header;\n    }, [\n      classNames?.header,\n      disabled,\n      allowExpand,\n      padding,\n      paddingBlock,\n      paddingInline,\n      ref,\n      customVariant,\n      variant,\n      customStyles?.header,\n      handleToggle,\n      handleKeyDown,\n      indicatorPlacementFinal,\n      preventTitleTextSelection,\n      titleNode,\n      indicator,\n      actionNode,\n      headerWrapper,\n    ]);\n\n    return (\n      <div\n        className={cx('accordion-item', styles.item, classNames?.base)}\n        style={customStyles?.base}\n      >\n        {headerElement}\n        <AccordionItemContent\n          className={contentClassName}\n          contentInnerClassName={styles.contentInner}\n          contextMotionProps={contextMotionProps}\n          disableAnimation={!!disableAnimation}\n          isOpen={isOpen}\n          keepContentMounted={!!keepContentMounted}\n          skipInitialAnimation={skipInitialAnimation}\n          style={customStyles?.content}\n        >\n          {children}\n        </AccordionItemContent>\n      </div>\n    );\n  },\n);\n\nAccordionItem.displayName = 'AccordionItem';\n\nexport default AccordionItem;\n"],"mappings":"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"}

package/es/Accordion/context.mjs

@@ -1,10 +1,34 @@
-import { createContext, use } from "react";
+import { createContext, memo, use, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/Accordion/context.tsx
-const AccordionContext = createContext(null);
-const useAccordionContext = () => {
-	return use(AccordionContext);
-};
+/**
+* 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.
+*/
+const AccordionItemStateContext = createContext(null);
+/**
+* Static config shared by all items. Identity changes only when the user
+* changes config props on <Accordion>, which is rare.
+*/
+const AccordionConfigContext = createContext(null);
+const useAccordionItemState = () => use(AccordionItemStateContext);
+const useAccordionConfig = () => use(AccordionConfigContext);
+const AccordionItemStateProvider = memo(({ children, isOpen, itemKey, onToggleKey }) => {
+	return /* @__PURE__ */ jsx(AccordionItemStateContext, {
+		value: useMemo(() => ({
+			isOpen,
+			onToggle: () => onToggleKey(itemKey)
+		}), [
+			isOpen,
+			itemKey,
+			onToggleKey
+		]),
+		children
+	});
+});
+AccordionItemStateProvider.displayName = "AccordionItemStateProvider";
 //#endregion
-export { AccordionContext, useAccordionContext };
+export { AccordionConfigContext, AccordionItemStateProvider, useAccordionConfig, useAccordionItemState };
 
 //# sourceMappingURL=context.mjs.map

package/es/Accordion/context.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"context.mjs","names":[],"sources":["../../src/Accordion/context.tsx"],"sourcesContent":["import type { Key } from 'react';\nimport { createContext, use } from 'react';\n\ninterface AccordionContextValue {\n  disableAnimation?: boolean;\n  expandedKeys: Key[];\n  hideIndicator?: boolean;\n  indicatorPlacement?: 'end' | 'start';\n  isExpanded: (key: Key) => boolean;\n  keepContentMounted?: boolean;\n  motionProps?: any;\n  onToggle: (key: Key) => void;\n  showDivider?: boolean;\n  variant?: 'filled' | 'outlined' | 'borderless';\n}\n\nexport const AccordionContext = createContext<AccordionContextValue | null>(null);\n\nexport const useAccordionContext = () => {\n  return use(AccordionContext);\n};\n"],"mappings":";;AAgBA,MAAa,mBAAmB,cAA4C,KAAK;AAEjF,MAAa,4BAA4B;AACvC,QAAO,IAAI,iBAAiB"}
+{"version":3,"file":"context.mjs","names":[],"sources":["../../src/Accordion/context.tsx"],"sourcesContent":["import type { Key, ReactNode } from 'react';\nimport { createContext, memo, use, useMemo } from 'react';\n\ninterface AccordionItemStateValue {\n  isOpen: boolean;\n  onToggle: () => void;\n}\n\ninterface AccordionConfigValue {\n  disableAnimation?: boolean;\n  hideIndicator?: boolean;\n  indicatorPlacement?: 'end' | 'start';\n  keepContentMounted?: boolean;\n  motionProps?: any;\n  showDivider?: boolean;\n  variant?: 'filled' | 'outlined' | 'borderless';\n}\n\n/**\n * Per-item context: each AccordionItem gets its own provider, so a toggle\n * only invalidates the value seen by that single item. Sibling items keep\n * the same context value identity and skip re-render.\n */\nexport const AccordionItemStateContext = createContext<AccordionItemStateValue | null>(null);\n\n/**\n * Static config shared by all items. Identity changes only when the user\n * changes config props on <Accordion>, which is rare.\n */\nexport const AccordionConfigContext = createContext<AccordionConfigValue | null>(null);\n\nexport const useAccordionItemState = () => use(AccordionItemStateContext);\nexport const useAccordionConfig = () => use(AccordionConfigContext);\n\ninterface AccordionItemStateProviderProps {\n  children: ReactNode;\n  isOpen: boolean;\n  itemKey: Key;\n  onToggleKey: (key: Key) => void;\n}\n\nexport const AccordionItemStateProvider = memo<AccordionItemStateProviderProps>(\n  ({ children, isOpen, itemKey, onToggleKey }) => {\n    const value = useMemo(\n      () => ({\n        isOpen,\n        onToggle: () => onToggleKey(itemKey),\n      }),\n      [isOpen, itemKey, onToggleKey],\n    );\n    return <AccordionItemStateContext value={value}>{children}</AccordionItemStateContext>;\n  },\n);\n\nAccordionItemStateProvider.displayName = 'AccordionItemStateProvider';\n"],"mappings":";;;;;;;;AAuBA,MAAa,4BAA4B,cAA8C,KAAK;;;;;AAM5F,MAAa,yBAAyB,cAA2C,KAAK;AAEtF,MAAa,8BAA8B,IAAI,0BAA0B;AACzE,MAAa,2BAA2B,IAAI,uBAAuB;AASnE,MAAa,6BAA6B,MACvC,EAAE,UAAU,QAAQ,SAAS,kBAAkB;AAQ9C,QAAO,oBAAC,2BAAD;EAA2B,OAPpB,eACL;GACL;GACA,gBAAgB,YAAY,QAAQ;GACrC,GACD;GAAC;GAAQ;GAAS;GAAY,CAEc;EAAG;EAAqC,CAAA;EAEzF;AAED,2BAA2B,cAAc"}

package/es/icons/DingTalk/components/Avatar.d.mts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { IconAvatarProps } from "@lobehub/icons";
+
+//#region src/icons/DingTalk/components/Avatar.d.ts
+type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
+declare const Avatar: FC<AvatarProps>;
+//#endregion
+export { Avatar };
+//# sourceMappingURL=Avatar.d.mts.map

package/es/icons/DingTalk/components/Avatar.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { TITLE } from "../style.mjs";
+import Icon from "./Mono.mjs";
+import { jsx } from "react/jsx-runtime";
+import { IconAvatar } from "@lobehub/icons";
+//#region src/icons/DingTalk/components/Avatar.tsx
+const Avatar = ({ background, ...rest }) => {
+	return /* @__PURE__ */ jsx(IconAvatar, {
+		Icon,
+		"aria-label": TITLE,
+		background: background || "#3296FA",
+		color: "#fff",
+		...rest
+	});
+};
+//#endregion
+export { Avatar as default };
+
+//# sourceMappingURL=Avatar.mjs.map

package/es/icons/DingTalk/components/Avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.mjs","names":["Mono"],"sources":["../../../../src/icons/DingTalk/components/Avatar.tsx"],"sourcesContent":["'use client';\n\nimport { IconAvatar, type IconAvatarProps } from '@lobehub/icons';\nimport { type FC } from 'react';\n\nimport { COLOR_PRIMARY, TITLE } from '../style';\nimport Mono from './Mono';\n\nexport type AvatarProps = Omit<IconAvatarProps, 'Icon'>;\n\nconst Avatar: FC<AvatarProps> = ({ background, ...rest }) => {\n  return (\n    <IconAvatar\n      Icon={Mono}\n      aria-label={TITLE}\n      background={background || COLOR_PRIMARY}\n      color={'#fff'}\n      {...rest}\n    />\n  );\n};\n\nexport default Avatar;\n"],"mappings":";;;;;;AAUA,MAAM,UAA2B,EAAE,YAAY,GAAG,WAAW;AAC3D,QACE,oBAAC,YAAD;EACQA;EACN,cAAY;EACZ,YAAY,cAAA;EACZ,OAAO;EACP,GAAI;EACJ,CAAA"}

package/es/icons/DingTalk/components/Color.d.mts

@@ -0,0 +1,7 @@
+import { IconType } from "@lobehub/icons";
+
+//#region src/icons/DingTalk/components/Color.d.ts
+declare const Icon: IconType;
+//#endregion
+export { Icon };
+//# sourceMappingURL=Color.d.mts.map

package/es/icons/DingTalk/components/Color.mjs

@@ -0,0 +1,27 @@
+"use client";
+import { TITLE } from "../style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/icons/DingTalk/components/Color.tsx
+const Icon = memo(({ size = "1em", style, ...rest }) => {
+	return /* @__PURE__ */ jsxs("svg", {
+		height: size,
+		style: {
+			flex: "none",
+			lineHeight: 1,
+			...style
+		},
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		...rest,
+		children: [/* @__PURE__ */ jsx("title", { children: TITLE }), /* @__PURE__ */ jsx("path", {
+			d: "M21.17 8.973c-.07.255-.161.503-.274.742h.003l-.014.031c-.8 1.795-2.888 5.32-2.888 5.32l-.009-.023-.61 1.115h2.94L14.702 24l1.275-5.334h-2.315l.804-3.527c-.652.164-1.418.391-2.33.698 0 0-1.23.757-3.548-1.458 0 0-1.563-1.443-.656-1.807.384-.152 1.87-.346 3.04-.515 1.577-.225 2.55-.345 2.55-.345s-4.869.078-6.024-.115c-1.155-.19-2.618-2.214-2.932-3.993 0 0-.483-.977 1.036-.516 1.52.462 7.814 1.8 7.814 1.8S5.234 6.256 4.69 5.614c-.543-.642-1.603-3.51-1.465-5.27 0 0 .061-.441.49-.324 0 0 6.052 2.906 10.188 4.493 4.137 1.59 7.732 2.402 7.268 4.46z",
+			fill: "#3296FA"
+		})]
+	});
+});
+//#endregion
+export { Icon as default };
+
+//# sourceMappingURL=Color.mjs.map

package/es/icons/DingTalk/components/Color.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.mjs","names":[],"sources":["../../../../src/icons/DingTalk/components/Color.tsx"],"sourcesContent":["'use client';\n\nimport type { IconType } from '@lobehub/icons';\nimport { memo } from 'react';\n\nimport { TITLE } from '../style';\n\nconst Icon: IconType = memo(({ size = '1em', style, ...rest }) => {\n  return (\n    <svg\n      height={size}\n      style={{ flex: 'none', lineHeight: 1, ...style }}\n      viewBox=\"0 0 24 24\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <title>{TITLE}</title>\n      <path\n        d=\"M21.17 8.973c-.07.255-.161.503-.274.742h.003l-.014.031c-.8 1.795-2.888 5.32-2.888 5.32l-.009-.023-.61 1.115h2.94L14.702 24l1.275-5.334h-2.315l.804-3.527c-.652.164-1.418.391-2.33.698 0 0-1.23.757-3.548-1.458 0 0-1.563-1.443-.656-1.807.384-.152 1.87-.346 3.04-.515 1.577-.225 2.55-.345 2.55-.345s-4.869.078-6.024-.115c-1.155-.19-2.618-2.214-2.932-3.993 0 0-.483-.977 1.036-.516 1.52.462 7.814 1.8 7.814 1.8S5.234 6.256 4.69 5.614c-.543-.642-1.603-3.51-1.465-5.27 0 0 .061-.441.49-.324 0 0 6.052 2.906 10.188 4.493 4.137 1.59 7.732 2.402 7.268 4.46z\"\n        fill=\"#3296FA\"\n      />\n    </svg>\n  );\n});\n\nexport default Icon;\n"],"mappings":";;;;;AAOA,MAAM,OAAiB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;AAChE,QACE,qBAAC,OAAD;EACE,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;GAAO;EAChD,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;YANN,CAQE,oBAAC,SAAD,EAAA,UAAQ,OAAc,CAAA,EACtB,oBAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL,CAAA,CACE;;EAER"}

package/es/icons/DingTalk/components/Mono.d.mts

@@ -0,0 +1,7 @@
+import { IconType } from "@lobehub/icons";
+
+//#region src/icons/DingTalk/components/Mono.d.ts
+declare const Icon: IconType;
+//#endregion
+export { Icon };
+//# sourceMappingURL=Mono.d.mts.map

package/es/icons/DingTalk/components/Mono.mjs

@@ -0,0 +1,26 @@
+"use client";
+import { TITLE } from "../style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/icons/DingTalk/components/Mono.tsx
+const Icon = memo(({ size = "1em", style, ...rest }) => {
+	return /* @__PURE__ */ jsxs("svg", {
+		fill: "currentColor",
+		fillRule: "evenodd",
+		height: size,
+		style: {
+			flex: "none",
+			lineHeight: 1,
+			...style
+		},
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		...rest,
+		children: [/* @__PURE__ */ jsx("title", { children: TITLE }), /* @__PURE__ */ jsx("path", { d: "M21.17 8.973c-.07.255-.161.503-.274.742h.003l-.014.031c-.8 1.795-2.888 5.32-2.888 5.32l-.009-.023-.61 1.115h2.94L14.702 24l1.275-5.334h-2.315l.804-3.527c-.652.164-1.418.391-2.33.698 0 0-1.23.757-3.548-1.458 0 0-1.563-1.443-.656-1.807.384-.152 1.87-.346 3.04-.515 1.577-.225 2.55-.345 2.55-.345s-4.869.078-6.024-.115c-1.155-.19-2.618-2.214-2.932-3.993 0 0-.483-.977 1.036-.516 1.52.462 7.814 1.8 7.814 1.8S5.234 6.256 4.69 5.614c-.543-.642-1.603-3.51-1.465-5.27 0 0 .061-.441.49-.324 0 0 6.052 2.906 10.188 4.493 4.137 1.59 7.732 2.402 7.268 4.46z" })]
+	});
+});
+//#endregion
+export { Icon as default };
+
+//# sourceMappingURL=Mono.mjs.map

package/es/icons/DingTalk/components/Mono.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mono.mjs","names":[],"sources":["../../../../src/icons/DingTalk/components/Mono.tsx"],"sourcesContent":["'use client';\n\nimport type { IconType } from '@lobehub/icons';\nimport { memo } from 'react';\n\nimport { TITLE } from '../style';\n\nconst Icon: IconType = memo(({ size = '1em', style, ...rest }) => {\n  return (\n    <svg\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      height={size}\n      style={{ flex: 'none', lineHeight: 1, ...style }}\n      viewBox=\"0 0 24 24\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <title>{TITLE}</title>\n      <path d=\"M21.17 8.973c-.07.255-.161.503-.274.742h.003l-.014.031c-.8 1.795-2.888 5.32-2.888 5.32l-.009-.023-.61 1.115h2.94L14.702 24l1.275-5.334h-2.315l.804-3.527c-.652.164-1.418.391-2.33.698 0 0-1.23.757-3.548-1.458 0 0-1.563-1.443-.656-1.807.384-.152 1.87-.346 3.04-.515 1.577-.225 2.55-.345 2.55-.345s-4.869.078-6.024-.115c-1.155-.19-2.618-2.214-2.932-3.993 0 0-.483-.977 1.036-.516 1.52.462 7.814 1.8 7.814 1.8S5.234 6.256 4.69 5.614c-.543-.642-1.603-3.51-1.465-5.27 0 0 .061-.441.49-.324 0 0 6.052 2.906 10.188 4.493 4.137 1.59 7.732 2.402 7.268 4.46z\" />\n    </svg>\n  );\n});\n\nexport default Icon;\n"],"mappings":";;;;;AAOA,MAAM,OAAiB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;AAChE,QACE,qBAAC,OAAD;EACE,MAAK;EACL,UAAS;EACT,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;GAAO;EAChD,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;YARN,CAUE,oBAAC,SAAD,EAAA,UAAQ,OAAc,CAAA,EACtB,oBAAC,QAAD,EAAM,GAAE,siBAAuiB,CAAA,CAC3iB;;EAER"}

package/es/icons/DingTalk/index.d.mts

@@ -0,0 +1,15 @@
+import { Avatar } from "./components/Avatar.mjs";
+import { Icon } from "./components/Color.mjs";
+import { Icon as Icon$1 } from "./components/Mono.mjs";
+
+//#region src/icons/DingTalk/index.d.ts
+type CompoundedIcon = typeof Icon$1 & {
+  Avatar: typeof Avatar;
+  Color: typeof Icon;
+  colorPrimary: string;
+  title: string;
+};
+declare const Icons: CompoundedIcon;
+//#endregion
+export { CompoundedIcon, Icons };
+//# sourceMappingURL=index.d.mts.map

package/es/icons/DingTalk/index.mjs

@@ -0,0 +1,15 @@
+"use client";
+import { COLOR_PRIMARY, TITLE } from "./style.mjs";
+import Icon from "./components/Mono.mjs";
+import Avatar from "./components/Avatar.mjs";
+import Icon$1 from "./components/Color.mjs";
+//#region src/icons/DingTalk/index.ts
+const Icons = Icon;
+Icons.Color = Icon$1;
+Icons.Avatar = Avatar;
+Icons.colorPrimary = COLOR_PRIMARY;
+Icons.title = TITLE;
+//#endregion
+export { Icons as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/icons/DingTalk/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Mono","Color"],"sources":["../../../src/icons/DingTalk/index.ts"],"sourcesContent":["'use client';\n\nimport Avatar from './components/Avatar';\nimport Color from './components/Color';\nimport Mono from './components/Mono';\nimport { COLOR_PRIMARY, TITLE } from './style';\n\nexport type CompoundedIcon = typeof Mono & {\n  Avatar: typeof Avatar;\n  Color: typeof Color;\n  colorPrimary: string;\n  title: string;\n};\n\nconst Icons = Mono as CompoundedIcon;\nIcons.Color = Color;\nIcons.Avatar = Avatar;\nIcons.colorPrimary = COLOR_PRIMARY;\nIcons.title = TITLE;\nexport default Icons;\n"],"mappings":";;;;;;AAcA,MAAM,QAAQA;AACd,MAAM,QAAQC;AACd,MAAM,SAAS;AACf,MAAM,eAAe;AACrB,MAAM,QAAQ"}

package/es/icons/DingTalk/style.mjs

@@ -0,0 +1,7 @@
+//#region src/icons/DingTalk/style.ts
+const TITLE = "DingTalk";
+const COLOR_PRIMARY = "#3296FA";
+//#endregion
+export { COLOR_PRIMARY, TITLE };
+
+//# sourceMappingURL=style.mjs.map

package/es/icons/DingTalk/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/icons/DingTalk/style.ts"],"sourcesContent":["export const TITLE = 'DingTalk';\nexport const COLOR_PRIMARY = '#3296FA';\n"],"mappings":";AAAA,MAAa,QAAQ;AACrB,MAAa,gBAAgB"}

package/es/icons/Line/components/Avatar.d.mts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { IconAvatarProps } from "@lobehub/icons";
+
+//#region src/icons/Line/components/Avatar.d.ts
+type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
+declare const Avatar: FC<AvatarProps>;
+//#endregion
+export { Avatar };
+//# sourceMappingURL=Avatar.d.mts.map

package/es/icons/Line/components/Avatar.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { TITLE } from "../style.mjs";
+import Icon from "./Mono.mjs";
+import { jsx } from "react/jsx-runtime";
+import { IconAvatar } from "@lobehub/icons";
+//#region src/icons/Line/components/Avatar.tsx
+const Avatar = ({ background, ...rest }) => {
+	return /* @__PURE__ */ jsx(IconAvatar, {
+		Icon,
+		"aria-label": TITLE,
+		background: background || "#06C755",
+		color: "#fff",
+		...rest
+	});
+};
+//#endregion
+export { Avatar as default };
+
+//# sourceMappingURL=Avatar.mjs.map

package/es/icons/Line/components/Avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.mjs","names":["Mono"],"sources":["../../../../src/icons/Line/components/Avatar.tsx"],"sourcesContent":["'use client';\n\nimport { IconAvatar, type IconAvatarProps } from '@lobehub/icons';\nimport { type FC } from 'react';\n\nimport { COLOR_PRIMARY, TITLE } from '../style';\nimport Mono from './Mono';\n\nexport type AvatarProps = Omit<IconAvatarProps, 'Icon'>;\n\nconst Avatar: FC<AvatarProps> = ({ background, ...rest }) => {\n  return (\n    <IconAvatar\n      Icon={Mono}\n      aria-label={TITLE}\n      background={background || COLOR_PRIMARY}\n      color={'#fff'}\n      {...rest}\n    />\n  );\n};\n\nexport default Avatar;\n"],"mappings":";;;;;;AAUA,MAAM,UAA2B,EAAE,YAAY,GAAG,WAAW;AAC3D,QACE,oBAAC,YAAD;EACQA;EACN,cAAY;EACZ,YAAY,cAAA;EACZ,OAAO;EACP,GAAI;EACJ,CAAA"}

package/es/icons/Line/components/Color.d.mts

@@ -0,0 +1,7 @@
+import { IconType } from "@lobehub/icons";
+
+//#region src/icons/Line/components/Color.d.ts
+declare const Icon: IconType;
+//#endregion
+export { Icon };
+//# sourceMappingURL=Color.d.mts.map

package/es/icons/Line/components/Color.mjs

@@ -0,0 +1,27 @@
+"use client";
+import { TITLE } from "../style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/icons/Line/components/Color.tsx
+const Icon = memo(({ size = "1em", style, ...rest }) => {
+	return /* @__PURE__ */ jsxs("svg", {
+		height: size,
+		style: {
+			flex: "none",
+			lineHeight: 1,
+			...style
+		},
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		...rest,
+		children: [/* @__PURE__ */ jsx("title", { children: TITLE }), /* @__PURE__ */ jsx("path", {
+			d: "M19.365 9.863a.631.631 0 010 1.26H17.61v1.126h1.755a.63.63 0 110 1.259h-2.386a.631.631 0 01-.627-.63v-4.77c0-.345.282-.63.63-.63h2.386a.63.63 0 01-.003 1.26H17.61v1.125h1.755zm-3.855 3.016a.63.63 0 01-.631.627.618.618 0 01-.51-.25l-2.443-3.317v2.94a.63.63 0 01-1.257 0V8.108a.627.627 0 01.624-.628c.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.77zm-5.741 0a.632.632 0 01-.631.629.631.631 0 01-.627-.63v-4.77c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.77zm-2.466.629H4.917a.634.634 0 01-.63-.63v-4.77c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.14h1.756a.63.63 0 010 1.26zM24 10.314C24 4.943 18.615.572 12 .572S0 4.942 0 10.314c0 4.81 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.3.079.766.038 1.08l-.164 1.02c-.045.3-.24 1.186 1.049.645 1.291-.54 6.916-4.078 9.436-6.975C23.176 14.392 24 12.458 24 10.314z",
+			fill: "#06C755"
+		})]
+	});
+});
+//#endregion
+export { Icon as default };
+
+//# sourceMappingURL=Color.mjs.map

package/es/icons/Line/components/Color.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.mjs","names":[],"sources":["../../../../src/icons/Line/components/Color.tsx"],"sourcesContent":["'use client';\n\nimport type { IconType } from '@lobehub/icons';\nimport { memo } from 'react';\n\nimport { TITLE } from '../style';\n\nconst Icon: IconType = memo(({ size = '1em', style, ...rest }) => {\n  return (\n    <svg\n      height={size}\n      style={{ flex: 'none', lineHeight: 1, ...style }}\n      viewBox=\"0 0 24 24\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <title>{TITLE}</title>\n      <path\n        d=\"M19.365 9.863a.631.631 0 010 1.26H17.61v1.126h1.755a.63.63 0 110 1.259h-2.386a.631.631 0 01-.627-.63v-4.77c0-.345.282-.63.63-.63h2.386a.63.63 0 01-.003 1.26H17.61v1.125h1.755zm-3.855 3.016a.63.63 0 01-.631.627.618.618 0 01-.51-.25l-2.443-3.317v2.94a.63.63 0 01-1.257 0V8.108a.627.627 0 01.624-.628c.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.77zm-5.741 0a.632.632 0 01-.631.629.631.631 0 01-.627-.63v-4.77c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.77zm-2.466.629H4.917a.634.634 0 01-.63-.63v-4.77c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.14h1.756a.63.63 0 010 1.26zM24 10.314C24 4.943 18.615.572 12 .572S0 4.942 0 10.314c0 4.81 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.3.079.766.038 1.08l-.164 1.02c-.045.3-.24 1.186 1.049.645 1.291-.54 6.916-4.078 9.436-6.975C23.176 14.392 24 12.458 24 10.314z\"\n        fill=\"#06C755\"\n      />\n    </svg>\n  );\n});\n\nexport default Icon;\n"],"mappings":";;;;;AAOA,MAAM,OAAiB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;AAChE,QACE,qBAAC,OAAD;EACE,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;GAAO;EAChD,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;YANN,CAQE,oBAAC,SAAD,EAAA,UAAQ,OAAc,CAAA,EACtB,oBAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL,CAAA,CACE;;EAER"}

package/es/icons/Line/components/Mono.d.mts

@@ -0,0 +1,7 @@
+import { IconType } from "@lobehub/icons";
+
+//#region src/icons/Line/components/Mono.d.ts
+declare const Icon: IconType;
+//#endregion
+export { Icon };
+//# sourceMappingURL=Mono.d.mts.map

package/es/icons/Line/components/Mono.mjs

@@ -0,0 +1,26 @@
+"use client";
+import { TITLE } from "../style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/icons/Line/components/Mono.tsx
+const Icon = memo(({ size = "1em", style, ...rest }) => {
+	return /* @__PURE__ */ jsxs("svg", {
+		fill: "currentColor",
+		fillRule: "evenodd",
+		height: size,
+		style: {
+			flex: "none",
+			lineHeight: 1,
+			...style
+		},
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		...rest,
+		children: [/* @__PURE__ */ jsx("title", { children: TITLE }), /* @__PURE__ */ jsx("path", { d: "M19.365 9.863a.631.631 0 010 1.26H17.61v1.126h1.755a.63.63 0 110 1.259h-2.386a.631.631 0 01-.627-.63v-4.77c0-.345.282-.63.63-.63h2.386a.63.63 0 01-.003 1.26H17.61v1.125h1.755zm-3.855 3.016a.63.63 0 01-.631.627.618.618 0 01-.51-.25l-2.443-3.317v2.94a.63.63 0 01-1.257 0V8.108a.627.627 0 01.624-.628c.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.77zm-5.741 0a.632.632 0 01-.631.629.631.631 0 01-.627-.63v-4.77c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.77zm-2.466.629H4.917a.634.634 0 01-.63-.63v-4.77c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.14h1.756a.63.63 0 010 1.26zM24 10.314C24 4.943 18.615.572 12 .572S0 4.942 0 10.314c0 4.81 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.3.079.766.038 1.08l-.164 1.02c-.045.3-.24 1.186 1.049.645 1.291-.54 6.916-4.078 9.436-6.975C23.176 14.392 24 12.458 24 10.314z" })]
+	});
+});
+//#endregion
+export { Icon as default };
+
+//# sourceMappingURL=Mono.mjs.map

package/es/icons/Line/components/Mono.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mono.mjs","names":[],"sources":["../../../../src/icons/Line/components/Mono.tsx"],"sourcesContent":["'use client';\n\nimport type { IconType } from '@lobehub/icons';\nimport { memo } from 'react';\n\nimport { TITLE } from '../style';\n\nconst Icon: IconType = memo(({ size = '1em', style, ...rest }) => {\n  return (\n    <svg\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      height={size}\n      style={{ flex: 'none', lineHeight: 1, ...style }}\n      viewBox=\"0 0 24 24\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <title>{TITLE}</title>\n      <path d=\"M19.365 9.863a.631.631 0 010 1.26H17.61v1.126h1.755a.63.63 0 110 1.259h-2.386a.631.631 0 01-.627-.63v-4.77c0-.345.282-.63.63-.63h2.386a.63.63 0 01-.003 1.26H17.61v1.125h1.755zm-3.855 3.016a.63.63 0 01-.631.627.618.618 0 01-.51-.25l-2.443-3.317v2.94a.63.63 0 01-1.257 0V8.108a.627.627 0 01.624-.628c.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.77zm-5.741 0a.632.632 0 01-.631.629.631.631 0 01-.627-.63v-4.77c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.77zm-2.466.629H4.917a.634.634 0 01-.63-.63v-4.77c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.14h1.756a.63.63 0 010 1.26zM24 10.314C24 4.943 18.615.572 12 .572S0 4.942 0 10.314c0 4.81 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.3.079.766.038 1.08l-.164 1.02c-.045.3-.24 1.186 1.049.645 1.291-.54 6.916-4.078 9.436-6.975C23.176 14.392 24 12.458 24 10.314z\" />\n    </svg>\n  );\n});\n\nexport default Icon;\n"],"mappings":";;;;;AAOA,MAAM,OAAiB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;AAChE,QACE,qBAAC,OAAD;EACE,MAAK;EACL,UAAS;EACT,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;GAAO;EAChD,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;YARN,CAUE,oBAAC,SAAD,EAAA,UAAQ,OAAc,CAAA,EACtB,oBAAC,QAAD,EAAM,GAAE,01BAA21B,CAAA,CAC/1B;;EAER"}

package/es/icons/Line/index.d.mts

@@ -0,0 +1,15 @@
+import { Avatar } from "./components/Avatar.mjs";
+import { Icon } from "./components/Color.mjs";
+import { Icon as Icon$1 } from "./components/Mono.mjs";
+
+//#region src/icons/Line/index.d.ts
+type CompoundedIcon = typeof Icon$1 & {
+  Avatar: typeof Avatar;
+  Color: typeof Icon;
+  colorPrimary: string;
+  title: string;
+};
+declare const Icons: CompoundedIcon;
+//#endregion
+export { CompoundedIcon, Icons };
+//# sourceMappingURL=index.d.mts.map

package/es/icons/Line/index.mjs

@@ -0,0 +1,15 @@
+"use client";
+import { COLOR_PRIMARY, TITLE } from "./style.mjs";
+import Icon from "./components/Mono.mjs";
+import Avatar from "./components/Avatar.mjs";
+import Icon$1 from "./components/Color.mjs";
+//#region src/icons/Line/index.ts
+const Icons = Icon;
+Icons.Color = Icon$1;
+Icons.Avatar = Avatar;
+Icons.colorPrimary = COLOR_PRIMARY;
+Icons.title = TITLE;
+//#endregion
+export { Icons as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/icons/Line/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Mono","Color"],"sources":["../../../src/icons/Line/index.ts"],"sourcesContent":["'use client';\n\nimport Avatar from './components/Avatar';\nimport Color from './components/Color';\nimport Mono from './components/Mono';\nimport { COLOR_PRIMARY, TITLE } from './style';\n\nexport type CompoundedIcon = typeof Mono & {\n  Avatar: typeof Avatar;\n  Color: typeof Color;\n  colorPrimary: string;\n  title: string;\n};\n\nconst Icons = Mono as CompoundedIcon;\nIcons.Color = Color;\nIcons.Avatar = Avatar;\nIcons.colorPrimary = COLOR_PRIMARY;\nIcons.title = TITLE;\nexport default Icons;\n"],"mappings":";;;;;;AAcA,MAAM,QAAQA;AACd,MAAM,QAAQC;AACd,MAAM,SAAS;AACf,MAAM,eAAe;AACrB,MAAM,QAAQ"}

package/es/icons/Line/style.mjs

@@ -0,0 +1,7 @@
+//#region src/icons/Line/style.ts
+const TITLE = "Line";
+const COLOR_PRIMARY = "#06C755";
+//#endregion
+export { COLOR_PRIMARY, TITLE };
+
+//# sourceMappingURL=style.mjs.map

package/es/icons/Line/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/icons/Line/style.ts"],"sourcesContent":["export const TITLE = 'Line';\nexport const COLOR_PRIMARY = '#06C755';\n"],"mappings":";AAAA,MAAa,QAAQ;AACrB,MAAa,gBAAgB"}

package/es/icons/index.d.mts

@@ -3,11 +3,13 @@ import { CompoundedIcon as CompoundedIcon$1, Icons as Icons$1 } from "./Authelia
 import { CompoundedIcon as CompoundedIcon$2, Icons as Icons$2 } from "./Authentik/index.mjs";
 import { CompoundedIcon as CompoundedIcon$3, Icons as Icons$3 } from "./Casdoor/index.mjs";
 import { CompoundedIcon as CompoundedIcon$4, Icons as Icons$4 } from "./Clerk/index.mjs";
-import { CompoundedIcon as CompoundedIcon$5, Icons as Icons$5 } from "./Discord/index.mjs";
-import { CompoundedIcon as CompoundedIcon$6, Icons as Icons$6 } from "./GoogleChat/index.mjs";
-import { CompoundedIcon as CompoundedIcon$7, Icons as Icons$7 } from "./IMessage/index.mjs";
-import { CompoundedIcon as CompoundedIcon$8, Icons as Icons$8 } from "./Lark/index.mjs";
-import { CompoundedIcon as CompoundedIcon$9, Icons as Icons$9 } from "./Logto/index.mjs";
+import { CompoundedIcon as CompoundedIcon$5, Icons as Icons$5 } from "./DingTalk/index.mjs";
+import { CompoundedIcon as CompoundedIcon$6, Icons as Icons$6 } from "./Discord/index.mjs";
+import { CompoundedIcon as CompoundedIcon$7, Icons as Icons$7 } from "./GoogleChat/index.mjs";
+import { CompoundedIcon as CompoundedIcon$8, Icons as Icons$8 } from "./IMessage/index.mjs";
+import { CompoundedIcon as CompoundedIcon$9, Icons as Icons$9 } from "./Lark/index.mjs";
+import { CompoundedIcon as CompoundedIcon$10, Icons as Icons$10 } from "./Line/index.mjs";
+import { CompoundedIcon as CompoundedIcon$11, Icons as Icons$11 } from "./Logto/index.mjs";
 import { AndroidIcon } from "./lucideExtra/AndroidIcon.mjs";
 import { AppleIcon } from "./lucideExtra/AppleIcon.mjs";
 import { AppstoreIcon } from "./lucideExtra/AppstoreIcon.mjs";
@@ -45,14 +47,14 @@ import { SlackIcon } from "./lucideExtra/SlackIcon.mjs";
 import { ThinkIcon } from "./lucideExtra/ThinkIcon.mjs";
 import { TreeDownRightIcon } from "./lucideExtra/TreeDownRightIcon.mjs";
 import { TreeUpDownRightIcon } from "./lucideExtra/TreeUpDownRightIcon.mjs";
-import { CompoundedIcon as CompoundedIcon$10, Icons as Icons$10 } from "./MicrosoftEntra/index.mjs";
-import { CompoundedIcon as CompoundedIcon$11, Icons as Icons$11 } from "./MicrosoftTeams/index.mjs";
-import { CompoundedIcon as CompoundedIcon$12, Icons as Icons$12 } from "./NextAuth/index.mjs";
-import { CompoundedIcon as CompoundedIcon$13, Icons as Icons$13 } from "./QQ/index.mjs";
-import { CompoundedIcon as CompoundedIcon$14, Icons as Icons$14 } from "./Slack/index.mjs";
-import { CompoundedIcon as CompoundedIcon$15, Icons as Icons$15 } from "./Telegram/index.mjs";
-import { CompoundedIcon as CompoundedIcon$16, Icons as Icons$16 } from "./WeChat/index.mjs";
-import { CompoundedIcon as CompoundedIcon$17, Icons as Icons$17 } from "./WhatsApp/index.mjs";
-import { CompoundedIcon as CompoundedIcon$18, Icons as Icons$18 } from "./Zitadel/index.mjs";
+import { CompoundedIcon as CompoundedIcon$12, Icons as Icons$12 } from "./MicrosoftEntra/index.mjs";
+import { CompoundedIcon as CompoundedIcon$13, Icons as Icons$13 } from "./MicrosoftTeams/index.mjs";
+import { CompoundedIcon as CompoundedIcon$14, Icons as Icons$14 } from "./NextAuth/index.mjs";
+import { CompoundedIcon as CompoundedIcon$15, Icons as Icons$15 } from "./QQ/index.mjs";
+import { CompoundedIcon as CompoundedIcon$16, Icons as Icons$16 } from "./Slack/index.mjs";
+import { CompoundedIcon as CompoundedIcon$17, Icons as Icons$17 } from "./Telegram/index.mjs";
+import { CompoundedIcon as CompoundedIcon$18, Icons as Icons$18 } from "./WeChat/index.mjs";
+import { CompoundedIcon as CompoundedIcon$19, Icons as Icons$19 } from "./WhatsApp/index.mjs";
+import { CompoundedIcon as CompoundedIcon$20, Icons as Icons$20 } from "./Zitadel/index.mjs";
 import { Cloudflare, CloudflareProps, Github, GithubProps } from "@lobehub/icons";
-export { AndroidIcon, AppleIcon, AppstoreIcon, Icons as Auth0, type CompoundedIcon as Auth0Props, Icons$1 as Authelia, type CompoundedIcon$1 as AutheliaProps, Icons$2 as Authentik, type CompoundedIcon$2 as AuthentikProps, BotPromptIcon, BrainOffIcon, Icons$3 as Casdoor, type CompoundedIcon$3 as CasdoorProps, ChromeIcon, Icons$4 as Clerk, type CompoundedIcon$4 as ClerkProps, Cloudflare, type CloudflareProps, CodepenIcon, CodesandboxIcon, CreateBotIcon, Icons$5 as Discord, DiscordIcon, type CompoundedIcon$5 as DiscordProps, FacebookIcon, FigmaIcon, FramerIcon, Github, GithubIcon, type GithubProps, GitlabIcon, GlobeOffIcon, Icons$6 as GoogleChat, type CompoundedIcon$6 as GoogleChatProps, GooglePlayIcon, GroupBotIcon, GroupBotSquareIcon, Icons$7 as IMessage, type CompoundedIcon$7 as IMessageProps, InstagramIcon, Icons$8 as Lark, type CompoundedIcon$8 as LarkProps, LeftClickIcon, LeftDoubleClickIcon, LinkedinIcon, Icons$9 as Logto, type CompoundedIcon$9 as LogtoProps, McpIcon, Icons$10 as MicrosoftEntra, type CompoundedIcon$10 as MicrosoftEntraProps, Icons$11 as MicrosoftTeams, type CompoundedIcon$11 as MicrosoftTeamsProps, Icons$12 as NextAuth, type CompoundedIcon$12 as NextAuthProps, NotionIcon, PocketIcon, ProviderIcon, Icons$13 as QQ, type CompoundedIcon$13 as QQProps, RailSymbolIcon, RedditIcon, RightClickIcon, RightDoubleClickIcon, ShapesUploadIcon, SkillsIcon, Icons$14 as Slack, SlackIcon, type CompoundedIcon$14 as SlackProps, Icons$15 as Telegram, type CompoundedIcon$15 as TelegramProps, ThinkIcon, TreeDownRightIcon, TreeUpDownRightIcon, Icons$16 as WeChat, type CompoundedIcon$16 as WeChatProps, Icons$17 as WhatsApp, type CompoundedIcon$17 as WhatsAppProps, Icons$18 as Zitadel, type CompoundedIcon$18 as ZitadelProps };
+export { AndroidIcon, AppleIcon, AppstoreIcon, Icons as Auth0, type CompoundedIcon as Auth0Props, Icons$1 as Authelia, type CompoundedIcon$1 as AutheliaProps, Icons$2 as Authentik, type CompoundedIcon$2 as AuthentikProps, BotPromptIcon, BrainOffIcon, Icons$3 as Casdoor, type CompoundedIcon$3 as CasdoorProps, ChromeIcon, Icons$4 as Clerk, type CompoundedIcon$4 as ClerkProps, Cloudflare, type CloudflareProps, CodepenIcon, CodesandboxIcon, CreateBotIcon, Icons$5 as DingTalk, type CompoundedIcon$5 as DingTalkProps, Icons$6 as Discord, DiscordIcon, type CompoundedIcon$6 as DiscordProps, FacebookIcon, FigmaIcon, FramerIcon, Github, GithubIcon, type GithubProps, GitlabIcon, GlobeOffIcon, Icons$7 as GoogleChat, type CompoundedIcon$7 as GoogleChatProps, GooglePlayIcon, GroupBotIcon, GroupBotSquareIcon, Icons$8 as IMessage, type CompoundedIcon$8 as IMessageProps, InstagramIcon, Icons$9 as Lark, type CompoundedIcon$9 as LarkProps, LeftClickIcon, LeftDoubleClickIcon, Icons$10 as Line, type CompoundedIcon$10 as LineProps, LinkedinIcon, Icons$11 as Logto, type CompoundedIcon$11 as LogtoProps, McpIcon, Icons$12 as MicrosoftEntra, type CompoundedIcon$12 as MicrosoftEntraProps, Icons$13 as MicrosoftTeams, type CompoundedIcon$13 as MicrosoftTeamsProps, Icons$14 as NextAuth, type CompoundedIcon$14 as NextAuthProps, NotionIcon, PocketIcon, ProviderIcon, Icons$15 as QQ, type CompoundedIcon$15 as QQProps, RailSymbolIcon, RedditIcon, RightClickIcon, RightDoubleClickIcon, ShapesUploadIcon, SkillsIcon, Icons$16 as Slack, SlackIcon, type CompoundedIcon$16 as SlackProps, Icons$17 as Telegram, type CompoundedIcon$17 as TelegramProps, ThinkIcon, TreeDownRightIcon, TreeUpDownRightIcon, Icons$18 as WeChat, type CompoundedIcon$18 as WeChatProps, Icons$19 as WhatsApp, type CompoundedIcon$19 as WhatsAppProps, Icons$20 as Zitadel, type CompoundedIcon$20 as ZitadelProps };

package/es/icons/index.mjs

@@ -7,11 +7,13 @@ import Icons$1 from "./Authelia/index.mjs";
 import Icons$2 from "./Authentik/index.mjs";
 import Icons$3 from "./Casdoor/index.mjs";
 import Icons$4 from "./Clerk/index.mjs";
-import Icons$5 from "./Discord/index.mjs";
-import Icons$6 from "./GoogleChat/index.mjs";
-import Icons$7 from "./IMessage/index.mjs";
-import Icons$8 from "./Lark/index.mjs";
-import Icons$9 from "./Logto/index.mjs";
+import Icons$5 from "./DingTalk/index.mjs";
+import Icons$6 from "./Discord/index.mjs";
+import Icons$7 from "./GoogleChat/index.mjs";
+import Icons$8 from "./IMessage/index.mjs";
+import Icons$9 from "./Lark/index.mjs";
+import Icons$10 from "./Line/index.mjs";
+import Icons$11 from "./Logto/index.mjs";
 import AndroidIcon from "./lucideExtra/AndroidIcon.mjs";
 import AppleIcon from "./lucideExtra/AppleIcon.mjs";
 import AppstoreIcon from "./lucideExtra/AppstoreIcon.mjs";
@@ -45,14 +47,14 @@ import SlackIcon from "./lucideExtra/SlackIcon.mjs";
 import ThinkIcon from "./lucideExtra/ThinkIcon.mjs";
 import TreeDownRightIcon from "./lucideExtra/TreeDownRightIcon.mjs";
 import TreeUpDownRightIcon from "./lucideExtra/TreeUpDownRightIcon.mjs";
-import Icons$10 from "./MicrosoftEntra/index.mjs";
-import Icons$11 from "./MicrosoftTeams/index.mjs";
-import Icons$12 from "./NextAuth/index.mjs";
-import Icons$13 from "./QQ/index.mjs";
-import Icons$14 from "./Slack/index.mjs";
-import Icons$15 from "./Telegram/index.mjs";
-import Icons$16 from "./WeChat/index.mjs";
-import Icons$17 from "./WhatsApp/index.mjs";
-import Icons$18 from "./Zitadel/index.mjs";
+import Icons$12 from "./MicrosoftEntra/index.mjs";
+import Icons$13 from "./MicrosoftTeams/index.mjs";
+import Icons$14 from "./NextAuth/index.mjs";
+import Icons$15 from "./QQ/index.mjs";
+import Icons$16 from "./Slack/index.mjs";
+import Icons$17 from "./Telegram/index.mjs";
+import Icons$18 from "./WeChat/index.mjs";
+import Icons$19 from "./WhatsApp/index.mjs";
+import Icons$20 from "./Zitadel/index.mjs";
 import { Cloudflare, Github } from "@lobehub/icons";
-export { AndroidIcon, AppleIcon, AppstoreIcon, Icons as Auth0, Icons$1 as Authelia, Icons$2 as Authentik, BotPromptIcon, BrainOffIcon, Icons$3 as Casdoor, ChromeIcon, Icons$4 as Clerk, Cloudflare, CodepenIcon, CodesandboxIcon, CreateBotIcon, Icons$5 as Discord, DiscordIcon, FacebookIcon, FigmaIcon, FramerIcon, Github, GithubIcon, GitlabIcon, GlobeOffIcon, Icons$6 as GoogleChat, GooglePlayIcon, GroupBotIcon, GroupBotSquareIcon, Icons$7 as IMessage, InstagramIcon, Icons$8 as Lark, LeftClickIcon, LeftDoubleClickIcon, LinkedinIcon, Icons$9 as Logto, McpIcon, Icons$10 as MicrosoftEntra, Icons$11 as MicrosoftTeams, Icons$12 as NextAuth, NotionIcon, PocketIcon, ProviderIcon, Icons$13 as QQ, RailSymbolIcon, RedditIcon, RightClickIcon, RightDoubleClickIcon, ShapesUploadIcon, SkillsIcon, Icons$14 as Slack, SlackIcon, Icons$15 as Telegram, ThinkIcon, TreeDownRightIcon, TreeUpDownRightIcon, Icons$16 as WeChat, Icons$17 as WhatsApp, Icons$18 as Zitadel };
+export { AndroidIcon, AppleIcon, AppstoreIcon, Icons as Auth0, Icons$1 as Authelia, Icons$2 as Authentik, BotPromptIcon, BrainOffIcon, Icons$3 as Casdoor, ChromeIcon, Icons$4 as Clerk, Cloudflare, CodepenIcon, CodesandboxIcon, CreateBotIcon, Icons$5 as DingTalk, Icons$6 as Discord, DiscordIcon, FacebookIcon, FigmaIcon, FramerIcon, Github, GithubIcon, GitlabIcon, GlobeOffIcon, Icons$7 as GoogleChat, GooglePlayIcon, GroupBotIcon, GroupBotSquareIcon, Icons$8 as IMessage, InstagramIcon, Icons$9 as Lark, LeftClickIcon, LeftDoubleClickIcon, Icons$10 as Line, LinkedinIcon, Icons$11 as Logto, McpIcon, Icons$12 as MicrosoftEntra, Icons$13 as MicrosoftTeams, Icons$14 as NextAuth, NotionIcon, PocketIcon, ProviderIcon, Icons$15 as QQ, RailSymbolIcon, RedditIcon, RightClickIcon, RightDoubleClickIcon, ShapesUploadIcon, SkillsIcon, Icons$16 as Slack, SlackIcon, Icons$17 as Telegram, ThinkIcon, TreeDownRightIcon, TreeUpDownRightIcon, Icons$18 as WeChat, Icons$19 as WhatsApp, Icons$20 as Zitadel };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "5.9.7",
+  "version": "5.10.1",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -148,7 +148,7 @@
     "@giscus/react": "^3.1.0",
     "@mdx-js/mdx": "^3.1.1",
     "@mdx-js/react": "^3.1.1",
-    "@pierre/diffs": "^1.1.10",
+    "@pierre/diffs": "^1.1.19",
     "@radix-ui/react-slot": "^1.2.4",
     "@shikijs/core": "^4.0.2",
     "@shikijs/transformers": "^4.0.2",
@@ -160,13 +160,13 @@
     "clsx": "^2.1.1",
     "dayjs": "^1.11.20",
     "emoji-mart": "^5.6.0",
-    "es-toolkit": "^1.45.1",
+    "es-toolkit": "^1.46.0",
     "fast-deep-equal": "^3.1.3",
     "immer": "^11.1.4",
-    "katex": "^0.16.44",
+    "katex": "^0.16.45",
     "leva": "^0.10.1",
-    "lucide-react": "^1.7.0",
-    "marked": "^17.0.5",
+    "lucide-react": "^1.11.0",
+    "marked": "^17.0.6",
     "mermaid": "^11.14.0",
     "motion": "^12.38.0",
     "numeral": "^2.0.6",
@@ -202,14 +202,14 @@
     "url-join": "^5.0.0",
     "use-merge-value": "^1.2.0",
     "uuid": "^13.0.0",
-    "virtua": "^0.49.0"
+    "virtua": "^0.49.1"
   },
   "devDependencies": {
     "@ant-design/icons": "^6.1.1",
     "@commitlint/cli": "^19.8.1",
     "@lobehub/eslint-config": "2.0.0",
     "@lobehub/fluent-emoji": "^4.1.0",
-    "@lobehub/icons": "^5.2.0",
+    "@lobehub/icons": "^5.6.0",
     "@lobehub/lint": "^2.1.5",
     "@testing-library/react": "^16.3.2",
     "@types/chroma-js": "^3.1.2",
@@ -221,17 +221,17 @@
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/unist": "^3.0.3",
-    "@typescript-eslint/eslint-plugin": "^8.58.0",
-    "@typescript-eslint/parser": "^8.58.0",
+    "@typescript-eslint/eslint-plugin": "^8.59.0",
+    "@typescript-eslint/parser": "^8.59.0",
     "@vitest/coverage-v8": "^3.2.4",
-    "antd": "^6.3.5",
+    "antd": "^6.3.6",
     "babel-plugin-antd-style": "^1.0.4",
     "cheerio": "^1.2.0",
     "clean-package": "^2.2.0",
     "commitlint": "^19.8.1",
     "concurrently": "^9.2.1",
     "cross-env": "^10.1.0",
-    "dotenv": "^17.4.0",
+    "dotenv": "^17.4.2",
     "dpdm": "^4.0.1",
     "dumi": "^2.4.23",
     "dumi-theme-lobehub": "^5.0.0",
@@ -242,17 +242,17 @@
     "jsdom": "^26.1.0",
     "lint-staged": "^16.4.0",
     "mdast-util-to-markdown": "^2.1.2",
-    "prettier": "^3.8.1",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
+    "prettier": "^3.8.3",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
     "remark": "^15.0.1",
     "remark-cli": "^12.0.1",
     "semantic-release": "^21.1.2",
     "stylelint": "^16.26.1",
     "svgo": "^4.0.1",
-    "tsdown": "^0.21.7",
+    "tsdown": "^0.21.10",
     "tsx": "^4.21.0",
-    "typescript": "^6.0.2",
+    "typescript": "^6.0.3",
     "unist-util-is": "^6.0.1",
     "unist-util-visit": "^5.1.0",
     "vitest": "^3.2.4"