@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/Accordion/AccordionItem.mjs

@@ -1,340 +0,0 @@
-"use client";
-import { useMotionComponent } from "../MotionProvider/index.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";
-import Text from "../Text/Text.mjs";
-import { stopPropagation } from "../utils/dom.mjs";
-import ArrowIcon from "./ArrowIcon.mjs";
-import { memo, useCallback, useEffect, useMemo, useRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { AnimatePresence } from "motion/react";
-import useMergeState from "use-merge-value";
-//#region src/Accordion/AccordionItem.tsx
-const motionContainerStyle = { overflow: "hidden" };
-const AccordionStaticContent = memo(({ className, style, children, contentInnerClassName, isOpen, keepContentMounted }) => {
-	if (keepContentMounted) return /* @__PURE__ */ jsx("div", {
-		className,
-		role: "region",
-		style: {
-			display: isOpen ? "block" : "none",
-			...style
-		},
-		children: /* @__PURE__ */ jsx("div", {
-			className: contentInnerClassName,
-			children
-		})
-	});
-	if (!isOpen) return null;
-	return /* @__PURE__ */ jsx("div", {
-		className,
-		role: "region",
-		style,
-		children: /* @__PURE__ */ jsx("div", {
-			className: contentInnerClassName,
-			children
-		})
-	});
-});
-AccordionStaticContent.displayName = "AccordionStaticContent";
-const AccordionMotionContent = memo(({ contextMotionProps, className, style, children, contentInnerClassName, isOpen, skipInitialAnimation }) => {
-	const Motion = useMotionComponent();
-	const motionProps = useMemo(() => ({
-		animate: "enter",
-		exit: "exit",
-		initial: skipInitialAnimation ? false : "exit",
-		variants: {
-			enter: {
-				height: "auto",
-				opacity: 1,
-				transition: {
-					duration: .2,
-					ease: [
-						.4,
-						0,
-						.2,
-						1
-					]
-				}
-			},
-			exit: {
-				height: 0,
-				opacity: 0,
-				transition: {
-					duration: .2,
-					ease: [
-						.4,
-						0,
-						.2,
-						1
-					]
-				}
-			}
-		},
-		...contextMotionProps
-	}), [contextMotionProps, skipInitialAnimation]);
-	return /* @__PURE__ */ jsx(AnimatePresence, {
-		initial: false,
-		children: isOpen ? /* @__PURE__ */ jsx(Motion.div, {
-			...motionProps,
-			style: motionContainerStyle,
-			children: /* @__PURE__ */ jsx("div", {
-				className,
-				role: "region",
-				style,
-				children: /* @__PURE__ */ jsx("div", {
-					className: contentInnerClassName,
-					children
-				})
-			})
-		}) : null
-	});
-});
-AccordionMotionContent.displayName = "AccordionMotionContent";
-const AccordionItemContent = memo(({ disableAnimation, isOpen, keepContentMounted, className, style, children, contentInnerClassName, contextMotionProps, skipInitialAnimation }) => {
-	if (disableAnimation || !keepContentMounted) return /* @__PURE__ */ jsx(AccordionStaticContent, {
-		className,
-		contentInnerClassName,
-		isOpen,
-		keepContentMounted,
-		style,
-		children
-	});
-	return /* @__PURE__ */ jsx(AccordionMotionContent, {
-		className,
-		contentInnerClassName,
-		contextMotionProps,
-		isOpen,
-		skipInitialAnimation,
-		style,
-		children
-	});
-});
-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 itemStateContext = useAccordionItemState();
-	const configContext = useAccordionConfig();
-	const isStandalone = expand !== void 0 || defaultExpand !== void 0;
-	const [isExpandedStandalone, setIsExpandedStandalone] = useMergeState(defaultExpand ?? false, {
-		onChange: onExpandChange,
-		value: expand
-	});
-	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 isDirectContextItem = itemStateContext?.itemKey === itemKey;
-	let isOpen = false;
-	if (isStandalone) isOpen = isExpandedStandalone;
-	else if (itemStateContext) isOpen = isDirectContextItem ? itemStateContext.isOpen : itemStateContext.isOpen || itemStateContext.isOpenKey(itemKey);
-	const hideIndicatorFinal = itemHideIndicator ?? contextHideIndicator ?? false;
-	const indicatorPlacementFinal = itemIndicatorPlacement ?? contextIndicatorPlacement ?? "start";
-	const keepContentMounted = contextKeepContentMounted ?? true;
-	const disableAnimation = contextDisableAnimation ?? false;
-	const variant = customVariant || contextVariant;
-	const contextOnToggle = useCallback(() => {
-		if (!itemStateContext) return;
-		if (itemStateContext.itemKey === itemKey) {
-			itemStateContext.onToggle();
-			return;
-		}
-		itemStateContext.onToggleNestedKey(itemKey);
-	}, [itemStateContext, itemKey]);
-	const handleToggle = useCallback(() => {
-		if (!allowExpand) return;
-		if (!disabled) {
-			if (isStandalone) setIsExpandedStandalone(!isExpandedStandalone);
-			else if (contextOnToggle) contextOnToggle();
-		}
-	}, [
-		allowExpand,
-		disabled,
-		isStandalone,
-		setIsExpandedStandalone,
-		isExpandedStandalone,
-		contextOnToggle
-	]);
-	const handleKeyDown = useCallback((e) => {
-		if (!allowExpand || disabled) return;
-		switch (e.key) {
-			case "Enter":
-			case " ":
-				e.preventDefault();
-				handleToggle();
-		}
-	}, [
-		allowExpand,
-		disabled,
-		handleToggle
-	]);
-	const preventTitleTextSelection = useCallback((e) => {
-		if (e?.detail > 1) e.preventDefault();
-	}, []);
-	const indicator = useMemo(() => {
-		if (!allowExpand || hideIndicatorFinal) return null;
-		if (customIndicator) {
-			if (typeof customIndicator === "function") return /* @__PURE__ */ jsx("span", {
-				"aria-hidden": "true",
-				className: cx(styles.indicator, classNames?.indicator),
-				style: customStyles?.indicator,
-				children: customIndicator({
-					isDisabled: disabled,
-					isOpen
-				})
-			});
-			return /* @__PURE__ */ jsx("span", {
-				"aria-hidden": "true",
-				className: cx(styles.indicator, classNames?.indicator),
-				style: customStyles?.indicator,
-				children: customIndicator
-			});
-		}
-		return /* @__PURE__ */ jsx("span", {
-			"aria-hidden": "true",
-			className: cx(styles.indicator, classNames?.indicator),
-			style: customStyles?.indicator,
-			children: /* @__PURE__ */ jsx(ArrowIcon, { className: cx(styles.icon, isOpen && styles.iconRotate) })
-		});
-	}, [
-		allowExpand,
-		hideIndicatorFinal,
-		customIndicator,
-		disabled,
-		isOpen,
-		classNames,
-		customStyles
-	]);
-	const skipInitialAnimation = isInitialRenderRef.current && isOpen;
-	const contentClassName = useMemo(() => cx("accordion-content", styles.content, classNames?.content), [classNames?.content]);
-	const titleNode = useMemo(() => typeof title === "string" ? /* @__PURE__ */ jsx(Text, {
-		ellipsis: true,
-		className: classNames?.title,
-		style: customStyles?.title,
-		children: title
-	}) : title, [
-		title,
-		classNames?.title,
-		customStyles?.title
-	]);
-	const actionNode = useMemo(() => action && /* @__PURE__ */ jsx(FlexBasic_default, {
-		horizontal: true,
-		align: "center",
-		flex: "none",
-		gap: 4,
-		style: customStyles?.action,
-		className: cx("accordion-action", styles.action, alwaysShowAction && styles.actionVisible, classNames?.action),
-		onClick: stopPropagation,
-		children: action
-	}), [
-		action,
-		alwaysShowAction,
-		classNames?.action,
-		customStyles?.action
-	]);
-	const headerElement = useMemo(() => {
-		const header = /* @__PURE__ */ jsx(Block, {
-			horizontal: true,
-			className: cx("accordion-header", styles.header, classNames?.header),
-			clickable: !disabled && allowExpand,
-			gap: 4,
-			justify: "space-between",
-			padding,
-			paddingBlock,
-			paddingInline,
-			ref,
-			variant: customVariant || variant,
-			style: {
-				alignItems: "center",
-				cursor: disabled ? "not-allowed" : allowExpand ? "pointer" : "default",
-				opacity: disabled ? .5 : void 0,
-				overflow: "hidden",
-				width: "100%",
-				...customStyles?.header
-			},
-			onClick: handleToggle,
-			onKeyDown: handleKeyDown,
-			children: indicatorPlacementFinal === "start" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
-				horizontal: true,
-				align: "center",
-				className: styles.titleWrapper,
-				flex: 1,
-				gap: 2,
-				style: { overflow: "hidden" },
-				onDoubleClick: preventTitleTextSelection,
-				onMouseDown: preventTitleTextSelection,
-				children: [titleNode, indicator]
-			}), /* @__PURE__ */ jsx(FlexBasic_default, {
-				horizontal: true,
-				align: "center",
-				flex: "none",
-				gap: 4,
-				children: actionNode
-			})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FlexBasic_default, {
-				horizontal: true,
-				align: "center",
-				className: styles.titleWrapper,
-				flex: 1,
-				gap: 2,
-				style: { overflow: "hidden" },
-				onDoubleClick: preventTitleTextSelection,
-				onMouseDown: preventTitleTextSelection,
-				children: titleNode
-			}), /* @__PURE__ */ jsxs(FlexBasic_default, {
-				horizontal: true,
-				align: "center",
-				flex: "none",
-				gap: 4,
-				children: [actionNode, indicator]
-			})] })
-		});
-		if (headerWrapper) return headerWrapper(header);
-		return header;
-	}, [
-		classNames?.header,
-		disabled,
-		allowExpand,
-		padding,
-		paddingBlock,
-		paddingInline,
-		ref,
-		customVariant,
-		variant,
-		customStyles?.header,
-		handleToggle,
-		handleKeyDown,
-		indicatorPlacementFinal,
-		preventTitleTextSelection,
-		titleNode,
-		indicator,
-		actionNode,
-		headerWrapper
-	]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cx("accordion-item", styles.item, classNames?.base),
-		style: customStyles?.base,
-		children: [headerElement, /* @__PURE__ */ jsx(AccordionItemContent, {
-			className: contentClassName,
-			contentInnerClassName: styles.contentInner,
-			contextMotionProps,
-			disableAnimation: !!disableAnimation,
-			isOpen,
-			keepContentMounted: !!keepContentMounted,
-			skipInitialAnimation,
-			style: customStyles?.content,
-			children
-		})]
-	});
-});
-AccordionItem.displayName = "AccordionItem";
-//#endregion
-export { AccordionItem as default };
-
-//# sourceMappingURL=AccordionItem.mjs.map

