@alveole/components 2.0.0-alpha.11 → 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/NumberInput.stories.js

@@ -15,7 +15,7 @@ export default {
 };
 export const Default = () => {
     const [value, setValue] = useState(null);
-    return (_jsx(FormControl, { label: "Montant", children: _jsx(NumberInput, { value: value, onChange: setValue, placeholder: "0" }) }));
+    return (_jsx(FormControl, { label: "Montant", children: _jsx(NumberInput, { value: value, onChange: setValue, placeholder: "Quantit\u00E9" }) }));
 };
 export const AvecUnites = () => {
     const [value, setValue] = useState(null);

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/NumberInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA+P,CAAC;AAEpR,eAAO,MAAM,UAAU,cAAqkB,CAAC;AAE7lB,eAAO,MAAM,SAAS,cAAmK,CAAC;AAE1L,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"NumberInput.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/FormControl/NumberInput.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAsQ,CAAC;AAE3R,eAAO,MAAM,UAAU,cAAqkB,CAAC;AAE7lB,eAAO,MAAM,SAAS,cAAmK,CAAC;AAE1L,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,6 +1,6 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/FormControl/NumberInput.stories.tsx
-export const Default = () => "export const Default = () => {\n  const [value, setValue] = useState<number | null>(null);\n  return (\n    <FormControl label=\"Montant\">\n      <NumberInput value={value} onChange={setValue} placeholder=\"0\" />\n    </FormControl>\n  );\n};";
+export const Default = () => "export const Default = () => {\n  const [value, setValue] = useState<number | null>(null);\n  return (\n    <FormControl label=\"Montant\">\n      <NumberInput value={value} onChange={setValue} placeholder=\"Quantité\" />\n    </FormControl>\n  );\n};";
 export const AvecUnites = () => "export const AvecUnites = () => {\n  const [value, setValue] = useState<number | null>(null);\n  return (\n    <FormControl label=\"Avec unités\">\n      <NumberInput\n        value={value}\n        onChange={setValue}\n        startAdornment={\n          <Box style={{ paddingLeft: 8, paddingRight: 4 }}>\n            <Typography>€</Typography>\n          </Box>\n        }\n        endAdornment={\n          <Box style={{ paddingLeft: 4, paddingRight: 8 }}>\n            <Typography>TTC</Typography>\n          </Box>\n        }\n      />\n    </FormControl>\n  );\n};";
 export const Desactive = () => "export const Desactive = () => (\n  <FormControl label=\"Désactivé\">\n    <NumberInput value={42} onChange={() => {}} disabled />\n  </FormControl>\n);";
 export const storySources = {

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/ListItem/ListItem.stories.d.ts

@@ -31,6 +31,7 @@ declare const _default: {
             alignSelf: "stretch";
             gap: string | number;
             position: "relative";
+            minHeight: number;
         };
         separateur: {
             left: number;

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAWkB;AAElB,eAAO,MAAM,OAAO,mCAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAgBxB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAYtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,SAAS,mCAcrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,YAAY,mCAA6D,CAAC;AAEvF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAWkB;AAElB,eAAO,MAAM,OAAO,mCAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAgBxB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAYtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,SAAS,mCAcrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,YAAY,mCAA6D,CAAC;AAEvF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}

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

@@ -23,6 +23,7 @@ export declare const useStyles: () => {
         alignSelf: "stretch";
         gap: string | number;
         position: "relative";
+        minHeight: number;
     };
     separateur: {
         left: number;

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.styles.ts"],"names":[],"mappings":"AAiHA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiF,CAAC"}
+{"version":3,"file":"ListItem.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.styles.ts"],"names":[],"mappings":"AAmHA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiF,CAAC"}

package/dist/ui/ListItem/ListItem.styles.js

@@ -43,6 +43,8 @@ const detail = ({ color, text, spacing }) => ({
         alignSelf: 'stretch',
         gap: spacing('1W'),
         position: 'relative',
+        // Hauteur fixee par la maquette, avec ou sans description.
+        minHeight: 52,
     },
     // Pose en absolu sur le bord haut du detail, et non entre deux lignes : c'est ce qui lui
     // evite de compter dans la hauteur de la ligne.

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/ResourceList/ResourceList.stories.d.ts

@@ -54,6 +54,8 @@ export declare const Default: () => import("react").JSX.Element;
 export declare const WithTitle: () => import("react").JSX.Element;
 export declare const WithIcon: () => import("react").JSX.Element;
 export declare const WithPreviewImageAndTrailing: () => import("react").JSX.Element;
+/** Sans description, le contenu garde ses 52px de haut. */
+export declare const WithoutDescription: () => import("react").JSX.Element;
 /**
  * Quand `isLoading` est `true`, la liste entière est remplacée par un
  * spinner centré. Aucun délai n'est appliqué ici : le chargement initial

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceList.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceList.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBASkB;AA6BlB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAUrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAcpB,CAAC;AAEF,eAAO,MAAM,2BAA2B,mCAevC,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,mCAQrB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAOzB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAUvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"ResourceList.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceList.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBASkB;AA6BlB,eAAO,MAAM,OAAO,mCASnB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAUrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAcpB,CAAC;AAEF,eAAO,MAAM,2BAA2B,mCAevC,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,mCAO9B,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,mCAQrB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAOzB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAQvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,gCAAgC,CAAC"}

package/dist/ui/ResourceList/ResourceList.stories.js

@@ -43,6 +43,8 @@ export const Default = () => (_jsx(ResourceList, { data: exampleData, keyExtract
 export const WithTitle = () => (_jsx(ResourceList, { titre: "Titre de la liste", data: exampleData, keyExtractor: item => item.id, renderItem: ({ item, index }) => (_jsx(ListItem, { title: item.name, description: item.description, showSeparateur: index !== 0 })), renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
 export const WithIcon = () => (_jsx(ResourceList, { data: exampleData, keyExtractor: item => item.id, renderItem: ({ item, index }) => (_jsx(ListItem, { title: item.name, description: item.description, IconProps: { name: 'Settings' }, showSeparateur: index !== 0 })), renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
 export const WithPreviewImageAndTrailing = () => (_jsx(ResourceList, { data: exampleDataWithPreview, keyExtractor: item => item.id, renderItem: ({ item, index }) => (_jsx(ListItem, { title: item.name, description: item.description, preview_url: item.preview_url, trailing: () => _jsx(LucideIcon, { name: "ChevronRight", size: "sm" }), showSeparateur: index !== 0 })), renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
+/** Sans description, le contenu garde ses 52px de haut. */
+export const WithoutDescription = () => (_jsx(ResourceList, { data: exampleData, keyExtractor: item => item.id, renderItem: ({ item, index }) => _jsx(ListItem, { title: item.name, showSeparateur: index !== 0 }), renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
 const aucunExemple = [];
 /**
  * Quand `isLoading` est `true`, la liste entière est remplacée par un
@@ -52,5 +54,5 @@ const aucunExemple = [];
  */
 export const IsLoading = () => (_jsx(ResourceList, { data: aucunExemple, isLoading: true, keyExtractor: item => item.id, renderItem: () => null, renderNoContent: () => null }));
 export const WithNoContent = () => (_jsx(ResourceList, { data: aucunExemple, keyExtractor: item => item.id, renderItem: ({ item }) => _jsx(ListItem, { title: item.name, description: item.description }), renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
-export const WithDivider = () => (_jsx(ResourceList, { data: exampleData, keyExtractor: item => item.id, renderItem: ({ item, index }) => (_jsx(ListItem, { title: item.name, description: item.description, showSeparateur: index !== 0 })), ItemSeparatorComponent: ResourceListDivider, renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
+export const WithDivider = () => (_jsx(ResourceList, { data: exampleData, keyExtractor: item => item.id, renderItem: ({ item }) => _jsx(ListItem, { title: item.name, description: item.description, showSeparateur: false }), ItemSeparatorComponent: ResourceListDivider, renderNoContent: () => _jsx(EmptyState, { title: "Aucun \u00E9l\u00E9ment", description: "Cliquez sur le bouton", iconName: "House" }) }));
 export * as Sources from './ResourceList.stories.sources';

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

@@ -2,6 +2,7 @@ export declare const Default: () => string;
 export declare const WithTitle: () => string;
 export declare const WithIcon: () => string;
 export declare const WithPreviewImageAndTrailing: () => string;
+export declare const WithoutDescription: () => string;
 export declare const IsLoading: () => string;
 export declare const WithNoContent: () => string;
 export declare const WithDivider: () => string;
@@ -10,6 +11,7 @@ export declare const storySources: {
     readonly WithTitle: () => string;
     readonly WithIcon: () => string;
     readonly WithPreviewImageAndTrailing: () => string;
+    readonly WithoutDescription: () => string;
     readonly IsLoading: () => string;
     readonly WithNoContent: () => string;
     readonly WithDivider: () => string;

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceList.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceList.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA+Y,CAAC;AAEpa,eAAO,MAAM,SAAS,cAAkb,CAAC;AAEzc,eAAO,MAAM,QAAQ,cAA4d,CAAC;AAElf,eAAO,MAAM,2BAA2B,cAAmkB,CAAC;AAE5mB,eAAO,MAAM,SAAS,cAAwN,CAAC;AAE/O,eAAO,MAAM,aAAa,cAAkW,CAAC;AAE7X,eAAO,MAAM,WAAW,cAAqc,CAAC;AAE9d,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAEtE,CAAC"}
+{"version":3,"file":"ResourceList.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/ResourceList/ResourceList.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA+Y,CAAC;AAEpa,eAAO,MAAM,SAAS,cAAkb,CAAC;AAEzc,eAAO,MAAM,QAAQ,cAA4d,CAAC;AAElf,eAAO,MAAM,2BAA2B,cAAmkB,CAAC;AAE5mB,eAAO,MAAM,kBAAkB,cAA2W,CAAC;AAE3Y,eAAO,MAAM,SAAS,cAAwN,CAAC;AAE/O,eAAO,MAAM,aAAa,cAAkW,CAAC;AAE7X,eAAO,MAAM,WAAW,cAAwa,CAAC;AAEjc,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAGtE,CAAC"}

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

@@ -4,18 +4,21 @@ export const Default = () => "export const Default = () => (\n  <ResourceList\n
 export const WithTitle = () => "export const WithTitle = () => (\n  <ResourceList\n    titre=\"Titre de la liste\"\n    data={exampleData}\n    keyExtractor={item => item.id}\n    renderItem={({ item, index }) => (\n      <ListItem title={item.name} description={item.description} showSeparateur={index !== 0} />\n    )}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
 export const WithIcon = () => "export const WithIcon = () => (\n  <ResourceList\n    data={exampleData}\n    keyExtractor={item => item.id}\n    renderItem={({ item, index }) => (\n      <ListItem\n        title={item.name}\n        description={item.description}\n        IconProps={{ name: 'Settings' }}\n        showSeparateur={index !== 0}\n      />\n    )}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
 export const WithPreviewImageAndTrailing = () => "export const WithPreviewImageAndTrailing = () => (\n  <ResourceList\n    data={exampleDataWithPreview}\n    keyExtractor={item => item.id}\n    renderItem={({ item, index }) => (\n      <ListItem\n        title={item.name}\n        description={item.description}\n        preview_url={item.preview_url}\n        trailing={() => <LucideIcon name=\"ChevronRight\" size=\"sm\" />}\n        showSeparateur={index !== 0}\n      />\n    )}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
+export const WithoutDescription = () => "export const WithoutDescription = () => (\n  <ResourceList\n    data={exampleData}\n    keyExtractor={item => item.id}\n    renderItem={({ item, index }) => <ListItem title={item.name} showSeparateur={index !== 0} />}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
 export const IsLoading = () => "export const IsLoading = () => (\n  <ResourceList\n    data={aucunExemple}\n    isLoading={true}\n    keyExtractor={item => item.id}\n    renderItem={() => null}\n    renderNoContent={() => null}\n  />\n);";
 export const WithNoContent = () => "export const WithNoContent = () => (\n  <ResourceList\n    data={aucunExemple}\n    keyExtractor={item => item.id}\n    renderItem={({ item }) => <ListItem title={item.name} description={item.description} />}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
-export const WithDivider = () => "export const WithDivider = () => (\n  <ResourceList\n    data={exampleData}\n    keyExtractor={item => item.id}\n    renderItem={({ item, index }) => (\n      <ListItem title={item.name} description={item.description} showSeparateur={index !== 0} />\n    )}\n    ItemSeparatorComponent={ResourceListDivider}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
+export const WithDivider = () => "export const WithDivider = () => (\n  <ResourceList\n    data={exampleData}\n    keyExtractor={item => item.id}\n    renderItem={({ item }) => <ListItem title={item.name} description={item.description} showSeparateur={false} />}\n    ItemSeparatorComponent={ResourceListDivider}\n    renderNoContent={() => <EmptyState title=\"Aucun élément\" description=\"Cliquez sur le bouton\" iconName=\"House\" />}\n  />\n);";
 export const storySources = {
     Default,
     WithTitle,
     WithIcon,
     WithPreviewImageAndTrailing,
+    WithoutDescription,
     IsLoading,
     WithNoContent,
     WithDivider,
 };
 export const storyDescriptions = {
+    WithoutDescription: "Sans description, le contenu garde ses 52px de haut.",
     IsLoading: "Quand `isLoading` est `true`, la liste entière est remplacée par un\nspinner centré. Aucun délai n'est appliqué ici : le chargement initial\nd'une liste vide n'a rien à afficher, le spinner apparaît donc\nimmédiatement pour éviter un écran blanc sans feedback.",
 };

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] }));
             } }) }));
 };