@douglasneuroinformatics/libui 5.0.2 → 6.0.0

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

@@ -0,0 +1,13 @@
+import type { Simplify } from 'type-fest';
+import type { BaseFieldComponentProps } from './types.ts';
+export type BaseRadioFieldProps<T extends string> = Simplify<BaseFieldComponentProps<T> & {
+    description?: string;
+    disabled?: boolean;
+    label: string;
+    options: {
+        [K in T]: string;
+    };
+    orientation?: 'horizontal' | 'vertical';
+}>;
+export declare const BaseRadioField: <T extends string>({ description, disabled, error, label, name, options, orientation, readOnly, setValue, value }: BaseRadioFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BaseRadioField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRadioField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/BaseRadioField.tsx"],"names":[],"mappings":"AACA,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,uBAAuB,CAAC,CAAC,CAAC,GAAG;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;SAAG,CAAC,IAAI,CAAC,GAAG,MAAM;KAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,CACF,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,EAAE,gGAW9C,mBAAmB,CAAC,CAAC,CAAC,4CA8BxB,CAAC"}

package/dist/components/Form/BaseRadioField.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { Label } from "../Label/Label.js";
+import { RadioGroup } from "../RadioGroup/RadioGroup.js";
+import { FieldGroup } from "./FieldGroup/FieldGroup.js";
+const baseRadioFieldVariants = cva('flex', {
+    defaultVariants: {
+        orientation: 'vertical'
+    },
+    variants: {
+        orientation: {
+            horizontal: 'flex-col @3xl:flex-row @3xl:items-center @3xl:justify-between',
+            vertical: 'flex-col'
+        }
+    }
+});
+export const BaseRadioField = ({ description, disabled, error, label, name, options, orientation = 'vertical', readOnly, setValue, value }) => {
+    const optionsCount = Object.keys(options).length;
+    return (_jsxs(FieldGroup, { name: name, children: [_jsxs(FieldGroup.Row, { children: [_jsx(Label, { children: label }), _jsx(FieldGroup.Description, { description: description })] }), _jsx(RadioGroup, { className: baseRadioFieldVariants({ orientation: optionsCount > 5 ? 'vertical' : orientation }), name: name, value: value ?? '', onValueChange: (value) => setValue(value), children: Object.keys(options).map((option) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroup.Item, { disabled: disabled || readOnly, id: `${name}-${option}`, value: option }), _jsx(Label, { "aria-disabled": disabled || readOnly, className: "text-muted-foreground font-normal", htmlFor: `${name}-${option}`, children: options[option] })] }, option))) }), _jsx(FieldGroup.Error, { error: error })] }));
+};
+//# sourceMappingURL=BaseRadioField.js.map

