@vhyxui/react 0.1.2-alpha.2 → 0.2.0-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.
Files changed (53) hide show
  1. package/dist/{Badge-Fuc7l-1E.js → Badge-Bbxb4wyt.js} +7 -7
  2. package/dist/{Badge-RM7n86Rq.cjs → Badge-SBO9tGzn.cjs} +1 -1
  3. package/dist/{Button-D7eX45GC.js → Button-DDMc7-3S.js} +28 -28
  4. package/dist/{Button-AkUYT9eN.cjs → Button-akOSYEu9.cjs} +1 -1
  5. package/dist/Card-DSCA-Igh.cjs +1 -0
  6. package/dist/Card-Dh9Pcmfa.js +79 -0
  7. package/dist/Popover-BHGX_cC4.cjs +1 -0
  8. package/dist/Popover-u9vlClum.js +211 -0
  9. package/dist/Select-CGfKq69f.cjs +1 -0
  10. package/dist/Select-DHalg36V.js +344 -0
  11. package/dist/SelectField-DG7SlT9m.cjs +1 -0
  12. package/dist/SelectField-DTfYCDWa.js +49 -0
  13. package/dist/{Spinner-CZSz1OpT.js → Spinner-BYi9eTfl.js} +19 -19
  14. package/dist/Spinner-CeIDpqkx.cjs +1 -0
  15. package/dist/TextField-C3r-6jr6.cjs +1 -0
  16. package/dist/TextField-DtXQQJJk.js +31 -0
  17. package/dist/TextareaField-CpqPinvx.js +31 -0
  18. package/dist/TextareaField-D234Lyi_.cjs +1 -0
  19. package/dist/badge.cjs +1 -1
  20. package/dist/badge.js +1 -1
  21. package/dist/button.cjs +1 -1
  22. package/dist/button.js +1 -1
  23. package/dist/card.cjs +1 -1
  24. package/dist/card.js +1 -1
  25. package/dist/index.cjs +1 -1
  26. package/dist/index.d.ts +129 -6
  27. package/dist/index.js +47 -41
  28. package/dist/popover.cjs +1 -1
  29. package/dist/popover.d.ts +7 -1
  30. package/dist/popover.js +1 -1
  31. package/dist/select.cjs +1 -1
  32. package/dist/select.d.ts +19 -5
  33. package/dist/select.js +1 -1
  34. package/dist/selectfield.cjs +1 -0
  35. package/dist/selectfield.d.ts +82 -0
  36. package/dist/selectfield.js +4 -0
  37. package/dist/spinner.cjs +1 -1
  38. package/dist/spinner.js +1 -1
  39. package/dist/style.css +1 -1
  40. package/dist/textareafield.cjs +1 -0
  41. package/dist/textareafield.d.ts +84 -0
  42. package/dist/textareafield.js +4 -0
  43. package/dist/textfield.cjs +1 -0
  44. package/dist/textfield.d.ts +82 -0
  45. package/dist/textfield.js +4 -0
  46. package/package.json +16 -1
  47. package/dist/Card-D7ZNeWtE.js +0 -75
  48. package/dist/Card-d5xrWgQS.cjs +0 -1
  49. package/dist/Popover-BPFkS4xn.cjs +0 -1
  50. package/dist/Popover-MxUovsIt.js +0 -194
  51. package/dist/Select-C9yB2B8M.cjs +0 -1
  52. package/dist/Select-DjeJOdb7.js +0 -327
  53. package/dist/Spinner-BZGPmp9c.cjs +0 -1
