@douglasneuroinformatics/libui 5.0.2 → 6.0.0

package/dist/components/Form/RecordArrayField.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useEffect, useRef } from 'react';
+import { MinusCircleIcon, PlusCircleIcon } from 'lucide-react';
+import { useTranslation } from '#hooks';
+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({ disabled, error: arrayError, fieldset, label, readOnly, setError: setArrayError, setValue: setArrayValue, value: arrayValue }) {
+    const fieldsetRef = useRef(fieldset);
+    const { t } = useTranslation('libui');
+    const createNewRecord = () => Object.fromEntries(Object.keys(fieldset).map((fieldName) => [fieldName, undefined]));
+    useEffect(() => {
+        if (!arrayValue) {
+            setArrayValue([createNewRecord()]);
+        }
+    }, []);
+    useEffect(() => {
+        if (fieldsetRef.current !== fieldset) {
+            setArrayValue([createNewRecord()]);
+            fieldsetRef.current = fieldset;
+        }
+    }, [fieldset]);
+    if (!arrayValue) {
+        return null;
+    }
+    // Creates a new object with all values mapped to null and appends it to the previous arrayValue
+    const appendField = () => {
+        setArrayValue([...arrayValue, createNewRecord()]);
+    };
+    const removeField = () => {
+        if (arrayValue.length > 1) {
+            setArrayValue(arrayValue.slice(0, arrayValue.length - 1));
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Heading, { className: "font-medium", variant: "h5", children: label }), _jsx("div", { className: "flex flex-col gap-6", children: arrayValue.map((fields, i) => (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Label, { className: "font-semibold italic", children: label + ' ' + (i + 1) }), Object.keys(fields).map((name) => {
+                            const field = fieldset[name];
+                            const fieldProps = field?.kind === 'dynamic' ? field.render.call(undefined, fields) : field;
+                            if (!fieldProps) {
+                                return null;
+                            }
+                            return (_jsx(ScalarField, { error: arrayError?.[i]?.[name], field: {
+                                    ...fieldProps,
+                                    disabled: disabled || fieldProps.disabled
+                                }, name: name, readOnly: disabled || readOnly, setError: (error) => {
+                                    const newArrayError = arrayError ? [...arrayError] : [];
+                                    newArrayError[i] ??= {};
+                                    newArrayError[i][name] = error;
+                                    setArrayError(newArrayError);
+                                }, setValue: (value) => {
+                                    const newArrayValue = [...arrayValue];
+                                    newArrayValue[i][name] = value;
+                                    setArrayValue(newArrayValue);
+                                }, value: arrayValue?.[i]?.[name] }, name));
+                        })] }, i))) }), _jsxs("div", { className: "flex gap-3", children: [_jsxs(Button, { disabled: disabled || readOnly, type: "button", variant: "outline", onClick: appendField, children: [t('form.append'), _jsx(PlusCircleIcon, { className: "ml-2" })] }), _jsxs(Button, { disabled: disabled || readOnly, type: "button", variant: "outline", onClick: removeField, children: [t('form.remove'), _jsx(MinusCircleIcon, { className: "ml-2" })] })] })] }));
+});
+//# sourceMappingURL=RecordArrayField.js.map

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

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

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

