@alveole/components 2.0.0-alpha.2 → 2.0.0-alpha.20

package/dist/stories/index.d.ts

@@ -4,6 +4,7 @@ export * as AppUpdateProviderStories from '../core/AppUpdateProvider/AppUpdatePr
 export * as BoxStory from '../core/Box/Box.stories';
 export * as CodeStory from '../core/Code/Code.stories';
 export * as GridStory from '../core/Grid/Grid.stories';
+export * as HeadingStory from '../core/Heading/Heading.stories';
 export * as Highlight from '../core/Highlight/Highlight.stories';
 export * as ImageStory from '../core/Image/Image.stories';
 export * as LottieStory from '../core/Lottie/Lottie.stories';
@@ -11,8 +12,10 @@ export * as MapStory from '../core/Map/Map.stories';
 export * as MarkdownDescriptionStory from '../core/MarkdownDescription/MarkdownDescription.stories';
 export * as MetabaseStory from '../core/Metabase/Metabase.stories';
 export * as PageStory from '../core/Page/Page.stories';
+export * as PageBackgroundStory from '../core/Page/PageBackground.stories';
 export * as PdfViewerStory from '../core/PdfViewer/PdfViewer.stories';
 export * as SectionStory from '../core/Section/Section.stories';
+export * as StorySummaryStory from '../core/StorySummary/StorySummary.stories';
 export * as ThemeProviderStory from '../core/ThemeProvider/ThemeProvider.stories';
 export * as TypographyStory from '../core/Typography/Typography.stories';
 export * as VersionStory from '../core/Version/Version.stories';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}

package/dist/stories/index.js

@@ -5,6 +5,7 @@ export * as AppUpdateProviderStories from '../core/AppUpdateProvider/AppUpdatePr
 export * as BoxStory from '../core/Box/Box.stories';
 export * as CodeStory from '../core/Code/Code.stories';
 export * as GridStory from '../core/Grid/Grid.stories';
+export * as HeadingStory from '../core/Heading/Heading.stories';
 export * as Highlight from '../core/Highlight/Highlight.stories';
 export * as ImageStory from '../core/Image/Image.stories';
 export * as LottieStory from '../core/Lottie/Lottie.stories';
@@ -12,8 +13,10 @@ export * as MapStory from '../core/Map/Map.stories';
 export * as MarkdownDescriptionStory from '../core/MarkdownDescription/MarkdownDescription.stories';
 export * as MetabaseStory from '../core/Metabase/Metabase.stories';
 export * as PageStory from '../core/Page/Page.stories';
+export * as PageBackgroundStory from '../core/Page/PageBackground.stories';
 export * as PdfViewerStory from '../core/PdfViewer/PdfViewer.stories';
 export * as SectionStory from '../core/Section/Section.stories';
+export * as StorySummaryStory from '../core/StorySummary/StorySummary.stories';
 export * as ThemeProviderStory from '../core/ThemeProvider/ThemeProvider.stories';
 export * as TypographyStory from '../core/Typography/Typography.stories';
 export * as VersionStory from '../core/Version/Version.stories';

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

