@alveole/components 0.42.2 → 0.43.0

package/dist/ui/FormControl/FormControlFileInput.styles.js

@@ -0,0 +1,37 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(({ text, color, spacing }) => ({
+    fileInputContainer: {
+        display: 'flex',
+        flexDirection: 'row',
+        gap: spacing('050'),
+        alignItems: 'center',
+    },
+    fileInputButton: {
+        borderWidth: 1,
+        borderColor: color.border['default-grey'],
+        backgroundColor: color.background['alt-grey'],
+        transition: 'background-color 0.1s ease-in-out',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingLeft: spacing('050'),
+        paddingRight: spacing('050'),
+        paddingTop: spacing('0375'),
+        paddingBottom: spacing('0375'),
+    },
+    fileInputButtonHovered: {
+        backgroundColor: color.background['contrast-grey'],
+    },
+    fileInputButtonDisabled: {
+        cursor: 'not-allowed',
+        backgroundColor: color.background['disabled-grey'],
+    },
+    inputFileText: {
+        ...text['Corps de texte'].XS.Regular,
+        color: color.text['default-grey'],
+    },
+    placeholderText: {
+        ...text['Corps de texte'].XS.Regular,
+        color: color.text['default-grey'],
+    },
+}));

package/dist/ui/FormControl/FormControlHint.d.ts

@@ -0,0 +1,6 @@
+export type FormControlHintProps = {
+    hint?: string;
+    disabled?: boolean;
+};
+export declare const FormControlHint: (props: FormControlHintProps) => import("react").JSX.Element;
+//# sourceMappingURL=FormControlHint.d.ts.map

package/dist/ui/FormControl/FormControlHint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlHint.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControlHint.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,gCAU1D,CAAC"}

package/dist/ui/FormControl/FormControlHint.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Typography } from '../../core';
+import { useStyles } from './FormControl.styles';
+export const FormControlHint = (props) => {
+    const { hint, disabled } = props;
+    const styles = useStyles();
+    return (_jsx(Box, { style: styles.hintContainer, children: _jsx(Typography, { style: { ...styles.hint, ...(disabled ? styles.hintDisabled : {}) }, children: hint }) }));
+};

package/dist/ui/FormControl/FormControlLabel.d.ts

@@ -0,0 +1,8 @@
+import { FormControlCaptionProps } from './FormControlCaption';
+export type FormControlLabelProps = {
+    label: string;
+    labelRight?: React.ReactNode;
+    disabled?: boolean;
+} & FormControlCaptionProps;
+export declare const FormControlLabel: (props: FormControlLabelProps) => import("react").JSX.Element;
+//# sourceMappingURL=FormControlLabel.d.ts.map

package/dist/ui/FormControl/FormControlLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlLabel.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControlLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,uBAAuB,CAAC;AAE5B,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,gCAwB5D,CAAC"}

package/dist/ui/FormControl/FormControlLabel.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography } from '../../core';
+import { useStyles } from './FormControl.styles';
+export const FormControlLabel = (props) => {
+    const { label, labelRight = false, disabled = false, error, success } = props;
+    const styles = useStyles();
+    return (_jsxs(Box, { style: styles.labelContainer, children: [_jsx(Typography, { style: {
+                    ...styles.label,
+                    ...(error ? styles.errorText : {}),
+                    ...(success ? styles.successText : {}),
+                    ...(disabled ? styles.labelDisabled : {}),
+                }, children: label }), label && (_jsx(Box, { mt: 'auto', mb: 'auto', ml: 'auto', children: labelRight }))] }));
+};

package/dist/ui/FormControl/FormControlModal.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type FormControlModalProps = {
+    open: boolean;
+    onClose: () => void;
+    onShow?: () => void;
+    onDismiss?: () => void;
+    submitLabel?: string;
+    onSubmit?: () => void;
+    children: React.ReactNode;
+};
+export declare const FormControlModal: (props: FormControlModalProps) => React.JSX.Element;
+//# sourceMappingURL=FormControlModal.d.ts.map