package/dist/components/Form/BaseRadioField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRadioField.js","sourceRoot":"","sources":["../../../src/components/Form/BaseRadioField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAG/C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAC;AAIzD,MAAM,sBAAsB,GAAG,GAAG,CAAC,MAAM,EAAE;IACzC,eAAe,EAAE;QACf,WAAW,EAAE,UAAU;KACxB;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,UAAU,EAAE,+DAA+D;YAC3E,QAAQ,EAAE,UAAU;SACrB;KACF;CACF,CAAC,CAAC;AAYH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAmB,EAC/C,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,GAAG,UAAU,EACxB,QAAQ,EACR,QAAQ,EACR,KAAK,EACkB,EAAE,EAAE;IAC3B,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;IACjD,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,IAAI,aACpB,MAAC,UAAU,CAAC,GAAG,eACb,KAAC,KAAK,cAAE,KAAK,GAAS,EACtB,KAAC,UAAU,CAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,IACrC,EACjB,KAAC,UAAU,IACT,SAAS,EAAE,sBAAsB,CAAC,EAAE,WAAW,EAAE,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,EAC/F,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAU,CAAC,YAE7C,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACpC,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,UAAU,CAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAAE,EAAE,EAAE,GAAG,IAAI,IAAI,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,GAAI,EAC3F,KAAC,KAAK,qBACW,QAAQ,IAAI,QAAQ,EACnC,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,GAAG,IAAI,IAAI,MAAM,EAAE,YAE3B,OAAO,CAAC,MAAW,CAAC,GACf,KARoC,MAAM,CAS9C,CACP,CAAC,GACS,EACb,KAAC,UAAU,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,CACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+import type { BooleanFieldCheckboxProps } from './BooleanFieldCheckbox.tsx';
+import type { BooleanFieldRadioProps } from './BooleanFieldRadio.tsx';
+export type BooleanFieldProps = BooleanFieldCheckboxProps | BooleanFieldRadioProps;
+export declare const BooleanField: (props: BooleanFieldProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BooleanField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanField.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/BooleanField/BooleanField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,MAAM,MAAM,iBAAiB,GAAG,yBAAyB,GAAG,sBAAsB,CAAC;AAEnF,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAKpD,CAAC"}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { match } from 'ts-pattern';
+import { BooleanFieldCheckbox } from "./BooleanFieldCheckbox.js";
+import { BooleanFieldRadio } from "./BooleanFieldRadio.js";
+export const BooleanField = (props) => {
+    return match(props)
+        .with({ variant: 'radio' }, (props) => _jsx(BooleanFieldRadio, { ...props }))
+        .with({ variant: 'checkbox' }, (props) => _jsx(BooleanFieldCheckbox, { ...props }))
+        .exhaustive();
+};
+//# sourceMappingURL=BooleanField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanField.js","sourceRoot":"","sources":["../../../../src/components/Form/BooleanField/BooleanField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA4B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAyB,CAAC;AAO5D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,OAAO,KAAK,CAAC,KAAK,CAAC;SAChB,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,iBAAiB,OAAK,KAAK,GAAI,CAAC;SACvE,IAAI,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,oBAAoB,OAAK,KAAK,GAAI,CAAC;SAC7E,UAAU,EAAE,CAAC;AAClB,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { BooleanFormField } from '@douglasneuroinformatics/libui-form-types';
+import type { Simplify } from 'type-fest';
+import type { BaseFieldComponentProps } from '../types.ts';
+export type BooleanFieldCheckboxProps = Simplify<BaseFieldComponentProps<boolean> & Omit<Extract<BooleanFormField, {
+    variant: 'checkbox';
+}>, 'kind'>>;
+export declare const BooleanFieldCheckbox: ({ description, disabled, error, label, name, readOnly, setValue, value }: BooleanFieldCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BooleanFieldCheckbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanFieldCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/BooleanField/BooleanFieldCheckbox.tsx"],"names":[],"mappings":"AAAA,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,GAAI,0EASlC,yBAAyB,4CAqB3B,CAAC"}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox, Label } from '#components';
+import { FieldGroup } from "../FieldGroup/FieldGroup.js";
+export const BooleanFieldCheckbox = ({ description, disabled, error, label, name, readOnly, setValue, value }) => {
+    return (_jsxs(FieldGroup, { name: name, children: [_jsxs(FieldGroup.Row, { children: [_jsx(Checkbox, { checked: Boolean(value), disabled: disabled || readOnly, id: name, name: name, onCheckedChange: (value) => {
+                            if (typeof value === 'boolean') {
+                                setValue(value);
+                            }
+                        } }), _jsx(Label, { htmlFor: name, children: label }), _jsx(FieldGroup.Description, { description: description })] }), _jsx(FieldGroup.Error, { error: error })] }));
+};
+//# sourceMappingURL=BooleanFieldCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanFieldCheckbox.js","sourceRoot":"","sources":["../../../../src/components/Form/BooleanField/BooleanFieldCheckbox.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAC;AAQ1D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACqB,EAAE,EAAE;IAC9B,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,IAAI,aACpB,MAAC,UAAU,CAAC,GAAG,eACb,KAAC,QAAQ,IACP,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACvB,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,CAAC,KAAK,EAAE,EAAE;4BACzB,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;gCAC/B,QAAQ,CAAC,KAAK,CAAC,CAAC;4BAClB,CAAC;wBACH,CAAC,GACD,EACF,KAAC,KAAK,IAAC,OAAO,EAAE,IAAI,YAAG,KAAK,GAAS,EACrC,KAAC,UAAU,CAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,IACrC,EACjB,KAAC,UAAU,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,CACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { BooleanFormField } from '@douglasneuroinformatics/libui-form-types';
+import type { Simplify } from 'type-fest';
+import type { BaseFieldComponentProps } from '../types.ts';
+export type BooleanFieldRadioProps = Simplify<BaseFieldComponentProps<boolean> & Omit<Extract<BooleanFormField, {
+    variant: 'radio';
+}>, 'kind'>>;
+export declare const BooleanFieldRadio: ({ description, disabled, error, label, name, options, readOnly, setValue, value }: BooleanFieldRadioProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BooleanFieldRadio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanFieldRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/BooleanField/BooleanFieldRadio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAElF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAO1C,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,GAAI,mFAU/B,sBAAsB,4CA0CxB,CAAC"}

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { match } from 'ts-pattern';
+import { Label, RadioGroup } from '#components';
+import { useTranslation } from '#hooks';
+import { FieldGroup } from "../FieldGroup/FieldGroup.js";
+const stringifyBoolean = (value) => match(value)
+    .with(undefined, () => '')
+    .with(true, () => 'true')
+    .with(false, () => 'false')
+    .exhaustive();
+export const BooleanFieldRadio = ({ description, disabled, error, label, name, options, readOnly, setValue, value }) => {
+    const { t } = useTranslation('libui');
+    const handleValueChange = useCallback((value) => {
+        match(value)
+            .with('', () => setValue(undefined))
+            .with('true', () => setValue(true))
+            .with('false', () => setValue(false))
+            .otherwise((value) => console.error(`Unexpected value for boolean field '${name}': ${value}`));
+    }, [match, setValue]);
+    return (_jsxs(FieldGroup, { name: name, children: [_jsxs(FieldGroup.Row, { children: [_jsx(Label, { children: label }), _jsx(FieldGroup.Description, { description: description })] }), _jsxs(RadioGroup, { disabled: disabled || readOnly, name: name, value: stringifyBoolean(value), onValueChange: handleValueChange, children: [_jsxs(FieldGroup.Row, { children: [_jsx(RadioGroup.Item, { id: `${name}-true`, value: "true" }), _jsx(Label, { "aria-disabled": disabled || readOnly, className: "text-muted-foreground", htmlFor: `${name}-true`, children: options?.true ?? t('form.radioLabels.true') })] }), _jsxs(FieldGroup.Row, { children: [_jsx(RadioGroup.Item, { id: `${name}-false`, value: "false" }), _jsx(Label, { "aria-disabled": disabled || readOnly, className: "text-muted-foreground", htmlFor: `${name}-false`, children: options?.false ?? t('form.radioLabels.false') })] })] }), _jsx(FieldGroup.Error, { error: error })] }));
+};
+//# sourceMappingURL=BooleanFieldRadio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanFieldRadio.js","sourceRoot":"","sources":["../../../../src/components/Form/BooleanField/BooleanFieldRadio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAGnC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAC;AAI1D,MAAM,gBAAgB,GAAG,CAAC,KAA0B,EAAE,EAAE,CACtD,KAAK,CAAC,KAAK,CAAC;KACT,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;KACzB,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,MAAe,CAAC;KACjC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,OAAgB,CAAC;KACnC,UAAU,EAAE,CAAC;AAMlB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACkB,EAAE,EAAE;IAC3B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAa,EAAE,EAAE;QAChB,KAAK,CAAC,KAAK,CAAC;aACT,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;aACnC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;aAClC,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;aACpC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,uCAAuC,IAAI,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC;IACnG,CAAC,EACD,CAAC,KAAK,EAAE,QAAQ,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,IAAI,aACpB,MAAC,UAAU,CAAC,GAAG,eACb,KAAC,KAAK,cAAE,KAAK,GAAS,EACtB,KAAC,UAAU,CAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,IACrC,EACjB,MAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAC9B,aAAa,EAAE,iBAAiB,aAEhC,MAAC,UAAU,CAAC,GAAG,eACb,KAAC,UAAU,CAAC,IAAI,IAAC,EAAE,EAAE,GAAG,IAAI,OAAO,EAAE,KAAK,EAAC,MAAM,GAAG,EACpD,KAAC,KAAK,qBAAgB,QAAQ,IAAI,QAAQ,EAAE,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,GAAG,IAAI,OAAO,YAClG,OAAO,EAAE,IAAI,IAAI,CAAC,CAAC,uBAAuB,CAAC,GACtC,IACO,EACjB,MAAC,UAAU,CAAC,GAAG,eACb,KAAC,UAAU,CAAC,IAAI,IAAC,EAAE,EAAE,GAAG,IAAI,QAAQ,EAAE,KAAK,EAAC,OAAO,GAAG,EACtD,KAAC,KAAK,qBAAgB,QAAQ,IAAI,QAAQ,EAAE,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,GAAG,IAAI,QAAQ,YACnG,OAAO,EAAE,KAAK,IAAI,CAAC,CAAC,wBAAwB,CAAC,GACxC,IACO,IACN,EACb,KAAC,UAAU,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,CACd,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/DateField/DateField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAM1C,OAAO,KAAK,EAAE,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,GAAI,6DAA6D,cAAc,4CAkDpG,CAAC"}

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { toBasicISOString } from '@douglasneuroinformatics/libjs';
+import { DatePicker, Input, Label, Popover } from '#components';
+import { FieldGroup } from "../FieldGroup/FieldGroup.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 = ({ disabled, error, label, name, readOnly, setValue, value }) => {
+    const [isDatePickerOpen, setIsDatePickerOpen] = useState(false);
+    const [isInputFocused, setIsInputFocused] = useState(false);
+    const [inputValue, setInputValue] = useState(value ? toBasicISOString(value) : '');
+    useEffect(() => {
+        const isSelecting = isDatePickerOpen || isInputFocused;
+        if (isSelecting) {
+            return;
+        }
+        else if (isValidDateString(inputValue)) {
+            setValue(new Date(inputValue));
+        }
+        else {
+            setInputValue('');
+        }
+    }, [isDatePickerOpen, isInputFocused]);
+    useEffect(() => {
+        setInputValue(value ? toBasicISOString(value) : '');
+    }, [value]);
+    return (_jsxs(FieldGroup, { name: name, children: [_jsx(Label, { htmlFor: name, children: label }), _jsxs(Popover, { open: isDatePickerOpen, onOpenChange: setIsDatePickerOpen, children: [_jsx(Popover.Trigger, { children: _jsx(Input, { autoComplete: "off", "data-testid": "date-input", disabled: disabled || readOnly, name: name, placeholder: "YYYY-MM-DD", type: "text", value: inputValue, onBlur: () => setIsInputFocused(false), onChange: (event) => setInputValue(event.target.value), onFocus: () => setIsInputFocused(true) }) }), _jsx(Popover.Content, { asChild: true, align: "start", autofocus: false, className: "w-auto", children: _jsx(DatePicker, { onSelection: (value) => {
+                                setInputValue(toBasicISOString(value));
+                                setIsDatePickerOpen(false);
+                            } }) })] }), _jsx(FieldGroup.Error, { error: error })] }));
+};
+//# sourceMappingURL=DateField.js.map

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

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

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { DynamicFormField, FormDataType, PartialFormDataType } from '@douglasneuroinformatics/libui-form-types';
+import type { FormErrors } from './types.ts';
+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, readOnly, setValues, values, ...props }: DynamicFieldProps<TData>) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=DynamicField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/DynamicField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,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,GAAI,KAAK,SAAS,YAAY,EAAE,wDAOtD,iBAAiB,CAAC,KAAK,CAAC,mDA6B1B,CAAC"}

