@payfit/unity-components/dist/esm/components/pill/Pill.js

import { forwardRef as e } from "react";
import { uyTv as t } from "@payfit/unity-themes";
import { jsx as n } from "react/jsx-runtime";
//#region src/components/pill/Pill.tsx
var r = t({
	base: "uy:min-w-200 uy:h-200 uy:max-w-400 uy:inline-flex uy:items-center uy:justify-center uy:text-center uy:typography-body-small-strong",
	variants: {
		variant: {
			critical: "uy:bg-surface-danger uy:text-content-inverted",
			info: "uy:bg-surface-info uy:text-content-info-high",
			neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral"
		},
		shape: {
			circle: "uy:rounded-circle",
			pill: "uy:rounded-pill uy:px-50"
		},
		isDot: {
			true: "uy:!size-100 uy:!min-w-0",
			false: ""
		},
		isVisible: {
			true: "uy:visible",
			false: "uy:invisible"
		}
	},
	defaultVariants: {
		variant: "critical",
		shape: "pill",
		isDot: !1,
		isVisible: !0
	}
}), i = (e, t) => {
	let n = 10 ** t - 1;
	return e > n ? `${n}+` : e.toString();
}, a = e(({ variant: e = "critical", isVisible: t = !0, maxDigits: a = 2, value: o, ...s }, c) => {
	let l = Math.abs(o), u = l === 0 ? "" : i(l, a), d = r({
		variant: e,
		isVisible: t,
		shape: u.length <= 1 ? "circle" : "pill",
		isDot: l === 0
	});
	return /* @__PURE__ */ n("span", {
		"data-dd-privacy": "allow",
		...s,
		ref: c,
		role: "status",
		className: d,
		"aria-atomic": "true",
		children: u
	});
});
a.displayName = "Pill";
//#endregion
export { a as Pill };