@alveole/components 0.43.2 → 1.0.0

package/dist/ui/TextField/TextField.stories.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../../core';
+import { TextField } from './TextField';
+import { useStyles } from './TextField.styles';
+export default {
+    title: 'TextField',
+    tags: ['ui'],
+    experimental: false,
+    description: "Champ de saisie texte avec label, hint, caption d'erreur et de succès.",
+    component: TextField,
+    styleFn: useStyles,
+};
+export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(TextField, { label: "Label", placeholder: "Placeholder" }), _jsx(TextField, { label: "Avec valeur", value: "Valeur saisie" }), _jsx(TextField, { label: "Avec hint", hint: "Texte d'aide", placeholder: "Placeholder" })] }));
+export const States = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(TextField, { label: "Erreur", placeholder: "Placeholder", error: "Ce champ est requis" }), _jsx(TextField, { label: "Succ\u00E8s", placeholder: "Placeholder", success: "Enregistr\u00E9" }), _jsx(TextField, { label: "D\u00E9sactiv\u00E9", placeholder: "Placeholder", disabled: true }), _jsx(TextField, { label: "D\u00E9sactiv\u00E9 avec valeur", value: "Valeur", disabled: true })] }));
+export * as Sources from './TextField.stories.sources';

package/dist/ui/TextField/TextField.stories.sources.d.ts

@@ -0,0 +1,8 @@
+export declare const Default: () => string;
+export declare const States: () => string;
+export declare const storySources: {
+    readonly Default: () => string;
+    readonly States: () => string;
+};
+export type StorySourceName = keyof typeof storySources;
+//# sourceMappingURL=TextField.stories.sources.d.ts.map

package/dist/ui/TextField/TextField.stories.sources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/TextField/TextField.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA4U,CAAC;AAEjW,eAAO,MAAM,MAAM,cAAgc,CAAC;AAEpd,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/TextField/TextField.stories.sources.js

@@ -0,0 +1,8 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/TextField/TextField.stories.tsx
+export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <TextField label=\"Label\" placeholder=\"Placeholder\" />\n    <TextField label=\"Avec valeur\" value=\"Valeur saisie\" />\n    <TextField label=\"Avec hint\" hint=\"Texte d'aide\" placeholder=\"Placeholder\" />\n  </Box>\n);";
+export const States = () => "export const States = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <TextField label=\"Erreur\" placeholder=\"Placeholder\" error=\"Ce champ est requis\" />\n    <TextField label=\"Succès\" placeholder=\"Placeholder\" success=\"Enregistré\" />\n    <TextField label=\"Désactivé\" placeholder=\"Placeholder\" disabled />\n    <TextField label=\"Désactivé avec valeur\" value=\"Valeur\" disabled />\n  </Box>\n);";
+export const storySources = {
+    Default,
+    States,
+};

package/dist/ui/TextField/TextField.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const useStyles: () => {
+    textField: {};
+};
+//# sourceMappingURL=TextField.styles.d.ts.map

package/dist/ui/TextField/TextField.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/TextField/TextField.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;CAEnB,CAAC"}

package/dist/ui/TextField/TextField.styles.js

@@ -0,0 +1,4 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(() => ({
+    textField: {},
+}));

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

@@ -0,0 +1,2 @@
+export * from './TextField';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/TextField/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/ui/TextField/index.js

@@ -0,0 +1 @@
+export * from './TextField';

package/dist/ui/TextInputArray/TextInputArray.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export type TextInputArrayValue = {
+    value: string;
+    _original: string | null;
+};
+export type TextInputArrayProps = {
+    value?: TextInputArrayValue[];
+    placeholder?: string;
+    addTitle?: string;
+    /** Supprimer les éléments vides à la sortie (par défaut: true) */
+    removeEmpty?: boolean;
+    /** Trim des valeurs à la sortie (par défaut: true) */
+    trim?: boolean;
+    /** Interdire les doublons à la sortie (par défaut: false) */
+    dedupe?: boolean;
+    /** Permet d'interdire la suppression de valeurs (par la valeur _original) */
+    disabledDeleteForOriginals?: string[];
+    onChange?: (value: TextInputArrayValue[]) => void;
+};
+export declare const TextInputArray: (props: TextInputArrayProps) => React.JSX.Element;
+//# sourceMappingURL=TextInputArray.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputArray.d.ts","sourceRoot":"","sources":["../../../src/ui/TextInputArray/TextInputArray.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAIrC,MAAM,MAAM,mBAAmB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAE9E,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sDAAsD;IACtD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6DAA6D;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6EAA6E;IAC7E,0BAA0B,CAAC,EAAE,MAAM,EAAE,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;CACnD,CAAC;AAgCF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBA+ExD,CAAC"}