package/es/Accordion/AccordionItem.mjs.map

@@ -1 +0,0 @@
-{"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    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    // 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    const isDirectContextItem = itemStateContext?.itemKey === itemKey;\n\n    // Determine expanded state\n    let isOpen = false;\n    if (isStandalone) {\n      isOpen = isExpandedStandalone;\n    } else if (itemStateContext) {\n      isOpen = isDirectContextItem\n        ? itemStateContext.isOpen\n        : itemStateContext.isOpen || itemStateContext.isOpenKey(itemKey);\n    }\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 = useCallback(() => {\n      if (!itemStateContext) return;\n      if (itemStateContext.itemKey === itemKey) {\n        itemStateContext.onToggle();\n        return;\n      }\n      itemStateContext.onToggleNestedKey(itemKey);\n    }, [itemStateContext, itemKey]);\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/ArrowIcon.mjs

@@ -1,25 +0,0 @@
-"use client";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/Accordion/ArrowIcon.tsx
-const ArrowIcon = memo(({ size = "1em", style, ...rest }) => {
-	return /* @__PURE__ */ jsx("svg", {
-		fill: "currentColor",
-		fillRule: "evenodd",
-		height: size,
-		style: {
-			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" })
-	});
-});
-//#endregion
-export { ArrowIcon as default };
-
-//# sourceMappingURL=ArrowIcon.mjs.map

package/es/Accordion/ArrowIcon.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ArrowIcon.mjs","names":[],"sources":["../../src/Accordion/ArrowIcon.tsx"],"sourcesContent":["'use client';\n\nimport type { IconType } from '@lobehub/icons';\nimport { memo } from 'react';\n\nconst ArrowIcon: 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 16 16\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <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\" />\n    </svg>\n  );\n});\n\nexport default ArrowIcon;\n"],"mappings":";;;;AAKA,MAAM,YAAsB,MAAM,EAAE,OAAO,OAAO,OAAO,GAAG,WAAW;CACrE,OACE,oBAAC,OAAD;EACE,MAAK;EACL,UAAS;EACT,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;EAAM;EAC/C,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;EAEJ,UAAA,oBAAC,QAAD,EAAM,GAAE,uGAAwG,CAAA;CAC7G,CAAA;AAET,CAAC"}

