@hubstr/kit 0.1.4 → 0.1.6

package/tts/es/react.mjs

@@ -0,0 +1,14 @@
+import AudioPlayer from "./react/AudioPlayer/index.mjs";
+import { useAudioVisualizer } from "./react/hooks/useAudioVisualizer.mjs";
+import AudioVisualizer from "./react/AudioVisualizer/index.mjs";
+import { useAudioPlayer } from "./react/hooks/useAudioPlayer.mjs";
+import { useBlobUrl } from "./react/hooks/useBlobUrl.mjs";
+import { useStreamAudioPlayer } from "./react/hooks/useStreamAudioPlayer.mjs";
+import { useAudioRecorder } from "./react/useAudioRecorder/index.mjs";
+import { useEdgeSpeech } from "./react/useEdgeSpeech/index.mjs";
+import { useMicrosoftSpeech } from "./react/useMicrosoftSpeech/index.mjs";
+import { useOpenAISTT } from "./react/useOpenAISTT/index.mjs";
+import { useOpenAITTS } from "./react/useOpenAITTS/index.mjs";
+import { useSpeechRecognition } from "./react/useSpeechRecognition/index.mjs";
+import { useSpeechSynthes } from "./react/useSpeechSynthes/index.mjs";
+export { AudioPlayer, AudioVisualizer, useAudioPlayer, useAudioRecorder, useAudioVisualizer, useBlobUrl, useEdgeSpeech, useMicrosoftSpeech, useOpenAISTT, useOpenAITTS, useSpeechRecognition, useSpeechSynthes, useStreamAudioPlayer };

package/tts/es/server/createOpenaiAudioSpeech.d.mts

@@ -0,0 +1,14 @@
+import { OpenAITTSPayload } from "../core/OpenAITTS/index.mjs";
+import OpenAI from "openai";
+
+//#region src/server/createOpenaiAudioSpeech.d.ts
+interface CreateOpenaiAudioSpeechCompletionOptions {
+  openai: OpenAI;
+  payload: OpenAITTSPayload;
+}
+declare const createOpenaiAudioSpeech: ({
+  payload,
+  openai
+}: CreateOpenaiAudioSpeechCompletionOptions) => Promise<Response>;
+//#endregion
+export { CreateOpenaiAudioSpeechCompletionOptions, createOpenaiAudioSpeech };

package/tts/es/server/createOpenaiAudioSpeech.mjs

@@ -0,0 +1,11 @@
+//#region src/server/createOpenaiAudioSpeech.ts
+const createOpenaiAudioSpeech = async ({ payload, openai }) => {
+	const { options, input } = payload;
+	return openai.audio.speech.create({
+		input,
+		model: options.model,
+		voice: options.voice
+	}, { headers: { Accept: "*/*" } });
+};
+//#endregion
+export { createOpenaiAudioSpeech };

package/tts/es/server/createOpenaiAudioTranscriptions.d.mts

@@ -0,0 +1,16 @@
+import { OpenAISTTPayload } from "../core/OpenAISTT/index.mjs";
+import OpenAI from "openai";
+
+//#region src/server/createOpenaiAudioTranscriptions.d.ts
+interface CreateOpenaiAudioTranscriptionsOptions {
+  openai: OpenAI;
+  payload: OpenAISTTPayload;
+}
+declare const createOpenaiAudioTranscriptions: ({
+  payload,
+  openai
+}: CreateOpenaiAudioTranscriptionsOptions) => Promise<OpenAI.Audio.Transcriptions.Transcription & {
+  _request_id?: string | null;
+}>;
+//#endregion
+export { CreateOpenaiAudioTranscriptionsOptions, createOpenaiAudioTranscriptions };

package/tts/es/server/createOpenaiAudioTranscriptions.mjs

@@ -0,0 +1,12 @@
+//#region src/server/createOpenaiAudioTranscriptions.ts
+const createOpenaiAudioTranscriptions = async ({ payload, openai }) => {
+	const { speech, options } = payload;
+	const file = new File([speech], `${Date.now()}.${options.mineType.extension}`, { type: options.mineType.mineType });
+	return await openai.audio.transcriptions.create({
+		file,
+		model: options.model,
+		prompt: options.prompt || ""
+	}, { headers: { Accept: "*/*" } });
+};
+//#endregion
+export { createOpenaiAudioTranscriptions };

package/tts/es/server.d.mts