package/dist/components/Form/DynamicField.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import * as React from 'react';
+import { pick } from 'lodash-es';
+import { StaticField } from "./StaticField.js";
+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);
+    }, [dependentValues, field.render]);
+    useEffect(() => {
+        if (!staticField) {
+            setValues((prevValues) => ({ ...prevValues, [name]: undefined }));
+        }
+    }, [staticField]);
+    useEffect(() => {
+        for (const key of field.deps) {
+            if (dependentValues[key] !== values[key]) {
+                setDependentValues(pick(values, field.deps));
+                break;
+            }
+        }
+    }, [field.deps, values]);
+    if (!staticField) {
+        return null;
+    }
+    return (_jsx(StaticField, { ...props, field: staticField, name: name, readOnly: readOnly, setValues: setValues, values: values }));
+};
+//# sourceMappingURL=DynamicField.js.map

package/dist/components/Form/DynamicField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicField.js","sourceRoot":"","sources":["../../../src/components/Form/DynamicField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC;AAchD,MAAM,CAAC,MAAM,YAAY,GAAG,CAA6B,EACvD,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACiB,EAAE,EAAE;IAC7B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjF,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;QACpE,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,MAAM,GAAG,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;YAC7B,IAAI,eAAe,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;gBACzC,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC7C,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAEzB,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,WAAW,OAAK,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,GAAI,CACrH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const ErrorMessage: React.FC<{
+    className?: string;
+    error?: null | string[];
+    hideIconOnWrap?: boolean;
+}>;
+//# sourceMappingURL=ErrorMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/components/Form/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,CAiC5G,CAAC"}

