UNPKG

@payfit/unity-components

Version:

69 lines (68 loc) • 4.16 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
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-[120px] uy:rounded-200 uy:border-2 uy:px-200 uy:py-150 uy:not-data-[state=\"disabled\"]:shadow-100", "uy:bg-surface-neutral", "uy:[--uy-ai-gradient-border-width:2px]", "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:hover:border-border-neutral-hover", "uy:data-[hovered=\"true\"]:border-border-neutral-hover", "uy:focus-within:outline-2 uy:focus-within:outline-solid uy:focus-within:outline-offset-2 uy:focus-within:outline-utility-focus-ring", "uy:data-[focus-visible=\"true\"]:outline-2 uy:data-[focus-visible=\"true\"]:outline-solid uy:data-[focus-visible=\"true\"]:outline-offset-2 uy:data-[focus-visible=\"true\"]:outline-utility-focus-ring", "uy:data-[focus-within=\"true\"]:[--uy-ai-gradient-border-width:2px]", "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:2px]", "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:2px]", "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:2px]", "uy:data-[has-value=\"true\"]:data-[focus-within=\"true\"]:[--uy-ai-gradient-animation-play-state:running]", "uy:data-[state=\"loading\"]:[--uy-ai-gradient-border-width:2px]", "uy:data-[state=\"loading\"]:[--uy-ai-gradient-border-opacity:1]", "uy:data-[state=\"loading\"]:[--uy-ai-gradient-surface-opacity:0.06]", "uy:data-[state=\"loading\"]:[--uy-ai-gradient-animation-play-state:running]", "uy:data-[state=\"loading\"]:[--uy-ai-gradient-glow-opacity:20%]", "uy:data-[state=\"loading\"]:[--uy-ai-gradient-glow-visibility:1]", "uy:data-[state=\"streaming\"]:[--uy-ai-gradient-border-width:2px]", "uy:data-[state=\"streaming\"]:[--uy-ai-gradient-border-opacity:1]", "uy:data-[state=\"streaming\"]:[--uy-ai-gradient-surface-opacity:0.06]", "uy:data-[state=\"streaming\"]:[--uy-ai-gradient-animation-play-state:running]", "uy:data-[state=\"streaming\"]:[--uy-ai-gradient-glow-opacity:20%]", "uy:data-[state=\"streaming\"]:[--uy-ai-gradient-glow-visibility:1]", "uy:data-[state=\"loading\"]:data-[focus-within=\"true\"]:[--uy-ai-gradient-border-width:2px]", "uy:data-[state=\"loading\"]:data-[has-value=\"true\"]:[--uy-ai-gradient-border-width:2px]", "uy:data-[state=\"streaming\"]:data-[focus-within=\"true\"]:[--uy-ai-gradient-border-width:2px]", "uy:data-[state=\"streaming\"]:data-[has-value=\"true\"]:[--uy-ai-gradient-border-width:2px]", "uy:data-[state=\"disabled\"]:[--uy-ai-gradient-border-width:2px]", "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]", 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 };