@@ -0,0 +1,7 @@
+import type { BooleanFormField, DateFormField, NumberFormField, ScalarFieldValue, SetFormField, StringFormField } from '@douglasneuroinformatics/libui-form-types';
+import type { BaseFieldComponentProps } from './types.ts';
+export type ScalarFieldProps = BaseFieldComponentProps<ScalarFieldValue> & {
+    field: BooleanFormField | DateFormField | NumberFormField | SetFormField | StringFormField;
+};
+export declare const ScalarField: ({ field, ...props }: ScalarFieldProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScalarField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/ScalarField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,eAAe,EAChB,MAAM,2CAA2C,CAAC;AAanD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,MAAM,gBAAgB,GAAG,uBAAuB,CAAC,gBAAgB,CAAC,GAAG;IACzE,KAAK,EAAE,gBAAgB,GAAG,aAAa,GAAG,eAAe,GAAG,YAAY,GAAG,eAAe,CAAC;CAC5F,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,qBAAqB,gBAAgB,4CAehE,CAAC"}

package/dist/components/Form/ScalarField.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BooleanField } from "./BooleanField/BooleanField.js";
+import { DateField } from "./DateField/DateField.js";
+import { NumberField } from "./NumberField/NumberField.js";
+import { SetField } from "./SetField/SetField.js";
+import { StringField } from "./StringField/StringField.js";
+export const ScalarField = ({ field, ...props }) => {
+    switch (field.kind) {
+        case 'boolean':
+            return _jsx(BooleanField, { ...field, ...props });
+        case 'date':
+            return _jsx(DateField, { ...field, ...props });
+        case 'number':
+            return _jsx(NumberField, { ...field, ...props });
+        case 'set':
+            return _jsx(SetField, { ...field, ...props });
+        case 'string':
+            return _jsx(StringField, { ...field, ...props });
+        default:
+            throw new Error(`Unexpected value for kind: ${Reflect.get(field, 'kind')}`);
+    }
+};
+//# sourceMappingURL=ScalarField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarField.js","sourceRoot":"","sources":["../../../src/components/Form/ScalarField.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAiC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA2B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAyB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA+B,CAAC;AAa5D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IACnE,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,KAAC,YAAY,OAAK,KAAK,KAAO,KAA2B,GAAI,CAAC;QACvE,KAAK,MAAM;YACT,OAAO,KAAC,SAAS,OAAK,KAAK,KAAO,KAAwB,GAAI,CAAC;QACjE,KAAK,QAAQ;YACX,OAAO,KAAC,WAAW,OAAK,KAAK,KAAO,KAA0B,GAAI,CAAC;QACrE,KAAK,KAAK;YACR,OAAO,KAAC,QAAQ,OAAK,KAAK,KAAO,KAAuB,GAAI,CAAC;QAC/D,KAAK,QAAQ;YACX,OAAO,KAAC,WAAW,OAAK,KAAK,KAAO,KAA0B,GAAI,CAAC;QACrE;YACE,MAAM,IAAI,KAAK,CAAC,8BAA8B,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAiB,EAAE,CAAC,CAAC;IAChG,CAAC;AACH,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { SetFormField } from '@douglasneuroinformatics/libui-form-types';
+import type { Simplify } from 'type-fest';
+import type { BaseFieldComponentProps } from '../types.ts';
+export type SetFieldProps<T extends string = string> = Simplify<BaseFieldComponentProps<Set<T>> & SetFormField<Set<T>>>;
+export declare const SetField: <T extends string = string>(props: SetFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SetField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetField.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/SetField/SetField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAE9E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAK1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAExH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,aAAa,CAAC,CAAC,CAAC,4CAuB1E,CAAC"}

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { match } from 'ts-pattern';
+import { SetFieldListbox } from "./SetFieldListbox.js";
+import { SetFieldSelect } from "./SetFieldSelect.js";
+export const SetField = (props) => {
+    useEffect(() => {
+        if (!props.value) {
+            props.setValue(new Set([]));
+        }
+    }, [props.value]);
+    const handleCheckedChange = (option, isChecked) => {
+        if (isChecked) {
+            const updatedValue = new Set(props.value);
+            updatedValue.delete(option);
+            props.setValue(updatedValue);
+        }
+        else {
+            const updatedValue = new Set(props.value);
+            updatedValue.add(option);
+            props.setValue(updatedValue);
+        }
+    };
+    return match(props)
+        .with({ variant: 'select' }, (props) => _jsx(SetFieldSelect, { onCheckedChange: handleCheckedChange, ...props }))
+        .with({ variant: 'listbox' }, (props) => _jsx(SetFieldListbox, { onCheckedChange: handleCheckedChange, ...props }))
+        .exhaustive();
+};
+//# sourceMappingURL=SetField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetField.js","sourceRoot":"","sources":["../../../../src/components/Form/SetField/SetField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAGnC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAuB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAsB,CAAC;AAMtD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAA4B,KAAuB,EAAE,EAAE;IAC7E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACjB,KAAK,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,mBAAmB,GAAG,CAAC,MAAS,EAAE,SAAkB,EAAE,EAAE;QAC5D,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,YAAY,GAAG,IAAI,GAAG,CAAI,KAAK,CAAC,KAAK,CAAC,CAAC;YAC7C,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YAC5B,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,MAAM,YAAY,GAAG,IAAI,GAAG,CAAI,KAAK,CAAC,KAAK,CAAC,CAAC;YAC7C,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACzB,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,KAAK,CAAC,KAAK,CAAC;SAChB,IAAI,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,cAAc,IAAC,eAAe,EAAE,mBAAmB,KAAM,KAAK,GAAI,CAAC;SAC3G,IAAI,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,eAAe,IAAC,eAAe,EAAE,mBAAmB,KAAM,KAAK,GAAI,CAAC;SAC7G,UAAU,EAAE,CAAC;AAClB,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { SetFieldProps } from './SetField.tsx';
+export type SetFieldListboxProps<T extends string = string> = SetFieldProps<T> & {
+    onCheckedChange: (option: T, isChecked: boolean) => void;
+};
+export declare const SetFieldListbox: <T extends string = string>({ description, disabled, error, label, name, onCheckedChange, options, readOnly, value }: SetFieldListboxProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SetFieldListbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetFieldListbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/SetField/SetFieldListbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG;IAC/E,eAAe,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,0FAUxD,oBAAoB,CAAC,CAAC,CAAC,4CA2BzB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox, Label } from '#components';
+import { FieldGroup } from "../FieldGroup/FieldGroup.js";
+export const SetFieldListbox = ({ description, disabled, error, label, name, onCheckedChange, options, readOnly, value }) => {
+    return (_jsxs(FieldGroup, { name: name, children: [_jsxs(FieldGroup.Row, { children: [_jsx(Label, { children: label }), _jsx(FieldGroup.Description, { description: description })] }), _jsx("div", { className: "grid gap-2", children: Object.keys(options).map((option) => (_jsxs(FieldGroup.Row, { children: [_jsx(Checkbox, { checked: value?.has(option) ?? false, disabled: disabled || readOnly, id: `${name}-${option}`, onCheckedChange: (checked) => {
+                                onCheckedChange(option, !checked);
+                            } }), _jsx(Label, { className: "text-muted-foreground font-normal", htmlFor: `${name}-${option}`, children: options[option] })] }, option))) }), _jsx(FieldGroup.Error, { error: error })] }));
+};
+//# sourceMappingURL=SetFieldListbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetFieldListbox.js","sourceRoot":"","sources":["../../../../src/components/Form/SetField/SetFieldListbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAC;AAQ1D,MAAM,CAAC,MAAM,eAAe,GAAG,CAA4B,EACzD,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAI,EACJ,eAAe,EACf,OAAO,EACP,QAAQ,EACR,KAAK,EACmB,EAAE,EAAE;IAC5B,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,cAAK,SAAS,EAAC,YAAY,YACxB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACpC,MAAC,UAAU,CAAC,GAAG,eACb,KAAC,QAAQ,IACP,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,MAAW,CAAC,IAAI,KAAK,EACzC,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,EAAE,EAAE,GAAG,IAAI,IAAI,MAAM,EAAE,EACvB,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE;gCAC3B,eAAe,CAAC,MAAW,EAAE,CAAC,OAAO,CAAC,CAAC;4BACzC,CAAC,GACD,EACF,KAAC,KAAK,IAAC,SAAS,EAAC,mCAAmC,EAAC,OAAO,EAAE,GAAG,IAAI,IAAI,MAAM,EAAE,YAC9E,OAAO,CAAC,MAAW,CAAC,GACf,KAXW,MAAM,CAYV,CAClB,CAAC,GACE,EACN,KAAC,UAAU,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,CACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { SetFieldProps } from './SetField.tsx';
+export type SetFieldSelectProps<T extends string = string> = SetFieldProps<T> & {
+    onCheckedChange: (option: T, isChecked: boolean) => void;
+};
+export declare const SetFieldSelect: <T extends string = string>({ description, disabled, error, label, name, onCheckedChange, options, readOnly, value }: SetFieldSelectProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SetFieldSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetFieldSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/SetField/SetFieldSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG;IAC9E,eAAe,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,0FAUvD,mBAAmB,CAAC,CAAC,CAAC,mDA0CxB,CAAC"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, DropdownButton, DropdownMenu, Label } from '#components';
+import { FieldGroup } from "../FieldGroup/FieldGroup.js";
+export const SetFieldSelect = ({ description, disabled, error, label, name, onCheckedChange, options, readOnly, value }) => {
+    return value ? (_jsxs(FieldGroup, { name: name, children: [_jsxs(FieldGroup.Row, { children: [_jsx(Label, { children: label }), _jsx(FieldGroup.Description, { description: description })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenu.Trigger, { asChild: true, className: "w-full", disabled: disabled || readOnly, children: _jsx(DropdownButton, { children: value.size ? (_jsx("div", { className: "flex items-center gap-2", children: Array.from(value).map((option) => (_jsx(Badge, { className: "font-normal", variant: "outline", children: options[option] }, option))) })) : null }) }), _jsx(DropdownMenu.Content, { widthFull: true, align: "start", children: Object.keys(options).map((option) => {
+                            const checked = value.has(option);
+                            return (_jsx(DropdownMenu.CheckboxItem, { checked: checked, onSelect: (event) => {
+                                    event.preventDefault();
+                                    onCheckedChange(option, value.has(option));
+                                }, children: options[option] }, option));
+                        }) })] }), _jsx(FieldGroup.Error, { error: error })] })) : null;
+};
+//# sourceMappingURL=SetFieldSelect.js.map

package/dist/components/Form/SetField/SetFieldSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetFieldSelect.js","sourceRoot":"","sources":["../../../../src/components/Form/SetField/SetFieldSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAC;AAQ1D,MAAM,CAAC,MAAM,cAAc,GAAG,CAA4B,EACxD,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAI,EACJ,eAAe,EACf,OAAO,EACP,QAAQ,EACR,KAAK,EACkB,EAAE,EAAE;IAC3B,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,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,YAAY,eACX,KAAC,YAAY,CAAC,OAAO,IAAC,OAAO,QAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,IAAI,QAAQ,YAC7E,KAAC,cAAc,cACZ,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAC,yBAAyB,YACrC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACjC,KAAC,KAAK,IAAC,SAAS,EAAC,aAAa,EAAc,OAAO,EAAC,SAAS,YAC1D,OAAO,CAAC,MAAM,CAAC,IADkB,MAAM,CAElC,CACT,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,GACO,GACI,EACvB,KAAC,YAAY,CAAC,OAAO,IAAC,SAAS,QAAC,KAAK,EAAC,OAAO,YAC1C,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;4BACnC,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,MAAW,CAAC,CAAC;4BACvC,OAAO,CACL,KAAC,YAAY,CAAC,YAAY,IACxB,OAAO,EAAE,OAAO,EAEhB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAClB,KAAK,CAAC,cAAc,EAAE,CAAC;oCACvB,eAAe,CAAC,MAAW,EAAE,KAAK,CAAC,GAAG,CAAC,MAAW,CAAC,CAAC,CAAC;gCACvD,CAAC,YAEA,OAAO,CAAC,MAAW,CAAC,IANhB,MAAM,CAOe,CAC7B,CAAC;wBACJ,CAAC,CAAC,GACmB,IACV,EACf,KAAC,UAAU,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,CACd,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { FormDataType, NumberRecordFormField, PartialFormDataType, RecordArrayFormField } from '@douglasneuroinformatics/libui-form-types';
+import type { ScalarFieldProps } from './ScalarField.tsx';
+import type { FormErrors } from './types.ts';
+export type StaticFieldProps<TData extends FormDataType> = {
+    errors: FormErrors<TData>;
+    field: NumberRecordFormField | RecordArrayFormField | ScalarFieldProps['field'];
+    name: string;
+    readOnly?: boolean;
+    setErrors: React.Dispatch<React.SetStateAction<FormErrors<TData>>>;
+    setValues: React.Dispatch<React.SetStateAction<PartialFormDataType<TData>>>;
+    values: PartialFormDataType<TData>;
+};
+export declare const StaticField: <TData extends FormDataType>({ errors, field, name, readOnly, setErrors, setValues, values }: StaticFieldProps<TData>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StaticField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StaticField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/StaticField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,YAAY,EAGZ,qBAAqB,EACrB,mBAAmB,EAEnB,oBAAoB,EAErB,MAAM,2CAA2C,CAAC;AAOnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAc,UAAU,EAAE,MAAM,YAAY,CAAC;AAEzD,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,YAAY,IAAI;IACzD,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IAC1B,KAAK,EAAE,qBAAqB,GAAG,oBAAoB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAChF,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,WAAW,GAAI,KAAK,SAAS,YAAY,EAAE,iEAQrD,gBAAgB,CAAC,KAAK,CAAC,4CAiDzB,CAAC"}

package/dist/components/Form/StaticField.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import * as React from 'react';
+import { match } from 'ts-pattern';
+import { NumberRecordField } from "./NumberRecordField.js";
+import { RecordArrayField } from "./RecordArrayField.js";
+import { ScalarField } from "./ScalarField.js";
+export const StaticField = ({ errors, field, name, readOnly, setErrors, setValues, values }) => {
+    const setError = useCallback((error) => {
+        return setErrors((prevErrors) => ({ ...prevErrors, [name]: error }));
+    }, [setErrors]);
+    const setValue = useCallback((value) => {
+        return setValues((prevValues) => ({ ...prevValues, [name]: value }));
+    }, [setValues]);
+    return match(field)
+        .with({ kind: 'record-array' }, (field) => (_jsx(RecordArrayField, { ...field, error: errors[name], name: name, readOnly: readOnly, setError: setError, setValue: setValue, value: values[name] })))
+        .with({ kind: 'number-record' }, (field) => (_jsx(NumberRecordField, { ...field, error: errors[name], name: name, readOnly: readOnly, setError: setError, setValue: setValue, value: values[name] })))
+        .otherwise((field) => (_jsx(ScalarField, { error: errors[name], field: field, name: name, readOnly: readOnly, setError: setError, setValue: setValue, value: values[name] })));
+};
+//# sourceMappingURL=StaticField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StaticField.js","sourceRoot":"","sources":["../../../src/components/Form/StaticField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAyB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAwB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAmB,CAAC;AAehD,MAAM,CAAC,MAAM,WAAW,GAAG,CAA6B,EACtD,MAAM,EACN,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,MAAM,EACkB,EAAE,EAAE;IAC5B,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAgC,KAAyB,EAAE,EAAE;QAC3D,OAAO,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACvE,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAgC,KAAa,EAAE,EAAE;QAC/C,OAAO,SAAS,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACvE,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,KAAK,CAAC,KAAK,CAAC;SAChB,IAAI,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACzC,KAAC,gBAAgB,OACX,KAAK,EACT,KAAK,EAAE,MAAM,CAAC,IAAI,CAAkC,EACpD,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,CAAC,IAAI,CAA0B,GAC5C,CACH,CAAC;SACD,IAAI,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAC1C,KAAC,iBAAiB,OACZ,KAAK,EACT,KAAK,EAAE,MAAM,CAAC,IAAI,CAAgC,EAClD,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,CAAC,IAAI,CAA2B,GAC7C,CACH,CAAC;SACD,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACpB,KAAC,WAAW,IACV,KAAK,EAAE,MAAM,CAAC,IAAI,CAAa,EAC/B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM,CAAC,IAAI,CAAqB,GACvC,CACH,CAAC,CAAC;AACP,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { StringFieldInputProps } from './StringFieldInput.tsx';
+import type { StringFieldPasswordProps } from './StringFieldPassword.tsx';
+import type { StringFieldRadioProps } from './StringFieldRadio.tsx';
+import type { StringFieldTextAreaProps } from './StringFieldTextArea.tsx';
+export type StringFieldProps = StringFieldInputProps | StringFieldPasswordProps | StringFieldRadioProps | StringFieldTextAreaProps;
+export declare const StringField: (props: StringFieldProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StringField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StringField.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/StringField/StringField.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAE1E,MAAM,MAAM,gBAAgB,GACxB,qBAAqB,GACrB,wBAAwB,GACxB,qBAAqB,GACrB,wBAAwB,CAAC;AAE7B,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAQlD,CAAC"}

package/dist/components/Form/StringField/StringField.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { match } from 'ts-pattern';
+import { StringFieldInput } from "./StringFieldInput.js";
+import { StringFieldPassword } from "./StringFieldPassword.js";
+import { StringFieldRadio } from "./StringFieldRadio.js";
+import { StringFieldSelect } from "./StringFieldSelect.js";
+import { StringFieldTextArea } from "./StringFieldTextArea.js";
+export const StringField = (props) => {
+    return match(props)
+        .with({ variant: 'textarea' }, (props) => _jsx(StringFieldTextArea, { ...props }))
+        .with({ variant: 'password' }, (props) => _jsx(StringFieldPassword, { ...props }))
+        .with({ variant: 'input' }, (props) => _jsx(StringFieldInput, { ...props }))
+        .with({ variant: 'select' }, (props) => _jsx(StringFieldSelect, { ...props }))
+        .with({ variant: 'radio' }, (props) => _jsx(StringFieldRadio, { ...props }))
+        .exhaustive();
+};
+//# sourceMappingURL=StringField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StringField.js","sourceRoot":"","sources":["../../../../src/components/Form/StringField/StringField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAwB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA2B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAwB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAyB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA2B,CAAC;AAahE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,OAAO,KAAK,CAAC,KAAK,CAAC;SAChB,IAAI,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,mBAAmB,OAAK,KAAK,GAAI,CAAC;SAC5E,IAAI,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,mBAAmB,OAAK,KAAK,GAAI,CAAC;SAC5E,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAC;SACtE,IAAI,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,iBAAiB,OAAK,KAAK,GAAI,CAAC;SACxE,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,CAAC;SACtE,UAAU,EAAE,CAAC;AAClB,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { StringFormField } from '@douglasneuroinformatics/libui-form-types';
+import type { BaseFieldComponentProps } from '../types.ts';
+export type StringFieldInputProps = BaseFieldComponentProps<string> & Extract<StringFormField, {
+    variant: 'input' | 'textarea';
+}>;
+export declare const StringFieldInput: ({ description, disabled, error, label, name, placeholder, readOnly, setValue, value }: StringFieldInputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StringFieldInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StringFieldInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/StringField/StringFieldInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAMjF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG,uBAAuB,CAAC,MAAM,CAAC,GACjE,OAAO,CAAC,eAAe,EAAE;IAAE,OAAO,EAAE,OAAO,GAAG,UAAU,CAAA;CAAE,CAAC,CAAC;AAE9D,eAAO,MAAM,gBAAgB,GAAI,uFAU9B,qBAAqB,4CAmBvB,CAAC"}

package/dist/components/Form/StringField/StringFieldInput.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input, Label } from '#components';
+import { FieldGroup } from "../FieldGroup/FieldGroup.js";
+export const StringFieldInput = ({ description, disabled, error, label, name, placeholder, readOnly, setValue, value }) => {
+    return (_jsxs(FieldGroup, { name: name, children: [_jsxs(FieldGroup.Row, { children: [_jsx(Label, { htmlFor: name, children: label }), _jsx(FieldGroup.Description, { description: description })] }), _jsx(Input, { disabled: disabled || readOnly, id: name, name: name, placeholder: placeholder, type: "text", value: value ?? '', onChange: (event) => setValue(event.target.value) }), _jsx(FieldGroup.Error, { error: error })] }));
+};
+//# sourceMappingURL=StringFieldInput.js.map

package/dist/components/Form/StringField/StringFieldInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StringFieldInput.js","sourceRoot":"","sources":["../../../../src/components/Form/StringField/StringFieldInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAC;AAO1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,KAAK,EACiB,EAAE,EAAE;IAC1B,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,IAAI,aACpB,MAAC,UAAU,CAAC,GAAG,eACb,KAAC,KAAK,IAAC,OAAO,EAAE,IAAI,YAAG,KAAK,GAAS,EACrC,KAAC,UAAU,CAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,IACrC,EACjB,KAAC,KAAK,IACJ,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GACjD,EACF,KAAC,UAAU,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,CACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { StringFormField } from '@douglasneuroinformatics/libui-form-types';
+import type { BaseFieldComponentProps } from '../types.ts';
+export type PasswordStrengthValue = 0 | 1 | 2 | 3 | 4;
+export type StringFieldPasswordProps = BaseFieldComponentProps<string> & Extract<StringFormField, {
+    variant: 'password';
+}>;
+export declare const StringFieldPassword: ({ calculateStrength, description, disabled, error, label, name, readOnly, setValue, value }: StringFieldPasswordProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StringFieldPassword.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StringFieldPassword.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/StringField/StringFieldPassword.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AASjF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEtD,MAAM,MAAM,wBAAwB,GAAG,uBAAuB,CAAC,MAAM,CAAC,GACpE,OAAO,CAAC,eAAe,EAAE;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAEpD,eAAO,MAAM,mBAAmB,GAAI,6FAUjC,wBAAwB,4CAuD1B,CAAC"}

package/dist/components/Form/StringField/StringFieldPassword.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { EyeIcon, EyeOffIcon } from 'lucide-react';
+import { motion } from 'motion/react';
+import { Input, Label } from '#components';
+import { cn } from '#utils';
+import { FieldGroup } from "../FieldGroup/FieldGroup.js";
+export const StringFieldPassword = ({ calculateStrength, description, disabled, error, label, name, readOnly, setValue, value }) => {
+    const [strength, setStrength] = useState(calculateStrength ? 0 : null);
+    const [show, setShow] = useState(false);
+    useEffect(() => {
+        if (calculateStrength) {
+            setStrength(value ? calculateStrength(value) : 0);
+        }
+    }, [value]);
+    return (_jsxs(FieldGroup, { name: name, children: [_jsxs(FieldGroup.Row, { children: [_jsx(Label, { htmlFor: name, children: label }), _jsx(FieldGroup.Description, { description: description })] }), _jsxs(FieldGroup.Row, { children: [_jsx(Input, { disabled: disabled || readOnly, id: name, name: name, type: show ? 'text' : 'password', value: value ?? '', onChange: (event) => setValue(event.target.value) }), _jsxs("button", { className: "text-muted-foreground absolute right-0 flex h-full w-8 items-center justify-center", disabled: disabled || readOnly, tabIndex: -1, type: "button", onClick: () => setShow(!show), children: [_jsx(EyeIcon, { className: cn('absolute transition-all', show ? 'scale-0 -rotate-90' : 'scale-100 rotate-0') }), _jsx(EyeOffIcon, { className: cn('absolute transition-all', !show ? 'scale-0 rotate-90' : 'scale-100 rotate-0') })] })] }), strength !== null && (_jsx(motion.div, { animate: { width: `${Math.max(strength * 25, 5)}%` }, className: "h-1 w-full overflow-hidden rounded-sm", initial: { width: '5%' }, transition: { duration: 0.5 }, children: _jsx("div", { className: cn('bg-destructive h-full w-full transition-colors duration-500', strength === 2 && 'bg-yellow-500 dark:bg-yellow-700', strength === 3 && 'bg-sky-500 dark:bg-sky-700', strength === 4 && 'bg-green-500 dark:bg-green-700') }) })), _jsx(FieldGroup.Error, { error: error })] }));
+};
+//# sourceMappingURL=StringFieldPassword.js.map

package/dist/components/Form/StringField/StringFieldPassword.js.map

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

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

@@ -0,0 +1,8 @@
+import type { StringFormField } from '@douglasneuroinformatics/libui-form-types';
+import type { Simplify } from 'type-fest';
+import type { BaseFieldComponentProps } from '../types.ts';
+export type StringFieldRadioProps<T extends string = string> = Simplify<BaseFieldComponentProps<T> & Extract<StringFormField<T>, {
+    options: object;
+}>>;
+export declare const StringFieldRadio: <T extends string = string>(props: StringFieldRadioProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StringFieldRadio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StringFieldRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/StringField/StringFieldRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAI1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CACrE,uBAAuB,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAC9E,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,OAAO,qBAAqB,CAAC,CAAC,CAAC,4CAE1F,CAAC"}

package/dist/components/Form/StringField/StringFieldRadio.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BaseRadioField } from "../BaseRadioField.js";
+export const StringFieldRadio = (props) => {
+    return _jsx(BaseRadioField, { ...props });
+};
+//# sourceMappingURL=StringFieldRadio.js.map

package/dist/components/Form/StringField/StringFieldRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StringFieldRadio.js","sourceRoot":"","sources":["../../../../src/components/Form/StringField/StringFieldRadio.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAuB,CAAC;AAQvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAA4B,KAA+B,EAAE,EAAE;IAC7F,OAAO,KAAC,cAAc,OAAK,KAAK,GAAI,CAAC;AACvC,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { StringFormField } from '@douglasneuroinformatics/libui-form-types';
+import type { Simplify } from 'type-fest';
+import type { BaseFieldComponentProps } from '../types.ts';
+export type StringFieldSelectProps<T extends string = string> = Simplify<BaseFieldComponentProps<T> & Extract<StringFormField<T>, {
+    options: object;
+}>>;
+export declare const StringFieldSelect: <T extends string = string>({ description, disabled, error, label, name, options, readOnly, setValue, value }: StringFieldSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StringFieldSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StringFieldSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/StringField/StringFieldSelect.tsx"],"names":[],"mappings":"AAAA,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,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,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,mFAU1D,sBAAsB,CAAC,CAAC,CAAC,4CAsB3B,CAAC"}

package/dist/components/Form/StringField/StringFieldSelect.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label, Select } from '#components';
+import { FieldGroup } from "../FieldGroup/FieldGroup.js";
+export const StringFieldSelect = ({ description, disabled, error, label, name, options, readOnly, setValue, value }) => {
+    return (_jsxs(FieldGroup, { name: name, children: [_jsxs(FieldGroup.Row, { children: [_jsx(Label, { children: label }), _jsx(FieldGroup.Description, { description: description })] }), _jsxs(Select, { name: name, value: value ?? '', onValueChange: (value) => setValue(value), children: [_jsx(Select.Trigger, { "data-testid": `${name}-select-trigger`, disabled: disabled || readOnly, children: _jsx(Select.Value, {}) }), _jsx(Select.Content, { "data-testid": `${name}-select-content`, children: Object.keys(options).map((option) => (_jsx(Select.Item, { "data-testid": `${name}-select-item-${option}`, value: option, children: options[option] }, option))) })] }), _jsx(FieldGroup.Error, { error: error })] }));
+};
+//# sourceMappingURL=StringFieldSelect.js.map

package/dist/components/Form/StringField/StringFieldSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StringFieldSelect.js","sourceRoot":"","sources":["../../../../src/components/Form/StringField/StringFieldSelect.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAC;AAQ1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAA4B,EAC3D,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACqB,EAAE,EAAE;IAC9B,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,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,aAAa,EAAE,CAAC,KAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,aAClF,KAAC,MAAM,CAAC,OAAO,mBAAc,GAAG,IAAI,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,IAAI,QAAQ,YACnF,KAAC,MAAM,CAAC,KAAK,KAAG,GACD,EACjB,KAAC,MAAM,CAAC,OAAO,mBAAc,GAAG,IAAI,iBAAiB,YAClD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACpC,KAAC,MAAM,CAAC,IAAI,mBAAc,GAAG,IAAI,gBAAgB,MAAM,EAAE,EAAe,KAAK,EAAE,MAAM,YAClF,OAAO,CAAC,MAAW,CAAC,IADyC,MAAM,CAExD,CACf,CAAC,GACa,IACV,EACT,KAAC,UAAU,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,CACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { StringFormField } from '@douglasneuroinformatics/libui-form-types';
+import type { BaseFieldComponentProps } from '../types.ts';
+export type StringFieldTextAreaProps = BaseFieldComponentProps<string> & Extract<StringFormField, {
+    variant: 'input' | 'textarea';
+}>;
+export declare const StringFieldTextArea: ({ description, disabled, error, label, name, placeholder, readOnly, setValue, value }: StringFieldTextAreaProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StringFieldTextArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StringFieldTextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/StringField/StringFieldTextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAMjF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,wBAAwB,GAAG,uBAAuB,CAAC,MAAM,CAAC,GACpE,OAAO,CAAC,eAAe,EAAE;IAAE,OAAO,EAAE,OAAO,GAAG,UAAU,CAAA;CAAE,CAAC,CAAC;AAE9D,eAAO,MAAM,mBAAmB,GAAI,uFAUjC,wBAAwB,4CAmB1B,CAAC"}

package/dist/components/Form/StringField/StringFieldTextArea.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label, TextArea } from '#components';
+import { FieldGroup } from "../FieldGroup/FieldGroup.js";
+export const StringFieldTextArea = ({ description, disabled, error, label, name, placeholder, readOnly, setValue, value }) => {
+    return (_jsxs(FieldGroup, { name: name, children: [_jsxs(FieldGroup.Row, { children: [_jsx(Label, { htmlFor: name, children: label }), _jsx(FieldGroup.Description, { description: description })] }), _jsx(TextArea, { disabled: disabled || readOnly, id: name, name: name, placeholder: placeholder, rows: 5, value: value ?? '', onChange: (event) => setValue(event.target.value) }), _jsx(FieldGroup.Error, { error: error })] }));
+};
+//# sourceMappingURL=StringFieldTextArea.js.map

package/dist/components/Form/StringField/StringFieldTextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StringFieldTextArea.js","sourceRoot":"","sources":["../../../../src/components/Form/StringField/StringFieldTextArea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAC;AAO1D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,KAAK,EACoB,EAAE,EAAE;IAC7B,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,IAAI,aACpB,MAAC,UAAU,CAAC,GAAG,eACb,KAAC,KAAK,IAAC,OAAO,EAAE,IAAI,YAAG,KAAK,GAAS,EACrC,KAAC,UAAU,CAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,IACrC,EACjB,KAAC,QAAQ,IACP,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GACjD,EACF,KAAC,UAAU,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,CACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,24 @@
+import type { FormDataType, FormFieldValue, ScalarFieldValue } from '@douglasneuroinformatics/libui-form-types';
+export type FieldError<T extends FormFieldValue> = T extends NonNullable<infer TValue> ? TValue extends NonNullable<ScalarFieldValue> ? string[] : TValue extends {
+    [key: string]: unknown;
+} ? {
+    [key: string]: string[];
+} : TValue extends {
+    [key: string]: unknown;
+}[] ? {
+    [key: string]: string[];
+}[] : never : never;
+/** Common props for all field components */
+export type BaseFieldComponentProps<TValue extends FormFieldValue = FormFieldValue> = {
+    error?: FieldError<TValue>;
+    name: string;
+    readOnly?: boolean;
+    setError: (error: FieldError<TValue>) => void;
+    setValue: (value: TValue | undefined) => void;
+    value: TValue | undefined;
+};
+/** An object mapping field names to error messages, if applicable */
+export type FormErrors<TData extends FormDataType = FormDataType> = {
+    [K in keyof TData]?: FieldError<TData[K]>;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAEhH,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,cAAc,IAC7C,CAAC,SAAS,WAAW,CAAC,MAAM,MAAM,CAAC,GAC/B,MAAM,SAAS,WAAW,CAAC,gBAAgB,CAAC,GAC1C,MAAM,EAAE,GACR,MAAM,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,GACvC;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,GAC3B,MAAM,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,EAAE,GACzC;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,EAAE,GAC7B,KAAK,GACX,KAAK,CAAC;AAEZ,4CAA4C;AAC5C,MAAM,MAAM,uBAAuB,CAAC,MAAM,SAAS,cAAc,GAAG,cAAc,IAAI;IACpF,KAAK,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAAC;AAEF,qEAAqE;AACrE,MAAM,MAAM,UAAU,CAAC,KAAK,SAAS,YAAY,GAAG,YAAY,IAAI;KACjE,CAAC,IAAI,MAAM,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;CAC1C,CAAC"}

package/dist/components/Form/types.js

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

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

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

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

@@ -0,0 +1,10 @@
+import type { FormContent, FormDataType, FormFields, PartialFormDataType, PartialNullableFormDataType, StaticFormFields } from '@douglasneuroinformatics/libui-form-types';
+export declare function getInitialValues<T extends FormDataType>(values: PartialNullableFormDataType<T>): PartialFormDataType<T>;
+/** Extract a flat array of form fields from the content. This function assumes there are no duplicate keys in groups  */
+export declare function getFormFields<T extends FormDataType>(content: FormContent<T>): FormFields<T>;
+/**
+ * Given a set of data, resolve static content for form fields. Null values
+ * will be removed.
+ */
+export declare function resolveStaticFormFields<T extends FormDataType>(content: FormContent<T>, data: PartialFormDataType<T>): Partial<StaticFormFields<T, import("@douglasneuroinformatics/libui-form-types").default.RequiredData<T>>>;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Form/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,YAAY,EACZ,UAAU,EACV,mBAAmB,EACnB,2BAA2B,EAC3B,gBAAgB,EAEjB,MAAM,2CAA2C,CAAC;AAEnD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,YAAY,EAAE,MAAM,EAAE,2BAA2B,CAAC,CAAC,CAAC,GAYrE,mBAAmB,CAAC,CAAC,CAAC,CAC/C;AAED,yHAAyH;AACzH,wBAAgB,aAAa,CAAC,CAAC,SAAS,YAAY,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAK5F;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,YAAY,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,6GAepH"}

package/dist/components/Form/utils.js

@@ -0,0 +1,45 @@
+export function getInitialValues(values) {
+    const initialValues = {};
+    for (const key in values) {
+        const value = values[key];
+        if (value === null || value === undefined) {
+            continue;
+        }
+        else if (Array.isArray(value)) {
+            initialValues[key] = value.map(getInitialValues);
+        }
+        else {
+            initialValues[key] = value;
+        }
+    }
+    return initialValues;
+}
+/** Extract a flat array of form fields from the content. This function assumes there are no duplicate keys in groups  */
+export function getFormFields(content) {
+    if (!Array.isArray(content)) {
+        return content;
+    }
+    return content.reduce((prev, current) => ({ ...prev, ...current.fields }), content[0].fields);
+}
+/**
+ * Given a set of data, resolve static content for form fields. Null values
+ * will be removed.
+ */
+export function resolveStaticFormFields(content, data) {
+    const staticFormFields = {};
+    const formFields = getFormFields(content);
+    for (const fieldName in formFields) {
+        const field = formFields[fieldName];
+        if (field.kind === 'dynamic') {
+            const resolvedField = field.render.call(undefined, data);
+            if (resolvedField) {
+                staticFormFields[fieldName] = resolvedField;
+            }
+        }
+        else {
+            staticFormFields[fieldName] = field;
+        }
+    }
+    return staticFormFields;
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Form/utils.ts"],"names":[],"mappings":"AAUA,MAAM,UAAU,gBAAgB,CAAyB,MAAsC;IAC7F,MAAM,aAAa,GAA+B,EAAE,CAAC;IACrD,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QACzB,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC1B,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC1C,SAAS;QACX,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAChC,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QAC7B,CAAC;IACH,CAAC;IACD,OAAO,aAAuC,CAAC;AACjD,CAAC;AAED,yHAAyH;AACzH,MAAM,UAAU,aAAa,CAAyB,OAAuB;IAC3E,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QAC5B,OAAO,OAAO,CAAC;IACjB,CAAC;IACD,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,CAAE,CAAC,MAAM,CAAkB,CAAC;AAClH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAAyB,OAAuB,EAAE,IAA4B;IACnH,MAAM,gBAAgB,GAAiC,EAAE,CAAC;IAC1D,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1C,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;QACnC,MAAM,KAAK,GAA0C,UAAU,CAAC,SAAS,CAAC,CAAC;QAC3E,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC7B,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;YACzD,IAAI,aAAa,EAAE,CAAC;gBAClB,gBAAgB,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC;YAC9C,CAAC;QACH,CAAC;aAAM,CAAC;YACN,gBAAgB,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;QACtC,CAAC;IACH,CAAC;IACD,OAAO,gBAAgB,CAAC;AAC1B,CAAC"}

package/dist/components/Heading/Heading.d.ts

@@ -0,0 +1,7 @@
+export type HeadingProps = {
+    children: string;
+    className?: string;
+    variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5';
+};
+export declare const Heading: ({ children, className, variant }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,kCAAkC,YAAY,4CAerE,CAAC"}