@payfit/unity-components/dist/esm/modules/ai-kit/components/ai-composer/parts/AIComposerAttachment.js

import { CircularIconButton as e } from "../../../../../core/components/icon-button/CircularIconButton.js";
import { Text as t } from "../../../../../core/components/text/Text.js";
import { forwardRef as n } from "react";
import { uyMerge as r, uyTv as i } from "@payfit/unity-themes";
import { jsx as a, jsxs as o } from "react/jsx-runtime";
import { useIntl as s } from "react-intl";
import { Icon as c } from "@payfit/unity-icons";
import { Tag as l } from "react-aria-components/TagGroup";
//#region src/modules/ai-kit/components/ai-composer/parts/AIComposerAttachment.tsx
var u = i({
	base: [
		"uy:group",
		"uy:inline-flex uy:min-w-0 uy:items-center uy:justify-center uy:gap-25",
		"uy:rounded-pill uy:bg-surface-neutral-lowest-enabled uy:pl-75 uy:pr-25 uy:text-content-neutral-enabled",
		"uy:enabled:hover:bg-surface-neutral-lowest-hover uy:enabled:hover:text-content-neutral-hover",
		"uy:enabled:active:bg-surface-neutral-lowest-active uy:enabled:active:text-content-neutral-active",
		"uy:data-[hovered=\"true\"]:bg-surface-neutral-lowest-hover uy:data-[hovered=\"true\"]:text-content-neutral-hover",
		"uy:data-[active=\"true\"]:bg-surface-neutral-lowest-active uy:data-[active=\"true\"]:text-content-neutral-active",
		"uy:data-[pressed=\"true\"]:bg-surface-neutral-lowest-pressed uy:data-[pressed=\"true\"]:text-content-neutral-pressed",
		"uy:data-[focus-visible=\"true\"]:text-content-neutral-focus",
		"uy:data-[focus-visible=\"true\"]:outline-2 uy:data-[focus-visible=\"true\"]:outline-solid uy:data-[focus-visible=\"true\"]:outline-utility-focus-ring uy:data-[focus-visible=\"true\"]:outline-offset-2",
		"uy:data-[disabled=\"true\"]:bg-surface-neutral-lowest-disabled uy:data-[disabled=\"true\"]:text-content-neutral-disabled"
	],
	slots: {
		label: "uy:min-w-0 uy:flex-1 uy:truncate",
		removeButton: "uy:data-[disabled=\"true\"]:bg-surface-neutral-lowest-disabled"
	}
}), d = n(({ children: n, icon: i, isDisabled: d, maxCharactersTruncation: f = 12, className: p, ...m }, h) => {
	let g = s(), _ = u();
	return /* @__PURE__ */ o(l, {
		ref: h,
		...m,
		isDisabled: d,
		className: r(_.base(), p),
		children: [
			/* @__PURE__ */ a(c, {
				src: i,
				size: 20,
				color: d ? "content.neutral.lowest.disabled" : "content.neutral.lowest",
				role: "presentation",
				"aria-hidden": "true"
			}),
			/* @__PURE__ */ a(t, {
				asElement: "span",
				className: _.label(),
				isTruncated: !0,
				maxWidthCh: f,
				variant: "bodySmallStrong",
				children: n
			}),
			/* @__PURE__ */ a(e, {
				className: _.removeButton(),
				isDisabled: d,
				asElement: "button",
				icon: "CloseOutlined",
				slot: "remove",
				title: g.formatMessage({
					id: "unity:module:ai-kit:composer:attachment:remove",
					defaultMessage: "Remove Attachment"
				})
			})
		]
	});
});
d.displayName = "AIComposerAttachment";
//#endregion
export { d as AIComposerAttachment };