@alveole/components 2.0.0-alpha.6 → 2.0.0-alpha.8

package/dist/ui/Switch/Switch.js

@@ -1,12 +1,20 @@
 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 { Label, Switch as TamaguiSwitch } from 'tamagui';
+import { Switch as TamaguiSwitch } from 'tamagui';
+import { Label } from 'tamagui/unstyled';
+import { animer } from '../../core/animation/animer';
 import { Box } from '../../core/Box';
 import { Typography } from '../../core/Typography';
 import { FormControlCaption } from '../FormControl';
 import { apparenceDuSwitch } from './Switch.apparence';
 import { useStyles } from './Switch.styles';
+// 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
+// config de l'application, 44 px ; la config v5 de Tamagui v3 ne le fournit plus, Alveole la fixe.
+const POUCE = Math.round(44 * 0.65);
+const DIMENSIONS_DE_LA_PISTE = { width: 2 * POUCE + 4, height: POUCE + 4, minHeight: POUCE + 4 };
 export const Switch = React.forwardRef(function Switch(props, ref) {
     const { checked, style, label, error, success, disabled, noPadding, onCheckedChange, ...switchProps } = props;
     let { id } = props;
@@ -23,12 +31,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, checked: value, onCheckedChange: onChange, style: bouton, disabled: disabled, ...focusRingProps(), 
-        // Tamagui injecte sa propre regle `:focus-visible` en `!important` derriere un selecteur
-        // `:root:root:root:root` : la regle CSS du theme ne peut pas la battre, et sans cette prop
-        // c'est le gris translucide de Tamagui qui s'affiche. La valeur vient de `focusRing()`,
-        // qui peint le meme bleu que la regle : un seul reglage, deux chemins pour l'appliquer.
-        focusVisibleStyle: styles.switchButtonFocused, ...switchProps, children: _jsx(TamaguiSwitch.Thumb, { animation: "quicker", style: pouce }) }));
-    const ToggleWithLabel = (_jsxs(_Fragment, { children: [_jsx(Label, { unstyled: true, 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, ...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 })] }));
     return (_jsx(Box, { tag: "switch", gap: error || success ? spacingValue('050') : 0, style: styles.switchContainer, children: !label ? Toggle : ToggleWithLabel }));
 });

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

