@douglasneuroinformatics/libui 2.4.4 → 2.5.1

package/dist/components/Form/BaseRadioField.d.ts

@@ -9,5 +9,5 @@ export type BaseRadioFieldProps<T extends string> = Simplify<{
     };
     orientation?: 'horizontal' | 'vertical';
 } & BaseFieldComponentProps<T>>;
-export declare const BaseRadioField: <T extends string>({ description, error, label, name, options, orientation, setValue, value }: BaseRadioFieldProps<T>) => React.JSX.Element;
+export declare const BaseRadioField: <T extends string>({ description, error, label, name, options, orientation, readOnly, setValue, value }: BaseRadioFieldProps<T>) => React.JSX.Element;
 //# sourceMappingURL=BaseRadioField.d.ts.map

package/dist/components/Form/BaseRadioField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseRadioField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/BaseRadioField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAM1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAc1D,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI,QAAQ,CAC1D;IACE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;SAAG,CAAC,IAAI,CAAC,GAAG,MAAM;KAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAC/B,CAAC;AAEF,eAAO,MAAM,cAAc,iGASxB,oBAAoB,CAAC,CAAC,sBA0BxB,CAAC"}
+{"version":3,"file":"BaseRadioField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/BaseRadioField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAM1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAc1D,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI,QAAQ,CAC1D;IACE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;SAAG,CAAC,IAAI,CAAC,GAAG,MAAM;KAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAC/B,CAAC;AAEF,eAAO,MAAM,cAAc,2GAUxB,oBAAoB,CAAC,CAAC,sBA0BxB,CAAC"}

package/dist/components/Form/BaseRadioField.js

@@ -14,14 +14,14 @@ const baseRadioFieldVariants = cva('flex', {
         }
     }
 });
-export const BaseRadioField = ({ description, error, label, name, options, orientation = 'vertical', setValue, value }) => {
+export const BaseRadioField = ({ description, error, label, name, options, orientation = 'vertical', readOnly, setValue, value }) => {
     const optionsCount = Object.keys(options).length;
     return (React.createElement(FieldGroup, null,
         React.createElement(FieldGroup.Row, null,
             React.createElement(Label, null, label),
             React.createElement(FieldGroup.Description, { description: description })),
         React.createElement(RadioGroup, { className: baseRadioFieldVariants({ orientation: optionsCount > 5 ? 'vertical' : orientation }), name: name, value: value ?? '', onValueChange: (value) => setValue(value) }, Object.keys(options).map((option) => (React.createElement("div", { className: "flex items-center gap-2", key: option },
-            React.createElement(RadioGroup.Item, { id: `${name}-${option}`, value: option }),
-            React.createElement(Label, { className: "font-normal text-muted-foreground", htmlFor: `${name}-${option}` }, options[option]))))),
+            React.createElement(RadioGroup.Item, { disabled: readOnly, id: `${name}-${option}`, value: option }),
+            React.createElement(Label, { "aria-disabled": readOnly, className: "font-normal text-muted-foreground", htmlFor: `${name}-${option}` }, options[option]))))),
         React.createElement(FieldGroup.Error, { error: error })));
 };

package/dist/components/Form/BooleanField/BooleanFieldCheckbox.d.ts

@@ -5,5 +5,5 @@ import type { BaseFieldComponentProps } from '../types.js';
 export type BooleanFieldCheckboxProps = Simplify<BaseFieldComponentProps<boolean> & Omit<Extract<BooleanFormField, {
     variant: 'checkbox';
 }>, 'kind'>>;
-export declare const BooleanFieldCheckbox: ({ error, label, name, setValue, value }: BooleanFieldCheckboxProps) => React.JSX.Element;
+export declare const BooleanFieldCheckbox: ({ error, label, name, readOnly, setValue, value }: BooleanFieldCheckboxProps) => React.JSX.Element;
 //# sourceMappingURL=BooleanFieldCheckbox.d.ts.map

package/dist/components/Form/BooleanField/BooleanFieldCheckbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanFieldCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/BooleanField/BooleanFieldCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAM1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAC9C,uBAAuB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAAC,EAAE,MAAM,CAAC,CACpG,CAAC;AAEF,eAAO,MAAM,oBAAoB,4CAA6C,yBAAyB,sBAmBtG,CAAC"}
+{"version":3,"file":"BooleanFieldCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/BooleanField/BooleanFieldCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAM1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAC9C,uBAAuB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAAC,EAAE,MAAM,CAAC,CACpG,CAAC;AAEF,eAAO,MAAM,oBAAoB,sDAAuD,yBAAyB,sBAoBhH,CAAC"}

package/dist/components/Form/BooleanField/BooleanFieldCheckbox.js

@@ -2,10 +2,10 @@ import React from 'react';
 import { Checkbox } from '../../Checkbox/Checkbox.js';
 import { Label } from '../../Label/Label.js';
 import { FieldGroup } from '../FieldGroup/FieldGroup.js';