package/dist/ui/TextInputArray/TextInputArray.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button } from '@alveole/components';
+import React, { useId } from 'react';
+import { InputButtonAdornment } from '../InputButtonAdornment';
+import { TextField } from '../TextField';
+function normalizeOut(items, { trim = true, removeEmpty = true, dedupe = false }) {
+    let out = items.map(i => ({ value: trim ? i.value.trim() : i.value, _original: i._original }));
+    if (removeEmpty)
+        out = out.filter(v => v.value.trim().length > 0);
+    if (dedupe) {
+        const seen = new Set();
+        const uniq = [];
+        for (const v of out) {
+            if (seen.has(v.value))
+                continue;
+            seen.add(v.value);
+            uniq.push(v);
+        }
+        out = uniq;
+    }
+    return out;
+}
+function useTextFieldId(prefix) {
+    const n = React.useRef(0);
+    return React.useCallback(() => `${prefix}-${++n.current}`, [prefix]);
+}
+export const TextInputArray = (props) => {
+    const { value = [], onChange, placeholder, removeEmpty = true, trim = true, dedupe = false, addTitle = 'Ajouter un élément', disabledDeleteForOriginals = [], } = props;
+    const reactId = useId();
+    const makeId = useTextFieldId(reactId);
+    const [items, setItems] = React.useState(() => (value.length ? value : []).map(v => ({ id: makeId(), ...v })));
+    const emit = React.useCallback((next) => {
+        setItems(next);
+        onChange?.(normalizeOut(next, { trim, removeEmpty, dedupe }));
+    }, [onChange, trim, removeEmpty, dedupe]);
+    const addItem = React.useCallback((atIndex) => {
+        const next = [...items];
+        const idx = typeof atIndex === 'number' ? Math.max(0, Math.min(atIndex + 1, next.length)) : next.length;
+        next.splice(idx, 0, { id: makeId(), value: '', _original: null });
+        emit(next);
+    }, [items, emit, makeId]);
+    const removeItem = React.useCallback((id) => {
+        const next = items.filter(it => it.id !== id);
+        if (next.length === 0)
+            next.push({ id: makeId(), value: '', _original: null });
+        emit(next);
+    }, [items, emit, makeId]);
+    const updateItem = React.useCallback((id, value) => {
+        const next = items.map(it => (it.id === id ? { ...it, value } : it));
+        emit(next);
+    }, [items, emit]);
+    return (_jsxs(Box, { tag: "text-input-array", children: [items.map(item => (_jsx(TextField, { label: "", placeholder: placeholder, type: "text", autoCapitalize: "words", value: item.value, onChangeText: (txt) => updateItem(item.id, txt), endAdornment: item._original != null && disabledDeleteForOriginals.includes(item._original) ? undefined : (_jsx(InputButtonAdornment, { icon: "X", position: "end", onPress: () => removeItem(item.id) })), onBlur: () => emit(items) }, item.id))), _jsx(Box, { display: "flex", flexDirection: "row", pt: '100', justify: 'flex-start', children: _jsx(Button, { variant: "tertiary", startIcon: "Plus", title: addTitle, onPress: () => addItem() }) })] }));
+};

package/dist/ui/TextInputArray/TextInputArray.stories.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: false;
+    description: string;
+    component: (props: import("./TextInputArray").TextInputArrayProps) => import("react").JSX.Element;
+    styleFn: () => {};
+};
+export default _default;
+export declare const Default: () => import("react").JSX.Element;
+export declare const WithInitialValues: () => import("react").JSX.Element;
+export * as Sources from './TextInputArray.stories.sources';
+//# sourceMappingURL=TextInputArray.stories.d.ts.map

package/dist/ui/TextInputArray/TextInputArray.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputArray.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/TextInputArray/TextInputArray.stories.tsx"],"names":[],"mappings":";;;;;;;;AAKA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAYnB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAU7B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,kCAAkC,CAAC"}