package/dist/ui/FormControl/FormControlModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlModal.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControlModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,sBAyC5D,CAAC"}

package/dist/ui/FormControl/FormControlModal.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { KeyboardAvoidingView, Modal, Platform, Pressable } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Box } from '../../core';
+import { Button, ButtonIcon } from '../Button';
+import { useStyles } from './FormControl.styles';
+export const FormControlModal = (props) => {
+    const { open, onClose, onShow, onDismiss, submitLabel, onSubmit, children } = props;
+    const styles = useStyles();
+    const { top } = useSafeAreaInsets();
+    return (_jsx(Modal, { animationType: "slide", transparent: true, visible: open, onRequestClose: onClose, onShow: onShow, onDismiss: onDismiss, children: _jsx(Pressable, { style: styles.modalOverlay, onPress: onClose, children: _jsx(KeyboardAvoidingView, { behavior: Platform.OS === 'ios' ? 'padding' : undefined, keyboardVerticalOffset: Platform.OS === 'ios' ? -8 : 0, style: { ...styles.modalSheet, paddingTop: top }, children: _jsxs(Pressable, { style: styles.modalContent, onPress: () => null, children: [_jsxs(Box, { style: styles.modalHeader, children: [_jsx(Box, { style: styles.modalHeaderLeft }), _jsx(Box, { style: styles.modalHeaderRight, children: _jsx(ButtonIcon, { icon: "Check", variant: "primary", onPress: onClose }) })] }), children, submitLabel && onSubmit && (_jsx(Box, { style: styles.modalFooter, children: _jsx(Button, { size: "lg", variant: "primary", title: submitLabel, onPress: onSubmit }) }))] }) }) }) }));
+};

package/dist/ui/FormControl/FormControlNumberInput.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export type FormControlNumberInputElement = HTMLInputElement;
+export type FormControlNumberInputProps = {
+    value?: number | null;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    onChange?: (value: number | null) => void;
+};
+export declare const FormControlNumberInput: React.ForwardRefExoticComponent<FormControlNumberInputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=FormControlNumberInput.d.ts.map

package/dist/ui/FormControl/FormControlNumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlNumberInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControlNumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,6BAA6B,GAAG,gBAAgB,CAAC;AAC7D,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,sBAAsB,sGAyClC,CAAC"}

package/dist/ui/FormControl/FormControlNumberInput.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box } from '../../core';
+import { useStyles } from './FormControl.styles';
+export const FormControlNumberInput = React.forwardRef(function DateInput(props, ref) {
+    const { value, onChange, startAdornment, endAdornment, ...inputProps } = props;
+    const styles = useStyles();
+    return (_jsx(Box, { tag: "form-control-text-input", style: styles.inputContainer, children: _jsxs(Box, { tag: "form-control-text-input-inner", style: {
+                ...styles.inputInner,
+                ...(props.disabled ? styles.inputDisabled : {}),
+                ...(endAdornment ? { paddingRight: 0 } : {}),
+                ...(startAdornment ? { paddingLeft: 0 } : {}),
+            }, children: [startAdornment, _jsx("input", { ref: ref, value: value ?? '', onChange: e => {
+                        const newValue = e.target.value;
+                        onChange?.(newValue === '' ? null : Number(newValue));
+                    }, type: "number", style: {
+                        ...styles.input,
+                        ...styles.inputWeb,
+                        ...(endAdornment && startAdornment ? { textAlign: 'center' } : {}),
+                        ...(endAdornment ? { minWidth: 0 } : {}),
+                    }, ...inputProps }), endAdornment] }) }));
+});