package/dist/components/Form/ErrorMessage.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { CircleAlertIcon } from 'lucide-react';
+import { cn } from '#utils';
+export const ErrorMessage = ({ className, error, hideIconOnWrap }) => {
+    if (!error) {
+        return null;
+    }
+    return (_jsx("div", { className: "flex flex-col gap-1.5", children: error.map((message) => (_jsxs("div", { className: cn('text-destructive flex w-full items-center text-sm font-medium', hideIconOnWrap && 'flex-wrap', className), children: [_jsxs("div", { className: "@container/alert mr-1.5 flex min-w-4 shrink-0 flex-grow-[1] items-center justify-start", children: [_jsx("div", { className: "h-0 w-0" }), _jsx(CircleAlertIcon, { className: "@min-[24px]/alert:hidden", style: { height: '16px', strokeWidth: '2px', width: '16px' } })] }), _jsx("span", { className: "flex-grow-[999]", "data-testid": "error-message-text", children: message })] }, message))) }));
+};
+//# sourceMappingURL=ErrorMessage.js.map

package/dist/components/Form/ErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../src/components/Form/ErrorMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,MAAM,CAAC,MAAM,YAAY,GAAwF,CAAC,EAChH,SAAS,EACT,KAAK,EACL,cAAc,EACf,EAAE,EAAE;IACH,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,cAAK,SAAS,EAAC,uBAAuB,YACnC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACtB,eACE,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,cAAc,IAAI,WAAW,EAC7B,SAAS,CACV,aAGD,eAAK,SAAS,EAAC,wFAAwF,aACrG,cAAK,SAAS,EAAC,SAAS,GAAG,EAC3B,KAAC,eAAe,IACd,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAC5D,IACE,EACN,eAAM,SAAS,EAAC,iBAAiB,iBAAa,oBAAoB,YAC/D,OAAO,GACH,KAXF,OAAO,CAYR,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,17 @@
+export declare const FieldGroup: import("react").FC<{
+    children: import("react").ReactNode;
+    name: string;
+}> & {
+    Description: import("react").FC<{
+        description?: null | string;
+    }>;
+    Error: import("react").FC<{
+        className?: string;
+        error?: null | string[];
+        hideIconOnWrap?: boolean;
+    }>;
+    Row: import("react").FC<{
+        children: import("react").ReactNode;
+    }>;
+};
+//# sourceMappingURL=FieldGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldGroup/FieldGroup.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;CAIrB,CAAC"}

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