package/dist/ui/TextInputArray/TextInputArray.stories.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box } from '../../core';
+import { TextInputArray } from './TextInputArray';
+export default {
+    title: 'TextInputArray',
+    tags: ['ui'],
+    experimental: false,
+    description: 'Liste dynamique de champs texte avec ajout et suppression.',
+    component: TextInputArray,
+    styleFn: () => ({}),
+};
+export const Default = () => {
+    const [values, setValues] = useState([]);
+    return (_jsx(Box, { children: _jsx(TextInputArray, { placeholder: "Saisir une valeur...", addTitle: "Ajouter un \u00E9l\u00E9ment", value: values, onChange: setValues }) }));
+};
+export const WithInitialValues = () => {
+    const [values, setValues] = useState([
+        { value: 'Élément 1', _original: 'Élément 1' },
+        { value: 'Élément 2', _original: 'Élément 2' },
+    ]);
+    return (_jsx(Box, { children: _jsx(TextInputArray, { placeholder: "Saisir une valeur...", value: values, onChange: setValues }) }));
+};
+export * as Sources from './TextInputArray.stories.sources';

package/dist/ui/TextInputArray/TextInputArray.stories.sources.d.ts

@@ -0,0 +1,8 @@
+export declare const Default: () => string;
+export declare const WithInitialValues: () => string;
+export declare const storySources: {
+    readonly Default: () => string;
+    readonly WithInitialValues: () => string;
+};
+export type StorySourceName = keyof typeof storySources;
+//# sourceMappingURL=TextInputArray.stories.sources.d.ts.map

package/dist/ui/TextInputArray/TextInputArray.stories.sources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputArray.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/TextInputArray/TextInputArray.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAwU,CAAC;AAE7V,eAAO,MAAM,iBAAiB,cAAqX,CAAC;AAEpZ,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/TextInputArray/TextInputArray.stories.sources.js

@@ -0,0 +1,8 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/TextInputArray/TextInputArray.stories.tsx
+export const Default = () => "export const Default = () => {\n  const [values, setValues] = useState<TextInputArrayValue[]>([]);\n  return (\n    <Box>\n      <TextInputArray\n        placeholder=\"Saisir une valeur...\"\n        addTitle=\"Ajouter un élément\"\n        value={values}\n        onChange={setValues}\n      />\n    </Box>\n  );\n};";
+export const WithInitialValues = () => "export const WithInitialValues = () => {\n  const [values, setValues] = useState<TextInputArrayValue[]>([\n    { value: 'Élément 1', _original: 'Élément 1' },\n    { value: 'Élément 2', _original: 'Élément 2' },\n  ]);\n  return (\n    <Box>\n      <TextInputArray placeholder=\"Saisir une valeur...\" value={values} onChange={setValues} />\n    </Box>\n  );\n};";
+export const storySources = {
+    Default,
+    WithInitialValues,
+};

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

@@ -0,0 +1,2 @@
+export * from './TextInputArray';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/TextInputArray/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/ui/TextInputArray/index.js

@@ -0,0 +1 @@
+export * from './TextInputArray';

package/dist/ui/TextareaField/TextareaField.d.ts

@@ -0,0 +1,22 @@
+import { FormControlCaptionProps, FormControlHintProps, FormControlLabelProps, TextInputProps } from '@alveole/components';
+import React from 'react';
+export type TextareaFieldProps = TextInputProps & FormControlLabelProps & FormControlHintProps & FormControlCaptionProps & {
+    onChange?: TextInputProps['onChangeText'];
+    numberOfLines?: number;
+};
+export declare const TextareaField: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
+    disabled?: boolean;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    openModal?: boolean;
+    modalSubmitLabel?: string;
+    onModalSubmit?: () => void;
+} & {
+    label: string;
+    labelRight?: React.ReactNode;
+    disabled?: boolean;
+} & FormControlCaptionProps & FormControlHintProps & {
+    onChange?: TextInputProps["onChangeText"];
+    numberOfLines?: number;
+} & React.RefAttributes<import("react-native").TextInput>>;
+//# sourceMappingURL=TextareaField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaField.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaField/TextareaField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EAGrB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAC7C,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEJ,eAAO,MAAM,aAAa;;;;;;;;;;;;eAJX,cAAc,CAAC,cAAc,CAAC;oBACzB,MAAM;0DAoBxB,CAAC"}