package/es/Accordion/context.mjs

@@ -1,43 +0,0 @@
-import { createContext, memo, use, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/Accordion/context.tsx
-/**
-* 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, expandedKeys, isOpenKey, isOpen, itemKey, onToggleKey, onToggleKeys, preferProviderKeyForNestedItems }) => {
-	const value = useMemo(() => ({
-		isOpenKey,
-		isOpen,
-		itemKey,
-		onToggle: () => onToggleKey(itemKey),
-		onToggleKey,
-		onToggleNestedKey: (key) => onToggleKeys([itemKey, key], preferProviderKeyForNestedItems ? itemKey : key)
-	}), [
-		expandedKeys,
-		isOpenKey,
-		isOpen,
-		itemKey,
-		onToggleKey,
-		onToggleKeys,
-		preferProviderKeyForNestedItems
-	]);
-	return /* @__PURE__ */ jsx(AccordionItemStateContext, {
-		value,
-		children
-	});
-});
-AccordionItemStateProvider.displayName = "AccordionItemStateProvider";
-//#endregion
-export { AccordionConfigContext, AccordionItemStateContext, AccordionItemStateProvider, useAccordionConfig, useAccordionItemState };
-
-//# sourceMappingURL=context.mjs.map

package/es/Accordion/context.mjs.map

