@vhyxui/react 0.1.1-alpha.1 → 0.1.2-alpha
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Button-CfYG4zkG.cjs → Button-AkUYT9eN.cjs} +1 -1
- package/dist/{Button-B32xz0b5.js → Button-D7eX45GC.js} +1 -1
- package/dist/{Input-Dqt5q33I.js → Input-BS_t1bl-.js} +38 -38
- package/dist/{Input-OFmZxiHe.cjs → Input-UQ2fQwE7.cjs} +1 -1
- package/dist/Spinner-BZGPmp9c.cjs +1 -0
- package/dist/{Spinner-Cd5tcOLS.js → Spinner-CZSz1OpT.js} +28 -20
- package/dist/TextField-C3r-6jr6.cjs +1 -0
- package/dist/TextField-DtXQQJJk.js +31 -0
- package/dist/TextareaField-CpqPinvx.js +31 -0
- package/dist/TextareaField-D234Lyi_.cjs +1 -0
- package/dist/button.cjs +1 -1
- package/dist/button.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +51 -0
- package/dist/index.js +46 -42
- package/dist/input.cjs +1 -1
- package/dist/input.js +1 -1
- package/dist/spinner.cjs +1 -1
- package/dist/spinner.js +1 -1
- package/dist/style.css +1 -1
- package/dist/textareafield.cjs +1 -0
- package/dist/textareafield.d.ts +84 -0
- package/dist/textareafield.js +4 -0
- package/dist/textfield.cjs +1 -0
- package/dist/textfield.d.ts +82 -0
- package/dist/textfield.js +4 -0
- package/package.json +12 -2
- package/dist/Spinner-DSHhLV-r.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("./jsx-runtime-BRMkMA8J.cjs"),b=require("react"),i=require("@vhyxui/core"),C=require("@vhyxseal/react"),S=require("./Spinner-
|
|
1
|
+
"use strict";const t=require("./jsx-runtime-BRMkMA8J.cjs"),b=require("react"),i=require("@vhyxui/core"),C=require("@vhyxseal/react"),S=require("./Spinner-BZGPmp9c.cjs"),I=require("./useId-D2AEOm2G.cjs"),V="_button_1wjdv_1",g="_content_1wjdv_57",z="_spinner_1wjdv_190",D="_icon_1wjdv_198",n={button:V,content:g,spinner:z,icon:D},m=b.forwardRef(({variant:a="primary",size:j="md",loading:r=!1,icon:e,iconPosition:u="left",iconOnly:s=!1,asChild:f=!1,contract:c,className:v,children:d,disabled:_,id:y,"aria-label":l,...N},x)=>{const R=I.useId("vhyx-button"),o=y??R;process.env.NODE_ENV!=="production"&&s&&!l&&console.warn("[VhyxUI] <Button iconOnly> requires an aria-label for accessibility. Screen reader users will not be able to identify this button.");const w=b.useMemo(()=>{const B=a==="destructive"?{safetyLevel:"high",destructive:!0,requiresConfirmation:!0}:{};return{...i.buttonContract,id:o,...B,...c}},[a,o,c]),E=_??r,q=[n.button,v].filter(Boolean).join(" "),p={id:o,className:q,"aria-busy":r?!0:void 0,"aria-label":l,"data-variant":a,"data-size":j,"data-loading":r?!0:void 0,"data-icon-only":s?!0:void 0,"data-vhyx-contract":JSON.stringify(w),...N};return f?t.jsxRuntimeExports.jsx(i.Slot,{ref:x,...p,children:d}):t.jsxRuntimeExports.jsxs("button",{ref:x,disabled:E,...p,children:[r&&t.jsxRuntimeExports.jsx(S.Spinner,{size:"sm",variant:"white","aria-hidden":"true",label:"",className:n.spinner}),e&&u==="left"&&!s&&t.jsxRuntimeExports.jsx("span",{className:n.icon,"aria-hidden":"true",children:e}),s&&e?t.jsxRuntimeExports.jsx("span",{className:n.icon,"aria-hidden":"true",children:e}):!s&&t.jsxRuntimeExports.jsx("span",{className:n.content,children:d}),e&&u==="right"&&!s&&t.jsxRuntimeExports.jsx("span",{className:n.icon,"aria-hidden":"true",children:e})]})});m.displayName="VhyxButton";const U={...i.buttonContract,id:"vhyxui-button"},h=C.withAgentContract(m,U);h.displayName="VhyxButton";exports.Button=h;
|
|
@@ -2,7 +2,7 @@ import { j as t } from "./jsx-runtime-CL69jGNW.js";
|
|
|
2
2
|
import C, { useMemo as S } from "react";
|
|
3
3
|
import { buttonContract as p, Slot as g } from "@vhyxui/core";
|
|
4
4
|
import { withAgentContract as I } from "@vhyxseal/react";
|
|
5
|
-
import { S as V } from "./Spinner-
|
|
5
|
+
import { S as V } from "./Spinner-CZSz1OpT.js";
|
|
6
6
|
import { u as E } from "./useId-BGRmH6iF.js";
|
|
7
7
|
const R = "_button_1wjdv_1", U = "_content_1wjdv_57", q = "_spinner_1wjdv_190", z = "_icon_1wjdv_198", a = {
|
|
8
8
|
button: R,
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { j as t } from "./jsx-runtime-CL69jGNW.js";
|
|
2
|
-
import
|
|
2
|
+
import W, { useState as H, useCallback as b } from "react";
|
|
3
3
|
import { inputContract as m } from "@vhyxui/core";
|
|
4
|
-
import { withAgentContract as
|
|
5
|
-
import { u as
|
|
6
|
-
const
|
|
7
|
-
wrapper:
|
|
8
|
-
"wrapper--error": "_wrapper--
|
|
4
|
+
import { withAgentContract as J } from "@vhyxseal/react";
|
|
5
|
+
import { u as O } from "./useId-BGRmH6iF.js";
|
|
6
|
+
const T = "_wrapper_uqbxf_1", D = "_input_uqbxf_60", G = "_icon_uqbxf_94", K = "_prefix_uqbxf_106", Q = "_suffix_uqbxf_107", e = {
|
|
7
|
+
wrapper: T,
|
|
8
|
+
"wrapper--error": "_wrapper--error_uqbxf_29",
|
|
9
9
|
input: D,
|
|
10
10
|
icon: G,
|
|
11
11
|
prefix: K,
|
|
12
12
|
suffix: Q,
|
|
13
|
-
"clear-button": "_clear-
|
|
14
|
-
"toggle-button": "_toggle-
|
|
13
|
+
"clear-button": "_clear-button_uqbxf_117",
|
|
14
|
+
"toggle-button": "_toggle-button_uqbxf_118"
|
|
15
15
|
};
|
|
16
16
|
function U({ crossed: a }) {
|
|
17
17
|
return /* @__PURE__ */ t.jsx(
|
|
@@ -54,64 +54,64 @@ function X() {
|
|
|
54
54
|
}
|
|
55
55
|
);
|
|
56
56
|
}
|
|
57
|
-
const w =
|
|
57
|
+
const w = W.forwardRef(
|
|
58
58
|
({
|
|
59
59
|
size: a = "md",
|
|
60
60
|
icon: n,
|
|
61
61
|
iconPosition: i = "left",
|
|
62
62
|
suffix: o,
|
|
63
|
-
prefix:
|
|
63
|
+
prefix: x,
|
|
64
64
|
clearable: j = !1,
|
|
65
65
|
onClear: s,
|
|
66
66
|
error: c = !1,
|
|
67
67
|
contract: _,
|
|
68
|
-
className:
|
|
68
|
+
className: y,
|
|
69
69
|
id: g,
|
|
70
70
|
type: d,
|
|
71
71
|
value: l,
|
|
72
|
-
onChange:
|
|
73
|
-
"aria-label":
|
|
74
|
-
"aria-describedby":
|
|
75
|
-
...
|
|
72
|
+
onChange: v,
|
|
73
|
+
"aria-label": I,
|
|
74
|
+
"aria-describedby": N,
|
|
75
|
+
...k
|
|
76
76
|
}, C) => {
|
|
77
|
-
const
|
|
78
|
-
|
|
79
|
-
}, []),
|
|
77
|
+
const q = O("vhyx-input"), h = g ?? q, [u, S] = H(!1), B = b(() => {
|
|
78
|
+
S((F) => !F);
|
|
79
|
+
}, []), p = d === "password", A = d === "search", L = p ? u ? "text" : "password" : d, M = l !== void 0 ? String(l).length > 0 : !1, f = j || A && M, P = b(() => {
|
|
80
80
|
s == null || s();
|
|
81
|
-
}, [s]), r = !!n,
|
|
81
|
+
}, [s]), r = !!n, R = !!x, V = !!o || p || f, z = {
|
|
82
82
|
...m,
|
|
83
|
-
id:
|
|
83
|
+
id: h,
|
|
84
84
|
..._
|
|
85
|
-
},
|
|
85
|
+
}, E = [
|
|
86
86
|
e.wrapper,
|
|
87
87
|
c ? e["wrapper--error"] : "",
|
|
88
|
-
|
|
88
|
+
y
|
|
89
89
|
].filter(Boolean).join(" ");
|
|
90
90
|
return /* @__PURE__ */ t.jsxs(
|
|
91
91
|
"div",
|
|
92
92
|
{
|
|
93
|
-
className:
|
|
93
|
+
className: E,
|
|
94
94
|
"data-size": a,
|
|
95
95
|
"data-error": c ? !0 : void 0,
|
|
96
96
|
"data-has-icon": r ? !0 : void 0,
|
|
97
97
|
"data-icon-position": r ? i : void 0,
|
|
98
98
|
children: [
|
|
99
|
-
|
|
99
|
+
R && /* @__PURE__ */ t.jsx("span", { className: e.prefix, "aria-hidden": "true", children: x }),
|
|
100
100
|
r && i === "left" && /* @__PURE__ */ t.jsx("span", { className: e.icon, "aria-hidden": "true", children: n }),
|
|
101
101
|
/* @__PURE__ */ t.jsx(
|
|
102
102
|
"input",
|
|
103
103
|
{
|
|
104
104
|
ref: C,
|
|
105
|
-
id:
|
|
106
|
-
type:
|
|
105
|
+
id: h,
|
|
106
|
+
type: L,
|
|
107
107
|
value: l,
|
|
108
|
-
onChange:
|
|
108
|
+
onChange: v,
|
|
109
109
|
"aria-invalid": c ? !0 : void 0,
|
|
110
|
-
"aria-label":
|
|
111
|
-
"aria-describedby":
|
|
110
|
+
"aria-label": I,
|
|
111
|
+
"aria-describedby": N,
|
|
112
112
|
className: e.input,
|
|
113
|
-
"data-vhyx-contract": JSON.stringify(
|
|
114
|
-
...
|
|
113
|
+
"data-vhyx-contract": JSON.stringify(z),
|
|
114
|
+
...k
|
|
115
115
|
}
|
|
116
116
|
),
|
|
117
117
|
r && i === "right" && /* @__PURE__ */ t.jsx("span", { className: e.icon, "aria-hidden": "true", children: n }),
|
|
@@ -120,31 +120,31 @@ const w = H.forwardRef(
|
|
|
120
120
|
{
|
|
121
121
|
type: "button",
|
|
122
122
|
className: e["clear-button"],
|
|
123
|
-
onClick:
|
|
123
|
+
onClick: P,
|
|
124
124
|
"aria-label": "Clear",
|
|
125
125
|
tabIndex: 0,
|
|
126
126
|
children: /* @__PURE__ */ t.jsx(X, {})
|
|
127
127
|
}
|
|
128
128
|
),
|
|
129
|
-
|
|
129
|
+
p && /* @__PURE__ */ t.jsx(
|
|
130
130
|
"button",
|
|
131
131
|
{
|
|
132
132
|
type: "button",
|
|
133
133
|
className: e["toggle-button"],
|
|
134
|
-
onClick:
|
|
135
|
-
"aria-label":
|
|
134
|
+
onClick: B,
|
|
135
|
+
"aria-label": u ? "Hide password" : "Show password",
|
|
136
136
|
tabIndex: 0,
|
|
137
|
-
children: /* @__PURE__ */ t.jsx(U, { crossed:
|
|
137
|
+
children: /* @__PURE__ */ t.jsx(U, { crossed: u })
|
|
138
138
|
}
|
|
139
139
|
),
|
|
140
|
-
|
|
140
|
+
V && o && /* @__PURE__ */ t.jsx("span", { className: e.suffix, "aria-hidden": "true", children: o })
|
|
141
141
|
]
|
|
142
142
|
}
|
|
143
143
|
);
|
|
144
144
|
}
|
|
145
145
|
);
|
|
146
146
|
w.displayName = "VhyxInput";
|
|
147
|
-
const Y = { ...m, id: "vhyxui-input" }, Z =
|
|
147
|
+
const Y = { ...m, id: "vhyxui-input" }, Z = J(w, Y);
|
|
148
148
|
Z.displayName = "VhyxInput";
|
|
149
149
|
export {
|
|
150
150
|
Z as I
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const t=require("./jsx-runtime-BRMkMA8J.cjs"),n=require("react"),
|
|
1
|
+
"use strict";const t=require("./jsx-runtime-BRMkMA8J.cjs"),n=require("react"),f=require("@vhyxui/core"),H=require("@vhyxseal/react"),J=require("./useId-D2AEOm2G.cjs"),O="_wrapper_uqbxf_1",T="_input_uqbxf_60",D="_icon_uqbxf_94",G="_prefix_uqbxf_106",K="_suffix_uqbxf_107",s={wrapper:O,"wrapper--error":"_wrapper--error_uqbxf_29",input:T,icon:D,prefix:G,suffix:K,"clear-button":"_clear-button_uqbxf_117","toggle-button":"_toggle-button_uqbxf_118"};function Q({crossed:i}){return t.jsxRuntimeExports.jsx("svg",{"aria-hidden":"true",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",style:{width:"1em",height:"1em"},children:i?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("path",{d:"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94"}),t.jsxRuntimeExports.jsx("path",{d:"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19"}),t.jsxRuntimeExports.jsx("line",{x1:"1",y1:"1",x2:"23",y2:"23"})]}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),t.jsxRuntimeExports.jsx("circle",{cx:12,cy:12,r:3})]})})}function U(){return t.jsxRuntimeExports.jsxs("svg",{"aria-hidden":"true",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,strokeLinecap:"round",style:{width:"0.75em",height:"0.75em"},children:[t.jsxRuntimeExports.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsxRuntimeExports.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}const b=n.forwardRef(({size:i="md",icon:a,iconPosition:o="left",suffix:x,prefix:h,clearable:R=!1,onClear:e,error:u=!1,contract:E,className:_,id:y,type:c,value:p,onChange:g,"aria-label":v,"aria-describedby":I,...q},k)=>{const C=J.useId("vhyx-input"),j=y??C,[d,N]=n.useState(!1),S=n.useCallback(()=>{N(W=>!W)},[]),l=c==="password",B=c==="search",A=l?d?"text":"password":c,L=p!==void 0?String(p).length>0:!1,m=R||B&&L,M=n.useCallback(()=>{e==null||e()},[e]),r=!!a,P=!!h,V=!!x||l||m,z={...f.inputContract,id:j,...E},F=[s.wrapper,u?s["wrapper--error"]:"",_].filter(Boolean).join(" ");return t.jsxRuntimeExports.jsxs("div",{className:F,"data-size":i,"data-error":u?!0:void 0,"data-has-icon":r?!0:void 0,"data-icon-position":r?o:void 0,children:[P&&t.jsxRuntimeExports.jsx("span",{className:s.prefix,"aria-hidden":"true",children:h}),r&&o==="left"&&t.jsxRuntimeExports.jsx("span",{className:s.icon,"aria-hidden":"true",children:a}),t.jsxRuntimeExports.jsx("input",{ref:k,id:j,type:A,value:p,onChange:g,"aria-invalid":u?!0:void 0,"aria-label":v,"aria-describedby":I,className:s.input,"data-vhyx-contract":JSON.stringify(z),...q}),r&&o==="right"&&t.jsxRuntimeExports.jsx("span",{className:s.icon,"aria-hidden":"true",children:a}),m&&t.jsxRuntimeExports.jsx("button",{type:"button",className:s["clear-button"],onClick:M,"aria-label":"Clear",tabIndex:0,children:t.jsxRuntimeExports.jsx(U,{})}),l&&t.jsxRuntimeExports.jsx("button",{type:"button",className:s["toggle-button"],onClick:S,"aria-label":d?"Hide password":"Show password",tabIndex:0,children:t.jsxRuntimeExports.jsx(Q,{crossed:d})}),V&&x&&t.jsxRuntimeExports.jsx("span",{className:s.suffix,"aria-hidden":"true",children:x})]})});b.displayName="VhyxInput";const X={...f.inputContract,id:"vhyxui-input"},w=H.withAgentContract(b,X);w.displayName="VhyxInput";exports.Input=w;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const n=require("./jsx-runtime-BRMkMA8J.cjs"),x=require("react"),d=require("@vhyxui/core"),u=require("@vhyxseal/react"),h="_spinner_1udc2_1",m={spinner:h},r={xs:12,sm:20,md:32,lg:48,xl:64},s=x.forwardRef(({size:t="md",variant:o="default",label:e="Loading",className:a,...c},p)=>{const l=[m.spinner,a].filter(Boolean).join(" ");return n.jsxRuntimeExports.jsxs("svg",{ref:p,role:"status","aria-label":e,width:r[t],height:r[t],viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:l,"data-size":t,"data-variant":o,...c,children:[n.jsxRuntimeExports.jsx("title",{children:e}),n.jsxRuntimeExports.jsx("circle",{cx:12,cy:12,r:9,strokeWidth:2.5,stroke:"currentColor",opacity:.2}),n.jsxRuntimeExports.jsx("path",{d:"M12 3a9 9 0 0 1 9 9",strokeWidth:2.5,stroke:"currentColor",strokeLinecap:"round"})]})});s.displayName="VhyxSpinner";const j={...d.spinnerContract,id:"vhyxui-spinner"},i=u.withAgentContract(s,j);i.displayName="VhyxSpinner";exports.Spinner=i;
|
|
@@ -1,31 +1,39 @@
|
|
|
1
1
|
import { j as r } from "./jsx-runtime-CL69jGNW.js";
|
|
2
|
-
import
|
|
3
|
-
import { spinnerContract as
|
|
4
|
-
import { withAgentContract as
|
|
5
|
-
const
|
|
6
|
-
spinner:
|
|
7
|
-
},
|
|
2
|
+
import l from "react";
|
|
3
|
+
import { spinnerContract as d } from "@vhyxui/core";
|
|
4
|
+
import { withAgentContract as m } from "@vhyxseal/react";
|
|
5
|
+
const x = "_spinner_1udc2_1", h = {
|
|
6
|
+
spinner: x
|
|
7
|
+
}, s = {
|
|
8
|
+
xs: 12,
|
|
9
|
+
sm: 20,
|
|
10
|
+
md: 32,
|
|
11
|
+
lg: 48,
|
|
12
|
+
xl: 64
|
|
13
|
+
}, e = l.forwardRef(
|
|
8
14
|
({
|
|
9
|
-
size:
|
|
10
|
-
variant:
|
|
15
|
+
size: t = "md",
|
|
16
|
+
variant: o = "default",
|
|
11
17
|
label: n = "Loading",
|
|
12
|
-
className:
|
|
13
|
-
...
|
|
14
|
-
},
|
|
15
|
-
const p = [
|
|
18
|
+
className: i,
|
|
19
|
+
...a
|
|
20
|
+
}, c) => {
|
|
21
|
+
const p = [h.spinner, i].filter(Boolean).join(" ");
|
|
16
22
|
return /* @__PURE__ */ r.jsxs(
|
|
17
23
|
"svg",
|
|
18
24
|
{
|
|
19
|
-
ref:
|
|
25
|
+
ref: c,
|
|
20
26
|
role: "status",
|
|
21
27
|
"aria-label": n,
|
|
28
|
+
width: s[t],
|
|
29
|
+
height: s[t],
|
|
22
30
|
viewBox: "0 0 24 24",
|
|
23
31
|
fill: "none",
|
|
24
32
|
xmlns: "http://www.w3.org/2000/svg",
|
|
25
33
|
className: p,
|
|
26
|
-
"data-size":
|
|
27
|
-
"data-variant":
|
|
28
|
-
...
|
|
34
|
+
"data-size": t,
|
|
35
|
+
"data-variant": o,
|
|
36
|
+
...a,
|
|
29
37
|
children: [
|
|
30
38
|
/* @__PURE__ */ r.jsx("title", { children: n }),
|
|
31
39
|
/* @__PURE__ */ r.jsx(
|
|
@@ -53,9 +61,9 @@ const m = "_spinner_3wx6i_1", x = {
|
|
|
53
61
|
);
|
|
54
62
|
}
|
|
55
63
|
);
|
|
56
|
-
|
|
57
|
-
const
|
|
58
|
-
|
|
64
|
+
e.displayName = "VhyxSpinner";
|
|
65
|
+
const f = { ...d, id: "vhyxui-spinner" }, u = m(e, f);
|
|
66
|
+
u.displayName = "VhyxSpinner";
|
|
59
67
|
export {
|
|
60
|
-
|
|
68
|
+
u as S
|
|
61
69
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const i=require("./jsx-runtime-BRMkMA8J.cjs"),c=require("./Field-D6FSsUGj.cjs"),o=require("./Input-UQ2fQwE7.cjs");function s({name:e,label:r,hint:n,error:t,required:u,optional:x,layout:d,...l}){return i.jsxRuntimeExports.jsx(c.Field,{name:e,label:r,hint:n,error:t,required:u,optional:x,layout:d,children:i.jsxRuntimeExports.jsx(o.Input,{name:e,error:!!t,...l})})}s.displayName="VhyxTextField";exports.TextField=s;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { j as i } from "./jsx-runtime-CL69jGNW.js";
|
|
2
|
+
import { F as a } from "./Field-Bv07PL2M.js";
|
|
3
|
+
import { I as d } from "./Input-BS_t1bl-.js";
|
|
4
|
+
function l({
|
|
5
|
+
name: r,
|
|
6
|
+
label: e,
|
|
7
|
+
hint: o,
|
|
8
|
+
error: t,
|
|
9
|
+
required: s,
|
|
10
|
+
optional: x,
|
|
11
|
+
layout: m,
|
|
12
|
+
...p
|
|
13
|
+
}) {
|
|
14
|
+
return /* @__PURE__ */ i.jsx(
|
|
15
|
+
a,
|
|
16
|
+
{
|
|
17
|
+
name: r,
|
|
18
|
+
label: e,
|
|
19
|
+
hint: o,
|
|
20
|
+
error: t,
|
|
21
|
+
required: s,
|
|
22
|
+
optional: x,
|
|
23
|
+
layout: m,
|
|
24
|
+
children: /* @__PURE__ */ i.jsx(d, { name: r, error: !!t, ...p })
|
|
25
|
+
}
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
l.displayName = "VhyxTextField";
|
|
29
|
+
export {
|
|
30
|
+
l as T
|
|
31
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { j as a } from "./jsx-runtime-CL69jGNW.js";
|
|
2
|
+
import { F as p } from "./Field-Bv07PL2M.js";
|
|
3
|
+
import { T as d } from "./Textarea-CLrctxHU.js";
|
|
4
|
+
function l({
|
|
5
|
+
name: r,
|
|
6
|
+
label: t,
|
|
7
|
+
hint: i,
|
|
8
|
+
error: e,
|
|
9
|
+
required: o,
|
|
10
|
+
optional: s,
|
|
11
|
+
layout: x,
|
|
12
|
+
...m
|
|
13
|
+
}) {
|
|
14
|
+
return /* @__PURE__ */ a.jsx(
|
|
15
|
+
p,
|
|
16
|
+
{
|
|
17
|
+
name: r,
|
|
18
|
+
label: t,
|
|
19
|
+
hint: i,
|
|
20
|
+
error: e,
|
|
21
|
+
required: o,
|
|
22
|
+
optional: s,
|
|
23
|
+
layout: x,
|
|
24
|
+
children: /* @__PURE__ */ a.jsx(d, { name: r, error: !!e, ...m })
|
|
25
|
+
}
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
l.displayName = "VhyxTextareaField";
|
|
29
|
+
export {
|
|
30
|
+
l as T
|
|
31
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("./jsx-runtime-BRMkMA8J.cjs"),l=require("./Field-D6FSsUGj.cjs"),c=require("./Textarea-H6evM8L4.cjs");function i({name:e,label:s,hint:x,error:r,required:a,optional:n,layout:u,...d}){return t.jsxRuntimeExports.jsx(l.Field,{name:e,label:s,hint:x,error:r,required:a,optional:n,layout:u,children:t.jsxRuntimeExports.jsx(c.Textarea,{name:e,error:!!r,...d})})}i.displayName="VhyxTextareaField";exports.TextareaField=i;
|
package/dist/button.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button-AkUYT9eN.cjs");exports.Button=t.Button;
|
package/dist/button.js
CHANGED
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./VhyxUIProvider-C7ie8u2L.cjs"),d=require("./Button-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./VhyxUIProvider-C7ie8u2L.cjs"),d=require("./Button-AkUYT9eN.cjs"),l=require("./Input-UQ2fQwE7.cjs"),T=require("./Textarea-H6evM8L4.cjs"),q=require("./Select-C9yB2B8M.cjs"),g=require("./Checkbox-DvkT6QP9.cjs"),u=require("./RadioItem-BfkTHBxQ.cjs"),m=require("./Switch-BU_Tcttb.cjs"),s=require("./Field-D6FSsUGj.cjs"),x=require("./TextField-C3r-6jr6.cjs"),P=require("./TextareaField-D234Lyi_.cjs"),t=require("./Toast-ndaxbpcV.cjs"),f=require("./Alert-BJ1O0bnK.cjs"),F=require("./Badge-RM7n86Rq.cjs"),b=require("./Progress-FO-4WX0i.cjs"),S=require("./Spinner-BZGPmp9c.cjs"),v=require("./Dialog-gPT4noD8.cjs"),I=require("./Drawer-BygSIQQn.cjs"),h=require("./Tooltip-CCd6VRvZ.cjs"),w=require("./Popover-BPFkS4xn.cjs"),B=require("./Card-d5xrWgQS.cjs"),C=require("./Separator-C5lPGzes.cjs"),D=require("./Tabs-DuU02-UD.cjs"),y=require("./Breadcrumb-StitgXXx.cjs"),A=require("./Pagination-CmmcBPNz.cjs"),R=5e3;function o(i,r,e){const n={message:i,variant:r,duration:(e==null?void 0:e.duration)??R,dismissible:(e==null?void 0:e.dismissible)??!0};return(e==null?void 0:e.description)!==void 0&&(n.description=e.description),(e==null?void 0:e.action)!==void 0&&(n.action=e.action),n}function a(i,r){return t.addToast(o(i,"default",r))}a.success=function(r,e){return t.addToast(o(r,"success",e))};a.danger=function(r,e){return t.addToast(o(r,"danger",e))};a.warning=function(r,e){return t.addToast(o(r,"warning",e))};a.info=function(r,e){return t.addToast(o(r,"info",e))};a.dismiss=function(r){r!==void 0?t.dismissToast(r):t.dismissAllToasts()};const U=a;exports.VhyxUIProvider=c.VhyxUIProvider;exports.Button=d.Button;exports.Input=l.Input;exports.Textarea=T.Textarea;exports.Select=q.Select;exports.Checkbox=g.Checkbox;exports.RadioGroup=u.RadioGroup;exports.RadioItem=u.RadioItem;exports.Switch=m.Switch;exports.Field=s.Field;exports.Form=s.Form;exports.useFormContext=s.useFormContext;exports.TextField=x.TextField;exports.TextareaField=P.TextareaField;exports.Toast=t.Toast;exports.ToastProvider=t.ToastProvider;exports.Alert=f.Alert;exports.Badge=F.Badge;exports.Progress=b.Progress;exports.Spinner=S.Spinner;exports.Dialog=v.Dialog;exports.Drawer=I.Drawer;exports.Tooltip=h.Tooltip;exports.Popover=w.Popover;exports.Card=B.Card;exports.Separator=C.Separator;exports.Tabs=D.Tabs;exports.Breadcrumb=y.Breadcrumb;exports.Pagination=A.Pagination;exports.toast=U;
|
package/dist/index.d.ts
CHANGED
|
@@ -496,6 +496,12 @@ export declare namespace Field {
|
|
|
496
496
|
var displayName: string;
|
|
497
497
|
}
|
|
498
498
|
|
|
499
|
+
/** Field-owned props — pulled from FieldProps without the HTML div base to avoid event-handler conflicts. */
|
|
500
|
+
declare type FieldOwnProps = Pick<FieldProps, 'name' | 'label' | 'hint' | 'error' | 'required' | 'optional' | 'layout'>;
|
|
501
|
+
|
|
502
|
+
/** Field-owned props — pulled from FieldProps without the HTML div base to avoid event-handler conflicts. */
|
|
503
|
+
declare type FieldOwnProps_2 = Pick<FieldProps, 'name' | 'label' | 'hint' | 'error' | 'required' | 'optional' | 'layout'>;
|
|
504
|
+
|
|
499
505
|
/** Props for the Field component — the label/input/hint/error assembly layer. */
|
|
500
506
|
export declare interface FieldProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
501
507
|
/**
|
|
@@ -987,6 +993,28 @@ export declare type TabsVariant = 'default' | 'pills' | 'underline' | 'enclosed'
|
|
|
987
993
|
|
|
988
994
|
export declare const Textarea: default_2.ForwardRefExoticComponent<default_2.PropsWithoutRef<TextareaProps> & default_2.RefAttributes<HTMLTextAreaElement>>;
|
|
989
995
|
|
|
996
|
+
/**
|
|
997
|
+
* TextareaField — convenience compound of Field + Textarea.
|
|
998
|
+
*
|
|
999
|
+
* Renders a labelled multi-line textarea with hint, error, and required
|
|
1000
|
+
* indicator fully wired. Prefer this over manually composing Field + Textarea.
|
|
1001
|
+
*
|
|
1002
|
+
* @example
|
|
1003
|
+
* <TextareaField name="bio" label="Bio" minRows={4} placeholder="Tell us about yourself" />
|
|
1004
|
+
*/
|
|
1005
|
+
export declare function TextareaField({ name, label, hint, error, required, optional, layout, ...textareaProps }: TextareaFieldProps): default_2.ReactElement;
|
|
1006
|
+
|
|
1007
|
+
export declare namespace TextareaField {
|
|
1008
|
+
var displayName: string;
|
|
1009
|
+
}
|
|
1010
|
+
|
|
1011
|
+
/**
|
|
1012
|
+
* Combined props for TextareaField.
|
|
1013
|
+
* `error` is a string (error message) from FieldProps.
|
|
1014
|
+
* `id` is omitted — Field generates and manages it internally.
|
|
1015
|
+
*/
|
|
1016
|
+
export declare type TextareaFieldProps = FieldOwnProps_2 & Omit<TextareaProps, 'id' | 'error'>;
|
|
1017
|
+
|
|
990
1018
|
/** Props for the Textarea component. */
|
|
991
1019
|
export declare interface TextareaProps extends default_2.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
992
1020
|
/** Size of the textarea. @default 'md' */
|
|
@@ -1015,6 +1043,29 @@ export declare type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both'
|
|
|
1015
1043
|
/** Size tokens available on the Textarea component. */
|
|
1016
1044
|
export declare type TextareaSize = 'sm' | 'md' | 'lg';
|
|
1017
1045
|
|
|
1046
|
+
/**
|
|
1047
|
+
* TextField — convenience compound of Field + Input.
|
|
1048
|
+
*
|
|
1049
|
+
* Renders a labelled text input with hint, error, and required indicator
|
|
1050
|
+
* fully wired. Prefer this over manually composing Field + Input for
|
|
1051
|
+
* single-line text inputs.
|
|
1052
|
+
*
|
|
1053
|
+
* @example
|
|
1054
|
+
* <TextField name="email" label="Email" type="email" placeholder="you@example.com" required />
|
|
1055
|
+
*/
|
|
1056
|
+
export declare function TextField({ name, label, hint, error, required, optional, layout, ...inputProps }: TextFieldProps): default_2.ReactElement;
|
|
1057
|
+
|
|
1058
|
+
export declare namespace TextField {
|
|
1059
|
+
var displayName: string;
|
|
1060
|
+
}
|
|
1061
|
+
|
|
1062
|
+
/**
|
|
1063
|
+
* Combined props for TextField.
|
|
1064
|
+
* `error` is a string (error message) from FieldProps.
|
|
1065
|
+
* `id` is omitted — Field generates and manages it internally.
|
|
1066
|
+
*/
|
|
1067
|
+
export declare type TextFieldProps = FieldOwnProps & Omit<InputProps, 'id' | 'error'>;
|
|
1068
|
+
|
|
1018
1069
|
export declare const Toast: default_2.ComponentType<ToastProviderProps> & {
|
|
1019
1070
|
displayName: string;
|
|
1020
1071
|
};
|
package/dist/index.js
CHANGED
|
@@ -1,27 +1,29 @@
|
|
|
1
|
-
import { V as
|
|
2
|
-
import { B as
|
|
3
|
-
import { I as P } from "./Input-
|
|
4
|
-
import { T as
|
|
5
|
-
import { S as
|
|
6
|
-
import { C as
|
|
1
|
+
import { V as T } from "./VhyxUIProvider-DVFSW4q-.js";
|
|
2
|
+
import { B as p } from "./Button-D7eX45GC.js";
|
|
3
|
+
import { I as P } from "./Input-BS_t1bl-.js";
|
|
4
|
+
import { T as S } from "./Textarea-CLrctxHU.js";
|
|
5
|
+
import { S as v } from "./Select-DjeJOdb7.js";
|
|
6
|
+
import { C as D } from "./Checkbox-DWl91ci_.js";
|
|
7
7
|
import { R as A, a as C } from "./RadioItem-CzHSS_qK.js";
|
|
8
8
|
import { S as R } from "./Switch-DOAZfSV0.js";
|
|
9
9
|
import { F as y, a as U, u as V } from "./Field-Bv07PL2M.js";
|
|
10
|
+
import { T as E } from "./TextField-DtXQQJJk.js";
|
|
11
|
+
import { T as L } from "./TextareaField-CpqPinvx.js";
|
|
10
12
|
import { b as s, c as i, d as m } from "./Toast-0acAjZTB.js";
|
|
11
|
-
import { T as
|
|
12
|
-
import { A as
|
|
13
|
-
import { B as
|
|
14
|
-
import { P as
|
|
15
|
-
import { S as
|
|
16
|
-
import { D as
|
|
17
|
-
import { D as
|
|
18
|
-
import { T as
|
|
19
|
-
import { P as
|
|
20
|
-
import { C as
|
|
21
|
-
import { S as
|
|
22
|
-
import { T as
|
|
23
|
-
import { B as
|
|
24
|
-
import { P as
|
|
13
|
+
import { T as O, a as _ } from "./Toast-0acAjZTB.js";
|
|
14
|
+
import { A as q } from "./Alert-am3ANPTH.js";
|
|
15
|
+
import { B as H } from "./Badge-Fuc7l-1E.js";
|
|
16
|
+
import { P as K } from "./Progress-DWLr6Bq2.js";
|
|
17
|
+
import { S as Q } from "./Spinner-CZSz1OpT.js";
|
|
18
|
+
import { D as X } from "./Dialog-CtYu14zl.js";
|
|
19
|
+
import { D as Z } from "./Drawer-BFJxsPG1.js";
|
|
20
|
+
import { T as rr } from "./Tooltip-BAmErB_g.js";
|
|
21
|
+
import { P as er } from "./Popover-MxUovsIt.js";
|
|
22
|
+
import { C as sr } from "./Card-D7ZNeWtE.js";
|
|
23
|
+
import { S as fr } from "./Separator-DQT58t90.js";
|
|
24
|
+
import { T as mr } from "./Tabs-BTfm4LbV.js";
|
|
25
|
+
import { B as xr } from "./Breadcrumb-Db7ASomJ.js";
|
|
26
|
+
import { P as cr } from "./Pagination-C1h7OTgM.js";
|
|
25
27
|
const d = 5e3;
|
|
26
28
|
function t(e, a, r) {
|
|
27
29
|
const f = {
|
|
@@ -50,34 +52,36 @@ o.info = function(a, r) {
|
|
|
50
52
|
o.dismiss = function(a) {
|
|
51
53
|
a !== void 0 ? i(a) : m();
|
|
52
54
|
};
|
|
53
|
-
const
|
|
55
|
+
const n = o;
|
|
54
56
|
export {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
57
|
+
q as Alert,
|
|
58
|
+
H as Badge,
|
|
59
|
+
xr as Breadcrumb,
|
|
60
|
+
p as Button,
|
|
61
|
+
sr as Card,
|
|
62
|
+
D as Checkbox,
|
|
63
|
+
X as Dialog,
|
|
64
|
+
Z as Drawer,
|
|
63
65
|
y as Field,
|
|
64
66
|
U as Form,
|
|
65
67
|
P as Input,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
68
|
+
cr as Pagination,
|
|
69
|
+
er as Popover,
|
|
70
|
+
K as Progress,
|
|
69
71
|
A as RadioGroup,
|
|
70
72
|
C as RadioItem,
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
73
|
+
v as Select,
|
|
74
|
+
fr as Separator,
|
|
75
|
+
Q as Spinner,
|
|
74
76
|
R as Switch,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
77
|
+
mr as Tabs,
|
|
78
|
+
E as TextField,
|
|
79
|
+
S as Textarea,
|
|
80
|
+
L as TextareaField,
|
|
81
|
+
O as Toast,
|
|
82
|
+
_ as ToastProvider,
|
|
83
|
+
rr as Tooltip,
|
|
84
|
+
T as VhyxUIProvider,
|
|
85
|
+
n as toast,
|
|
82
86
|
V as useFormContext
|
|
83
87
|
};
|
package/dist/input.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Input-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Input-UQ2fQwE7.cjs");exports.Input=t.Input;
|
package/dist/input.js
CHANGED
package/dist/spinner.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Spinner-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Spinner-BZGPmp9c.cjs");exports.Spinner=e.Spinner;
|
package/dist/spinner.js
CHANGED
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._spinner_3wx6i_1{display:inline-block;flex-shrink:0;animation:_vhyx-spin_3wx6i_1 .7s linear infinite}._spinner_3wx6i_1[data-size=xs]{width:var(--vhyx-space-3);height:var(--vhyx-space-3)}._spinner_3wx6i_1[data-size=sm]{width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._spinner_3wx6i_1[data-size=md]{width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._spinner_3wx6i_1[data-size=lg]{width:var(--vhyx-space-8);height:var(--vhyx-space-8)}._spinner_3wx6i_1[data-size=xl]{width:var(--vhyx-space-12);height:var(--vhyx-space-12)}._spinner_3wx6i_1[data-variant=default]{color:var(--vhyx-color-text-subtle)}._spinner_3wx6i_1[data-variant=accent]{color:var(--vhyx-color-accent)}._spinner_3wx6i_1[data-variant=white]{color:var(--vhyx-color-text-on-accent)}._button_1wjdv_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--vhyx-space-2);height:var(--vhyx-size-md);padding:0 var(--vhyx-space-4);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);line-height:var(--vhyx-leading-none);white-space:nowrap;text-decoration:none;border-radius:var(--vhyx-radius-md);border:var(--vhyx-border-width) solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),color var(--vhyx-duration-fast) var(--vhyx-easing-standard),box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard),opacity var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._button_1wjdv_1:active:not(:disabled){transform:scale(.97);transition:transform var(--vhyx-duration-instant) var(--vhyx-easing-standard)}._button_1wjdv_1:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._button_1wjdv_1:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._button_1wjdv_1[data-loading=true] ._content_1wjdv_57{opacity:.6}._button_1wjdv_1[data-size=xs]{height:var(--vhyx-size-xs);padding:0 var(--vhyx-space-2);font-size:var(--vhyx-text-xs);border-radius:var(--vhyx-radius-sm);gap:var(--vhyx-space-1)}._button_1wjdv_1[data-size=sm]{height:var(--vhyx-size-sm);padding:0 var(--vhyx-space-3);font-size:var(--vhyx-text-xs)}._button_1wjdv_1[data-size=md]{height:var(--vhyx-size-md);padding:0 var(--vhyx-space-4);font-size:var(--vhyx-text-sm)}._button_1wjdv_1[data-size=lg]{height:var(--vhyx-size-lg);padding:0 var(--vhyx-space-6);font-size:var(--vhyx-text-md)}._button_1wjdv_1[data-icon-only=true]{padding:0;width:var(--vhyx-size-md)}._button_1wjdv_1[data-icon-only=true][data-size=xs]{width:var(--vhyx-size-xs)}._button_1wjdv_1[data-icon-only=true][data-size=sm]{width:var(--vhyx-size-sm)}._button_1wjdv_1[data-icon-only=true][data-size=lg]{width:var(--vhyx-size-lg)}._button_1wjdv_1[data-variant=primary]{background-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent);border-color:var(--vhyx-color-accent)}._button_1wjdv_1[data-variant=primary]:hover:not(:disabled){background-color:var(--vhyx-color-accent-hover);border-color:var(--vhyx-color-accent-hover)}._button_1wjdv_1[data-variant=primary]:active:not(:disabled){background-color:var(--vhyx-color-accent-active);border-color:var(--vhyx-color-accent-active)}._button_1wjdv_1[data-variant=secondary]{background-color:var(--vhyx-color-bg-subtle);color:var(--vhyx-color-text);border-color:var(--vhyx-color-border)}._button_1wjdv_1[data-variant=secondary]:hover:not(:disabled){background-color:var(--vhyx-color-bg-muted);border-color:var(--vhyx-color-border-strong)}._button_1wjdv_1[data-variant=outline]{background-color:transparent;color:var(--vhyx-color-accent);border-color:var(--vhyx-color-accent)}._button_1wjdv_1[data-variant=outline]:hover:not(:disabled){background-color:var(--vhyx-color-accent-subtle)}._button_1wjdv_1[data-variant=ghost]{background-color:transparent;color:var(--vhyx-color-text);border-color:transparent}._button_1wjdv_1[data-variant=ghost]:hover:not(:disabled){background-color:var(--vhyx-color-bg-subtle);border-color:var(--vhyx-color-border)}._button_1wjdv_1[data-variant=destructive]{background-color:var(--vhyx-color-danger);color:var(--vhyx-color-text-on-accent);border-color:var(--vhyx-color-danger)}._button_1wjdv_1[data-variant=destructive]:hover:not(:disabled){background-color:var(--vhyx-color-danger-hover);border-color:var(--vhyx-color-danger-hover)}._button_1wjdv_1[data-variant=destructive]:focus-visible{box-shadow:var(--vhyx-shadow-focus-danger)}._button_1wjdv_1[data-variant=link]{background-color:transparent;color:var(--vhyx-color-accent);border-color:transparent;text-decoration:underline;text-underline-offset:var(--vhyx-space-0-5);height:auto;padding:0}._button_1wjdv_1[data-variant=link]:hover:not(:disabled){color:var(--vhyx-color-accent-hover)}._spinner_1wjdv_190{width:1em;height:1em;flex-shrink:0;animation:_vhyx-spin_1wjdv_1 var(--vhyx-duration-glacial) linear infinite}._icon_1wjdv_198{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em}._content_1wjdv_57{display:inline-flex;align-items:center}._wrapper_16ky4_1{display:inline-flex;align-items:center;width:100%;height:var(--vhyx-size-md);padding:0 var(--vhyx-space-3);gap:var(--vhyx-space-2);background-color:var(--vhyx-color-surface);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text);transition:border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._wrapper_16ky4_1:focus-within{border-color:var(--vhyx-color-border-focus);box-shadow:var(--vhyx-shadow-focus);outline:none}._wrapper--error_16ky4_29{border-color:var(--vhyx-color-danger);animation:_vhyx-shake_16ky4_1 var(--vhyx-duration-slow) var(--vhyx-easing-standard)}._wrapper--error_16ky4_29:focus-within{border-color:var(--vhyx-color-danger);box-shadow:var(--vhyx-shadow-focus-danger)}._wrapper_16ky4_1[data-size=sm]{height:var(--vhyx-size-sm);padding:0 var(--vhyx-space-2);font-size:var(--vhyx-text-xs);border-radius:var(--vhyx-radius-sm)}._wrapper_16ky4_1[data-size=md]{height:var(--vhyx-size-md);padding:0 var(--vhyx-space-3);font-size:var(--vhyx-text-sm)}._wrapper_16ky4_1[data-size=lg]{height:var(--vhyx-size-lg);padding:0 var(--vhyx-space-4);font-size:var(--vhyx-text-md)}._input_16ky4_60{flex:1;width:100%;min-width:0;height:100%;border:none;outline:none;background:transparent;color:inherit;font:inherit;caret-color:var(--vhyx-color-accent)}._input_16ky4_60::placeholder{color:var(--vhyx-color-text-muted)}._input_16ky4_60:disabled{cursor:not-allowed;color:var(--vhyx-color-text-disabled)}._wrapper_16ky4_1:has(._input_16ky4_60:disabled){opacity:.5;cursor:not-allowed;background-color:var(--vhyx-color-bg-subtle)}._icon_16ky4_90{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--vhyx-color-text-subtle);font-size:var(--vhyx-text-md);width:1em;height:1em}._prefix_16ky4_102,._suffix_16ky4_103{display:inline-flex;align-items:center;flex-shrink:0;color:var(--vhyx-color-text-subtle);font-size:var(--vhyx-text-sm);white-space:nowrap}._clear-button_16ky4_113,._toggle-button_16ky4_114{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--vhyx-space-1);background:transparent;border:none;border-radius:var(--vhyx-radius-sm);color:var(--vhyx-color-text-muted);cursor:pointer;transition:color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._clear-button_16ky4_113:hover,._toggle-button_16ky4_114:hover{color:var(--vhyx-color-text)}._clear-button_16ky4_113:focus-visible,._toggle-button_16ky4_114:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._wrapper_lafqn_1{display:flex;flex-direction:column;gap:var(--vhyx-space-1);width:100%}._textarea_lafqn_8{width:100%;padding:var(--vhyx-space-2) var(--vhyx-space-3);background-color:var(--vhyx-color-surface);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);line-height:var(--vhyx-leading-normal);color:var(--vhyx-color-text);caret-color:var(--vhyx-color-accent);transition:border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._textarea_lafqn_8::placeholder{color:var(--vhyx-color-text-muted)}._textarea_lafqn_8:focus-visible{outline:none;border-color:var(--vhyx-color-border-focus);box-shadow:var(--vhyx-shadow-focus)}._textarea_lafqn_8:disabled{opacity:.5;cursor:not-allowed;background-color:var(--vhyx-color-bg-subtle)}._textarea_lafqn_8[data-error=true]{border-color:var(--vhyx-color-danger);animation:_vhyx-shake_lafqn_1 var(--vhyx-duration-slow) var(--vhyx-easing-standard)}._textarea_lafqn_8[data-error=true]:focus-visible{border-color:var(--vhyx-color-danger);box-shadow:var(--vhyx-shadow-focus-danger)}._textarea_lafqn_8[data-size=sm]{padding:var(--vhyx-space-1-5) var(--vhyx-space-2);font-size:var(--vhyx-text-xs);border-radius:var(--vhyx-radius-sm)}._textarea_lafqn_8[data-size=md]{padding:var(--vhyx-space-2) var(--vhyx-space-3);font-size:var(--vhyx-text-sm)}._textarea_lafqn_8[data-size=lg]{padding:var(--vhyx-space-3) var(--vhyx-space-4);font-size:var(--vhyx-text-md)}._count_lafqn_72{display:block;font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-muted);text-align:right;line-height:var(--vhyx-leading-none)}._trigger_rs2m0_3{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--vhyx-space-2);width:100%;height:var(--vhyx-size-md);padding:0 var(--vhyx-space-3);background-color:var(--vhyx-color-surface);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);cursor:pointer;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text);transition:border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._trigger_rs2m0_3:hover:not(:disabled){border-color:var(--vhyx-color-border-strong)}._trigger_rs2m0_3:focus-visible{outline:none;border-color:var(--vhyx-color-border-focus);box-shadow:var(--vhyx-shadow-focus)}._trigger_rs2m0_3:disabled{opacity:.5;cursor:not-allowed}._trigger_rs2m0_3[data-placeholder=true]{color:var(--vhyx-color-text-muted)}._trigger_rs2m0_3[data-state=open]{border-color:var(--vhyx-color-border-focus)}._trigger_rs2m0_3[data-size=sm]{height:var(--vhyx-size-sm);padding:0 var(--vhyx-space-2);font-size:var(--vhyx-text-xs)}._trigger_rs2m0_3[data-size=lg]{height:var(--vhyx-size-lg);padding:0 var(--vhyx-space-4);font-size:var(--vhyx-text-md)}._trigger-value_rs2m0_62{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._trigger-icon_rs2m0_70{display:inline-flex;align-items:center;flex-shrink:0;width:var(--vhyx-space-3);height:var(--vhyx-space-3);color:var(--vhyx-color-text-muted)}._content_rs2m0_81{background-color:var(--vhyx-color-surface-overlay);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);box-shadow:var(--vhyx-shadow-lg);padding:var(--vhyx-space-1) 0;max-height:min(var(--vhyx-space-64, 16rem),40vh);overflow-y:auto;animation:_vhyx-scale-in_rs2m0_1 var(--vhyx-duration-fast) var(--vhyx-easing-decelerate) both}._content_rs2m0_81[data-state=closed]{display:none}._item_rs2m0_101{display:flex;align-items:center;justify-content:space-between;gap:var(--vhyx-space-2);padding:var(--vhyx-space-2) var(--vhyx-space-3);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}._item_rs2m0_101:focus,._item_rs2m0_101[data-focused=true]{background-color:var(--vhyx-color-accent-subtle);color:var(--vhyx-color-accent)}._item_rs2m0_101[data-state=selected]{font-weight:var(--vhyx-weight-medium)}._item_rs2m0_101[data-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}._item-check_rs2m0_131{display:inline-flex;align-items:center;flex-shrink:0;width:var(--vhyx-space-3);height:var(--vhyx-space-3);color:var(--vhyx-color-accent)}._group_rs2m0_142{padding:var(--vhyx-space-1) 0}._label_rs2m0_148{display:block;padding:var(--vhyx-space-1-5) var(--vhyx-space-3);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-semibold);color:var(--vhyx-color-text-muted);text-transform:uppercase;letter-spacing:var(--vhyx-tracking-wider)}._separator_rs2m0_160{border:none;border-top:var(--vhyx-border-width) solid var(--vhyx-color-border);margin:var(--vhyx-space-1) 0}._checkbox_1jvht_1{display:inline-flex;align-items:center;justify-content:center;width:var(--vhyx-space-5);height:var(--vhyx-space-5);flex-shrink:0;background-color:var(--vhyx-color-surface);border:var(--vhyx-border-width-2) solid var(--vhyx-color-border-strong);border-radius:var(--vhyx-radius-sm);cursor:pointer;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._checkbox_1jvht_1:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._checkbox_1jvht_1:disabled{opacity:.5;cursor:not-allowed}._checkbox_1jvht_1[data-state=checked]{background-color:var(--vhyx-color-accent);border-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent)}._checkbox_1jvht_1[data-state=checked]:hover:not(:disabled){background-color:var(--vhyx-color-accent-hover);border-color:var(--vhyx-color-accent-hover)}._checkbox_1jvht_1[data-state=indeterminate]{background-color:var(--vhyx-color-accent);border-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent)}._checkbox_1jvht_1[data-state=unchecked]:hover:not(:disabled){border-color:var(--vhyx-color-accent)}._checkbox_1jvht_1[data-size=sm]{width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._checkbox_1jvht_1[data-size=md]{width:var(--vhyx-space-5);height:var(--vhyx-space-5)}._checkbox_1jvht_1[data-size=lg]{width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._indicator_1jvht_71{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}._check-icon_1jvht_80{width:75%;height:75%;animation:_vhyx-scale-in_1jvht_1 var(--vhyx-duration-fast) var(--vhyx-easing-spring) both}._group_16juf_3{display:flex;flex-direction:column;gap:var(--vhyx-space-2)}._group_16juf_3[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap;gap:var(--vhyx-space-4)}._item_16juf_17{display:inline-flex;align-items:center;gap:var(--vhyx-space-2);background:transparent;border:none;cursor:pointer;padding:var(--vhyx-space-0-5) var(--vhyx-space-0);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text);text-align:left}._item_16juf_17:disabled{opacity:.5;cursor:not-allowed}._item_16juf_17:focus-visible{outline:none}._item_16juf_17:focus-visible ._radio-indicator_16juf_40{box-shadow:var(--vhyx-shadow-focus)}._item_16juf_17[data-size=sm]{font-size:var(--vhyx-text-xs)}._item_16juf_17[data-size=md]{font-size:var(--vhyx-text-sm)}._item_16juf_17[data-size=lg]{font-size:var(--vhyx-text-md)}._radio-indicator_16juf_40{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--vhyx-space-5);height:var(--vhyx-space-5);border-radius:var(--vhyx-radius-full);border:var(--vhyx-border-width-2) solid var(--vhyx-color-border-strong);background-color:var(--vhyx-color-surface);transition:border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._item_16juf_17[data-state=checked] ._radio-indicator_16juf_40{border-color:var(--vhyx-color-accent);background-color:var(--vhyx-color-accent)}._item_16juf_17:hover:not(:disabled) ._radio-indicator_16juf_40{border-color:var(--vhyx-color-accent)}._item_16juf_17[data-size=sm] ._radio-indicator_16juf_40{width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._item_16juf_17[data-size=lg] ._radio-indicator_16juf_40{width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._radio-dot_16juf_98{display:block;width:40%;height:40%;border-radius:var(--vhyx-radius-full);background-color:var(--vhyx-color-text-on-accent);animation:_vhyx-scale-in_16juf_1 var(--vhyx-duration-fast) var(--vhyx-easing-spring) both}._radio-label_16juf_109{line-height:var(--vhyx-leading-snug);-webkit-user-select:none;user-select:none}._switch_du6cw_1{display:inline-flex;align-items:center;flex-shrink:0;position:relative;width:var(--vhyx-space-10);height:var(--vhyx-space-6);padding:var(--vhyx-space-0-5);border-radius:var(--vhyx-radius-full);border:none;cursor:pointer;background-color:var(--vhyx-color-bg-muted);transition:background-color var(--vhyx-duration-normal) var(--vhyx-easing-spring)}._switch_du6cw_1:disabled{opacity:.5;cursor:not-allowed}._switch_du6cw_1:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._switch_du6cw_1[data-state=checked]{background-color:var(--vhyx-color-accent)}._switch_du6cw_1[data-state=checked]:hover:not(:disabled){background-color:var(--vhyx-color-accent-hover)}._thumb_du6cw_38{display:block;width:var(--vhyx-space-5);height:var(--vhyx-space-5);border-radius:var(--vhyx-radius-full);background-color:var(--vhyx-color-surface);box-shadow:var(--vhyx-shadow-xs);flex-shrink:0;transition:transform var(--vhyx-duration-normal) var(--vhyx-easing-spring);transform:translate(0)}._switch_du6cw_1[data-state=checked] ._thumb_du6cw_38{transform:translate(calc(var(--vhyx-space-10) - var(--vhyx-space-5) - var(--vhyx-space-1)))}._switch_du6cw_1[data-size=sm]{width:var(--vhyx-space-8);height:var(--vhyx-space-5)}._switch_du6cw_1[data-size=sm] ._thumb_du6cw_38{width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._switch_du6cw_1[data-size=sm][data-state=checked] ._thumb_du6cw_38{transform:translate(calc(var(--vhyx-space-8) - var(--vhyx-space-4) - var(--vhyx-space-1)))}._switch_du6cw_1[data-size=md]{width:var(--vhyx-space-10);height:var(--vhyx-space-6)}._switch_du6cw_1[data-size=md] ._thumb_du6cw_38{width:var(--vhyx-space-5);height:var(--vhyx-space-5)}._switch_du6cw_1[data-size=lg]{width:var(--vhyx-space-12);height:var(--vhyx-space-7)}._switch_du6cw_1[data-size=lg] ._thumb_du6cw_38{width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._switch_du6cw_1[data-size=lg][data-state=checked] ._thumb_du6cw_38{transform:translate(calc(var(--vhyx-space-12) - var(--vhyx-space-6) - var(--vhyx-space-1)))}._form_14a4e_3{display:flex;flex-direction:column;gap:var(--vhyx-space-5);width:100%}._form_14a4e_3[data-layout=horizontal]{flex-direction:column;gap:var(--vhyx-space-4)}._form_14a4e_3[data-layout=inline]{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:var(--vhyx-space-3)}._field_14a4e_24{display:flex;flex-direction:column;gap:var(--vhyx-space-1-5)}._field--horizontal_14a4e_30{display:grid;grid-template-columns:var(--vhyx-space-32) 1fr;grid-template-rows:auto auto;column-gap:var(--vhyx-space-4);align-items:start}._field--horizontal_14a4e_30 ._label_14a4e_40{grid-row:1;grid-column:1;padding-top:var(--vhyx-space-2)}._field--horizontal_14a4e_30 ._control_14a4e_46{grid-row:1;grid-column:2}._field--horizontal_14a4e_30 ._hint_14a4e_51,._field--horizontal_14a4e_30 ._error_14a4e_52{grid-row:2;grid-column:2}._control_14a4e_46{width:100%}._label_14a4e_40{display:block;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);line-height:var(--vhyx-leading-snug)}._required_14a4e_76{color:var(--vhyx-color-danger);font-weight:var(--vhyx-weight-semibold)}._optional_14a4e_81{color:var(--vhyx-color-text-muted);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-normal)}._hint_14a4e_51{display:block;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-subtle);line-height:var(--vhyx-leading-snug)}._error_14a4e_52{display:block;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-danger-text);line-height:var(--vhyx-leading-snug)}._region_1l6lf_3{position:fixed;z-index:var(--vhyx-z-toast);display:flex;flex-direction:column;gap:var(--vhyx-space-2);pointer-events:none;max-width:var(--vhyx-space-32);width:calc(100vw - var(--vhyx-space-8))}._region_1l6lf_3[data-position=top-left]{top:var(--vhyx-space-4);left:var(--vhyx-space-4)}._region_1l6lf_3[data-position=top-center]{top:var(--vhyx-space-4);left:50%;transform:translate(-50%)}._region_1l6lf_3[data-position=top-right]{top:var(--vhyx-space-4);right:var(--vhyx-space-4)}._region_1l6lf_3[data-position=bottom-left]{bottom:var(--vhyx-space-4);left:var(--vhyx-space-4)}._region_1l6lf_3[data-position=bottom-center]{bottom:var(--vhyx-space-4);left:50%;transform:translate(-50%)}._region_1l6lf_3[data-position=bottom-right]{bottom:var(--vhyx-space-4);right:var(--vhyx-space-4)}._toast_1l6lf_49{pointer-events:all;border-radius:var(--vhyx-radius-lg);box-shadow:var(--vhyx-shadow-lg);overflow:hidden;min-width:18rem;animation:_vhyx-slide-up-in_1l6lf_1 var(--vhyx-duration-normal) var(--vhyx-easing-spring) both}._toast-content_1l6lf_60{display:flex;align-items:flex-start;gap:var(--vhyx-space-3);padding:var(--vhyx-space-3) var(--vhyx-space-4);background-color:var(--vhyx-color-surface-overlay);border:var(--vhyx-border-width) solid var(--vhyx-color-border)}._toast_1l6lf_49[data-variant=success] ._toast-content_1l6lf_60{border-left:var(--vhyx-space-1) solid var(--vhyx-color-success)}._toast_1l6lf_49[data-variant=danger] ._toast-content_1l6lf_60{border-left:var(--vhyx-space-1) solid var(--vhyx-color-danger)}._toast_1l6lf_49[data-variant=warning] ._toast-content_1l6lf_60{border-left:var(--vhyx-space-1) solid var(--vhyx-color-warning)}._toast_1l6lf_49[data-variant=info] ._toast-content_1l6lf_60{border-left:var(--vhyx-space-1) solid var(--vhyx-color-info)}._toast-icon_1l6lf_89{font-size:var(--vhyx-text-md);flex-shrink:0;line-height:var(--vhyx-leading-normal)}._toast_1l6lf_49[data-variant=success] ._toast-icon_1l6lf_89{color:var(--vhyx-color-success-text)}._toast_1l6lf_49[data-variant=danger] ._toast-icon_1l6lf_89{color:var(--vhyx-color-danger-text)}._toast_1l6lf_49[data-variant=warning] ._toast-icon_1l6lf_89{color:var(--vhyx-color-warning-text)}._toast_1l6lf_49[data-variant=info] ._toast-icon_1l6lf_89{color:var(--vhyx-color-info-text)}._toast_1l6lf_49[data-variant=default] ._toast-icon_1l6lf_89{color:var(--vhyx-color-text-subtle)}._toast-body_1l6lf_103{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--vhyx-space-0-5)}._toast-message_1l6lf_111{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);line-height:var(--vhyx-leading-snug)}._toast-description_1l6lf_119{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-subtle);line-height:var(--vhyx-leading-snug)}._toast-action_1l6lf_128{flex-shrink:0;padding:var(--vhyx-space-1) var(--vhyx-space-2-5);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-sm);background:transparent;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);cursor:pointer;white-space:nowrap;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._toast-action_1l6lf_128:hover{background-color:var(--vhyx-color-bg-subtle)}._toast-action_1l6lf_128:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._toast-dismiss_1l6lf_154{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--vhyx-space-5);height:var(--vhyx-space-5);border:none;border-radius:var(--vhyx-radius-sm);background:transparent;cursor:pointer;color:var(--vhyx-color-text-muted);padding:0;transition:color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._toast-dismiss_1l6lf_154:hover{color:var(--vhyx-color-text)}._toast-dismiss_1l6lf_154:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._toast-dismiss_1l6lf_154 svg{width:var(--vhyx-space-3);height:var(--vhyx-space-3)}._alert_tjvt2_1{display:flex;align-items:flex-start;gap:var(--vhyx-space-3);padding:var(--vhyx-space-4);border-radius:var(--vhyx-radius-md);border:var(--vhyx-border-width) solid var(--vhyx-color-border);background-color:var(--vhyx-color-surface);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);line-height:var(--vhyx-leading-normal);color:var(--vhyx-color-text);animation:_vhyx-fade-in_tjvt2_1 var(--vhyx-duration-normal) var(--vhyx-easing-decelerate) both}._alert_tjvt2_1[data-variant=default]{background-color:var(--vhyx-color-bg-subtle);border-color:var(--vhyx-color-border);color:var(--vhyx-color-text)}._alert_tjvt2_1[data-variant=success]{background-color:var(--vhyx-color-success-subtle);border-color:var(--vhyx-color-success);color:var(--vhyx-color-success-text)}._alert_tjvt2_1[data-variant=warning]{background-color:var(--vhyx-color-warning-subtle);border-color:var(--vhyx-color-warning);color:var(--vhyx-color-warning-text)}._alert_tjvt2_1[data-variant=danger]{background-color:var(--vhyx-color-danger-subtle);border-color:var(--vhyx-color-danger);color:var(--vhyx-color-danger-text)}._alert_tjvt2_1[data-variant=info]{background-color:var(--vhyx-color-info-subtle);border-color:var(--vhyx-color-info);color:var(--vhyx-color-info-text)}._alert-icon_tjvt2_51{flex-shrink:0;font-size:var(--vhyx-text-md);line-height:var(--vhyx-leading-none);margin-top:var(--vhyx-space-0-5)}._alert-body_tjvt2_60{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--vhyx-space-1)}._alert-title_tjvt2_68{font-weight:var(--vhyx-weight-semibold);font-size:var(--vhyx-text-sm)}._alert-message_tjvt2_73{font-size:var(--vhyx-text-sm);line-height:var(--vhyx-leading-normal)}._alert-dismiss_tjvt2_80{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--vhyx-size-xs);height:var(--vhyx-size-xs);padding:0;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:var(--vhyx-radius-sm);opacity:.6;transition:opacity var(--vhyx-duration-fast) var(--vhyx-easing-standard),background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._alert-dismiss_tjvt2_80:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}._alert-dismiss_tjvt2_80:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus);opacity:1}._alert-dismiss_tjvt2_80 svg{width:.625rem;height:.625rem}._badge_12qri_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-family:var(--vhyx-font-sans);font-weight:var(--vhyx-weight-medium);line-height:var(--vhyx-leading-none);border-radius:var(--vhyx-radius-full);border:var(--vhyx-border-width) solid transparent}._badge_12qri_1[data-size=sm]{font-size:var(--vhyx-text-2xs);padding:var(--vhyx-space-0-5) var(--vhyx-space-1-5);min-width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._badge_12qri_1[data-size=md]{font-size:var(--vhyx-text-xs);padding:var(--vhyx-space-1) var(--vhyx-space-2);min-width:var(--vhyx-space-5);height:var(--vhyx-space-5)}._badge_12qri_1[data-size=lg]{font-size:var(--vhyx-text-sm);padding:var(--vhyx-space-1) var(--vhyx-space-2-5);min-width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._badge_12qri_1[data-dot=true]{padding:0;min-width:unset}._badge_12qri_1[data-dot=true][data-size=sm]{width:var(--vhyx-space-2);height:var(--vhyx-space-2)}._badge_12qri_1[data-dot=true][data-size=md]{width:var(--vhyx-space-2-5);height:var(--vhyx-space-2-5)}._badge_12qri_1[data-dot=true][data-size=lg]{width:var(--vhyx-space-3);height:var(--vhyx-space-3)}._badge_12qri_1[data-variant=default]{background-color:var(--vhyx-color-bg-muted);color:var(--vhyx-color-text)}._badge_12qri_1[data-variant=success]{background-color:var(--vhyx-color-success-subtle);color:var(--vhyx-color-success-text)}._badge_12qri_1[data-variant=warning]{background-color:var(--vhyx-color-warning-subtle);color:var(--vhyx-color-warning-text)}._badge_12qri_1[data-variant=danger]{background-color:var(--vhyx-color-danger-subtle);color:var(--vhyx-color-danger-text)}._badge_12qri_1[data-variant=info]{background-color:var(--vhyx-color-info-subtle);color:var(--vhyx-color-info-text)}._badge_12qri_1[data-variant=outline]{background-color:transparent;color:var(--vhyx-color-text);border-color:var(--vhyx-color-border-strong)}._wrapper_ko60j_1{display:flex;flex-direction:column;gap:var(--vhyx-space-1);width:100%}._label_ko60j_10{display:block;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text-subtle);text-align:right}._track_ko60j_21{width:100%;overflow:hidden;border-radius:var(--vhyx-radius-full);background-color:var(--vhyx-color-bg-muted)}._wrapper_ko60j_1[data-size=xs] ._track_ko60j_21{height:var(--vhyx-space-1);border-radius:var(--vhyx-radius-full)}._wrapper_ko60j_1[data-size=sm] ._track_ko60j_21{height:var(--vhyx-space-1-5);border-radius:var(--vhyx-radius-full)}._wrapper_ko60j_1[data-size=md] ._track_ko60j_21{height:var(--vhyx-space-2-5);border-radius:var(--vhyx-radius-full)}._wrapper_ko60j_1[data-size=lg] ._track_ko60j_21{height:var(--vhyx-space-4);border-radius:var(--vhyx-radius-full)}._fill_ko60j_52{height:100%;border-radius:inherit;background-color:var(--vhyx-color-accent);transition:width var(--vhyx-duration-slow) var(--vhyx-easing-standard)}._wrapper_ko60j_1[data-variant=success] ._fill_ko60j_52{background-color:var(--vhyx-color-success)}._wrapper_ko60j_1[data-variant=warning] ._fill_ko60j_52{background-color:var(--vhyx-color-warning)}._wrapper_ko60j_1[data-variant=danger] ._fill_ko60j_52{background-color:var(--vhyx-color-danger)}._fill_ko60j_52[data-indeterminate=true]{width:40%;animation:_vhyx-indeterminate_ko60j_1 var(--vhyx-duration-glacial) var(--vhyx-easing-standard) infinite}._trigger_18zu7_3{display:inline-flex;align-items:center;justify-content:center}._overlay_18zu7_12{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--vhyx-color-overlay);z-index:var(--vhyx-z-overlay);animation:_vhyx-overlay-in_18zu7_1 var(--vhyx-duration-normal) var(--vhyx-easing-standard) both}._content_18zu7_24{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--vhyx-z-modal);width:calc(100% - var(--vhyx-space-8));max-width:var(--vhyx-dialog-md);max-height:calc(100vh - var(--vhyx-space-16));overflow-y:auto;background-color:var(--vhyx-color-surface-overlay);border-radius:var(--vhyx-radius-xl);box-shadow:var(--vhyx-shadow-2xl);padding:var(--vhyx-space-6);animation:_vhyx-slide-up-in_18zu7_1 var(--vhyx-duration-slow) var(--vhyx-easing-spring) both;outline:none}._content_18zu7_24[data-size=sm]{max-width:var(--vhyx-dialog-sm)}._content_18zu7_24[data-size=md]{max-width:var(--vhyx-dialog-md)}._content_18zu7_24[data-size=lg]{max-width:var(--vhyx-dialog-lg)}._header_18zu7_56{display:flex;flex-direction:column;gap:var(--vhyx-space-1-5);margin-bottom:var(--vhyx-space-4)}._footer_18zu7_65{display:flex;align-items:center;justify-content:flex-end;gap:var(--vhyx-space-3);margin-top:var(--vhyx-space-6)}._title_18zu7_75{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-lg);font-weight:var(--vhyx-weight-semibold);color:var(--vhyx-color-text);line-height:var(--vhyx-leading-snug);margin:0}._description_18zu7_86{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text-subtle);line-height:var(--vhyx-leading-normal);margin:0}._close_18zu7_96{display:inline-flex;align-items:center;justify-content:center;padding:var(--vhyx-space-2) var(--vhyx-space-4);background:transparent;border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);cursor:pointer;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._close_18zu7_96:hover{background-color:var(--vhyx-color-bg-subtle)}._close_18zu7_96:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._trigger_y86qa_1{display:inline-flex;align-items:center;justify-content:center}._overlay_y86qa_9{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--vhyx-color-overlay);z-index:var(--vhyx-z-overlay);animation:_vhyx-overlay-in_y86qa_1 var(--vhyx-duration-normal) var(--vhyx-easing-standard) both}._content_y86qa_19{position:fixed;z-index:var(--vhyx-z-modal);background-color:var(--vhyx-color-surface-overlay);box-shadow:var(--vhyx-shadow-2xl);overflow-y:auto;outline:none;padding:var(--vhyx-space-6)}._content_y86qa_19[data-side=right]{top:0;right:0;bottom:0;animation:_vhyx-slide-right-in_y86qa_1 var(--vhyx-duration-slow) var(--vhyx-easing-decelerate) both}._content_y86qa_19[data-side=left]{top:0;left:0;bottom:0;animation:_vhyx-slide-left-in_y86qa_1 var(--vhyx-duration-slow) var(--vhyx-easing-decelerate) both}._content_y86qa_19[data-side=top]{top:0;left:0;right:0;animation:_vhyx-slide-down-in_y86qa_1 var(--vhyx-duration-slow) var(--vhyx-easing-decelerate) both}._content_y86qa_19[data-side=bottom]{bottom:0;left:0;right:0;animation:_vhyx-slide-up-in_y86qa_1 var(--vhyx-duration-slow) var(--vhyx-easing-decelerate) both}._content_y86qa_19[data-side=right][data-size=sm],._content_y86qa_19[data-side=left][data-size=sm]{width:var(--vhyx-drawer-sm)}._content_y86qa_19[data-side=right][data-size=md],._content_y86qa_19[data-side=left][data-size=md]{width:var(--vhyx-drawer-md)}._content_y86qa_19[data-side=right][data-size=lg],._content_y86qa_19[data-side=left][data-size=lg]{width:var(--vhyx-drawer-lg)}._content_y86qa_19[data-side=right][data-size=full],._content_y86qa_19[data-side=left][data-size=full]{width:var(--vhyx-drawer-full)}._content_y86qa_19[data-side=top][data-size=sm],._content_y86qa_19[data-side=bottom][data-size=sm]{height:var(--vhyx-drawer-sm)}._content_y86qa_19[data-side=top][data-size=md],._content_y86qa_19[data-side=bottom][data-size=md]{height:var(--vhyx-drawer-md)}._content_y86qa_19[data-side=top][data-size=lg],._content_y86qa_19[data-side=bottom][data-size=lg]{height:var(--vhyx-drawer-lg)}._content_y86qa_19[data-side=top][data-size=full],._content_y86qa_19[data-side=bottom][data-size=full]{height:var(--vhyx-drawer-full)}._header_y86qa_103{display:flex;flex-direction:column;gap:var(--vhyx-space-1-5);margin-bottom:var(--vhyx-space-4)}._footer_y86qa_110{display:flex;align-items:center;justify-content:flex-end;gap:var(--vhyx-space-3);margin-top:var(--vhyx-space-6)}._title_y86qa_118{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-lg);font-weight:var(--vhyx-weight-semibold);color:var(--vhyx-color-text);line-height:var(--vhyx-leading-snug);margin:0}._description_y86qa_127{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text-subtle);line-height:var(--vhyx-leading-normal);margin:0}._close_y86qa_135{display:inline-flex;align-items:center;justify-content:center;padding:var(--vhyx-space-2) var(--vhyx-space-4);background:transparent;border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);cursor:pointer;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._close_y86qa_135:hover{background-color:var(--vhyx-color-bg-subtle)}._close_y86qa_135:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._tooltip_jlaje_1{padding:var(--vhyx-space-1-5) var(--vhyx-space-2-5);background-color:var(--vhyx-color-bg-inverse);color:var(--vhyx-color-text-inverse);border-radius:var(--vhyx-radius-sm);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);line-height:var(--vhyx-leading-snug);max-width:var(--vhyx-space-32);pointer-events:none;animation:_vhyx-fade-in_jlaje_1 var(--vhyx-duration-fast) var(--vhyx-easing-decelerate) both}._trigger_5e049_1{display:inline-flex;align-items:center;justify-content:center}._content_5e049_7{background-color:var(--vhyx-color-surface-overlay);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-lg);box-shadow:var(--vhyx-shadow-lg);padding:var(--vhyx-space-4);min-width:var(--vhyx-space-32);max-width:var(--vhyx-popover-max-width);outline:none;animation:_vhyx-scale-in_5e049_1 var(--vhyx-duration-normal) var(--vhyx-easing-spring) both}._arrow_5e049_21{position:absolute;width:var(--vhyx-space-2-5);height:var(--vhyx-space-1-5);color:var(--vhyx-color-border);transform:translate(-50%)}._close_5e049_29{display:inline-flex;align-items:center;justify-content:center;padding:var(--vhyx-space-1-5) var(--vhyx-space-3);background:transparent;border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);cursor:pointer;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._close_5e049_29:hover{background-color:var(--vhyx-color-bg-subtle)}._close_5e049_29:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._card_wvqde_1{display:flex;flex-direction:column;border-radius:var(--vhyx-radius-lg);overflow:hidden;font-family:var(--vhyx-font-sans);color:var(--vhyx-color-text)}._card_wvqde_1[data-variant=default]{background-color:var(--vhyx-color-surface);border:var(--vhyx-border-width) solid var(--vhyx-color-border)}._card_wvqde_1[data-variant=outline]{background-color:transparent;border:var(--vhyx-border-width) solid var(--vhyx-color-border)}._card_wvqde_1[data-variant=ghost]{background-color:transparent;border:none}._card_wvqde_1[data-variant=elevated]{background-color:var(--vhyx-color-surface-raised);border:none;box-shadow:var(--vhyx-shadow-md)}._card_wvqde_1[data-padding=none] ._header_wvqde_35,._card_wvqde_1[data-padding=none] ._body_wvqde_36,._card_wvqde_1[data-padding=none] ._footer_wvqde_37{padding:0}._card_wvqde_1[data-padding=sm] ._header_wvqde_35,._card_wvqde_1[data-padding=sm] ._body_wvqde_36,._card_wvqde_1[data-padding=sm] ._footer_wvqde_37{padding:var(--vhyx-space-3)}._card_wvqde_1[data-padding=md] ._header_wvqde_35,._card_wvqde_1[data-padding=md] ._body_wvqde_36,._card_wvqde_1[data-padding=md] ._footer_wvqde_37{padding:var(--vhyx-space-4)}._card_wvqde_1[data-padding=lg] ._header_wvqde_35,._card_wvqde_1[data-padding=lg] ._body_wvqde_36,._card_wvqde_1[data-padding=lg] ._footer_wvqde_37{padding:var(--vhyx-space-6)}._card_wvqde_1[data-interactive=true]{cursor:pointer;transition:box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard),transform var(--vhyx-duration-instant) var(--vhyx-easing-standard)}._card_wvqde_1[data-interactive=true]:hover{box-shadow:var(--vhyx-shadow-md)}._card_wvqde_1[data-interactive=true]:active{transform:scale(.99)}._card_wvqde_1[data-interactive=true]:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._header_wvqde_35{display:flex;flex-direction:column;gap:var(--vhyx-space-1-5)}._body_wvqde_36{flex:1;font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text-subtle);line-height:var(--vhyx-leading-normal)}._footer_wvqde_37{display:flex;align-items:center;gap:var(--vhyx-space-2)}._image_wvqde_102{overflow:hidden;flex-shrink:0}._image_wvqde_102 img{width:100%;height:100%;object-fit:cover}._separator_2n49e_1{border:none;background-color:var(--vhyx-color-border);flex-shrink:0}._separator_2n49e_1[data-orientation=horizontal]{width:100%;height:var(--vhyx-border-width);margin:0}._separator_2n49e_1[data-orientation=vertical]{width:var(--vhyx-border-width);height:100%;align-self:stretch}._separator--labeled_2n49e_21{display:flex;align-items:center;gap:var(--vhyx-space-3);width:100%}._line_2n49e_28{flex:1;height:var(--vhyx-border-width);background-color:var(--vhyx-color-border)}._label-text_2n49e_34{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text-muted);white-space:nowrap;flex-shrink:0}._root_11mqx_3{display:flex;flex-direction:column;width:100%}._root_11mqx_3[data-orientation=vertical]{flex-direction:row;align-items:flex-start}._list_11mqx_16{display:flex;flex-direction:row;position:relative;flex-shrink:0}._list_11mqx_16[data-orientation=vertical]{flex-direction:column}._list_11mqx_16[data-variant=default]{border-bottom:var(--vhyx-border-width) solid var(--vhyx-color-border)}._list_11mqx_16[data-variant=default][data-orientation=vertical]{border-bottom:none;border-right:var(--vhyx-border-width) solid var(--vhyx-color-border)}._list_11mqx_16[data-variant=enclosed]{background-color:var(--vhyx-color-bg-subtle);border-radius:var(--vhyx-radius-lg);padding:var(--vhyx-space-1);gap:var(--vhyx-space-0-5)}._trigger_11mqx_49{display:inline-flex;align-items:center;justify-content:center;padding:var(--vhyx-space-2) var(--vhyx-space-4);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text-subtle);background:transparent;border:none;cursor:pointer;white-space:nowrap;position:relative;transition:color var(--vhyx-duration-fast) var(--vhyx-easing-standard),background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._trigger_11mqx_49:hover:not(:disabled){color:var(--vhyx-color-text)}._trigger_11mqx_49:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus);border-radius:var(--vhyx-radius-sm)}._trigger_11mqx_49:disabled{opacity:.5;cursor:not-allowed}._trigger_11mqx_49[data-state=active]{color:var(--vhyx-color-text)}._list_11mqx_16[data-variant=pills] ._trigger_11mqx_49[data-state=active]{background-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent);border-radius:var(--vhyx-radius-full)}._list_11mqx_16[data-variant=enclosed] ._trigger_11mqx_49[data-state=active]{background-color:var(--vhyx-color-surface);box-shadow:var(--vhyx-shadow-sm);border-radius:var(--vhyx-radius-md)}._trigger_11mqx_49[data-size=sm]{padding:var(--vhyx-space-1-5) var(--vhyx-space-3);font-size:var(--vhyx-text-xs)}._trigger_11mqx_49[data-size=lg]{padding:var(--vhyx-space-2-5) var(--vhyx-space-5);font-size:var(--vhyx-text-md)}._indicator_11mqx_114{position:absolute;bottom:0;left:0;height:var(--vhyx-border-width-2);background-color:var(--vhyx-color-accent);transition:transform var(--vhyx-duration-normal) var(--vhyx-easing-spring),width var(--vhyx-duration-normal) var(--vhyx-easing-spring)}._indicator_11mqx_114[data-orientation=vertical]{bottom:auto;left:auto;right:0;top:0;width:var(--vhyx-border-width-2);height:auto;transition:transform var(--vhyx-duration-normal) var(--vhyx-easing-spring),height var(--vhyx-duration-normal) var(--vhyx-easing-spring)}._list_11mqx_16[data-variant=pills] ._indicator_11mqx_114,._list_11mqx_16[data-variant=enclosed] ._indicator_11mqx_114{display:none}._panel_11mqx_149{flex:1;padding:var(--vhyx-space-4) 0;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text);outline:none}._root_11mqx_3[data-orientation=vertical] ._panel_11mqx_149{padding:0 var(--vhyx-space-4)}._nav_u2x1y_1{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm)}._list_u2x1y_6{display:flex;flex-wrap:wrap;align-items:center;gap:var(--vhyx-space-0-5);list-style:none;padding:0;margin:0}._item_u2x1y_16{display:inline-flex;align-items:center;gap:var(--vhyx-space-0-5)}._item_u2x1y_16:last-child ._separator_u2x1y_23{display:none}._separator_u2x1y_23{color:var(--vhyx-color-text-muted);font-size:var(--vhyx-text-xs);-webkit-user-select:none;user-select:none}._link_u2x1y_33{color:var(--vhyx-color-text-subtle);text-decoration:none;transition:color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._link_u2x1y_33:hover{color:var(--vhyx-color-text);text-decoration:underline;text-underline-offset:var(--vhyx-space-0-5)}._link_u2x1y_33:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus);border-radius:var(--vhyx-radius-xs)}._page_u2x1y_51{color:var(--vhyx-color-text);font-weight:var(--vhyx-weight-medium)}._ellipsis_u2x1y_56{color:var(--vhyx-color-text-muted);padding:0 var(--vhyx-space-1)}._nav_1kxmq_1{font-family:var(--vhyx-font-sans)}._list_1kxmq_5{display:flex;align-items:center;gap:var(--vhyx-space-1);list-style:none;padding:0;margin:0;flex-wrap:wrap}._button_1kxmq_15{display:inline-flex;align-items:center;justify-content:center;min-width:var(--vhyx-size-md);height:var(--vhyx-size-md);padding:0 var(--vhyx-space-2);background-color:transparent;border:var(--vhyx-border-width) solid transparent;border-radius:var(--vhyx-radius-md);cursor:pointer;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text-subtle);transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),color var(--vhyx-duration-fast) var(--vhyx-easing-standard),border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._button_1kxmq_15:hover:not(:disabled){background-color:var(--vhyx-color-bg-subtle);color:var(--vhyx-color-text);border-color:var(--vhyx-color-border)}._button_1kxmq_15:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._button_1kxmq_15:disabled{opacity:.4;cursor:not-allowed}._button_1kxmq_15[data-state=active]{background-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent);border-color:var(--vhyx-color-accent)}._button_1kxmq_15[data-size=sm]{min-width:var(--vhyx-size-sm);height:var(--vhyx-size-sm);font-size:var(--vhyx-text-xs);border-radius:var(--vhyx-radius-sm)}._button_1kxmq_15[data-size=lg]{min-width:var(--vhyx-size-lg);height:var(--vhyx-size-lg);font-size:var(--vhyx-text-md)}._ellipsis_1kxmq_75{display:inline-flex;align-items:center;justify-content:center;min-width:var(--vhyx-size-md);height:var(--vhyx-size-md);color:var(--vhyx-color-text-muted);font-size:var(--vhyx-text-sm)}._skip-link_1u818_1{position:absolute;top:var(--vhyx-space-4);left:var(--vhyx-space-4);z-index:var(--vhyx-z-top);padding:var(--vhyx-space-2) var(--vhyx-space-4);background-color:var(--vhyx-color-surface);color:var(--vhyx-color-accent);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-semibold);text-decoration:none;box-shadow:var(--vhyx-shadow-md);transform:translateY(calc(-100% - var(--vhyx-space-8)));transition:transform var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._skip-link_1u818_1:focus-visible{transform:translateY(0);outline:none;box-shadow:var(--vhyx-shadow-focus)}
|
|
1
|
+
._spinner_1udc2_1{display:inline-block;flex-shrink:0;overflow:visible;transform-box:fill-box;transform-origin:center;animation:_vhyx-spin_1udc2_1 .7s linear infinite}._spinner_1udc2_1[data-size=xs]{width:var(--vhyx-space-3);height:var(--vhyx-space-3)}._spinner_1udc2_1[data-size=sm]{width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._spinner_1udc2_1[data-size=md]{width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._spinner_1udc2_1[data-size=lg]{width:var(--vhyx-space-8);height:var(--vhyx-space-8)}._spinner_1udc2_1[data-size=xl]{width:var(--vhyx-space-12);height:var(--vhyx-space-12)}._spinner_1udc2_1[data-variant=default]{color:var(--vhyx-color-text-subtle)}._spinner_1udc2_1[data-variant=accent]{color:var(--vhyx-color-accent)}._spinner_1udc2_1[data-variant=white]{color:var(--vhyx-color-text-on-accent)}._button_1wjdv_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--vhyx-space-2);height:var(--vhyx-size-md);padding:0 var(--vhyx-space-4);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);line-height:var(--vhyx-leading-none);white-space:nowrap;text-decoration:none;border-radius:var(--vhyx-radius-md);border:var(--vhyx-border-width) solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),color var(--vhyx-duration-fast) var(--vhyx-easing-standard),box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard),opacity var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._button_1wjdv_1:active:not(:disabled){transform:scale(.97);transition:transform var(--vhyx-duration-instant) var(--vhyx-easing-standard)}._button_1wjdv_1:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._button_1wjdv_1:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._button_1wjdv_1[data-loading=true] ._content_1wjdv_57{opacity:.6}._button_1wjdv_1[data-size=xs]{height:var(--vhyx-size-xs);padding:0 var(--vhyx-space-2);font-size:var(--vhyx-text-xs);border-radius:var(--vhyx-radius-sm);gap:var(--vhyx-space-1)}._button_1wjdv_1[data-size=sm]{height:var(--vhyx-size-sm);padding:0 var(--vhyx-space-3);font-size:var(--vhyx-text-xs)}._button_1wjdv_1[data-size=md]{height:var(--vhyx-size-md);padding:0 var(--vhyx-space-4);font-size:var(--vhyx-text-sm)}._button_1wjdv_1[data-size=lg]{height:var(--vhyx-size-lg);padding:0 var(--vhyx-space-6);font-size:var(--vhyx-text-md)}._button_1wjdv_1[data-icon-only=true]{padding:0;width:var(--vhyx-size-md)}._button_1wjdv_1[data-icon-only=true][data-size=xs]{width:var(--vhyx-size-xs)}._button_1wjdv_1[data-icon-only=true][data-size=sm]{width:var(--vhyx-size-sm)}._button_1wjdv_1[data-icon-only=true][data-size=lg]{width:var(--vhyx-size-lg)}._button_1wjdv_1[data-variant=primary]{background-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent);border-color:var(--vhyx-color-accent)}._button_1wjdv_1[data-variant=primary]:hover:not(:disabled){background-color:var(--vhyx-color-accent-hover);border-color:var(--vhyx-color-accent-hover)}._button_1wjdv_1[data-variant=primary]:active:not(:disabled){background-color:var(--vhyx-color-accent-active);border-color:var(--vhyx-color-accent-active)}._button_1wjdv_1[data-variant=secondary]{background-color:var(--vhyx-color-bg-subtle);color:var(--vhyx-color-text);border-color:var(--vhyx-color-border)}._button_1wjdv_1[data-variant=secondary]:hover:not(:disabled){background-color:var(--vhyx-color-bg-muted);border-color:var(--vhyx-color-border-strong)}._button_1wjdv_1[data-variant=outline]{background-color:transparent;color:var(--vhyx-color-accent);border-color:var(--vhyx-color-accent)}._button_1wjdv_1[data-variant=outline]:hover:not(:disabled){background-color:var(--vhyx-color-accent-subtle)}._button_1wjdv_1[data-variant=ghost]{background-color:transparent;color:var(--vhyx-color-text);border-color:transparent}._button_1wjdv_1[data-variant=ghost]:hover:not(:disabled){background-color:var(--vhyx-color-bg-subtle);border-color:var(--vhyx-color-border)}._button_1wjdv_1[data-variant=destructive]{background-color:var(--vhyx-color-danger);color:var(--vhyx-color-text-on-accent);border-color:var(--vhyx-color-danger)}._button_1wjdv_1[data-variant=destructive]:hover:not(:disabled){background-color:var(--vhyx-color-danger-hover);border-color:var(--vhyx-color-danger-hover)}._button_1wjdv_1[data-variant=destructive]:focus-visible{box-shadow:var(--vhyx-shadow-focus-danger)}._button_1wjdv_1[data-variant=link]{background-color:transparent;color:var(--vhyx-color-accent);border-color:transparent;text-decoration:underline;text-underline-offset:var(--vhyx-space-0-5);height:auto;padding:0}._button_1wjdv_1[data-variant=link]:hover:not(:disabled){color:var(--vhyx-color-accent-hover)}._spinner_1wjdv_190{width:1em;height:1em;flex-shrink:0;animation:_vhyx-spin_1wjdv_1 var(--vhyx-duration-glacial) linear infinite}._icon_1wjdv_198{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em}._content_1wjdv_57{display:inline-flex;align-items:center}._wrapper_uqbxf_1{display:inline-flex;align-items:center;width:100%;height:var(--vhyx-size-md);padding:0 var(--vhyx-space-3);gap:var(--vhyx-space-2);background-color:var(--vhyx-color-surface);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text);transition:border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._wrapper_uqbxf_1:focus-within{border-color:var(--vhyx-color-border-focus);box-shadow:var(--vhyx-shadow-focus);outline:none}._wrapper--error_uqbxf_29{border-color:var(--vhyx-color-danger);animation:_vhyx-shake_uqbxf_1 var(--vhyx-duration-slow) var(--vhyx-easing-standard)}._wrapper--error_uqbxf_29:focus-within{border-color:var(--vhyx-color-danger);box-shadow:var(--vhyx-shadow-focus-danger)}._wrapper_uqbxf_1[data-size=sm]{height:var(--vhyx-size-sm);padding:0 var(--vhyx-space-2);font-size:var(--vhyx-text-xs);border-radius:var(--vhyx-radius-sm)}._wrapper_uqbxf_1[data-size=md]{height:var(--vhyx-size-md);padding:0 var(--vhyx-space-3);font-size:var(--vhyx-text-sm)}._wrapper_uqbxf_1[data-size=lg]{height:var(--vhyx-size-lg);padding:0 var(--vhyx-space-4);font-size:var(--vhyx-text-md)}._input_uqbxf_60{flex:1;width:100%;min-width:0;height:100%;border:none;outline:none;background:transparent;color:inherit;font:inherit;caret-color:var(--vhyx-color-accent)}._input_uqbxf_60:focus-visible{box-shadow:none}._input_uqbxf_60::placeholder{color:var(--vhyx-color-text-muted)}._input_uqbxf_60:disabled{cursor:not-allowed;color:var(--vhyx-color-text-disabled)}._wrapper_uqbxf_1:has(._input_uqbxf_60:disabled){opacity:.5;cursor:not-allowed;background-color:var(--vhyx-color-bg-subtle)}._icon_uqbxf_94{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--vhyx-color-text-subtle);font-size:var(--vhyx-text-md);width:1em;height:1em}._prefix_uqbxf_106,._suffix_uqbxf_107{display:inline-flex;align-items:center;flex-shrink:0;color:var(--vhyx-color-text-subtle);font-size:var(--vhyx-text-sm);white-space:nowrap}._clear-button_uqbxf_117,._toggle-button_uqbxf_118{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--vhyx-space-1);background:transparent;border:none;border-radius:var(--vhyx-radius-sm);color:var(--vhyx-color-text-muted);cursor:pointer;transition:color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._clear-button_uqbxf_117:hover,._toggle-button_uqbxf_118:hover{color:var(--vhyx-color-text)}._clear-button_uqbxf_117:focus-visible,._toggle-button_uqbxf_118:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._wrapper_lafqn_1{display:flex;flex-direction:column;gap:var(--vhyx-space-1);width:100%}._textarea_lafqn_8{width:100%;padding:var(--vhyx-space-2) var(--vhyx-space-3);background-color:var(--vhyx-color-surface);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);line-height:var(--vhyx-leading-normal);color:var(--vhyx-color-text);caret-color:var(--vhyx-color-accent);transition:border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._textarea_lafqn_8::placeholder{color:var(--vhyx-color-text-muted)}._textarea_lafqn_8:focus-visible{outline:none;border-color:var(--vhyx-color-border-focus);box-shadow:var(--vhyx-shadow-focus)}._textarea_lafqn_8:disabled{opacity:.5;cursor:not-allowed;background-color:var(--vhyx-color-bg-subtle)}._textarea_lafqn_8[data-error=true]{border-color:var(--vhyx-color-danger);animation:_vhyx-shake_lafqn_1 var(--vhyx-duration-slow) var(--vhyx-easing-standard)}._textarea_lafqn_8[data-error=true]:focus-visible{border-color:var(--vhyx-color-danger);box-shadow:var(--vhyx-shadow-focus-danger)}._textarea_lafqn_8[data-size=sm]{padding:var(--vhyx-space-1-5) var(--vhyx-space-2);font-size:var(--vhyx-text-xs);border-radius:var(--vhyx-radius-sm)}._textarea_lafqn_8[data-size=md]{padding:var(--vhyx-space-2) var(--vhyx-space-3);font-size:var(--vhyx-text-sm)}._textarea_lafqn_8[data-size=lg]{padding:var(--vhyx-space-3) var(--vhyx-space-4);font-size:var(--vhyx-text-md)}._count_lafqn_72{display:block;font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-muted);text-align:right;line-height:var(--vhyx-leading-none)}._trigger_rs2m0_3{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--vhyx-space-2);width:100%;height:var(--vhyx-size-md);padding:0 var(--vhyx-space-3);background-color:var(--vhyx-color-surface);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);cursor:pointer;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text);transition:border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._trigger_rs2m0_3:hover:not(:disabled){border-color:var(--vhyx-color-border-strong)}._trigger_rs2m0_3:focus-visible{outline:none;border-color:var(--vhyx-color-border-focus);box-shadow:var(--vhyx-shadow-focus)}._trigger_rs2m0_3:disabled{opacity:.5;cursor:not-allowed}._trigger_rs2m0_3[data-placeholder=true]{color:var(--vhyx-color-text-muted)}._trigger_rs2m0_3[data-state=open]{border-color:var(--vhyx-color-border-focus)}._trigger_rs2m0_3[data-size=sm]{height:var(--vhyx-size-sm);padding:0 var(--vhyx-space-2);font-size:var(--vhyx-text-xs)}._trigger_rs2m0_3[data-size=lg]{height:var(--vhyx-size-lg);padding:0 var(--vhyx-space-4);font-size:var(--vhyx-text-md)}._trigger-value_rs2m0_62{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._trigger-icon_rs2m0_70{display:inline-flex;align-items:center;flex-shrink:0;width:var(--vhyx-space-3);height:var(--vhyx-space-3);color:var(--vhyx-color-text-muted)}._content_rs2m0_81{background-color:var(--vhyx-color-surface-overlay);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);box-shadow:var(--vhyx-shadow-lg);padding:var(--vhyx-space-1) 0;max-height:min(var(--vhyx-space-64, 16rem),40vh);overflow-y:auto;animation:_vhyx-scale-in_rs2m0_1 var(--vhyx-duration-fast) var(--vhyx-easing-decelerate) both}._content_rs2m0_81[data-state=closed]{display:none}._item_rs2m0_101{display:flex;align-items:center;justify-content:space-between;gap:var(--vhyx-space-2);padding:var(--vhyx-space-2) var(--vhyx-space-3);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}._item_rs2m0_101:focus,._item_rs2m0_101[data-focused=true]{background-color:var(--vhyx-color-accent-subtle);color:var(--vhyx-color-accent)}._item_rs2m0_101[data-state=selected]{font-weight:var(--vhyx-weight-medium)}._item_rs2m0_101[data-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}._item-check_rs2m0_131{display:inline-flex;align-items:center;flex-shrink:0;width:var(--vhyx-space-3);height:var(--vhyx-space-3);color:var(--vhyx-color-accent)}._group_rs2m0_142{padding:var(--vhyx-space-1) 0}._label_rs2m0_148{display:block;padding:var(--vhyx-space-1-5) var(--vhyx-space-3);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-semibold);color:var(--vhyx-color-text-muted);text-transform:uppercase;letter-spacing:var(--vhyx-tracking-wider)}._separator_rs2m0_160{border:none;border-top:var(--vhyx-border-width) solid var(--vhyx-color-border);margin:var(--vhyx-space-1) 0}._checkbox_1jvht_1{display:inline-flex;align-items:center;justify-content:center;width:var(--vhyx-space-5);height:var(--vhyx-space-5);flex-shrink:0;background-color:var(--vhyx-color-surface);border:var(--vhyx-border-width-2) solid var(--vhyx-color-border-strong);border-radius:var(--vhyx-radius-sm);cursor:pointer;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._checkbox_1jvht_1:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._checkbox_1jvht_1:disabled{opacity:.5;cursor:not-allowed}._checkbox_1jvht_1[data-state=checked]{background-color:var(--vhyx-color-accent);border-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent)}._checkbox_1jvht_1[data-state=checked]:hover:not(:disabled){background-color:var(--vhyx-color-accent-hover);border-color:var(--vhyx-color-accent-hover)}._checkbox_1jvht_1[data-state=indeterminate]{background-color:var(--vhyx-color-accent);border-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent)}._checkbox_1jvht_1[data-state=unchecked]:hover:not(:disabled){border-color:var(--vhyx-color-accent)}._checkbox_1jvht_1[data-size=sm]{width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._checkbox_1jvht_1[data-size=md]{width:var(--vhyx-space-5);height:var(--vhyx-space-5)}._checkbox_1jvht_1[data-size=lg]{width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._indicator_1jvht_71{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}._check-icon_1jvht_80{width:75%;height:75%;animation:_vhyx-scale-in_1jvht_1 var(--vhyx-duration-fast) var(--vhyx-easing-spring) both}._group_16juf_3{display:flex;flex-direction:column;gap:var(--vhyx-space-2)}._group_16juf_3[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap;gap:var(--vhyx-space-4)}._item_16juf_17{display:inline-flex;align-items:center;gap:var(--vhyx-space-2);background:transparent;border:none;cursor:pointer;padding:var(--vhyx-space-0-5) var(--vhyx-space-0);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text);text-align:left}._item_16juf_17:disabled{opacity:.5;cursor:not-allowed}._item_16juf_17:focus-visible{outline:none}._item_16juf_17:focus-visible ._radio-indicator_16juf_40{box-shadow:var(--vhyx-shadow-focus)}._item_16juf_17[data-size=sm]{font-size:var(--vhyx-text-xs)}._item_16juf_17[data-size=md]{font-size:var(--vhyx-text-sm)}._item_16juf_17[data-size=lg]{font-size:var(--vhyx-text-md)}._radio-indicator_16juf_40{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--vhyx-space-5);height:var(--vhyx-space-5);border-radius:var(--vhyx-radius-full);border:var(--vhyx-border-width-2) solid var(--vhyx-color-border-strong);background-color:var(--vhyx-color-surface);transition:border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._item_16juf_17[data-state=checked] ._radio-indicator_16juf_40{border-color:var(--vhyx-color-accent);background-color:var(--vhyx-color-accent)}._item_16juf_17:hover:not(:disabled) ._radio-indicator_16juf_40{border-color:var(--vhyx-color-accent)}._item_16juf_17[data-size=sm] ._radio-indicator_16juf_40{width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._item_16juf_17[data-size=lg] ._radio-indicator_16juf_40{width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._radio-dot_16juf_98{display:block;width:40%;height:40%;border-radius:var(--vhyx-radius-full);background-color:var(--vhyx-color-text-on-accent);animation:_vhyx-scale-in_16juf_1 var(--vhyx-duration-fast) var(--vhyx-easing-spring) both}._radio-label_16juf_109{line-height:var(--vhyx-leading-snug);-webkit-user-select:none;user-select:none}._switch_du6cw_1{display:inline-flex;align-items:center;flex-shrink:0;position:relative;width:var(--vhyx-space-10);height:var(--vhyx-space-6);padding:var(--vhyx-space-0-5);border-radius:var(--vhyx-radius-full);border:none;cursor:pointer;background-color:var(--vhyx-color-bg-muted);transition:background-color var(--vhyx-duration-normal) var(--vhyx-easing-spring)}._switch_du6cw_1:disabled{opacity:.5;cursor:not-allowed}._switch_du6cw_1:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._switch_du6cw_1[data-state=checked]{background-color:var(--vhyx-color-accent)}._switch_du6cw_1[data-state=checked]:hover:not(:disabled){background-color:var(--vhyx-color-accent-hover)}._thumb_du6cw_38{display:block;width:var(--vhyx-space-5);height:var(--vhyx-space-5);border-radius:var(--vhyx-radius-full);background-color:var(--vhyx-color-surface);box-shadow:var(--vhyx-shadow-xs);flex-shrink:0;transition:transform var(--vhyx-duration-normal) var(--vhyx-easing-spring);transform:translate(0)}._switch_du6cw_1[data-state=checked] ._thumb_du6cw_38{transform:translate(calc(var(--vhyx-space-10) - var(--vhyx-space-5) - var(--vhyx-space-1)))}._switch_du6cw_1[data-size=sm]{width:var(--vhyx-space-8);height:var(--vhyx-space-5)}._switch_du6cw_1[data-size=sm] ._thumb_du6cw_38{width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._switch_du6cw_1[data-size=sm][data-state=checked] ._thumb_du6cw_38{transform:translate(calc(var(--vhyx-space-8) - var(--vhyx-space-4) - var(--vhyx-space-1)))}._switch_du6cw_1[data-size=md]{width:var(--vhyx-space-10);height:var(--vhyx-space-6)}._switch_du6cw_1[data-size=md] ._thumb_du6cw_38{width:var(--vhyx-space-5);height:var(--vhyx-space-5)}._switch_du6cw_1[data-size=lg]{width:var(--vhyx-space-12);height:var(--vhyx-space-7)}._switch_du6cw_1[data-size=lg] ._thumb_du6cw_38{width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._switch_du6cw_1[data-size=lg][data-state=checked] ._thumb_du6cw_38{transform:translate(calc(var(--vhyx-space-12) - var(--vhyx-space-6) - var(--vhyx-space-1)))}._form_14a4e_3{display:flex;flex-direction:column;gap:var(--vhyx-space-5);width:100%}._form_14a4e_3[data-layout=horizontal]{flex-direction:column;gap:var(--vhyx-space-4)}._form_14a4e_3[data-layout=inline]{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:var(--vhyx-space-3)}._field_14a4e_24{display:flex;flex-direction:column;gap:var(--vhyx-space-1-5)}._field--horizontal_14a4e_30{display:grid;grid-template-columns:var(--vhyx-space-32) 1fr;grid-template-rows:auto auto;column-gap:var(--vhyx-space-4);align-items:start}._field--horizontal_14a4e_30 ._label_14a4e_40{grid-row:1;grid-column:1;padding-top:var(--vhyx-space-2)}._field--horizontal_14a4e_30 ._control_14a4e_46{grid-row:1;grid-column:2}._field--horizontal_14a4e_30 ._hint_14a4e_51,._field--horizontal_14a4e_30 ._error_14a4e_52{grid-row:2;grid-column:2}._control_14a4e_46{width:100%}._label_14a4e_40{display:block;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);line-height:var(--vhyx-leading-snug)}._required_14a4e_76{color:var(--vhyx-color-danger);font-weight:var(--vhyx-weight-semibold)}._optional_14a4e_81{color:var(--vhyx-color-text-muted);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-normal)}._hint_14a4e_51{display:block;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-subtle);line-height:var(--vhyx-leading-snug)}._error_14a4e_52{display:block;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-danger-text);line-height:var(--vhyx-leading-snug)}._region_1l6lf_3{position:fixed;z-index:var(--vhyx-z-toast);display:flex;flex-direction:column;gap:var(--vhyx-space-2);pointer-events:none;max-width:var(--vhyx-space-32);width:calc(100vw - var(--vhyx-space-8))}._region_1l6lf_3[data-position=top-left]{top:var(--vhyx-space-4);left:var(--vhyx-space-4)}._region_1l6lf_3[data-position=top-center]{top:var(--vhyx-space-4);left:50%;transform:translate(-50%)}._region_1l6lf_3[data-position=top-right]{top:var(--vhyx-space-4);right:var(--vhyx-space-4)}._region_1l6lf_3[data-position=bottom-left]{bottom:var(--vhyx-space-4);left:var(--vhyx-space-4)}._region_1l6lf_3[data-position=bottom-center]{bottom:var(--vhyx-space-4);left:50%;transform:translate(-50%)}._region_1l6lf_3[data-position=bottom-right]{bottom:var(--vhyx-space-4);right:var(--vhyx-space-4)}._toast_1l6lf_49{pointer-events:all;border-radius:var(--vhyx-radius-lg);box-shadow:var(--vhyx-shadow-lg);overflow:hidden;min-width:18rem;animation:_vhyx-slide-up-in_1l6lf_1 var(--vhyx-duration-normal) var(--vhyx-easing-spring) both}._toast-content_1l6lf_60{display:flex;align-items:flex-start;gap:var(--vhyx-space-3);padding:var(--vhyx-space-3) var(--vhyx-space-4);background-color:var(--vhyx-color-surface-overlay);border:var(--vhyx-border-width) solid var(--vhyx-color-border)}._toast_1l6lf_49[data-variant=success] ._toast-content_1l6lf_60{border-left:var(--vhyx-space-1) solid var(--vhyx-color-success)}._toast_1l6lf_49[data-variant=danger] ._toast-content_1l6lf_60{border-left:var(--vhyx-space-1) solid var(--vhyx-color-danger)}._toast_1l6lf_49[data-variant=warning] ._toast-content_1l6lf_60{border-left:var(--vhyx-space-1) solid var(--vhyx-color-warning)}._toast_1l6lf_49[data-variant=info] ._toast-content_1l6lf_60{border-left:var(--vhyx-space-1) solid var(--vhyx-color-info)}._toast-icon_1l6lf_89{font-size:var(--vhyx-text-md);flex-shrink:0;line-height:var(--vhyx-leading-normal)}._toast_1l6lf_49[data-variant=success] ._toast-icon_1l6lf_89{color:var(--vhyx-color-success-text)}._toast_1l6lf_49[data-variant=danger] ._toast-icon_1l6lf_89{color:var(--vhyx-color-danger-text)}._toast_1l6lf_49[data-variant=warning] ._toast-icon_1l6lf_89{color:var(--vhyx-color-warning-text)}._toast_1l6lf_49[data-variant=info] ._toast-icon_1l6lf_89{color:var(--vhyx-color-info-text)}._toast_1l6lf_49[data-variant=default] ._toast-icon_1l6lf_89{color:var(--vhyx-color-text-subtle)}._toast-body_1l6lf_103{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--vhyx-space-0-5)}._toast-message_1l6lf_111{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);line-height:var(--vhyx-leading-snug)}._toast-description_1l6lf_119{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-subtle);line-height:var(--vhyx-leading-snug)}._toast-action_1l6lf_128{flex-shrink:0;padding:var(--vhyx-space-1) var(--vhyx-space-2-5);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-sm);background:transparent;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);cursor:pointer;white-space:nowrap;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._toast-action_1l6lf_128:hover{background-color:var(--vhyx-color-bg-subtle)}._toast-action_1l6lf_128:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._toast-dismiss_1l6lf_154{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--vhyx-space-5);height:var(--vhyx-space-5);border:none;border-radius:var(--vhyx-radius-sm);background:transparent;cursor:pointer;color:var(--vhyx-color-text-muted);padding:0;transition:color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._toast-dismiss_1l6lf_154:hover{color:var(--vhyx-color-text)}._toast-dismiss_1l6lf_154:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._toast-dismiss_1l6lf_154 svg{width:var(--vhyx-space-3);height:var(--vhyx-space-3)}._alert_tjvt2_1{display:flex;align-items:flex-start;gap:var(--vhyx-space-3);padding:var(--vhyx-space-4);border-radius:var(--vhyx-radius-md);border:var(--vhyx-border-width) solid var(--vhyx-color-border);background-color:var(--vhyx-color-surface);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);line-height:var(--vhyx-leading-normal);color:var(--vhyx-color-text);animation:_vhyx-fade-in_tjvt2_1 var(--vhyx-duration-normal) var(--vhyx-easing-decelerate) both}._alert_tjvt2_1[data-variant=default]{background-color:var(--vhyx-color-bg-subtle);border-color:var(--vhyx-color-border);color:var(--vhyx-color-text)}._alert_tjvt2_1[data-variant=success]{background-color:var(--vhyx-color-success-subtle);border-color:var(--vhyx-color-success);color:var(--vhyx-color-success-text)}._alert_tjvt2_1[data-variant=warning]{background-color:var(--vhyx-color-warning-subtle);border-color:var(--vhyx-color-warning);color:var(--vhyx-color-warning-text)}._alert_tjvt2_1[data-variant=danger]{background-color:var(--vhyx-color-danger-subtle);border-color:var(--vhyx-color-danger);color:var(--vhyx-color-danger-text)}._alert_tjvt2_1[data-variant=info]{background-color:var(--vhyx-color-info-subtle);border-color:var(--vhyx-color-info);color:var(--vhyx-color-info-text)}._alert-icon_tjvt2_51{flex-shrink:0;font-size:var(--vhyx-text-md);line-height:var(--vhyx-leading-none);margin-top:var(--vhyx-space-0-5)}._alert-body_tjvt2_60{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--vhyx-space-1)}._alert-title_tjvt2_68{font-weight:var(--vhyx-weight-semibold);font-size:var(--vhyx-text-sm)}._alert-message_tjvt2_73{font-size:var(--vhyx-text-sm);line-height:var(--vhyx-leading-normal)}._alert-dismiss_tjvt2_80{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--vhyx-size-xs);height:var(--vhyx-size-xs);padding:0;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:var(--vhyx-radius-sm);opacity:.6;transition:opacity var(--vhyx-duration-fast) var(--vhyx-easing-standard),background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._alert-dismiss_tjvt2_80:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}._alert-dismiss_tjvt2_80:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus);opacity:1}._alert-dismiss_tjvt2_80 svg{width:.625rem;height:.625rem}._badge_12qri_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-family:var(--vhyx-font-sans);font-weight:var(--vhyx-weight-medium);line-height:var(--vhyx-leading-none);border-radius:var(--vhyx-radius-full);border:var(--vhyx-border-width) solid transparent}._badge_12qri_1[data-size=sm]{font-size:var(--vhyx-text-2xs);padding:var(--vhyx-space-0-5) var(--vhyx-space-1-5);min-width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._badge_12qri_1[data-size=md]{font-size:var(--vhyx-text-xs);padding:var(--vhyx-space-1) var(--vhyx-space-2);min-width:var(--vhyx-space-5);height:var(--vhyx-space-5)}._badge_12qri_1[data-size=lg]{font-size:var(--vhyx-text-sm);padding:var(--vhyx-space-1) var(--vhyx-space-2-5);min-width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._badge_12qri_1[data-dot=true]{padding:0;min-width:unset}._badge_12qri_1[data-dot=true][data-size=sm]{width:var(--vhyx-space-2);height:var(--vhyx-space-2)}._badge_12qri_1[data-dot=true][data-size=md]{width:var(--vhyx-space-2-5);height:var(--vhyx-space-2-5)}._badge_12qri_1[data-dot=true][data-size=lg]{width:var(--vhyx-space-3);height:var(--vhyx-space-3)}._badge_12qri_1[data-variant=default]{background-color:var(--vhyx-color-bg-muted);color:var(--vhyx-color-text)}._badge_12qri_1[data-variant=success]{background-color:var(--vhyx-color-success-subtle);color:var(--vhyx-color-success-text)}._badge_12qri_1[data-variant=warning]{background-color:var(--vhyx-color-warning-subtle);color:var(--vhyx-color-warning-text)}._badge_12qri_1[data-variant=danger]{background-color:var(--vhyx-color-danger-subtle);color:var(--vhyx-color-danger-text)}._badge_12qri_1[data-variant=info]{background-color:var(--vhyx-color-info-subtle);color:var(--vhyx-color-info-text)}._badge_12qri_1[data-variant=outline]{background-color:transparent;color:var(--vhyx-color-text);border-color:var(--vhyx-color-border-strong)}._wrapper_ko60j_1{display:flex;flex-direction:column;gap:var(--vhyx-space-1);width:100%}._label_ko60j_10{display:block;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text-subtle);text-align:right}._track_ko60j_21{width:100%;overflow:hidden;border-radius:var(--vhyx-radius-full);background-color:var(--vhyx-color-bg-muted)}._wrapper_ko60j_1[data-size=xs] ._track_ko60j_21{height:var(--vhyx-space-1);border-radius:var(--vhyx-radius-full)}._wrapper_ko60j_1[data-size=sm] ._track_ko60j_21{height:var(--vhyx-space-1-5);border-radius:var(--vhyx-radius-full)}._wrapper_ko60j_1[data-size=md] ._track_ko60j_21{height:var(--vhyx-space-2-5);border-radius:var(--vhyx-radius-full)}._wrapper_ko60j_1[data-size=lg] ._track_ko60j_21{height:var(--vhyx-space-4);border-radius:var(--vhyx-radius-full)}._fill_ko60j_52{height:100%;border-radius:inherit;background-color:var(--vhyx-color-accent);transition:width var(--vhyx-duration-slow) var(--vhyx-easing-standard)}._wrapper_ko60j_1[data-variant=success] ._fill_ko60j_52{background-color:var(--vhyx-color-success)}._wrapper_ko60j_1[data-variant=warning] ._fill_ko60j_52{background-color:var(--vhyx-color-warning)}._wrapper_ko60j_1[data-variant=danger] ._fill_ko60j_52{background-color:var(--vhyx-color-danger)}._fill_ko60j_52[data-indeterminate=true]{width:40%;animation:_vhyx-indeterminate_ko60j_1 var(--vhyx-duration-glacial) var(--vhyx-easing-standard) infinite}._trigger_18zu7_3{display:inline-flex;align-items:center;justify-content:center}._overlay_18zu7_12{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--vhyx-color-overlay);z-index:var(--vhyx-z-overlay);animation:_vhyx-overlay-in_18zu7_1 var(--vhyx-duration-normal) var(--vhyx-easing-standard) both}._content_18zu7_24{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--vhyx-z-modal);width:calc(100% - var(--vhyx-space-8));max-width:var(--vhyx-dialog-md);max-height:calc(100vh - var(--vhyx-space-16));overflow-y:auto;background-color:var(--vhyx-color-surface-overlay);border-radius:var(--vhyx-radius-xl);box-shadow:var(--vhyx-shadow-2xl);padding:var(--vhyx-space-6);animation:_vhyx-slide-up-in_18zu7_1 var(--vhyx-duration-slow) var(--vhyx-easing-spring) both;outline:none}._content_18zu7_24[data-size=sm]{max-width:var(--vhyx-dialog-sm)}._content_18zu7_24[data-size=md]{max-width:var(--vhyx-dialog-md)}._content_18zu7_24[data-size=lg]{max-width:var(--vhyx-dialog-lg)}._header_18zu7_56{display:flex;flex-direction:column;gap:var(--vhyx-space-1-5);margin-bottom:var(--vhyx-space-4)}._footer_18zu7_65{display:flex;align-items:center;justify-content:flex-end;gap:var(--vhyx-space-3);margin-top:var(--vhyx-space-6)}._title_18zu7_75{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-lg);font-weight:var(--vhyx-weight-semibold);color:var(--vhyx-color-text);line-height:var(--vhyx-leading-snug);margin:0}._description_18zu7_86{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text-subtle);line-height:var(--vhyx-leading-normal);margin:0}._close_18zu7_96{display:inline-flex;align-items:center;justify-content:center;padding:var(--vhyx-space-2) var(--vhyx-space-4);background:transparent;border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);cursor:pointer;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._close_18zu7_96:hover{background-color:var(--vhyx-color-bg-subtle)}._close_18zu7_96:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._trigger_y86qa_1{display:inline-flex;align-items:center;justify-content:center}._overlay_y86qa_9{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--vhyx-color-overlay);z-index:var(--vhyx-z-overlay);animation:_vhyx-overlay-in_y86qa_1 var(--vhyx-duration-normal) var(--vhyx-easing-standard) both}._content_y86qa_19{position:fixed;z-index:var(--vhyx-z-modal);background-color:var(--vhyx-color-surface-overlay);box-shadow:var(--vhyx-shadow-2xl);overflow-y:auto;outline:none;padding:var(--vhyx-space-6)}._content_y86qa_19[data-side=right]{top:0;right:0;bottom:0;animation:_vhyx-slide-right-in_y86qa_1 var(--vhyx-duration-slow) var(--vhyx-easing-decelerate) both}._content_y86qa_19[data-side=left]{top:0;left:0;bottom:0;animation:_vhyx-slide-left-in_y86qa_1 var(--vhyx-duration-slow) var(--vhyx-easing-decelerate) both}._content_y86qa_19[data-side=top]{top:0;left:0;right:0;animation:_vhyx-slide-down-in_y86qa_1 var(--vhyx-duration-slow) var(--vhyx-easing-decelerate) both}._content_y86qa_19[data-side=bottom]{bottom:0;left:0;right:0;animation:_vhyx-slide-up-in_y86qa_1 var(--vhyx-duration-slow) var(--vhyx-easing-decelerate) both}._content_y86qa_19[data-side=right][data-size=sm],._content_y86qa_19[data-side=left][data-size=sm]{width:var(--vhyx-drawer-sm)}._content_y86qa_19[data-side=right][data-size=md],._content_y86qa_19[data-side=left][data-size=md]{width:var(--vhyx-drawer-md)}._content_y86qa_19[data-side=right][data-size=lg],._content_y86qa_19[data-side=left][data-size=lg]{width:var(--vhyx-drawer-lg)}._content_y86qa_19[data-side=right][data-size=full],._content_y86qa_19[data-side=left][data-size=full]{width:var(--vhyx-drawer-full)}._content_y86qa_19[data-side=top][data-size=sm],._content_y86qa_19[data-side=bottom][data-size=sm]{height:var(--vhyx-drawer-sm)}._content_y86qa_19[data-side=top][data-size=md],._content_y86qa_19[data-side=bottom][data-size=md]{height:var(--vhyx-drawer-md)}._content_y86qa_19[data-side=top][data-size=lg],._content_y86qa_19[data-side=bottom][data-size=lg]{height:var(--vhyx-drawer-lg)}._content_y86qa_19[data-side=top][data-size=full],._content_y86qa_19[data-side=bottom][data-size=full]{height:var(--vhyx-drawer-full)}._header_y86qa_103{display:flex;flex-direction:column;gap:var(--vhyx-space-1-5);margin-bottom:var(--vhyx-space-4)}._footer_y86qa_110{display:flex;align-items:center;justify-content:flex-end;gap:var(--vhyx-space-3);margin-top:var(--vhyx-space-6)}._title_y86qa_118{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-lg);font-weight:var(--vhyx-weight-semibold);color:var(--vhyx-color-text);line-height:var(--vhyx-leading-snug);margin:0}._description_y86qa_127{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text-subtle);line-height:var(--vhyx-leading-normal);margin:0}._close_y86qa_135{display:inline-flex;align-items:center;justify-content:center;padding:var(--vhyx-space-2) var(--vhyx-space-4);background:transparent;border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);cursor:pointer;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._close_y86qa_135:hover{background-color:var(--vhyx-color-bg-subtle)}._close_y86qa_135:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._tooltip_jlaje_1{padding:var(--vhyx-space-1-5) var(--vhyx-space-2-5);background-color:var(--vhyx-color-bg-inverse);color:var(--vhyx-color-text-inverse);border-radius:var(--vhyx-radius-sm);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);line-height:var(--vhyx-leading-snug);max-width:var(--vhyx-space-32);pointer-events:none;animation:_vhyx-fade-in_jlaje_1 var(--vhyx-duration-fast) var(--vhyx-easing-decelerate) both}._trigger_5e049_1{display:inline-flex;align-items:center;justify-content:center}._content_5e049_7{background-color:var(--vhyx-color-surface-overlay);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-lg);box-shadow:var(--vhyx-shadow-lg);padding:var(--vhyx-space-4);min-width:var(--vhyx-space-32);max-width:var(--vhyx-popover-max-width);outline:none;animation:_vhyx-scale-in_5e049_1 var(--vhyx-duration-normal) var(--vhyx-easing-spring) both}._arrow_5e049_21{position:absolute;width:var(--vhyx-space-2-5);height:var(--vhyx-space-1-5);color:var(--vhyx-color-border);transform:translate(-50%)}._close_5e049_29{display:inline-flex;align-items:center;justify-content:center;padding:var(--vhyx-space-1-5) var(--vhyx-space-3);background:transparent;border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);cursor:pointer;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._close_5e049_29:hover{background-color:var(--vhyx-color-bg-subtle)}._close_5e049_29:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._card_wvqde_1{display:flex;flex-direction:column;border-radius:var(--vhyx-radius-lg);overflow:hidden;font-family:var(--vhyx-font-sans);color:var(--vhyx-color-text)}._card_wvqde_1[data-variant=default]{background-color:var(--vhyx-color-surface);border:var(--vhyx-border-width) solid var(--vhyx-color-border)}._card_wvqde_1[data-variant=outline]{background-color:transparent;border:var(--vhyx-border-width) solid var(--vhyx-color-border)}._card_wvqde_1[data-variant=ghost]{background-color:transparent;border:none}._card_wvqde_1[data-variant=elevated]{background-color:var(--vhyx-color-surface-raised);border:none;box-shadow:var(--vhyx-shadow-md)}._card_wvqde_1[data-padding=none] ._header_wvqde_35,._card_wvqde_1[data-padding=none] ._body_wvqde_36,._card_wvqde_1[data-padding=none] ._footer_wvqde_37{padding:0}._card_wvqde_1[data-padding=sm] ._header_wvqde_35,._card_wvqde_1[data-padding=sm] ._body_wvqde_36,._card_wvqde_1[data-padding=sm] ._footer_wvqde_37{padding:var(--vhyx-space-3)}._card_wvqde_1[data-padding=md] ._header_wvqde_35,._card_wvqde_1[data-padding=md] ._body_wvqde_36,._card_wvqde_1[data-padding=md] ._footer_wvqde_37{padding:var(--vhyx-space-4)}._card_wvqde_1[data-padding=lg] ._header_wvqde_35,._card_wvqde_1[data-padding=lg] ._body_wvqde_36,._card_wvqde_1[data-padding=lg] ._footer_wvqde_37{padding:var(--vhyx-space-6)}._card_wvqde_1[data-interactive=true]{cursor:pointer;transition:box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard),transform var(--vhyx-duration-instant) var(--vhyx-easing-standard)}._card_wvqde_1[data-interactive=true]:hover{box-shadow:var(--vhyx-shadow-md)}._card_wvqde_1[data-interactive=true]:active{transform:scale(.99)}._card_wvqde_1[data-interactive=true]:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._header_wvqde_35{display:flex;flex-direction:column;gap:var(--vhyx-space-1-5)}._body_wvqde_36{flex:1;font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text-subtle);line-height:var(--vhyx-leading-normal)}._footer_wvqde_37{display:flex;align-items:center;gap:var(--vhyx-space-2)}._image_wvqde_102{overflow:hidden;flex-shrink:0}._image_wvqde_102 img{width:100%;height:100%;object-fit:cover}._separator_2n49e_1{border:none;background-color:var(--vhyx-color-border);flex-shrink:0}._separator_2n49e_1[data-orientation=horizontal]{width:100%;height:var(--vhyx-border-width);margin:0}._separator_2n49e_1[data-orientation=vertical]{width:var(--vhyx-border-width);height:100%;align-self:stretch}._separator--labeled_2n49e_21{display:flex;align-items:center;gap:var(--vhyx-space-3);width:100%}._line_2n49e_28{flex:1;height:var(--vhyx-border-width);background-color:var(--vhyx-color-border)}._label-text_2n49e_34{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text-muted);white-space:nowrap;flex-shrink:0}._root_11mqx_3{display:flex;flex-direction:column;width:100%}._root_11mqx_3[data-orientation=vertical]{flex-direction:row;align-items:flex-start}._list_11mqx_16{display:flex;flex-direction:row;position:relative;flex-shrink:0}._list_11mqx_16[data-orientation=vertical]{flex-direction:column}._list_11mqx_16[data-variant=default]{border-bottom:var(--vhyx-border-width) solid var(--vhyx-color-border)}._list_11mqx_16[data-variant=default][data-orientation=vertical]{border-bottom:none;border-right:var(--vhyx-border-width) solid var(--vhyx-color-border)}._list_11mqx_16[data-variant=enclosed]{background-color:var(--vhyx-color-bg-subtle);border-radius:var(--vhyx-radius-lg);padding:var(--vhyx-space-1);gap:var(--vhyx-space-0-5)}._trigger_11mqx_49{display:inline-flex;align-items:center;justify-content:center;padding:var(--vhyx-space-2) var(--vhyx-space-4);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text-subtle);background:transparent;border:none;cursor:pointer;white-space:nowrap;position:relative;transition:color var(--vhyx-duration-fast) var(--vhyx-easing-standard),background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._trigger_11mqx_49:hover:not(:disabled){color:var(--vhyx-color-text)}._trigger_11mqx_49:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus);border-radius:var(--vhyx-radius-sm)}._trigger_11mqx_49:disabled{opacity:.5;cursor:not-allowed}._trigger_11mqx_49[data-state=active]{color:var(--vhyx-color-text)}._list_11mqx_16[data-variant=pills] ._trigger_11mqx_49[data-state=active]{background-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent);border-radius:var(--vhyx-radius-full)}._list_11mqx_16[data-variant=enclosed] ._trigger_11mqx_49[data-state=active]{background-color:var(--vhyx-color-surface);box-shadow:var(--vhyx-shadow-sm);border-radius:var(--vhyx-radius-md)}._trigger_11mqx_49[data-size=sm]{padding:var(--vhyx-space-1-5) var(--vhyx-space-3);font-size:var(--vhyx-text-xs)}._trigger_11mqx_49[data-size=lg]{padding:var(--vhyx-space-2-5) var(--vhyx-space-5);font-size:var(--vhyx-text-md)}._indicator_11mqx_114{position:absolute;bottom:0;left:0;height:var(--vhyx-border-width-2);background-color:var(--vhyx-color-accent);transition:transform var(--vhyx-duration-normal) var(--vhyx-easing-spring),width var(--vhyx-duration-normal) var(--vhyx-easing-spring)}._indicator_11mqx_114[data-orientation=vertical]{bottom:auto;left:auto;right:0;top:0;width:var(--vhyx-border-width-2);height:auto;transition:transform var(--vhyx-duration-normal) var(--vhyx-easing-spring),height var(--vhyx-duration-normal) var(--vhyx-easing-spring)}._list_11mqx_16[data-variant=pills] ._indicator_11mqx_114,._list_11mqx_16[data-variant=enclosed] ._indicator_11mqx_114{display:none}._panel_11mqx_149{flex:1;padding:var(--vhyx-space-4) 0;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text);outline:none}._root_11mqx_3[data-orientation=vertical] ._panel_11mqx_149{padding:0 var(--vhyx-space-4)}._nav_u2x1y_1{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm)}._list_u2x1y_6{display:flex;flex-wrap:wrap;align-items:center;gap:var(--vhyx-space-0-5);list-style:none;padding:0;margin:0}._item_u2x1y_16{display:inline-flex;align-items:center;gap:var(--vhyx-space-0-5)}._item_u2x1y_16:last-child ._separator_u2x1y_23{display:none}._separator_u2x1y_23{color:var(--vhyx-color-text-muted);font-size:var(--vhyx-text-xs);-webkit-user-select:none;user-select:none}._link_u2x1y_33{color:var(--vhyx-color-text-subtle);text-decoration:none;transition:color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._link_u2x1y_33:hover{color:var(--vhyx-color-text);text-decoration:underline;text-underline-offset:var(--vhyx-space-0-5)}._link_u2x1y_33:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus);border-radius:var(--vhyx-radius-xs)}._page_u2x1y_51{color:var(--vhyx-color-text);font-weight:var(--vhyx-weight-medium)}._ellipsis_u2x1y_56{color:var(--vhyx-color-text-muted);padding:0 var(--vhyx-space-1)}._nav_1kxmq_1{font-family:var(--vhyx-font-sans)}._list_1kxmq_5{display:flex;align-items:center;gap:var(--vhyx-space-1);list-style:none;padding:0;margin:0;flex-wrap:wrap}._button_1kxmq_15{display:inline-flex;align-items:center;justify-content:center;min-width:var(--vhyx-size-md);height:var(--vhyx-size-md);padding:0 var(--vhyx-space-2);background-color:transparent;border:var(--vhyx-border-width) solid transparent;border-radius:var(--vhyx-radius-md);cursor:pointer;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text-subtle);transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),color var(--vhyx-duration-fast) var(--vhyx-easing-standard),border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._button_1kxmq_15:hover:not(:disabled){background-color:var(--vhyx-color-bg-subtle);color:var(--vhyx-color-text);border-color:var(--vhyx-color-border)}._button_1kxmq_15:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._button_1kxmq_15:disabled{opacity:.4;cursor:not-allowed}._button_1kxmq_15[data-state=active]{background-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent);border-color:var(--vhyx-color-accent)}._button_1kxmq_15[data-size=sm]{min-width:var(--vhyx-size-sm);height:var(--vhyx-size-sm);font-size:var(--vhyx-text-xs);border-radius:var(--vhyx-radius-sm)}._button_1kxmq_15[data-size=lg]{min-width:var(--vhyx-size-lg);height:var(--vhyx-size-lg);font-size:var(--vhyx-text-md)}._ellipsis_1kxmq_75{display:inline-flex;align-items:center;justify-content:center;min-width:var(--vhyx-size-md);height:var(--vhyx-size-md);color:var(--vhyx-color-text-muted);font-size:var(--vhyx-text-sm)}._skip-link_1u818_1{position:absolute;top:var(--vhyx-space-4);left:var(--vhyx-space-4);z-index:var(--vhyx-z-top);padding:var(--vhyx-space-2) var(--vhyx-space-4);background-color:var(--vhyx-color-surface);color:var(--vhyx-color-accent);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-semibold);text-decoration:none;box-shadow:var(--vhyx-shadow-md);transform:translateY(calc(-100% - var(--vhyx-space-8)));transition:transform var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._skip-link_1u818_1:focus-visible{transform:translateY(0);outline:none;box-shadow:var(--vhyx-shadow-focus)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextareaField-D234Lyi_.cjs");exports.TextareaField=e.TextareaField;
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { ComponentContract } from '@vhyxui/core';
|
|
2
|
+
import { default as default_2 } from 'react';
|
|
3
|
+
|
|
4
|
+
/** Field-owned props — pulled from FieldProps without the HTML div base to avoid event-handler conflicts. */
|
|
5
|
+
declare type FieldOwnProps = Pick<FieldProps, 'name' | 'label' | 'hint' | 'error' | 'required' | 'optional' | 'layout'>;
|
|
6
|
+
|
|
7
|
+
/** Props for the Field component — the label/input/hint/error assembly layer. */
|
|
8
|
+
declare interface FieldProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
9
|
+
/**
|
|
10
|
+
* Field name — used to read validation errors from the parent Form context
|
|
11
|
+
* when react-hook-form is wired up.
|
|
12
|
+
*/
|
|
13
|
+
name: string;
|
|
14
|
+
/** Label rendered above (or beside) the input. */
|
|
15
|
+
label?: default_2.ReactNode;
|
|
16
|
+
/** Helper text rendered below the input. Connected via aria-describedby. */
|
|
17
|
+
hint?: default_2.ReactNode;
|
|
18
|
+
/**
|
|
19
|
+
* Error message. When set, the child input receives aria-invalid and
|
|
20
|
+
* data-error attributes and the error text is announced as a live region.
|
|
21
|
+
* If absent, Field reads the error from the parent Form context automatically.
|
|
22
|
+
*/
|
|
23
|
+
error?: string;
|
|
24
|
+
/** When true, renders a required indicator (*) next to the label. */
|
|
25
|
+
required?: boolean;
|
|
26
|
+
/** When true, renders an optional indicator next to the label. */
|
|
27
|
+
optional?: boolean;
|
|
28
|
+
/** Field layout. Overrides the parent Form layout when set. @default 'vertical' */
|
|
29
|
+
layout?: 'vertical' | 'horizontal';
|
|
30
|
+
/** The single interactive child element (Input, Textarea, Select, etc.). */
|
|
31
|
+
children: default_2.ReactNode;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/**
|
|
35
|
+
* TextareaField — convenience compound of Field + Textarea.
|
|
36
|
+
*
|
|
37
|
+
* Renders a labelled multi-line textarea with hint, error, and required
|
|
38
|
+
* indicator fully wired. Prefer this over manually composing Field + Textarea.
|
|
39
|
+
*
|
|
40
|
+
* @example
|
|
41
|
+
* <TextareaField name="bio" label="Bio" minRows={4} placeholder="Tell us about yourself" />
|
|
42
|
+
*/
|
|
43
|
+
export declare function TextareaField({ name, label, hint, error, required, optional, layout, ...textareaProps }: TextareaFieldProps): default_2.ReactElement;
|
|
44
|
+
|
|
45
|
+
export declare namespace TextareaField {
|
|
46
|
+
var displayName: string;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* Combined props for TextareaField.
|
|
51
|
+
* `error` is a string (error message) from FieldProps.
|
|
52
|
+
* `id` is omitted — Field generates and manages it internally.
|
|
53
|
+
*/
|
|
54
|
+
export declare type TextareaFieldProps = FieldOwnProps & Omit<TextareaProps, 'id' | 'error'>;
|
|
55
|
+
|
|
56
|
+
/** Props for the Textarea component. */
|
|
57
|
+
declare interface TextareaProps extends default_2.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
58
|
+
/** Size of the textarea. @default 'md' */
|
|
59
|
+
size?: TextareaSize;
|
|
60
|
+
/**
|
|
61
|
+
* Resize behaviour.
|
|
62
|
+
* 'auto' makes the textarea grow with content up to maxRows.
|
|
63
|
+
* @default 'vertical'
|
|
64
|
+
*/
|
|
65
|
+
resize?: TextareaResize;
|
|
66
|
+
/** Minimum number of visible rows. @default 3 */
|
|
67
|
+
minRows?: number;
|
|
68
|
+
/** Maximum number of rows before scroll activates. Applies when resize='auto'. */
|
|
69
|
+
maxRows?: number;
|
|
70
|
+
/** When true, renders a character count below the textarea. Requires maxLength. */
|
|
71
|
+
showCount?: boolean;
|
|
72
|
+
/** When true, applies error visual state and sets aria-invalid. */
|
|
73
|
+
error?: boolean;
|
|
74
|
+
/** VhyxSeal contract override — merged with the default textarea contract. */
|
|
75
|
+
contract?: Partial<ComponentContract>;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
/** Resize behaviour for the textarea. */
|
|
79
|
+
declare type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both' | 'auto';
|
|
80
|
+
|
|
81
|
+
/** Size tokens available on the Textarea component. */
|
|
82
|
+
declare type TextareaSize = 'sm' | 'md' | 'lg';
|
|
83
|
+
|
|
84
|
+
export { }
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextField-C3r-6jr6.cjs");exports.TextField=e.TextField;
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { ComponentContract } from '@vhyxui/core';
|
|
2
|
+
import { default as default_2 } from 'react';
|
|
3
|
+
|
|
4
|
+
/** Field-owned props — pulled from FieldProps without the HTML div base to avoid event-handler conflicts. */
|
|
5
|
+
declare type FieldOwnProps = Pick<FieldProps, 'name' | 'label' | 'hint' | 'error' | 'required' | 'optional' | 'layout'>;
|
|
6
|
+
|
|
7
|
+
/** Props for the Field component — the label/input/hint/error assembly layer. */
|
|
8
|
+
declare interface FieldProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
9
|
+
/**
|
|
10
|
+
* Field name — used to read validation errors from the parent Form context
|
|
11
|
+
* when react-hook-form is wired up.
|
|
12
|
+
*/
|
|
13
|
+
name: string;
|
|
14
|
+
/** Label rendered above (or beside) the input. */
|
|
15
|
+
label?: default_2.ReactNode;
|
|
16
|
+
/** Helper text rendered below the input. Connected via aria-describedby. */
|
|
17
|
+
hint?: default_2.ReactNode;
|
|
18
|
+
/**
|
|
19
|
+
* Error message. When set, the child input receives aria-invalid and
|
|
20
|
+
* data-error attributes and the error text is announced as a live region.
|
|
21
|
+
* If absent, Field reads the error from the parent Form context automatically.
|
|
22
|
+
*/
|
|
23
|
+
error?: string;
|
|
24
|
+
/** When true, renders a required indicator (*) next to the label. */
|
|
25
|
+
required?: boolean;
|
|
26
|
+
/** When true, renders an optional indicator next to the label. */
|
|
27
|
+
optional?: boolean;
|
|
28
|
+
/** Field layout. Overrides the parent Form layout when set. @default 'vertical' */
|
|
29
|
+
layout?: 'vertical' | 'horizontal';
|
|
30
|
+
/** The single interactive child element (Input, Textarea, Select, etc.). */
|
|
31
|
+
children: default_2.ReactNode;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/** Props for the Input component. */
|
|
35
|
+
declare interface InputProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
|
|
36
|
+
/** Size of the input, maps to --vhyx-size-* height tokens. @default 'md' */
|
|
37
|
+
size?: InputSize;
|
|
38
|
+
/** Optional icon element rendered inside the input. */
|
|
39
|
+
icon?: default_2.ReactNode;
|
|
40
|
+
/** Side the icon appears on. @default 'left' */
|
|
41
|
+
iconPosition?: 'left' | 'right';
|
|
42
|
+
/** Content rendered after the input (inside the wrapper, to the right). */
|
|
43
|
+
suffix?: default_2.ReactNode;
|
|
44
|
+
/** Content rendered before the input (inside the wrapper, to the left). */
|
|
45
|
+
prefix?: default_2.ReactNode;
|
|
46
|
+
/** When true, always shows a clear button regardless of type. */
|
|
47
|
+
clearable?: boolean;
|
|
48
|
+
/** Called when the clear button is clicked. */
|
|
49
|
+
onClear?: () => void;
|
|
50
|
+
/** When true, applies the error visual state and sets aria-invalid. */
|
|
51
|
+
error?: boolean;
|
|
52
|
+
/** VhyxSeal contract override — merged with the default input contract. */
|
|
53
|
+
contract?: Partial<ComponentContract>;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/** Size tokens available on the Input component. */
|
|
57
|
+
declare type InputSize = 'sm' | 'md' | 'lg';
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* TextField — convenience compound of Field + Input.
|
|
61
|
+
*
|
|
62
|
+
* Renders a labelled text input with hint, error, and required indicator
|
|
63
|
+
* fully wired. Prefer this over manually composing Field + Input for
|
|
64
|
+
* single-line text inputs.
|
|
65
|
+
*
|
|
66
|
+
* @example
|
|
67
|
+
* <TextField name="email" label="Email" type="email" placeholder="you@example.com" required />
|
|
68
|
+
*/
|
|
69
|
+
export declare function TextField({ name, label, hint, error, required, optional, layout, ...inputProps }: TextFieldProps): default_2.ReactElement;
|
|
70
|
+
|
|
71
|
+
export declare namespace TextField {
|
|
72
|
+
var displayName: string;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* Combined props for TextField.
|
|
77
|
+
* `error` is a string (error message) from FieldProps.
|
|
78
|
+
* `id` is omitted — Field generates and manages it internally.
|
|
79
|
+
*/
|
|
80
|
+
export declare type TextFieldProps = FieldOwnProps & Omit<InputProps, 'id' | 'error'>;
|
|
81
|
+
|
|
82
|
+
export { }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vhyxui/react",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2-alpha",
|
|
4
4
|
"description": "VhyxUI React components — accessible, motion-first, agent-ready",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"private": false,
|
|
@@ -124,6 +124,16 @@
|
|
|
124
124
|
"require": "./dist/pagination.cjs",
|
|
125
125
|
"types": "./dist/pagination.d.ts"
|
|
126
126
|
},
|
|
127
|
+
"./textfield": {
|
|
128
|
+
"import": "./dist/textfield.js",
|
|
129
|
+
"require": "./dist/textfield.cjs",
|
|
130
|
+
"types": "./dist/textfield.d.ts"
|
|
131
|
+
},
|
|
132
|
+
"./textareafield": {
|
|
133
|
+
"import": "./dist/textareafield.js",
|
|
134
|
+
"require": "./dist/textareafield.cjs",
|
|
135
|
+
"types": "./dist/textareafield.d.ts"
|
|
136
|
+
},
|
|
127
137
|
"./test-utils": {
|
|
128
138
|
"import": "./dist/test-utils.js",
|
|
129
139
|
"require": "./dist/test-utils.cjs",
|
|
@@ -146,7 +156,7 @@
|
|
|
146
156
|
},
|
|
147
157
|
"dependencies": {
|
|
148
158
|
"@vhyxseal/react": "1.0.0-rc.2",
|
|
149
|
-
"@vhyxui/core": "
|
|
159
|
+
"@vhyxui/core": "0.1.0-alpha.1"
|
|
150
160
|
},
|
|
151
161
|
"peerDependencies": {
|
|
152
162
|
"react": ">=18",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./jsx-runtime-BRMkMA8J.cjs"),x=require("react"),l=require("@vhyxui/core"),u=require("@vhyxseal/react"),d="_spinner_3wx6i_1",h={spinner:d},r=x.forwardRef(({size:s="md",variant:i="default",label:n="Loading",className:o,...a},c)=>{const p=[h.spinner,o].filter(Boolean).join(" ");return e.jsxRuntimeExports.jsxs("svg",{ref:c,role:"status","aria-label":n,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:p,"data-size":s,"data-variant":i,...a,children:[e.jsxRuntimeExports.jsx("title",{children:n}),e.jsxRuntimeExports.jsx("circle",{cx:12,cy:12,r:9,strokeWidth:2.5,stroke:"currentColor",opacity:.2}),e.jsxRuntimeExports.jsx("path",{d:"M12 3a9 9 0 0 1 9 9",strokeWidth:2.5,stroke:"currentColor",strokeLinecap:"round"})]})});r.displayName="VhyxSpinner";const j={...l.spinnerContract,id:"vhyxui-spinner"},t=u.withAgentContract(r,j);t.displayName="VhyxSpinner";exports.Spinner=t;
|