package/dist/ui/TextareaField/TextareaField.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormControlCaption, FormControlHint, FormControlLabel, InputHeading, } from '@alveole/components';
+import React from 'react';
+import { TextareaInput } from '../TextareaInput';
+export const TextareaField = React.forwardRef(function TextareaField(props, ref) {
+    const { label, labelRight, hint, error, success, disabled, onChange, onModalSubmit, onFocus } = props;
+    return (_jsxs(FormControl, { children: [_jsxs(InputHeading, { children: [label && (_jsx(FormControlLabel, { labelRight: labelRight, label: label, disabled: disabled, error: error, success: success })), hint && _jsx(FormControlHint, { hint: hint, disabled: disabled })] }), _jsx(TextareaInput, { ref: ref, onChangeText: onChange, onModalSubmit: onModalSubmit, onFocus: onFocus, ...props }), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] }));
+});

package/dist/ui/TextareaField/TextareaField.stories.d.ts

@@ -0,0 +1,26 @@
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: false;
+    description: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
+        disabled?: boolean;
+        startAdornment?: React.ReactNode;
+        endAdornment?: React.ReactNode;
+        openModal?: boolean;
+        modalSubmitLabel?: string;
+        onModalSubmit?: () => void;
+    } & {
+        label: string;
+        labelRight?: React.ReactNode;
+        disabled?: boolean;
+    } & import("..").FormControlCaptionProps & import("..").FormControlHintProps & {
+        onChange?: import("..").TextInputProps["onChangeText"];
+        numberOfLines?: number;
+    } & import("react").RefAttributes<import("react-native").TextInput>>;
+    styleFn: () => {};
+};
+export default _default;
+export declare const Default: () => import("react").JSX.Element;
+export * as Sources from './TextareaField.stories.sources';
+//# sourceMappingURL=TextareaField.stories.d.ts.map

package/dist/ui/TextareaField/TextareaField.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaField.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaField/TextareaField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,iCAAiC,CAAC"}

package/dist/ui/TextareaField/TextareaField.stories.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../../core';
+import { TextareaField } from './TextareaField';
+export default {
+    title: 'TextareaField',
+    tags: ['ui'],
+    experimental: false,
+    description: 'Champ textarea multiline avec label.',
+    component: TextareaField,
+    styleFn: () => ({}),
+};
+export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(TextareaField, { label: "Message", placeholder: "Votre message...", numberOfLines: 4 }), _jsx(TextareaField, { label: "Avec erreur", placeholder: "Votre message...", error: "Ce champ est requis", numberOfLines: 4 }), _jsx(TextareaField, { label: "D\u00E9sactiv\u00E9", value: "Message existant", disabled: true, numberOfLines: 4 })] }));
+export * as Sources from './TextareaField.stories.sources';

package/dist/ui/TextareaField/TextareaField.stories.sources.d.ts

@@ -0,0 +1,6 @@
+export declare const Default: () => string;
+export declare const storySources: {
+    readonly Default: () => string;
+};
+export type StorySourceName = keyof typeof storySources;
+//# sourceMappingURL=TextareaField.stories.sources.d.ts.map

package/dist/ui/TextareaField/TextareaField.stories.sources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaField.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaField/TextareaField.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA8a,CAAC;AAEnc,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/TextareaField/TextareaField.stories.sources.js

@@ -0,0 +1,6 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/TextareaField/TextareaField.stories.tsx
+export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <TextareaField label=\"Message\" placeholder=\"Votre message...\" numberOfLines={4} />\n    <TextareaField label=\"Avec erreur\" placeholder=\"Votre message...\" error=\"Ce champ est requis\" numberOfLines={4} />\n    <TextareaField label=\"Désactivé\" value=\"Message existant\" disabled numberOfLines={4} />\n  </Box>\n);";
+export const storySources = {
+    Default,
+};

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

@@ -0,0 +1,2 @@
+export * from './TextareaField';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaField/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/ui/TextareaField/index.js

@@ -0,0 +1 @@
+export * from './TextareaField';

package/dist/ui/TextareaInput/TextareaInput.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { TextFieldProps } from '../TextField';
+export type TextareaInputProps = TextFieldProps & {
+    numberOfLines?: number;
+    onModalSubmit?: () => void;
+};
+export declare const TextareaInput: React.ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
+    disabled?: boolean;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    openModal?: boolean;
+    modalSubmitLabel?: string;
+    onModalSubmit?: () => void;
+} & {
+    label: string;
+    labelRight?: React.ReactNode;
+    disabled?: boolean;
+} & import("@alveole/components").FormControlCaptionProps & import("@alveole/components").FormControlHintProps & {
+    type?: "text" | "hidden";
+    onChange?: import("@alveole/components").TextInputProps["onChangeText"];
+} & {
+    numberOfLines?: number;
+    onModalSubmit?: () => void;
+} & React.RefAttributes<import("react-native").TextInput>>;
+//# sourceMappingURL=TextareaInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaInput.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,kBAAkB,GAAG,cAAc,GAAG;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oBAJR,MAAM;oBACN,MAAM,IAAI;0DAoB3B,CAAC"}

