@veracity/vui 2.18.3 → 2.20.0-beta.0

package/dist/esm/input/input.js

@@ -1,11 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useState } from 'react';
 import { IconButton } from '../button';
 import { styled, useStyleConfig, vui } from '../core';
+import Label from '../label';
 import { T } from '../t';
 import { cs, filterUndefined, isString } from '../utils';
 import AutoCompletePopover from './autoCompletePopover';
-import { clearIconSize, displayValueOnlyTextSize, inputColors, inputStateMapping } from './consts';
+import { clearIconSize, displayValueOnlyTextSize, helpTextSize, inputColors, inputStateMapping } from './consts';
 import { InputProvider } from './context';
 import { getInitialCount } from './helpers';
 import HelpText from './helpText';
@@ -38,10 +39,12 @@ export const InputBase = styled.divBox `
  * Exposes some props to the children via context.
  */
 export const Input = vui((props, ref) => {
-    const { allowClear, autoComplete, autoCompleteOptions, autoCompleteMaxHeight, autoFocus, children, className, defaultValue, disabled, errorText, iconLeft, iconRight, id, input, inputProps, inputRef, itemLeft, itemRight, helpText, max, maxLength, min, name, onBlur, onChange: onChangeProp, onFocus, pattern, placeholder, readOnly, required, showCount, displayValueOnly, size = 'lg', state = '', stateMapping, step, type = 'text', value, variant, ...rest } = props;
+    const { allowClear, ariaLabel, autoComplete, autoCompleteMaxHeight, autoCompleteOptions, autoFocus, children, className, defaultValue, disabled, displayValueOnly, errorText, helpText, iconLeft, iconRight, id: idProp, input, inputProps, inputRef, itemLeft, itemRight, label, max, maxLength, min, name, onBlur, onChange: onChangeProp, onFocus, pattern, placeholder, readOnly, required, showCount, size = 'lg', state = '', stateMapping, step, type = 'text', value, variant, ...rest } = props;
+    const generatedId = useId();
     const [count, setCount] = useState(getInitialCount(props));
     const [valueInternal, setValueInternal] = useState(defaultValue || '');
     const states = { ...inputStateMapping, ...stateMapping };
+    const id = idProp || generatedId;
     const styles = useStyleConfig('Input', props);
     const context = useMemo(() => filterUndefined({ disabled, size, variant }), [disabled, size, variant]);
     function onChange(e) {
@@ -72,23 +75,24 @@ export const Input = vui((props, ref) => {
         setCount(`${value}`?.length ? `${value}`.length : 0);
     }, [value]);
     const filterAutoCompleteOptions = (i) => valueInternal === i ? false : !valueInternal || i.toLowerCase().includes(`${valueInternal}`.toLowerCase());
-    return (_jsxs(InputProvider, { value: context, children: [displayValueOnly ? (_jsx(T, { className: cs('vui-input-value', className), size: displayValueOnlyTextSize[size], children: value || defaultValue })) : (_jsx(AutoCompletePopover, { autoCompleteMaxHeight: autoCompleteMaxHeight, autoCompleteOptions: autoCompleteOptions, filterAutoCompleteOptions: filterAutoCompleteOptions, onAutoCompleteSelect: onAutoCompleteSelect, children: _jsxs(InputBase, { className: cs('vui-input', className), ref: ref, ...styles.container, ...aliasedProps, ...rest, children: [itemLeft, isString(iconLeft) ? _jsx(InputIcon, { ml: 1, name: iconLeft }) : iconLeft, children ?? input ?? (_jsx(InputInput, { ref: inputRef, autoFocus,
-                            defaultValue,
-                            disabled,
-                            id,
-                            max,
-                            maxLength,
-                            min,
-                            name,
-                            onBlur,
-                            onChange,
-                            onFocus,
-                            pattern,
-                            placeholder,
-                            readOnly,
-                            required,
-                            step,
-                            type, autoComplete: autoCompleteOptions?.length ? 'off' : autoComplete, value: valueInternal, ...inputProps })), isString(iconRight) ? _jsx(InputIcon, { mr: 1, name: iconRight }) : iconRight, itemRight, state && _jsx(InputIcon, { mr: 1, ...states[state]?.iconProps }), allowClear && (_jsx(IconButton, { disabled: !valueInternal, icon: "falTimes", mr: 0.5, onClick: onClear, size: clearIconSize[size], title: "Clear" })), showCount && (_jsxs(T, { className: "vui-inputCount", color: maxLength && count > maxLength ? inputColors.error : inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)", children: [count, " ", maxLength ? `/ ${maxLength}` : null] }))] }) })), !!helpText && _jsx(HelpText, { children: helpText }), !!errorText && _jsx(HelpText, { isError: true, children: errorText })] }));
+    return (_jsxs(InputProvider, { value: context, children: [displayValueOnly ? (_jsx(T, { className: cs('vui-input-value', className), size: displayValueOnlyTextSize[size], children: value || defaultValue })) : (_jsx(AutoCompletePopover, { autoCompleteMaxHeight: autoCompleteMaxHeight, autoCompleteOptions: autoCompleteOptions, filterAutoCompleteOptions: filterAutoCompleteOptions, onAutoCompleteSelect: onAutoCompleteSelect, children: _jsxs(_Fragment, { children: [isString(label) ? (_jsx(Label, { "aria-disabled": disabled, className: "vui-input-label", htmlFor: id, mb: 0.5, ...styles.label, children: label })) : (label), _jsxs(InputBase, { className: cs('vui-input', className), ref: ref, ...styles.container, ...aliasedProps, ...rest, children: [itemLeft, isString(iconLeft) ? _jsx(InputIcon, { ml: 1, name: iconLeft }) : iconLeft, children ?? input ?? (_jsx(InputInput, { ref: inputRef, autoFocus,
+                                    ariaLabel,
+                                    defaultValue,
+                                    disabled,
+                                    id,
+                                    max,
+                                    maxLength,
+                                    min,
+                                    name,
+                                    onBlur,
+                                    onChange,
+                                    onFocus,
+                                    pattern,
+                                    placeholder,
+                                    readOnly,
+                                    required,
+                                    step,
+                                    type, autoComplete: autoCompleteOptions?.length ? 'off' : autoComplete, value: valueInternal, ...inputProps })), isString(iconRight) ? _jsx(InputIcon, { mr: 1, name: iconRight }) : iconRight, itemRight, state && _jsx(InputIcon, { mr: 1, ...states[state]?.iconProps }), allowClear && (_jsx(IconButton, { disabled: !valueInternal, icon: "falTimes", mr: 0.5, onClick: onClear, size: clearIconSize[size], title: "Clear" })), showCount && (_jsxs(T, { className: "vui-inputCount", color: maxLength && count > maxLength ? inputColors.error : inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)", children: [count, " ", maxLength ? `/ ${maxLength}` : null] }))] })] }) })), !!helpText && _jsx(HelpText, { size: helpTextSize[size], children: helpText }), !!errorText && (_jsx(HelpText, { isError: true, size: helpTextSize[size], children: errorText }))] }));
 });
 Input.Icon = InputIcon;
 Input.Input = InputInput;

package/dist/esm/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"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"}

package/dist/esm/input/input.types.d.ts

@@ -16,14 +16,18 @@ export type InputProps = SystemProps & ThemingProps<'Input'> & {
     autoCompleteMaxHeight?: number;
     /** Passed to the inner input. */
     autoFocus?: boolean;
+    /** ARIA label for the input element. */
+    ariaLabel?: string;
     /** Deprecated. Please use variant instead. @deprecated  */
     colorScheme?: 'green' | 'grey' | 'red';
     /** Passed to the inner input. */
     defaultValue?: number | string;
     /** Passed to the inner input. */
     disabled?: boolean;
-    /** Socket displaying error text bellow an input. */
+    /** Socket displaying error text below an input. */
     errorText?: string | React.ReactNode;
+    /** Socket displaying help text below an input. */
+    helpText?: React.ReactNode | string;
     /** Socket displaying an icon on the left. */
     iconLeft?: IconProp | JSX.Element;
     /** Socket displaying an icon on the right. */
@@ -40,8 +44,8 @@ export type InputProps = SystemProps & ThemingProps<'Input'> & {
     itemLeft?: React.ReactNode;
     /** Socket displaying a custom element on the right. */
     itemRight?: React.ReactNode;
-    /** Socket displaying help text bellow an input. */
-    helpText?: React.ReactNode | string;
+    /** The label. */
+    label?: string | React.ReactNode;
     /** Passed to the inner input. */
     max?: number | string;
     /** Passed to the inner input. */

package/dist/esm/input/input.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../src/input/input.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../src/input/input.types.ts"],"names":[],"mappings":"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"}

package/dist/esm/input/inputInput.js

@@ -21,14 +21,15 @@ export const InputInputBase = styled.input `
 `;
 /** Displays an input element within the Input component. */
 export const InputInput = vui((props, ref) => {
-    const { className, autoComplete, ...rest } = props;
+    const { type, className, autoComplete, ...rest } = props;
     const inputProps = useInputContext();
     const mergedProps = { ...inputProps, ...props };
     const styles = useStyleConfig('Input', mergedProps);
     const aliasedProps = filterUndefined({
         'aria-disabled': mergedProps.disabled,
+        'aria-label': mergedProps.ariaLabel,
     });
-    return (_jsx(InputInputBase, { "aria-label": "input-text", autoComplete: autoComplete, className: cs('vui-inputInput', className), ref: ref, ...styles.input, ...aliasedProps, ...rest }));
+    return (_jsx(InputInputBase, { autoComplete: autoComplete, className: cs('vui-inputInput', className), ref: ref, ...styles.input, ...aliasedProps, ...rest }));
 });
 InputInput.displayName = 'InputInput';
 export default InputInput;

package/dist/esm/input/inputInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputInput.js","sourceRoot":"","sources":["../../../src/input/inputInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;CAgBzC,CAAA;AAED,4DAA4D;AAC5D,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAClD,MAAM,UAAU,GAAG,eAAe,EAAE,CAAA;IACpC,MAAM,WAAW,GAAG,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,CAAA;IAC/C,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAEnD,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,eAAe,EAAE,WAAW,CAAC,QAAQ;KACtC,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,cAAc,kBACF,YAAY,EACvB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAC1C,GAAG,EAAE,GAAG,KACJ,MAAM,CAAC,KAAK,KACZ,YAAY,KACZ,IAAI,GACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
+{"version":3,"file":"inputInput.js","sourceRoot":"","sources":["../../../src/input/inputInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAG3C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;CAgBzC,CAAA;AAED,4DAA4D;AAC5D,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACxD,MAAM,UAAU,GAAG,eAAe,EAAE,CAAA;IACpC,MAAM,WAAW,GAAG,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,CAAA;IAC/C,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAEnD,MAAM,YAAY,GAAG,eAAe,CAAC;QACnC,eAAe,EAAE,WAAW,CAAC,QAAQ;QACrC,YAAY,EAAE,WAAW,CAAC,SAAS;KACpC,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAC1C,GAAG,EAAE,GAAG,KACJ,MAAM,CAAC,KAAK,KACZ,YAAY,KACZ,IAAI,GACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}

package/dist/esm/input/theme.d.ts

@@ -2,10 +2,10 @@ declare const _default: {
     baseStyle: {
         container: {
             focusWithinRing: number;
-            color: string;
+            color: "sandstone.10";
         };
         input: {
-            placeholderTextColor: string;
+            placeholderTextColor: "sandstone.55";
         };
     };
     defaultProps: {
@@ -23,6 +23,9 @@ declare const _default: {
                 size: string;
             };
             input: {};
+            label: {
+                fontSize: string;
+            };
         };
         md: {
             container: {
@@ -33,6 +36,9 @@ declare const _default: {
                 size: string;
             };
             input: {};
+            label: {
+                fontSize: string;
+            };
         };
         lg: {
             container: {
@@ -43,6 +49,9 @@ declare const _default: {
                 size: string;
             };
             input: {};
+            label: {
+                fontSize: string;
+            };
         };
         xl: {
             container: {
@@ -53,25 +62,28 @@ declare const _default: {
                 size: string;
             };
             input: {};
+            label: {
+                fontSize: string;
+            };
         };
     };
     variants: {
         grey: {
             container: {
-                borderColor: string;
-                focusWithinRingColor: string;
+                borderColor: "sandstone.60";
+                focusWithinRingColor: "focusColor";
             };
         };
         green: {
             container: {
-                borderColor: string;
-                focusWithinRingColor: string;
+                borderColor: "landGreen.35";
+                focusWithinRingColor: "landGreen.35";
             };
         };
         red: {
             container: {
-                borderColor: string;
-                focusWithinRingColor: string;
+                borderColor: "energyRed.45";
+                focusWithinRingColor: "energyRed.45";
             };
         };
     };

package/dist/esm/input/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/input/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA,wBAMC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/input/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FA,wBAMC"}

package/dist/esm/input/theme.js

@@ -1,7 +1,7 @@
 import { inputColors } from './consts';
 const baseStyle = {
     container: {
-        focusWithinRing: 2,
+        focusWithinRing: 3,
         color: inputColors.inputText,
     },
     input: {
@@ -12,7 +12,7 @@ const defaultProps = {
     size: 'lg',
     variant: 'grey',
 };
-const parts = ['container', 'icon', 'input'];
+const parts = ['container', 'icon', 'input', 'label'];
 const sizes = {
     sm: {
         container: {
@@ -23,6 +23,9 @@ const sizes = {
             size: 'xs',
         },
         input: {},
+        label: {
+            fontSize: 'sm',
+        },
     },
     md: {
         container: {
@@ -33,6 +36,9 @@ const sizes = {
             size: 'sm',
         },
         input: {},
+        label: {
+            fontSize: 'sm',
+        },
     },
     lg: {
         container: {
@@ -43,6 +49,9 @@ const sizes = {
             size: 'md',
         },
         input: {},
+        label: {
+            fontSize: 'md',
+        },
     },
     xl: {
         container: {
@@ -53,6 +62,9 @@ const sizes = {
             size: 'md',
         },
         input: {},
+        label: {
+            fontSize: 'lg',
+        },
     },
 };
 const variants = {

package/dist/esm/input/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/input/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,MAAM,SAAS,GAAG;IAChB,SAAS,EAAE;QACT,eAAe,EAAE,CAAC;QAClB,KAAK,EAAE,WAAW,CAAC,SAAS;KAC7B;IACD,KAAK,EAAE;QACL,oBAAoB,EAAE,WAAW,CAAC,WAAW;KAC9C;CACF,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;AAE5C,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;SACN;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE,EAAE;KACV;IACD,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;SACN;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE,EAAE;KACV;IACD,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;SACN;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE,EAAE;KACV;IACD,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;SACN;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE,EAAE;KACV;CACF,CAAA;AAED,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,WAAW,EAAE,WAAW,CAAC,MAAM;YAC/B,oBAAoB,EAAE,WAAW,CAAC,KAAK;SACxC;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,WAAW,EAAE,WAAW,CAAC,OAAO;YAChC,oBAAoB,EAAE,WAAW,CAAC,OAAO;SAC1C;KACF;IACD,GAAG,EAAE;QACH,SAAS,EAAE;YACT,WAAW,EAAE,WAAW,CAAC,KAAK;YAC9B,oBAAoB,EAAE,WAAW,CAAC,KAAK;SACxC;KACF;CACF,CAAA;AAED,eAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/input/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,MAAM,SAAS,GAAG;IAChB,SAAS,EAAE;QACT,eAAe,EAAE,CAAC;QAClB,KAAK,EAAE,WAAW,CAAC,SAAS;KAC7B;IACD,KAAK,EAAE;QACL,oBAAoB,EAAE,WAAW,CAAC,WAAW;KAC9C;CACF,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AAErD,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;SACN;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;SACf;KACF;IACD,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;SACN;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;SACf;KACF;IACD,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;SACN;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;SACf;KACF;IACD,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;SACN;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;SACf;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,WAAW,EAAE,WAAW,CAAC,MAAM;YAC/B,oBAAoB,EAAE,WAAW,CAAC,KAAK;SACxC;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,WAAW,EAAE,WAAW,CAAC,OAAO;YAChC,oBAAoB,EAAE,WAAW,CAAC,OAAO;SAC1C;KACF;IACD,GAAG,EAAE;QACH,SAAS,EAAE;YACT,WAAW,EAAE,WAAW,CAAC,KAAK;YAC9B,oBAAoB,EAAE,WAAW,CAAC,KAAK;SACxC;KACF;CACF,CAAA;AAED,eAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}

package/dist/esm/label/index.d.ts

@@ -0,0 +1,4 @@
+export * from './label';
+export { default } from './label';
+export * from './label.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/label/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,cAAc,eAAe,CAAA"}

package/dist/esm/label/index.js

@@ -0,0 +1,4 @@
+export * from './label';
+export { default } from './label';
+export * from './label.types';
+//# sourceMappingURL=index.js.map

package/dist/esm/label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,cAAc,eAAe,CAAA"}

package/dist/esm/label/label.d.ts

@@ -0,0 +1,6 @@
+import { LabelProps } from './label.types';
+export declare const LabelBase: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
+/** Displays a paragraph of text. */
+export declare const Label: import("../core").VuiComponent<"label", LabelProps>;
+export default Label;
+//# sourceMappingURL=label.d.ts.map

package/dist/esm/label/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/label/label.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,eAAO,MAAM,SAAS,iIAUrB,CAAA;AAED,oCAAoC;AACpC,eAAO,MAAM,KAAK,qDAShB,CAAA;AAGF,eAAe,KAAK,CAAA"}

package/dist/esm/label/label.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { omitThemingProps, styled, useStyleConfig, vui } from '../core';
+import T from '../t';
+import { cs } from '../utils';
+export const LabelBase = styled.labelBox `
+  display: block;
+  font-weight: 600;
+  width: 100%;
+  color: darkBlue.main;
+
+  &[aria-disabled='true'] {
+    color: sandstone.75;
+    cursor: not-allowed;
+  }
+`;
+/** Displays a paragraph of text. */
+export const Label = vui((props, ref) => {
+    const { children, className, text, ...rest } = omitThemingProps(props);
+    const styles = useStyleConfig('Label', props);
+    return (_jsx(T, { as: LabelBase, className: cs('vui-label', className), ref: ref, ...styles, ...rest, children: children ?? text }));
+});
+Label.displayName = 'Label';
+export default Label;
+//# sourceMappingURL=label.js.map

package/dist/esm/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/label/label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AACvE,OAAO,CAAC,MAAM,MAAM,CAAA;AACpB,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAG7B,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAA;;;;;;;;;;CAUvC,CAAA;AAED,oCAAoC;AACpC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IACtE,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE7C,OAAO,CACL,KAAC,CAAC,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,MAAM,KAAM,IAAI,YACpF,QAAQ,IAAI,IAAI,GACf,CACL,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAC3B,eAAe,KAAK,CAAA"}

package/dist/esm/label/label.types.d.ts

@@ -0,0 +1,7 @@
+import { SystemProps } from '../system';
+import { ThemingProps } from '../theme';
+export type LabelProps = SystemProps & ThemingProps<'P'> & {
+    /** Displays given text if no children are provided. */
+    text?: number | string;
+};
+//# sourceMappingURL=label.types.d.ts.map

package/dist/esm/label/label.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.types.d.ts","sourceRoot":"","sources":["../../../src/label/label.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAmB,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,UAAU,GAAG,WAAW,GAClC,YAAY,CAAC,GAAG,CAAC,GAAG;IAClB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA"}

package/dist/esm/label/label.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=label.types.js.map

package/dist/esm/label/label.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.types.js","sourceRoot":"","sources":["../../../src/label/label.types.ts"],"names":[],"mappings":""}

package/dist/esm/label/theme.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    baseStyle: {};
+    defaultProps: {
+        size: string;
+    };
+    sizes: {
+        xs: {
+            fontSize: string;
+        };
+        sm: {
+            fontSize: string;
+        };
+        md: {
+            fontSize: string;
+        };
+        lg: {
+            fontSize: string;
+        };
+    };
+    variants: {};
+};
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

package/dist/esm/label/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/label/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA,wBAKC"}

package/dist/esm/label/theme.js

@@ -0,0 +1,26 @@
+const baseStyle = {};
+const defaultProps = {
+    size: 'md',
+};
+const sizes = {
+    xs: {
+        fontSize: 'xs',
+    },
+    sm: {
+        fontSize: 'sm',
+    },
+    md: {
+        fontSize: 'md',
+    },
+    lg: {
+        fontSize: 'lg',
+    },
+};
+const variants = {};
+export default {
+    baseStyle,
+    defaultProps,
+    sizes,
+    variants,
+};
+//# sourceMappingURL=theme.js.map

package/dist/esm/label/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/label/theme.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;CACX,CAAA;AAED,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,QAAQ,EAAE,IAAI;KACf;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,IAAI;KACf;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,IAAI;KACf;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,IAAI;KACf;CACF,CAAA;AAED,MAAM,QAAQ,GAAG,EAAE,CAAA;AAEnB,eAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,QAAQ;CACT,CAAA"}

package/dist/esm/list/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAiB,SAAS,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,eAAO,MAAM,QAAQ,8HAAiB,CAAA;AAEtC,+GAA+G;AAC/G,eAAO,MAAM,IAAI;aAmBN,kBAAkB;aAClB,kBAAkB;UACrB,eAAe;UACf,eAAe;UACf,eAAe;CACtB,CAAA;AAQD,eAAe,IAAI,CAAA"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAiB,SAAS,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAMjC,eAAO,MAAM,QAAQ,8HAAiB,CAAA;AAEtC,+GAA+G;AAC/G,eAAO,MAAM,IAAI;aAuDN,kBAAkB;aAClB,kBAAkB;UACrB,eAAe;UACf,eAAe;UACf,eAAe;CACtB,CAAA;AAQD,eAAe,IAAI,CAAA"}

package/dist/esm/list/list.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
+import React, { useEffect, useMemo, useRef } from 'react';
 import { styled, useStyleConfig, vui } from '../core';
 import { cs, filterUndefined, isArray, isReactText } from '../utils';
 import { ListProvider } from './context';
@@ -8,13 +8,51 @@ import ListHeading from './listHeading';
 import ListIcon from './listIcon';
 import ListItem from './listItem';
 import ListText from './listText';
+const clickKeys = ['Enter', ' '];
+const nextKeys = ['ArrowDown', 'Tab'];
+const prevKeys = ['ArrowUp'];
 export const ListBase = styled.ulBox ``;
 /** Displays a list of list link items and optional heading. Exposes some props to the children via context. */
 export const List = vui((props, ref) => {
     const { children, className, heading, isInteractive, items, size, variant, ...rest } = props;
     const styles = useStyleConfig('List', props);
     const context = useMemo(() => filterUndefined({ isInteractive, size, variant }), [isInteractive, size, variant]);
-    return (_jsx(ListProvider, { value: context, children: _jsxs(ListBase, { className: cs('vui-list', className), ref: ref, ...styles.container, ...rest, children: [isReactText(heading) ? _jsx(ListHeading, { text: heading }) : heading, children ??
+    const listRef = useRef(null);
+    const [_, setActive] = React.useState(-1);
+    const onKeydown = (event) => {
+        if ([...prevKeys, ...nextKeys, ...clickKeys].includes(event.key)) {
+            event.preventDefault();
+            setActive((a) => {
+                let active = a;
+                if (listRef.current) {
+                    const allChildren = Array.from(listRef.current.childNodes);
+                    const tabIndexedChildren = allChildren.filter(child => child.tabIndex === 0);
+                    if (nextKeys.includes(event.key) && active < tabIndexedChildren.length - 1)
+                        active++;
+                    if (prevKeys.includes(event.key))
+                        active = active > 0 ? active - 1 : 0;
+                    tabIndexedChildren.forEach((node, index) => {
+                        if (index === active) {
+                            if (clickKeys.includes(event.key))
+                                node?.click();
+                            else
+                                node?.focus();
+                        }
+                    });
+                }
+                return active;
+            });
+        }
+    };
+    useEffect(() => {
+        if (listRef.current && isInteractive) {
+            listRef.current.addEventListener('keydown', onKeydown);
+            return () => {
+                listRef.current?.removeEventListener('keydown', onKeydown);
+            };
+        }
+    }, [listRef.current, isInteractive]);
+    return (_jsx(ListProvider, { value: context, children: _jsxs(ListBase, { className: cs('vui-list', className), ref: ref || listRef, ...styles.container, ...rest, children: [isReactText(heading) ? _jsx(ListHeading, { text: heading }) : heading, children ??
                     (isArray(items)
                         ? items.map(({ key, ...props }, index) => _jsx(ListItem, { ...props }, key ?? index))
                         : items)] }) }));

package/dist/esm/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AACnE,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAA,EAAE,CAAA;AAEtC,+GAA+G;AAC/G,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC5F,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IAE5C,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IAEhH,OAAO,CACL,KAAC,YAAY,IAAC,KAAK,EAAE,OAAO,YAC1B,MAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,KAAM,MAAM,CAAC,SAAS,KAAM,IAAI,aACrF,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,IAAI,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,OAAO,EAE/D,QAAQ;oBACP,CAAC,OAAO,CAAgB,KAAK,CAAC;wBAC5B,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAC,QAAQ,OAAwB,KAAK,IAAvB,GAAG,IAAI,KAAK,CAAe,CAAC;wBACrF,CAAC,CAAC,KAAK,CAAC,IACH,GACE,CAChB,CAAA;AACH,CAAC,CAMA,CAAA;AAED,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AACpB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AACzB,eAAe,IAAI,CAAA"}
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":"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"}

package/dist/esm/menu/menuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menuItem.d.ts","sourceRoot":"","sources":["../../../src/menu/menuItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,aAAa,EAAE,MAAM,SAAS,CAAA;AAKjD,oEAAoE;AACpE,eAAO,MAAM,QAAQ,qDAqBnB,CAAA;AAGF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"menuItem.d.ts","sourceRoot":"","sources":["../../../src/menu/menuItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,aAAa,EAAE,MAAM,SAAS,CAAA;AAKjD,oEAAoE;AACpE,eAAO,MAAM,QAAQ,qDAYnB,CAAA;AAGF,eAAe,QAAQ,CAAA"}

package/dist/esm/menu/menuItem.js

@@ -14,7 +14,7 @@ export const MenuItem = vui((props, ref) => {
         onClickProp?.(e);
         closeOnSelect && instance?.hide();
     });
-    return (_jsx(ListItem, { className: cs('vui-menuItem', className), isInteractive: true, onClick: onClick, ref: ref, ...styles.item, ...rest }));
+    return _jsx(ListItem, { className: cs('vui-menuItem', className), onClick: onClick, ref: ref, ...styles.item, ...rest });
 });
 MenuItem.displayName = 'MenuItem';
 export default MenuItem;

package/dist/esm/menu/menuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuItem.js","sourceRoot":"","sources":["../../../src/menu/menuItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAiB,MAAM,SAAS,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,EAAE,EAAc,cAAc,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,oEAAoE;AACpE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC1D,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,EAAE,IAAI,EAAE,CAAA;IAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAA;IAC9D,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC,CAAA;IAEjE,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAA4B,EAAE,EAAE;QAC9D,WAAW,EAAE,CAAC,CAAC,CAAC,CAAA;QAChB,aAAa,IAAI,QAAQ,EAAE,IAAI,EAAE,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,EACxC,aAAa,QACb,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,KACJ,MAAM,CAAC,IAAI,KACX,IAAI,GACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AACjC,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"menuItem.js","sourceRoot":"","sources":["../../../src/menu/menuItem.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAiB,MAAM,SAAS,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,EAAE,EAAc,cAAc,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,oEAAoE;AACpE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC1D,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,EAAE,IAAI,EAAE,CAAA;IAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAA;IAC9D,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC,CAAA;IAEjE,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAA4B,EAAE,EAAE;QAC9D,WAAW,EAAE,CAAC,CAAC,CAAC,CAAA;QAChB,aAAa,IAAI,QAAQ,EAAE,IAAI,EAAE,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAM,MAAM,CAAC,IAAI,KAAM,IAAI,GAAI,CAAA;AACtH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AACjC,eAAe,QAAQ,CAAA"}

package/dist/esm/menu/menuList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menuList.d.ts","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,kEAAkE;AAClE,eAAO,MAAM,QAAQ;aAuBV,OAAO,KAAK,OAAO;aACnB,OAAO,KAAK,OAAO;UACtB,OAAO,KAAK,IAAI;UAChB,OAAO,KAAK,IAAI;UAChB,OAAO,SAAS;CACvB,CAAA;AAUD,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"menuList.d.ts","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,kEAAkE;AAClE,eAAO,MAAM,QAAQ;aAwBV,OAAO,KAAK,OAAO;aACnB,OAAO,KAAK,OAAO;UACtB,OAAO,KAAK,IAAI;UAChB,OAAO,KAAK,IAAI;UAChB,OAAO,SAAS;CACvB,CAAA;AAUD,eAAe,QAAQ,CAAA"}

package/dist/esm/menu/menuList.js

@@ -10,7 +10,7 @@ export const MenuList = vui((props, ref) => {
     const { className, contentProps, contentRef, ...rest } = props;
     const { slotTop, slotBottom } = props;
     const styles = useStyleConfig('Menu', useMenuContext());
-    return (_jsx(PopoverContent, { borderRadius: 0, ref: contentRef, ...contentProps, children: _jsxs(Box, { flexDirection: "column", children: [slotTop, _jsx(List, { className: cs('vui-menuList', className), py: 1, ref: ref, w: "100%", ...styles.list, ...rest, maxH: 295 }), slotBottom] }) }));
+    return (_jsx(PopoverContent, { borderRadius: 0, ref: contentRef, ...contentProps, children: _jsxs(Box, { flexDirection: "column", children: [slotTop, _jsx(List, { className: cs('vui-menuList', className), isInteractive: true, py: 1, ref: ref, w: "100%", ...styles.list, ...rest, maxH: 295 }), slotBottom] }) }));
 });
 MenuList.Divider = List.Divider;
 MenuList.Heading = List.Heading;

package/dist/esm/menu/menuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuList.js","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,kEAAkE;AAClE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC9D,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IACrC,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,CAAC,CAAA;IAEvD,OAAO,CACL,KAAC,cAAc,IAAC,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,KAAM,YAAY,YAChE,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACxB,OAAO,EACR,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,EACxC,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,GAAG,EACR,CAAC,EAAC,MAAM,KACJ,MAAM,CAAC,IAAI,KACX,IAAI,EACR,IAAI,EAAE,GAAG,GACT,EACD,UAAU,IACP,GACS,CAClB,CAAA;AACH,CAAC,CAMA,CAAA;AAED,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;AAC/B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;AAC/B,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;AACzB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;AACzB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;AAEzB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"menuList.js","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,GAAG,EAAgB,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,kEAAkE;AAClE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC9D,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IACrC,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,EAAE,cAAc,EAAE,CAAC,CAAA;IAEvD,OAAO,CACL,KAAC,cAAc,IAAC,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,KAAM,YAAY,YAChE,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,aACxB,OAAO,EACR,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,EACxC,aAAa,QACb,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,GAAG,EACR,CAAC,EAAC,MAAM,KACJ,MAAM,CAAC,IAAI,KACX,IAAI,EACR,IAAI,EAAE,GAAG,GACT,EACD,UAAU,IACP,GACS,CAClB,CAAA;AACH,CAAC,CAMA,CAAA;AAED,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;AAC/B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;AAC/B,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;AACzB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;AACzB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;AAEzB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}

package/dist/esm/radio/consts.d.ts

@@ -1,6 +1,8 @@
 export declare const radioColors: {
-    main: string;
-    hover: string;
-    disabled: string;
+    readonly unchecked: "sandstone.60";
+    readonly checked: "seaBlue.28";
+    readonly hover: "seaBlue.20";
+    readonly focus: "seaBlue.35";
+    readonly disabled: "sandstone.90";
 };
 //# sourceMappingURL=consts.d.ts.map