package/dist/ui/FormControl/FormControlOtpInput.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { OtpInputProps, OtpInputRef } from 'react-native-otp-entry';
+export type FormControlOtpInputElement = OtpInputRef;
+export type FormControlOtpInputProps = Omit<OtpInputProps, 'style'> & {
+    readOnly?: boolean;
+};
+export declare const FormControlOtpInput: React.ForwardRefExoticComponent<Omit<OtpInputProps, "style"> & {
+    readOnly?: boolean;
+} & React.RefAttributes<OtpInputRef>>;
+//# sourceMappingURL=FormControlOtpInput.d.ts.map

package/dist/ui/FormControl/FormControlOtpInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlOtpInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/FormControlOtpInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAY,aAAa,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG9E,MAAM,MAAM,0BAA0B,GAAG,WAAW,CAAC;AACrD,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB;eAHnB,OAAO;qCAanB,CAAC"}

package/dist/ui/FormControl/FormControlOtpInput.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { OtpInput } from 'react-native-otp-entry';
+import { Box } from '../../core';
+export const FormControlOtpInput = React.forwardRef(function FormControlOtpInput(props, ref) {
+    const { disabled, readOnly, ...inputProps } = props;
+    return (_jsx(Box, { tag: "form-control-otp-input", children: _jsx(OtpInput, { ref: ref, disabled: disabled || readOnly, ...inputProps }) }));
+});

package/dist/ui/FormControl/TextInput.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { TextInput as ReactNativeTextInput, TextInputProps as ReactNativeTextInputProps } from 'react-native';
+export type TextInputElement = ReactNativeTextInput;
+export type TextInputProps = Omit<ReactNativeTextInputProps, 'style'> & {
+    disabled?: boolean;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    openModal?: boolean;
+    modalSubmitLabel?: string;
+    onModalSubmit?: () => void;
+};
+export declare const TextInput: React.ForwardRefExoticComponent<Omit<ReactNativeTextInputProps, "style"> & {
+    disabled?: boolean;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    openModal?: boolean;
+    modalSubmitLabel?: string;
+    onModalSubmit?: () => void;
+} & React.RefAttributes<ReactNativeTextInput>>;
+//# sourceMappingURL=TextInput.d.ts.map

package/dist/ui/FormControl/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,IAAI,oBAAoB,EACjC,cAAc,IAAI,yBAAyB,EAE5C,MAAM,cAAc,CAAC;AAQtB,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,yBAAyB,EAAE,OAAO,CAAC,GAAG;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,SAAS;eART,OAAO;qBACD,KAAK,CAAC,SAAS;mBACjB,KAAK,CAAC,SAAS;gBAClB,OAAO;uBACA,MAAM;oBACT,MAAM,IAAI;8CAsN1B,CAAC"}