@@ -22,14 +22,14 @@ declare const _default: {
         accordionAfterLabel: {
             width: "100%";
             borderBottomWidth: number;
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         accordionItemTrigger: {
             borderWidth: number;
             padding: number;
         };
         accordionItemHeader: {
-            backgroundColor: "#FFFFFF";
+            backgroundColor: import("@alveole/theme").ThemeColor;
             cursor: "pointer";
             display: "flex";
             flexDirection: "row";
@@ -44,7 +44,7 @@ declare const _default: {
             borderWidth: number;
         };
         accordionItemHeaderAlt: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             cursor: "pointer";
             display: "flex";
             flexDirection: "row";
@@ -59,9 +59,9 @@ declare const _default: {
             borderWidth: number;
         };
         accordionItemHeaderOutline: {
-            backgroundColor: "#FFFFFF";
+            backgroundColor: import("@alveole/theme").ThemeColor;
             outlineWidth: number;
-            outlineColor: string;
+            outlineColor: import("@alveole/theme").ThemeColor;
             outlineStyle: "solid";
             cursor: "pointer";
             display: "flex";
@@ -77,7 +77,7 @@ declare const _default: {
             borderWidth: number;
         };
         accordionItemHeaderOpen: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         accordion: {
             width: "100%";
@@ -87,12 +87,12 @@ declare const _default: {
             borderColor: "white";
         };
         accordionDefault: {
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
         };
         accordionRounded: {
             borderRadius: import("@alveole/theme").Radius;
             borderWidth: number;
-            borderColor: string;
+            borderColor: import("@alveole/theme").ThemeColor;
             overflow: "hidden";
         };
     };

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

@@ -13,14 +13,14 @@ export declare const useStyles: () => {
     accordionAfterLabel: {
         width: "100%";
         borderBottomWidth: number;
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
     };
     accordionItemTrigger: {
         borderWidth: number;
         padding: number;
     };
     accordionItemHeader: {
-        backgroundColor: "#FFFFFF";
+        backgroundColor: import("@alveole/theme").ThemeColor;
         cursor: "pointer";
         display: "flex";
         flexDirection: "row";
@@ -35,7 +35,7 @@ export declare const useStyles: () => {
         borderWidth: number;
     };
     accordionItemHeaderAlt: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
         cursor: "pointer";
         display: "flex";
         flexDirection: "row";
@@ -50,9 +50,9 @@ export declare const useStyles: () => {
         borderWidth: number;
     };
     accordionItemHeaderOutline: {
-        backgroundColor: "#FFFFFF";
+        backgroundColor: import("@alveole/theme").ThemeColor;
         outlineWidth: number;
-        outlineColor: string;
+        outlineColor: import("@alveole/theme").ThemeColor;
         outlineStyle: "solid";
         cursor: "pointer";
         display: "flex";
@@ -68,7 +68,7 @@ export declare const useStyles: () => {
         borderWidth: number;
     };
     accordionItemHeaderOpen: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     accordion: {
         width: "100%";
@@ -78,12 +78,12 @@ export declare const useStyles: () => {
         borderColor: "white";
     };
     accordionDefault: {
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
     };
     accordionRounded: {
         borderRadius: import("@alveole/theme").Radius;
         borderWidth: number;
-        borderColor: string;
+        borderColor: import("@alveole/theme").ThemeColor;
         overflow: "hidden";
     };
 };

package/dist/ui/Accordion/Accordion.styles.js

@@ -39,7 +39,7 @@ const entete = ({ spacing, color }) => {
         },
         accordionItemHeader: {
             ...enTete,
-            backgroundColor: '#FFFFFF',
+            backgroundColor: color.light.background['default-grey'],
         },
         accordionItemHeaderAlt: {
             ...enTete,
@@ -47,7 +47,7 @@ const entete = ({ spacing, color }) => {
         },
         accordionItemHeaderOutline: {
             ...enTete,
-            backgroundColor: '#FFFFFF',
+            backgroundColor: color.light.background['default-grey'],
             outlineWidth: 1,
             outlineColor: color.border['default-grey'],
             outlineStyle: 'solid',

package/dist/ui/Accordion/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/ui/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAIlD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBA2DtD,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/ui/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAIlD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBA2DtD,CAAC"}

package/dist/ui/Accordion/AccordionItem.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { focusRingProps } from '@alveole/theme';
 import { Square, Accordion as TamaguiAccordion } from 'tamagui';
+import { animer } from '../../core/animation/animer';
 import { Box } from '../../core/Box';
 import { Typography } from '../../core/Typography';
 import { LeadingSlot } from '../Leading';
@@ -18,5 +19,5 @@ export const AccordionItem = (props) => {
         ...(open ? styles.accordionItemHeaderOpen : {}),
         ...(afterLabel ? { paddingBottom: 4 } : {}),
     });
-    return (_jsxs(TamaguiAccordion.Item, { ...itemProps, children: [_jsx(TamaguiAccordion.Trigger, { unstyled: true, style: styles.accordionItemTrigger, ...focusRingProps(), children: ({ open }) => (_jsxs(Box, { backgroundColor: headerStyle(open).backgroundColor, children: [_jsxs(Box, { style: headerStyle(open), hoverStyle: headerStyle(open), focusStyle: headerStyle(open), children: [_jsx(LeadingSlot, { contenu: leading, apparence: { size: 'md' } }), _jsx(Typography, { style: styles.accordionItemLabel, mr: labelChildren ? undefined : 'auto', children: label }), labelChildren && (_jsx(Box, { mr: 'auto', mt: 'auto', mb: 'auto', children: labelChildren })), _jsx(Square, { animation: "75ms", rotate: open ? '180deg' : '0deg', style: { marginTop: 'auto', marginBottom: 'auto' }, children: _jsx(LucideIcon, { name: "ChevronDown", size: "sm" }) })] }), afterLabel && (_jsx(Box, { style: styles.accordionAfterLabel, children: _jsx(Box, { mr: 'auto', mt: 'auto', mb: 'auto', children: afterLabel }) }))] })) }), _jsx(TamaguiAccordion.HeightAnimator, { animation: "quicker", style: { overflow: 'hidden', position: 'relative' }, children: _jsx(TamaguiAccordion.Content, { animation: "quickest", style: { ...styles.accordionItemContent, padding: noPadding ? 0 : undefined }, children: children }) })] }));
+    return (_jsxs(TamaguiAccordion.Item, { ...itemProps, children: [_jsx(TamaguiAccordion.Trigger, { style: styles.accordionItemTrigger, ...focusRingProps(), children: ({ open }) => (_jsxs(Box, { backgroundColor: headerStyle(open).backgroundColor, children: [_jsxs(Box, { style: headerStyle(open), children: [_jsx(LeadingSlot, { contenu: leading, apparence: { size: 'md' } }), _jsx(Typography, { style: styles.accordionItemLabel, mr: labelChildren ? undefined : 'auto', children: label }), labelChildren && (_jsx(Box, { mr: 'auto', mt: 'auto', mb: 'auto', children: labelChildren })), _jsx(Square, { ...animer('quickest'), rotate: open ? '180deg' : '0deg', style: { marginTop: 'auto', marginBottom: 'auto' }, children: _jsx(LucideIcon, { name: "ChevronDown", size: "sm" }) })] }), afterLabel && (_jsx(Box, { style: styles.accordionAfterLabel, children: _jsx(Box, { mr: 'auto', mt: 'auto', mb: 'auto', children: afterLabel }) }))] })) }), _jsx(TamaguiAccordion.HeightAnimator, { ...animer('quicker'), style: { overflow: 'hidden', position: 'relative' }, children: _jsx(TamaguiAccordion.Content, { ...animer('quickest'), style: { ...styles.accordionItemContent, padding: noPadding ? 0 : undefined }, children: children }) })] }));
 };

package/dist/ui/ActionMenu/ActionMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenuItem.d.ts","sourceRoot":"","sources":["../../../src/ui/ActionMenu/ActionMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAIlD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCA+CxD,CAAC"}
+{"version":3,"file":"ActionMenuItem.d.ts","sourceRoot":"","sources":["../../../src/ui/ActionMenu/ActionMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAIlD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCAkDxD,CAAC"}

package/dist/ui/ActionMenu/ActionMenuItem.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pressable } from 'react-native';
+import { Platform, Pressable } from 'react-native';
 import { Box } from '../../core/Box';
+import { fondAuSurvol } from '../../core/styleTamagui/fondAuSurvol';
 import { Typography } from '../../core/Typography';
 import { LeadingSlot } from '../Leading';
 import { useStyles } from '../Sidebar/Sidebar.styles';
@@ -9,17 +10,19 @@ export const ActionMenuItem = (props) => {
     const { title, leading, onPress, selected = false, style, ...boxProps } = props;
     const styles = useStyles();
     const actionMenuItemStyles = useActionMenuItemStyles();
-    const itemStyleSelected = selected ? styles.sidebarItemSelectedDesktop : {};
+    const { forme, fond } = fondAuSurvol(selected ? styles.sidebarItemSelectedDesktop : {}, styles.sidebarItemHover.backgroundColor);
     const titleStyleSelected = selected ? styles.sidebarItemTitleSelectedDesktop : {};
-    const sidebarItemTitleDesktop = selected ? styles.sidebarItemTitleCurrentHoverDesktop : {};
-    return (_jsx(Pressable, { accessibilityRole: "button", onPress: onPress, children: _jsx(Box, { tag: "action-menu-item", style: style, ...boxProps, children: _jsxs(Box, { style: { ...styles.sidebarItemContainerDesktop, ...actionMenuItemStyles.actionMenuItemContainerDesktop }, children: [selected && (_jsx(Box, { tag: "sidebar-item-indicator", style: styles.sidebarItemSelectedIndicator, children: _jsx(Box, { style: styles.sidebarItemSelectedIndicatorContent }) })), _jsxs(Box, { tag: "sidebar-item", style: { ...styles.sidebarItemDesktop, ...itemStyleSelected }, 
+    return (_jsx(Pressable, { accessibilityRole: "button", onPress: onPress, 
+        // En natif, les vues Tamagui du libellé et du survol peuvent capter le toucher.
+        // Toute la ligne appartient au Pressable ; le web garde le survol de ses enfants.
+        pointerEvents: Platform.OS === 'web' ? 'auto' : 'box-only', children: _jsx(Box, { tag: "action-menu-item", style: style, ...boxProps, children: _jsxs(Box, { style: { ...styles.sidebarItemContainerDesktop, ...actionMenuItemStyles.actionMenuItemContainerDesktop }, children: [selected && (_jsx(Box, { tag: "sidebar-item-indicator", style: styles.sidebarItemSelectedIndicator, children: _jsx(Box, { style: styles.sidebarItemSelectedIndicatorContent }) })), _jsxs(Box, { tag: "sidebar-item", style: { ...styles.sidebarItemDesktop, ...forme }, 
                         // L'entrée sélectionnée se survole comme les autres. Lui réserver une teinte propre
                         // n'ajoutait qu'un cas particulier, et celle qui était posée valait son fond de repos :
                         // le survol ne produisait rien.
-                        hoverStyle: { ...styles.sidebarItemHover }, children: [_jsx(LeadingSlot, { contenu: leading, apparence: {
+                        backgroundColor: fond, children: [_jsx(LeadingSlot, { contenu: leading, apparence: {
                                     size: 'md',
                                     color: selected
                                         ? styles.sidebarItemTitleSelectedDesktop.color
                                         : styles.sidebarItemTitleSelectedDesktop.stroke,
-                                } }), _jsx(Typography, { style: { ...styles.sidebarItemTitleDesktop, ...titleStyleSelected }, hoverStyle: { ...sidebarItemTitleDesktop }, children: title })] })] }) }) }));
+                                } }), _jsx(Typography, { style: { ...styles.sidebarItemTitleDesktop, ...titleStyleSelected }, children: title })] })] }) }) }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/ui/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAA2B,MAAM,SAAS,CAAC;AAIpE,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,GAAG,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AASF,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,gCA0CxC,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/ui/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAA2B,MAAM,SAAS,CAAC;AAIpE,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,GAAG,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AASF,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,gCAsDxC,CAAC"}

package/dist/ui/Avatar/Avatar.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTheme } from '@alveole/theme';
+import { useState } from 'react';
 import { Avatar as TamaguiAvatar } from 'tamagui';
 import { Typography } from '../../core/Typography';
 import { useStyles } from './Avatar.styles';
@@ -16,6 +17,7 @@ export const Avatar = (props) => {
     const initials = getInitials(fallbackText ?? '');
     const { spacingValue } = useTheme();
     const styles = useStyles();
+    const [chargee, setChargee] = useState(false);
     const avatarSize = {
         xs: 20,
         sm: spacingValue('3W'),
@@ -36,5 +38,8 @@ export const Avatar = (props) => {
             maxHeight: px,
             ...(carre ? styles.carre : {}),
             ...style,
-        }, circular: !carre, ...avatarProps, children: [_jsx(TamaguiAvatar.Image, { src: src, width: px, height: px }), _jsx(TamaguiAvatar.Fallback, { style: styles.fallback, children: _jsx(Typography, { style: styles.fallbackText, children: initials }) })] }));
+        }, circular: !carre, ...avatarProps, children: [_jsx(TamaguiAvatar.Image, { src: src, 
+                // Le nom de la personne quand on le connait ; sinon la photo est decorative, comme chez
+                // Primer. react-native-web n'exposait aucune image, Tamagui v2 rend un vrai <img>.
+                alt: fallbackText ?? '', width: px, height: px, opacity: chargee ? 1 : 0, onLoadingStatusChange: status => setChargee(status === 'loaded') }), _jsx(TamaguiAvatar.Fallback, { style: styles.fallback, children: _jsx(Typography, { style: styles.fallbackText, children: initials }) })] }));
 };

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

@@ -10,12 +10,12 @@ declare const _default: {
             borderRadius: import("@alveole/theme").Radius;
         };
         fallback: {
-            backgroundColor: string;
+            backgroundColor: import("@alveole/theme").ThemeColor;
             alignItems: "center";
             justifyContent: "center";
         };
         fallbackText: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             display: "flex";
             justifyContent: "center";
             textAlign: "center";

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

@@ -3,12 +3,12 @@ export declare const useStyles: () => {
         borderRadius: import("@alveole/theme").Radius;
     };
     fallback: {
-        backgroundColor: string;
+        backgroundColor: import("@alveole/theme").ThemeColor;
         alignItems: "center";
         justifyContent: "center";
     };
     fallbackText: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         display: "flex";
         justifyContent: "center";
         textAlign: "center";

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IACtE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AACF,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,gCAoCtC,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IACtE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AACF,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,gCAqCtC,CAAC"}

package/dist/ui/Badge/Badge.js

@@ -7,6 +7,7 @@ export const Badge = (props) => {
     const { variant, style, size, icon, ...badgeProps } = props;
     const styles = useStyles();
     const badgeSize = size === 'sm' ? styles.badgeSm : styles.badgeMd;
+    const badgeText = size === 'sm' ? styles.badgeTextSm : styles.badgeTextMd;
     const badgeVariant = () => {
         switch (variant) {
             case 'default':
@@ -28,7 +29,7 @@ export const Badge = (props) => {
     };
     if (icon) {
         const iconSize = size === 'sm' ? 'xs' : 'sm';
-        return (_jsxs(Box, { tag: "badge", testID: "badge", style: [styles.badge, badgeVariant(), badgeSize, style], children: [_jsx(LucideIcon, { name: icon, size: iconSize }), _jsx(Typography, { tag: "badge-text", ...badgeProps })] }));
+        return (_jsxs(Box, { tag: "badge", testID: "badge", style: [styles.badge, badgeVariant(), badgeSize, style], children: [_jsx(LucideIcon, { name: icon, size: iconSize }), _jsx(Typography, { tag: "badge-text", style: badgeText, ...badgeProps })] }));
     }
-    return _jsx(Typography, { tag: "badge", style: [styles.badge, badgeVariant(), badgeSize, style], ...badgeProps });
+    return _jsx(Typography, { tag: "badge", style: [styles.badge, badgeVariant(), badgeSize, badgeText, style], ...badgeProps });
 };

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

@@ -15,53 +15,57 @@ declare const _default: {
             justifyContent: "center";
         };
         badgeInfo: {
-            color: string;
-            backgroundColor: string;
+            color: import("@alveole/theme").ThemeColor;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         badgeSuccess: {
-            color: string;
-            backgroundColor: string;
+            color: import("@alveole/theme").ThemeColor;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         badgeError: {
-            color: string;
-            backgroundColor: string;
+            color: import("@alveole/theme").ThemeColor;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         badgeWarning: {
-            color: string;
-            backgroundColor: string;
+            color: import("@alveole/theme").ThemeColor;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         badgeNew: {
-            color: string;
-            backgroundColor: string;
+            color: import("@alveole/theme").ThemeColor;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         badgeDefault: {
-            color: string;
-            backgroundColor: string;
+            color: import("@alveole/theme").ThemeColor;
+            backgroundColor: import("@alveole/theme").ThemeColor;
         };
         badgeSm: {
-            fontSize: 12;
-            lineHeight: 20;
-            letterSpacing: 0;
-            textTransform: "uppercase";
-            fontFamily: string;
-            fontWeight?: import("react-native").TextStyle["fontWeight"];
             height: number;
             paddingLeft: number;
             paddingRight: number;
             gap: number;
         };
         badgeMd: {
-            fontSize: 14;
-            lineHeight: 20;
-            letterSpacing: 0;
-            textTransform: "uppercase";
-            fontFamily: string;
-            fontWeight?: import("react-native").TextStyle["fontWeight"];
             height: number;
             paddingLeft: number;
             paddingRight: number;
             gap: number;
         };
+        badgeTextSm: {
+            readonly fontSize: 12;
+            readonly lineHeight: 20;
+            readonly letterSpacing: 0;
+            readonly textTransform: "uppercase";
+            readonly fontFamily: string;
+            readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
+        };
+        badgeTextMd: {
+            readonly fontSize: 14;
+            readonly lineHeight: 20;
+            readonly letterSpacing: 0;
+            readonly textTransform: "uppercase";
+            readonly fontFamily: string;
+            readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
+        };
     };
 };
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,QAAQ,mCAuBpB,CAAC;AAEF,eAAO,MAAM,KAAK,mCASjB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,QAAQ,mCAuBpB,CAAC;AAEF,eAAO,MAAM,KAAK,mCASjB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}

package/dist/ui/Badge/Badge.stories.js

@@ -11,7 +11,7 @@ export default {
     component: Badge,
     styleFn: useStyles,
 };
-export const Variants = () => (_jsx(Box, { children: _jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(Badge, { size: "md", variant: "default", children: "Badge default" }), _jsx(Badge, { size: "md", variant: "info", children: "Badge info" }), _jsx(Badge, { size: "md", variant: "error", children: "Badge error" }), _jsx(Badge, { size: "md", variant: "new", children: "Badge new" }), _jsx(Badge, { size: "md", variant: "success", children: "Badge success" }), _jsx(Badge, { size: "md", variant: "warning", children: "Badge warning" })] }) }));
-export const Sizes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 24, flexWrap: "wrap", children: [_jsx(Badge, { size: "sm", variant: "info", m: "auto", children: "Badge small" }), _jsx(Badge, { size: "md", variant: "info", children: "Badge medium" })] }));
-export const Icons = () => (_jsx(Box, { display: "flex", flexDirection: "row", gap: 24, flexWrap: "wrap", children: _jsx(Badge, { size: "sm", variant: "info", icon: "Check", children: "Badge small" }) }));
+export const Variants = () => (_jsx(Box, { children: _jsxs(Box, { display: "flex", flexDirection: "column", gap: "3W", children: [_jsx(Badge, { size: "md", variant: "default", children: "Badge default" }), _jsx(Badge, { size: "md", variant: "info", children: "Badge info" }), _jsx(Badge, { size: "md", variant: "error", children: "Badge error" }), _jsx(Badge, { size: "md", variant: "new", children: "Badge new" }), _jsx(Badge, { size: "md", variant: "success", children: "Badge success" }), _jsx(Badge, { size: "md", variant: "warning", children: "Badge warning" })] }) }));
+export const Sizes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: "3W", flexWrap: "wrap", children: [_jsx(Badge, { size: "sm", variant: "info", m: "auto", children: "Badge small" }), _jsx(Badge, { size: "md", variant: "info", children: "Badge medium" })] }));
+export const Icons = () => (_jsx(Box, { display: "flex", flexDirection: "row", gap: "3W", flexWrap: "wrap", children: _jsx(Badge, { size: "sm", variant: "info", icon: "Check", children: "Badge small" }) }));
 export * as Sources from './Badge.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,cAA6nB,CAAC;AAEnpB,eAAO,MAAM,KAAK,cAAkS,CAAC;AAErT,eAAO,MAAM,KAAK,cAA0N,CAAC;AAE7O,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Badge.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,cAA+nB,CAAC;AAErpB,eAAO,MAAM,KAAK,cAAoS,CAAC;AAEvT,eAAO,MAAM,KAAK,cAA4N,CAAC;AAE/O,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,8 +1,8 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/Badge/Badge.stories.tsx
