@alveole/components 2.0.0-alpha.12 → 2.0.0-alpha.13

package/dist/ui/Checkbox/Checkbox.stories.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Platform } from 'react-native';
 import { Box } from '../../core/Box';
 import { Checkbox } from './Checkbox';
 import { useStyles } from './Checkbox.styles';
@@ -10,6 +11,6 @@ export default {
     component: Checkbox,
     styleFn: useStyles,
 };
-export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(Checkbox, { label: "Non coch\u00E9" }), _jsx(Checkbox, { label: "Coch\u00E9", checked: true }), _jsx(Checkbox, { label: "D\u00E9sactiv\u00E9", disabled: true }), _jsx(Checkbox, { label: "Coch\u00E9 d\u00E9sactiv\u00E9", checked: true, disabled: true }), _jsx(Checkbox, { label: "Avec erreur", error: "Vous devez accepter les conditions" }), _jsx(Checkbox, { label: "Avec succ\u00E8s", success: "Valid\u00E9" })] }));
-export const Sizes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 16, children: [_jsx(Checkbox, { label: "Size MD", size: "md" }), _jsx(Checkbox, { label: "Size SM", size: "sm" })] }));
+export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, style: Platform.OS === 'web' ? undefined : { alignSelf: 'stretch' }, children: [_jsx(Checkbox, { label: "Non coch\u00E9" }), _jsx(Checkbox, { label: "Coch\u00E9", checked: true }), _jsx(Checkbox, { label: "D\u00E9sactiv\u00E9", disabled: true }), _jsx(Checkbox, { label: "Coch\u00E9 d\u00E9sactiv\u00E9", checked: true, disabled: true }), _jsx(Checkbox, { label: "Avec erreur", error: "Vous devez accepter les conditions" }), _jsx(Checkbox, { label: "Avec succ\u00E8s", success: "Valid\u00E9" })] }));
+export const Sizes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 16, style: Platform.OS === 'web' ? undefined : { alignSelf: 'stretch', flexWrap: 'wrap' }, children: [_jsx(Checkbox, { label: "Size MD", size: "md" }), _jsx(Checkbox, { label: "Size SM", size: "sm" })] }));
 export * as Sources from './Checkbox.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA+b,CAAC;AAEpd,eAAO,MAAM,KAAK,cAA8M,CAAC;AAEjO,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Checkbox.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA4hB,CAAC;AAEjjB,eAAO,MAAM,KAAK,cAA6T,CAAC;AAEhV,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,7 +1,7 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/Checkbox/Checkbox.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <Checkbox label=\"Non coché\" />\n    <Checkbox label=\"Coché\" checked />\n    <Checkbox label=\"Désactivé\" disabled />\n    <Checkbox label=\"Coché désactivé\" checked disabled />\n    <Checkbox label=\"Avec erreur\" error=\"Vous devez accepter les conditions\" />\n    <Checkbox label=\"Avec succès\" success=\"Validé\" />\n  </Box>\n);";
