@payfit/unity-components
Version:
44 lines (43 loc) • 3.18 kB
JavaScript
import { uyTv as e } from "@payfit/unity-themes";
//#region src/modules/ai-kit/utils/ai-gradient-effect.ts
var t = e({
base: /* @__PURE__ */ "uy:relative.uy:group.uy:isolate.uy:border-solid.uy:border-(length:--uy-ai-gradient-border-width).uy:motion-safe:transition-[--uy-ai-gradient-border-width,--uy-ai-gradient-border-opacity,--uy-ai-gradient-animation-play-state].uy:motion-safe:duration-50.uy:motion-safe:ease-linear.uy:supports-mask-border:border-transparent.uy:supports-mask-border:before:content-[''].uy:supports-mask-border:before:pointer-events-none.uy:supports-mask-border:before:absolute.uy:supports-mask-border:before:-inset-(--uy-ai-gradient-border-width).uy:supports-mask-border:before:z-0.uy:supports-mask-border:before:rounded-[inherit].uy:supports-mask-border:before:p-(--uy-ai-gradient-border-width).uy:supports-mask-border:before:opacity-[var(--uy-ai-gradient-border-opacity)].uy:motion-safe:before:[animation-play-state:var(--uy-ai-gradient-animation-play-state)].uy:supports-mask-border:before:[mask-image:linear-gradient(#000_0_0),linear-gradient(#000_0_0)].uy:supports-mask-border:before:[mask-origin:content-box,border-box].uy:supports-mask-border:before:[mask-clip:content-box,border-box].uy:supports-mask-border:before:[mask-composite:exclude].uy:supports-mask-border:before:[-webkit-mask-image:linear-gradient(#000_0_0),linear-gradient(#000_0_0)].uy:supports-mask-border:before:[-webkit-mask-origin:content-box,border-box].uy:supports-mask-border:before:[-webkit-mask-clip:content-box,border-box].uy:supports-mask-border:before:[-webkit-mask-composite:xor]".split("."),
variants: {
gradient: {
linear: ["uy:supports-mask-border:before:[background:linear-gradient(90deg,var(--uy-gradient-payfit-ai-animated))_0%_50%/400%_100%_no-repeat]", "uy:motion-safe:before:animate-uy-ai-gradient-linear-sweep"],
radial: ["uy:supports-mask-border:before:[background:radial-gradient(circle,var(--uy-gradient-payfit-ai))_center/100%_100%_no-repeat]", "uy:motion-safe:before:animate-uy-ai-gradient-radial-pulse"],
conic: ["uy:supports-mask-border:before:[background:conic-gradient(from_var(--uy-ai-gradient-angle),var(--uy-gradient-payfit-ai))_center/cover_no-repeat]", "uy:motion-safe:before:animate-uy-ai-gradient-angle-rotate"]
},
glow: {
true: [
"uy:after:content-['']",
"uy:after:pointer-events-none",
"uy:after:absolute",
"uy:after:inset-0",
"uy:after:-z-10",
"uy:after:rounded-[inherit]",
"uy:after:[box-shadow:var(--uy-ai-gradient-glow)]",
"uy:after:opacity-[var(--uy-ai-gradient-glow-visibility)]",
"uy:motion-safe:after:animate-uy-ai-gradient-angle-rotate",
"uy:motion-safe:after:[animation-play-state:var(--uy-ai-gradient-animation-play-state)]"
],
false: []
}
},
defaultVariants: {
gradient: "linear",
glow: !1
}
}), n = e({ base: [
"uy:pointer-events-none",
"uy:absolute",
"uy:inset-0",
"uy:z-10",
"uy:rounded-[inherit]",
"uy:bg-linear-45",
"uy:gradient-stops-payfit-ai",
"uy:opacity-[var(--uy-ai-gradient-surface-opacity)]",
"uy:motion-safe:transition-[--uy-ai-gradient-surface-opacity]"
] });
//#endregion
export { t as aiGradientEffect, n as aiGradientSurfaceEffect };