-export const Variants = () => "export const Variants = () => (\n  <Box>\n    <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n      <Badge size=\"md\" variant=\"default\">\n        Badge default\n      </Badge>\n      <Badge size=\"md\" variant=\"info\">\n        Badge info\n      </Badge>\n      <Badge size=\"md\" variant=\"error\">\n        Badge error\n      </Badge>\n      <Badge size=\"md\" variant=\"new\">\n        Badge new\n      </Badge>\n      <Badge size=\"md\" variant=\"success\">\n        Badge success\n      </Badge>\n      <Badge size=\"md\" variant=\"warning\">\n        Badge warning\n      </Badge>\n    </Box>\n  </Box>\n);";
-export const Sizes = () => "export const Sizes = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={24} flexWrap=\"wrap\">\n    <Badge size=\"sm\" variant=\"info\" m=\"auto\">\n      Badge small\n    </Badge>\n    <Badge size=\"md\" variant=\"info\">\n      Badge medium\n    </Badge>\n  </Box>\n);";
-export const Icons = () => "export const Icons = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={24} flexWrap=\"wrap\">\n    <Badge size=\"sm\" variant=\"info\" icon=\"Check\">\n      Badge small\n    </Badge>\n  </Box>\n);";
+export const Variants = () => "export const Variants = () => (\n  <Box>\n    <Box display=\"flex\" flexDirection=\"column\" gap=\"3W\">\n      <Badge size=\"md\" variant=\"default\">\n        Badge default\n      </Badge>\n      <Badge size=\"md\" variant=\"info\">\n        Badge info\n      </Badge>\n      <Badge size=\"md\" variant=\"error\">\n        Badge error\n      </Badge>\n      <Badge size=\"md\" variant=\"new\">\n        Badge new\n      </Badge>\n      <Badge size=\"md\" variant=\"success\">\n        Badge success\n      </Badge>\n      <Badge size=\"md\" variant=\"warning\">\n        Badge warning\n      </Badge>\n    </Box>\n  </Box>\n);";
+export const Sizes = () => "export const Sizes = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap=\"3W\" flexWrap=\"wrap\">\n    <Badge size=\"sm\" variant=\"info\" m=\"auto\">\n      Badge small\n    </Badge>\n    <Badge size=\"md\" variant=\"info\">\n      Badge medium\n    </Badge>\n  </Box>\n);";
+export const Icons = () => "export const Icons = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap=\"3W\" flexWrap=\"wrap\">\n    <Badge size=\"sm\" variant=\"info\" icon=\"Check\">\n      Badge small\n    </Badge>\n  </Box>\n);";
 export const storySources = {
     Variants,
     Sizes,

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

@@ -8,52 +8,56 @@ export declare const useStyles: () => {
         justifyContent: "center";
     };
     badgeInfo: {
-        color: string;
-        backgroundColor: string;
+        color: import("@alveole/theme").ThemeColor;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     badgeSuccess: {
-        color: string;
-        backgroundColor: string;
+        color: import("@alveole/theme").ThemeColor;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     badgeError: {
-        color: string;
-        backgroundColor: string;
+        color: import("@alveole/theme").ThemeColor;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     badgeWarning: {
-        color: string;
-        backgroundColor: string;
+        color: import("@alveole/theme").ThemeColor;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     badgeNew: {
-        color: string;
-        backgroundColor: string;
+        color: import("@alveole/theme").ThemeColor;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     badgeDefault: {
-        color: string;
-        backgroundColor: string;
+        color: import("@alveole/theme").ThemeColor;
+        backgroundColor: import("@alveole/theme").ThemeColor;
     };
     badgeSm: {
-        fontSize: 12;
-        lineHeight: 20;
-        letterSpacing: 0;
-        textTransform: "uppercase";
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
         height: number;
         paddingLeft: number;
         paddingRight: number;
         gap: number;
     };
     badgeMd: {
-        fontSize: 14;
-        lineHeight: 20;
-        letterSpacing: 0;
-        textTransform: "uppercase";
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
         height: number;
         paddingLeft: number;
         paddingRight: number;
         gap: number;
     };
+    badgeTextSm: {
+        readonly fontSize: 12;
+        readonly lineHeight: 20;
+        readonly letterSpacing: 0;
+        readonly textTransform: "uppercase";
+        readonly fontFamily: string;
+        readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
+    };
+    badgeTextMd: {
+        readonly fontSize: 14;
+        readonly lineHeight: 20;
+        readonly letterSpacing: 0;
+        readonly textTransform: "uppercase";
+        readonly fontFamily: string;
+        readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
+    };
 };
 //# sourceMappingURL=Badge.styles.d.ts.map

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

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

package/dist/ui/Badge/Badge.styles.js

@@ -39,13 +39,15 @@ export const useStyles = makeStyles(({ radius, text, color, pill }) => ({
         paddingLeft: pill('sm').paddingInline,
         paddingRight: pill('sm').paddingInline,
         gap: pill('sm').gap,
-        ...text['Corps de texte'].XS.CapsBold,
     },
     badgeMd: {
         height: pill('md').height,
         paddingLeft: pill('md').paddingInline,
         paddingRight: pill('md').paddingInline,
         gap: pill('md').gap,
-        ...text['Corps de texte'].SM.CapsBold,
     },
+    // Crans du libelle : portes par le texte lui-meme, Tamagui v2 ne faisant plus descendre un
+    // style de texte d'une vue a ses enfants.
+    badgeTextSm: text['Corps de texte'].XS.CapsBold,
+    badgeTextMd: text['Corps de texte'].SM.CapsBold,
 }));

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/ui/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAOjF,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,EAAE,IAAI,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CACpD;IACE,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,uFAAuF;IACvF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,GAAG,CAAC,wBAAwB,GAAG,qBAAqB,CAAC,CACvD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAiElD,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/ui/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAQjF,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,EAAE,IAAI,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CACpD;IACE,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,uFAAuF;IACvF,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,GAAG,CAAC,wBAAwB,GAAG,qBAAqB,CAAC,CACvD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAoElD,CAAC"}

package/dist/ui/BottomSheet/BottomSheet.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Sheet as TamaguiSheet } from 'tamagui';
+import { animer } from '../../core/animation/animer';
 import { Box } from '../../core/Box';
 import { Typography } from '../../core/Typography';
 import { ButtonIcon } from '../Button';
@@ -12,6 +13,7 @@ export const BottomSheet = (props) => {
     const [position, setPosition] = React.useState(0);
     const styles = useStyles();
     const { bottom } = useSafeAreaInsets();
+    const styleDuContenu = [styles.content, !fitContent && styles.contentFull, { paddingBottom: bottom }];
     const snapPointsMode = fitContent ? 'fit' : 'percent';
-    return (_jsx(Box, { tag: "sheet", style: styles.container, children: _jsxs(TamaguiSheet, { modal: true, forceRemoveScrollEnabled: open, open: open, onOpenChange: setOpen, snapPoints: fitContent ? undefined : points, snapPointsMode: snapPointsMode, dismissOnSnapToBottom: true, position: position, onPositionChange: setPosition, zIndex: 100000, animation: "medium", moveOnKeyboardChange: moveOnKeyboardChange, children: [_jsx(TamaguiSheet.Overlay, { style: styles.overlay }), _jsxs(TamaguiSheet.Frame, { role: "dialog", "aria-modal": true, "aria-label": title, style: styles.frame, children: [_jsx(TamaguiSheet.Handle, { style: styles.handle }), _jsxs(Box, { tag: "sheet-header", style: styles.header, children: [_jsx(Box, { children: _jsx(ButtonIcon, { icon: "X", variant: "tertiary", size: "md", accessibilityLabel: "Fermer", onPress: () => setOpen(false) }) }), _jsx(Box, { flex: 1, children: _jsx(Typography, { style: styles.title, children: title }) }), action && (_jsx(Box, { mt: 'auto', mb: 'auto', children: action }))] }), _jsx(Box, { pl: '2W', pr: '2W', children: _jsx(Divider, {}) }), _jsx(Box, { tag: "sheet-content", style: [styles.content, !fitContent && styles.contentFull], pb: bottom, children: children })] })] }) }));
+    return (_jsx(Box, { tag: "sheet", style: styles.container, children: _jsxs(TamaguiSheet, { modal: true, open: open, onOpenChange: setOpen, snapPoints: fitContent ? undefined : points, snapPointsMode: snapPointsMode, dismissOnSnapToBottom: true, position: position, onPositionChange: setPosition, zIndex: 100000, ...animer('medium'), moveOnKeyboardChange: moveOnKeyboardChange, children: [_jsx(TamaguiSheet.Overlay, { style: styles.overlay }), _jsxs(TamaguiSheet.Container, { role: "dialog", "aria-modal": true, "aria-label": title, style: styles.sheetContainer, children: [_jsx(TamaguiSheet.Background, { style: styles.sheetBackground }), _jsx(TamaguiSheet.Handle, { style: styles.handle }), _jsxs(Box, { tag: "sheet-header", style: styles.header, children: [_jsx(Box, { children: _jsx(ButtonIcon, { icon: "X", variant: "tertiary", size: "md", accessibilityLabel: "Fermer", onPress: () => setOpen(false) }) }), _jsx(Box, { flex: 1, children: _jsx(Typography, { style: styles.title, children: title }) }), action && (_jsx(Box, { mt: 'auto', mb: 'auto', children: action }))] }), _jsx(Box, { pl: '2W', pr: '2W', children: _jsx(Divider, {}) }), _jsx(Box, { tag: "sheet-content", style: styleDuContenu, children: children })] })] }) }));
 };