@@ -3,7 +3,7 @@ declare const _default: {
     tags: "ui"[];
     experimental: false;
     description: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("tamagui").SwitchProps, "value" | "onChange"> & {
+    component: import("react").ForwardRefExoticComponent<Omit<import("tamagui").SwitchProps, "onChange" | "value"> & {
         id?: string;
         label?: string;
         style?: import("react").CSSProperties;
@@ -13,7 +13,6 @@ declare const _default: {
     } & import("react").RefAttributes<import("tamagui").TamaguiElement>>;
     styleFn: () => {
         switchContainer: {};
-        switchButtonFocused: import("@alveole/theme").FocusRingStyle;
         switch: {
             display: "flex";
             flexDirection: "row";
@@ -33,6 +32,7 @@ declare const _default: {
             backgroundColor: string;
         };
         switchButtonDisabled: {
+            opacity: 1;
             backgroundColor: string;
             cursor: "not-allowed";
         };
@@ -40,6 +40,7 @@ declare const _default: {
             borderWidth: number;
             borderColor: string;
             backgroundColor: string;
+            boxShadow: "none";
         };
         switchThumbChecked: {
             backgroundColor: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Switch/Switch.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAOnB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAGtB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Switch/Switch.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAOnB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAGtB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}

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

@@ -1,6 +1,5 @@
 export declare const useStyles: () => {
     switchContainer: {};
-    switchButtonFocused: import("@alveole/theme").FocusRingStyle;
     switch: {
         display: "flex";
         flexDirection: "row";
@@ -20,6 +19,7 @@ export declare const useStyles: () => {
         backgroundColor: string;
     };
     switchButtonDisabled: {
+        opacity: 1;
         backgroundColor: string;
         cursor: "not-allowed";
     };
@@ -27,6 +27,7 @@ export declare const useStyles: () => {
         borderWidth: number;
         borderColor: string;
         backgroundColor: string;
+        boxShadow: "none";
     };
     switchThumbChecked: {
         backgroundColor: string;

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

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

package/dist/ui/Switch/Switch.styles.js

@@ -1,9 +1,7 @@
-import { focusRing, makeStyles } from '@alveole/theme';
+import { makeStyles } from '@alveole/theme';
+import { sansEstompage } from '../../core/styleTamagui/sansEstompage';
 export const useStyles = makeStyles(({ text, color, spacing }) => ({
     switchContainer: {},
-    // Voir `Switch.tsx` : Tamagui impose sa propre bague en `!important`, seule sa prop
-    // `focusVisibleStyle` peut la remplacer. La valeur vient de la meme source que la regle CSS.
-    switchButtonFocused: focusRing('default'),
     switch: {
         display: 'flex',
         flexDirection: 'row',
@@ -25,11 +23,14 @@ export const useStyles = makeStyles(({ text, color, spacing }) => ({
     switchButtonDisabled: {
         backgroundColor: color.background['disabled-grey'],
         cursor: 'not-allowed',
+        ...sansEstompage,
     },
     switchThumb: {
         borderWidth: 1,
         borderColor: color.border['default-grey'],
         backgroundColor: color.background['default-active'],
+        // Tamagui v3 ombre son pouce ; celui d'Alveole est plat.
+        boxShadow: 'none',
     },
     switchThumbChecked: {
         backgroundColor: color.primary,

package/dist/ui/Tabs/Tabs.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BoxProps } from '../../core/Box';
 import { Leading } from '../Leading';
-export type TabsProps = Omit<BoxProps, 'children'> & {
+export type TabsProps = Omit<BoxProps, 'children' | 'onChange'> & {
     tabs: {
         label: string;
         leading?: Leading;

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/ui/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAOrC,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;KACtC,EAAE,CAAC;IACJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,sBAkEpC,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/ui/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAOrC,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAChE,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;KACtC,EAAE,CAAC;IACJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,sBAkEpC,CAAC"}

package/dist/ui/Tabs/Tabs.js

@@ -27,5 +27,5 @@ export const Tabs = (props) => {
                 const tab = tabs[index];
                 if (tab)
                     persist(toSlug(tab.label));
-            }, orientation: "horizontal", size: "$4", activationMode: "manual", children: [_jsxs(TamaguiTabs.List, { disablePassBorderRadius: true, loop: false, style: styles.tabsList, ...focusRingProps(), children: [tabs.map(tab => (_jsx(TabsTab, { value: tab.value, label: tab.label, leading: tab.leading, counter: tab.counter, etat: etatDeLOnglet(tab.value), disabled: tabs.length < 2, onHover: setHoverTab, onInteraction: handleOnInteraction }, tab.value))), ongletCourant?.renderAction && _jsx(Box, { ml: 'auto', children: ongletCourant.renderAction() })] }), _jsx(Box, { style: { flex: 1, minHeight: 0 }, children: tabs.map((tab, idx) => (_jsx(TamaguiTabs.Content, { style: styles.tabsContent, value: tab.value, ...focusRingProps(), children: _jsx(TabsContent, { content: ongletCourant?.content, scrollable: ongletCourant?.scrollable }) }, idx))) })] }) }));
+            }, orientation: "horizontal", size: "$4", activationMode: "manual", children: [_jsxs(TamaguiTabs.List, { loop: false, style: styles.tabsList, ...focusRingProps(), children: [tabs.map(tab => (_jsx(TabsTab, { value: tab.value, label: tab.label, leading: tab.leading, counter: tab.counter, etat: etatDeLOnglet(tab.value), disabled: tabs.length < 2, onHover: setHoverTab, onInteraction: handleOnInteraction }, tab.value))), ongletCourant?.renderAction && _jsx(Box, { ml: 'auto', children: ongletCourant.renderAction() })] }), _jsx(Box, { style: { flex: 1, minHeight: 0 }, children: tabs.map((tab, idx) => (_jsx(TamaguiTabs.Content, { style: styles.tabsContent, value: tab.value, ...focusRingProps(), children: _jsx(TabsContent, { content: ongletCourant?.content, scrollable: ongletCourant?.scrollable }) }, idx))) })] }) }));
 };

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

@@ -28,9 +28,6 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         tabsTab: {
-            appearance: "none";
-            backgroundColor: "transparent";
-            cursor: "pointer";
             paddingTop: string | number;
             paddingBottom: string | number;
             paddingLeft: number;
@@ -44,6 +41,10 @@ declare const _default: {
             gap: string | number;
             borderTopLeftRadius: import("@alveole/theme").Radius;
             borderTopRightRadius: import("@alveole/theme").Radius;
+            opacity: 1;
+            appearance: "none";
+            backgroundColor: "transparent";
+            cursor: "pointer";
         };
         tabsTabActive: {
             borderBottomColor: string;
@@ -77,9 +78,19 @@ declare const _default: {
             gap: string | number;
         };
         tabs: {
-            flex: number;
             minHeight: number;
             flexDirection: "column";
+            flexGrow: number;
+            flexShrink: number;
+            flexBasis: string;
+            flex?: undefined;
+        } | {
+            minHeight: number;
+            flexDirection: "column";
+            flex: number;
+            flexGrow?: undefined;
+            flexShrink?: undefined;
+            flexBasis?: undefined;
         };
         tabsList: {
             borderBottomLeftRadius: string | number;
@@ -92,9 +103,19 @@ declare const _default: {
             overflowX: "scroll";
         };
         tabsContent: {
-            flex: number;
             minHeight: number;
             overflow: "hidden";
+            flexGrow: number;
+            flexShrink: number;
+            flexBasis: string;
+            flex?: undefined;
+        } | {
+            minHeight: number;
+            overflow: "hidden";
+            flex: number;
+            flexGrow?: undefined;
+            flexShrink?: undefined;
+            flexBasis?: undefined;
         };
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO1B,wBAQkB;AAElB,eAAO,MAAM,OAAO,yBAuBnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO1B,wBAQkB;AAElB,eAAO,MAAM,OAAO,yBAuBnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}

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

@@ -20,9 +20,6 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     tabsTab: {
-        appearance: "none";
-        backgroundColor: "transparent";
-        cursor: "pointer";
         paddingTop: string | number;
         paddingBottom: string | number;
         paddingLeft: number;
@@ -36,6 +33,10 @@ export declare const useStyles: () => {
         gap: string | number;
         borderTopLeftRadius: import("@alveole/theme").Radius;
         borderTopRightRadius: import("@alveole/theme").Radius;
+        opacity: 1;
+        appearance: "none";
+        backgroundColor: "transparent";
+        cursor: "pointer";
     };
     tabsTabActive: {
         borderBottomColor: string;
@@ -69,9 +70,19 @@ export declare const useStyles: () => {
         gap: string | number;
     };
     tabs: {
-        flex: number;
         minHeight: number;
         flexDirection: "column";
+        flexGrow: number;
+        flexShrink: number;
+        flexBasis: string;
+        flex?: undefined;
+    } | {
+        minHeight: number;
+        flexDirection: "column";
+        flex: number;
+        flexGrow?: undefined;
+        flexShrink?: undefined;
+        flexBasis?: undefined;
     };
     tabsList: {
         borderBottomLeftRadius: string | number;
@@ -84,9 +95,19 @@ export declare const useStyles: () => {
         overflowX: "scroll";
     };
     tabsContent: {
-        flex: number;
         minHeight: number;
         overflow: "hidden";
+        flexGrow: number;
+        flexShrink: number;
+        flexBasis: string;
+        flex?: undefined;
+    } | {
+        minHeight: number;
+        overflow: "hidden";
+        flex: number;
+        flexGrow?: undefined;
+        flexShrink?: undefined;
+        flexBasis?: undefined;
     };
 };
 //# sourceMappingURL=Tabs.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Tabs/Tabs.styles.ts"],"names":[],"mappings":"AA8GA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2F,CAAC"}
+{"version":3,"file":"Tabs.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/Tabs/Tabs.styles.ts"],"names":[],"mappings":"AAkHA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2F,CAAC"}

package/dist/ui/Tabs/Tabs.styles.js

@@ -1,4 +1,6 @@
 import { makeStyles } from '@alveole/theme';
+import { flexDuWeb } from '../../core/styleTamagui/flexDuWeb';
+import { sansEstompage } from '../../core/styleTamagui/sansEstompage';
 const coque = ({ color, spacing }) => ({
     container: {
         flex: 1,
@@ -8,7 +10,7 @@ const coque = ({ color, spacing }) => ({
         gap: spacing('3V'),
     },
     tabs: {
-        flex: 1,
+        ...flexDuWeb(1),
         minHeight: 0,
         flexDirection: 'column',
     },
@@ -23,7 +25,7 @@ const coque = ({ color, spacing }) => ({
         overflowX: 'scroll', // On ajoute un scroll horizontal pour les petits écrans
     },
     tabsContent: {
-        flex: 1,
+        ...flexDuWeb(1),
         minHeight: 0,
         overflow: 'hidden',
     },
@@ -33,6 +35,8 @@ const onglet = ({ color, spacing, radius }) => ({
         appearance: 'none',
         backgroundColor: 'transparent',
         cursor: 'pointer',
+        // L'onglet seul est desactive.
+        ...sansEstompage,
         paddingTop: spacing('1W'),
         paddingBottom: spacing('1W'),
         paddingLeft: 0,

package/dist/ui/Tabs/TabsTab.js

@@ -11,5 +11,5 @@ export const TabsTab = (props) => {
     const { value, label, leading, counter, etat, disabled, onHover, onInteraction } = props;
     const styles = useStyles();
     const { onglet, enveloppe, icone, libelle } = apparenceDeLOnglet(styles, etat);
-    return (_jsx(TamaguiTabs.Tab, { unstyled: true, onHoverIn: () => onHover(value), onHoverOut: () => onHover(null), onInteraction: onInteraction, value: value, disabled: disabled, style: onglet, ...focusRingProps(), children: _jsxs(Box, { style: enveloppe, children: [_jsx(LeadingSlot, { contenu: leading, apparence: { size: 'sm', color: 'currentColor', style: icone } }), _jsx(Typography, { style: libelle, children: label }), counter !== undefined && counter > 0 && (_jsx(Counter, { variant: etat.actif ? 'primary' : 'default', count: counter }))] }) }));
+    return (_jsx(TamaguiTabs.Tab, { unstyled: true, onMouseEnter: () => onHover(value), onMouseLeave: () => onHover(null), onInteraction: onInteraction, value: value, disabled: disabled, style: onglet, ...focusRingProps(), children: _jsxs(Box, { style: enveloppe, children: [_jsx(LeadingSlot, { contenu: leading, apparence: { size: 'sm', color: 'currentColor', style: icone } }), _jsx(Typography, { style: libelle, children: label }), counter !== undefined && counter > 0 && (_jsx(Counter, { variant: etat.actif ? 'primary' : 'default', count: counter }))] }) }));
 };

package/dist/ui/Tabs/useTabsState.d.ts

@@ -6,6 +6,6 @@ export declare const useTabsState: (initialValue: string, onChange?: (index: num
     setCurrentTab: (currentTab: string, index: number) => void;
     restoreCurrentTab: (currentTab: string) => void;
     setHoverTab: (hoverTab: string | null) => void;
-    handleOnInteraction: (type: "hover" | "focus" | "select", layout: TabLayout | null) => void;
+    handleOnInteraction: (type: import("tamagui").InteractionType, layout: TabLayout | null) => void;
 };
 //# sourceMappingURL=useTabsState.d.ts.map

package/dist/ui/Tabs/useTabsState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTabsState.d.ts","sourceRoot":"","sources":["../../../src/ui/Tabs/useTabsState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAgB,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAgBjD,eAAO,MAAM,YAAY,GAAI,cAAc,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;8BA4BlD,MAAM,KAAG,aAAa;gCAnBpB,MAAM,SAAS,MAAM;oCAOjB,MAAM;4BAEd,MAAM,GAAG,IAAI;;CAuB7C,CAAC"}
+{"version":3,"file":"useTabsState.d.ts","sourceRoot":"","sources":["../../../src/ui/Tabs/useTabsState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAgB,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAgBjD,eAAO,MAAM,YAAY,GAAI,cAAc,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;8BA+BlD,MAAM,KAAG,aAAa;gCAtBpB,MAAM,SAAS,MAAM;oCAOjB,MAAM;4BAKd,MAAM,GAAG,IAAI;;CAuB7C,CAAC"}

package/dist/ui/Tabs/useTabsState.js

@@ -14,19 +14,22 @@ export const useTabsState = (initialValue, onChange) => {
         hoverTab: null,
     });
     const setCurrentTab = (currentTab, index) => {
-        setTabState({ ...tabState, currentTab });
+        setTabState(state => ({ ...state, currentTab }));
         onChange?.(index);
     };
     // Restaurer l'onglet actif depuis l'Anchor Namespace n'est pas une interaction : `onChange`
     // ne doit se declencher que sur un vrai clic, pas sur ce qui n'est qu'une reprise d'etat.
     const restoreCurrentTab = (currentTab) => setTabState(state => ({ ...state, currentTab }));
-    const setHoverTab = (hoverTab) => setTabState({ ...tabState, hoverTab });
+    // Chaque mise a jour part de l'etat courant, jamais de celui du rendu : en Tamagui v3, l'onglet
+    // emet son interaction `hover` dans le meme evenement que `onMouseEnter`, et une ecriture a
+    // partir de l'etat du rendu effacait le survol tout juste pose.
+    const setHoverTab = (hoverTab) => setTabState(state => ({ ...state, hoverTab }));
     const handleOnInteraction = (type, layout) => {
         if (type === 'select') {
-            setTabState({ ...tabState, prevActiveAt: tabState.activeAt, activeAt: layout });
+            setTabState(state => ({ ...state, prevActiveAt: state.activeAt, activeAt: layout }));
         }
         else {
-            setTabState({ ...tabState, intentAt: layout });
+            setTabState(state => ({ ...state, intentAt: layout }));
         }
     };
     const etatDeLOnglet = (tabValue) => ({

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

@@ -1,4 +1,4 @@
-import { BoxProps } from '../../core/Box';
+import { type ToastItemRenderProps } from '@tamagui/toast';
 import { Leading } from '../Leading';
 import type { ToastAPIOptions } from './ToastContext';
 type ToastVariant = NonNullable<ToastAPIOptions['variant']>;
@@ -10,7 +10,7 @@ export type ToastViewProps = {
     onClose?: () => void;
 };
 export declare function ToastView({ title, message, variant, leading, onClose }: ToastViewProps): import("react").JSX.Element;
-export type ToastProps = Omit<BoxProps, 'children'>;
-export declare function Toast(): import("react").JSX.Element | null;
+export type ToastProps = ToastItemRenderProps;
+export declare function Toast({ toast, index }: ToastProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Toast.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAGrC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,KAAK,YAAY,GAAG,WAAW,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAmB,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,cAAc,+BAqBlG;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAEpD,wBAAgB,KAAK,uCAyBpB"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAIlF,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAGrC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,KAAK,YAAY,GAAG,WAAW,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAmB,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,cAAc,+BAqBlG;AAED,MAAM,MAAM,UAAU,GAAG,oBAAoB,CAAC;AAK9C,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,UAAU,+BAQjD"}

package/dist/ui/Toast/Toast.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Toast as TamaguiToast, useToastController, useToastState } from '@tamagui/toast';
+import { Toast as TamaguiToast } from '@tamagui/toast';
 import { Pressable } from 'react-native';
 import { Box } from '../../core/Box';
 import { Typography } from '../../core/Typography';
@@ -10,11 +10,9 @@ export function ToastView({ title, message, variant = 'default', leading, onClos
     const styles = useStyles();
     return (_jsxs(Box, { style: styles.container, children: [_jsx(ToastType, { variant: variant, leading: leading }), _jsxs(Box, { style: styles.contenu, children: [_jsxs(Box, { style: styles.titleContainer, children: [_jsx(Typography, { style: styles.title, children: title }), _jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: "Fermer la notification", onPress: onClose, children: _jsx(LucideIcon, { name: "X", size: "md" }) })] }), message && (_jsx(Box, { children: _jsx(Typography, { style: styles.message, children: message }) }))] })] }));
 }
-export function Toast() {
-    const toast = useToastState();
-    const controller = useToastController();
+const horsEcran = { opacity: 0, y: 10, scale: 0.98 };
+const animationDuToast = { enter: horsEcran, exit: horsEcran };
+export function Toast({ toast, index }) {
     const styles = useStyles();
-    if (!toast)
-        return null;
-    return (_jsx(TamaguiToast, { duration: toast.duration, enterStyle: { opacity: 0, y: 10, scale: 0.98 }, exitStyle: { opacity: 0, y: 10, scale: 0.98 }, viewportName: "app-toasts", style: styles.tamaguiToastContainer, children: _jsx(ToastView, { title: toast.title, message: toast.message, variant: toast.customData?.variant ?? 'default', leading: toast.customData?.leading, onClose: () => controller.hide() }) }, toast.id));
+    return (_jsx(TamaguiToast.Item, { toast: toast, index: index, ...animationDuToast, style: styles.tamaguiToastContainer, children: toast.jsx }));
 }

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

@@ -152,18 +152,21 @@ export default _default;
  * import { Toasts } from '@alveole/components';
  * import { ThemeProvider } from '@alveole/theme';
  * import { Stack } from 'expo-router';
+ * import { SafeAreaProvider } from 'react-native-safe-area-context';
  * import { TamaguiProvider } from 'tamagui';
  * import { tamaguiConfig } from '../tamagui.config';
  *
  * export default function RootLayout() {
  *   return (
- *     <TamaguiProvider config={tamaguiConfig} defaultTheme="light">
- *       <ThemeProvider loader={false}>
- *         <Toasts>
- *           <Stack screenOptions={{ headerShown: false }} />
- *         </Toasts>
- *       </ThemeProvider>
- *     </TamaguiProvider>
+ *     <SafeAreaProvider>
+ *       <TamaguiProvider config={tamaguiConfig} defaultTheme="light">
+ *         <ThemeProvider loader={false}>
+ *           <Toasts>
+ *             <Stack screenOptions={{ headerShown: false }} />
+ *           </Toasts>
+ *         </ThemeProvider>
+ *       </TamaguiProvider>
+ *     </SafeAreaProvider>
  *   );
  * }
  * ```

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

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

package/dist/ui/Toast/Toast.stories.js

@@ -3,9 +3,9 @@ import { Box } from '../../core/Box';
 import { Button } from '../Button';
 import { Toast, ToastView } from './Toast';
 import { useStyles } from './Toast.styles';
-import { defaultDuration } from './ToastBridge';
+import { defaultDuration } from './ToastContext';
+import { useToast } from './Toasts';
 import { ToastType } from './ToastType';
-import { useToast } from './index';
 export default {
     title: 'Toast',
     tags: ['ui'],
@@ -23,18 +23,21 @@ export default {
  * import { Toasts } from '@alveole/components';
  * import { ThemeProvider } from '@alveole/theme';
  * import { Stack } from 'expo-router';
+ * import { SafeAreaProvider } from 'react-native-safe-area-context';
  * import { TamaguiProvider } from 'tamagui';
  * import { tamaguiConfig } from '../tamagui.config';
  *
  * export default function RootLayout() {
  *   return (
- *     <TamaguiProvider config={tamaguiConfig} defaultTheme="light">
- *       <ThemeProvider loader={false}>
- *         <Toasts>
- *           <Stack screenOptions={{ headerShown: false }} />
- *         </Toasts>
- *       </ThemeProvider>
- *     </TamaguiProvider>
+ *     <SafeAreaProvider>
+ *       <TamaguiProvider config={tamaguiConfig} defaultTheme="light">
+ *         <ThemeProvider loader={false}>
+ *           <Toasts>
+ *             <Stack screenOptions={{ headerShown: false }} />
+ *           </Toasts>
+ *         </ThemeProvider>
+ *       </TamaguiProvider>
+ *     </SafeAreaProvider>
  *   );
  * }
  * ```

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

@@ -21,5 +21,5 @@ export const storySources = {
     ToastsTypes,
 };
 export const storyDescriptions = {
-    All: "Le fichier `_layout.tsx` doit inclure la balise `<Toasts>` pour fonctionner.\n\n```tsx\nimport { Toasts } from '@alveole/components';\nimport { ThemeProvider } from '@alveole/theme';\nimport { Stack } from 'expo-router';\nimport { TamaguiProvider } from 'tamagui';\nimport { tamaguiConfig } from '../tamagui.config';\n\nexport default function RootLayout() {\n  return (\n    <TamaguiProvider config={tamaguiConfig} defaultTheme=\"light\">\n      <ThemeProvider loader={false}>\n        <Toasts>\n          <Stack screenOptions={{ headerShown: false }} />\n        </Toasts>\n      </ThemeProvider>\n    </TamaguiProvider>\n  );\n}\n```",
+    All: "Le fichier `_layout.tsx` doit inclure la balise `<Toasts>` pour fonctionner.\n\n```tsx\nimport { Toasts } from '@alveole/components';\nimport { ThemeProvider } from '@alveole/theme';\nimport { Stack } from 'expo-router';\nimport { SafeAreaProvider } from 'react-native-safe-area-context';\nimport { TamaguiProvider } from 'tamagui';\nimport { tamaguiConfig } from '../tamagui.config';\n\nexport default function RootLayout() {\n  return (\n    <SafeAreaProvider>\n      <TamaguiProvider config={tamaguiConfig} defaultTheme=\"light\">\n        <ThemeProvider loader={false}>\n          <Toasts>\n            <Stack screenOptions={{ headerShown: false }} />\n          </Toasts>\n        </ThemeProvider>\n      </TamaguiProvider>\n    </SafeAreaProvider>\n  );\n}\n```",
 };

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Leading } from '../Leading';
+export declare const defaultDuration = 8000;
 export type ToastAPIOptions = {
     leading?: Leading;
     duration?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/ToastContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CAChE,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5E,CAAC;AAEF,eAAO,MAAM,YAAY,gCAA6C,CAAC"}
+{"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/ToastContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;CAChE,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5E,CAAC;AAEF,eAAO,MAAM,YAAY,gCAA6C,CAAC"}

package/dist/ui/Toast/ToastContext.js

@@ -1,2 +1,3 @@
 import React from 'react';
+export const defaultDuration = 8000;
 export const ToastContext = React.createContext(null);

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

@@ -1,5 +1,6 @@
 import React from 'react';
+import { type ToastAPI } from './ToastContext';
 export type ToastsProps = React.PropsWithChildren<object>;
 export declare function Toasts(props: ToastsProps): React.JSX.Element;
-export declare function useToast(): import("./ToastContext").ToastAPI;
+export declare function useToast(): ToastAPI;
 //# sourceMappingURL=Toasts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toasts.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toasts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;AAE1D,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBAYxC;AAED,wBAAgB,QAAQ,sCAIvB"}
+{"version":3,"file":"Toasts.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toasts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAiC,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE9E,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;AAmB1D,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBAaxC;AAED,wBAAgB,QAAQ,aAIvB"}

package/dist/ui/Toast/Toasts.js

@@ -1,12 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ToastProvider, ToastViewport } from '@tamagui/toast';
+import { Toast as TamaguiToast, toast } from '@tamagui/toast';
 import React from 'react';
-import { Toast } from './Toast';
-import { ToastBridge } from './ToastBridge';
-import { ToastContext } from './ToastContext';
+import { Toast, ToastView } from './Toast';
+import { defaultDuration, ToastContext } from './ToastContext';
+const api = {
+    present: (title, message, opts) => {
+        toast.custom(id => (_jsx(ToastView, { title: title, message: message, variant: opts?.variant, leading: opts?.leading, onClose: () => toast.dismiss(id) })), { duration: opts?.duration });
+    },
+};
 export function Toasts(props) {
     const { children } = props;
-    return (_jsx(ToastProvider, { swipeDirection: "horizontal", children: _jsxs(ToastBridge, { children: [_jsx(Toast, {}), _jsx(ToastViewport, { name: "app-toasts", multipleToasts: true, bottom: 32, left: 0, right: 0 }), children] }) }));
+    return (_jsx(TamaguiToast, { position: "bottom-center", duration: defaultDuration, swipeDirection: "horizontal", children: _jsxs(ToastContext.Provider, { value: api, children: [children, _jsx(TamaguiToast.Viewport, { offset: 32, children: _jsx(TamaguiToast.List, { renderItem: item => _jsx(Toast, { ...item }) }) })] }) }));
 }
 export function useToast() {
     const ctx = React.useContext(ToastContext);

package/dist/ui/ToolbarTop/toolbarTopStyling.d.ts

@@ -200,7 +200,7 @@ export declare const styleDuTitre: (styles: Styles, grandTitre: boolean, typogra
     fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
     fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
     fontVariationSettings?: import("csstype").Property.FontVariationSettings | undefined;
-    fontWeight?: "100" | "200" | "300" | "400" | "500" | "600" | "800" | "black" | 100 | "medium" | "thin" | "light" | import("csstype").Property.FontWeight | "condensed" | "700" | "900" | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "regular" | "semibold" | "condensedBold" | "heavy" | undefined;
+    fontWeight?: "100" | "200" | "300" | "400" | "500" | "600" | "800" | "black" | "light" | "medium" | "thin" | import("csstype").Property.FontWeight | "700" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | undefined;
     fontWidth?: import("csstype").Property.FontWidth | undefined;
     forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | undefined;
     gridAutoColumns?: import("csstype").Property.GridAutoColumns<string | number> | undefined;
@@ -1059,7 +1059,7 @@ export declare const styleDuSousTitre: (styles: Styles, grandTitre: boolean, typ
     fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
     fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
     fontVariationSettings?: import("csstype").Property.FontVariationSettings | undefined;
-    fontWeight?: "100" | "200" | "300" | "400" | "500" | "600" | "800" | "black" | 100 | "medium" | "thin" | "light" | import("csstype").Property.FontWeight | "condensed" | "700" | "900" | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "regular" | "semibold" | "condensedBold" | "heavy" | undefined;
+    fontWeight?: "100" | "200" | "300" | "400" | "500" | "600" | "800" | "black" | "light" | "medium" | "thin" | import("csstype").Property.FontWeight | "700" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | undefined;
     fontWidth?: import("csstype").Property.FontWidth | undefined;
     forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | undefined;
     gridAutoColumns?: import("csstype").Property.GridAutoColumns<string | number> | undefined;