@@ -0,0 +1,10 @@
+import { ErrorMessage } from "../ErrorMessage.js";
+import { FieldGroupDescription } from "./FieldGroupDescription.js";
+import { FieldGroupRoot } from "./FieldGroupRoot.js";
+import { FieldGroupRow } from "./FieldGroupRow.js";
+export const FieldGroup = Object.assign(FieldGroupRoot, {
+    Description: FieldGroupDescription,
+    Error: ErrorMessage,
+    Row: FieldGroupRow
+});
+//# sourceMappingURL=FieldGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/FieldGroup/FieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAqB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA6B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAsB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAC;AAEpD,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACtD,WAAW,EAAE,qBAAqB;IAClC,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,aAAa;CACnB,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const FieldGroupDescription: React.FC<{
+    description?: null | string;
+}>;
+//# sourceMappingURL=FieldGroupDescription.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroupDescription.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldGroup/FieldGroupDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAAE,CAUlE,CAAC"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { CircleHelpIcon } from 'lucide-react';
+import { Popover } from '#components';
+export const FieldGroupDescription = ({ description }) => description ? (_jsxs(Popover, { children: [_jsx(Popover.Trigger, { tabIndex: -1, children: _jsx(CircleHelpIcon, { className: "text-muted-foreground" }) }), _jsx(Popover.Content, { className: "text-muted-foreground text-sm", children: _jsx("p", { children: description }) })] })) : null;
+//# sourceMappingURL=FieldGroupDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroupDescription.js","sourceRoot":"","sources":["../../../../src/components/Form/FieldGroup/FieldGroupDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,MAAM,CAAC,MAAM,qBAAqB,GAA8C,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAClG,WAAW,CAAC,CAAC,CAAC,CACZ,MAAC,OAAO,eACN,KAAC,OAAO,CAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,CAAC,YAC3B,KAAC,cAAc,IAAC,SAAS,EAAC,uBAAuB,GAAG,GACpC,EAClB,KAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,+BAA+B,YACxD,sBAAI,WAAW,GAAK,GACJ,IACV,CACX,CAAC,CAAC,CAAC,IAAI,CAAC"}

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const FieldGroupRoot: React.FC<{
+    children: React.ReactNode;
+    name: string;
+}>;
+//# sourceMappingURL=FieldGroupRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroupRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldGroup/FieldGroupRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAIhF,CAAC"}

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+export const FieldGroupRoot = ({ children, name }) => (_jsx("div", { className: "@container flex flex-col gap-3", "data-field-group": name, children: children }));
+//# sourceMappingURL=FieldGroupRoot.js.map

