@vhyxui/react 0.1.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Alert-BJ1O0bnK.cjs +1 -0
- package/dist/Alert-am3ANPTH.js +99 -0
- package/dist/Badge-Fuc7l-1E.js +38 -0
- package/dist/Badge-RM7n86Rq.cjs +1 -0
- package/dist/Breadcrumb-Db7ASomJ.js +90 -0
- package/dist/Breadcrumb-StitgXXx.cjs +1 -0
- package/dist/Button-B32xz0b5.js +58 -0
- package/dist/Button-CfYG4zkG.cjs +1 -0
- package/dist/Card-D7ZNeWtE.js +75 -0
- package/dist/Card-d5xrWgQS.cjs +1 -0
- package/dist/Checkbox-DWl91ci_.js +92 -0
- package/dist/Checkbox-DvkT6QP9.cjs +1 -0
- package/dist/Dialog-CtYu14zl.js +245 -0
- package/dist/Dialog-gPT4noD8.cjs +1 -0
- package/dist/Drawer-BFJxsPG1.js +246 -0
- package/dist/Drawer-BygSIQQn.cjs +1 -0
- package/dist/Field-Bv07PL2M.js +120 -0
- package/dist/Field-D6FSsUGj.cjs +1 -0
- package/dist/Input-Dqt5q33I.js +151 -0
- package/dist/Input-OFmZxiHe.cjs +1 -0
- package/dist/Pagination-C1h7OTgM.js +128 -0
- package/dist/Pagination-CmmcBPNz.cjs +1 -0
- package/dist/Popover-BPFkS4xn.cjs +1 -0
- package/dist/Popover-MxUovsIt.js +194 -0
- package/dist/Progress-DWLr6Bq2.js +75 -0
- package/dist/Progress-FO-4WX0i.cjs +1 -0
- package/dist/RadioItem-BfkTHBxQ.cjs +1 -0
- package/dist/RadioItem-CzHSS_qK.js +141 -0
- package/dist/Select-C9yB2B8M.cjs +1 -0
- package/dist/Select-DjeJOdb7.js +327 -0
- package/dist/Separator-C5lPGzes.cjs +1 -0
- package/dist/Separator-DQT58t90.js +52 -0
- package/dist/Spinner-Cd5tcOLS.js +61 -0
- package/dist/Spinner-DSHhLV-r.cjs +1 -0
- package/dist/Switch-BU_Tcttb.cjs +1 -0
- package/dist/Switch-DOAZfSV0.js +64 -0
- package/dist/Tabs-BTfm4LbV.js +220 -0
- package/dist/Tabs-DuU02-UD.cjs +1 -0
- package/dist/Textarea-CLrctxHU.js +104 -0
- package/dist/Textarea-H6evM8L4.cjs +1 -0
- package/dist/Toast-0acAjZTB.js +167 -0
- package/dist/Toast-ndaxbpcV.cjs +1 -0
- package/dist/Tooltip-BAmErB_g.js +107 -0
- package/dist/Tooltip-CCd6VRvZ.cjs +1 -0
- package/dist/VhyxUIProvider-C9NxI-tU.cjs +1 -0
- package/dist/VhyxUIProvider-D1vNoiIk.js +34 -0
- package/dist/alert.cjs +1 -0
- package/dist/alert.d.ts +25 -0
- package/dist/alert.js +4 -0
- package/dist/badge.cjs +1 -0
- package/dist/badge.d.ts +31 -0
- package/dist/badge.js +4 -0
- package/dist/breadcrumb.cjs +1 -0
- package/dist/breadcrumb.d.ts +81 -0
- package/dist/breadcrumb.js +4 -0
- package/dist/button.cjs +1 -0
- package/dist/button.d.ts +36 -0
- package/dist/button.js +4 -0
- package/dist/card.cjs +1 -0
- package/dist/card.d.ts +72 -0
- package/dist/card.js +4 -0
- package/dist/checkbox.cjs +1 -0
- package/dist/checkbox.d.ts +33 -0
- package/dist/checkbox.js +4 -0
- package/dist/dialog.cjs +1 -0
- package/dist/dialog.d.ts +112 -0
- package/dist/dialog.js +4 -0
- package/dist/drawer.cjs +1 -0
- package/dist/drawer.d.ts +110 -0
- package/dist/drawer.js +4 -0
- package/dist/form.cjs +1 -0
- package/dist/form.d.ts +116 -0
- package/dist/form.js +6 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +1184 -0
- package/dist/index.js +83 -0
- package/dist/input.cjs +1 -0
- package/dist/input.d.ts +31 -0
- package/dist/input.js +4 -0
- package/dist/jsx-runtime-BRMkMA8J.cjs +22 -0
- package/dist/jsx-runtime-CL69jGNW.js +279 -0
- package/dist/pagination.cjs +1 -0
- package/dist/pagination.d.ts +32 -0
- package/dist/pagination.js +4 -0
- package/dist/popover.cjs +1 -0
- package/dist/popover.d.ts +72 -0
- package/dist/popover.js +4 -0
- package/dist/progress.cjs +1 -0
- package/dist/progress.d.ts +35 -0
- package/dist/progress.js +4 -0
- package/dist/radio.cjs +1 -0
- package/dist/radio.d.ts +47 -0
- package/dist/radio.js +5 -0
- package/dist/select.cjs +1 -0
- package/dist/select.d.ts +97 -0
- package/dist/select.js +4 -0
- package/dist/separator.cjs +1 -0
- package/dist/separator.d.ts +21 -0
- package/dist/separator.js +4 -0
- package/dist/spinner.cjs +1 -0
- package/dist/spinner.d.ts +24 -0
- package/dist/spinner.js +4 -0
- package/dist/style.css +1 -0
- package/dist/switch.cjs +1 -0
- package/dist/switch.d.ts +28 -0
- package/dist/switch.js +4 -0
- package/dist/tabs.cjs +1 -0
- package/dist/tabs.d.ts +59 -0
- package/dist/tabs.js +4 -0
- package/dist/test-utils.cjs +1 -0
- package/dist/test-utils.d.ts +5 -0
- package/dist/test-utils.js +12 -0
- package/dist/textarea.cjs +1 -0
- package/dist/textarea.d.ts +34 -0
- package/dist/textarea.js +4 -0
- package/dist/toast.cjs +1 -0
- package/dist/toast.d.ts +28 -0
- package/dist/toast.js +5 -0
- package/dist/tooltip.cjs +1 -0
- package/dist/tooltip.d.ts +32 -0
- package/dist/tooltip.js +4 -0
- package/dist/useId-BGRmH6iF.js +8 -0
- package/dist/useId-D2AEOm2G.cjs +1 -0
- package/package.json +170 -0
- package/style.css +1 -0
package/dist/select.d.ts
ADDED
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { ComponentContract } from '@vhyxui/core';
|
|
2
|
+
import { default as default_2 } from 'react';
|
|
3
|
+
|
|
4
|
+
export declare const Select: default_2.ComponentType<SelectProps & default_2.RefAttributes<HTMLDivElement>> & {
|
|
5
|
+
Trigger: default_2.ForwardRefExoticComponent<SelectTriggerProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
Content: typeof SelectContent;
|
|
7
|
+
Item: default_2.ForwardRefExoticComponent<SelectItemProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Group: typeof SelectGroup;
|
|
9
|
+
Label: typeof SelectLabel;
|
|
10
|
+
Separator: typeof SelectSeparator;
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Portal-rendered listbox. Deferred to client-only via `mounted` state so
|
|
15
|
+
* SSR and client initial renders both produce null — eliminating the
|
|
16
|
+
* hydration mismatch that occurred when SSR returned null but the client
|
|
17
|
+
* immediately rendered the portal with differing data-state / position values.
|
|
18
|
+
*
|
|
19
|
+
* SelectItem labels register on their own mount effects after this content
|
|
20
|
+
* mounts client-side, so the trigger label display is updated via state.
|
|
21
|
+
*/
|
|
22
|
+
declare function SelectContent({ children, className, ...rest }: SelectContentProps): default_2.ReactPortal | null;
|
|
23
|
+
|
|
24
|
+
declare namespace SelectContent {
|
|
25
|
+
var displayName: string;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export declare interface SelectContentProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
29
|
+
children?: default_2.ReactNode;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
declare function SelectGroup({ children, className, ...rest }: SelectGroupProps): default_2.ReactElement;
|
|
33
|
+
|
|
34
|
+
declare namespace SelectGroup {
|
|
35
|
+
var displayName: string;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
export declare interface SelectGroupProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
39
|
+
children?: default_2.ReactNode;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
export declare interface SelectItemProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
43
|
+
/** The value this item represents. */
|
|
44
|
+
value: string;
|
|
45
|
+
/** When true, this item cannot be selected. */
|
|
46
|
+
disabled?: boolean;
|
|
47
|
+
children: default_2.ReactNode;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
declare function SelectLabel({ children, className, ...rest }: SelectLabelProps): default_2.ReactElement;
|
|
51
|
+
|
|
52
|
+
declare namespace SelectLabel {
|
|
53
|
+
var displayName: string;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
export declare interface SelectLabelProps extends default_2.HTMLAttributes<HTMLSpanElement> {
|
|
57
|
+
children?: default_2.ReactNode;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/** Root props for the Select compound component. */
|
|
61
|
+
export declare interface SelectProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
62
|
+
/** Controlled selected value. */
|
|
63
|
+
value?: string;
|
|
64
|
+
/** Default selected value for uncontrolled mode. */
|
|
65
|
+
defaultValue?: string;
|
|
66
|
+
/** Called when a new value is selected. */
|
|
67
|
+
onValueChange?: (value: string) => void;
|
|
68
|
+
/** When true, the trigger is disabled. */
|
|
69
|
+
disabled?: boolean;
|
|
70
|
+
/** Size applied to all Select sub-components. @default 'md' */
|
|
71
|
+
size?: SelectSize;
|
|
72
|
+
/** Placeholder text shown when no value is selected. */
|
|
73
|
+
placeholder?: string;
|
|
74
|
+
/** VhyxSeal contract override. */
|
|
75
|
+
contract?: Partial<ComponentContract>;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
declare function SelectSeparator({ className, ...rest }: SelectSeparatorProps): default_2.ReactElement;
|
|
79
|
+
|
|
80
|
+
declare namespace SelectSeparator {
|
|
81
|
+
var displayName: string;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
export declare interface SelectSeparatorProps extends default_2.HTMLAttributes<HTMLHRElement> {
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
/** Size tokens for Select. */
|
|
88
|
+
export declare type SelectSize = 'sm' | 'md' | 'lg';
|
|
89
|
+
|
|
90
|
+
export declare interface SelectTriggerProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
91
|
+
/** Optional icon rendered on the right. Defaults to a chevron SVG. */
|
|
92
|
+
icon?: default_2.ReactNode;
|
|
93
|
+
/** When true, renders as the child element via Slot instead of <button>. */
|
|
94
|
+
asChild?: boolean;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
export { }
|
package/dist/select.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Separator-C5lPGzes.cjs");exports.Separator=e.Separator;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as default_2 } from 'react';
|
|
2
|
+
|
|
3
|
+
export declare const Separator: default_2.ForwardRefExoticComponent<default_2.PropsWithoutRef<SeparatorProps> & default_2.RefAttributes<HTMLElement>>;
|
|
4
|
+
|
|
5
|
+
/** Props for the Separator component. */
|
|
6
|
+
export declare interface SeparatorProps extends default_2.HTMLAttributes<HTMLElement> {
|
|
7
|
+
/** Layout direction of the separator line. @default 'horizontal' */
|
|
8
|
+
orientation?: 'horizontal' | 'vertical';
|
|
9
|
+
/**
|
|
10
|
+
* When true (default), the separator is purely visual — rendered as aria-hidden.
|
|
11
|
+
* When false, renders with role="separator" so screen readers announce it.
|
|
12
|
+
*/
|
|
13
|
+
decorative?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Optional text label centered on a horizontal separator.
|
|
16
|
+
* Not supported on vertical separators.
|
|
17
|
+
*/
|
|
18
|
+
label?: string;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export { }
|
package/dist/spinner.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Spinner-DSHhLV-r.cjs");exports.Spinner=e.Spinner;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { default as default_2 } from 'react';
|
|
2
|
+
|
|
3
|
+
export declare const Spinner: default_2.ForwardRefExoticComponent<default_2.PropsWithoutRef<SpinnerProps> & default_2.RefAttributes<SVGSVGElement>>;
|
|
4
|
+
|
|
5
|
+
/** Props for the Spinner component. */
|
|
6
|
+
export declare interface SpinnerProps extends default_2.SVGAttributes<SVGElement> {
|
|
7
|
+
/** Size of the spinner. @default 'md' */
|
|
8
|
+
size?: SpinnerSize;
|
|
9
|
+
/** Color variant of the spinner stroke. @default 'default' */
|
|
10
|
+
variant?: SpinnerVariant;
|
|
11
|
+
/**
|
|
12
|
+
* Screen reader label — always rendered as visually-hidden text.
|
|
13
|
+
* @default 'Loading'
|
|
14
|
+
*/
|
|
15
|
+
label?: string;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
/** Size tokens available on the Spinner component. */
|
|
19
|
+
export declare type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
20
|
+
|
|
21
|
+
/** Color variant of the spinner stroke. */
|
|
22
|
+
export declare type SpinnerVariant = 'default' | 'accent' | 'white';
|
|
23
|
+
|
|
24
|
+
export { }
|
package/dist/spinner.js
ADDED
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._spinner_3wx6i_1{display:inline-block;flex-shrink:0;animation:_vhyx-spin_3wx6i_1 .7s linear infinite}._spinner_3wx6i_1[data-size=xs]{width:var(--vhyx-space-3);height:var(--vhyx-space-3)}._spinner_3wx6i_1[data-size=sm]{width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._spinner_3wx6i_1[data-size=md]{width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._spinner_3wx6i_1[data-size=lg]{width:var(--vhyx-space-8);height:var(--vhyx-space-8)}._spinner_3wx6i_1[data-size=xl]{width:var(--vhyx-space-12);height:var(--vhyx-space-12)}._spinner_3wx6i_1[data-variant=default]{color:var(--vhyx-color-text-subtle)}._spinner_3wx6i_1[data-variant=accent]{color:var(--vhyx-color-accent)}._spinner_3wx6i_1[data-variant=white]{color:var(--vhyx-color-text-on-accent)}._button_1wjdv_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--vhyx-space-2);height:var(--vhyx-size-md);padding:0 var(--vhyx-space-4);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);line-height:var(--vhyx-leading-none);white-space:nowrap;text-decoration:none;border-radius:var(--vhyx-radius-md);border:var(--vhyx-border-width) solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),color var(--vhyx-duration-fast) var(--vhyx-easing-standard),box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard),opacity var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._button_1wjdv_1:active:not(:disabled){transform:scale(.97);transition:transform var(--vhyx-duration-instant) var(--vhyx-easing-standard)}._button_1wjdv_1:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._button_1wjdv_1:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}._button_1wjdv_1[data-loading=true] ._content_1wjdv_57{opacity:.6}._button_1wjdv_1[data-size=xs]{height:var(--vhyx-size-xs);padding:0 var(--vhyx-space-2);font-size:var(--vhyx-text-xs);border-radius:var(--vhyx-radius-sm);gap:var(--vhyx-space-1)}._button_1wjdv_1[data-size=sm]{height:var(--vhyx-size-sm);padding:0 var(--vhyx-space-3);font-size:var(--vhyx-text-xs)}._button_1wjdv_1[data-size=md]{height:var(--vhyx-size-md);padding:0 var(--vhyx-space-4);font-size:var(--vhyx-text-sm)}._button_1wjdv_1[data-size=lg]{height:var(--vhyx-size-lg);padding:0 var(--vhyx-space-6);font-size:var(--vhyx-text-md)}._button_1wjdv_1[data-icon-only=true]{padding:0;width:var(--vhyx-size-md)}._button_1wjdv_1[data-icon-only=true][data-size=xs]{width:var(--vhyx-size-xs)}._button_1wjdv_1[data-icon-only=true][data-size=sm]{width:var(--vhyx-size-sm)}._button_1wjdv_1[data-icon-only=true][data-size=lg]{width:var(--vhyx-size-lg)}._button_1wjdv_1[data-variant=primary]{background-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent);border-color:var(--vhyx-color-accent)}._button_1wjdv_1[data-variant=primary]:hover:not(:disabled){background-color:var(--vhyx-color-accent-hover);border-color:var(--vhyx-color-accent-hover)}._button_1wjdv_1[data-variant=primary]:active:not(:disabled){background-color:var(--vhyx-color-accent-active);border-color:var(--vhyx-color-accent-active)}._button_1wjdv_1[data-variant=secondary]{background-color:var(--vhyx-color-bg-subtle);color:var(--vhyx-color-text);border-color:var(--vhyx-color-border)}._button_1wjdv_1[data-variant=secondary]:hover:not(:disabled){background-color:var(--vhyx-color-bg-muted);border-color:var(--vhyx-color-border-strong)}._button_1wjdv_1[data-variant=outline]{background-color:transparent;color:var(--vhyx-color-accent);border-color:var(--vhyx-color-accent)}._button_1wjdv_1[data-variant=outline]:hover:not(:disabled){background-color:var(--vhyx-color-accent-subtle)}._button_1wjdv_1[data-variant=ghost]{background-color:transparent;color:var(--vhyx-color-text);border-color:transparent}._button_1wjdv_1[data-variant=ghost]:hover:not(:disabled){background-color:var(--vhyx-color-bg-subtle);border-color:var(--vhyx-color-border)}._button_1wjdv_1[data-variant=destructive]{background-color:var(--vhyx-color-danger);color:var(--vhyx-color-text-on-accent);border-color:var(--vhyx-color-danger)}._button_1wjdv_1[data-variant=destructive]:hover:not(:disabled){background-color:var(--vhyx-color-danger-hover);border-color:var(--vhyx-color-danger-hover)}._button_1wjdv_1[data-variant=destructive]:focus-visible{box-shadow:var(--vhyx-shadow-focus-danger)}._button_1wjdv_1[data-variant=link]{background-color:transparent;color:var(--vhyx-color-accent);border-color:transparent;text-decoration:underline;text-underline-offset:var(--vhyx-space-0-5);height:auto;padding:0}._button_1wjdv_1[data-variant=link]:hover:not(:disabled){color:var(--vhyx-color-accent-hover)}._spinner_1wjdv_190{width:1em;height:1em;flex-shrink:0;animation:_vhyx-spin_1wjdv_1 var(--vhyx-duration-glacial) linear infinite}._icon_1wjdv_198{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em}._content_1wjdv_57{display:inline-flex;align-items:center}._wrapper_16ky4_1{display:inline-flex;align-items:center;width:100%;height:var(--vhyx-size-md);padding:0 var(--vhyx-space-3);gap:var(--vhyx-space-2);background-color:var(--vhyx-color-surface);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text);transition:border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._wrapper_16ky4_1:focus-within{border-color:var(--vhyx-color-border-focus);box-shadow:var(--vhyx-shadow-focus);outline:none}._wrapper--error_16ky4_29{border-color:var(--vhyx-color-danger);animation:_vhyx-shake_16ky4_1 var(--vhyx-duration-slow) var(--vhyx-easing-standard)}._wrapper--error_16ky4_29:focus-within{border-color:var(--vhyx-color-danger);box-shadow:var(--vhyx-shadow-focus-danger)}._wrapper_16ky4_1[data-size=sm]{height:var(--vhyx-size-sm);padding:0 var(--vhyx-space-2);font-size:var(--vhyx-text-xs);border-radius:var(--vhyx-radius-sm)}._wrapper_16ky4_1[data-size=md]{height:var(--vhyx-size-md);padding:0 var(--vhyx-space-3);font-size:var(--vhyx-text-sm)}._wrapper_16ky4_1[data-size=lg]{height:var(--vhyx-size-lg);padding:0 var(--vhyx-space-4);font-size:var(--vhyx-text-md)}._input_16ky4_60{flex:1;width:100%;min-width:0;height:100%;border:none;outline:none;background:transparent;color:inherit;font:inherit;caret-color:var(--vhyx-color-accent)}._input_16ky4_60::placeholder{color:var(--vhyx-color-text-muted)}._input_16ky4_60:disabled{cursor:not-allowed;color:var(--vhyx-color-text-disabled)}._wrapper_16ky4_1:has(._input_16ky4_60:disabled){opacity:.5;cursor:not-allowed;background-color:var(--vhyx-color-bg-subtle)}._icon_16ky4_90{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--vhyx-color-text-subtle);font-size:var(--vhyx-text-md);width:1em;height:1em}._prefix_16ky4_102,._suffix_16ky4_103{display:inline-flex;align-items:center;flex-shrink:0;color:var(--vhyx-color-text-subtle);font-size:var(--vhyx-text-sm);white-space:nowrap}._clear-button_16ky4_113,._toggle-button_16ky4_114{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--vhyx-space-1);background:transparent;border:none;border-radius:var(--vhyx-radius-sm);color:var(--vhyx-color-text-muted);cursor:pointer;transition:color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._clear-button_16ky4_113:hover,._toggle-button_16ky4_114:hover{color:var(--vhyx-color-text)}._clear-button_16ky4_113:focus-visible,._toggle-button_16ky4_114:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._wrapper_lafqn_1{display:flex;flex-direction:column;gap:var(--vhyx-space-1);width:100%}._textarea_lafqn_8{width:100%;padding:var(--vhyx-space-2) var(--vhyx-space-3);background-color:var(--vhyx-color-surface);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);line-height:var(--vhyx-leading-normal);color:var(--vhyx-color-text);caret-color:var(--vhyx-color-accent);transition:border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._textarea_lafqn_8::placeholder{color:var(--vhyx-color-text-muted)}._textarea_lafqn_8:focus-visible{outline:none;border-color:var(--vhyx-color-border-focus);box-shadow:var(--vhyx-shadow-focus)}._textarea_lafqn_8:disabled{opacity:.5;cursor:not-allowed;background-color:var(--vhyx-color-bg-subtle)}._textarea_lafqn_8[data-error=true]{border-color:var(--vhyx-color-danger);animation:_vhyx-shake_lafqn_1 var(--vhyx-duration-slow) var(--vhyx-easing-standard)}._textarea_lafqn_8[data-error=true]:focus-visible{border-color:var(--vhyx-color-danger);box-shadow:var(--vhyx-shadow-focus-danger)}._textarea_lafqn_8[data-size=sm]{padding:var(--vhyx-space-1-5) var(--vhyx-space-2);font-size:var(--vhyx-text-xs);border-radius:var(--vhyx-radius-sm)}._textarea_lafqn_8[data-size=md]{padding:var(--vhyx-space-2) var(--vhyx-space-3);font-size:var(--vhyx-text-sm)}._textarea_lafqn_8[data-size=lg]{padding:var(--vhyx-space-3) var(--vhyx-space-4);font-size:var(--vhyx-text-md)}._count_lafqn_72{display:block;font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-muted);text-align:right;line-height:var(--vhyx-leading-none)}._trigger_rs2m0_3{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--vhyx-space-2);width:100%;height:var(--vhyx-size-md);padding:0 var(--vhyx-space-3);background-color:var(--vhyx-color-surface);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);cursor:pointer;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text);transition:border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._trigger_rs2m0_3:hover:not(:disabled){border-color:var(--vhyx-color-border-strong)}._trigger_rs2m0_3:focus-visible{outline:none;border-color:var(--vhyx-color-border-focus);box-shadow:var(--vhyx-shadow-focus)}._trigger_rs2m0_3:disabled{opacity:.5;cursor:not-allowed}._trigger_rs2m0_3[data-placeholder=true]{color:var(--vhyx-color-text-muted)}._trigger_rs2m0_3[data-state=open]{border-color:var(--vhyx-color-border-focus)}._trigger_rs2m0_3[data-size=sm]{height:var(--vhyx-size-sm);padding:0 var(--vhyx-space-2);font-size:var(--vhyx-text-xs)}._trigger_rs2m0_3[data-size=lg]{height:var(--vhyx-size-lg);padding:0 var(--vhyx-space-4);font-size:var(--vhyx-text-md)}._trigger-value_rs2m0_62{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._trigger-icon_rs2m0_70{display:inline-flex;align-items:center;flex-shrink:0;width:var(--vhyx-space-3);height:var(--vhyx-space-3);color:var(--vhyx-color-text-muted)}._content_rs2m0_81{background-color:var(--vhyx-color-surface-overlay);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);box-shadow:var(--vhyx-shadow-lg);padding:var(--vhyx-space-1) 0;max-height:min(var(--vhyx-space-64, 16rem),40vh);overflow-y:auto;animation:_vhyx-scale-in_rs2m0_1 var(--vhyx-duration-fast) var(--vhyx-easing-decelerate) both}._content_rs2m0_81[data-state=closed]{display:none}._item_rs2m0_101{display:flex;align-items:center;justify-content:space-between;gap:var(--vhyx-space-2);padding:var(--vhyx-space-2) var(--vhyx-space-3);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}._item_rs2m0_101:focus,._item_rs2m0_101[data-focused=true]{background-color:var(--vhyx-color-accent-subtle);color:var(--vhyx-color-accent)}._item_rs2m0_101[data-state=selected]{font-weight:var(--vhyx-weight-medium)}._item_rs2m0_101[data-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}._item-check_rs2m0_131{display:inline-flex;align-items:center;flex-shrink:0;width:var(--vhyx-space-3);height:var(--vhyx-space-3);color:var(--vhyx-color-accent)}._group_rs2m0_142{padding:var(--vhyx-space-1) 0}._label_rs2m0_148{display:block;padding:var(--vhyx-space-1-5) var(--vhyx-space-3);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-semibold);color:var(--vhyx-color-text-muted);text-transform:uppercase;letter-spacing:var(--vhyx-tracking-wider)}._separator_rs2m0_160{border:none;border-top:var(--vhyx-border-width) solid var(--vhyx-color-border);margin:var(--vhyx-space-1) 0}._checkbox_1jvht_1{display:inline-flex;align-items:center;justify-content:center;width:var(--vhyx-space-5);height:var(--vhyx-space-5);flex-shrink:0;background-color:var(--vhyx-color-surface);border:var(--vhyx-border-width-2) solid var(--vhyx-color-border-strong);border-radius:var(--vhyx-radius-sm);cursor:pointer;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._checkbox_1jvht_1:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._checkbox_1jvht_1:disabled{opacity:.5;cursor:not-allowed}._checkbox_1jvht_1[data-state=checked]{background-color:var(--vhyx-color-accent);border-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent)}._checkbox_1jvht_1[data-state=checked]:hover:not(:disabled){background-color:var(--vhyx-color-accent-hover);border-color:var(--vhyx-color-accent-hover)}._checkbox_1jvht_1[data-state=indeterminate]{background-color:var(--vhyx-color-accent);border-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent)}._checkbox_1jvht_1[data-state=unchecked]:hover:not(:disabled){border-color:var(--vhyx-color-accent)}._checkbox_1jvht_1[data-size=sm]{width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._checkbox_1jvht_1[data-size=md]{width:var(--vhyx-space-5);height:var(--vhyx-space-5)}._checkbox_1jvht_1[data-size=lg]{width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._indicator_1jvht_71{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}._check-icon_1jvht_80{width:75%;height:75%;animation:_vhyx-scale-in_1jvht_1 var(--vhyx-duration-fast) var(--vhyx-easing-spring) both}._group_16juf_3{display:flex;flex-direction:column;gap:var(--vhyx-space-2)}._group_16juf_3[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap;gap:var(--vhyx-space-4)}._item_16juf_17{display:inline-flex;align-items:center;gap:var(--vhyx-space-2);background:transparent;border:none;cursor:pointer;padding:var(--vhyx-space-0-5) var(--vhyx-space-0);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text);text-align:left}._item_16juf_17:disabled{opacity:.5;cursor:not-allowed}._item_16juf_17:focus-visible{outline:none}._item_16juf_17:focus-visible ._radio-indicator_16juf_40{box-shadow:var(--vhyx-shadow-focus)}._item_16juf_17[data-size=sm]{font-size:var(--vhyx-text-xs)}._item_16juf_17[data-size=md]{font-size:var(--vhyx-text-sm)}._item_16juf_17[data-size=lg]{font-size:var(--vhyx-text-md)}._radio-indicator_16juf_40{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--vhyx-space-5);height:var(--vhyx-space-5);border-radius:var(--vhyx-radius-full);border:var(--vhyx-border-width-2) solid var(--vhyx-color-border-strong);background-color:var(--vhyx-color-surface);transition:border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._item_16juf_17[data-state=checked] ._radio-indicator_16juf_40{border-color:var(--vhyx-color-accent);background-color:var(--vhyx-color-accent)}._item_16juf_17:hover:not(:disabled) ._radio-indicator_16juf_40{border-color:var(--vhyx-color-accent)}._item_16juf_17[data-size=sm] ._radio-indicator_16juf_40{width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._item_16juf_17[data-size=lg] ._radio-indicator_16juf_40{width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._radio-dot_16juf_98{display:block;width:40%;height:40%;border-radius:var(--vhyx-radius-full);background-color:var(--vhyx-color-text-on-accent);animation:_vhyx-scale-in_16juf_1 var(--vhyx-duration-fast) var(--vhyx-easing-spring) both}._radio-label_16juf_109{line-height:var(--vhyx-leading-snug);-webkit-user-select:none;user-select:none}._switch_du6cw_1{display:inline-flex;align-items:center;flex-shrink:0;position:relative;width:var(--vhyx-space-10);height:var(--vhyx-space-6);padding:var(--vhyx-space-0-5);border-radius:var(--vhyx-radius-full);border:none;cursor:pointer;background-color:var(--vhyx-color-bg-muted);transition:background-color var(--vhyx-duration-normal) var(--vhyx-easing-spring)}._switch_du6cw_1:disabled{opacity:.5;cursor:not-allowed}._switch_du6cw_1:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._switch_du6cw_1[data-state=checked]{background-color:var(--vhyx-color-accent)}._switch_du6cw_1[data-state=checked]:hover:not(:disabled){background-color:var(--vhyx-color-accent-hover)}._thumb_du6cw_38{display:block;width:var(--vhyx-space-5);height:var(--vhyx-space-5);border-radius:var(--vhyx-radius-full);background-color:var(--vhyx-color-surface);box-shadow:var(--vhyx-shadow-xs);flex-shrink:0;transition:transform var(--vhyx-duration-normal) var(--vhyx-easing-spring);transform:translate(0)}._switch_du6cw_1[data-state=checked] ._thumb_du6cw_38{transform:translate(calc(var(--vhyx-space-10) - var(--vhyx-space-5) - var(--vhyx-space-1)))}._switch_du6cw_1[data-size=sm]{width:var(--vhyx-space-8);height:var(--vhyx-space-5)}._switch_du6cw_1[data-size=sm] ._thumb_du6cw_38{width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._switch_du6cw_1[data-size=sm][data-state=checked] ._thumb_du6cw_38{transform:translate(calc(var(--vhyx-space-8) - var(--vhyx-space-4) - var(--vhyx-space-1)))}._switch_du6cw_1[data-size=md]{width:var(--vhyx-space-10);height:var(--vhyx-space-6)}._switch_du6cw_1[data-size=md] ._thumb_du6cw_38{width:var(--vhyx-space-5);height:var(--vhyx-space-5)}._switch_du6cw_1[data-size=lg]{width:var(--vhyx-space-12);height:var(--vhyx-space-7)}._switch_du6cw_1[data-size=lg] ._thumb_du6cw_38{width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._switch_du6cw_1[data-size=lg][data-state=checked] ._thumb_du6cw_38{transform:translate(calc(var(--vhyx-space-12) - var(--vhyx-space-6) - var(--vhyx-space-1)))}._form_14a4e_3{display:flex;flex-direction:column;gap:var(--vhyx-space-5);width:100%}._form_14a4e_3[data-layout=horizontal]{flex-direction:column;gap:var(--vhyx-space-4)}._form_14a4e_3[data-layout=inline]{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:var(--vhyx-space-3)}._field_14a4e_24{display:flex;flex-direction:column;gap:var(--vhyx-space-1-5)}._field--horizontal_14a4e_30{display:grid;grid-template-columns:var(--vhyx-space-32) 1fr;grid-template-rows:auto auto;column-gap:var(--vhyx-space-4);align-items:start}._field--horizontal_14a4e_30 ._label_14a4e_40{grid-row:1;grid-column:1;padding-top:var(--vhyx-space-2)}._field--horizontal_14a4e_30 ._control_14a4e_46{grid-row:1;grid-column:2}._field--horizontal_14a4e_30 ._hint_14a4e_51,._field--horizontal_14a4e_30 ._error_14a4e_52{grid-row:2;grid-column:2}._control_14a4e_46{width:100%}._label_14a4e_40{display:block;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);line-height:var(--vhyx-leading-snug)}._required_14a4e_76{color:var(--vhyx-color-danger);font-weight:var(--vhyx-weight-semibold)}._optional_14a4e_81{color:var(--vhyx-color-text-muted);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-normal)}._hint_14a4e_51{display:block;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-subtle);line-height:var(--vhyx-leading-snug)}._error_14a4e_52{display:block;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-danger-text);line-height:var(--vhyx-leading-snug)}._region_1l6lf_3{position:fixed;z-index:var(--vhyx-z-toast);display:flex;flex-direction:column;gap:var(--vhyx-space-2);pointer-events:none;max-width:var(--vhyx-space-32);width:calc(100vw - var(--vhyx-space-8))}._region_1l6lf_3[data-position=top-left]{top:var(--vhyx-space-4);left:var(--vhyx-space-4)}._region_1l6lf_3[data-position=top-center]{top:var(--vhyx-space-4);left:50%;transform:translate(-50%)}._region_1l6lf_3[data-position=top-right]{top:var(--vhyx-space-4);right:var(--vhyx-space-4)}._region_1l6lf_3[data-position=bottom-left]{bottom:var(--vhyx-space-4);left:var(--vhyx-space-4)}._region_1l6lf_3[data-position=bottom-center]{bottom:var(--vhyx-space-4);left:50%;transform:translate(-50%)}._region_1l6lf_3[data-position=bottom-right]{bottom:var(--vhyx-space-4);right:var(--vhyx-space-4)}._toast_1l6lf_49{pointer-events:all;border-radius:var(--vhyx-radius-lg);box-shadow:var(--vhyx-shadow-lg);overflow:hidden;min-width:18rem;animation:_vhyx-slide-up-in_1l6lf_1 var(--vhyx-duration-normal) var(--vhyx-easing-spring) both}._toast-content_1l6lf_60{display:flex;align-items:flex-start;gap:var(--vhyx-space-3);padding:var(--vhyx-space-3) var(--vhyx-space-4);background-color:var(--vhyx-color-surface-overlay);border:var(--vhyx-border-width) solid var(--vhyx-color-border)}._toast_1l6lf_49[data-variant=success] ._toast-content_1l6lf_60{border-left:var(--vhyx-space-1) solid var(--vhyx-color-success)}._toast_1l6lf_49[data-variant=danger] ._toast-content_1l6lf_60{border-left:var(--vhyx-space-1) solid var(--vhyx-color-danger)}._toast_1l6lf_49[data-variant=warning] ._toast-content_1l6lf_60{border-left:var(--vhyx-space-1) solid var(--vhyx-color-warning)}._toast_1l6lf_49[data-variant=info] ._toast-content_1l6lf_60{border-left:var(--vhyx-space-1) solid var(--vhyx-color-info)}._toast-icon_1l6lf_89{font-size:var(--vhyx-text-md);flex-shrink:0;line-height:var(--vhyx-leading-normal)}._toast_1l6lf_49[data-variant=success] ._toast-icon_1l6lf_89{color:var(--vhyx-color-success-text)}._toast_1l6lf_49[data-variant=danger] ._toast-icon_1l6lf_89{color:var(--vhyx-color-danger-text)}._toast_1l6lf_49[data-variant=warning] ._toast-icon_1l6lf_89{color:var(--vhyx-color-warning-text)}._toast_1l6lf_49[data-variant=info] ._toast-icon_1l6lf_89{color:var(--vhyx-color-info-text)}._toast_1l6lf_49[data-variant=default] ._toast-icon_1l6lf_89{color:var(--vhyx-color-text-subtle)}._toast-body_1l6lf_103{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--vhyx-space-0-5)}._toast-message_1l6lf_111{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);line-height:var(--vhyx-leading-snug)}._toast-description_1l6lf_119{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-subtle);line-height:var(--vhyx-leading-snug)}._toast-action_1l6lf_128{flex-shrink:0;padding:var(--vhyx-space-1) var(--vhyx-space-2-5);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-sm);background:transparent;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);cursor:pointer;white-space:nowrap;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._toast-action_1l6lf_128:hover{background-color:var(--vhyx-color-bg-subtle)}._toast-action_1l6lf_128:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._toast-dismiss_1l6lf_154{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--vhyx-space-5);height:var(--vhyx-space-5);border:none;border-radius:var(--vhyx-radius-sm);background:transparent;cursor:pointer;color:var(--vhyx-color-text-muted);padding:0;transition:color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._toast-dismiss_1l6lf_154:hover{color:var(--vhyx-color-text)}._toast-dismiss_1l6lf_154:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._toast-dismiss_1l6lf_154 svg{width:var(--vhyx-space-3);height:var(--vhyx-space-3)}._alert_tjvt2_1{display:flex;align-items:flex-start;gap:var(--vhyx-space-3);padding:var(--vhyx-space-4);border-radius:var(--vhyx-radius-md);border:var(--vhyx-border-width) solid var(--vhyx-color-border);background-color:var(--vhyx-color-surface);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);line-height:var(--vhyx-leading-normal);color:var(--vhyx-color-text);animation:_vhyx-fade-in_tjvt2_1 var(--vhyx-duration-normal) var(--vhyx-easing-decelerate) both}._alert_tjvt2_1[data-variant=default]{background-color:var(--vhyx-color-bg-subtle);border-color:var(--vhyx-color-border);color:var(--vhyx-color-text)}._alert_tjvt2_1[data-variant=success]{background-color:var(--vhyx-color-success-subtle);border-color:var(--vhyx-color-success);color:var(--vhyx-color-success-text)}._alert_tjvt2_1[data-variant=warning]{background-color:var(--vhyx-color-warning-subtle);border-color:var(--vhyx-color-warning);color:var(--vhyx-color-warning-text)}._alert_tjvt2_1[data-variant=danger]{background-color:var(--vhyx-color-danger-subtle);border-color:var(--vhyx-color-danger);color:var(--vhyx-color-danger-text)}._alert_tjvt2_1[data-variant=info]{background-color:var(--vhyx-color-info-subtle);border-color:var(--vhyx-color-info);color:var(--vhyx-color-info-text)}._alert-icon_tjvt2_51{flex-shrink:0;font-size:var(--vhyx-text-md);line-height:var(--vhyx-leading-none);margin-top:var(--vhyx-space-0-5)}._alert-body_tjvt2_60{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--vhyx-space-1)}._alert-title_tjvt2_68{font-weight:var(--vhyx-weight-semibold);font-size:var(--vhyx-text-sm)}._alert-message_tjvt2_73{font-size:var(--vhyx-text-sm);line-height:var(--vhyx-leading-normal)}._alert-dismiss_tjvt2_80{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--vhyx-size-xs);height:var(--vhyx-size-xs);padding:0;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:var(--vhyx-radius-sm);opacity:.6;transition:opacity var(--vhyx-duration-fast) var(--vhyx-easing-standard),background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._alert-dismiss_tjvt2_80:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}._alert-dismiss_tjvt2_80:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus);opacity:1}._alert-dismiss_tjvt2_80 svg{width:.625rem;height:.625rem}._badge_12qri_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-family:var(--vhyx-font-sans);font-weight:var(--vhyx-weight-medium);line-height:var(--vhyx-leading-none);border-radius:var(--vhyx-radius-full);border:var(--vhyx-border-width) solid transparent}._badge_12qri_1[data-size=sm]{font-size:var(--vhyx-text-2xs);padding:var(--vhyx-space-0-5) var(--vhyx-space-1-5);min-width:var(--vhyx-space-4);height:var(--vhyx-space-4)}._badge_12qri_1[data-size=md]{font-size:var(--vhyx-text-xs);padding:var(--vhyx-space-1) var(--vhyx-space-2);min-width:var(--vhyx-space-5);height:var(--vhyx-space-5)}._badge_12qri_1[data-size=lg]{font-size:var(--vhyx-text-sm);padding:var(--vhyx-space-1) var(--vhyx-space-2-5);min-width:var(--vhyx-space-6);height:var(--vhyx-space-6)}._badge_12qri_1[data-dot=true]{padding:0;min-width:unset}._badge_12qri_1[data-dot=true][data-size=sm]{width:var(--vhyx-space-2);height:var(--vhyx-space-2)}._badge_12qri_1[data-dot=true][data-size=md]{width:var(--vhyx-space-2-5);height:var(--vhyx-space-2-5)}._badge_12qri_1[data-dot=true][data-size=lg]{width:var(--vhyx-space-3);height:var(--vhyx-space-3)}._badge_12qri_1[data-variant=default]{background-color:var(--vhyx-color-bg-muted);color:var(--vhyx-color-text)}._badge_12qri_1[data-variant=success]{background-color:var(--vhyx-color-success-subtle);color:var(--vhyx-color-success-text)}._badge_12qri_1[data-variant=warning]{background-color:var(--vhyx-color-warning-subtle);color:var(--vhyx-color-warning-text)}._badge_12qri_1[data-variant=danger]{background-color:var(--vhyx-color-danger-subtle);color:var(--vhyx-color-danger-text)}._badge_12qri_1[data-variant=info]{background-color:var(--vhyx-color-info-subtle);color:var(--vhyx-color-info-text)}._badge_12qri_1[data-variant=outline]{background-color:transparent;color:var(--vhyx-color-text);border-color:var(--vhyx-color-border-strong)}._wrapper_ko60j_1{display:flex;flex-direction:column;gap:var(--vhyx-space-1);width:100%}._label_ko60j_10{display:block;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text-subtle);text-align:right}._track_ko60j_21{width:100%;overflow:hidden;border-radius:var(--vhyx-radius-full);background-color:var(--vhyx-color-bg-muted)}._wrapper_ko60j_1[data-size=xs] ._track_ko60j_21{height:var(--vhyx-space-1);border-radius:var(--vhyx-radius-full)}._wrapper_ko60j_1[data-size=sm] ._track_ko60j_21{height:var(--vhyx-space-1-5);border-radius:var(--vhyx-radius-full)}._wrapper_ko60j_1[data-size=md] ._track_ko60j_21{height:var(--vhyx-space-2-5);border-radius:var(--vhyx-radius-full)}._wrapper_ko60j_1[data-size=lg] ._track_ko60j_21{height:var(--vhyx-space-4);border-radius:var(--vhyx-radius-full)}._fill_ko60j_52{height:100%;border-radius:inherit;background-color:var(--vhyx-color-accent);transition:width var(--vhyx-duration-slow) var(--vhyx-easing-standard)}._wrapper_ko60j_1[data-variant=success] ._fill_ko60j_52{background-color:var(--vhyx-color-success)}._wrapper_ko60j_1[data-variant=warning] ._fill_ko60j_52{background-color:var(--vhyx-color-warning)}._wrapper_ko60j_1[data-variant=danger] ._fill_ko60j_52{background-color:var(--vhyx-color-danger)}._fill_ko60j_52[data-indeterminate=true]{width:40%;animation:_vhyx-indeterminate_ko60j_1 var(--vhyx-duration-glacial) var(--vhyx-easing-standard) infinite}._trigger_18zu7_3{display:inline-flex;align-items:center;justify-content:center}._overlay_18zu7_12{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--vhyx-color-overlay);z-index:var(--vhyx-z-overlay);animation:_vhyx-overlay-in_18zu7_1 var(--vhyx-duration-normal) var(--vhyx-easing-standard) both}._content_18zu7_24{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--vhyx-z-modal);width:calc(100% - var(--vhyx-space-8));max-width:var(--vhyx-dialog-md);max-height:calc(100vh - var(--vhyx-space-16));overflow-y:auto;background-color:var(--vhyx-color-surface-overlay);border-radius:var(--vhyx-radius-xl);box-shadow:var(--vhyx-shadow-2xl);padding:var(--vhyx-space-6);animation:_vhyx-slide-up-in_18zu7_1 var(--vhyx-duration-slow) var(--vhyx-easing-spring) both;outline:none}._content_18zu7_24[data-size=sm]{max-width:var(--vhyx-dialog-sm)}._content_18zu7_24[data-size=md]{max-width:var(--vhyx-dialog-md)}._content_18zu7_24[data-size=lg]{max-width:var(--vhyx-dialog-lg)}._header_18zu7_56{display:flex;flex-direction:column;gap:var(--vhyx-space-1-5);margin-bottom:var(--vhyx-space-4)}._footer_18zu7_65{display:flex;align-items:center;justify-content:flex-end;gap:var(--vhyx-space-3);margin-top:var(--vhyx-space-6)}._title_18zu7_75{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-lg);font-weight:var(--vhyx-weight-semibold);color:var(--vhyx-color-text);line-height:var(--vhyx-leading-snug);margin:0}._description_18zu7_86{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text-subtle);line-height:var(--vhyx-leading-normal);margin:0}._close_18zu7_96{display:inline-flex;align-items:center;justify-content:center;padding:var(--vhyx-space-2) var(--vhyx-space-4);background:transparent;border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);cursor:pointer;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._close_18zu7_96:hover{background-color:var(--vhyx-color-bg-subtle)}._close_18zu7_96:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._trigger_y86qa_1{display:inline-flex;align-items:center;justify-content:center}._overlay_y86qa_9{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--vhyx-color-overlay);z-index:var(--vhyx-z-overlay);animation:_vhyx-overlay-in_y86qa_1 var(--vhyx-duration-normal) var(--vhyx-easing-standard) both}._content_y86qa_19{position:fixed;z-index:var(--vhyx-z-modal);background-color:var(--vhyx-color-surface-overlay);box-shadow:var(--vhyx-shadow-2xl);overflow-y:auto;outline:none;padding:var(--vhyx-space-6)}._content_y86qa_19[data-side=right]{top:0;right:0;bottom:0;animation:_vhyx-slide-right-in_y86qa_1 var(--vhyx-duration-slow) var(--vhyx-easing-decelerate) both}._content_y86qa_19[data-side=left]{top:0;left:0;bottom:0;animation:_vhyx-slide-left-in_y86qa_1 var(--vhyx-duration-slow) var(--vhyx-easing-decelerate) both}._content_y86qa_19[data-side=top]{top:0;left:0;right:0;animation:_vhyx-slide-down-in_y86qa_1 var(--vhyx-duration-slow) var(--vhyx-easing-decelerate) both}._content_y86qa_19[data-side=bottom]{bottom:0;left:0;right:0;animation:_vhyx-slide-up-in_y86qa_1 var(--vhyx-duration-slow) var(--vhyx-easing-decelerate) both}._content_y86qa_19[data-side=right][data-size=sm],._content_y86qa_19[data-side=left][data-size=sm]{width:var(--vhyx-drawer-sm)}._content_y86qa_19[data-side=right][data-size=md],._content_y86qa_19[data-side=left][data-size=md]{width:var(--vhyx-drawer-md)}._content_y86qa_19[data-side=right][data-size=lg],._content_y86qa_19[data-side=left][data-size=lg]{width:var(--vhyx-drawer-lg)}._content_y86qa_19[data-side=right][data-size=full],._content_y86qa_19[data-side=left][data-size=full]{width:var(--vhyx-drawer-full)}._content_y86qa_19[data-side=top][data-size=sm],._content_y86qa_19[data-side=bottom][data-size=sm]{height:var(--vhyx-drawer-sm)}._content_y86qa_19[data-side=top][data-size=md],._content_y86qa_19[data-side=bottom][data-size=md]{height:var(--vhyx-drawer-md)}._content_y86qa_19[data-side=top][data-size=lg],._content_y86qa_19[data-side=bottom][data-size=lg]{height:var(--vhyx-drawer-lg)}._content_y86qa_19[data-side=top][data-size=full],._content_y86qa_19[data-side=bottom][data-size=full]{height:var(--vhyx-drawer-full)}._header_y86qa_103{display:flex;flex-direction:column;gap:var(--vhyx-space-1-5);margin-bottom:var(--vhyx-space-4)}._footer_y86qa_110{display:flex;align-items:center;justify-content:flex-end;gap:var(--vhyx-space-3);margin-top:var(--vhyx-space-6)}._title_y86qa_118{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-lg);font-weight:var(--vhyx-weight-semibold);color:var(--vhyx-color-text);line-height:var(--vhyx-leading-snug);margin:0}._description_y86qa_127{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text-subtle);line-height:var(--vhyx-leading-normal);margin:0}._close_y86qa_135{display:inline-flex;align-items:center;justify-content:center;padding:var(--vhyx-space-2) var(--vhyx-space-4);background:transparent;border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);cursor:pointer;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._close_y86qa_135:hover{background-color:var(--vhyx-color-bg-subtle)}._close_y86qa_135:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._tooltip_jlaje_1{padding:var(--vhyx-space-1-5) var(--vhyx-space-2-5);background-color:var(--vhyx-color-bg-inverse);color:var(--vhyx-color-text-inverse);border-radius:var(--vhyx-radius-sm);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);line-height:var(--vhyx-leading-snug);max-width:var(--vhyx-space-32);pointer-events:none;animation:_vhyx-fade-in_jlaje_1 var(--vhyx-duration-fast) var(--vhyx-easing-decelerate) both}._trigger_5e049_1{display:inline-flex;align-items:center;justify-content:center}._content_5e049_7{background-color:var(--vhyx-color-surface-overlay);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-lg);box-shadow:var(--vhyx-shadow-lg);padding:var(--vhyx-space-4);min-width:var(--vhyx-space-32);max-width:var(--vhyx-popover-max-width);outline:none;animation:_vhyx-scale-in_5e049_1 var(--vhyx-duration-normal) var(--vhyx-easing-spring) both}._arrow_5e049_21{position:absolute;width:var(--vhyx-space-2-5);height:var(--vhyx-space-1-5);color:var(--vhyx-color-border);transform:translate(-50%)}._close_5e049_29{display:inline-flex;align-items:center;justify-content:center;padding:var(--vhyx-space-1-5) var(--vhyx-space-3);background:transparent;border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text);cursor:pointer;transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._close_5e049_29:hover{background-color:var(--vhyx-color-bg-subtle)}._close_5e049_29:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._card_wvqde_1{display:flex;flex-direction:column;border-radius:var(--vhyx-radius-lg);overflow:hidden;font-family:var(--vhyx-font-sans);color:var(--vhyx-color-text)}._card_wvqde_1[data-variant=default]{background-color:var(--vhyx-color-surface);border:var(--vhyx-border-width) solid var(--vhyx-color-border)}._card_wvqde_1[data-variant=outline]{background-color:transparent;border:var(--vhyx-border-width) solid var(--vhyx-color-border)}._card_wvqde_1[data-variant=ghost]{background-color:transparent;border:none}._card_wvqde_1[data-variant=elevated]{background-color:var(--vhyx-color-surface-raised);border:none;box-shadow:var(--vhyx-shadow-md)}._card_wvqde_1[data-padding=none] ._header_wvqde_35,._card_wvqde_1[data-padding=none] ._body_wvqde_36,._card_wvqde_1[data-padding=none] ._footer_wvqde_37{padding:0}._card_wvqde_1[data-padding=sm] ._header_wvqde_35,._card_wvqde_1[data-padding=sm] ._body_wvqde_36,._card_wvqde_1[data-padding=sm] ._footer_wvqde_37{padding:var(--vhyx-space-3)}._card_wvqde_1[data-padding=md] ._header_wvqde_35,._card_wvqde_1[data-padding=md] ._body_wvqde_36,._card_wvqde_1[data-padding=md] ._footer_wvqde_37{padding:var(--vhyx-space-4)}._card_wvqde_1[data-padding=lg] ._header_wvqde_35,._card_wvqde_1[data-padding=lg] ._body_wvqde_36,._card_wvqde_1[data-padding=lg] ._footer_wvqde_37{padding:var(--vhyx-space-6)}._card_wvqde_1[data-interactive=true]{cursor:pointer;transition:box-shadow var(--vhyx-duration-fast) var(--vhyx-easing-standard),transform var(--vhyx-duration-instant) var(--vhyx-easing-standard)}._card_wvqde_1[data-interactive=true]:hover{box-shadow:var(--vhyx-shadow-md)}._card_wvqde_1[data-interactive=true]:active{transform:scale(.99)}._card_wvqde_1[data-interactive=true]:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._header_wvqde_35{display:flex;flex-direction:column;gap:var(--vhyx-space-1-5)}._body_wvqde_36{flex:1;font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text-subtle);line-height:var(--vhyx-leading-normal)}._footer_wvqde_37{display:flex;align-items:center;gap:var(--vhyx-space-2)}._image_wvqde_102{overflow:hidden;flex-shrink:0}._image_wvqde_102 img{width:100%;height:100%;object-fit:cover}._separator_2n49e_1{border:none;background-color:var(--vhyx-color-border);flex-shrink:0}._separator_2n49e_1[data-orientation=horizontal]{width:100%;height:var(--vhyx-border-width);margin:0}._separator_2n49e_1[data-orientation=vertical]{width:var(--vhyx-border-width);height:100%;align-self:stretch}._separator--labeled_2n49e_21{display:flex;align-items:center;gap:var(--vhyx-space-3);width:100%}._line_2n49e_28{flex:1;height:var(--vhyx-border-width);background-color:var(--vhyx-color-border)}._label-text_2n49e_34{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text-muted);white-space:nowrap;flex-shrink:0}._root_11mqx_3{display:flex;flex-direction:column;width:100%}._root_11mqx_3[data-orientation=vertical]{flex-direction:row;align-items:flex-start}._list_11mqx_16{display:flex;flex-direction:row;position:relative;flex-shrink:0}._list_11mqx_16[data-orientation=vertical]{flex-direction:column}._list_11mqx_16[data-variant=default]{border-bottom:var(--vhyx-border-width) solid var(--vhyx-color-border)}._list_11mqx_16[data-variant=default][data-orientation=vertical]{border-bottom:none;border-right:var(--vhyx-border-width) solid var(--vhyx-color-border)}._list_11mqx_16[data-variant=enclosed]{background-color:var(--vhyx-color-bg-subtle);border-radius:var(--vhyx-radius-lg);padding:var(--vhyx-space-1);gap:var(--vhyx-space-0-5)}._trigger_11mqx_49{display:inline-flex;align-items:center;justify-content:center;padding:var(--vhyx-space-2) var(--vhyx-space-4);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text-subtle);background:transparent;border:none;cursor:pointer;white-space:nowrap;position:relative;transition:color var(--vhyx-duration-fast) var(--vhyx-easing-standard),background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._trigger_11mqx_49:hover:not(:disabled){color:var(--vhyx-color-text)}._trigger_11mqx_49:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus);border-radius:var(--vhyx-radius-sm)}._trigger_11mqx_49:disabled{opacity:.5;cursor:not-allowed}._trigger_11mqx_49[data-state=active]{color:var(--vhyx-color-text)}._list_11mqx_16[data-variant=pills] ._trigger_11mqx_49[data-state=active]{background-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent);border-radius:var(--vhyx-radius-full)}._list_11mqx_16[data-variant=enclosed] ._trigger_11mqx_49[data-state=active]{background-color:var(--vhyx-color-surface);box-shadow:var(--vhyx-shadow-sm);border-radius:var(--vhyx-radius-md)}._trigger_11mqx_49[data-size=sm]{padding:var(--vhyx-space-1-5) var(--vhyx-space-3);font-size:var(--vhyx-text-xs)}._trigger_11mqx_49[data-size=lg]{padding:var(--vhyx-space-2-5) var(--vhyx-space-5);font-size:var(--vhyx-text-md)}._indicator_11mqx_114{position:absolute;bottom:0;left:0;height:var(--vhyx-border-width-2);background-color:var(--vhyx-color-accent);transition:transform var(--vhyx-duration-normal) var(--vhyx-easing-spring),width var(--vhyx-duration-normal) var(--vhyx-easing-spring)}._indicator_11mqx_114[data-orientation=vertical]{bottom:auto;left:auto;right:0;top:0;width:var(--vhyx-border-width-2);height:auto;transition:transform var(--vhyx-duration-normal) var(--vhyx-easing-spring),height var(--vhyx-duration-normal) var(--vhyx-easing-spring)}._list_11mqx_16[data-variant=pills] ._indicator_11mqx_114,._list_11mqx_16[data-variant=enclosed] ._indicator_11mqx_114{display:none}._panel_11mqx_149{flex:1;padding:var(--vhyx-space-4) 0;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text);outline:none}._root_11mqx_3[data-orientation=vertical] ._panel_11mqx_149{padding:0 var(--vhyx-space-4)}._nav_u2x1y_1{font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm)}._list_u2x1y_6{display:flex;flex-wrap:wrap;align-items:center;gap:var(--vhyx-space-0-5);list-style:none;padding:0;margin:0}._item_u2x1y_16{display:inline-flex;align-items:center;gap:var(--vhyx-space-0-5)}._item_u2x1y_16:last-child ._separator_u2x1y_23{display:none}._separator_u2x1y_23{color:var(--vhyx-color-text-muted);font-size:var(--vhyx-text-xs);-webkit-user-select:none;user-select:none}._link_u2x1y_33{color:var(--vhyx-color-text-subtle);text-decoration:none;transition:color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._link_u2x1y_33:hover{color:var(--vhyx-color-text);text-decoration:underline;text-underline-offset:var(--vhyx-space-0-5)}._link_u2x1y_33:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus);border-radius:var(--vhyx-radius-xs)}._page_u2x1y_51{color:var(--vhyx-color-text);font-weight:var(--vhyx-weight-medium)}._ellipsis_u2x1y_56{color:var(--vhyx-color-text-muted);padding:0 var(--vhyx-space-1)}._nav_1kxmq_1{font-family:var(--vhyx-font-sans)}._list_1kxmq_5{display:flex;align-items:center;gap:var(--vhyx-space-1);list-style:none;padding:0;margin:0;flex-wrap:wrap}._button_1kxmq_15{display:inline-flex;align-items:center;justify-content:center;min-width:var(--vhyx-size-md);height:var(--vhyx-size-md);padding:0 var(--vhyx-space-2);background-color:transparent;border:var(--vhyx-border-width) solid transparent;border-radius:var(--vhyx-radius-md);cursor:pointer;font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text-subtle);transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),color var(--vhyx-duration-fast) var(--vhyx-easing-standard),border-color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._button_1kxmq_15:hover:not(:disabled){background-color:var(--vhyx-color-bg-subtle);color:var(--vhyx-color-text);border-color:var(--vhyx-color-border)}._button_1kxmq_15:focus-visible{outline:none;box-shadow:var(--vhyx-shadow-focus)}._button_1kxmq_15:disabled{opacity:.4;cursor:not-allowed}._button_1kxmq_15[data-state=active]{background-color:var(--vhyx-color-accent);color:var(--vhyx-color-text-on-accent);border-color:var(--vhyx-color-accent)}._button_1kxmq_15[data-size=sm]{min-width:var(--vhyx-size-sm);height:var(--vhyx-size-sm);font-size:var(--vhyx-text-xs);border-radius:var(--vhyx-radius-sm)}._button_1kxmq_15[data-size=lg]{min-width:var(--vhyx-size-lg);height:var(--vhyx-size-lg);font-size:var(--vhyx-text-md)}._ellipsis_1kxmq_75{display:inline-flex;align-items:center;justify-content:center;min-width:var(--vhyx-size-md);height:var(--vhyx-size-md);color:var(--vhyx-color-text-muted);font-size:var(--vhyx-text-sm)}._skip-link_1u818_1{position:absolute;top:var(--vhyx-space-4);left:var(--vhyx-space-4);z-index:var(--vhyx-z-top);padding:var(--vhyx-space-2) var(--vhyx-space-4);background-color:var(--vhyx-color-surface);color:var(--vhyx-color-accent);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-sans);font-size:var(--vhyx-text-sm);font-weight:var(--vhyx-weight-semibold);text-decoration:none;box-shadow:var(--vhyx-shadow-md);transform:translateY(calc(-100% - var(--vhyx-space-8)));transition:transform var(--vhyx-duration-fast) var(--vhyx-easing-standard)}._skip-link_1u818_1:focus-visible{transform:translateY(0);outline:none;box-shadow:var(--vhyx-shadow-focus)}
|
package/dist/switch.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Switch-BU_Tcttb.cjs");exports.Switch=t.Switch;
|
package/dist/switch.d.ts
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ComponentContract } from '@vhyxui/core';
|
|
2
|
+
import { default as default_2 } from 'react';
|
|
3
|
+
|
|
4
|
+
export declare const Switch: default_2.ForwardRefExoticComponent<default_2.PropsWithoutRef<SwitchProps> & default_2.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
|
|
6
|
+
/** Props for the Switch component. */
|
|
7
|
+
export declare interface SwitchProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
|
|
8
|
+
/** Controlled checked state. */
|
|
9
|
+
checked?: boolean;
|
|
10
|
+
/** Default checked state for uncontrolled mode. @default false */
|
|
11
|
+
defaultChecked?: boolean;
|
|
12
|
+
/** Called when the switch is toggled. */
|
|
13
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
14
|
+
/** Size of the switch. @default 'md' */
|
|
15
|
+
size?: SwitchSize;
|
|
16
|
+
/**
|
|
17
|
+
* When true, renders as the child element instead of <button role="switch">.
|
|
18
|
+
* ARIA attributes and handlers are merged onto the child via Slot.
|
|
19
|
+
*/
|
|
20
|
+
asChild?: boolean;
|
|
21
|
+
/** VhyxSeal contract override. */
|
|
22
|
+
contract?: Partial<ComponentContract>;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
/** Size tokens available on the Switch component. */
|
|
26
|
+
export declare type SwitchSize = 'sm' | 'md' | 'lg';
|
|
27
|
+
|
|
28
|
+
export { }
|
package/dist/switch.js
ADDED
package/dist/tabs.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Tabs-DuU02-UD.cjs");exports.Tabs=e.Tabs;
|
package/dist/tabs.d.ts
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { ComponentContract } from '@vhyxui/core';
|
|
2
|
+
import { default as default_2 } from 'react';
|
|
3
|
+
|
|
4
|
+
export declare const Tabs: default_2.ComponentType<TabsProps & default_2.RefAttributes<HTMLDivElement>> & {
|
|
5
|
+
List: default_2.ForwardRefExoticComponent<TabsListProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
Trigger: default_2.ForwardRefExoticComponent<TabsTriggerProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
Content: typeof TabsContent;
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
/** The content panel for a tab. Rendered only when its value is active. */
|
|
11
|
+
declare function TabsContent({ value, children, className, ...rest }: TabsContentProps): default_2.ReactElement | null;
|
|
12
|
+
|
|
13
|
+
declare namespace TabsContent {
|
|
14
|
+
var displayName: string;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export declare interface TabsContentProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
18
|
+
/** The value that activates this panel. */
|
|
19
|
+
value: string;
|
|
20
|
+
children?: default_2.ReactNode;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export declare interface TabsListProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
24
|
+
children?: default_2.ReactNode;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/** Root props for the Tabs compound component. */
|
|
28
|
+
export declare interface TabsProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
29
|
+
/** Controlled active tab value. */
|
|
30
|
+
value?: string;
|
|
31
|
+
/** Default active tab value for uncontrolled mode. */
|
|
32
|
+
defaultValue?: string;
|
|
33
|
+
/** Called when the active tab changes. */
|
|
34
|
+
onValueChange?: (value: string) => void;
|
|
35
|
+
/** Layout direction of the tab list. @default 'horizontal' */
|
|
36
|
+
orientation?: 'horizontal' | 'vertical';
|
|
37
|
+
/** Visual variant of the tab list. @default 'default' */
|
|
38
|
+
variant?: TabsVariant;
|
|
39
|
+
/** Size of the tabs. @default 'md' */
|
|
40
|
+
size?: TabsSize;
|
|
41
|
+
/** VhyxSeal contract override. */
|
|
42
|
+
contract?: Partial<ComponentContract>;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/** Size tokens for Tabs. */
|
|
46
|
+
export declare type TabsSize = 'sm' | 'md' | 'lg';
|
|
47
|
+
|
|
48
|
+
export declare interface TabsTriggerProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
|
|
49
|
+
/** The value this trigger activates. */
|
|
50
|
+
value: string;
|
|
51
|
+
/** When true, renders as the child element via Slot instead of <button>. */
|
|
52
|
+
asChild?: boolean;
|
|
53
|
+
children?: default_2.ReactNode;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/** Variant visual styles for Tabs. */
|
|
57
|
+
export declare type TabsVariant = 'default' | 'pills' | 'underline' | 'enclosed';
|
|
58
|
+
|
|
59
|
+
export { }
|
package/dist/tabs.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./jsx-runtime-BRMkMA8J.cjs"),n=require("@testing-library/react"),o=require("./VhyxUIProvider-C9NxI-tU.cjs");function u(e,r){return n.render(e,{wrapper:({children:t})=>i.jsxRuntimeExports.jsx(o.VhyxUIProvider,{children:t}),...r})}exports.renderWithVhyxUI=u;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { j as t } from "./jsx-runtime-CL69jGNW.js";
|
|
2
|
+
import { render as i } from "@testing-library/react";
|
|
3
|
+
import { V as m } from "./VhyxUIProvider-D1vNoiIk.js";
|
|
4
|
+
function s(r, o) {
|
|
5
|
+
return i(r, {
|
|
6
|
+
wrapper: ({ children: e }) => /* @__PURE__ */ t.jsx(m, { children: e }),
|
|
7
|
+
...o
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
export {
|
|
11
|
+
s as renderWithVhyxUI
|
|
12
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Textarea-H6evM8L4.cjs");exports.Textarea=e.Textarea;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { ComponentContract } from '@vhyxui/core';
|
|
2
|
+
import { default as default_2 } from 'react';
|
|
3
|
+
|
|
4
|
+
export declare const Textarea: default_2.ForwardRefExoticComponent<default_2.PropsWithoutRef<TextareaProps> & default_2.RefAttributes<HTMLTextAreaElement>>;
|
|
5
|
+
|
|
6
|
+
/** Props for the Textarea component. */
|
|
7
|
+
export declare interface TextareaProps extends default_2.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
8
|
+
/** Size of the textarea. @default 'md' */
|
|
9
|
+
size?: TextareaSize;
|
|
10
|
+
/**
|
|
11
|
+
* Resize behaviour.
|
|
12
|
+
* 'auto' makes the textarea grow with content up to maxRows.
|
|
13
|
+
* @default 'vertical'
|
|
14
|
+
*/
|
|
15
|
+
resize?: TextareaResize;
|
|
16
|
+
/** Minimum number of visible rows. @default 3 */
|
|
17
|
+
minRows?: number;
|
|
18
|
+
/** Maximum number of rows before scroll activates. Applies when resize='auto'. */
|
|
19
|
+
maxRows?: number;
|
|
20
|
+
/** When true, renders a character count below the textarea. Requires maxLength. */
|
|
21
|
+
showCount?: boolean;
|
|
22
|
+
/** When true, applies error visual state and sets aria-invalid. */
|
|
23
|
+
error?: boolean;
|
|
24
|
+
/** VhyxSeal contract override — merged with the default textarea contract. */
|
|
25
|
+
contract?: Partial<ComponentContract>;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/** Resize behaviour for the textarea. */
|
|
29
|
+
export declare type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both' | 'auto';
|
|
30
|
+
|
|
31
|
+
/** Size tokens available on the Textarea component. */
|
|
32
|
+
export declare type TextareaSize = 'sm' | 'md' | 'lg';
|
|
33
|
+
|
|
34
|
+
export { }
|
package/dist/textarea.js
ADDED
package/dist/toast.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Toast-ndaxbpcV.cjs");exports.Toast=o.Toast;exports.ToastProvider=o.ToastProvider;
|
package/dist/toast.d.ts
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { default as default_2 } from 'react';
|
|
2
|
+
|
|
3
|
+
export declare const Toast: default_2.ComponentType<ToastProviderProps> & {
|
|
4
|
+
displayName: string;
|
|
5
|
+
};
|
|
6
|
+
|
|
7
|
+
/** Position of the toast region on screen. */
|
|
8
|
+
export declare type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* ToastProvider — subscribes to the global toast store and renders active toasts.
|
|
12
|
+
* Place inside VhyxUIProvider. Developers do not need to add this directly.
|
|
13
|
+
*/
|
|
14
|
+
export declare function ToastProvider({ position, maxToasts, defaultDuration, children, }: ToastProviderProps): default_2.ReactElement;
|
|
15
|
+
|
|
16
|
+
/** Props for the ToastProvider. */
|
|
17
|
+
export declare interface ToastProviderProps {
|
|
18
|
+
/** Position of the toast region. @default 'bottom-right' */
|
|
19
|
+
position?: ToastPosition;
|
|
20
|
+
/** Maximum number of simultaneous toasts. @default 5 */
|
|
21
|
+
maxToasts?: number;
|
|
22
|
+
/** Default auto-dismiss duration in ms. @default 5000 */
|
|
23
|
+
defaultDuration?: number;
|
|
24
|
+
/** Application children. */
|
|
25
|
+
children?: default_2.ReactNode;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export { }
|
package/dist/toast.js
ADDED
package/dist/tooltip.cjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Tooltip-CCd6VRvZ.cjs");exports.Tooltip=o.Tooltip;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { default as default_2 } from 'react';
|
|
2
|
+
|
|
3
|
+
export declare const Tooltip: default_2.ComponentType<TooltipProps>;
|
|
4
|
+
|
|
5
|
+
/** Props for the Tooltip component. */
|
|
6
|
+
export declare interface TooltipProps {
|
|
7
|
+
/** The tooltip content (typically a short text label). */
|
|
8
|
+
content: default_2.ReactNode;
|
|
9
|
+
/** Side to show the tooltip relative to the trigger. @default 'top' */
|
|
10
|
+
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
11
|
+
/** Alignment along the cross-axis. @default 'center' */
|
|
12
|
+
align?: 'start' | 'center' | 'end';
|
|
13
|
+
/**
|
|
14
|
+
* Delay in ms before the tooltip appears on hover.
|
|
15
|
+
* @default 400
|
|
16
|
+
*/
|
|
17
|
+
delayDuration?: number;
|
|
18
|
+
/**
|
|
19
|
+
* How long the tooltip remains visible after mouse leaves one trigger
|
|
20
|
+
* before showing on the next trigger without the full delay.
|
|
21
|
+
* @default 300
|
|
22
|
+
*/
|
|
23
|
+
skipDelayDuration?: number;
|
|
24
|
+
/**
|
|
25
|
+
* The single interactive child element. The tooltip is triggered by this element.
|
|
26
|
+
* Must be a React element that can receive ref, onMouseEnter, onMouseLeave,
|
|
27
|
+
* onFocus, onBlur, and aria-describedby props.
|
|
28
|
+
*/
|
|
29
|
+
children: default_2.ReactElement;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export { }
|
package/dist/tooltip.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("react");function u(e="vhyx"){const s=t.useId();return`${e}-${s}`}exports.useId=u;
|