package/dist/ui/FormControl/TextInput.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTheme } from '@alveole/theme';
+import React from 'react';
+import { Keyboard, Platform, Pressable, TextInput as ReactNativeTextInput, } from 'react-native';
+import { Box } from '../../core';
+import { useStyles } from './FormControl.styles';
+import { FormControlModal } from './FormControlModal';
+export const TextInput = React.forwardRef(function TextInput(props, ref) {
+    const { disabled, readOnly, startAdornment, endAdornment, onFocus, onBlur, onPressIn, openModal, modalSubmitLabel, onModalSubmit, ...inputProps } = props;
+    const { color } = useTheme();
+    const styles = useStyles();
+    const shouldUseModal = Boolean(openModal && inputProps.multiline && Platform.OS !== 'web');
+    const [isModalOpen, setIsModalOpen] = React.useState(false);
+    const [isModalReady, setIsModalReady] = React.useState(false);
+    const [focus, setFocus] = React.useState(false);
+    const inputRef = React.useRef(null);
+    const modalInputRef = React.useRef(null);
+    const pendingFocusEventRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => inputRef.current);
+    React.useEffect(() => {
+        if (!shouldUseModal)
+            return;
+        setFocus(isModalOpen);
+    }, [isModalOpen, shouldUseModal]);
+    // Appeler onFocus une fois que la modale est prête
+    React.useEffect(() => {
+        if (isModalReady && pendingFocusEventRef.current) {
+            const event = pendingFocusEventRef.current;
+            pendingFocusEventRef.current = null;
+            requestAnimationFrame(() => {
+                onFocus?.(event);
+            });
+        }
+    }, [isModalReady, onFocus]);
+    const focusModalInput = React.useCallback(() => {
+        if (!shouldUseModal)
+            return;
+        requestAnimationFrame(() => {
+            modalInputRef.current?.focus();
+        });
+    }, [shouldUseModal]);
+    const handleFocus = (e) => {
+        if (shouldUseModal) {
+            inputRef.current?.blur();
+            onFocus?.(e);
+            return;
+        }
+        if (!disabled && !readOnly)
+            setFocus(true);
+        onFocus?.(e);
+    };
+    const handleBlur = (e) => {
+        if (shouldUseModal) {
+            onBlur?.(e);
+            return;
+        }
+        if (!disabled && !readOnly)
+            setFocus(false);
+        onBlur?.(e);
+    };
+    const handleOpenModal = () => {
+        if (!shouldUseModal || disabled || readOnly || isModalOpen)
+            return;
+        setIsModalOpen(true);
+    };
+    const closeModal = () => {
+        if (!isModalReady)
+            return;
+        Keyboard.dismiss();
+        modalInputRef.current?.blur();
+        setIsModalOpen(false);
+        inputRef.current?.blur();
+    };
+    const handleModalSubmit = () => {
+        if (!isModalReady)
+            return;
+        onModalSubmit?.();
+        closeModal();
+    };
+    return (_jsxs(Box, { tag: "form-control-text-input", style: {
+            ...styles.inputContainer,
+            ...(inputProps.multiline ? { height: 'auto' } : {}),
+        }, children: [shouldUseModal ? (_jsxs(Pressable, { style: {
+                    ...styles.inputInner,
+                    ...(disabled ? styles.inputDisabled : {}),
+                    ...(focus ? styles.inputFocused : {}),
+                    ...(endAdornment ? { paddingRight: 0 } : {}),
+                    ...(startAdornment ? { paddingLeft: 0 } : {}),
+                    ...(inputProps.multiline ? { paddingTop: 8 } : {}),
+                }, onPress: handleOpenModal, children: [startAdornment, _jsx(ReactNativeTextInput, { ref: inputRef, style: {
+                            ...styles.input,
+                            ...(startAdornment && endAdornment ? { textAlign: 'center' } : {}),
+                        }, readOnly: true, editable: false, focusable: false, pointerEvents: "none", showSoftInputOnFocus: false, caretHidden: true, selectTextOnFocus: false, contextMenuHidden: true, selectionColor: "transparent", placeholderTextColor: color.text.inverse.muted, ...inputProps }), endAdornment] })) : (_jsxs(Box, { tag: "form-control-text-input-inner", style: {
+                    ...styles.inputInner,
+                    ...(disabled ? styles.inputDisabled : {}),
+                    ...(focus ? styles.inputFocused : {}),
+                    ...(endAdornment ? { paddingRight: 0 } : {}),
+                    ...(startAdornment ? { paddingLeft: 0 } : {}),
+                    ...(inputProps.multiline ? { paddingTop: 8 } : {}),
+                }, children: [startAdornment, _jsx(ReactNativeTextInput, { ref: inputRef, style: {
+                            ...styles.input,
+                            ...(startAdornment && endAdornment ? { textAlign: 'center' } : {}),
+                        }, readOnly: disabled === true || readOnly === true, editable: inputProps.editable, onFocus: handleFocus, onBlur: handleBlur, onPressIn: onPressIn, showSoftInputOnFocus: inputProps.showSoftInputOnFocus, caretHidden: inputProps.caretHidden, selectTextOnFocus: inputProps.selectTextOnFocus, contextMenuHidden: inputProps.contextMenuHidden, selectionColor: inputProps.selectionColor, placeholderTextColor: color.text.inverse.muted, ...inputProps }), endAdornment] })), shouldUseModal && (_jsx(FormControlModal, { open: isModalOpen, onClose: closeModal, onShow: () => {
+                    setIsModalReady(true);
+                    focusModalInput();
+                }, onDismiss: () => {
+                    setIsModalReady(false);
+                    pendingFocusEventRef.current = null;
+                    Keyboard.dismiss();
+                }, submitLabel: modalSubmitLabel, onSubmit: onModalSubmit ? handleModalSubmit : undefined, children: _jsx(Box, { style: styles.modalInputContainer, children: _jsx(ReactNativeTextInput, { ref: modalInputRef, style: styles.modalInput, readOnly: disabled === true || readOnly === true, onFocus: e => {
+                            if (!isModalReady) {
+                                pendingFocusEventRef.current = e;
+                            }
+                            else {
+                                onFocus?.(e);
+                            }
+                        }, onBlur: onBlur, placeholderTextColor: color.text.inverse.muted, ...inputProps, multiline: true, textAlignVertical: "top", autoFocus: true, showSoftInputOnFocus: true }) }) }))] }));
+});