@@ -1 +0,0 @@
-{"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  isOpenKey: (key: Key) => boolean;\n  itemKey: Key;\n  onToggle: () => void;\n  onToggleKey: (key: Key) => void;\n  onToggleNestedKey: (key: Key) => 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  // Used only to refresh the memoized context for wrapper children when\n  // controlled expanded keys change; direct children use `isOpen`.\n  expandedKeys?: Key[];\n  isOpen: boolean;\n  isOpenKey: (key: Key) => boolean;\n  itemKey: Key;\n  onToggleKey: (key: Key) => void;\n  onToggleKeys: (keys: Key[], preferredKey: Key) => void;\n  preferProviderKeyForNestedItems: boolean;\n}\n\nexport const AccordionItemStateProvider = memo<AccordionItemStateProviderProps>(\n  ({\n    children,\n    expandedKeys,\n    isOpenKey,\n    isOpen,\n    itemKey,\n    onToggleKey,\n    onToggleKeys,\n    preferProviderKeyForNestedItems,\n  }) => {\n    const value = useMemo(\n      () => ({\n        isOpenKey,\n        isOpen,\n        itemKey,\n        onToggle: () => onToggleKey(itemKey),\n        onToggleKey,\n        onToggleNestedKey: (key: Key) =>\n          onToggleKeys([itemKey, key], preferProviderKeyForNestedItems ? itemKey : key),\n      }),\n      [\n        expandedKeys,\n        isOpenKey,\n        isOpen,\n        itemKey,\n        onToggleKey,\n        onToggleKeys,\n        preferProviderKeyForNestedItems,\n      ],\n    );\n    return <AccordionItemStateContext value={value}>{children}</AccordionItemStateContext>;\n  },\n);\n\nAccordionItemStateProvider.displayName = 'AccordionItemStateProvider';\n"],"mappings":";;;;;;;;AA2BA,MAAa,4BAA4B,cAA8C,IAAI;;;;;AAM3F,MAAa,yBAAyB,cAA2C,IAAI;AAErF,MAAa,8BAA8B,IAAI,yBAAyB;AACxE,MAAa,2BAA2B,IAAI,sBAAsB;AAelE,MAAa,6BAA6B,MACvC,EACC,UACA,cACA,WACA,QACA,SACA,aACA,cACA,sCACI;CACJ,MAAM,QAAQ,eACL;EACL;EACA;EACA;EACA,gBAAgB,YAAY,OAAO;EACnC;EACA,oBAAoB,QAClB,aAAa,CAAC,SAAS,GAAG,GAAG,kCAAkC,UAAU,GAAG;CAChF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CACA,OAAO,oBAAC,2BAAD;EAAkC;EAAQ;CAAoC,CAAA;AACvF,CACF;AAEA,2BAA2B,cAAc"}