-export const Sizes = () => "export const Sizes = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={16}>\n    <Checkbox label=\"Size MD\" size=\"md\" />\n    <Checkbox label=\"Size SM\" size=\"sm\" />\n  </Box>\n);";
+export const Default = () => "export const Default = () => (\n  <Box\n    display=\"flex\"\n    flexDirection=\"column\"\n    gap={24}\n    style={Platform.OS === 'web' ? undefined : { alignSelf: 'stretch' }}\n  >\n    <Checkbox label=\"Non coché\" />\n    <Checkbox label=\"Coché\" checked />\n    <Checkbox label=\"Désactivé\" disabled />\n    <Checkbox label=\"Coché désactivé\" checked disabled />\n    <Checkbox label=\"Avec erreur\" error=\"Vous devez accepter les conditions\" />\n    <Checkbox label=\"Avec succès\" success=\"Validé\" />\n  </Box>\n);";
+export const Sizes = () => "export const Sizes = () => (\n  <Box\n    display=\"flex\"\n    flexDirection=\"row\"\n    gap={16}\n    style={Platform.OS === 'web' ? undefined : { alignSelf: 'stretch', flexWrap: 'wrap' }}\n  >\n    <Checkbox label=\"Size MD\" size=\"md\" />\n    <Checkbox label=\"Size SM\" size=\"sm\" />\n  </Box>\n);";
 export const storySources = {
     Default,
     Sizes,

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

@@ -7,7 +7,7 @@ export declare const useStyles: () => {
         letterSpacing: 0;
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
-        width: "100%";
+        width?: "100%" | undefined;
     };
     labelSm: {
         fontSize: 14;
@@ -27,6 +27,7 @@ export declare const useStyles: () => {
         color: string;
     };
     checkbox: {
+        flexShrink: number;
         height: import("@alveole/theme").Spacing;
         width: import("@alveole/theme").Spacing;
         backgroundColor: "transparent";

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AAkFA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAuF,CAAC"}
+{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AAoFA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAuF,CAAC"}

package/dist/ui/Checkbox/Checkbox.styles.js

@@ -1,4 +1,5 @@
 import { makeStyles } from '@alveole/theme';
+import { Platform } from 'react-native';
 import { sansEstompage } from '../../core/styleTamagui/sansEstompage';
 const coque = ({ spacing }) => ({
     checkboxContainer: {
@@ -13,6 +14,7 @@ const coque = ({ spacing }) => ({
 });
 const caseACocher = ({ color, spacingValue, radius }) => ({
     checkbox: {
+        flexShrink: 0,
         height: spacingValue('150'),
         width: spacingValue('150'),
         backgroundColor: 'transparent',
@@ -47,7 +49,7 @@ const caseACocher = ({ color, spacingValue, radius }) => ({
 });
 const libelle = ({ text, color }) => ({
     label: {
-        width: '100%',
+        ...(Platform.OS === 'web' && { width: '100%' }),
         ...text['Corps de texte'].MD.Regular,
         cursor: 'pointer',
         color: color.text['label-grey'],

package/dist/ui/Checkbox/CheckboxLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxLabel.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/CheckboxLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGrD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAuB,MAAM,kBAAkB,CAAC;AAEtF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,mDAAmD;IACnD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,GAAG,UAAU,gCAuBnE,CAAC"}
+{"version":3,"file":"CheckboxLabel.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/CheckboxLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGrD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAuB,MAAM,kBAAkB,CAAC;AAEtF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,mDAAmD;IACnD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,GAAG,UAAU,gCA4BnE,CAAC"}

package/dist/ui/Checkbox/CheckboxLabel.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Platform } from 'react-native';
 import { Label } from 'tamagui/unstyled';
 import { Typography } from '../../core/Typography';
 import { useStyles } from './Checkbox.styles';
@@ -7,7 +8,7 @@ export const CheckboxLabel = (props) => {
     const { size, variant, disabled, error, success, label, ...labelProps } = props;
     const styles = useStyles();
     const resolvedSize = resolveCheckboxSize(size, variant);
-    return (_jsx(Label, { disabled: disabled, ...labelProps, width: '100%', children: _jsx(Typography, { style: {
+    return (_jsx(Label, { disabled: disabled, ...labelProps, width: Platform.OS === 'web' ? '100%' : undefined, flexShrink: Platform.OS === 'web' ? undefined : 1, children: _jsx(Typography, { style: {
                 ...styles.label,
                 ...(resolvedSize === 'sm' ? styles.labelSm : {}),
                 ...(disabled ? styles.labelDisabled : {}),

package/dist/ui/DocumentViewer/DocumentViewer.stories.js

@@ -12,8 +12,8 @@ export default {
     component: DocumentViewer,
     styleFn: useStyles,
 };
-export const DocumentImageEx = () => (_jsx(Box, { maxW: 500, height: 500, children: _jsx(DocumentViewer, { title: "Document image", type: "image", source: "https://picsum.photos/1000/2000", height: "100%" }) }));
-export const DocumentPdf = () => (_jsx(Box, { height: 400, maxW: 500, children: _jsx(DocumentViewer, { title: "Document PDF", type: "pdf", source: "https://upload.wikimedia.org/wikipedia/commons/4/4e/Wikip%C3%A9dia.pdf", height: "100%" }) }));
-export const DocumentPdfError = () => (_jsx(Box, { height: 400, maxW: 500, children: _jsx(DocumentViewer, { title: "Document PDF en erreur", type: "pdf", source: "https://example.com/document-inexistant.pdf", height: "100%" }) }));
-export const WithChildren = () => (_jsx(Box, { height: 600, children: _jsx(DocumentViewer, { title: "Document PDF", type: "pdf", source: "https://upload.wikimedia.org/wikipedia/commons/4/4e/Wikip%C3%A9dia.pdf", height: "100%", children: _jsx(Box, { p: '2W', children: _jsx(Typography, { children: "Contenu enfant" }) }) }) }));
+export const DocumentImageEx = () => (_jsx(Box, { width: "100%", maxW: 500, height: 500, children: _jsx(DocumentViewer, { title: "Document image", type: "image", source: "https://picsum.photos/1000/2000", height: "100%" }) }));
+export const DocumentPdf = () => (_jsx(Box, { width: "100%", height: 400, maxW: 500, children: _jsx(DocumentViewer, { title: "Document PDF", type: "pdf", source: "https://upload.wikimedia.org/wikipedia/commons/4/4e/Wikip%C3%A9dia.pdf", height: "100%" }) }));
+export const DocumentPdfError = () => (_jsx(Box, { width: "100%", height: 400, maxW: 500, children: _jsx(DocumentViewer, { title: "Document PDF en erreur", type: "pdf", source: "https://example.com/document-inexistant.pdf", height: "100%" }) }));
+export const WithChildren = () => (_jsx(Box, { width: "100%", height: 600, children: _jsx(DocumentViewer, { title: "Document PDF", type: "pdf", source: "https://upload.wikimedia.org/wikipedia/commons/4/4e/Wikip%C3%A9dia.pdf", height: "100%", children: _jsx(Box, { p: '2W', children: _jsx(Typography, { children: "Contenu enfant" }) }) }) }));
 export * as Sources from './DocumentViewer.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentViewer.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,cAA2N,CAAC;AAExP,eAAO,MAAM,WAAW,cAA2R,CAAC;AAEpT,eAAO,MAAM,gBAAgB,cAA+Q,CAAC;AAE7S,eAAO,MAAM,YAAY,cAA4X,CAAC;AAEtZ,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"DocumentViewer.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/DocumentViewer/DocumentViewer.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,cAA0O,CAAC;AAEvQ,eAAO,MAAM,WAAW,cAA0S,CAAC;AAEnU,eAAO,MAAM,gBAAgB,cAA8R,CAAC;AAE5T,eAAO,MAAM,YAAY,cAA2Y,CAAC;AAEra,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,9 +1,9 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/DocumentViewer/DocumentViewer.stories.tsx
-export const DocumentImageEx = () => "export const DocumentImageEx = () => (\n  <Box maxW={500} height={500}>\n    <DocumentViewer title=\"Document image\" type=\"image\" source=\"https://picsum.photos/1000/2000\" height=\"100%\" />\n  </Box>\n);";
-export const DocumentPdf = () => "export const DocumentPdf = () => (\n  <Box height={400} maxW={500}>\n    <DocumentViewer\n      title=\"Document PDF\"\n      type=\"pdf\"\n      source=\"https://upload.wikimedia.org/wikipedia/commons/4/4e/Wikip%C3%A9dia.pdf\"\n      height=\"100%\"\n    />\n  </Box>\n);";
-export const DocumentPdfError = () => "export const DocumentPdfError = () => (\n  <Box height={400} maxW={500}>\n    <DocumentViewer\n      title=\"Document PDF en erreur\"\n      type=\"pdf\"\n      source=\"https://example.com/document-inexistant.pdf\"\n      height=\"100%\"\n    />\n  </Box>\n);";
-export const WithChildren = () => "export const WithChildren = () => (\n  <Box height={600}>\n    <DocumentViewer\n      title=\"Document PDF\"\n      type=\"pdf\"\n      source=\"https://upload.wikimedia.org/wikipedia/commons/4/4e/Wikip%C3%A9dia.pdf\"\n      height=\"100%\"\n    >\n      <Box p={'2W'}>\n        <Typography>Contenu enfant</Typography>\n      </Box>\n    </DocumentViewer>\n  </Box>\n);";
+export const DocumentImageEx = () => "export const DocumentImageEx = () => (\n  <Box width=\"100%\" maxW={500} height={500}>\n    <DocumentViewer title=\"Document image\" type=\"image\" source=\"https://picsum.photos/1000/2000\" height=\"100%\" />\n  </Box>\n);";
+export const DocumentPdf = () => "export const DocumentPdf = () => (\n  <Box width=\"100%\" height={400} maxW={500}>\n    <DocumentViewer\n      title=\"Document PDF\"\n      type=\"pdf\"\n      source=\"https://upload.wikimedia.org/wikipedia/commons/4/4e/Wikip%C3%A9dia.pdf\"\n      height=\"100%\"\n    />\n  </Box>\n);";
+export const DocumentPdfError = () => "export const DocumentPdfError = () => (\n  <Box width=\"100%\" height={400} maxW={500}>\n    <DocumentViewer\n      title=\"Document PDF en erreur\"\n      type=\"pdf\"\n      source=\"https://example.com/document-inexistant.pdf\"\n      height=\"100%\"\n    />\n  </Box>\n);";
+export const WithChildren = () => "export const WithChildren = () => (\n  <Box width=\"100%\" height={600}>\n    <DocumentViewer\n      title=\"Document PDF\"\n      type=\"pdf\"\n      source=\"https://upload.wikimedia.org/wikipedia/commons/4/4e/Wikip%C3%A9dia.pdf\"\n      height=\"100%\"\n    >\n      <Box p={'2W'}>\n        <Typography>Contenu enfant</Typography>\n      </Box>\n    </DocumentViewer>\n  </Box>\n);";
 export const storySources = {
     DocumentImageEx,
     DocumentPdf,

package/dist/ui/FormControl/OtpInput.stories.js

@@ -11,5 +11,5 @@ export default {
     component: OtpInput,
     styleFn: useStyles,
 };
-export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(FormControl, { label: "Code de v\u00E9rification", children: _jsx(OtpInput, { onChange: () => { } }) }), _jsx(FormControl, { label: "Avec erreur", error: "Code invalide", children: _jsx(OtpInput, { onChange: () => { }, error: "Code invalide" }) }), _jsx(FormControl, { label: "Avec succ\u00E8s", success: "Code v\u00E9rifi\u00E9", children: _jsx(OtpInput, { onChange: () => { }, success: "Code v\u00E9rifi\u00E9" }) }), _jsx(FormControl, { label: "D\u00E9sactiv\u00E9", disabled: true, children: _jsx(OtpInput, { onChange: () => { }, disabled: true }) })] }));
+export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(FormControl, { label: "Code de v\u00E9rification", children: _jsx(OtpInput, { numberOfDigits: 4, onChange: () => { } }) }), _jsx(FormControl, { label: "Avec erreur", error: "Code invalide", children: _jsx(OtpInput, { numberOfDigits: 4, onChange: () => { }, error: "Code invalide" }) }), _jsx(FormControl, { label: "Avec succ\u00E8s", success: "Code v\u00E9rifi\u00E9", children: _jsx(OtpInput, { numberOfDigits: 4, onChange: () => { }, success: "Code v\u00E9rifi\u00E9" }) }), _jsx(FormControl, { label: "D\u00E9sactiv\u00E9", disabled: true, children: _jsx(OtpInput, { numberOfDigits: 4, onChange: () => { }, disabled: true }) })] }));
 export * as Sources from './OtpInput.stories.sources';

package/dist/ui/FormControl/OtpInput.stories.sources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OtpInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/OtpInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAkoB,CAAC;AAEvpB,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"OtpInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/OtpInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA8sB,CAAC;AAEnuB,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/FormControl/OtpInput.stories.sources.js

@@ -1,6 +1,6 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/FormControl/OtpInput.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <FormControl label=\"Code de vérification\">\n      <OtpInput onChange={() => {}} />\n    </FormControl>\n    <FormControl label=\"Avec erreur\" error=\"Code invalide\">\n      <OtpInput onChange={() => {}} error=\"Code invalide\" />\n    </FormControl>\n    <FormControl label=\"Avec succès\" success=\"Code vérifié\">\n      <OtpInput onChange={() => {}} success=\"Code vérifié\" />\n    </FormControl>\n    <FormControl label=\"Désactivé\" disabled>\n      <OtpInput onChange={() => {}} disabled />\n    </FormControl>\n  </Box>\n);";
+export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <FormControl label=\"Code de vérification\">\n      <OtpInput numberOfDigits={4} onChange={() => {}} />\n    </FormControl>\n    <FormControl label=\"Avec erreur\" error=\"Code invalide\">\n      <OtpInput numberOfDigits={4} onChange={() => {}} error=\"Code invalide\" />\n    </FormControl>\n    <FormControl label=\"Avec succès\" success=\"Code vérifié\">\n      <OtpInput numberOfDigits={4} onChange={() => {}} success=\"Code vérifié\" />\n    </FormControl>\n    <FormControl label=\"Désactivé\" disabled>\n      <OtpInput numberOfDigits={4} onChange={() => {}} disabled />\n    </FormControl>\n  </Box>\n);";
 export const storySources = {
     Default,
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TextInputPassword.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInputPassword.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,qFAAqF;AACrF,eAAO,MAAM,iBAAiB;;;;;;;;;;0DAyB7B,CAAC"}
+{"version":3,"file":"TextInputPassword.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/TextInputPassword.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,qFAAqF;AACrF,eAAO,MAAM,iBAAiB;;;;;;;;;;0DAyB7B,CAAC"}

package/dist/ui/FormControl/TextInputPassword.js

@@ -1,9 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
+import { Platform } from 'react-native';
 import { ButtonIcon } from '../Button';
 import { TextInputInline } from './TextInputInline';
-// Le bouton se colle au bord du champ : ni coins arrondis, ni retrait vertical.
-const boutonAccole = { height: '100%', borderRadius: 0, paddingTop: 0, paddingBottom: 0 };
+// En natif, une hauteur en pourcentage dans ce cadre de hauteur automatique
+// peut étirer toute la saisie. Le bouton y garde la hauteur de son cran.
+const boutonAccole = {
+    ...(Platform.OS === 'web' ? { height: '100%' } : {}),
+    borderRadius: 0,
+    paddingTop: 0,
+    paddingBottom: 0,
+};
 /** Le mot de passe : une saisie ordinaire, masquee, qu'un oeil permet de reveler. */
 export const TextInputPassword = React.forwardRef(function TextInputPassword(props, ref) {
     const [masque, setMasque] = React.useState(true);

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

@@ -26,6 +26,7 @@ export declare const inputFrameStyle: (styles: Styles, state: InputFrameState) =
     paddingLeft?: number | undefined;
     paddingRight?: number | undefined;
     borderColor: string;
+    alignItems?: "center" | undefined;
     display: "flex";
     flexDirection: "row";
     gap: string | number;

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

@@ -1 +1 @@
-{"version":3,"file":"textInputStyles.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/textInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAoB,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAE/C,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,EAAE,OAAO,eAAe;;;;;;;;;;;;;;;CAMpE,CAAC;AAEH,6FAA6F;AAC7F,eAAO,MAAM,cAAc,GACzB,QAAQ,MAAM,EACd,kCAAkC,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,cAAc,CAAC,yBAKxF,CAAC"}
+{"version":3,"file":"textInputStyles.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/textInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAoB,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAE/C,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,EAAE,OAAO,eAAe;;;;;;;;;;;;;;;;CAOpE,CAAC;AAEH,6FAA6F;AAC7F,eAAO,MAAM,cAAc,GACzB,QAAQ,MAAM,EACd,kCAAkC,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,cAAc,CAAC,yBAKxF,CAAC"}

package/dist/ui/FormControl/textInputStyles.js

@@ -14,6 +14,7 @@ import { fieldBorderState } from './fieldBorderState';
  */
 export const inputFrameStyle = (styles, state) => ({
     ...styles.inputInner,
+    ...(!state.multiline ? { alignItems: 'center' } : {}),
     ...fieldBorderState(styles, state),
     ...(state.endAdornment ? { paddingRight: 0 } : {}),
     ...(state.startAdornment ? { paddingLeft: 0 } : {}),

package/dist/ui/RadioGroup/RadioGroup.js

@@ -13,5 +13,5 @@ export const RadioGroup = React.forwardRef(function RadioGroup(props, ref) {
     const { children, value, label, labelRight, hint, error, success, disabled, onChange, variant = 'default', ...groupProps } = props;
     const styles = useStyles();
     const labelId = React.useId();
-    return (_jsx(RadioGroupContext.Provider, { value: { value, onChange }, children: _jsxs(Box, { tag: "radio-group", style: styles.container, children: [_jsxs(Box, { tag: "radio-group-heading", children: [!!label && _jsx(FormControlLabel, { id: labelId, labelRight: labelRight, label: label, disabled: disabled }), !!hint && _jsx(FormControlHint, { hint: hint, disabled: disabled })] }), _jsx(Box, { width: '100%', children: _jsx(TamaguiRadioGroup, { orientation: "vertical", ref: ref, "aria-labelledby": label ? labelId : undefined, value: value, onValueChange: onChange, style: [styles.group, variant === 'card' ? styles.groupCard : styles.groupItem], width: "100%", ...groupProps, minWidth: '100%', children: children }) }), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] }) }));
+    return (_jsx(RadioGroupContext.Provider, { value: { value, onChange, disabled }, children: _jsxs(Box, { tag: "radio-group", style: styles.container, children: [_jsxs(Box, { tag: "radio-group-heading", children: [!!label && _jsx(FormControlLabel, { id: labelId, labelRight: labelRight, label: label, disabled: disabled }), !!hint && _jsx(FormControlHint, { hint: hint, disabled: disabled })] }), _jsx(Box, { width: '100%', children: _jsx(TamaguiRadioGroup, { orientation: "vertical", ref: ref, "aria-labelledby": label ? labelId : undefined, value: value, onValueChange: onChange, style: [styles.group, variant === 'card' ? styles.groupCard : styles.groupItem], width: "100%", ...groupProps, minWidth: '100%', children: children }) }), (error || success) && _jsx(FormControlCaption, { error: error, success: success })] }) }));
 });

package/dist/ui/RadioGroup/RadioGroupContext.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export type RadioGroupCtx = {
     value?: string;
+    disabled?: boolean;
     onChange?: (v: string) => void;
 };
 export declare const RadioGroupContext: React.Context<RadioGroupCtx>;

package/dist/ui/RadioGroup/RadioGroupContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupContext.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroupContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,iBAAiB,8BAAyC,CAAC;AACxE,eAAO,MAAM,aAAa,qBAA4C,CAAC"}
+{"version":3,"file":"RadioGroupContext.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroupContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,iBAAiB,8BAAyC,CAAC;AACxE,eAAO,MAAM,aAAa,qBAA4C,CAAC"}

package/dist/ui/RadioGroup/RadioGroupItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupItem.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,mBAAmB,IAAI,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAO5F,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,0BAA0B,EAAE,OAAO,CAAC,GAAG;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBAoBxD,CAAC"}
+{"version":3,"file":"RadioGroupItem.d.ts","sourceRoot":"","sources":["../../../src/ui/RadioGroup/RadioGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,mBAAmB,IAAI,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAS5F,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,0BAA0B,EAAE,OAAO,CAAC,GAAG;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,sBAyCxD,CAAC"}

package/dist/ui/RadioGroup/RadioGroupItem.js

@@ -1,8 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useId } from 'react';
+import { Platform, Pressable } from 'react-native';
 import { Label } from 'tamagui/unstyled';
 import { Box } from '../../core/Box';
+import { versStyleNatif } from '../../core/styleNatif/versStyleNatif';
 import { Typography } from '../../core/Typography';
+import { useRadioGroup } from './RadioGroupContext';
 import { useStyles } from './RadioGroupItem.styles';
 import { RadioInput } from './RadioInput';
 export const RadioGroupItem = (props) => {
@@ -10,5 +13,7 @@ export const RadioGroupItem = (props) => {
     const rid = useId();
     const id = React.useMemo(() => `radiogroup-${value}-${rid}`, [value, rid]);
     const styles = useStyles();
-    return (_jsx(Box, { tag: "radio-group-item", style: styles.item, children: _jsxs(Label, { htmlFor: id, style: styles.labelContainer, children: [_jsx(Box, { children: _jsx(RadioInput, { value: value, id: id, size: "md" }) }), _jsx(Box, { children: _jsx(Typography, { style: styles.itemLabel, children: children }) })] }) }));
+    const { onChange, disabled } = useRadioGroup();
+    const contenu = (_jsxs(_Fragment, { children: [_jsx(Box, { children: _jsx(RadioInput, { value: value, id: id, size: "md", label: children }) }), _jsx(Box, { children: _jsx(Typography, { style: styles.itemLabel, children: children }) })] }));
+    return (_jsx(Box, { tag: "radio-group-item", style: styles.item, children: Platform.OS === 'web' ? (_jsx(Label, { htmlFor: id, style: styles.labelContainer, children: contenu })) : (_jsx(Pressable, { accessible: false, disabled: disabled, pointerEvents: "box-only", style: versStyleNatif(styles.labelContainer), onPress: () => onChange?.(value), children: contenu })) }));
 };

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

@@ -23,7 +23,6 @@ declare const _default: {
             color: string;
         };
         inputInnerMultiple: {
-            alignItems: "flex-start";
             paddingTop: string | number;
             paddingBottom: string | number;
         };

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

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAwCkB;AA2ClB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAelB,CAAC;AAEF,eAAO,MAAM,SAAS,mCASrB,CAAC;AAEF,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,SAAS,mCASrB,CAAC;AAEF,mGAAmG;AACnG,eAAO,MAAM,UAAU,mCAStB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,mCAmCxB,CAAC;AAEF,qGAAqG;AACrG,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,mCAyBrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,mCAiCnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAwCkB;AA2ClB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAelB,CAAC;AAEF,eAAO,MAAM,SAAS,mCASrB,CAAC;AAEF,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,SAAS,mCASrB,CAAC;AAEF,mGAAmG;AACnG,eAAO,MAAM,UAAU,mCAStB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,mCAmCxB,CAAC;AAEF,qGAAqG;AACrG,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,mCAyBrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,OAAO,mCAiCnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}

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

@@ -14,9 +14,8 @@ export declare const useStyles: () => {
     valueDisabled: {
         color: string;
     };
-    /** Les puces repassent à la ligne : le champ s'aligne en haut et respire verticalement. */
+    /** Les puces repassent à la ligne ; le chevron et la valeur restent centrés dans le champ. */
     inputInnerMultiple: {
-        alignItems: "flex-start";
         paddingTop: string | number;
         paddingBottom: string | number;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.styles.ts"],"names":[],"mappings":"AAwFA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;IAhBlB,2FAA2F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7B3F,0EAA0E;;;;;;;IAO1E;;;;OAIG;;CAkCsF,CAAC"}
+{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Select/Select.styles.ts"],"names":[],"mappings":"AAuFA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;IAflB,8FAA8F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7B9F,0EAA0E;;;;;;;IAO1E;;;;OAIG;;CAiCsF,CAAC"}

package/dist/ui/Select/Select.styles.js

@@ -59,9 +59,8 @@ const contenuDuChamp = ({ text, color, spacing }) => ({
     valueDisabled: {
         color: color.light.text['disabled-grey'],
     },
-    /** Les puces repassent à la ligne : le champ s'aligne en haut et respire verticalement. */
+    /** Les puces repassent à la ligne ; le chevron et la valeur restent centrés dans le champ. */
     inputInnerMultiple: {
-        alignItems: 'flex-start',
         paddingTop: spacing('1V'),
         paddingBottom: spacing('1V'),
     },

package/dist/ui/Select/selectTriggerStyle.d.ts

@@ -13,11 +13,11 @@ export type SelectTriggerState = Omit<FieldBorderState, 'focus'> & {
  */
 export declare const selectTriggerStyle: (styles: SelectStyles, { open, multiple, ...state }: SelectTriggerState) => {
     borderColor: string;
-    alignItems: "flex-start" | "center";
     paddingTop?: string | number | undefined;
     paddingBottom?: string | number | undefined;
     display: "flex";
     flexDirection: "row";
+    alignItems: "center";
     gap: string | number;
     paddingLeft: number;
     paddingRight: number;

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/ui/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAS,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAA2B,WAAW,IAAI,kBAAkB,EAAE,MAAM,SAAS,CAAC;AASrG,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC;AAC3C,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IACzE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AASF,eAAO,MAAM,MAAM;SAfZ,MAAM;YACH,MAAM;YACN,aAAa;YACb,MAAM;cACJ,MAAM;gBACJ,OAAO;wCAwEnB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/ui/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAS,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,cAAc,EAA2B,WAAW,IAAI,kBAAkB,EAAE,MAAM,SAAS,CAAC;AASrG,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC;AAC3C,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IACzE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AA4BF,eAAO,MAAM,MAAM;SAlCZ,MAAM;YACH,MAAM;YACN,aAAa;YACb,MAAM;cACJ,MAAM;gBACJ,OAAO;wCA8FnB,CAAC"}

package/dist/ui/Switch/Switch.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { focusRingProps, useTheme } from '@alveole/theme';
 import React, { useId } from 'react';
+import { Platform, Pressable } from 'react-native';
 import { Switch as TamaguiSwitch } from 'tamagui';
 import { Label } from 'tamagui/unstyled';
 import { animer } from '../../core/animation/animer';
@@ -9,6 +10,7 @@ import { Typography } from '../../core/Typography';
 import { FormControlCaption } from '../FormControl';
 import { apparenceDuSwitch } from './Switch.apparence';
 import { useStyles } from './Switch.styles';
+const SwitchLabel = ({ id, checked, disabled, onChange, children }) => Platform.OS === 'web' ? (_jsx(Label, { htmlFor: id, width: "100%", children: children })) : (_jsx(Pressable, { accessible: false, disabled: disabled, pointerEvents: "box-only", onPress: () => onChange(!checked), children: children }));
 // La piste du pouce, comme Tamagui v1 la dimensionnait : deux pouces de large, un de haut, plus
 // 4 px pour le padding et la bordure qu'Alveole pose de chaque cote. La v2 ne compte plus ces
 // 4 px, et le pouce debordait de sa piste. La taille de reference etait le token `$true` de la
@@ -31,7 +33,7 @@ export const Switch = React.forwardRef(function Switch(props, ref) {
         onCheckedChange?.(newValue);
     };
     const { bouton, pouce, libelle } = apparenceDuSwitch(styles, { value, disabled, noPadding, style });
-    const Toggle = (_jsx(TamaguiSwitch, { id: id, ref: ref, borderWidth: 1, ...DIMENSIONS_DE_LA_PISTE, checked: value, onCheckedChange: onChange, style: bouton, disabled: disabled, ...focusRingProps(), ...switchProps, children: _jsx(TamaguiSwitch.Thumb, { ...animer('quicker'), width: POUCE, height: POUCE, style: pouce }) }));
-    const ToggleWithLabel = (_jsxs(_Fragment, { children: [_jsx(Label, { htmlFor: id, width: '100%', children: _jsxs(Box, { tag: "switch", style: styles.switch, children: [Toggle, !!label && (_jsx(Typography, { htmlFor: id, style: libelle, children: label }))] }) }), (error ?? success) && _jsx(FormControlCaption, { error: error, success: success })] }));
+    const Toggle = (_jsx(TamaguiSwitch, { id: id, ref: ref, borderWidth: 1, ...DIMENSIONS_DE_LA_PISTE, checked: value, onCheckedChange: onChange, style: bouton, disabled: disabled, accessibilityLabel: label, accessibilityRole: "switch", accessibilityState: { checked: Boolean(value), disabled: Boolean(disabled) }, ...focusRingProps(), ...switchProps, children: _jsx(TamaguiSwitch.Thumb, { ...animer('quicker'), width: POUCE, height: POUCE, style: pouce }) }));
+    const ToggleWithLabel = (_jsxs(_Fragment, { children: [_jsx(SwitchLabel, { id: id, checked: value, disabled: disabled, onChange: onChange, children: _jsxs(Box, { tag: "switch", style: styles.switch, children: [Toggle, !!label && (_jsx(Typography, { htmlFor: id, style: libelle, children: label }))] }) }), (error ?? success) && _jsx(FormControlCaption, { error: error, success: success })] }));
     return (_jsx(Box, { tag: "switch", gap: error || success ? spacingValue('050') : 0, style: styles.switchContainer, children: !label ? Toggle : ToggleWithLabel }));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI7C,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAMlD,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,OAAO,QAAQ,sBA0DlC,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI7C,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAOlD,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,OAAO,QAAQ,sBAqElC,CAAC"}

package/dist/ui/Tag/Tag.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { Pressable } from 'react-native';
+import { Platform, Pressable } from 'react-native';
 import { Box } from '../../core/Box';
 import { Typography } from '../../core/Typography';
 import { LeadingSlot } from '../Leading';
 import { useStyles } from './Tag.styles';
 import { TagClose } from './TagClose';
+import { TagNativeContent } from './TagNativeContent';
 import { apparenceDeLaPastille, ecartDeLIcone, reponseAuPointeur } from './tagStyling';
 export const Tag = (props) => {
     const { size, children, selected, interactive, closable, onClose, leading, style, ...tagProps } = props;
@@ -24,6 +25,17 @@ export const Tag = (props) => {
                     croixSurvolee,
                     selectionnee: !!selected,
                 });
-                return (_jsxs(Typography, { style: apparenceDeLaPastille(styles, { size, survolee, selectionnee: !!selected, fermable: !!closable }), ...tagProps, children: [leading != null && (_jsx(Box, { style: ecartDeLIcone(styles, size), children: _jsx(LeadingSlot, { contenu: leading, apparence: { size: 'sm' } }) })), children, closable && (_jsx(TagClose, { size: size, libelle: typeof children === 'string' ? children : undefined, onSurvol: setCroixSurvolee, fonce: fonce, onClose: onClose }))] }));
+                const apparence = apparenceDeLaPastille(styles, {
+                    size,
+                    survolee,
+                    selectionnee: !!selected,
+                    fermable: !!closable,
+                });
+                const icone = leading != null && (_jsx(Box, { style: ecartDeLIcone(styles, size), children: _jsx(LeadingSlot, { contenu: leading, apparence: { size: 'sm' } }) }));
+                const croix = closable && (_jsx(TagClose, { size: size, libelle: typeof children === 'string' ? children : undefined, onSurvol: setCroixSurvolee, fonce: fonce, onClose: onClose }));
+                if (Platform.OS !== 'web') {
+                    return (_jsx(TagNativeContent, { apparence: apparence, leading: icone, close: croix, children: children }));
+                }
+                return (_jsxs(Typography, { style: apparence, ...tagProps, children: [icone, children, croix] }));
             } }) }));
 };

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

@@ -86,6 +86,14 @@ declare const _default: {
             width: number;
             height: number;
         };
+        nativeContent: {
+            readonly display: "flex";
+            readonly flexDirection: "row";
+            readonly alignItems: "center";
+        };
+        nativeLabel: {
+            readonly flexShrink: 1;
+        };
     };
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/Tag.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAElB,eAAO,MAAM,KAAK,mCAKjB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAiBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAYpB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAerB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAMvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/Tag.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAElB,eAAO,MAAM,KAAK,mCAKjB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAiBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAYpB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAerB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAMvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAC"}

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

@@ -80,5 +80,13 @@ export declare const useStyles: () => {
         width: number;
         height: number;
     };
+    nativeContent: {
+        readonly display: "flex";
+        readonly flexDirection: "row";
+        readonly alignItems: "center";
+    };
+    nativeLabel: {
+        readonly flexShrink: 1;
+    };
 };
 //# sourceMappingURL=Tag.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/Tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAmBzD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFnB,CAAC"}
+{"version":3,"file":"Tag.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/Tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,gBAAgB,CAAC;AA8BzD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiFnB,CAAC"}

package/dist/ui/Tag/Tag.styles.js

@@ -15,7 +15,18 @@ const cercleDeLaCroix = (cote, rayon, ecart) => ({
     width: cote,
     height: cote,
 });
+const stylesNatifs = {
+    nativeContent: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    nativeLabel: {
+        flexShrink: 1,
+    },
+};
 export const useStyles = makeStyles(({ radius, text, color, pill }) => ({
+    ...stylesNatifs,
     tagContainer: {
         display: 'block',
         // Sans largeur minimale nulle, un element flex refuse de retrecir sous la taille de son

package/dist/ui/Tag/TagNativeContent.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties, ReactNode } from 'react';
+type TagNativeContentProps = {
+    apparence: CSSProperties;
+    leading: ReactNode;
+    close: ReactNode;
+    children: ReactNode;
+};
+/** Le texte et la croix sont des voisins : un Text natif ne centre pas les vues inline. */
+export declare const TagNativeContent: ({ apparence, leading, close, children }: TagNativeContentProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TagNativeContent.d.ts.map

package/dist/ui/Tag/TagNativeContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagNativeContent.d.ts","sourceRoot":"","sources":["../../../src/ui/Tag/TagNativeContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,2FAA2F;AAC3F,eAAO,MAAM,gBAAgB,GAAI,yCAAyC,qBAAqB,gCAiB9F,CAAC"}

package/dist/ui/Tag/TagNativeContent.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '../../core/Box';
+import { Typography } from '../../core/Typography';
+import { useStyles } from './Tag.styles';
+/** Le texte et la croix sont des voisins : un Text natif ne centre pas les vues inline. */
+export const TagNativeContent = ({ apparence, leading, close, children }) => {
+    const styles = useStyles();
+    const { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, color, ...surface } = apparence;
+    return (_jsxs(Box, { style: { ...surface, ...styles.nativeContent }, children: [leading, _jsx(Typography, { numberOfLines: 1, color: color, style: { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, ...styles.nativeLabel }, children: children }), close] }));
+};

package/dist/ui/TextInputArray/TextInputArray.js

@@ -13,5 +13,5 @@ export const TextInputArray = (props) => {
         removeEmpty,
         dedupe,
     });
-    return (_jsxs(Box, { tag: "text-input-array", children: [items.map((item, index) => (_jsx(TextInput, { placeholder: placeholder, 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", accessibilityLabel: `Retirer la ligne ${index + 1}`, onPress: () => removeItem(item.id) })), onBlur: notifier }, item.id))), _jsx(Box, { display: "flex", flexDirection: "row", pt: '100', justify: 'flex-start', children: _jsx(Button, { variant: "tertiary", leading: "Plus", title: addTitle, onPress: () => addItem() }) })] }));
+    return (_jsxs(Box, { tag: "text-input-array", gap: "1V", children: [items.map((item, index) => (_jsx(TextInput, { placeholder: placeholder, 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", accessibilityLabel: `Retirer la ligne ${index + 1}`, onPress: () => removeItem(item.id) })), onBlur: notifier }, item.id))), _jsx(Box, { display: "flex", flexDirection: "row", pt: '100', justify: 'flex-start', children: _jsx(Button, { variant: "tertiary", leading: "Plus", title: addTitle, onPress: () => addItem() }) })] }));
 };

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

@@ -46,6 +46,7 @@ declare const _default: {
             letterSpacing: 0;
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
+            flexShrink: number;
         };
         message: {
             color: string;
@@ -56,9 +57,11 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         tamaguiToastContainer: {
+            maxWidth: number;
+            alignSelf: "center";
             borderRadius: import("@alveole/theme").Radius;
             padding: number;
-            width: number;
+            width: 384 | "100%";
             backgroundColor: "transparent";
         } | {
             shadowColor: string;
@@ -69,19 +72,23 @@ declare const _default: {
             shadowOpacity: number;
             shadowRadius: number;
             elevation: number;
+            maxWidth: number;
+            alignSelf: "center";
             borderRadius: import("@alveole/theme").Radius;
             padding: number;
-            width: number;
+            width: 384 | "100%";
             backgroundColor: "transparent";
         } | {
             boxShadow: string;
+            maxWidth: number;
+            alignSelf: "center";
             borderRadius: import("@alveole/theme").Radius;
             padding: number;
-            width: number;
+            width: 384 | "100%";
             backgroundColor: "transparent";
         } | {
             padding: number;
-            width: number;
+            width: 384 | "100%";
             backgroundColor: "transparent";
             borderRadius: number;
         };

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAa,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM3C,wBASkB;AAElB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,GAAG,mCA+Bf,CAAC;AAEF,eAAO,MAAM,WAAW,mCAEvB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAExB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,0BAA0B,mCAA2E,CAAC;AAEnH,eAAO,MAAM,6BAA6B,mCAEzC,CAAC;AAEF,eAAO,MAAM,WAAW,mCAOvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAa,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM3C,wBASkB;AAElB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,GAAG,mCA+Bf,CAAC;AAEF,eAAO,MAAM,WAAW,mCAEvB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAExB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,0BAA0B,mCAA2E,CAAC;AAEnH,eAAO,MAAM,6BAA6B,mCAEzC,CAAC;AAEF,eAAO,MAAM,WAAW,mCAOvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}