package/dist/components/Form/FieldGroup/FieldGroupRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroupRoot.js","sourceRoot":"","sources":["../../../../src/components/Form/FieldGroup/FieldGroupRoot.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,cAAc,GAA0D,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC3G,cAAK,SAAS,EAAC,gCAAgC,sBAAmB,IAAI,YACnE,QAAQ,GACL,CACP,CAAC"}

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const FieldGroupRow: React.FC<{
+    children: React.ReactNode;
+}>;
+//# sourceMappingURL=FieldGroupRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroupRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FieldGroup/FieldGroupRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAEjE,CAAC"}

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

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+export const FieldGroupRow = ({ children }) => (_jsx("div", { className: "relative flex items-center gap-2", children: children }));
+//# sourceMappingURL=FieldGroupRow.js.map

package/dist/components/Form/FieldGroup/FieldGroupRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroupRow.js","sourceRoot":"","sources":["../../../../src/components/Form/FieldGroup/FieldGroupRow.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,aAAa,GAA4C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACtF,cAAK,SAAS,EAAC,kCAAkC,YAAE,QAAQ,GAAO,CACnE,CAAC"}

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { FormDataType, FormFields, PartialFormDataType } from '@douglasneuroinformatics/libui-form-types';
+import type { FormErrors } from './types.ts';
+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>;
+};
+/** Renders an object containing key value pairs, where the value is a FormField of some kind */
+export declare const FieldsComponent: <T extends FormDataType>({ fields, ...props }: FieldsComponentProps<T>) => import("react/jsx-runtime").JSX.Element[];
+//# sourceMappingURL=FieldsComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsComponent.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FieldsComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,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,GAAI,CAAC,SAAS,YAAY,EAAE,sBAAsB,oBAAoB,CAAC,CAAC,CAAC,8CAQpG,CAAC"}

package/dist/components/Form/FieldsComponent.js

@@ -0,0 +1,15 @@
+import { createElement as _createElement } from "react";
+import * as React from 'react';
+import { DynamicField } from "./DynamicField.js";
+import { StaticField } from "./StaticField.js";
+/** Renders an object containing key value pairs, where the value is a FormField of some kind */
+export const FieldsComponent = ({ fields, ...props }) => {
+    return Object.keys(fields).map((name) => {
+        const field = fields[name];
+        if (field.kind === 'dynamic') {
+            return _createElement(DynamicField, { ...props, field: field, key: name, name: name });
+        }
+        return _createElement(StaticField, { ...props, field: field, key: name, name: name });
+    });
+};
+//# sourceMappingURL=FieldsComponent.js.map

