import { genCollapseMotion } from "../../style/motion/collapse.js";
import { genStyleHooks } from "../../theme/genStyleUtils.js";
import { mergeToken } from "@antdv-next/cssinjs/cssinjs-utils";
//#region components/sources/style/index.ts
var genSourcesStyle = (token) => {
	const { componentCls, paddingXS, fontSizeSM, marginXXS, marginXS, marginSM, colorTextSecondary, colorText, fontSize, colorLink, lineHeight, colorFillSecondary, controlHeightXS, paddingXXS, calc } = token;
	return { [componentCls]: {
		[`${componentCls}-title-wrapper`]: {
			width: "fit-content",
			display: "flex",
			flexDirection: "row",
			gridGap: paddingXS,
			alignItems: "center",
			fontSize,
			color: colorTextSecondary,
			lineHeight,
			cursor: "pointer",
			marginBottom: marginSM
		},
		[`${componentCls}-title-down-icon`]: {
			fontSize: fontSizeSM,
			svg: { transition: `all ${token.motionDurationMid} ${token.motionEaseInOut}` }
		},
		[`${componentCls}-icon-position-end`]: { [`${componentCls}-title-down-icon`]: { order: 1 } },
		[`${componentCls}-list`]: {
			listStyle: "none",
			margin: 0,
			padding: 0,
			"ul, ol": {
				margin: 0,
				padding: 0,
				listStyle: "none"
			}
		},
		[`${componentCls}-list-item`]: { marginBottom: marginXS },
		[`${componentCls}-link`]: {
			color: colorText,
			display: "flex",
			gap: marginXXS,
			"&:hover": { color: colorLink }
		},
		[`&${componentCls}-inline`]: {
			display: "inline-flex",
			[`${componentCls}-title-wrapper`]: {
				background: colorFillSecondary,
				borderRadius: calc(controlHeightXS).div(2).equal(),
				height: controlHeightXS,
				lineHeight: controlHeightXS,
				fontSize: calc(fontSizeSM).sub(2).equal(),
				color: colorTextSecondary,
				fontWeight: 400,
				paddingInline: calc(paddingXXS).add(2).equal(),
				paddingBlock: 0,
				marginInline: marginXXS,
				marginBlock: 0
			}
		},
		[`${componentCls}-carousel-title`]: {
			display: "flex",
			justifyContent: "space-between"
		},
		[`${componentCls}-carousel-btn`]: {
			display: "inline-flex",
			cursor: "pointer",
			height: token.controlHeight,
			borderRadius: token.borderRadius,
			paddingInline: paddingXS,
			transition: `background ${token.motionDurationMid} ${token.motionEaseInOut}`,
			[`&:not(${componentCls}-carousel-btn-disabled):hover`]: { background: colorFillSecondary }
		},
		[`${componentCls}-carousel-btn-disabled`]: {
			opacity: .4,
			cursor: "text"
		},
		[`${componentCls}-carousel-item`]: {
			padding: paddingXS,
			boxSizing: "border-box",
			fontSize,
			lineHeight,
			cursor: "pointer",
			"&-title-wrapper": {
				gridGap: marginXXS,
				display: "flex"
			},
			"&-description": {
				opacity: .8,
				display: "-webkit-box",
				overflow: "hidden",
				WebkitBoxOrient: "vertical",
				WebkitLineClamp: 3,
				textOverflow: "ellipsis"
			}
		},
		[`${componentCls}-content-hidden`]: { display: "none" },
		[`&${componentCls}-rtl`]: { direction: "rtl" }
	} };
};
var prepareComponentToken = () => ({});
var style_default = genStyleHooks("Sources", (token) => {
	const compToken = mergeToken(token, {});
	return [genSourcesStyle(compToken), genCollapseMotion(compToken)];
}, prepareComponentToken);
//#endregion
export { style_default as default, prepareComponentToken };