@@ -0,0 +1,3 @@
+import { CreateOpenaiAudioSpeechCompletionOptions, createOpenaiAudioSpeech } from "./server/createOpenaiAudioSpeech.mjs";
+import { CreateOpenaiAudioTranscriptionsOptions, createOpenaiAudioTranscriptions } from "./server/createOpenaiAudioTranscriptions.mjs";
+export { type CreateOpenaiAudioSpeechCompletionOptions, type CreateOpenaiAudioTranscriptionsOptions, createOpenaiAudioSpeech, createOpenaiAudioTranscriptions };

package/tts/es/server.mjs

@@ -0,0 +1,3 @@
+import { createOpenaiAudioSpeech } from "./server/createOpenaiAudioSpeech.mjs";
+import { createOpenaiAudioTranscriptions } from "./server/createOpenaiAudioTranscriptions.mjs";
+export { createOpenaiAudioSpeech, createOpenaiAudioTranscriptions };

package/ui/es/A/index.d.mts

@@ -0,0 +1,10 @@
+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 };
+//# sourceMappingURL=index.d.mts.map

package/ui/es/A/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/ui/es/A/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/ui/es/A/index.mjs

@@ -0,0 +1,15 @@
+"use client";
+import { ConfigContext } from "../ConfigProvider/index.mjs";
+import { createElement, memo, use, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/A/index.tsx
+const createContainer = (as) => memo((props) => createElement(as, props));
+const A = (props) => {
+	const render = use(ConfigContext)?.aAs || "a";
+	return /* @__PURE__ */ jsx(useMemo(() => createContainer(render), [render]), { ...props });
+};
+A.displayName = "A";
+//#endregion
+export { A as default };
+
+//# sourceMappingURL=index.mjs.map

package/ui/es/A/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/A/index.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { createElement, type ElementType, type FC, memo, type Ref, use, useMemo } from 'react';\r\n\r\nimport { ConfigContext } from '../ConfigProvider';\r\nimport { type AProps } from '../types';\r\n\r\nconst createContainer = (as: ElementType) => memo((props: any) => createElement(as, props));\r\n\r\nconst A: FC<AProps & { ref?: Ref<HTMLAnchorElement> }> = (props) => {\r\n  const config = use(ConfigContext);\r\n  const render = config?.aAs || 'a';\r\n\r\n  const AContainer = useMemo(() => createContainer(render), [render]);\r\n\r\n  return <AContainer {...props} />;\r\n};\r\n\r\nA.displayName = 'A';\r\n\r\nexport default A;\r\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"}

package/ui/es/Accordion/Accordion.d.mts

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

package/ui/es/Accordion/Accordion.mjs

@@ -0,0 +1,90 @@
+"use client";
+import { AccordionConfigContext, AccordionItemStateProvider } from "./context.mjs";
+import { styles } from "./style.mjs";
+import { Children, Fragment, isValidElement, memo, useCallback, useMemo, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Divider } from "antd";
+import { cx } from "antd-style";
+import { LayoutGroup } from "motion/react";
+import useMergeState from "use-merge-value";
+//#region src/Accordion/Accordion.tsx
+const Accordion = memo(({ children, className: userClassName, style: userStyle, accordion = false, defaultExpandedKeys, expandedKeys: expandedKeysProp, onExpandedChange, variant = "borderless", gap, showDivider = false, disableAnimation = false, hideIndicator = false, indicatorPlacement = "start", keepContentMounted = true, classNames, styles: customStyles, motionProps, ref, ...rest }) => {
+	const validChildren = Children.toArray(children).filter(isValidElement);
+	const allItemKeys = validChildren.map((child, index) => child.props.itemKey || index);
+	const [expandedKeys, setExpandedKeys] = useMergeState(defaultExpandedKeys ?? allItemKeys, {
+		onChange: onExpandedChange,
+		value: expandedKeysProp
+	});
+	const expandedKeysRef = useRef(expandedKeys);
+	expandedKeysRef.current = expandedKeys;
+	const setExpandedKeysRef = useRef(setExpandedKeys);
+	setExpandedKeysRef.current = setExpandedKeys;
+	const isOpenKey = useCallback((key) => expandedKeysRef.current.includes(key), []);
+	const toggleExpand = useCallback((key) => {
+		const prev = expandedKeysRef.current;
+		let newKeys;
+		if (accordion) newKeys = prev.includes(key) ? [] : [key];
+		else newKeys = prev.includes(key) ? prev.filter((k) => k !== key) : [...prev, key];
+		setExpandedKeysRef.current(newKeys);
+	}, [accordion]);
+	const toggleExpandKeys = useCallback((keys, preferredKey) => {
+		const prev = expandedKeysRef.current;
+		const isOpen = keys.some((key) => prev.includes(key));
+		let newKeys;
+		if (accordion) newKeys = isOpen ? [] : [preferredKey];
+		else newKeys = isOpen ? prev.filter((key) => !keys.includes(key)) : [...prev, preferredKey];
+		setExpandedKeysRef.current(newKeys);
+	}, [accordion]);
+	const configValue = useMemo(() => ({
+		disableAnimation,
+		hideIndicator,
+		indicatorPlacement,
+		keepContentMounted,
+		motionProps,
+		showDivider,
+		variant
+	}), [
+		disableAnimation,
+		hideIndicator,
+		indicatorPlacement,
+		keepContentMounted,
+		motionProps,
+		showDivider,
+		variant
+	]);
+	const hasExplicitExpandedKeys = expandedKeysProp !== void 0 || defaultExpandedKeys !== void 0;
+	const content = /* @__PURE__ */ jsx(Fragment$1, { children: validChildren.map((child, index) => {
+		const hasChildItemKey = child.props.itemKey !== void 0;
+		const childKey = hasChildItemKey ? child.props.itemKey : index;
+		const itemIsOpen = expandedKeys.includes(childKey);
+		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AccordionItemStateProvider, {
+			expandedKeys: hasChildItemKey ? void 0 : expandedKeys,
+			isOpen: itemIsOpen,
+			isOpenKey,
+			itemKey: childKey,
+			preferProviderKeyForNestedItems: !hasExplicitExpandedKeys,
+			onToggleKey: toggleExpand,
+			onToggleKeys: toggleExpandKeys,
+			children: child
+		}), showDivider && index < validChildren.length - 1 && /* @__PURE__ */ jsx(Divider, { className: styles.divider })] }, childKey);
+	}) });
+	return /* @__PURE__ */ jsx(AccordionConfigContext, {
+		value: configValue,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cx(styles.base, classNames?.base, userClassName),
+			ref,
+			style: {
+				gap,
+				...customStyles?.base,
+				...userStyle
+			},
+			...rest,
+			children: disableAnimation ? content : /* @__PURE__ */ jsx(LayoutGroup, { children: content })
+		})
+	});
+});
+Accordion.displayName = "Accordion";
+//#endregion
+export { Accordion as default };
+
+//# sourceMappingURL=Accordion.mjs.map

