@payfit/unity-components
Version:
71 lines (70 loc) • 4.25 kB
JavaScript
import { aiGradientEffect as e, aiGradientSurfaceEffect as t } from "../../utils/ai-gradient-effect.js";
import { uyTv as n } from "@payfit/unity-themes";
//#region src/modules/ai-kit/components/ai-composer/AIComposer.variants.ts
var r = n({
slots: {
base: [
"uy:flex uy:min-h-15 uy:rounded-200 uy:border-1 uy:px-200 uy:py-150 uy:data-[state=\"enabled\"]:shadow-100",
"uy:bg-surface-neutral",
"uy:[--uy-ai-gradient-border-width:1px]",
"uy:[--uy-ai-gradient-border-opacity:0]",
"uy:[--uy-ai-gradient-surface-opacity:0]",
"uy:[--uy-ai-gradient-animation-play-state:paused]",
"uy:[--uy-ai-gradient-glow-opacity:0%]",
"uy:data-[state=\"enabled\"]:border-border-neutral",
"uy:data-[state=\"disabled\"]:cursor-not-allowed uy:data-[state=\"disabled\"]:bg-surface-neutral-disabled uy:data-[state=\"disabled\"]:border-border-neutral-disabled",
"uy:not-data-[state='disabled']:hover:border-border-neutral-hover uy:not-data-[state='disabled']:hover:shadow-200",
"uy:has-data-[focus-visible=\"true\"]:outline-2 uy:has-data-[focus-visible=\"true\"]:outline-solid uy:has-data-[focus-visible=\"true\"]:outline-offset-2 uy:has-data-[focus-visible=\"true\"]:outline-utility-focus-ring",
"uy:data-[focus-within=\"true\"]:[--uy-ai-gradient-border-width:1px]",
"uy:data-[focus-within=\"true\"]:[--uy-ai-gradient-border-opacity:1]",
"uy:data-[focus-within=\"true\"]:[--uy-ai-gradient-animation-play-state:paused]",
"uy:data-[focus-visible=\"true\"]:[--uy-ai-gradient-border-width:1px]",
"uy:data-[focus-visible=\"true\"]:[--uy-ai-gradient-border-opacity:1]",
"uy:data-[focus-visible=\"true\"]:[--uy-ai-gradient-animation-play-state:paused]",
"uy:data-[has-value=\"true\"]:[--uy-ai-gradient-border-width:1px]",
"uy:data-[has-value=\"true\"]:[--uy-ai-gradient-border-opacity:1]",
"uy:data-[has-value=\"true\"]:data-[focus-within=\"true\"]:[--uy-ai-gradient-border-width:1px]",
"uy:data-[has-value=\"true\"]:data-[focus-within=\"true\"]:[--uy-ai-gradient-animation-play-state:running]",
"uy:not-data-[state=\"disabled\"]:data-[has-value=\"true\"]:shadow-300",
"uy:data-[state=\"loading\"]:[--uy-ai-gradient-border-width:1px]",
"uy:data-[state=\"loading\"]:[--uy-ai-gradient-border-opacity:1]",
"uy:data-[state=\"loading\"]:[--uy-ai-gradient-surface-opacity:0]",
"uy:data-[state=\"loading\"]:[--uy-ai-gradient-animation-play-state:running]",
"uy:data-[state=\"loading\"]:[--uy-ai-gradient-glow-opacity:5%]",
"uy:data-[state=\"loading\"]:[--uy-ai-gradient-glow-visibility:1]",
"uy:data-[state=\"streaming\"]:[--uy-ai-gradient-border-width:1px]",
"uy:data-[state=\"streaming\"]:[--uy-ai-gradient-border-opacity:1]",
"uy:data-[state=\"streaming\"]:[--uy-ai-gradient-surface-opacity:0.02]",
"uy:data-[state=\"streaming\"]:[--uy-ai-gradient-animation-play-state:running]",
"uy:data-[state=\"streaming\"]:[--uy-ai-gradient-glow-opacity:5%]",
"uy:data-[state=\"streaming\"]:[--uy-ai-gradient-glow-visibility:1]",
"uy:data-[state=\"loading\"]:data-[focus-within=\"true\"]:[--uy-ai-gradient-border-width:1px]",
"uy:data-[state=\"loading\"]:data-[has-value=\"true\"]:[--uy-ai-gradient-border-width:1px]",
"uy:data-[state=\"loading\"]:shadow-none",
"uy:data-[state=\"streaming\"]:data-[focus-within=\"true\"]:[--uy-ai-gradient-border-width:1px]",
"uy:data-[state=\"streaming\"]:data-[has-value=\"true\"]:[--uy-ai-gradient-border-width:1px]",
"uy:data-[state=\"streaming\"]:shadow-none",
"uy:data-[state=\"disabled\"]:[--uy-ai-gradient-border-width:1px]",
"uy:data-[state=\"disabled\"]:[--uy-ai-gradient-border-opacity:0]",
"uy:data-[state=\"disabled\"]:[--uy-ai-gradient-surface-opacity:0]",
"uy:data-[state=\"disabled\"]:[--uy-ai-gradient-animation-play-state:paused]",
"uy:data-[state=\"disabled\"]:[--uy-ai-gradient-glow-opacity:0%]",
"uy:data-[state=\"disabled\"]:[--uy-ai-gradient-glow-visibility:0]",
"uy:data-[state=\"disabled\"]:shadow-none",
e({
gradient: "linear",
glow: !0
})
],
surface: t(),
content: "uy:relative uy:z-20 uy:flex uy:min-h-0 uy:min-w-0 uy:flex-1 uy:flex-col"
},
variants: { state: {
enabled: {},
disabled: {},
loading: {},
streaming: {}
} }
});
//#endregion
export { r as aiComposer };