package/dist/ui/TextareaInput/TextareaInput.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TextInput } from '@alveole/components';
+import React from 'react';
+export const TextareaInput = React.forwardRef(function TextareaInput(props, ref) {
+    const { numberOfLines = 5, multiline = true, onModalSubmit, onFocus, openModal, modalSubmitLabel, ...rest } = props;
+    return (_jsx(TextInput, { ref: ref, multiline: multiline, numberOfLines: numberOfLines, ...rest, openModal: openModal ?? true, modalSubmitLabel: modalSubmitLabel ?? 'Valider', onModalSubmit: onModalSubmit, onFocus: onFocus }));
+});

package/dist/ui/TextareaInput/TextareaInput.stories.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: false;
+    description: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react-native").TextInputProps, "style"> & {
+        disabled?: boolean;
+        startAdornment?: React.ReactNode;
+        endAdornment?: React.ReactNode;
+        openModal?: boolean;
+        modalSubmitLabel?: string;
+        onModalSubmit?: () => void;
+    } & {
+        label: string;
+        labelRight?: React.ReactNode;
+        disabled?: boolean;
+    } & import("..").FormControlCaptionProps & import("..").FormControlHintProps & {
+        type?: "text" | "hidden";
+        onChange?: import("..").TextInputProps["onChangeText"];
+    } & {
+        numberOfLines?: number;
+        onModalSubmit?: () => void;
+    } & import("react").RefAttributes<import("react-native").TextInput>>;
+    styleFn: () => {};
+};
+export default _default;
+export declare const Default: () => import("react").JSX.Element;
+export * as Sources from './TextareaInput.stories.sources';
+//# sourceMappingURL=TextareaInput.stories.d.ts.map

package/dist/ui/TextareaInput/TextareaInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaInput.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,iCAAiC,CAAC"}

package/dist/ui/TextareaInput/TextareaInput.stories.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../../core';
+import { TextareaInput } from './TextareaInput';
+export default {
+    title: 'TextareaInput',
+    tags: ['ui'],
+    experimental: false,
+    description: 'Input multiline. Étend TextField avec multiline activé par défaut.',
+    component: TextareaInput,
+    styleFn: () => ({}),
+};
+export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(TextareaInput, { label: "Message", placeholder: "Votre message...", numberOfLines: 4 }), _jsx(TextareaInput, { label: "Avec valeur", value: "Contenu du message", numberOfLines: 4 }), _jsx(TextareaInput, { label: "D\u00E9sactiv\u00E9", placeholder: "D\u00E9sactiv\u00E9", disabled: true, numberOfLines: 4 })] }));
+export * as Sources from './TextareaInput.stories.sources';

package/dist/ui/TextareaInput/TextareaInput.stories.sources.d.ts

@@ -0,0 +1,6 @@
+export declare const Default: () => string;
+export declare const storySources: {
+    readonly Default: () => string;
+};
+export type StorySourceName = keyof typeof storySources;
+//# sourceMappingURL=TextareaInput.stories.sources.d.ts.map

package/dist/ui/TextareaInput/TextareaInput.stories.sources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/TextareaInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA2Y,CAAC;AAEha,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/TextareaInput/TextareaInput.stories.sources.js

@@ -0,0 +1,6 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/TextareaInput/TextareaInput.stories.tsx
+export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <TextareaInput label=\"Message\" placeholder=\"Votre message...\" numberOfLines={4} />\n    <TextareaInput label=\"Avec valeur\" value=\"Contenu du message\" numberOfLines={4} />\n    <TextareaInput label=\"Désactivé\" placeholder=\"Désactivé\" disabled numberOfLines={4} />\n  </Box>\n);";
+export const storySources = {
+    Default,
+};

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

@@ -0,0 +1,2 @@
+export * from './TextareaInput';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/TextareaInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/ui/TextareaInput/index.js

@@ -0,0 +1 @@
+export * from './TextareaInput';

package/dist/ui/Toast/Toast.d.ts

@@ -1,5 +1,16 @@
-import React from 'react';
 import { BoxProps } from '../../core';