package/dist/components/Form/FieldsComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsComponent.js","sourceRoot":"","sources":["../../../src/components/Form/FieldsComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC;AAahD,gGAAgG;AAChG,MAAM,CAAC,MAAM,eAAe,GAAG,CAAyB,EAAE,MAAM,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE;IACvG,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACtC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAE,CAAC;QAC5B,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC7B,OAAO,eAAC,YAAY,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;QAC1E,CAAC;QACD,OAAO,eAAC,WAAW,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IACzE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}

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

@@ -0,0 +1,43 @@
+import type { ZodErrorLike, ZodTypeLike } from '@douglasneuroinformatics/libjs';
+import type { FormContent, FormDataType, PartialFormDataType, PartialNullableFormDataType } from '@douglasneuroinformatics/libui-form-types';
+import type { Promisable } from 'type-fest';
+type FormSubmitResult = {
+    errorMessage: string;
+    success: false;
+} | {
+    success: true;
+};
+type FormSubmitHandler<TData> = (data: NoInfer<TData>) => Promisable<FormSubmitResult | void>;
+type FormProps<TSchema extends ZodTypeLike<FormDataType>, TData extends TSchema['_output'] = TSchema['_output']> = {
+    [key: `data-${string}`]: unknown;
+    additionalButtons?: {
+        left?: React.ReactNode;
+        right?: React.ReactNode;
+    };
+    className?: string;
+    content: FormContent<TData>;
+    customStyles?: {
+        resetBtn?: string;
+        submitBtn?: string;
+    };
+    fieldsFooter?: React.ReactNode;
+    id?: string;
+    initialValues?: PartialNullableFormDataType<NoInfer<TData>>;
+    onBeforeSubmit?: FormSubmitHandler<NoInfer<TData>> | null;
+    onError?: (error: ZodErrorLike) => void;
+    onSubmit: FormSubmitHandler<NoInfer<TData>>;
+    preventResetValuesOnReset?: boolean;
+    readOnly?: boolean;
+    resetBtn?: boolean;
+    revalidateOnBlur?: boolean;
+    submitBtnLabel?: string;
+    subscribe?: {
+        onChange: (values: PartialFormDataType<TData>, setValues: React.Dispatch<React.SetStateAction<PartialFormDataType<TData>>>) => Promisable<void>;
+        selector: (values: PartialFormDataType<TData>) => unknown;
+    };
+    suspendWhileSubmitting?: boolean;
+    validationSchema: ZodTypeLike<TData>;
+};
+declare const Form: <TSchema extends ZodTypeLike<FormDataType>, TData extends TSchema["_output"] = TSchema["_output"]>({ additionalButtons, className, content, customStyles, fieldsFooter, id, initialValues, onBeforeSubmit, onError, onSubmit, preventResetValuesOnReset, readOnly, resetBtn, revalidateOnBlur, submitBtnLabel, subscribe, suspendWhileSubmitting, validationSchema, ...props }: FormProps<TSchema, TData>) => import("react/jsx-runtime").JSX.Element;
+export { Form, type FormProps };
+//# sourceMappingURL=Form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,KAAK,EACV,WAAW,EACX,YAAY,EAEZ,mBAAmB,EACnB,2BAA2B,EAC5B,MAAM,2CAA2C,CAAC;AAGnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAc5C,KAAK,gBAAgB,GAAG;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,OAAO,EAAE,IAAI,CAAA;CAAE,CAAC;AAErF,KAAK,iBAAiB,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,UAAU,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;AAE9F,KAAK,SAAS,CAAC,OAAO,SAAS,WAAW,CAAC,YAAY,CAAC,EAAE,KAAK,SAAS,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI;IACjH,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE;QAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACzB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC5B,YAAY,CAAC,EAAE;QACb,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,2BAA2B,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5D,cAAc,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5C,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE;QACV,QAAQ,EAAE,CACR,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAClC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,KACxE,UAAU,CAAC,IAAI,CAAC,CAAC;QACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC;KAC3D,CAAC;IACF,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,gBAAgB,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,IAAI,GAAI,OAAO,SAAS,WAAW,CAAC,YAAY,CAAC,EAAE,KAAK,SAAS,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,EAAE,6QAoB7G,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,4CAyM3B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC"}