package/es/ActionIcon/components/utils.mjs

@@ -1,42 +0,0 @@
-import { isNumber } from "es-toolkit/compat";
-//#region src/ActionIcon/components/utils.ts
-const calcSize = (iconSize) => {
-	let blockSize;
-	let borderRadius;
-	if (isNumber(iconSize)) {
-		const blockSize = iconSize * 1.8;
-		return {
-			blockSize,
-			borderRadius: Math.floor(blockSize / 6)
-		};
-	}
-	switch (iconSize) {
-		case "large":
-			blockSize = 44;
-			borderRadius = 8;
-			break;
-		case "middle":
-			blockSize = 36;
-			borderRadius = 6;
-			break;
-		case "small":
-			blockSize = 24;
-			borderRadius = 4;
-			break;
-		default: if (iconSize) {
-			blockSize = iconSize?.blockSize || 36;
-			borderRadius = iconSize?.borderRadius || 6;
-		} else {
-			blockSize = "1.8em";
-			borderRadius = "0.3em";
-		}
-	}
-	return {
-		blockSize,
-		borderRadius
-	};
-};
-//#endregion
-export { calcSize };
-
-//# sourceMappingURL=utils.mjs.map

package/es/ActionIcon/components/utils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../../src/ActionIcon/components/utils.ts"],"sourcesContent":["import { isNumber } from 'es-toolkit/compat';\n\nimport type { ActionIconSize } from '@/ActionIcon';\n\nexport const calcSize = (iconSize?: ActionIconSize) => {\n  let blockSize: number | string;\n  let borderRadius: number | string;\n\n  if (isNumber(iconSize)) {\n    const blockSize = iconSize * 1.8;\n    return {\n      blockSize,\n      borderRadius: Math.floor(blockSize / 6),\n    };\n  }\n\n  switch (iconSize) {\n    case 'large': {\n      blockSize = 44;\n      borderRadius = 8;\n      break;\n    }\n    case 'middle': {\n      blockSize = 36;\n      borderRadius = 6;\n      break;\n    }\n    case 'small': {\n      blockSize = 24;\n      borderRadius = 4;\n      break;\n    }\n    default: {\n      if (iconSize) {\n        blockSize = iconSize?.blockSize || 36;\n        borderRadius = iconSize?.borderRadius || 6;\n      } else {\n        blockSize = '1.8em';\n        borderRadius = '0.3em';\n      }\n\n      break;\n    }\n  }\n\n  return {\n    blockSize,\n    borderRadius,\n  };\n};\n"],"mappings":";;AAIA,MAAa,YAAY,aAA8B;CACrD,IAAI;CACJ,IAAI;CAEJ,IAAI,SAAS,QAAQ,GAAG;EACtB,MAAM,YAAY,WAAW;EAC7B,OAAO;GACL;GACA,cAAc,KAAK,MAAM,YAAY,CAAC;EACxC;CACF;CAEA,QAAQ,UAAR;EACE,KAAK;GACH,YAAY;GACZ,eAAe;GACf;EAEF,KAAK;GACH,YAAY;GACZ,eAAe;GACf;EAEF,KAAK;GACH,YAAY;GACZ,eAAe;GACf;EAEF,SACE,IAAI,UAAU;GACZ,YAAY,UAAU,aAAa;GACnC,eAAe,UAAU,gBAAgB;EAC3C,OAAO;GACL,YAAY;GACZ,eAAe;EACjB;CAIJ;CAEA,OAAO;EACL;EACA;CACF;AACF"}

package/es/AutoComplete/Select.d.mts

@@ -1,6 +0,0 @@
-import { AutoCompleteProps } from "./type.mjs";
-//#region src/AutoComplete/Select.d.ts
-declare const AutoComplete: import("react").NamedExoticComponent<AutoCompleteProps>;
-//#endregion
-export { AutoComplete as default };
-//# sourceMappingURL=Select.d.mts.map

package/es/AutoComplete/Select.mjs

