@lobehub/ui 5.20.3 → 5.21.0

package/es/A/index.d.mts

@@ -1,10 +1,9 @@
 import { AProps } from "../types/index.mjs";
 import { FC, Ref } from "react";
-
 //#region src/A/index.d.ts
 declare const A: FC<AProps & {
   ref?: Ref<HTMLAnchorElement>;
 }>;
 //#endregion
-export { A };
+export { A as default };
 //# sourceMappingURL=index.d.mts.map

package/es/A/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../src/A/index.tsx"],"sourcesContent":["'use client';\n\nimport { createElement, type ElementType, type FC, memo, type Ref, use, useMemo } from 'react';\n\nimport { ConfigContext } from '@/ConfigProvider';\nimport { type AProps } from '@/types';\n\nconst createContainer = (as: ElementType) => memo((props: any) => createElement(as, props));\n\nconst A: FC<AProps & { ref?: Ref<HTMLAnchorElement> }> = (props) => {\n  const config = use(ConfigContext);\n  const render = config?.aAs || 'a';\n\n  const AContainer = useMemo(() => createContainer(render), [render]);\n\n  return <AContainer {...props} />;\n};\n\nA.displayName = 'A';\n\nexport default A;\n"],"mappings":";;;;;AAOA,MAAM,mBAAmB,OAAoB,MAAM,UAAe,cAAc,IAAI,MAAM,CAAC;AAE3F,MAAM,KAAoD,UAAU;CAElE,MAAM,SADS,IAAI,cACE,EAAE,OAAO;AAI9B,QAAO,oBAFY,cAAc,gBAAgB,OAAO,EAAE,CAAC,OAAO,CAEhD,EAAX,EAAY,GAAI,OAAS,CAAA;;AAGlC,EAAE,cAAc"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/A/index.tsx"],"sourcesContent":["'use client';\n\nimport { createElement, type ElementType, type FC, memo, type Ref, use, useMemo } from 'react';\n\nimport { ConfigContext } from '@/ConfigProvider';\nimport { type AProps } from '@/types';\n\nconst createContainer = (as: ElementType) => memo((props: any) => createElement(as, props));\n\nconst A: FC<AProps & { ref?: Ref<HTMLAnchorElement> }> = (props) => {\n  const config = use(ConfigContext);\n  const render = config?.aAs || 'a';\n\n  const AContainer = useMemo(() => createContainer(render), [render]);\n\n  return <AContainer {...props} />;\n};\n\nA.displayName = 'A';\n\nexport default A;\n"],"mappings":";;;;;AAOA,MAAM,mBAAmB,OAAoB,MAAM,UAAe,cAAc,IAAI,KAAK,CAAC;AAE1F,MAAM,KAAoD,UAAU;CAElE,MAAM,SADS,IAAI,aACC,CAAC,EAAE,OAAO;CAI9B,OAAO,oBAFY,cAAc,gBAAgB,MAAM,GAAG,CAAC,MAAM,CAEhD,GAAV,EAAY,GAAI,MAAQ,CAAA;AACjC;AAEA,EAAE,cAAc"}