-export const BooleanFieldCheckbox = ({ error, label, name, setValue, value }) => {
+export const BooleanFieldCheckbox = ({ error, label, name, readOnly, setValue, value }) => {
     return (React.createElement(FieldGroup, null,
         React.createElement(FieldGroup.Row, null,
-            React.createElement(Checkbox, { checked: value, id: name, name: name, onCheckedChange: (value) => {
+            React.createElement(Checkbox, { checked: value, disabled: readOnly, id: name, name: name, onCheckedChange: (value) => {
                     if (typeof value === 'boolean') {
                         setValue(value);
                     }

package/dist/components/Form/BooleanField/BooleanFieldRadio.d.ts

@@ -5,5 +5,5 @@ import type { BaseFieldComponentProps } from '../types.js';
 export type BooleanFieldRadioProps = Simplify<BaseFieldComponentProps<boolean> & Omit<Extract<BooleanFormField, {
     variant: 'radio';
 }>, 'kind'>>;
-export declare const BooleanFieldRadio: ({ error, label, name, options, setValue, value }: BooleanFieldRadioProps) => React.JSX.Element;
+export declare const BooleanFieldRadio: ({ error, label, name, options, readOnly, setValue, value }: BooleanFieldRadioProps) => React.JSX.Element;
 //# sourceMappingURL=BooleanFieldRadio.d.ts.map

package/dist/components/Form/BooleanField/BooleanFieldRadio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanFieldRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/BooleanField/BooleanFieldRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAGlF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAM1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAS3D,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAC3C,uBAAuB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,EAAE,MAAM,CAAC,CACjG,CAAC;AAEF,eAAO,MAAM,iBAAiB,qDAAsD,sBAAsB,sBAkCzG,CAAC"}
+{"version":3,"file":"BooleanFieldRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/BooleanField/BooleanFieldRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAGlF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAM1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAS3D,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAC3C,uBAAuB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,EAAE,MAAM,CAAC,CACjG,CAAC;AAEF,eAAO,MAAM,iBAAiB,+DAQ3B,sBAAsB,sBAkCxB,CAAC"}

package/dist/components/Form/BooleanField/BooleanFieldRadio.js

@@ -9,7 +9,7 @@ const stringifyBoolean = (value) => match(value)
     .with(true, () => 'true')
     .with(false, () => 'false')
     .exhaustive();
-export const BooleanFieldRadio = ({ error, label, name, options, setValue, value }) => {
+export const BooleanFieldRadio = ({ error, label, name, options, readOnly, setValue, value }) => {
     const { t } = useTranslation('libui');
     const handleValueChange = useCallback((value) => {
         match(value)
@@ -20,12 +20,12 @@ export const BooleanFieldRadio = ({ error, label, name, options, setValue, value
     }, [match, setValue]);
     return (React.createElement(FieldGroup, null,
         React.createElement(Label, null, label),
-        React.createElement(RadioGroup, { name: name, value: stringifyBoolean(value), onValueChange: handleValueChange },
+        React.createElement(RadioGroup, { disabled: readOnly, name: name, value: stringifyBoolean(value), onValueChange: handleValueChange },
             React.createElement(FieldGroup.Row, null,
                 React.createElement(RadioGroup.Item, { id: `${name}-true`, value: "true" }),
-                React.createElement(Label, { className: "font-normal text-muted-foreground", htmlFor: `${name}-true` }, options?.true ?? t('form.radioLabels.true'))),
+                React.createElement(Label, { "aria-disabled": readOnly, className: "font-normal text-muted-foreground", htmlFor: `${name}-true` }, options?.true ?? t('form.radioLabels.true'))),
             React.createElement(FieldGroup.Row, null,
                 React.createElement(RadioGroup.Item, { id: `${name}-false`, value: "false" }),
-                React.createElement(Label, { className: "font-normal text-muted-foreground", htmlFor: `${name}-false` }, options?.false ?? t('form.radioLabels.false')))),
+                React.createElement(Label, { "aria-disabled": readOnly, className: "font-normal text-muted-foreground", htmlFor: `${name}-false` }, options?.false ?? t('form.radioLabels.false')))),
         React.createElement(FieldGroup.Error, { error: error })));
 };

package/dist/components/Form/DateField/DateField.d.ts

@@ -3,5 +3,5 @@ import type { DateFormField } from '@douglasneuroinformatics/libui-form-types';
 import type { Simplify } from 'type-fest';
 import { type BaseFieldComponentProps } from '../types.js';
 export type DateFieldProps = Simplify<BaseFieldComponentProps<Date> & Omit<DateFormField, 'kind'>>;
-export declare const DateField: ({ error, label, name, setValue, value }: DateFieldProps) => React.JSX.Element;
+export declare const DateField: ({ error, label, name, readOnly, setValue, value }: DateFieldProps) => React.JSX.Element;
 //# sourceMappingURL=DateField.d.ts.map

package/dist/components/Form/DateField/DateField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/DateField/DateField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAO1C,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAI3D,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,uBAAuB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;AAEnG,eAAO,MAAM,SAAS,4CAA6C,cAAc,sBAkDhF,CAAC"}
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/DateField/DateField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAO1C,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAI3D,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,uBAAuB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;AAEnG,eAAO,MAAM,SAAS,sDAAuD,cAAc,sBAmD1F,CAAC"}

package/dist/components/Form/DateField/DateField.js

@@ -7,7 +7,7 @@ import { Popover } from '../../Popover/Popover.js';
 import { FieldGroup } from '../FieldGroup/FieldGroup.js';
 import {} from '../types.js';
 const isValidDateString = (s) => /^(\d{4})-((0[1-9])|(1[0-2]))-((0[1-9])|([12])[0-9]|3[01])$/.test(s);
-export const DateField = ({ error, label, name, setValue, value }) => {
+export const DateField = ({ error, label, name, readOnly, setValue, value }) => {
     const [isDatePickerOpen, setIsDatePickerOpen] = useState(false);
     const [isInputFocused, setIsInputFocused] = useState(false);
     const [inputValue, setInputValue] = useState('');
@@ -30,7 +30,7 @@ export const DateField = ({ error, label, name, setValue, value }) => {
         React.createElement(Label, { htmlFor: name }, label),
         React.createElement(Popover, { open: isDatePickerOpen, onOpenChange: setIsDatePickerOpen },
             React.createElement(Popover.Trigger, null,
-                React.createElement(Input, { autoComplete: "off", "data-cy": "date-input", "data-testid": "date-input", name: name, placeholder: "YYYY-MM-DD", type: "text", value: inputValue, onBlur: () => setIsInputFocused(false), onChange: (event) => setInputValue(event.target.value), onFocus: () => setIsInputFocused(true) })),
+                React.createElement(Input, { autoComplete: "off", "data-cy": "date-input", "data-testid": "date-input", disabled: readOnly, name: name, placeholder: "YYYY-MM-DD", type: "text", value: inputValue, onBlur: () => setIsInputFocused(false), onChange: (event) => setInputValue(event.target.value), onFocus: () => setIsInputFocused(true) })),
             React.createElement(Popover.Content, { asChild: true, align: "start", autofocus: false, className: "w-auto" },
                 React.createElement(DatePicker, { onSelection: (value) => {
                         setInputValue(toBasicISOString(value));

package/dist/components/Form/DynamicField.d.ts

@@ -5,9 +5,10 @@ export type DynamicFieldProps<TData extends FormDataType> = {
     errors: FormErrors<TData>;
     field: DynamicFormField<TData>;
     name: string;
+    readOnly?: boolean;
     setErrors: React.Dispatch<React.SetStateAction<FormErrors<TData>>>;
     setValues: React.Dispatch<React.SetStateAction<PartialFormDataType<TData>>>;
     values: PartialFormDataType<TData>;
 };
-export declare const DynamicField: <TData extends FormDataType>({ field, name, setValues, values, ...props }: DynamicFieldProps<TData>) => React.JSX.Element | null;
+export declare const DynamicField: <TData extends FormDataType>({ field, name, readOnly, setValues, values, ...props }: DynamicFieldProps<TData>) => React.JSX.Element | null;
 //# sourceMappingURL=DynamicField.d.ts.map

package/dist/components/Form/DynamicField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/DynamicField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAKrH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,YAAY,IAAI;IAC1D,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACnE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC5E,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,YAAY,6EAMtB,kBAAkB,KAAK,CAAC,6BA2B1B,CAAC"}
+{"version":3,"file":"DynamicField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/DynamicField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAKrH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,YAAY,IAAI;IAC1D,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACnE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC5E,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,YAAY,uFAOtB,kBAAkB,KAAK,CAAC,6BA6B1B,CAAC"}

package/dist/components/Form/DynamicField.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo, useState } from 'react';
 import { pick } from 'lodash-es';
 import { StaticField } from './StaticField.js';
-export const DynamicField = ({ field, name, setValues, values, ...props }) => {
+export const DynamicField = ({ field, name, readOnly, setValues, values, ...props }) => {
     const [dependentValues, setDependentValues] = useState(pick(values, field.deps));
     const staticField = useMemo(() => {
         return field.render.call(undefined, values);
@@ -22,5 +22,5 @@ export const DynamicField = ({ field, name, setValues, values, ...props }) => {
     if (!staticField) {
         return null;
     }
-    return React.createElement(StaticField, { ...props, field: staticField, name: name, setValues: setValues, values: values });
+    return (React.createElement(StaticField, { ...props, field: staticField, name: name, readOnly: readOnly, setValues: setValues, values: values }));
 };

package/dist/components/Form/FieldGroup/FieldGroupDescription.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { CircleHelpIcon } from 'lucide-react';
 import { Popover } from '../../Popover/Popover.js';
 export const FieldGroupDescription = ({ description }) => description ? (React.createElement(Popover, null,
-    React.createElement(Popover.Trigger, null,
+    React.createElement(Popover.Trigger, { tabIndex: -1 },
         React.createElement(CircleHelpIcon, { className: "text-muted-foreground" })),
     React.createElement(Popover.Content, { className: "text-sm text-muted-foreground" },
         React.createElement("p", null, description)))) : null;

package/dist/components/Form/FieldsComponent.d.ts

@@ -4,6 +4,7 @@ import type { FormErrors } from './types.js';
 export type FieldsComponentProps<T extends FormDataType> = {
     errors: FormErrors<T>;
     fields: FormFields<T>;
+    readOnly?: boolean;
     setErrors: React.Dispatch<React.SetStateAction<FormErrors<T>>>;
     setValues: React.Dispatch<React.SetStateAction<PartialFormDataType<T>>>;
     values: PartialFormDataType<T>;

package/dist/components/Form/FieldsComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldsComponent.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FieldsComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAK/G,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,YAAY,IAAI;IACzD,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/D,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACxE,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;CAChC,CAAC;AAEF,gGAAgG;AAChG,eAAO,MAAM,eAAe,iDAAkD,qBAAqB,CAAC,CAAC,wBAQpG,CAAC"}
+{"version":3,"file":"FieldsComponent.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FieldsComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAK/G,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,YAAY,IAAI;IACzD,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/D,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACxE,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;CAChC,CAAC;AAEF,gGAAgG;AAChG,eAAO,MAAM,eAAe,iDAAkD,qBAAqB,CAAC,CAAC,wBAQpG,CAAC"}

package/dist/components/Form/Form.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { FormContent, FormDataType, PartialNullableFormDataType } from '@douglasneuroinformatics/libui-form-types';
+import type { Promisable } from 'type-fest';
 import { z } from 'zod';
 type FormProps<TSchema extends z.ZodType<FormDataType>, TData extends z.TypeOf<TSchema> = z.TypeOf<TSchema>> = {
     [key: `data-${string}`]: unknown;
@@ -8,12 +9,14 @@ type FormProps<TSchema extends z.ZodType<FormDataType>, TData extends z.TypeOf<T
     id?: string;
     initialValues?: PartialNullableFormDataType<TData>;
     onError?: (error: z.ZodError<TData>) => void;
-    onSubmit: (data: TData) => void;
+    onSubmit: (data: TData) => Promisable<void>;
     preventResetValuesOnReset?: boolean;
+    readOnly?: boolean;
     resetBtn?: boolean;
+    revalidateOnBlur?: boolean;
     submitBtnLabel?: string;
     validationSchema: z.ZodType<TData>;
 };
-declare const Form: <TSchema extends z.ZodType<FormDataType, z.ZodTypeDef, FormDataType>, TData extends z.TypeOf<TSchema> = z.TypeOf<TSchema>>({ className, content, id, initialValues, onError, onSubmit, preventResetValuesOnReset, resetBtn, submitBtnLabel, validationSchema, ...props }: FormProps<TSchema, TData>) => React.JSX.Element;
+declare const Form: <TSchema extends z.ZodType<FormDataType, z.ZodTypeDef, FormDataType>, TData extends z.TypeOf<TSchema> = z.TypeOf<TSchema>>({ className, content, id, initialValues, onError, onSubmit, preventResetValuesOnReset, readOnly, resetBtn, revalidateOnBlur, submitBtnLabel, validationSchema, ...props }: FormProps<TSchema, TData>) => React.JSX.Element;
 export { Form, type FormProps };
 //# sourceMappingURL=Form.d.ts.map

package/dist/components/Form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EACV,WAAW,EACX,YAAY,EAGZ,2BAA2B,EAC5B,MAAM,2CAA2C,CAAC;AAInD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAUxB,KAAK,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;IAC7G,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,2BAA2B,CAAC,KAAK,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAChC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,IAAI,4QAYP,UAAU,OAAO,EAAE,KAAK,CAAC,sBAkG3B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EACV,WAAW,EACX,YAAY,EAGZ,2BAA2B,EAC5B,MAAM,2CAA2C,CAAC;AAInD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAUxB,KAAK,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;IAC7G,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,2BAA2B,CAAC,KAAK,CAAC,CAAC;IACnD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,UAAU,CAAC,IAAI,CAAC,CAAC;IAC5C,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,IAAI,wSAcP,UAAU,OAAO,EAAE,KAAK,CAAC,sBAqI3B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC"}

package/dist/components/Form/Form.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { set } from 'lodash-es';
 import { useTranslation } from 'react-i18next';
 import { twMerge } from 'tailwind-merge';
@@ -8,8 +8,8 @@ import { Heading } from '../Heading/Heading.js';
 import { ErrorMessage } from './ErrorMessage.js';
 import { FieldsComponent } from './FieldsComponent.js';
 import { getInitialValues } from './utils.js';
-const Form = ({ className, content, id, initialValues, onError, onSubmit, preventResetValuesOnReset, resetBtn, submitBtnLabel, validationSchema, ...props }) => {
-    const { t } = useTranslation('libui');
+const Form = ({ className, content, id, initialValues, onError, onSubmit, preventResetValuesOnReset, readOnly, resetBtn, revalidateOnBlur, submitBtnLabel, validationSchema, ...props }) => {
+    const { i18n, t } = useTranslation('libui');
     const [rootError, setRootError] = useState(null);
     const [errors, setErrors] = useState({});
     const [values, setValues] = useState(initialValues ? getInitialValues(initialValues) : {});
@@ -37,12 +37,12 @@ const Form = ({ className, content, id, initialValues, onError, onSubmit, preven
             setValues({});
         }
     };
-    const handleSubmit = (event) => {
+    const handleSubmit = async (event) => {
         event.preventDefault();
-        const result = validationSchema.safeParse(values);
+        const result = await validationSchema.safeParseAsync(values);
         if (result.success) {
             reset();
-            onSubmit(result.data);
+            await onSubmit(result.data);
         }
         else {
             console.error(result.error.issues);
@@ -50,17 +50,33 @@ const Form = ({ className, content, id, initialValues, onError, onSubmit, preven
         }
     };
     const isGrouped = Array.isArray(content);
-    return (React.createElement("form", { autoComplete: "off", className: twMerge('w-full', isGrouped ? 'space-y-8 divide-y' : 'space-y-6', className), id: id, onSubmit: handleSubmit, ...props },
+    const revalidate = () => {
+        const hasErrors = Object.keys(errors).length > 0;
+        if (hasErrors) {
+            validationSchema
+                .safeParseAsync(values)
+                .then((result) => {
+                if (!result.success) {
+                    handleError(result.error);
+                }
+            })
+                .catch(console.error);
+        }
+    };
+    useEffect(() => {
+        revalidate();
+    }, [i18n.resolvedLanguage]);
+    return (React.createElement("form", { autoComplete: "off", className: twMerge('w-full', isGrouped ? 'space-y-8 divide-y' : 'space-y-6', className), id: id, onBlur: revalidateOnBlur ? revalidate : undefined, onSubmit: (event) => void handleSubmit(event), ...props },
         isGrouped ? (content.map((fieldGroup, i) => {
             return (React.createElement("div", { className: "space-y-6 [&:not(:first-child)]:pt-8", key: i },
                 React.createElement("div", { className: "space-y-1" },
-                    fieldGroup.title && React.createElement(Heading, { variant: "h4" }, fieldGroup.title),
+                    fieldGroup.title && React.createElement(Heading, { className: "text-base", variant: "h4" }, fieldGroup.title),
                     fieldGroup.description && (React.createElement("p", { className: "text-sm italic leading-tight text-muted-foreground" }, fieldGroup.description))),
-                React.createElement(FieldsComponent, { errors: errors, fields: fieldGroup.fields, setErrors: setErrors, setValues: setValues, values: values })));
-        })) : (React.createElement(FieldsComponent, { errors: errors, fields: content, setErrors: setErrors, setValues: setValues, values: values })),
+                React.createElement(FieldsComponent, { errors: errors, fields: fieldGroup.fields, readOnly: readOnly, setErrors: setErrors, setValues: setValues, values: values })));
+        })) : (React.createElement(FieldsComponent, { errors: errors, fields: content, readOnly: readOnly, setErrors: setErrors, setValues: setValues, values: values })),
         React.createElement("div", { className: "flex w-full gap-3" },
-            React.createElement(Button, { "aria-label": "Submit Button", className: "block w-full", "data-cy": "submit-form", type: "submit", variant: "primary" }, submitBtnLabel ?? t('form.submit')),
-            resetBtn && (React.createElement(Button, { "aria-label": "Reset Button", className: "block w-full", type: "button", variant: "secondary", onClick: reset }, t('form.reset')))),
+            React.createElement(Button, { "aria-label": "Submit Button", className: "block w-full", "data-cy": "submit-form", disabled: readOnly, type: "submit", variant: "primary" }, submitBtnLabel ?? t('form.submit')),
+            resetBtn && (React.createElement(Button, { "aria-label": "Reset Button", className: "block w-full", disabled: readOnly, type: "button", variant: "secondary", onClick: reset }, t('form.reset')))),
         rootError && React.createElement(ErrorMessage, { error: rootError })));
 };
 export { Form };

package/dist/components/Form/NumberField/NumberFieldInput.d.ts

@@ -5,5 +5,5 @@ import type { BaseFieldComponentProps } from '../types.js';
 export type NumberFieldInputProps = Simplify<BaseFieldComponentProps<number> & Extract<NumberFormField, {
     variant: 'input';
 }>>;
-export declare const NumberFieldInput: ({ description, error, label, max, min, name, setValue, value }: NumberFieldInputProps) => React.JSX.Element;
+export declare const NumberFieldInput: ({ description, error, label, max, min, name, readOnly, setValue, value }: NumberFieldInputProps) => React.JSX.Element;
 //# sourceMappingURL=NumberFieldInput.d.ts.map

package/dist/components/Form/NumberField/NumberFieldInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFieldInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/NumberField/NumberFieldInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAM1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAC1C,uBAAuB,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,eAAe,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,CACjF,CAAC;AAEF,eAAO,MAAM,gBAAgB,mEAS1B,qBAAqB,sBAmBvB,CAAC"}
+{"version":3,"file":"NumberFieldInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/NumberField/NumberFieldInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAM1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAC1C,uBAAuB,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,eAAe,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,CACjF,CAAC;AAEF,eAAO,MAAM,gBAAgB,6EAU1B,qBAAqB,sBA2BvB,CAAC"}

package/dist/components/Form/NumberField/NumberFieldInput.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Input } from '../../Input/Input.js';
 import { Label } from '../../Label/Label.js';
 import { FieldGroup } from '../FieldGroup/FieldGroup.js';
-export const NumberFieldInput = ({ description, error, label, max, min, name, setValue, value }) => {
+export const NumberFieldInput = ({ description, error, label, max, min, name, readOnly, setValue, value }) => {
     const handleChange = (event) => {
         const newValue = parseFloat(event.target.value);
         if (Number.isNaN(newValue)) {
@@ -16,6 +16,6 @@ export const NumberFieldInput = ({ description, error, label, max, min, name, se
         React.createElement(FieldGroup.Row, null,
             React.createElement(Label, null, label),
             React.createElement(FieldGroup.Description, { description: description })),
-        React.createElement(Input, { max: max, min: min, name: name, type: "text", value: value ?? '', onChange: handleChange }),
+        React.createElement(Input, { disabled: readOnly, max: max, min: min, name: name, type: "text", value: value ?? '', onChange: handleChange }),
         React.createElement(FieldGroup.Error, { error: error })));
 };

package/dist/components/Form/NumberField/NumberFieldRadio.d.ts

@@ -5,5 +5,5 @@ import type { BaseFieldComponentProps } from '../types.js';
 export type NumberFieldRadioProps = Simplify<BaseFieldComponentProps<number> & Extract<NumberFormField, {
     options: object;
 }>>;
-export declare const NumberFieldRadio: ({ description, error, label, name, options, setValue, value }: NumberFieldRadioProps) => React.JSX.Element;
+export declare const NumberFieldRadio: ({ description, error, label, name, options, readOnly, setValue, value }: NumberFieldRadioProps) => React.JSX.Element;
 //# sourceMappingURL=NumberFieldRadio.d.ts.map

package/dist/components/Form/NumberField/NumberFieldRadio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFieldRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/NumberField/NumberFieldRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAO1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAC1C,uBAAuB,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,eAAe,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAChF,CAAC;AAEF,eAAO,MAAM,gBAAgB,kEAQ1B,qBAAqB,sBAiCvB,CAAC"}
+{"version":3,"file":"NumberFieldRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/NumberField/NumberFieldRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAO1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAC1C,uBAAuB,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,eAAe,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAChF,CAAC;AAEF,eAAO,MAAM,gBAAgB,4EAS1B,qBAAqB,sBAiCvB,CAAC"}

package/dist/components/Form/NumberField/NumberFieldRadio.js

@@ -3,7 +3,7 @@ import { cn } from '../../../utils.js';
 import { Label } from '../../Label/Label.js';
 import { RadioGroup } from '../../RadioGroup/RadioGroup.js';
 import { FieldGroup } from '../FieldGroup/FieldGroup.js';
-export const NumberFieldRadio = ({ description, error, label, name, options, setValue, value }) => {
+export const NumberFieldRadio = ({ description, error, label, name, options, readOnly, setValue, value }) => {
     const optionsCount = Object.keys(options).length;
     return (React.createElement(FieldGroup, null,
         React.createElement(FieldGroup.Row, null,
@@ -13,7 +13,7 @@ export const NumberFieldRadio = ({ description, error, label, name, options, set
             .map((val) => parseInt(val))
             .toSorted((a, b) => a - b)
             .map((val) => (React.createElement("div", { className: "flex items-center gap-2", key: val },
-            React.createElement(RadioGroup.Item, { id: `${name}-${val}`, value: val.toString() }),
-            React.createElement(Label, { className: "font-normal text-muted-foreground", htmlFor: `${name}-${val}` }, `${val} - ${options[val]}`))))),
+            React.createElement(RadioGroup.Item, { disabled: readOnly, id: `${name}-${val}`, value: val.toString() }),
+            React.createElement(Label, { "aria-disabled": readOnly, className: "font-normal text-muted-foreground", htmlFor: `${name}-${val}` }, `${val} - ${options[val]}`))))),
         React.createElement(FieldGroup.Error, { error: error })));
 };

package/dist/components/Form/NumberField/NumberFieldSelect.d.ts

@@ -5,5 +5,5 @@ import { type BaseFieldComponentProps } from '../types.js';
 export type NumberFieldSelectProps<T extends number = number> = Simplify<BaseFieldComponentProps<T> & Extract<NumberFormField<T>, {
     options: object;
 }>>;
-export declare const NumberFieldSelect: <T extends number = number>({ description, error, label, name, options, setValue, value }: NumberFieldSelectProps<T>) => React.JSX.Element;
+export declare const NumberFieldSelect: <T extends number = number>({ description, error, label, name, options, readOnly, setValue, value }: NumberFieldSelectProps<T>) => React.JSX.Element;
 //# sourceMappingURL=NumberFieldSelect.d.ts.map

package/dist/components/Form/NumberField/NumberFieldSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFieldSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/NumberField/NumberFieldSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAK1C,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CACtE,uBAAuB,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAC9E,CAAC;AAEF,eAAO,MAAM,iBAAiB,6FAQ3B,uBAAuB,CAAC,CAAC,sBAuB3B,CAAC"}
+{"version":3,"file":"NumberFieldSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/NumberField/NumberFieldSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAK1C,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CACtE,uBAAuB,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAC9E,CAAC;AAEF,eAAO,MAAM,iBAAiB,uGAS3B,uBAAuB,CAAC,CAAC,sBAuB3B,CAAC"}

package/dist/components/Form/NumberField/NumberFieldSelect.js

@@ -3,13 +3,13 @@ import { Label } from '../../Label/Label.js';
 import { Select } from '../../Select/Select.js';
 import { FieldGroup } from '../FieldGroup/FieldGroup.js';
 import {} from '../types.js';
-export const NumberFieldSelect = ({ description, error, label, name, options, setValue, value }) => {
+export const NumberFieldSelect = ({ description, error, label, name, options, readOnly, setValue, value }) => {
     return (React.createElement(FieldGroup, null,
         React.createElement(FieldGroup.Row, null,
             React.createElement(Label, null, label),
             React.createElement(FieldGroup.Description, { description: description })),
         React.createElement(Select, { name: name, value: value?.toString() ?? '', onValueChange: (value) => setValue(parseFloat(value)) },
-            React.createElement(Select.Trigger, { "data-cy": `${name}-select-trigger`, "data-testid": `${name}-select-trigger` },
+            React.createElement(Select.Trigger, { "data-cy": `${name}-select-trigger`, "data-testid": `${name}-select-trigger`, disabled: readOnly },
                 React.createElement(Select.Value, null)),
             React.createElement(Select.Content, { "data-cy": `${name}-select-content`, "data-testid": `${name}-select-content` }, Object.keys(options).map((option) => (React.createElement(Select.Item, { key: option, value: option }, `${option} - ${options[option]}`))))),
         React.createElement(FieldGroup.Error, { error: error })));

package/dist/components/Form/NumberField/NumberFieldSlider.d.ts

@@ -5,5 +5,5 @@ import type { BaseFieldComponentProps } from '../types.js';
 export type NumberFieldSliderProps = Simplify<BaseFieldComponentProps<number> & Extract<NumberFormField, {
     variant: 'slider';
 }>>;
-export declare const NumberFieldSlider: ({ description, error, label, max, min, name, setValue, value }: NumberFieldSliderProps) => React.JSX.Element;
+export declare const NumberFieldSlider: ({ description, error, label, max, min, name, readOnly, setValue, value }: NumberFieldSliderProps) => React.JSX.Element;
 //# sourceMappingURL=NumberFieldSlider.d.ts.map

package/dist/components/Form/NumberField/NumberFieldSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFieldSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/NumberField/NumberFieldSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAM1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAC3C,uBAAuB,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,eAAe,EAAE;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,CAAC,CAClF,CAAC;AAEF,eAAO,MAAM,iBAAiB,mEAS3B,sBAAsB,sBAgBxB,CAAC"}
+{"version":3,"file":"NumberFieldSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/NumberField/NumberFieldSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAM1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAC3C,uBAAuB,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,eAAe,EAAE;IAAE,OAAO,EAAE,QAAQ,CAAA;CAAE,CAAC,CAClF,CAAC;AAEF,eAAO,MAAM,iBAAiB,6EAU3B,sBAAsB,sBAuBxB,CAAC"}

package/dist/components/Form/NumberField/NumberFieldSlider.js

@@ -2,13 +2,13 @@ import React from 'react';
 import { Label } from '../../Label/Label.js';
 import { Slider } from '../../Slider/Slider.js';
 import { FieldGroup } from '../FieldGroup/FieldGroup.js';
-export const NumberFieldSlider = ({ description, error, label, max, min, name, setValue, value }) => {
+export const NumberFieldSlider = ({ description, error, label, max, min, name, readOnly, setValue, value }) => {
     return (React.createElement(FieldGroup, null,
         React.createElement(FieldGroup.Row, null,
             React.createElement(Label, null, label),
             React.createElement(FieldGroup.Description, { description: description })),
         React.createElement(FieldGroup.Row, null,
-            React.createElement(Slider, { max: max, min: min, name: name, value: [value ?? 0], onValueChange: ([value]) => setValue(value) }),
+            React.createElement(Slider, { disabled: readOnly, max: max, min: min, name: name, value: [value ?? 0], onValueChange: ([value]) => setValue(value) }),
             React.createElement("span", { className: "flex h-full w-8 items-center justify-center text-sm text-muted-foreground" }, value ?? 'NA')),
         React.createElement(FieldGroup.Error, { error: error })));
 };

package/dist/components/Form/NumberRecordField.d.ts

@@ -3,5 +3,5 @@ import type { NumberRecordFieldValue, NumberRecordFormField, RequiredFieldValue
 import type { Simplify } from 'type-fest';
 import type { BaseFieldComponentProps } from './types.js';
 export type NumberRecordFieldProps<T extends NumberRecordFieldValue = NumberRecordFieldValue> = Simplify<BaseFieldComponentProps<NumberRecordFieldValue> & NumberRecordFormField<RequiredFieldValue<T>>>;
-export declare const NumberRecordField: <T extends NumberRecordFieldValue = NumberRecordFieldValue>({ error: recordError, items, label, options, setError: setRecordError, setValue: setRecordValue, value: recordValue }: NumberRecordFieldProps<T>) => React.JSX.Element | null;
+export declare const NumberRecordField: <T extends NumberRecordFieldValue = NumberRecordFieldValue>({ error: recordError, items, label, options, readOnly, setError: setRecordError, setValue: setRecordValue, value: recordValue }: NumberRecordFieldProps<T>) => React.JSX.Element | null;
 //# sourceMappingURL=NumberRecordField.d.ts.map

package/dist/components/Form/NumberRecordField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberRecordField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/NumberRecordField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EACV,sBAAsB,EACtB,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,2CAA2C,CAAC;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAK1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,sBAAsB,GAAG,sBAAsB,IAAI,QAAQ,CACtG,uBAAuB,CAAC,sBAAsB,CAAC,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAC/F,CAAC;AAEF,eAAO,MAAM,iBAAiB,qLAQ3B,uBAAuB,CAAC,CAAC,6BAiC3B,CAAC"}
+{"version":3,"file":"NumberRecordField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/NumberRecordField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EACV,sBAAsB,EACtB,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,2CAA2C,CAAC;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAK1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,sBAAsB,GAAG,sBAAsB,IAAI,QAAQ,CACtG,uBAAuB,CAAC,sBAAsB,CAAC,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAC/F,CAAC;AAEF,eAAO,MAAM,iBAAiB,+LAS3B,uBAAuB,CAAC,CAAC,6BAoC3B,CAAC"}

package/dist/components/Form/NumberRecordField.js

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { Heading } from '../Heading/Heading.js';
 import { NumberField } from './NumberField/NumberField.js';
-export const NumberRecordField = ({ error: recordError, items, label, options, setError: setRecordError, setValue: setRecordValue, value: recordValue }) => {
+export const NumberRecordField = ({ error: recordError, items, label, options, readOnly, setError: setRecordError, setValue: setRecordValue, value: recordValue }) => {
     useEffect(() => {
         setRecordValue({});
     }, [options]);
@@ -9,9 +9,9 @@ export const NumberRecordField = ({ error: recordError, items, label, options, s
         return null;
     }
     return (React.createElement("div", { className: "space-y-4" },
-        React.createElement(Heading, { variant: "h5" }, label),
+        React.createElement(Heading, { className: "font-medium", variant: "h5" }, label),
         React.createElement("div", { className: "space-y-6" }, Object.keys(items).map((name) => {
             const item = items[name];
-            return (React.createElement(NumberField, { error: recordError?.[name], key: name, kind: "number", name: name, options: options, setError: (error) => setRecordError({ ...recordError, [name]: error }), setValue: (value) => setRecordValue({ ...recordValue, [name]: value }), value: recordValue?.[name], variant: "radio", ...item }));
+            return (React.createElement(NumberField, { error: recordError?.[name], key: name, kind: "number", name: name, options: options, readOnly: readOnly, setError: (error) => setRecordError({ ...recordError, [name]: error }), setValue: (value) => setRecordValue({ ...recordValue, [name]: value }), value: recordValue?.[name], variant: "radio", ...item }));
         }))));
 };

package/dist/components/Form/RecordArrayField.d.ts

@@ -8,6 +8,7 @@ export declare const RecordArrayField: React.NamedExoticComponent<{
         [key: string]: string;
     }[] | undefined;
     name: string;
+    readOnly?: boolean | undefined;
     setError: (error: {
         [key: string]: string;
     }[]) => void;

package/dist/components/Form/RecordArrayField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecordArrayField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RecordArrayField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AAG7G,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAO1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,qBAAqB,CAAC,GAAG,oBAAoB,CAAC,CAAC;AAEpH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;EAkF3B,CAAC"}
+{"version":3,"file":"RecordArrayField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RecordArrayField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AAG7G,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAO1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,qBAAqB,CAAC,GAAG,oBAAoB,CAAC,CAAC;AAEpH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;EAsF3B,CAAC"}

package/dist/components/Form/RecordArrayField.js

@@ -5,7 +5,7 @@ import { Button } from '../Button/Button.js';
 import { Heading } from '../Heading/Heading.js';
 import { Label } from '../Label/Label.js';
 import { ScalarField } from './ScalarField.js';
-export const RecordArrayField = memo(function RecordArrayField({ error: arrayError, fieldset, label, setError: setArrayError, setValue: setArrayValue, value: arrayValue }) {
+export const RecordArrayField = memo(function RecordArrayField({ error: arrayError, fieldset, label, readOnly, setError: setArrayError, setValue: setArrayValue, value: arrayValue }) {
     const { t } = useTranslation('libui');
     const createNewRecord = () => Object.fromEntries(Object.keys(fieldset).map((fieldName) => [fieldName, undefined]));
     useEffect(() => {
@@ -24,7 +24,7 @@ export const RecordArrayField = memo(function RecordArrayField({ error: arrayErr
         }
     };
     return (React.createElement("div", { className: "space-y-4" },
-        React.createElement(Heading, { variant: "h5" }, label),
+        React.createElement(Heading, { className: "font-medium", variant: "h5" }, label),
         React.createElement("div", { className: "space-y-6" }, arrayValue.map((fields, i) => (React.createElement("div", { className: "space-y-4", key: i },
             React.createElement(Label, { className: "font-semibold italic" }, label + ' ' + (i + 1)),
             Object.keys(fields).map((name) => {
@@ -33,7 +33,7 @@ export const RecordArrayField = memo(function RecordArrayField({ error: arrayErr
                 if (!fieldProps) {
                     return null;
                 }
-                return (React.createElement(ScalarField, { error: arrayError?.[i]?.[name], field: fieldProps, key: name, name: name, setError: (error) => {
+                return (React.createElement(ScalarField, { error: arrayError?.[i]?.[name], field: fieldProps, key: name, name: name, readOnly: readOnly, setError: (error) => {
                         const newArrayError = arrayError ? [...arrayError] : [];
                         if (!newArrayError[i]) {
                             newArrayError[i] = {};
@@ -47,10 +47,10 @@ export const RecordArrayField = memo(function RecordArrayField({ error: arrayErr
                     }, value: arrayValue?.[i]?.[name] }));
             }))))),
         React.createElement("div", { className: "flex gap-3" },
-            React.createElement(Button, { type: "button", variant: "outline", onClick: appendField },
+            React.createElement(Button, { disabled: readOnly, type: "button", variant: "outline", onClick: appendField },
                 t('form.append'),
                 React.createElement(PlusCircleIcon, { className: "ml-2" })),
-            React.createElement(Button, { type: "button", variant: "outline", onClick: removeField },
+            React.createElement(Button, { disabled: readOnly, type: "button", variant: "outline", onClick: removeField },
                 t('form.remove'),
                 React.createElement(MinusCircleIcon, { className: "ml-2" })))));
 });

package/dist/components/Form/SetField/SetFieldListbox.d.ts

@@ -3,5 +3,5 @@ import type { SetFieldProps } from './SetField.js';
 export type SetFieldListboxProps<T extends string = string> = {
     onCheckedChange: (option: T, isChecked: boolean) => void;
 } & SetFieldProps<T>;
-export declare const SetFieldListbox: <T extends string = string>({ description, error, label, name, onCheckedChange, options, value }: SetFieldListboxProps<T>) => React.JSX.Element;
+export declare const SetFieldListbox: <T extends string = string>({ description, error, label, name, onCheckedChange, options, readOnly, value }: SetFieldListboxProps<T>) => React.JSX.Element;
 //# sourceMappingURL=SetFieldListbox.d.ts.map

package/dist/components/Form/SetField/SetFieldListbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SetFieldListbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/SetField/SetFieldListbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC5D,eAAe,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1D,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;AAErB,eAAO,MAAM,eAAe,oGAQzB,qBAAqB,CAAC,CAAC,sBA0BzB,CAAC"}
+{"version":3,"file":"SetFieldListbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/SetField/SetFieldListbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC5D,eAAe,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1D,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;AAErB,eAAO,MAAM,eAAe,8GASzB,qBAAqB,CAAC,CAAC,sBA2BzB,CAAC"}

package/dist/components/Form/SetField/SetFieldListbox.js

@@ -2,13 +2,13 @@ import React from 'react';
 import { Checkbox } from '../../Checkbox/Checkbox.js';
 import { Label } from '../../Label/Label.js';
 import { FieldGroup } from '../FieldGroup/FieldGroup.js';
-export const SetFieldListbox = ({ description, error, label, name, onCheckedChange, options, value }) => {
+export const SetFieldListbox = ({ description, error, label, name, onCheckedChange, options, readOnly, value }) => {
     return (React.createElement(FieldGroup, null,
         React.createElement(FieldGroup.Row, null,
             React.createElement(Label, null, label),
             React.createElement(FieldGroup.Description, { description: description })),
         React.createElement("div", { className: "grid gap-2" }, Object.keys(options).map((option) => (React.createElement(FieldGroup.Row, { key: option },
-            React.createElement(Checkbox, { checked: value?.has(option) ?? false, id: `${name}-${option}`, onCheckedChange: (checked) => {
+            React.createElement(Checkbox, { checked: value?.has(option) ?? false, disabled: readOnly, id: `${name}-${option}`, onCheckedChange: (checked) => {
                     onCheckedChange(option, !checked);
                 } }),
             React.createElement(Label, { className: "font-normal text-muted-foreground", htmlFor: `${name}-${option}` }, options[option]))))),

package/dist/components/Form/SetField/SetFieldSelect.d.ts

@@ -3,5 +3,5 @@ import type { SetFieldProps } from './SetField.js';
 export type SetFieldSelectProps<T extends string = string> = {
     onCheckedChange: (option: T, isChecked: boolean) => void;
 } & SetFieldProps<T>;
-export declare const SetFieldSelect: <T extends string = string>({ description, error, label, onCheckedChange, options, value }: SetFieldSelectProps<T>) => React.JSX.Element | null;
+export declare const SetFieldSelect: <T extends string = string>({ description, error, label, onCheckedChange, options, readOnly, value }: SetFieldSelectProps<T>) => React.JSX.Element | null;
 //# sourceMappingURL=SetFieldSelect.d.ts.map

package/dist/components/Form/SetField/SetFieldSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SetFieldSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/SetField/SetFieldSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC3D,eAAe,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1D,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;AAErB,eAAO,MAAM,cAAc,8FAOxB,oBAAoB,CAAC,CAAC,6BA0CxB,CAAC"}
+{"version":3,"file":"SetFieldSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/SetField/SetFieldSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC3D,eAAe,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1D,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;AAErB,eAAO,MAAM,cAAc,wGAQxB,oBAAoB,CAAC,CAAC,6BA0CxB,CAAC"}