package/ui/es/Accordion/Accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.mjs","names":[],"sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Divider } from 'antd';\r\nimport { cx } from 'antd-style';\r\nimport { LayoutGroup } from 'motion/react';\r\nimport { type Key } from 'react';\r\nimport { Children, Fragment, isValidElement, memo, useCallback, useMemo, useRef } from 'react';\r\nimport useMergeState from 'use-merge-value';\r\n\r\nimport { AccordionConfigContext, AccordionItemStateProvider } from './context';\r\nimport { styles } from './style';\r\nimport { type AccordionProps } from './type';\r\n\r\nconst Accordion = memo<AccordionProps>(\r\n  ({\r\n    children,\r\n    className: userClassName,\r\n    style: userStyle,\r\n    accordion = false,\r\n    defaultExpandedKeys,\r\n    expandedKeys: expandedKeysProp,\r\n    onExpandedChange,\r\n    variant = 'borderless',\r\n    gap,\r\n    showDivider = false,\r\n    disableAnimation = false,\r\n    hideIndicator = false,\r\n    indicatorPlacement = 'start',\r\n    keepContentMounted = true,\r\n    classNames,\r\n    styles: customStyles,\r\n    motionProps,\r\n    ref,\r\n    ...rest\r\n  }) => {\r\n    // Convert children to array and filter valid elements\r\n    const validChildren = Children.toArray(children).filter(isValidElement);\r\n\r\n    // Collect all item keys\r\n    const allItemKeys = validChildren.map((child, index) => (child.props as any).itemKey || index);\r\n\r\n    // If defaultExpandedKeys or expandedKeys is undefined, expand all items by default\r\n    const initialExpandedKeys = defaultExpandedKeys ?? allItemKeys;\r\n\r\n    const [expandedKeys, setExpandedKeys] = useMergeState<Key[]>(initialExpandedKeys, {\r\n      onChange: onExpandedChange,\r\n      value: expandedKeysProp,\r\n    });\r\n\r\n    // Hold expandedKeys and setExpandedKeys via refs so toggleExpand can stay\r\n    // reference-stable. use-merge-value's setter is recreated on every render,\r\n    // so depending on it would force AccordionItemStateProvider's memoized\r\n    // value to change identity each render — even when nothing toggled —\r\n    // re-rendering every nested AccordionItem via \"context changed\".\r\n    const expandedKeysRef = useRef(expandedKeys);\r\n    expandedKeysRef.current = expandedKeys;\r\n    const setExpandedKeysRef = useRef(setExpandedKeys);\r\n    setExpandedKeysRef.current = setExpandedKeys;\r\n\r\n    const isOpenKey = useCallback((key: Key) => expandedKeysRef.current.includes(key), []);\r\n\r\n    const toggleExpand = useCallback(\r\n      (key: Key) => {\r\n        const prev = expandedKeysRef.current;\r\n        let newKeys: Key[];\r\n\r\n        if (accordion) {\r\n          newKeys = prev.includes(key) ? [] : [key];\r\n        } else {\r\n          newKeys = prev.includes(key) ? prev.filter((k: Key) => k !== key) : [...prev, key];\r\n        }\r\n\r\n        setExpandedKeysRef.current(newKeys);\r\n      },\r\n      [accordion],\r\n    );\r\n\r\n    const toggleExpandKeys = useCallback(\r\n      (keys: Key[], preferredKey: Key) => {\r\n        const prev = expandedKeysRef.current;\r\n        const isOpen = keys.some((key) => prev.includes(key));\r\n        let newKeys: Key[];\r\n\r\n        if (accordion) {\r\n          newKeys = isOpen ? [] : [preferredKey];\r\n        } else {\r\n          newKeys = isOpen\r\n            ? prev.filter((key: Key) => !keys.includes(key))\r\n            : [...prev, preferredKey];\r\n        }\r\n\r\n        setExpandedKeysRef.current(newKeys);\r\n      },\r\n      [accordion],\r\n    );\r\n\r\n    const configValue = useMemo(\r\n      () => ({\r\n        disableAnimation,\r\n        hideIndicator,\r\n        indicatorPlacement,\r\n        keepContentMounted,\r\n        motionProps,\r\n        showDivider,\r\n        variant,\r\n      }),\r\n      [\r\n        disableAnimation,\r\n        hideIndicator,\r\n        indicatorPlacement,\r\n        keepContentMounted,\r\n        motionProps,\r\n        showDivider,\r\n        variant,\r\n      ],\r\n    );\r\n\r\n    const hasExplicitExpandedKeys =\r\n      expandedKeysProp !== undefined || defaultExpandedKeys !== undefined;\r\n\r\n    const content = (\r\n      <>\r\n        {validChildren.map((child, index) => {\r\n          const hasChildItemKey = (child.props as any).itemKey !== undefined;\r\n          const childKey = hasChildItemKey ? (child.props as any).itemKey : index;\r\n          const itemIsOpen = expandedKeys.includes(childKey);\r\n          return (\r\n            <Fragment key={childKey}>\r\n              <AccordionItemStateProvider\r\n                expandedKeys={hasChildItemKey ? undefined : expandedKeys}\r\n                isOpen={itemIsOpen}\r\n                isOpenKey={isOpenKey}\r\n                itemKey={childKey}\r\n                preferProviderKeyForNestedItems={!hasExplicitExpandedKeys}\r\n                onToggleKey={toggleExpand}\r\n                onToggleKeys={toggleExpandKeys}\r\n              >\r\n                {child}\r\n              </AccordionItemStateProvider>\r\n              {showDivider && index < validChildren.length - 1 && (\r\n                <Divider className={styles.divider} />\r\n              )}\r\n            </Fragment>\r\n          );\r\n        })}\r\n      </>\r\n    );\r\n\r\n    return (\r\n      <AccordionConfigContext value={configValue}>\r\n        <div\r\n          className={cx(styles.base, classNames?.base, userClassName)}\r\n          ref={ref}\r\n          style={{\r\n            gap: gap,\r\n            ...customStyles?.base,\r\n            ...userStyle,\r\n          }}\r\n          {...rest}\r\n        >\r\n          {disableAnimation ? content : <LayoutGroup>{content}</LayoutGroup>}\r\n        </div>\r\n      </AccordionConfigContext>\r\n    );\r\n  },\r\n);\r\n\r\nAccordion.displayName = 'Accordion';\r\n\r\nexport default Accordion;\r\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"}

package/ui/es/Accordion/AccordionItem.d.mts

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

package/ui/es/Accordion/AccordionItem.mjs

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

package/ui/es/Accordion/AccordionItem.mjs.map

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