package/es/Accordion/Accordion.d.mts

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

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, 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 isOpenKey = useCallback((key: Key) => expandedKeysRef.current.includes(key), []);\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 toggleExpandKeys = useCallback(\n      (keys: Key[], preferredKey: Key) => {\n        const prev = expandedKeysRef.current;\n        const isOpen = keys.some((key) => prev.includes(key));\n        let newKeys: Key[];\n\n        if (accordion) {\n          newKeys = isOpen ? [] : [preferredKey];\n        } else {\n          newKeys = isOpen\n            ? prev.filter((key: Key) => !keys.includes(key))\n            : [...prev, preferredKey];\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 hasExplicitExpandedKeys =\n      expandedKeysProp !== undefined || defaultExpandedKeys !== undefined;\n\n    const content = (\n      <>\n        {validChildren.map((child, index) => {\n          const hasChildItemKey = (child.props as any).itemKey !== undefined;\n          const childKey = hasChildItemKey ? (child.props as any).itemKey : index;\n          const itemIsOpen = expandedKeys.includes(childKey);\n          return (\n            <Fragment key={childKey}>\n              <AccordionItemStateProvider\n                expandedKeys={hasChildItemKey ? undefined : expandedKeys}\n                isOpen={itemIsOpen}\n                isOpenKey={isOpenKey}\n                itemKey={childKey}\n                preferProviderKeyForNestedItems={!hasExplicitExpandedKeys}\n                onToggleKey={toggleExpand}\n                onToggleKeys={toggleExpandKeys}\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,YAAY,aAAa,QAAa,gBAAgB,QAAQ,SAAS,IAAI,EAAE,EAAE,CAAC;CAEtF,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,mBAAmB,aACtB,MAAa,iBAAsB;EAClC,MAAM,OAAO,gBAAgB;EAC7B,MAAM,SAAS,KAAK,MAAM,QAAQ,KAAK,SAAS,IAAI,CAAC;EACrD,IAAI;AAEJ,MAAI,UACF,WAAU,SAAS,EAAE,GAAG,CAAC,aAAa;MAEtC,WAAU,SACN,KAAK,QAAQ,QAAa,CAAC,KAAK,SAAS,IAAI,CAAC,GAC9C,CAAC,GAAG,MAAM,aAAa;AAG7B,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,0BACJ,qBAAqB,KAAA,KAAa,wBAAwB,KAAA;CAE5D,MAAM,UACJ,oBAAA,YAAA,EAAA,UACG,cAAc,KAAK,OAAO,UAAU;EACnC,MAAM,kBAAmB,MAAM,MAAc,YAAY,KAAA;EACzD,MAAM,WAAW,kBAAmB,MAAM,MAAc,UAAU;EAClE,MAAM,aAAa,aAAa,SAAS,SAAS;AAClD,SACE,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,4BAAD;GACE,cAAc,kBAAkB,KAAA,IAAY;GAC5C,QAAQ;GACG;GACX,SAAS;GACT,iCAAiC,CAAC;GAClC,aAAa;GACb,cAAc;aAEb;GAC0B,CAAA,EAC5B,eAAe,QAAQ,cAAc,SAAS,KAC7C,oBAAC,SAAD,EAAS,WAAW,OAAO,SAAW,CAAA,CAE/B,EAAA,EAfI,SAeJ;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"}
+{"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 isOpenKey = useCallback((key: Key) => expandedKeysRef.current.includes(key), []);\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 toggleExpandKeys = useCallback(\n      (keys: Key[], preferredKey: Key) => {\n        const prev = expandedKeysRef.current;\n        const isOpen = keys.some((key) => prev.includes(key));\n        let newKeys: Key[];\n\n        if (accordion) {\n          newKeys = isOpen ? [] : [preferredKey];\n        } else {\n          newKeys = isOpen\n            ? prev.filter((key: Key) => !keys.includes(key))\n            : [...prev, preferredKey];\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 hasExplicitExpandedKeys =\n      expandedKeysProp !== undefined || defaultExpandedKeys !== undefined;\n\n    const content = (\n      <>\n        {validChildren.map((child, index) => {\n          const hasChildItemKey = (child.props as any).itemKey !== undefined;\n          const childKey = hasChildItemKey ? (child.props as any).itemKey : index;\n          const itemIsOpen = expandedKeys.includes(childKey);\n          return (\n            <Fragment key={childKey}>\n              <AccordionItemStateProvider\n                expandedKeys={hasChildItemKey ? undefined : expandedKeys}\n                isOpen={itemIsOpen}\n                isOpenKey={isOpenKey}\n                itemKey={childKey}\n                preferProviderKeyForNestedItems={!hasExplicitExpandedKeys}\n                onToggleKey={toggleExpand}\n                onToggleKeys={toggleExpandKeys}\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,\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,QAAQ,CAAC,CAAC,OAAO,cAAc;CAGtE,MAAM,cAAc,cAAc,KAAK,OAAO,UAAW,MAAM,MAAc,WAAW,KAAK;CAK7F,MAAM,CAAC,cAAc,mBAAmB,cAFZ,uBAAuB,aAE+B;EAChF,UAAU;EACV,OAAO;CACT,CAAC;CAOD,MAAM,kBAAkB,OAAO,YAAY;CAC3C,gBAAgB,UAAU;CAC1B,MAAM,qBAAqB,OAAO,eAAe;CACjD,mBAAmB,UAAU;CAE7B,MAAM,YAAY,aAAa,QAAa,gBAAgB,QAAQ,SAAS,GAAG,GAAG,CAAC,CAAC;CAErF,MAAM,eAAe,aAClB,QAAa;EACZ,MAAM,OAAO,gBAAgB;EAC7B,IAAI;EAEJ,IAAI,WACF,UAAU,KAAK,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG;OAExC,UAAU,KAAK,SAAS,GAAG,IAAI,KAAK,QAAQ,MAAW,MAAM,GAAG,IAAI,CAAC,GAAG,MAAM,GAAG;EAGnF,mBAAmB,QAAQ,OAAO;CACpC,GACA,CAAC,SAAS,CACZ;CAEA,MAAM,mBAAmB,aACtB,MAAa,iBAAsB;EAClC,MAAM,OAAO,gBAAgB;EAC7B,MAAM,SAAS,KAAK,MAAM,QAAQ,KAAK,SAAS,GAAG,CAAC;EACpD,IAAI;EAEJ,IAAI,WACF,UAAU,SAAS,CAAC,IAAI,CAAC,YAAY;OAErC,UAAU,SACN,KAAK,QAAQ,QAAa,CAAC,KAAK,SAAS,GAAG,CAAC,IAC7C,CAAC,GAAG,MAAM,YAAY;EAG5B,mBAAmB,QAAQ,OAAO;CACpC,GACA,CAAC,SAAS,CACZ;CAEA,MAAM,cAAc,eACX;EACL;EACA;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,0BACJ,qBAAqB,KAAA,KAAa,wBAAwB,KAAA;CAE5D,MAAM,UACJ,oBAAA,YAAA,EAAA,UACG,cAAc,KAAK,OAAO,UAAU;EACnC,MAAM,kBAAmB,MAAM,MAAc,YAAY,KAAA;EACzD,MAAM,WAAW,kBAAmB,MAAM,MAAc,UAAU;EAClE,MAAM,aAAa,aAAa,SAAS,QAAQ;EACjD,OACE,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,4BAAD;GACE,cAAc,kBAAkB,KAAA,IAAY;GAC5C,QAAQ;GACG;GACX,SAAS;GACT,iCAAiC,CAAC;GAClC,aAAa;GACb,cAAc;aAEb;EACyB,CAAA,GAC3B,eAAe,QAAQ,cAAc,SAAS,KAC7C,oBAAC,SAAD,EAAS,WAAW,OAAO,QAAU,CAAA,CAE/B,EAAA,GAfK,QAeL;CAEd,CAAC,EACD,CAAA;CAGJ,OACE,oBAAC,wBAAD;EAAwB,OAAO;YAC7B,oBAAC,OAAD;GACE,WAAW,GAAG,OAAO,MAAM,YAAY,MAAM,aAAa;GACrD;GACL,OAAO;IACL;IACA,GAAG,cAAc;IACjB,GAAG;GACL;GACA,GAAI;aAEH,mBAAmB,UAAU,oBAAC,aAAD,EAAA,UAAc,QAAqB,CAAA;EAC9D,CAAA;CACiB,CAAA;AAE5B,CACF;AAEA,UAAU,cAAc"}

package/es/Accordion/AccordionItem.d.mts

@@ -1,8 +1,6 @@
 import { AccordionItemProps } from "./type.mjs";
-import * as _$react from "react";
-
 //#region src/Accordion/AccordionItem.d.ts
-declare const AccordionItem: _$react.NamedExoticComponent<AccordionItemProps>;
+declare const AccordionItem: import("react").NamedExoticComponent<AccordionItemProps>;
 //#endregion
-export { AccordionItem };
+export { AccordionItem as default };
 //# sourceMappingURL=AccordionItem.d.mts.map

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 { 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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"}
+{"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.map

@@ -1 +1 @@
-{"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;AACrE,QACE,oBAAC,OAAD;EACE,MAAK;EACL,UAAS;EACT,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;GAAO;EAChD,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;YAEJ,oBAAC,QAAD,EAAM,GAAE,wGAAyG,CAAA;EAC7G,CAAA;EAER"}
+{"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;YAEJ,oBAAC,QAAD,EAAM,GAAE,uGAAwG,CAAA;CAC7G,CAAA;AAET,CAAC"}

package/es/Accordion/context.mjs

@@ -15,28 +15,29 @@ 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: useMemo(() => ({
-			isOpenKey,
-			isOpen,
-			itemKey,
-			onToggle: () => onToggleKey(itemKey),
-			onToggleKey,
-			onToggleNestedKey: (key) => onToggleKeys([itemKey, key], preferProviderKeyForNestedItems ? itemKey : key)
-		}), [
-			expandedKeys,
-			isOpenKey,
-			isOpen,
-			itemKey,
-			onToggleKey,
-			onToggleKeys,
-			preferProviderKeyForNestedItems
-		]),
+		value,
 		children
 	});
 });
 AccordionItemStateProvider.displayName = "AccordionItemStateProvider";
 //#endregion
-export { AccordionConfigContext, AccordionItemStateProvider, useAccordionConfig, useAccordionItemState };
+export { AccordionConfigContext, AccordionItemStateContext, 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, 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,KAAK;;;;;AAM5F,MAAa,yBAAyB,cAA2C,KAAK;AAEtF,MAAa,8BAA8B,IAAI,0BAA0B;AACzE,MAAa,2BAA2B,IAAI,uBAAuB;AAenE,MAAa,6BAA6B,MACvC,EACC,UACA,cACA,WACA,QACA,SACA,aACA,cACA,sCACI;AAqBJ,QAAO,oBAAC,2BAAD;EAA2B,OApBpB,eACL;GACL;GACA;GACA;GACA,gBAAgB,YAAY,QAAQ;GACpC;GACA,oBAAoB,QAClB,aAAa,CAAC,SAAS,IAAI,EAAE,kCAAkC,UAAU,IAAI;GAChF,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAE2C;EAAG;EAAqC,CAAA;EAEzF;AAED,2BAA2B,cAAc"}
+{"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/Accordion/index.d.mts

@@ -1,4 +1,4 @@
 import { AccordionItemProps, AccordionProps } from "./type.mjs";
-import { Accordion } from "./Accordion.mjs";
-import { AccordionItem } from "./AccordionItem.mjs";
+import Accordion from "./Accordion.mjs";
+import AccordionItem from "./AccordionItem.mjs";
 export { Accordion, AccordionItem, AccordionItemProps, AccordionProps };

package/es/Accordion/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Accordion/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    action: css`\n      opacity: 0;\n      transition: opacity 150ms ${cssVar.motionEaseOut};\n    `,\n    actionVisible: css`\n      opacity: 1;\n    `,\n    base: css`\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    `,\n    content: css`\n      overflow: hidden;\n    `,\n    contentInner: css`\n      /* Content wrapper for animation */\n    `,\n    divider: css`\n      margin-block: 0;\n    `,\n    header: css`\n      &:hover .accordion-action {\n        opacity: 1;\n      }\n\n      &:focus-visible {\n        border-radius: ${cssVar.borderRadiusLG};\n        outline: 2px solid ${cssVar.colorPrimary};\n        outline-offset: 2px;\n      }\n    `,\n    icon: css`\n      transition: transform 200ms ${cssVar.motionEaseOut};\n    `,\n    iconRotate: css`\n      transform: rotate(90deg);\n    `,\n    indicator: css`\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n\n      font-size: 18px;\n      color: ${cssVar.colorTextDescription};\n\n      transition: transform 200ms ${cssVar.motionEaseOut};\n    `,\n    item: css`\n      position: relative;\n      display: flex;\n      flex-direction: column;\n    `,\n    titleWrapper: css`\n      user-select: none;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,QAAQ,GAAG;;kCAEmB,OAAO,cAAc;;EAEnD,eAAe,GAAG;;;EAGlB,MAAM,GAAG;;;;;EAKT,SAAS,GAAG;;;EAGZ,cAAc,GAAG;;;EAGjB,SAAS,GAAG;;;EAGZ,QAAQ,GAAG;;;;;;yBAMU,OAAO,eAAe;6BAClB,OAAO,aAAa;;;;EAI7C,MAAM,GAAG;oCACuB,OAAO,cAAc;;EAErD,YAAY,GAAG;;;EAGf,WAAW,GAAG;;;;;;eAMH,OAAO,qBAAqB;;oCAEP,OAAO,cAAc;;EAErD,MAAM,GAAG;;;;;EAKT,cAAc,GAAG;;;EAGlB;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Accordion/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    action: css`\n      opacity: 0;\n      transition: opacity 150ms ${cssVar.motionEaseOut};\n    `,\n    actionVisible: css`\n      opacity: 1;\n    `,\n    base: css`\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    `,\n    content: css`\n      overflow: hidden;\n    `,\n    contentInner: css`\n      /* Content wrapper for animation */\n    `,\n    divider: css`\n      margin-block: 0;\n    `,\n    header: css`\n      &:hover .accordion-action {\n        opacity: 1;\n      }\n\n      &:focus-visible {\n        border-radius: ${cssVar.borderRadiusLG};\n        outline: 2px solid ${cssVar.colorPrimary};\n        outline-offset: 2px;\n      }\n    `,\n    icon: css`\n      transition: transform 200ms ${cssVar.motionEaseOut};\n    `,\n    iconRotate: css`\n      transform: rotate(90deg);\n    `,\n    indicator: css`\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n\n      font-size: 18px;\n      color: ${cssVar.colorTextDescription};\n\n      transition: transform 200ms ${cssVar.motionEaseOut};\n    `,\n    item: css`\n      position: relative;\n      display: flex;\n      flex-direction: column;\n    `,\n    titleWrapper: css`\n      user-select: none;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,QAAQ,GAAG;;kCAEmB,OAAO,cAAc;;EAEnD,eAAe,GAAG;;;EAGlB,MAAM,GAAG;;;;;EAKT,SAAS,GAAG;;;EAGZ,cAAc,GAAG;;;EAGjB,SAAS,GAAG;;;EAGZ,QAAQ,GAAG;;;;;;yBAMU,OAAO,eAAe;6BAClB,OAAO,aAAa;;;;EAI7C,MAAM,GAAG;oCACuB,OAAO,cAAc;;EAErD,YAAY,GAAG;;;EAGf,WAAW,GAAG;;;;;;eAMH,OAAO,qBAAqB;;oCAEP,OAAO,cAAc;;EAErD,MAAM,GAAG;;;;;EAKT,cAAc,GAAG;;;CAGnB;AACF,CAAC"}

package/es/Accordion/type.d.mts

@@ -1,6 +1,6 @@
 import { BlockProps } from "../Block/type.mjs";
+import "../Block/index.mjs";
 import { CSSProperties, HTMLAttributes, Key, ReactNode } from "react";
-
 //#region src/Accordion/type.d.ts
 interface AccordionItemProps extends Pick<BlockProps, 'padding' | 'paddingBlock' | 'paddingInline' | 'variant' | 'ref'> {
   /**

package/es/ActionIcon/ActionIcon.d.mts

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

package/es/ActionIcon/ActionIcon.mjs

@@ -1,7 +1,7 @@
 "use client";
 import Center from "../Flex/Center.mjs";
 import Icon from "../Icon/Icon.mjs";
-import Tooltip from "../base-ui/Tooltip/Tooltip.mjs";
+import { Tooltip } from "../base-ui/Tooltip/Tooltip.mjs";
 import { calcSize } from "./components/utils.mjs";
 import { variants } from "./style.mjs";
 import { memo, useCallback, useMemo } from "react";

package/es/ActionIcon/ActionIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.mjs","names":[],"sources":["../../src/ActionIcon/ActionIcon.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Loader2 } from 'lucide-react';\nimport { memo, type MouseEventHandler, useCallback, useMemo } from 'react';\n\nimport { Center } from '@/Flex';\nimport Icon from '@/Icon';\nimport Tooltip from '@/Tooltip';\n\nimport { calcSize } from './components/utils';\nimport { variants } from './style';\nimport { type ActionIconProps } from './type';\n\nconst ActionIcon = memo<ActionIconProps>(\n  ({\n    color,\n    fill,\n    className,\n    active,\n    icon,\n    size = 'middle',\n    variant = 'borderless',\n    style,\n    glass,\n    title,\n    onClick,\n    loading,\n    fillOpacity,\n    fillRule,\n    focusable,\n    shadow,\n    disabled,\n    spin: iconSpinning,\n    tooltipProps,\n    danger,\n    ref,\n    ...rest\n  }) => {\n    const { blockSize, borderRadius } = useMemo(() => calcSize(size), [size]);\n    const popupTriggerAria = rest as {\n      'aria-expanded'?: unknown;\n      'aria-haspopup'?: unknown;\n      'aria-label'?: string;\n    };\n    const isPopupTrigger =\n      popupTriggerAria['aria-haspopup'] !== undefined ||\n      popupTriggerAria['aria-expanded'] !== undefined;\n    const popupTriggerLabel =\n      popupTriggerAria['aria-label'] ??\n      (isPopupTrigger && typeof title === 'string' ? title : undefined);\n\n    const handleClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n      (event) => {\n        if (loading || disabled) return;\n        onClick?.(event);\n      },\n      [loading, disabled, onClick],\n    );\n\n    const node = (\n      <Center\n        horizontal\n        className={cx(variants({ active, danger, disabled, glass, shadow, variant }), className)}\n        flex={'none'}\n        ref={ref}\n        role=\"button\"\n        style={{ borderRadius, height: blockSize, width: blockSize, ...style }}\n        tabIndex={disabled ? -1 : 0}\n        onClick={handleClick}\n        {...rest}\n        aria-label={popupTriggerLabel}\n      >\n        {icon && (\n          <Icon\n            color={color}\n            fill={fill}\n            fillOpacity={fillOpacity}\n            fillRule={fillRule}\n            focusable={focusable}\n            icon={loading ? Loader2 : icon}\n            size={size}\n            spin={loading ? true : iconSpinning}\n            style={{\n              pointerEvents: 'none',\n            }}\n          />\n        )}\n      </Center>\n    );\n\n    if (!title) return node;\n\n    return (\n      <Tooltip\n        title={title}\n        {...tooltipProps}\n        styles={\n          typeof tooltipProps?.styles === 'function'\n            ? tooltipProps.styles\n            : {\n                ...tooltipProps?.styles,\n                container: { pointerEvents: 'none', ...tooltipProps?.styles?.container },\n              }\n        }\n      >\n        {node}\n      </Tooltip>\n    );\n  },\n);\n\nActionIcon.displayName = 'ActionIcon';\n\nexport default ActionIcon;\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,aAAa,MAChB,EACC,OACA,MACA,WACA,QACA,MACA,OAAO,UACP,UAAU,cACV,OACA,OACA,OACA,SACA,SACA,aACA,UACA,WACA,QACA,UACA,MAAM,cACN,cACA,QACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,iBAAiB,cAAc,SAAS,KAAK,EAAE,CAAC,KAAK,CAAC;CACzE,MAAM,mBAAmB;CAKzB,MAAM,iBACJ,iBAAiB,qBAAqB,KAAA,KACtC,iBAAiB,qBAAqB,KAAA;CACxC,MAAM,oBACJ,iBAAiB,kBAChB,kBAAkB,OAAO,UAAU,WAAW,QAAQ,KAAA;CAEzD,MAAM,cAAc,aACjB,UAAU;AACT,MAAI,WAAW,SAAU;AACzB,YAAU,MAAM;IAElB;EAAC;EAAS;EAAU;EAAQ,CAC7B;CAED,MAAM,OACJ,oBAAC,QAAD;EACE,YAAA;EACA,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAQ;GAAU;GAAO;GAAQ;GAAS,CAAC,EAAE,UAAU;EACxF,MAAM;EACD;EACL,MAAK;EACL,OAAO;GAAE;GAAc,QAAQ;GAAW,OAAO;GAAW,GAAG;GAAO;EACtE,UAAU,WAAW,KAAK;EAC1B,SAAS;EACT,GAAI;EACJ,cAAY;YAEX,QACC,oBAAC,MAAD;GACS;GACD;GACO;GACH;GACC;GACX,MAAM,UAAU,UAAU;GACpB;GACN,MAAM,UAAU,OAAO;GACvB,OAAO,EACL,eAAe,QAChB;GACD,CAAA;EAEG,CAAA;AAGX,KAAI,CAAC,MAAO,QAAO;AAEnB,QACE,oBAAC,SAAD;EACS;EACP,GAAI;EACJ,QACE,OAAO,cAAc,WAAW,aAC5B,aAAa,SACb;GACE,GAAG,cAAc;GACjB,WAAW;IAAE,eAAe;IAAQ,GAAG,cAAc,QAAQ;IAAW;GACzE;YAGN;EACO,CAAA;EAGf;AAED,WAAW,cAAc"}
+{"version":3,"file":"ActionIcon.mjs","names":[],"sources":["../../src/ActionIcon/ActionIcon.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Loader2 } from 'lucide-react';\nimport { memo, type MouseEventHandler, useCallback, useMemo } from 'react';\n\nimport { Center } from '@/Flex';\nimport Icon from '@/Icon';\nimport Tooltip from '@/Tooltip';\n\nimport { calcSize } from './components/utils';\nimport { variants } from './style';\nimport { type ActionIconProps } from './type';\n\nconst ActionIcon = memo<ActionIconProps>(\n  ({\n    color,\n    fill,\n    className,\n    active,\n    icon,\n    size = 'middle',\n    variant = 'borderless',\n    style,\n    glass,\n    title,\n    onClick,\n    loading,\n    fillOpacity,\n    fillRule,\n    focusable,\n    shadow,\n    disabled,\n    spin: iconSpinning,\n    tooltipProps,\n    danger,\n    ref,\n    ...rest\n  }) => {\n    const { blockSize, borderRadius } = useMemo(() => calcSize(size), [size]);\n    const popupTriggerAria = rest as {\n      'aria-expanded'?: unknown;\n      'aria-haspopup'?: unknown;\n      'aria-label'?: string;\n    };\n    const isPopupTrigger =\n      popupTriggerAria['aria-haspopup'] !== undefined ||\n      popupTriggerAria['aria-expanded'] !== undefined;\n    const popupTriggerLabel =\n      popupTriggerAria['aria-label'] ??\n      (isPopupTrigger && typeof title === 'string' ? title : undefined);\n\n    const handleClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n      (event) => {\n        if (loading || disabled) return;\n        onClick?.(event);\n      },\n      [loading, disabled, onClick],\n    );\n\n    const node = (\n      <Center\n        horizontal\n        className={cx(variants({ active, danger, disabled, glass, shadow, variant }), className)}\n        flex={'none'}\n        ref={ref}\n        role=\"button\"\n        style={{ borderRadius, height: blockSize, width: blockSize, ...style }}\n        tabIndex={disabled ? -1 : 0}\n        onClick={handleClick}\n        {...rest}\n        aria-label={popupTriggerLabel}\n      >\n        {icon && (\n          <Icon\n            color={color}\n            fill={fill}\n            fillOpacity={fillOpacity}\n            fillRule={fillRule}\n            focusable={focusable}\n            icon={loading ? Loader2 : icon}\n            size={size}\n            spin={loading ? true : iconSpinning}\n            style={{\n              pointerEvents: 'none',\n            }}\n          />\n        )}\n      </Center>\n    );\n\n    if (!title) return node;\n\n    return (\n      <Tooltip\n        title={title}\n        {...tooltipProps}\n        styles={\n          typeof tooltipProps?.styles === 'function'\n            ? tooltipProps.styles\n            : {\n                ...tooltipProps?.styles,\n                container: { pointerEvents: 'none', ...tooltipProps?.styles?.container },\n              }\n        }\n      >\n        {node}\n      </Tooltip>\n    );\n  },\n);\n\nActionIcon.displayName = 'ActionIcon';\n\nexport default ActionIcon;\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,aAAa,MAChB,EACC,OACA,MACA,WACA,QACA,MACA,OAAO,UACP,UAAU,cACV,OACA,OACA,OACA,SACA,SACA,aACA,UACA,WACA,QACA,UACA,MAAM,cACN,cACA,QACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,iBAAiB,cAAc,SAAS,IAAI,GAAG,CAAC,IAAI,CAAC;CACxE,MAAM,mBAAmB;CAKzB,MAAM,iBACJ,iBAAiB,qBAAqB,KAAA,KACtC,iBAAiB,qBAAqB,KAAA;CACxC,MAAM,oBACJ,iBAAiB,kBAChB,kBAAkB,OAAO,UAAU,WAAW,QAAQ,KAAA;CAEzD,MAAM,cAAc,aACjB,UAAU;EACT,IAAI,WAAW,UAAU;EACzB,UAAU,KAAK;CACjB,GACA;EAAC;EAAS;EAAU;CAAO,CAC7B;CAEA,MAAM,OACJ,oBAAC,QAAD;EACE,YAAA;EACA,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAQ;GAAU;GAAO;GAAQ;EAAQ,CAAC,GAAG,SAAS;EACvF,MAAM;EACD;EACL,MAAK;EACL,OAAO;GAAE;GAAc,QAAQ;GAAW,OAAO;GAAW,GAAG;EAAM;EACrE,UAAU,WAAW,KAAK;EAC1B,SAAS;EACT,GAAI;EACJ,cAAY;YAEX,QACC,oBAAC,MAAD;GACS;GACD;GACO;GACH;GACC;GACX,MAAM,UAAU,UAAU;GACpB;GACN,MAAM,UAAU,OAAO;GACvB,OAAO,EACL,eAAe,OACjB;EACD,CAAA;CAEG,CAAA;CAGV,IAAI,CAAC,OAAO,OAAO;CAEnB,OACE,oBAAC,SAAD;EACS;EACP,GAAI;EACJ,QACE,OAAO,cAAc,WAAW,aAC5B,aAAa,SACb;GACE,GAAG,cAAc;GACjB,WAAW;IAAE,eAAe;IAAQ,GAAG,cAAc,QAAQ;GAAU;EACzE;YAGL;CACM,CAAA;AAEb,CACF;AAEA,WAAW,cAAc"}

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

@@ -1 +1 @@
-{"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;AAEJ,KAAI,SAAS,SAAS,EAAE;EACtB,MAAM,YAAY,WAAW;AAC7B,SAAO;GACL;GACA,cAAc,KAAK,MAAM,YAAY,EAAE;GACxC;;AAGH,SAAQ,UAAR;EACE,KAAK;AACH,eAAY;AACZ,kBAAe;AACf;EAEF,KAAK;AACH,eAAY;AACZ,kBAAe;AACf;EAEF,KAAK;AACH,eAAY;AACZ,kBAAe;AACf;EAEF;AACE,OAAI,UAAU;AACZ,gBAAY,UAAU,aAAa;AACnC,mBAAe,UAAU,gBAAgB;UACpC;AACL,gBAAY;AACZ,mBAAe;;AAGjB;;AAIJ,QAAO;EACL;EACA;EACD"}
+{"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;GACE,IAAI,UAAU;IACZ,YAAY,UAAU,aAAa;IACnC,eAAe,UAAU,gBAAgB;GAC3C,OAAO;IACL,YAAY;IACZ,eAAe;GACjB;GAEA;CAEJ;CAEA,OAAO;EACL;EACA;CACF;AACF"}

package/es/ActionIcon/index.d.mts

@@ -1,3 +1,3 @@
 import { ActionIconProps, ActionIconSize } from "./type.mjs";
-import { ActionIcon } from "./ActionIcon.mjs";
-export { ActionIconProps, ActionIconSize, ActionIcon as default };
+import ActionIcon from "./ActionIcon.mjs";
+export { type ActionIconProps, type ActionIconSize, ActionIcon as default };

package/es/ActionIcon/style.mjs

@@ -101,6 +101,6 @@ const variants = cva(styles.root, {
 	}
 });
 //#endregion
-export { variants };
+export { styles, variants };
 
 //# sourceMappingURL=style.mjs.map

package/es/ActionIcon/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/ActionIcon/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    active: lobeStaticStylish.active,\n    borderless: lobeStaticStylish.variantBorderless,\n    dangerBorderless: lobeStaticStylish.variantBorderlessDanger,\n    dangerFilled: lobeStaticStylish.variantFilledDanger,\n    dangerOutlined: lobeStaticStylish.variantOutlinedDanger,\n    dangerRoot: css`\n      &:hover {\n        color: ${cssVar.colorError};\n      }\n\n      &:active {\n        color: ${cssVar.colorErrorActive};\n      }\n    `,\n    disabled: lobeStaticStylish.disabled,\n    filled: lobeStaticStylish.variantFilled,\n    glass: lobeStaticStylish.blur,\n    outlined: lobeStaticStylish.variantOutlined,\n    root: css`\n      cursor: pointer;\n\n      position: relative;\n\n      overflow: hidden;\n\n      color: ${cssVar.colorTextTertiary};\n\n      transition:\n        color 400ms ${cssVar.motionEaseOut},\n        background 100ms ${cssVar.motionEaseOut};\n\n      &:hover {\n        color: ${cssVar.colorTextSecondary};\n      }\n\n      &:active {\n        color: ${cssVar.colorText};\n      }\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      className: styles.dangerFilled,\n      danger: true,\n      variant: 'filled',\n    },\n    {\n      className: styles.dangerBorderless,\n      danger: true,\n      variant: 'borderless',\n    },\n    {\n      className: styles.dangerOutlined,\n      danger: true,\n      variant: 'outlined',\n    },\n  ],\n  defaultVariants: {\n    active: false,\n    danger: false,\n    disabled: false,\n    glass: false,\n    shadow: false,\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    active: {\n      false: null,\n      true: styles.active,\n    },\n    danger: {\n      false: null,\n      true: styles.dangerRoot,\n    },\n    disabled: {\n      false: null,\n      true: styles.disabled,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,QAAQA,cAAkB;EAC1B,YAAYA,cAAkB;EAC9B,kBAAkBA,cAAkB;EACpC,cAAcA,cAAkB;EAChC,gBAAgBA,cAAkB;EAClC,YAAY,GAAG;;iBAEF,OAAO,WAAW;;;;iBAIlB,OAAO,iBAAiB;;;EAGrC,UAAUA,cAAkB;EAC5B,QAAQA,cAAkB;EAC1B,OAAOA,cAAkB;EACzB,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;eAOE,OAAO,kBAAkB;;;sBAGlB,OAAO,cAAc;2BAChB,OAAO,cAAc;;;iBAG/B,OAAO,mBAAmB;;;;iBAI1B,OAAO,UAAU;;;EAG9B,QAAQA,cAAkB;EAC3B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB;EAChB;GACE,WAAW,OAAO;GAClB,QAAQ;GACR,SAAS;GACV;EACD;GACE,WAAW,OAAO;GAClB,QAAQ;GACR,SAAS;GACV;EACD;GACE,WAAW,OAAO;GAClB,QAAQ;GACR,SAAS;GACV;EACF;CACD,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,OAAO;EACP,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,OAAO;GACL,OAAO;GACP,MAAM,OAAO;GACd;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,UAAU;GACR,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/ActionIcon/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    active: lobeStaticStylish.active,\n    borderless: lobeStaticStylish.variantBorderless,\n    dangerBorderless: lobeStaticStylish.variantBorderlessDanger,\n    dangerFilled: lobeStaticStylish.variantFilledDanger,\n    dangerOutlined: lobeStaticStylish.variantOutlinedDanger,\n    dangerRoot: css`\n      &:hover {\n        color: ${cssVar.colorError};\n      }\n\n      &:active {\n        color: ${cssVar.colorErrorActive};\n      }\n    `,\n    disabled: lobeStaticStylish.disabled,\n    filled: lobeStaticStylish.variantFilled,\n    glass: lobeStaticStylish.blur,\n    outlined: lobeStaticStylish.variantOutlined,\n    root: css`\n      cursor: pointer;\n\n      position: relative;\n\n      overflow: hidden;\n\n      color: ${cssVar.colorTextTertiary};\n\n      transition:\n        color 400ms ${cssVar.motionEaseOut},\n        background 100ms ${cssVar.motionEaseOut};\n\n      &:hover {\n        color: ${cssVar.colorTextSecondary};\n      }\n\n      &:active {\n        color: ${cssVar.colorText};\n      }\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      className: styles.dangerFilled,\n      danger: true,\n      variant: 'filled',\n    },\n    {\n      className: styles.dangerBorderless,\n      danger: true,\n      variant: 'borderless',\n    },\n    {\n      className: styles.dangerOutlined,\n      danger: true,\n      variant: 'outlined',\n    },\n  ],\n  defaultVariants: {\n    active: false,\n    danger: false,\n    disabled: false,\n    glass: false,\n    shadow: false,\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    active: {\n      false: null,\n      true: styles.active,\n    },\n    danger: {\n      false: null,\n      true: styles.dangerRoot,\n    },\n    disabled: {\n      false: null,\n      true: styles.disabled,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,QAAQA,cAAkB;EAC1B,YAAYA,cAAkB;EAC9B,kBAAkBA,cAAkB;EACpC,cAAcA,cAAkB;EAChC,gBAAgBA,cAAkB;EAClC,YAAY,GAAG;;iBAEF,OAAO,WAAW;;;;iBAIlB,OAAO,iBAAiB;;;EAGrC,UAAUA,cAAkB;EAC5B,QAAQA,cAAkB;EAC1B,OAAOA,cAAkB;EACzB,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;eAOE,OAAO,kBAAkB;;;sBAGlB,OAAO,cAAc;2BAChB,OAAO,cAAc;;;iBAG/B,OAAO,mBAAmB;;;;iBAI1B,OAAO,UAAU;;;EAG9B,QAAQA,cAAkB;CAC5B;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB;EAChB;GACE,WAAW,OAAO;GAClB,QAAQ;GACR,SAAS;EACX;EACA;GACE,WAAW,OAAO;GAClB,QAAQ;GACR,SAAS;EACX;EACA;GACE,WAAW,OAAO;GAClB,QAAQ;GACR,SAAS;EACX;CACF;CACA,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,OAAO;EACP,QAAQ;EACR,SAAS;CACX;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;EACrB;EACA,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,UAAU;GACR,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/ActionIcon/type.d.mts

@@ -1,8 +1,10 @@
 import { CenterProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { IconProps, IconSizeConfig, IconSizeType, LucideIconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
 import { TooltipProps } from "../base-ui/Tooltip/type.mjs";
+import "../Tooltip/index.mjs";
 import { ReactNode, Ref } from "react";
-
 //#region src/ActionIcon/type.d.ts
 interface ActionIconSizeConfig extends IconSizeConfig {
   blockSize?: number | string;

package/es/ActionIconGroup/ActionIconGroup.d.mts

@@ -1,8 +1,7 @@
 import { ActionIconGroupProps } from "./type.mjs";
 import { FC } from "react";
-
 //#region src/ActionIconGroup/ActionIconGroup.d.ts
 declare const ActionIconGroup: FC<ActionIconGroupProps>;
 //#endregion
-export { ActionIconGroup };
+export { ActionIconGroup as default };
 //# sourceMappingURL=ActionIconGroup.d.mts.map

package/es/ActionIconGroup/ActionIconGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIconGroup.mjs","names":[],"sources":["../../src/ActionIconGroup/ActionIconGroup.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { MoreHorizontal } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport DropdownMenu from '@/DropdownMenu';\nimport { Center } from '@/Flex';\nimport { TooltipGroup } from '@/Tooltip';\n\nimport { variants } from './style';\nimport type { ActionIconGroupProps } from './type';\n\nconst ActionIconGroup: FC<ActionIconGroupProps> = ({\n  variant = 'filled',\n  disabled,\n  shadow,\n  glass,\n  actionIconProps,\n  items = [],\n  horizontal = true,\n  menu,\n  onActionClick,\n  className,\n  size = 'small',\n  ref,\n  ...rest\n}) => {\n  const tooltipPlacement = useMemo(\n    () => (actionIconProps?.tooltipProps?.placement || horizontal ? 'top' : 'right'),\n    [actionIconProps, horizontal],\n  );\n\n  const menuItems = useMemo(() => {\n    const rawItems = typeof menu === 'function' ? menu() : menu;\n    if (!rawItems) return [];\n    return rawItems.map((item) => ({\n      ...(item as any),\n      onClick: (info: any) => {\n        (item as any)?.onClick?.(info);\n        onActionClick?.(info);\n      },\n    }));\n  }, [menu, onActionClick]);\n\n  return (\n    <TooltipGroup>\n      <Center\n        className={cx(variants({ disabled, glass, shadow, variant }), className)}\n        horizontal={horizontal}\n        padding={2}\n        ref={ref}\n        {...rest}\n      >\n        {items?.length > 0 &&\n          items.map((item) => {\n            const { icon, key, label, onClick, danger, loading, ...itemRest } = item;\n            return (\n              <ActionIcon\n                danger={danger}\n                icon={icon}\n                key={key}\n                loading={loading}\n                size={size}\n                title={label}\n                tooltipProps={{\n                  placement: tooltipPlacement,\n                }}\n                onClick={(e) => {\n                  onActionClick?.({\n                    domEvent: e,\n                    key: String(key),\n                    keyPath: [String(key)],\n                  });\n                  onClick?.(e as any);\n                }}\n                {...actionIconProps}\n                disabled={disabled || loading || itemRest?.disabled}\n              />\n            );\n          })}\n        {menu && (\n          <DropdownMenu items={menuItems} nativeButton={false}>\n            <ActionIcon\n              disabled={disabled}\n              icon={MoreHorizontal}\n              key=\"more\"\n              size={size}\n              {...actionIconProps}\n              tooltipProps={{\n                placement: tooltipPlacement,\n                ...actionIconProps?.tooltipProps,\n              }}\n            />\n          </DropdownMenu>\n        )}\n      </Center>\n    </TooltipGroup>\n  );\n};\n\nActionIconGroup.displayName = 'ActionIconGroup';\n\nexport default ActionIconGroup;\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,mBAA6C,EACjD,UAAU,UACV,UACA,QACA,OACA,iBACA,QAAQ,EAAE,EACV,aAAa,MACb,MACA,eACA,WACA,OAAO,SACP,KACA,GAAG,WACC;CACJ,MAAM,mBAAmB,cAChB,iBAAiB,cAAc,aAAa,aAAa,QAAQ,SACxE,CAAC,iBAAiB,WAAW,CAC9B;CAED,MAAM,YAAY,cAAc;EAC9B,MAAM,WAAW,OAAO,SAAS,aAAa,MAAM,GAAG;AACvD,MAAI,CAAC,SAAU,QAAO,EAAE;AACxB,SAAO,SAAS,KAAK,UAAU;GAC7B,GAAI;GACJ,UAAU,SAAc;AACrB,UAAc,UAAU,KAAK;AAC9B,oBAAgB,KAAK;;GAExB,EAAE;IACF,CAAC,MAAM,cAAc,CAAC;AAEzB,QACE,oBAAC,cAAD,EAAA,UACE,qBAAC,QAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAU;GAAO;GAAQ;GAAS,CAAC,EAAE,UAAU;EAC5D;EACZ,SAAS;EACJ;EACL,GAAI;YALN,CAOG,OAAO,SAAS,KACf,MAAM,KAAK,SAAS;GAClB,MAAM,EAAE,MAAM,KAAK,OAAO,SAAS,QAAQ,SAAS,GAAG,aAAa;AACpE,UACE,oBAAC,YAAD;IACU;IACF;IAEG;IACH;IACN,OAAO;IACP,cAAc,EACZ,WAAW,kBACZ;IACD,UAAU,MAAM;AACd,qBAAgB;MACd,UAAU;MACV,KAAK,OAAO,IAAI;MAChB,SAAS,CAAC,OAAO,IAAI,CAAC;MACvB,CAAC;AACF,eAAU,EAAS;;IAErB,GAAI;IACJ,UAAU,YAAY,WAAW,UAAU;IAC3C,EAjBK,IAiBL;IAEJ,EACH,QACC,oBAAC,cAAD;GAAc,OAAO;GAAW,cAAc;aAC5C,oBAAC,YAAD;IACY;IACV,MAAM;IAEA;IACN,GAAI;IACJ,cAAc;KACZ,WAAW;KACX,GAAG,iBAAiB;KACrB;IACD,EAPI,OAOJ;GACW,CAAA,CAEV;KACI,CAAA;;AAInB,gBAAgB,cAAc"}
+{"version":3,"file":"ActionIconGroup.mjs","names":[],"sources":["../../src/ActionIconGroup/ActionIconGroup.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { MoreHorizontal } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport DropdownMenu from '@/DropdownMenu';\nimport { Center } from '@/Flex';\nimport { TooltipGroup } from '@/Tooltip';\n\nimport { variants } from './style';\nimport type { ActionIconGroupProps } from './type';\n\nconst ActionIconGroup: FC<ActionIconGroupProps> = ({\n  variant = 'filled',\n  disabled,\n  shadow,\n  glass,\n  actionIconProps,\n  items = [],\n  horizontal = true,\n  menu,\n  onActionClick,\n  className,\n  size = 'small',\n  ref,\n  ...rest\n}) => {\n  const tooltipPlacement = useMemo(\n    () => (actionIconProps?.tooltipProps?.placement || horizontal ? 'top' : 'right'),\n    [actionIconProps, horizontal],\n  );\n\n  const menuItems = useMemo(() => {\n    const rawItems = typeof menu === 'function' ? menu() : menu;\n    if (!rawItems) return [];\n    return rawItems.map((item) => ({\n      ...(item as any),\n      onClick: (info: any) => {\n        (item as any)?.onClick?.(info);\n        onActionClick?.(info);\n      },\n    }));\n  }, [menu, onActionClick]);\n\n  return (\n    <TooltipGroup>\n      <Center\n        className={cx(variants({ disabled, glass, shadow, variant }), className)}\n        horizontal={horizontal}\n        padding={2}\n        ref={ref}\n        {...rest}\n      >\n        {items?.length > 0 &&\n          items.map((item) => {\n            const { icon, key, label, onClick, danger, loading, ...itemRest } = item;\n            return (\n              <ActionIcon\n                danger={danger}\n                icon={icon}\n                key={key}\n                loading={loading}\n                size={size}\n                title={label}\n                tooltipProps={{\n                  placement: tooltipPlacement,\n                }}\n                onClick={(e) => {\n                  onActionClick?.({\n                    domEvent: e,\n                    key: String(key),\n                    keyPath: [String(key)],\n                  });\n                  onClick?.(e as any);\n                }}\n                {...actionIconProps}\n                disabled={disabled || loading || itemRest?.disabled}\n              />\n            );\n          })}\n        {menu && (\n          <DropdownMenu items={menuItems} nativeButton={false}>\n            <ActionIcon\n              disabled={disabled}\n              icon={MoreHorizontal}\n              key=\"more\"\n              size={size}\n              {...actionIconProps}\n              tooltipProps={{\n                placement: tooltipPlacement,\n                ...actionIconProps?.tooltipProps,\n              }}\n            />\n          </DropdownMenu>\n        )}\n      </Center>\n    </TooltipGroup>\n  );\n};\n\nActionIconGroup.displayName = 'ActionIconGroup';\n\nexport default ActionIconGroup;\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,mBAA6C,EACjD,UAAU,UACV,UACA,QACA,OACA,iBACA,QAAQ,CAAC,GACT,aAAa,MACb,MACA,eACA,WACA,OAAO,SACP,KACA,GAAG,WACC;CACJ,MAAM,mBAAmB,cAChB,iBAAiB,cAAc,aAAa,aAAa,QAAQ,SACxE,CAAC,iBAAiB,UAAU,CAC9B;CAEA,MAAM,YAAY,cAAc;EAC9B,MAAM,WAAW,OAAO,SAAS,aAAa,KAAK,IAAI;EACvD,IAAI,CAAC,UAAU,OAAO,CAAC;EACvB,OAAO,SAAS,KAAK,UAAU;GAC7B,GAAI;GACJ,UAAU,SAAc;IACtB,MAAe,UAAU,IAAI;IAC7B,gBAAgB,IAAI;GACtB;EACF,EAAE;CACJ,GAAG,CAAC,MAAM,aAAa,CAAC;CAExB,OACE,oBAAC,cAAD,EAAA,UACE,qBAAC,QAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAU;GAAO;GAAQ;EAAQ,CAAC,GAAG,SAAS;EAC3D;EACZ,SAAS;EACJ;EACL,GAAI;YALN,CAOG,OAAO,SAAS,KACf,MAAM,KAAK,SAAS;GAClB,MAAM,EAAE,MAAM,KAAK,OAAO,SAAS,QAAQ,SAAS,GAAG,aAAa;GACpE,OACE,oBAAC,YAAD;IACU;IACF;IAEG;IACH;IACN,OAAO;IACP,cAAc,EACZ,WAAW,iBACb;IACA,UAAU,MAAM;KACd,gBAAgB;MACd,UAAU;MACV,KAAK,OAAO,GAAG;MACf,SAAS,CAAC,OAAO,GAAG,CAAC;KACvB,CAAC;KACD,UAAU,CAAQ;IACpB;IACA,GAAI;IACJ,UAAU,YAAY,WAAW,UAAU;GAC5C,GAjBM,GAiBN;EAEL,CAAC,GACF,QACC,oBAAC,cAAD;GAAc,OAAO;GAAW,cAAc;aAC5C,oBAAC,YAAD;IACY;IACV,MAAM;IAEA;IACN,GAAI;IACJ,cAAc;KACZ,WAAW;KACX,GAAG,iBAAiB;IACtB;GACD,GAPK,MAOL;EACW,CAAA,CAEV;IACI,CAAA;AAElB;AAEA,gBAAgB,cAAc"}

package/es/ActionIconGroup/index.d.mts

@@ -1,4 +1,4 @@
 import { MenuItemType } from "../Menu/type.mjs";
 import { ActionIconGroupEvent, ActionIconGroupProps } from "./type.mjs";
-import { ActionIconGroup } from "./ActionIconGroup.mjs";
-export { ActionIconGroupEvent, MenuItemType as ActionIconGroupItemType, ActionIconGroupProps, ActionIconGroup as default };
+import ActionIconGroup from "./ActionIconGroup.mjs";
+export { type ActionIconGroupEvent, type MenuItemType as ActionIconGroupItemType, type ActionIconGroupProps, ActionIconGroup as default };

package/es/ActionIconGroup/style.mjs

@@ -44,6 +44,6 @@ const variants = cva(styles.root, {
 	}
 });
 //#endregion
-export { variants };
+export { styles, variants };
 
 //# sourceMappingURL=style.mjs.map

package/es/ActionIconGroup/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/ActionIconGroup/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: lobeStaticStylish.variantBorderless,\n    disabled: lobeStaticStylish.disabled,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    glass: lobeStaticStylish.blur,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n      border-radius: ${cssVar.borderRadius};\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    disabled: false,\n    glass: false,\n    shadow: false,\n    variant: 'outlined',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    disabled: {\n      false: null,\n      true: styles.disabled,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,UAAUA,cAAkB;EAC5B,QAAQA,cAAkB;EAC1B,OAAOA,cAAkB;EACzB,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;uBAEU,OAAO,aAAa;;EAEvC,QAAQA,cAAkB;EAC3B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,UAAU;EACV,OAAO;EACP,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,OAAO;GACL,OAAO;GACP,MAAM,OAAO;GACd;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACD,UAAU;GACR,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/ActionIconGroup/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: lobeStaticStylish.variantBorderless,\n    disabled: lobeStaticStylish.disabled,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    glass: lobeStaticStylish.blur,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n      border-radius: ${cssVar.borderRadius};\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    disabled: false,\n    glass: false,\n    shadow: false,\n    variant: 'outlined',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    glass: {\n      false: null,\n      true: styles.glass,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n    disabled: {\n      false: null,\n      true: styles.disabled,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,YAAYA,cAAkB;EAC9B,UAAUA,cAAkB;EAC5B,QAAQA,cAAkB;EAC1B,OAAOA,cAAkB;EACzB,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;uBAEU,OAAO,aAAa;;EAEvC,QAAQA,cAAkB;CAC5B;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,UAAU;EACV,OAAO;EACP,QAAQ;EACR,SAAS;CACX;CAEA,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;EACrB;EACA,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,UAAU;GACR,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/ActionIconGroup/type.d.mts

@@ -1,15 +1,22 @@
 import { CenterProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { ActionIconProps } from "../ActionIcon/type.mjs";
+import "../ActionIcon/index.mjs";
 import { MenuInfo, MenuItemType } from "../Menu/type.mjs";
+import "../Menu/index.mjs";
 import { DropdownMenuProps } from "../base-ui/DropdownMenu/type.mjs";
+import "../DropdownMenu/index.mjs";
 import { Ref } from "react";
-
 //#region src/ActionIconGroup/type.d.ts
 type ActionIconGroupEvent = Pick<MenuInfo, 'key' | 'keyPath' | 'domEvent'>;
 interface ActionIconGroupProps extends Omit<CenterProps, 'children'> {
   actionIconProps?: Partial<Omit<ActionIconProps, 'icon' | 'size' | 'ref'>>;
   disabled?: boolean;
   glass?: boolean;
+  /**
+   * @default true
+   */
+  horizontal?: boolean;
   items?: MenuItemType[];
   menu?: DropdownMenuProps['items'];
   onActionClick?: (action: ActionIconGroupEvent) => void;
@@ -19,5 +26,5 @@ interface ActionIconGroupProps extends Omit<CenterProps, 'children'> {
   variant?: 'filled' | 'outlined' | 'borderless';
 }
 //#endregion
-export { ActionIconGroupEvent, ActionIconGroupProps };
+export { ActionIconGroupEvent, type MenuItemType as ActionIconGroupItemType, ActionIconGroupProps };
 //# sourceMappingURL=type.d.mts.map

package/es/Alert/Alert.d.mts

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

package/es/Alert/Alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.mjs","names":["Alert","AntdAlert","Flexbox"],"sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport { Alert as AntdAlert } from 'antd';\nimport { cssVar, cx, useTheme } from 'antd-style';\nimport { camelCase } from 'es-toolkit/compat';\nimport { AlertTriangle, CheckCircle, Info, X, XCircle } from 'lucide-react';\nimport { memo } from 'react';\n\nimport { Accordion, AccordionItem } from '@/Accordion';\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { extraHeaderVariants, extraVariants, rootVariants } from './style';\nimport type { AlertProps } from './type';\n\nconst typeIcons = {\n  error: XCircle,\n  info: Info,\n  secondary: AlertTriangle,\n  success: CheckCircle,\n  warning: AlertTriangle,\n};\n\nconst colors = (theme: any, type: string = 'info', ...keys: string[]) => {\n  if (type === 'secondary') return theme[camelCase(['color', ...keys].join('-'))] as string;\n  return theme[camelCase(['color', type, ...keys].join('-'))] as string;\n};\n\nconst Alert = memo<AlertProps>(\n  ({\n    closable = false,\n    description,\n    showIcon = true,\n    type = 'info',\n    glass,\n    icon,\n    colorfulText = true,\n    iconProps,\n    style,\n    extra,\n    classNames,\n    styles: customStyles,\n    text,\n    extraDefaultExpand = false,\n    extraIsolate,\n    banner,\n    variant = 'filled',\n    ref,\n    ...rest\n  }) => {\n    const theme = useTheme();\n    const hasTitle = !!description;\n    const isClosable = !!closable;\n    const isShowIcon = !!showIcon;\n\n    const isInsideExtra = Boolean(!extraIsolate && !!extra);\n\n    const alert = (\n      <AntdAlert\n        banner={banner}\n        description={description}\n        ref={ref}\n        showIcon={showIcon}\n        type={type === 'secondary' ? 'info' : type}\n        className={cx(\n          rootVariants({\n            closable: isClosable,\n            colorfulText,\n            glass,\n            hasExtra: isInsideExtra,\n            hasTitle,\n            showIcon: isShowIcon,\n            variant,\n          }),\n          classNames?.alert,\n        )}\n        closable={\n          typeof closable === 'boolean'\n            ? closable\n            : {\n                closeIcon: <ActionIcon color={colors(theme, type)} icon={X} size={'small'} />,\n                ...closable,\n              }\n        }\n        icon={\n          <Icon\n            color={type === 'secondary' ? cssVar.colorTextSecondary : undefined}\n            icon={icon || typeIcons[type]}\n            size={description ? 24 : 18}\n            {...iconProps}\n          />\n        }\n        style={{\n          background: colors(theme, type, 'fillTertiary'),\n          borderColor: colors(theme, type, 'fillSecondary'),\n          color: colorfulText ? colors(theme, type) : undefined,\n          ...style,\n          ...customStyles?.alert,\n        }}\n        {...rest}\n      />\n    );\n\n    if (!extra) return alert;\n\n    if (extraIsolate)\n      return (\n        <Flexbox className={classNames?.container} gap={8}>\n          {alert}\n          {extra}\n        </Flexbox>\n      );\n\n    return (\n      <Flexbox className={classNames?.container} style={customStyles?.container}>\n        {alert}\n        <Flexbox\n          className={extraVariants({ banner, variant })}\n          style={{\n            background: colors(theme, type, 'fillTertiary'),\n            borderColor: colors(theme, type, 'fillSecondary'),\n            color: colors(theme, type),\n            fontSize: description ? 14 : 12,\n          }}\n        >\n          <Accordion defaultExpandedKeys={extraDefaultExpand ? ['extra'] : []}>\n            <AccordionItem\n              itemKey={'extra'}\n              title={text?.detail || 'Show Details'}\n              classNames={{\n                content: classNames?.extraContent,\n                header: extraHeaderVariants({ hasTitle, variant }),\n              }}\n              styles={{\n                content: {\n                  fontSize: 12,\n                  ...customStyles?.extraContent,\n                },\n                header: {\n                  borderColor: colors(theme, type, 'fillSecondary'),\n                },\n                indicator: {\n                  color: colors(theme, type),\n                },\n                title: {\n                  color: colors(theme, type),\n                  fontSize: 12,\n                },\n              }}\n            >\n              {extra}\n            </AccordionItem>\n          </Accordion>\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nAlert.displayName = 'Alert';\n\nexport default Alert;\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,YAAY;CAChB,OAAO;CACP,MAAM;CACN,WAAW;CACX,SAAS;CACT,SAAS;CACV;AAED,MAAM,UAAU,OAAY,OAAe,QAAQ,GAAG,SAAmB;AACvE,KAAI,SAAS,YAAa,QAAO,MAAM,UAAU,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC;AAC9E,QAAO,MAAM,UAAU;EAAC;EAAS;EAAM,GAAG;EAAK,CAAC,KAAK,IAAI,CAAC;;AAG5D,MAAMA,UAAQ,MACX,EACC,WAAW,OACX,aACA,WAAW,MACX,OAAO,QACP,OACA,MACA,eAAe,MACf,WACA,OACA,OACA,YACA,QAAQ,cACR,MACA,qBAAqB,OACrB,cACA,QACA,UAAU,UACV,KACA,GAAG,WACC;CACJ,MAAM,QAAQ,UAAU;CACxB,MAAM,WAAW,CAAC,CAAC;CAMnB,MAAM,QACJ,oBAACC,OAAD;EACU;EACK;EACR;EACK;EACV,MAAM,SAAS,cAAc,SAAS;EACtC,WAAW,GACT,aAAa;GACX,UAAU,CAdE,CAAC;GAeb;GACA;GACA,UAdc,QAAQ,CAAC,gBAAgB,CAAC,CAAC,MAclB;GACvB;GACA,UAAU,CAlBE,CAAC;GAmBb;GACD,CAAC,EACF,YAAY,MACb;EACD,UACE,OAAO,aAAa,YAChB,WACA;GACE,WAAW,oBAAC,YAAD;IAAY,OAAO,OAAO,OAAO,KAAK;IAAE,MAAM;IAAG,MAAM;IAAW,CAAA;GAC7E,GAAG;GACJ;EAEP,MACE,oBAAC,MAAD;GACE,OAAO,SAAS,cAAc,OAAO,qBAAqB,KAAA;GAC1D,MAAM,QAAQ,UAAU;GACxB,MAAM,cAAc,KAAK;GACzB,GAAI;GACJ,CAAA;EAEJ,OAAO;GACL,YAAY,OAAO,OAAO,MAAM,eAAe;GAC/C,aAAa,OAAO,OAAO,MAAM,gBAAgB;GACjD,OAAO,eAAe,OAAO,OAAO,KAAK,GAAG,KAAA;GAC5C,GAAG;GACH,GAAG,cAAc;GAClB;EACD,GAAI;EACJ,CAAA;AAGJ,KAAI,CAAC,MAAO,QAAO;AAEnB,KAAI,aACF,QACE,qBAACC,mBAAD;EAAS,WAAW,YAAY;EAAW,KAAK;YAAhD,CACG,OACA,MACO;;AAGd,QACE,qBAACA,mBAAD;EAAS,WAAW,YAAY;EAAW,OAAO,cAAc;YAAhE,CACG,OACD,oBAACA,mBAAD;GACE,WAAW,cAAc;IAAE;IAAQ;IAAS,CAAC;GAC7C,OAAO;IACL,YAAY,OAAO,OAAO,MAAM,eAAe;IAC/C,aAAa,OAAO,OAAO,MAAM,gBAAgB;IACjD,OAAO,OAAO,OAAO,KAAK;IAC1B,UAAU,cAAc,KAAK;IAC9B;aAED,oBAAC,WAAD;IAAW,qBAAqB,qBAAqB,CAAC,QAAQ,GAAG,EAAE;cACjE,oBAAC,eAAD;KACE,SAAS;KACT,OAAO,MAAM,UAAU;KACvB,YAAY;MACV,SAAS,YAAY;MACrB,QAAQ,oBAAoB;OAAE;OAAU;OAAS,CAAC;MACnD;KACD,QAAQ;MACN,SAAS;OACP,UAAU;OACV,GAAG,cAAc;OAClB;MACD,QAAQ,EACN,aAAa,OAAO,OAAO,MAAM,gBAAgB,EAClD;MACD,WAAW,EACT,OAAO,OAAO,OAAO,KAAK,EAC3B;MACD,OAAO;OACL,OAAO,OAAO,OAAO,KAAK;OAC1B,UAAU;OACX;MACF;eAEA;KACa,CAAA;IACN,CAAA;GACJ,CAAA,CACF;;EAGf;AAED,QAAM,cAAc"}
+{"version":3,"file":"Alert.mjs","names":["Alert","AntdAlert","Flexbox"],"sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport { Alert as AntdAlert } from 'antd';\nimport { cssVar, cx, useTheme } from 'antd-style';\nimport { camelCase } from 'es-toolkit/compat';\nimport { AlertTriangle, CheckCircle, Info, X, XCircle } from 'lucide-react';\nimport { memo } from 'react';\n\nimport { Accordion, AccordionItem } from '@/Accordion';\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { extraHeaderVariants, extraVariants, rootVariants } from './style';\nimport type { AlertProps } from './type';\n\nconst typeIcons = {\n  error: XCircle,\n  info: Info,\n  secondary: AlertTriangle,\n  success: CheckCircle,\n  warning: AlertTriangle,\n};\n\nconst colors = (theme: any, type: string = 'info', ...keys: string[]) => {\n  if (type === 'secondary') return theme[camelCase(['color', ...keys].join('-'))] as string;\n  return theme[camelCase(['color', type, ...keys].join('-'))] as string;\n};\n\nconst Alert = memo<AlertProps>(\n  ({\n    closable = false,\n    description,\n    showIcon = true,\n    type = 'info',\n    glass,\n    icon,\n    colorfulText = true,\n    iconProps,\n    style,\n    extra,\n    classNames,\n    styles: customStyles,\n    text,\n    extraDefaultExpand = false,\n    extraIsolate,\n    banner,\n    variant = 'filled',\n    ref,\n    ...rest\n  }) => {\n    const theme = useTheme();\n    const hasTitle = !!description;\n    const isClosable = !!closable;\n    const isShowIcon = !!showIcon;\n\n    const isInsideExtra = Boolean(!extraIsolate && !!extra);\n\n    const alert = (\n      <AntdAlert\n        banner={banner}\n        description={description}\n        ref={ref}\n        showIcon={showIcon}\n        type={type === 'secondary' ? 'info' : type}\n        className={cx(\n          rootVariants({\n            closable: isClosable,\n            colorfulText,\n            glass,\n            hasExtra: isInsideExtra,\n            hasTitle,\n            showIcon: isShowIcon,\n            variant,\n          }),\n          classNames?.alert,\n        )}\n        closable={\n          typeof closable === 'boolean'\n            ? closable\n            : {\n                closeIcon: <ActionIcon color={colors(theme, type)} icon={X} size={'small'} />,\n                ...closable,\n              }\n        }\n        icon={\n          <Icon\n            color={type === 'secondary' ? cssVar.colorTextSecondary : undefined}\n            icon={icon || typeIcons[type]}\n            size={description ? 24 : 18}\n            {...iconProps}\n          />\n        }\n        style={{\n          background: colors(theme, type, 'fillTertiary'),\n          borderColor: colors(theme, type, 'fillSecondary'),\n          color: colorfulText ? colors(theme, type) : undefined,\n          ...style,\n          ...customStyles?.alert,\n        }}\n        {...rest}\n      />\n    );\n\n    if (!extra) return alert;\n\n    if (extraIsolate)\n      return (\n        <Flexbox className={classNames?.container} gap={8}>\n          {alert}\n          {extra}\n        </Flexbox>\n      );\n\n    return (\n      <Flexbox className={classNames?.container} style={customStyles?.container}>\n        {alert}\n        <Flexbox\n          className={extraVariants({ banner, variant })}\n          style={{\n            background: colors(theme, type, 'fillTertiary'),\n            borderColor: colors(theme, type, 'fillSecondary'),\n            color: colors(theme, type),\n            fontSize: description ? 14 : 12,\n          }}\n        >\n          <Accordion defaultExpandedKeys={extraDefaultExpand ? ['extra'] : []}>\n            <AccordionItem\n              itemKey={'extra'}\n              title={text?.detail || 'Show Details'}\n              classNames={{\n                content: classNames?.extraContent,\n                header: extraHeaderVariants({ hasTitle, variant }),\n              }}\n              styles={{\n                content: {\n                  fontSize: 12,\n                  ...customStyles?.extraContent,\n                },\n                header: {\n                  borderColor: colors(theme, type, 'fillSecondary'),\n                },\n                indicator: {\n                  color: colors(theme, type),\n                },\n                title: {\n                  color: colors(theme, type),\n                  fontSize: 12,\n                },\n              }}\n            >\n              {extra}\n            </AccordionItem>\n          </Accordion>\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nAlert.displayName = 'Alert';\n\nexport default Alert;\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,YAAY;CAChB,OAAO;CACP,MAAM;CACN,WAAW;CACX,SAAS;CACT,SAAS;AACX;AAEA,MAAM,UAAU,OAAY,OAAe,QAAQ,GAAG,SAAmB;CACvE,IAAI,SAAS,aAAa,OAAO,MAAM,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC;CAC7E,OAAO,MAAM,UAAU;EAAC;EAAS;EAAM,GAAG;CAAI,CAAC,CAAC,KAAK,GAAG,CAAC;AAC3D;AAEA,MAAMA,UAAQ,MACX,EACC,WAAW,OACX,aACA,WAAW,MACX,OAAO,QACP,OACA,MACA,eAAe,MACf,WACA,OACA,OACA,YACA,QAAQ,cACR,MACA,qBAAqB,OACrB,cACA,QACA,UAAU,UACV,KACA,GAAG,WACC;CACJ,MAAM,QAAQ,SAAS;CACvB,MAAM,WAAW,CAAC,CAAC;CAMnB,MAAM,QACJ,oBAACC,OAAD;EACU;EACK;EACR;EACK;EACV,MAAM,SAAS,cAAc,SAAS;EACtC,WAAW,GACT,aAAa;GACX,UAAU,CAdE,CAAC;GAeb;GACA;GACA,UAdc,QAAQ,CAAC,gBAAgB,CAAC,CAAC,KAcnB;GACtB;GACA,UAAU,CAlBE,CAAC;GAmBb;EACF,CAAC,GACD,YAAY,KACd;EACA,UACE,OAAO,aAAa,YAChB,WACA;GACE,WAAW,oBAAC,YAAD;IAAY,OAAO,OAAO,OAAO,IAAI;IAAG,MAAM;IAAG,MAAM;GAAU,CAAA;GAC5E,GAAG;EACL;EAEN,MACE,oBAAC,MAAD;GACE,OAAO,SAAS,cAAc,OAAO,qBAAqB,KAAA;GAC1D,MAAM,QAAQ,UAAU;GACxB,MAAM,cAAc,KAAK;GACzB,GAAI;EACL,CAAA;EAEH,OAAO;GACL,YAAY,OAAO,OAAO,MAAM,cAAc;GAC9C,aAAa,OAAO,OAAO,MAAM,eAAe;GAChD,OAAO,eAAe,OAAO,OAAO,IAAI,IAAI,KAAA;GAC5C,GAAG;GACH,GAAG,cAAc;EACnB;EACA,GAAI;CACL,CAAA;CAGH,IAAI,CAAC,OAAO,OAAO;CAEnB,IAAI,cACF,OACE,qBAACC,mBAAD;EAAS,WAAW,YAAY;EAAW,KAAK;YAAhD,CACG,OACA,KACM;;CAGb,OACE,qBAACA,mBAAD;EAAS,WAAW,YAAY;EAAW,OAAO,cAAc;YAAhE,CACG,OACD,oBAACA,mBAAD;GACE,WAAW,cAAc;IAAE;IAAQ;GAAQ,CAAC;GAC5C,OAAO;IACL,YAAY,OAAO,OAAO,MAAM,cAAc;IAC9C,aAAa,OAAO,OAAO,MAAM,eAAe;IAChD,OAAO,OAAO,OAAO,IAAI;IACzB,UAAU,cAAc,KAAK;GAC/B;aAEA,oBAAC,WAAD;IAAW,qBAAqB,qBAAqB,CAAC,OAAO,IAAI,CAAC;cAChE,oBAAC,eAAD;KACE,SAAS;KACT,OAAO,MAAM,UAAU;KACvB,YAAY;MACV,SAAS,YAAY;MACrB,QAAQ,oBAAoB;OAAE;OAAU;MAAQ,CAAC;KACnD;KACA,QAAQ;MACN,SAAS;OACP,UAAU;OACV,GAAG,cAAc;MACnB;MACA,QAAQ,EACN,aAAa,OAAO,OAAO,MAAM,eAAe,EAClD;MACA,WAAW,EACT,OAAO,OAAO,OAAO,IAAI,EAC3B;MACA,OAAO;OACL,OAAO,OAAO,OAAO,IAAI;OACzB,UAAU;MACZ;KACF;eAEC;IACY,CAAA;GACN,CAAA;EACJ,CAAA,CACF;;AAEb,CACF;AAEA,QAAM,cAAc"}

package/es/Alert/index.d.mts

@@ -1,3 +1,3 @@
 import { AlertProps } from "./type.mjs";
-import { Alert } from "./Alert.mjs";
-export { AlertProps, Alert as default };
+import Alert from "./Alert.mjs";
+export { type AlertProps, Alert as default };

package/es/Alert/style.mjs

@@ -332,6 +332,6 @@ const extraHeaderVariants = cva(styles.extraHeader, {
 	}
 });
 //#endregion
-export { extraHeaderVariants, extraVariants, rootVariants };
+export { extraHeaderVariants, extraVariants, rootVariants, styles };
 
 //# sourceMappingURL=style.mjs.map