package/dist/ui/FormControl/index.d.ts

@@ -0,0 +1,11 @@
+export * from './FormControl';
+export * from './FormControlCaption';
+export * from './FormControlDateInput';
+export * from './FormControlFileInput';
+export * from './FormControlHint';
+export * from './FormControlLabel';
+export * from './FormControlModal';
+export * from './FormControlNumberInput';
+export * from './FormControlOtpInput';
+export * from './TextInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/FormControl/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC"}

package/dist/ui/FormControl/index.js

@@ -0,0 +1,10 @@
+export * from './FormControl';
+export * from './FormControlCaption';
+export * from './FormControlDateInput';
+export * from './FormControlFileInput';
+export * from './FormControlHint';
+export * from './FormControlLabel';
+export * from './FormControlModal';
+export * from './FormControlNumberInput';
+export * from './FormControlOtpInput';
+export * from './TextInput';

package/dist/ui/index.d.ts

@@ -7,6 +7,7 @@ export * from './Card';
 export * from './Divider';
 export * from './DocumentViewer';
 export * from './EmptyState';
+export * from './FormControl';
 export * from './Header';
 export * from './ListItem';
 export * from './LucideIcon';

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}

package/dist/ui/index.js

@@ -7,6 +7,7 @@ export * from './Card';
 export * from './Divider';
 export * from './DocumentViewer';
 export * from './EmptyState';
+export * from './FormControl';
 export * from './Header';
 export * from './ListItem';
 export * from './LucideIcon';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "0.42.2",
+  "version": "0.43.0",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -40,6 +40,7 @@
     "@types/react-syntax-highlighter": "^15.5.13",
     "eslint": "^9.39.2",
     "expo": "~53.0.0",
+    "expo-document-picker": "~56.0.4",
     "expo-router": "~4.0.0",
     "jest": "^29.7.0",
     "jest-expo": "~53.0.0",
@@ -49,6 +50,7 @@
     "react-dom": "^19.2.5",
     "react-native": "^0.80.0",
     "react-native-code-highlighter": "1.3.0",
+    "react-native-otp-entry": "1.8.6",
     "react-syntax-highlighter": "16.1.1",
     "react-test-renderer": "^19.2.5",
     "tamagui": "^1.144.4"
@@ -77,6 +79,7 @@
     "@tamagui/toast": "^1.129.0 <2.0.0",
     "@uiw/react-signature": "*",
     "expo-application": "*",
+    "expo-document-picker": "*",
     "expo-constants": "*",
     "expo-image": "*",
     "expo-linear-gradient": "*",
@@ -87,6 +90,7 @@
     "react": "*",
     "react-native": "*",
     "react-native-code-highlighter": "*",
+    "react-native-otp-entry": "*",
     "react-native-safe-area-context": "*",
     "react-native-signature-canvas": "*",
     "react-native-svg": "^15.0.0",