+import { LucideIconProps } from '../LucideIcon';
+import type { ToastAPIOptions } from './ToastContext';
+type ToastVariant = NonNullable<ToastAPIOptions['variant']>;
+export type ToastViewProps = {
+    title: string;
+    message?: string;
+    variant?: ToastVariant;
+    icon?: LucideIconProps['name'];
+    onClose?: () => void;
+};
+export declare function ToastView({ title, message, variant, icon, onClose }: ToastViewProps): import("react").JSX.Element;
 export type ToastProps = Omit<BoxProps, 'children'>;
-export declare function Toast(): React.JSX.Element | null;
+export declare function Toast(): import("react").JSX.Element | null;
+export {};
 //# sourceMappingURL=Toast.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAc,MAAM,YAAY,CAAC;AAIvD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAEpD,wBAAgB,KAAK,6BA4EpB"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,QAAQ,EAAc,MAAM,YAAY,CAAC;AACvD,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,KAAK,YAAY,GAAG,WAAW,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAmB,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,cAAc,+BAqB/F;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAEpD,wBAAgB,KAAK,uCAyBpB"}

package/dist/ui/Toast/Toast.js

@@ -1,48 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Toast as TamaguiToast, useToastController, useToastState } from '@tamagui/toast';
-import React from 'react';
 import { Pressable } from 'react-native';
 import { Box, Typography } from '../../core';
 import { LucideIcon } from '../LucideIcon';
 import { useStyles } from './Toast.styles';
+import { ToastType } from './ToastType';
+export function ToastView({ title, message, variant = 'default', icon, onClose }) {
+    const styles = useStyles();
+    return (_jsxs(Box, { style: styles.container, children: [_jsx(ToastType, { variant: variant, icon: icon }), _jsxs(Box, { style: styles.contenu, children: [_jsxs(Box, { style: styles.titleContainer, children: [_jsx(Typography, { style: styles.title, children: title }), _jsx(Pressable, { onPress: onClose, children: _jsx(LucideIcon, { name: "X", size: "md" }) })] }), message && (_jsx(Box, { children: _jsx(Typography, { style: styles.message, children: message }) }))] })] }));
+}
 export function Toast() {
     const toast = useToastState();
     const controller = useToastController();
     const styles = useStyles();
-    const variant = toast?.customData?.variant ?? 'default';
-    const icon = toast?.customData?.icon;
-    const iconColor = React.useMemo(() => {
-        switch (variant) {
-            case 'default':
-                return styles.iconDefault.color;
-            case 'success':
-                return styles.iconSuccess.color;
-            case 'error':
-                return styles.iconError.color;
-            case 'info':
-                return styles.iconInfo.color;
-            default:
-                ((_) => { })(variant);
-        }
-    }, [styles, variant]);
-    const iconName = React.useMemo(() => {
-        if (icon)
-            return icon;
-        switch (variant) {
-            case 'default':
-                return null;
-            case 'success':
-                return 'BadgeCheck';
-            case 'error':
-                return 'BadgeX';
-            case 'info':
-                return 'BadgeInfo';
-            default:
-                ((_) => { })(variant);
-        }
-        return null;
-    }, [icon, variant]);
     if (!toast)
         return null;
-    return (_jsxs(TamaguiToast, { style: styles.container, duration: toast.duration, enterStyle: { opacity: 0, y: 10, scale: 0.98 }, exitStyle: { opacity: 0, y: 10, scale: 0.98 }, viewportName: "app-toasts", children: [iconName && (_jsx(Box, { style: styles.icon, children: _jsx(LucideIcon, { color: iconColor, name: iconName, size: "sm" }) })), _jsxs(Box, { style: styles.contenu, children: [_jsxs(Box, { style: styles.titleContainer, children: [_jsx(Typography, { style: styles.title, children: toast.title }), _jsx(Pressable, { onPress: () => controller.hide(), children: _jsx(LucideIcon, { name: "X", size: "md" }) })] }), toast.message && (_jsx(Box, { children: _jsx(Typography, { style: styles.message, children: toast.message }) }))] })] }, toast.id));
+    return (_jsx(TamaguiToast, { duration: toast.duration, enterStyle: { opacity: 0, y: 10, scale: 0.98 }, exitStyle: { opacity: 0, y: 10, scale: 0.98 }, viewportName: "app-toasts", style: styles.container, children: _jsx(ToastView, { title: toast.title, message: toast.message, variant: toast.customData?.variant ?? 'default', icon: toast.customData?.icon, onClose: () => controller.hide() }) }, toast.id));
 }