@@ -1,23 +0,0 @@
-"use client";
-import { variants } from "./style.mjs";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cx, useThemeMode } from "antd-style";
-import { AutoComplete } from "antd";
-//#region src/AutoComplete/Select.tsx
-const AutoComplete$1 = memo(({ variant, shadow, className, ...rest }) => {
-	const { isDarkMode } = useThemeMode();
-	return /* @__PURE__ */ jsx(AutoComplete, {
-		variant: variant || (isDarkMode ? "filled" : "outlined"),
-		className: cx(variants({
-			shadow,
-			variant: variant || (isDarkMode ? "filled" : "outlined")
-		}), className),
-		...rest
-	});
-});
-AutoComplete$1.displayName = "AutoComplete";
-//#endregion
-export { AutoComplete$1 as default };
-
-//# sourceMappingURL=Select.mjs.map

package/es/AutoComplete/Select.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.mjs","names":["AutoComplete","AntAutoComplete"],"sources":["../../src/AutoComplete/Select.tsx"],"sourcesContent":["'use client';\n\nimport { AutoComplete as AntAutoComplete } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { variants } from './style';\nimport type { AutoCompleteProps } from './type';\n\nconst AutoComplete = memo<AutoCompleteProps>(({ variant, shadow, className, ...rest }) => {\n  const { isDarkMode } = useThemeMode();\n\n  return (\n    <AntAutoComplete\n      variant={variant || (isDarkMode ? 'filled' : 'outlined')}\n      className={cx(\n        variants({ shadow, variant: variant || (isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n});\n\nAutoComplete.displayName = 'AutoComplete';\n\nexport default AutoComplete;\n"],"mappings":";;;;;;;AASA,MAAMA,iBAAe,MAAyB,EAAE,SAAS,QAAQ,WAAW,GAAG,WAAW;CACxF,MAAM,EAAE,eAAe,aAAa;CAEpC,OACE,oBAACC,cAAD;EACE,SAAS,YAAY,aAAa,WAAW;EAC7C,WAAW,GACT,SAAS;GAAE;GAAQ,SAAS,YAAY,aAAa,WAAW;EAAY,CAAC,GAC7E,SACF;EACA,GAAI;CACL,CAAA;AAEL,CAAC;AAED,eAAa,cAAc"}

package/es/Checkbox/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":["CheckboxParent"],"sources":["../../src/Checkbox/index.ts"],"sourcesContent":["import type { ReactNode, RefAttributes } from 'react';\n\nimport CheckboxParent from './Checkbox';\nimport CheckboxGroup from './CheckboxGroup';\nimport { type CheckboxProps } from './type';\n\ninterface ICheckbox {\n  (props: CheckboxProps & RefAttributes<HTMLDivElement>): ReactNode;\n  Group: typeof CheckboxGroup;\n}\n\nconst Checkbox = CheckboxParent as unknown as ICheckbox;\nCheckbox.Group = CheckboxGroup;\n\nexport default Checkbox;\nexport { default as CheckboxGroup } from './CheckboxGroup';\nexport type * from './type';\n"],"mappings":";;;AAWA,MAAM,WAAWA;AACjB,SAAS,QAAQ"}

package/es/Collapse/Collapse.d.mts

@@ -1,6 +0,0 @@
-import { CollapseProps } from "./type.mjs";
-//#region src/Collapse/Collapse.d.ts
-declare const Collapse: import("react").NamedExoticComponent<CollapseProps>;
-//#endregion
-export { Collapse as default };
-//# sourceMappingURL=Collapse.d.mts.map

package/es/Collapse/Collapse.mjs

@@ -1,86 +0,0 @@
-"use client";
-import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import Icon from "../Icon/Icon.mjs";
-import { DEFAULT_PADDING, getPadding, styles, variants } from "./style.mjs";
-import { isValidElement, memo, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx, useThemeMode } from "antd-style";
-import { ChevronDown } from "lucide-react";
-import { Collapse, ConfigProvider } from "antd";
-//#region src/Collapse/Collapse.tsx
-const Collapse$1 = memo(({ style, variant = "filled", gap = 0, className, padding = DEFAULT_PADDING, size, collapsible = true, items, styles: customStyles, classNames, ref, ...rest }) => {
-	const { isDarkMode } = useThemeMode();
-	const antdItems = useMemo(() => items.map(({ icon, desc, label, ...itemRest }) => {
-		let content = /* @__PURE__ */ jsx("div", {
-			className: cx(styles.title, !icon && !desc && classNames?.header, classNames?.title),
-			style: {
-				...!icon && !desc ? customStyles?.header : {},
-				...customStyles?.title
-			},
-			children: label
-		});
-		if (icon) content = /* @__PURE__ */ jsxs(FlexBasic_default, {
-			horizontal: true,
-			className: cx(styles.title, !desc && classNames?.header),
-			gap: 8,
-			style: desc ? void 0 : customStyles?.header,
-			children: [isValidElement(icon) ? icon : /* @__PURE__ */ jsx(Icon, {
-				icon,
-				size: { size: "1.1em" }
-			}), content]
-		});
-		if (desc) content = /* @__PURE__ */ jsxs(FlexBasic_default, {
-			className: classNames?.header,
-			style: customStyles?.header,
-			children: [content, /* @__PURE__ */ jsx("div", {
-				className: cx(styles.desc, classNames?.desc),
-				style: customStyles?.desc,
-				children: desc
-			})]
-		});
-		return {
-			label: content,
-			...itemRest
-		};
-	}), [
-		items,
-		classNames,
-		customStyles,
-		styles
-	]);
-	return /* @__PURE__ */ jsx(ConfigProvider, {
-		theme: { components: { Collapse: {
-			contentPadding: getPadding(typeof padding === "object" ? padding?.body : padding),
-			headerPadding: getPadding(typeof padding === "object" ? padding?.header : padding)
-		} } },
-		children: /* @__PURE__ */ jsx(Collapse, {
-			ghost: true,
-			className: cx(variants({
-				collapsible,
-				gap: !!gap,
-				isDarkMode,
-				variant
-			}), className),
-			collapsible: collapsible ? "header" : "icon",
-			items: antdItems,
-			ref,
-			size,
-			expandIcon: ({ isActive }) => /* @__PURE__ */ jsx(Icon, {
-				className: styles.icon,
-				icon: ChevronDown,
-				size: 16,
-				style: { rotate: isActive ? void 0 : "-90deg" }
-			}),
-			style: {
-				gap,
-				...style
-			},
-			...rest
-		})
-	});
-});
-Collapse$1.displayName = "Collapse";
-//#endregion
-export { Collapse$1 as default };
-
-//# sourceMappingURL=Collapse.mjs.map

package/es/Collapse/Collapse.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collapse.mjs","names":["Collapse","Flexbox","AntdCollapse"],"sources":["../../src/Collapse/Collapse.tsx"],"sourcesContent":["'use client';\n\nimport { Collapse as AntdCollapse, ConfigProvider } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { ChevronDown } from 'lucide-react';\nimport { isValidElement, memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { DEFAULT_PADDING, getPadding, styles, variants } from './style';\nimport type { CollapseProps } from './type';\n\nconst Collapse = memo<CollapseProps>(\n  ({\n    style,\n    variant = 'filled',\n    gap = 0,\n    className,\n    padding = DEFAULT_PADDING,\n    size,\n    collapsible = true,\n    items,\n    styles: customStyles,\n    classNames,\n    ref,\n    ...rest\n  }) => {\n    const { isDarkMode } = useThemeMode();\n\n    const antdItems = useMemo(\n      () =>\n        items.map(({ icon, desc, label, ...itemRest }) => {\n          let content = (\n            <div\n              className={cx(styles.title, !icon && !desc && classNames?.header, classNames?.title)}\n              style={{\n                ...(!icon && !desc ? customStyles?.header : {}),\n                ...customStyles?.title,\n              }}\n            >\n              {label}\n            </div>\n          );\n\n          if (icon) {\n            content = (\n              <Flexbox\n                horizontal\n                className={cx(styles.title, !desc && classNames?.header)}\n                gap={8}\n                style={desc ? undefined : customStyles?.header}\n              >\n                {isValidElement(icon) ? icon : <Icon icon={icon} size={{ size: '1.1em' }} />}\n                {content}\n              </Flexbox>\n            );\n          }\n\n          if (desc) {\n            content = (\n              <Flexbox className={classNames?.header} style={customStyles?.header}>\n                {content}\n                <div className={cx(styles.desc, classNames?.desc)} style={customStyles?.desc}>\n                  {desc}\n                </div>\n              </Flexbox>\n            );\n          }\n\n          return {\n            label: content,\n            ...itemRest,\n          };\n        }),\n      [items, classNames, customStyles, styles],\n    );\n\n    return (\n      <ConfigProvider\n        theme={{\n          components: {\n            Collapse: {\n              contentPadding: getPadding(typeof padding === 'object' ? padding?.body : padding),\n              headerPadding: getPadding(typeof padding === 'object' ? padding?.header : padding),\n            },\n          },\n        }}\n      >\n        <AntdCollapse\n          ghost\n          className={cx(variants({ collapsible, gap: !!gap, isDarkMode, variant }), className)}\n          collapsible={collapsible ? 'header' : 'icon'}\n          items={antdItems}\n          ref={ref}\n          size={size}\n          expandIcon={({ isActive }) => (\n            <Icon\n              className={styles.icon}\n              icon={ChevronDown}\n              size={16}\n              style={{ rotate: isActive ? undefined : '-90deg' }}\n            />\n          )}\n          style={{\n            gap,\n            ...style,\n          }}\n          {...rest}\n        />\n      </ConfigProvider>\n    );\n  },\n);\n\nCollapse.displayName = 'Collapse';\n\nexport default Collapse;\n"],"mappings":";;;;;;;;;;AAaA,MAAMA,aAAW,MACd,EACC,OACA,UAAU,UACV,MAAM,GACN,WACA,UAAU,iBACV,MACA,cAAc,MACd,OACA,QAAQ,cACR,YACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CAEpC,MAAM,YAAY,cAEd,MAAM,KAAK,EAAE,MAAM,MAAM,OAAO,GAAG,eAAe;EAChD,IAAI,UACF,oBAAC,OAAD;GACE,WAAW,GAAG,OAAO,OAAO,CAAC,QAAQ,CAAC,QAAQ,YAAY,QAAQ,YAAY,KAAK;GACnF,OAAO;IACL,GAAI,CAAC,QAAQ,CAAC,OAAO,cAAc,SAAS,CAAC;IAC7C,GAAG,cAAc;GACnB;GAEC,UAAA;EACE,CAAA;EAGP,IAAI,MACF,UACE,qBAACC,mBAAD;GACE,YAAA;GACA,WAAW,GAAG,OAAO,OAAO,CAAC,QAAQ,YAAY,MAAM;GACvD,KAAK;GACL,OAAO,OAAO,KAAA,IAAY,cAAc;GAJ1C,UAAA,CAMG,eAAe,IAAI,IAAI,OAAO,oBAAC,MAAD;IAAY;IAAM,MAAM,EAAE,MAAM,QAAQ;GAAI,CAAA,GAC1E,OACM;;EAIb,IAAI,MACF,UACE,qBAACA,mBAAD;GAAS,WAAW,YAAY;GAAQ,OAAO,cAAc;GAA7D,UAAA,CACG,SACD,oBAAC,OAAD;IAAK,WAAW,GAAG,OAAO,MAAM,YAAY,IAAI;IAAG,OAAO,cAAc;IACrE,UAAA;GACE,CAAA,CACE;;EAIb,OAAO;GACL,OAAO;GACP,GAAG;EACL;CACF,CAAC,GACH;EAAC;EAAO;EAAY;EAAc;CAAM,CAC1C;CAEA,OACE,oBAAC,gBAAD;EACE,OAAO,EACL,YAAY,EACV,UAAU;GACR,gBAAgB,WAAW,OAAO,YAAY,WAAW,SAAS,OAAO,OAAO;GAChF,eAAe,WAAW,OAAO,YAAY,WAAW,SAAS,SAAS,OAAO;EACnF,EACF,EACF;EAEA,UAAA,oBAACC,UAAD;GACE,OAAA;GACA,WAAW,GAAG,SAAS;IAAE;IAAa,KAAK,CAAC,CAAC;IAAK;IAAY;GAAQ,CAAC,GAAG,SAAS;GACnF,aAAa,cAAc,WAAW;GACtC,OAAO;GACF;GACC;GACN,aAAa,EAAE,eACb,oBAAC,MAAD;IACE,WAAW,OAAO;IAClB,MAAM;IACN,MAAM;IACN,OAAO,EAAE,QAAQ,WAAW,KAAA,IAAY,SAAS;GAClD,CAAA;GAEH,OAAO;IACL;IACA,GAAG;GACL;GACA,GAAI;EACL,CAAA;CACa,CAAA;AAEpB,CACF;AAEA,WAAS,cAAc"}