package/dist/style.css CHANGED
@@ -1 +1 @@
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)}
1
+ @keyframes _vhyx-spin_1hvno_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_1hvno_17{display:inline-block;flex-shrink:0;overflow:visible;transform-box:fill-box;transform-origin:center;animation:_vhyx-spin_1hvno_1 .7s linear infinite}._spinner_1hvno_17[data-size=xs]{width:var(--vhyx-space-3);height:var(--vhyx-space-3)}._spinner_1hvno_17[data-size=sm]{width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._spinner_1hvno_17[data-size=md]{width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._spinner_1hvno_17[data-size=lg]{width:var(--vhyx-space-8);height:var(--vhyx-space-8)}._spinner_1hvno_17[data-size=xl]{width:var(--vhyx-space-12);height:var(--vhyx-space-12)}._spinner_1hvno_17[data-variant=default]{color:var(--vhyx-color-text-subtle)}._spinner_1hvno_17[data-variant=accent]{color:var(--vhyx-color-accent)}._spinner_1hvno_17[data-variant=white]{color:var(--vhyx-color-text-on-accent)}._button_z02sw_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_z02sw_1:active:not(:disabled){transform:scale(.97);transition:transform var(--vhyx-duration-instant) var(--vhyx-easing-standard)}._button_z02sw_1:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._button_z02sw_1:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._button_z02sw_1[data-loading=true] ._content_z02sw_57{opacity:.6}._button_z02sw_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_z02sw_1[data-size=sm]{height:var(--vhyx-size-sm);padding:0 var(--vhyx-space-3);font-size:var(--vhyx-text-xs)}._button_z02sw_1[data-size=md]{height:var(--vhyx-size-md);padding:0 var(--vhyx-space-4);font-size:var(--vhyx-text-sm)}._button_z02sw_1[data-size=lg]{height:var(--vhyx-size-lg);padding:0 var(--vhyx-space-6);font-size:var(--vhyx-text-md)}._button_z02sw_1[data-icon-only=true]{padding:0;width:var(--vhyx-size-md)}._button_z02sw_1[data-icon-only=true][data-size=xs]{width:var(--vhyx-size-xs)}._button_z02sw_1[data-icon-only=true][data-size=sm]{width:var(--vhyx-size-sm)}._button_z02sw_1[data-icon-only=true][data-size=lg]{width:var(--vhyx-size-lg)}._button_z02sw_1[data-variant=primary]{background-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent);border-color:var(--vhyx-color-accent)}._button_z02sw_1[data-variant=primary]:hover:not(:disabled){background-color:var(--vhyx-color-accent-hover);border-color:var(--vhyx-color-accent-hover)}._button_z02sw_1[data-variant=primary]:active:not(:disabled){background-color:var(--vhyx-color-accent-active);border-color:var(--vhyx-color-accent-active)}._button_z02sw_1[data-variant=secondary]{background-color:var(--vhyx-color-bg-subtle);color:var(--vhyx-color-text);border-color:var(--vhyx-color-border)}._button_z02sw_1[data-variant=secondary]:hover:not(:disabled){background-color:var(--vhyx-color-bg-muted);border-color:var(--vhyx-color-border-strong)}._button_z02sw_1[data-variant=outline]{background-color:transparent;color:var(--vhyx-color-accent);border-color:var(--vhyx-color-accent)}._button_z02sw_1[data-variant=outline]:hover:not(:disabled){background-color:var(--vhyx-color-accent-subtle)}._button_z02sw_1[data-variant=ghost]{background-color:transparent;color:var(--vhyx-color-text);border-color:transparent}._button_z02sw_1[data-variant=ghost]:hover:not(:disabled){background-color:var(--vhyx-color-bg-subtle);border-color:var(--vhyx-color-border)}._button_z02sw_1[data-variant=destructive]{background-color:var(--vhyx-color-danger);color:var(--vhyx-color-text-on-accent);border-color:var(--vhyx-color-danger)}._button_z02sw_1[data-variant=destructive]:hover:not(:disabled){background-color:var(--vhyx-color-danger-hover);border-color:var(--vhyx-color-danger-hover)}._button_z02sw_1[data-variant=destructive]:focus-visible{box-shadow:var(--vhyx-shadow-focus-danger)}._button_z02sw_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_z02sw_1[data-variant=link]:hover:not(:disabled){color:var(--vhyx-color-accent-hover)}@keyframes _vhyx-spin_z02sw_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_z02sw_196{width:1em;height:1em;flex-shrink:0;animation:_vhyx-spin_z02sw_1 var(--vhyx-duration-glacial) linear infinite}._icon_z02sw_204{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em}._content_z02sw_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_1t193_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_1t193_3:hover:not(:disabled){border-color:var(--vhyx-color-border-strong)}._trigger_1t193_3:focus-visible{outline:none;border-color:var(--vhyx-color-border-focus);box-shadow:var(--vhyx-shadow-focus)}._trigger_1t193_3:disabled{opacity:.5;cursor:not-allowed}._trigger_1t193_3[data-placeholder=true]{color:var(--vhyx-color-text-muted)}._trigger_1t193_3[data-state=open]{border-color:var(--vhyx-color-border-focus)}._trigger_1t193_3[data-size=sm]{height:var(--vhyx-size-sm);padding:0 var(--vhyx-space-2);font-size:var(--vhyx-text-xs)}._trigger_1t193_3[data-size=lg]{height:var(--vhyx-size-lg);padding:0 var(--vhyx-space-4);font-size:var(--vhyx-text-md)}._trigger-value_1t193_62{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._trigger-icon_1t193_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_1t193_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_1t193_1 var(--vhyx-duration-fast) var(--vhyx-easing-decelerate) both}._content_1t193_81[data-state=closed]{display:none}._item_1t193_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;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._item_1t193_101:focus,._item_1t193_101[data-focused=true]{background-color:var(--vhyx-color-accent-subtle);color:var(--vhyx-color-accent)}._item_1t193_101[data-state=selected]{font-weight:var(--vhyx-weight-medium)}._item_1t193_101[data-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}._item-check_1t193_141{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_1t193_152{padding:var(--vhyx-space-1) 0}._label_1t193_158{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_1t193_170{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_1s34s_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_1s34s_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_1s34s_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_1s34s_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_1s34s_1[data-dot=true]{padding:0;min-width:unset}._badge_1s34s_1[data-dot=true][data-size=sm]{width:var(--vhyx-space-2);height:var(--vhyx-space-2)}._badge_1s34s_1[data-dot=true][data-size=md]{width:var(--vhyx-space-2-5);height:var(--vhyx-space-2-5)}._badge_1s34s_1[data-dot=true][data-size=lg]{width:var(--vhyx-space-3);height:var(--vhyx-space-3)}._badge_1s34s_1[data-dot=true][data-variant=success]{background-color:var(--vhyx-color-success)}._badge_1s34s_1[data-dot=true][data-variant=warning]{background-color:var(--vhyx-color-warning)}._badge_1s34s_1[data-dot=true][data-variant=danger]{background-color:var(--vhyx-color-danger)}._badge_1s34s_1[data-dot=true][data-variant=info]{background-color:var(--vhyx-color-info)}._badge_1s34s_1[data-dot=true][data-variant=default],._badge_1s34s_1[data-dot=true][data-variant=outline]{background-color:var(--vhyx-color-text-subtle)}._badge_1s34s_1[data-variant=default]{background-color:var(--vhyx-color-bg-muted);color:var(--vhyx-color-text)}._badge_1s34s_1[data-variant=success]{background-color:var(--vhyx-color-success-subtle);color:var(--vhyx-color-success-text)}._badge_1s34s_1[data-variant=warning]{background-color:var(--vhyx-color-warning-subtle);color:var(--vhyx-color-warning-text)}._badge_1s34s_1[data-variant=danger]{background-color:var(--vhyx-color-danger-subtle);color:var(--vhyx-color-danger-text)}._badge_1s34s_1[data-variant=info]{background-color:var(--vhyx-color-info-subtle);color:var(--vhyx-color-info-text)}._badge_1s34s_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)}
package/dist/textareafield.cjs ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextareaField-D234Lyi_.cjs");exports.TextareaField=e.TextareaField;
package/dist/textareafield.d.ts ADDED
@@ -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 { }
package/dist/textareafield.js ADDED
@@ -0,0 +1,4 @@
1
+ import { T as r } from "./TextareaField-CpqPinvx.js";
2
+ export {
3
+ r as TextareaField
4
+ };
package/dist/textfield.cjs ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TextField-C3r-6jr6.cjs");exports.TextField=e.TextField;
package/dist/textfield.d.ts ADDED
@@ -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/dist/textfield.js ADDED
@@ -0,0 +1,4 @@
1
+ import { T as r } from "./TextField-DtXQQJJk.js";
2
+ export {
3
+ r as TextField
4
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vhyxui/react",
3
- "version": "0.1.2-alpha.2",
3
+ "version": "0.2.0-alpha",
4
4
  "description": "VhyxUI React components — accessible, motion-first, agent-ready",
5
5
  "license": "MIT",
6
6
  "private": false,
@@ -124,6 +124,21 @@
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
+ "./selectfield": {
133
+ "import": "./dist/selectfield.js",
134
+ "require": "./dist/selectfield.cjs",
135
+ "types": "./dist/selectfield.d.ts"
136
+ },
137
+ "./textareafield": {
138
+ "import": "./dist/textareafield.js",
139
+ "require": "./dist/textareafield.cjs",
140
+ "types": "./dist/textareafield.d.ts"
141
+ },
127
142
  "./test-utils": {
128
143
  "import": "./dist/test-utils.js",
129
144
  "require": "./dist/test-utils.cjs",
package/dist/Card-D7ZNeWtE.js DELETED
@@ -1,75 +0,0 @@
1
- import { j as t } from "./jsx-runtime-CL69jGNW.js";
2
- import _ from "react";
3
- import { cardContract as s } from "@vhyxui/core";
4
- import { withAgentContract as p } from "@vhyxseal/react";
5
- import { u as j } from "./useId-BGRmH6iF.js";
6
- const g = "_card_wvqde_1", N = "_header_wvqde_35", B = "_body_wvqde_36", w = "_footer_wvqde_37", b = "_image_wvqde_102", d = {
7
- card: g,
8
- header: N,
9
- body: B,
10
- footer: w,
11
- image: b
12
- }, n = _.forwardRef(
13
- ({
14
- variant: a = "default",
15
- padding: e = "md",
16
- interactive: o = !1,
17
- contract: r,
18
- className: f,
19
- children: y,
20
- ...C
21
- }, v) => {
22
- const x = j("vhyx-card"), h = {
23
- ...s,
24
- id: x,
25
- ...r
26
- }, u = [d.card, f].filter(Boolean).join(" ");
27
- return /* @__PURE__ */ t.jsx(
28
- "div",
29
- {
30
- ref: v,
31
- className: u,
32
- "data-variant": a,
33
- "data-padding": e,
34
- "data-interactive": o ? !0 : void 0,
35
- "data-vhyx-contract": JSON.stringify(h),
36
- ...C,
37
- children: y
38
- }
39
- );
40
- }
41
- );
42
- n.displayName = "VhyxCard";
43
- function i({ children: a, className: e, ...o }) {
44
- const r = [d.header, e].filter(Boolean).join(" ");
45
- return /* @__PURE__ */ t.jsx("div", { className: r, ...o, children: a });
46
- }
47
- i.displayName = "VhyxCardHeader";
48
- function c({ children: a, className: e, ...o }) {
49
- const r = [d.body, e].filter(Boolean).join(" ");
50
- return /* @__PURE__ */ t.jsx("div", { className: r, ...o, children: a });
51
- }
52
- c.displayName = "VhyxCardBody";
53
- function m({ children: a, className: e, ...o }) {
54
- const r = [d.footer, e].filter(Boolean).join(" ");
55
- return /* @__PURE__ */ t.jsx("div", { className: r, ...o, children: a });
56
- }
57
- m.displayName = "VhyxCardFooter";
58
- function l({ children: a, className: e, ...o }) {
59
- const r = [d.image, e].filter(Boolean).join(" ");
60
- return /* @__PURE__ */ t.jsx("div", { className: r, ...o, children: a });
61
- }
62
- l.displayName = "VhyxCardImage";
63
- const V = { ...s, id: "vhyxui-card" }, q = Object.assign(
64
- p(n, V),
65
- {
66
- Header: i,
67
- Body: c,
68
- Footer: m,
69
- Image: l
70
- }
71
- );
72
- q.displayName = "VhyxCard";
73
- export {
74
- q as C
75
- };
package/dist/Card-d5xrWgQS.cjs DELETED
@@ -1 +0,0 @@
1
- "use strict";const o=require("./jsx-runtime-BRMkMA8J.cjs"),_=require("react"),d=require("@vhyxui/core"),g=require("@vhyxseal/react"),p=require("./useId-D2AEOm2G.cjs"),N="_card_wvqde_1",q="_header_wvqde_35",R="_body_wvqde_36",B="_footer_wvqde_37",w="_image_wvqde_102",s={card:N,header:q,body:R,footer:B,image:w},n=_.forwardRef(({variant:e="default",padding:a="md",interactive:t=!1,contract:r,className:x,children:y,...C},f)=>{const j=p.useId("vhyx-card"),v={...d.cardContract,id:j,...r},h=[s.card,x].filter(Boolean).join(" ");return o.jsxRuntimeExports.jsx("div",{ref:f,className:h,"data-variant":e,"data-padding":a,"data-interactive":t?!0:void 0,"data-vhyx-contract":JSON.stringify(v),...C,children:y})});n.displayName="VhyxCard";function c({children:e,className:a,...t}){const r=[s.header,a].filter(Boolean).join(" ");return o.jsxRuntimeExports.jsx("div",{className:r,...t,children:e})}c.displayName="VhyxCardHeader";function i({children:e,className:a,...t}){const r=[s.body,a].filter(Boolean).join(" ");return o.jsxRuntimeExports.jsx("div",{className:r,...t,children:e})}i.displayName="VhyxCardBody";function l({children:e,className:a,...t}){const r=[s.footer,a].filter(Boolean).join(" ");return o.jsxRuntimeExports.jsx("div",{className:r,...t,children:e})}l.displayName="VhyxCardFooter";function m({children:e,className:a,...t}){const r=[s.image,a].filter(Boolean).join(" ");return o.jsxRuntimeExports.jsx("div",{className:r,...t,children:e})}m.displayName="VhyxCardImage";const b={...d.cardContract,id:"vhyxui-card"},u=Object.assign(g.withAgentContract(n,b),{Header:c,Body:i,Footer:l,Image:m});u.displayName="VhyxCard";exports.Card=u;
package/dist/Popover-BPFkS4xn.cjs DELETED
@@ -1 +0,0 @@
1
- "use strict";const p=require("./jsx-runtime-BRMkMA8J.cjs"),n=require("react"),M=require("react-dom"),R=require("@vhyxui/core"),T=require("@vhyxseal/react"),A=require("./useId-D2AEOm2G.cjs"),O="_trigger_5e049_1",U="_content_5e049_7",X="_arrow_5e049_21",$="_close_5e049_29",P={trigger:O,content:U,arrow:X,close:$},b=n.createContext(null);function j(s){const c=n.useContext(b);if(!c)throw new R.VhyxUIError({code:R.VhyxUIErrorCode.VHYXUI_MISSING_CONTEXT,message:`${s} must be used within <Popover>`,suggestion:"Wrap your component tree with <Popover>"});return c}const I=n.forwardRef(({open:s,defaultOpen:c=!1,onOpenChange:e,contract:f,children:m},o)=>{const r=A.useId("vhyx-popover"),l=`${r}-trigger`,d=`${r}-content`,a=s!==void 0,[g,t]=n.useState(c),i=a?s:g,u=n.useRef(null),x=n.useRef(null),y=n.useCallback(v=>{a||t(v),e==null||e(v)},[a,e]);n.useEffect(()=>{if(!i)return;function v(C){var h;C.key==="Escape"&&(y(!1),(h=u.current)==null||h.focus())}return document.addEventListener("keydown",v),()=>document.removeEventListener("keydown",v)},[i,y]),n.useEffect(()=>{if(!i)return;function v(C){var w,E;const h=C.target;(w=u.current)!=null&&w.contains(h)||(E=x.current)!=null&&E.contains(h)||y(!1)}return document.addEventListener("mousedown",v),()=>document.removeEventListener("mousedown",v)},[i,y]);const B=n.useMemo(()=>({...R.popoverContract,id:r,...f}),[r,f]),L=n.useMemo(()=>({open:i,onOpenChange:y,triggerId:l,contentId:d,triggerRef:u,contentRef:x}),[i,y,l,d]);return p.jsxRuntimeExports.jsx(b.Provider,{value:L,children:p.jsxRuntimeExports.jsx("div",{ref:o,"data-state":i?"open":"closed","data-vhyx-contract":JSON.stringify(B),children:m})})});I.displayName="VhyxPopover";const _=n.forwardRef(({children:s,className:c,onClick:e,asChild:f=!1,...m},o)=>{const r=j("Popover.Trigger"),l=n.useCallback(t=>{r.triggerRef.current=t,typeof o=="function"?o(t):o&&(o.current=t)},[o,r.triggerRef]),d=n.useCallback(t=>{e==null||e(t),r.onOpenChange(!r.open)},[e,r]),a=[P.trigger,c].filter(Boolean).join(" "),g={id:r.triggerId,"aria-haspopup":"dialog","aria-expanded":r.open,"aria-controls":r.open?r.contentId:void 0,onClick:d,className:a,...m};return f?p.jsxRuntimeExports.jsx(R.Slot,{ref:l,...g,children:s}):p.jsxRuntimeExports.jsx("button",{ref:l,type:"button",...g,children:s})});_.displayName="VhyxPopoverTrigger";function N({children:s,className:c,side:e="bottom",align:f="center",...m}){const o=j("Popover.Content"),[r,l]=n.useState({top:0,left:0});n.useEffect(()=>{if(!o.open||!o.triggerRef.current)return;const t=o.triggerRef.current.getBoundingClientRect(),i=8;let u=0,x=0;e==="bottom"?(u=t.bottom+i,x=t.left+t.width/2):e==="top"?(u=t.top-i,x=t.left+t.width/2):e==="right"?(u=t.top+t.height/2,x=t.right+i):(u=t.top+t.height/2,x=t.left-i),l({top:u,left:x})},[o.open,o.triggerRef,e]);const d=n.useCallback(t=>{o.contentRef.current=t},[o.contentRef]);if(!o.open)return null;const a=[P.content,c].filter(Boolean).join(" "),g=p.jsxRuntimeExports.jsx("div",{ref:d,id:o.contentId,role:"dialog","aria-modal":"false","aria-labelledby":o.triggerId,className:a,"data-state":"open","data-side":e,"data-align":f,style:{position:"fixed",top:r.top,left:r.left,zIndex:450,transform:"translateX(-50%)"},...m,children:s});return M.createPortal(g,document.body)}N.displayName="VhyxPopoverContent";function V({className:s,...c}){const e=[P.arrow,s].filter(Boolean).join(" ");return p.jsxRuntimeExports.jsx("svg",{"aria-hidden":"true",className:e,viewBox:"0 0 10 5",...c,children:p.jsxRuntimeExports.jsx("path",{d:"M0 5L5 0L10 5",fill:"currentColor"})})}V.displayName="VhyxPopoverArrow";const S=n.forwardRef(({children:s,className:c,onClick:e,asChild:f=!1,...m},o)=>{const r=j("Popover.Close"),l=n.useCallback(g=>{e==null||e(g),r.onOpenChange(!1)},[e,r]),d=[P.close,c].filter(Boolean).join(" "),a={onClick:l,className:d,...m};return f?p.jsxRuntimeExports.jsx(R.Slot,{ref:o,...a,children:s}):p.jsxRuntimeExports.jsx("button",{ref:o,type:"button",...a,children:s??"Close"})});S.displayName="VhyxPopoverClose";const k={...R.popoverContract,id:"vhyxui-popover"},q=Object.assign(T.withAgentContract(I,k),{Trigger:_,Content:N,Arrow:V,Close:S});q.displayName="VhyxPopover";exports.Popover=q;