@alveole/components 2.0.0-alpha.5 → 2.0.0-alpha.7

package/dist/core/A/A.d.ts

@@ -1,5 +1,6 @@
 import { Href } from 'expo-router';
 import React, { CSSProperties } from 'react';
+import { BoxProps } from '../Box';
 import { CibleDuLien } from './ouvertureDuLien';
 export type CanAccessHref = (href: Href & string) => boolean;
 /** Contexte optionnel pour fournir la logique d'accès aux liens (ex. droits métier). Non fourni = tous les liens sont cliquables. */
@@ -11,7 +12,8 @@ export type AProps = React.PropsWithChildren<{
     /** default: "push" */
     direction?: 'push' | 'replace' | 'dismiss';
     style?: CSSProperties;
-    hoverStyle?: CSSProperties;
+    /** Fond du lien, clauses de Tamagui comprises (`{ hover: ... }`, ADR 0031). */
+    backgroundColor?: BoxProps['backgroundColor'];
     /** Override la logique d'accès (sinon utilise LinkAccessContext si fourni, sinon accès autorisé). */
     canAccessHref?: CanAccessHref;
     /** Marque le lien comme représentant l'emplacement courant. "page" pour la page affichée. */

package/dist/core/A/A.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"A.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAQ,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,EAAE,EAAE,aAAa,EAA6B,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,WAAW,EAAmB,MAAM,mBAAmB,CAAC;AAEjE,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,KAAK,OAAO,CAAC;AAE7D,qIAAqI;AACrI,eAAO,MAAM,iBAAiB,qCAA4C,CAAC;AAE3E,0GAA0G;AAC1G,eAAO,MAAM,gBAAgB,GAAI,gBAAgB,aAAa,KAAG,aAGhE,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3C,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,qGAAqG;IACrG,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,6FAA6F;IAC7F,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7D,gIAAgI;IAChI,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,CAAC,GAAI,OAAO,MAAM,sBA8D9B,CAAC"}
+{"version":3,"file":"A.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAQ,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,EAAE,EAAE,aAAa,EAA6B,MAAM,OAAO,CAAC;AAExE,OAAO,EAAO,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAmB,MAAM,mBAAmB,CAAC;AAEjE,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,KAAK,OAAO,CAAC;AAE7D,qIAAqI;AACrI,eAAO,MAAM,iBAAiB,qCAA4C,CAAC;AAE3E,0GAA0G;AAC1G,eAAO,MAAM,gBAAgB,GAAI,gBAAgB,aAAa,KAAG,aAGhE,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3C,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,+EAA+E;IAC/E,eAAe,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAC9C,qGAAqG;IACrG,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,6FAA6F;IAC7F,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7D,gIAAgI;IAChI,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,CAAC,GAAI,OAAO,MAAM,sBA8D9B,CAAC"}

package/dist/core/A/A.js

@@ -15,7 +15,7 @@ export const useCanAccessHref = (canAccessProp) => {
     return canAccessProp ?? canAccessFromContext ?? (() => true);
 };
 export const A = (props) => {
-    const { children, href, direction = 'push', style, hoverStyle, ariaCurrent, target, canAccessHref: canAccessProp, } = props;
+    const { children, href, direction = 'push', style, backgroundColor, ariaCurrent, target, canAccessHref: canAccessProp, } = props;
     const styles = useStyles();
     // Sur le web, ce Pressable rend le `<a>` lui-meme : il porte donc une couleur de texte, que
     // `ViewStyle` ne connait pas. `TextStyle` l'etend et la decrit.
@@ -23,7 +23,7 @@ export const A = (props) => {
     const canAccess = useCanAccessHref(canAccessProp);
     const fill = useContext(GridColumnContext) ? styles.fill : undefined;
     const { navigateurIntegre, propsDuPressable, annonce } = ouvertureDuLien(href, target);
-    const contenu = (_jsxs(Box, { tag: "a-pressable", style: { ...styles.pressable, ...fill, ...style }, hoverStyle: hoverStyle, children: [children, annonce] }));
+    const contenu = (_jsxs(Box, { tag: "a-pressable", style: { ...styles.pressable, ...fill, ...style }, backgroundColor: backgroundColor, children: [children, annonce] }));
     const lienNavigateurIntegre = (_jsx(Pressable, { accessibilityRole: "link", "aria-current": ariaCurrent, ...propsDuPressable, style: { ...styleDuLien, ...fill }, ...focusRingProps(), children: contenu }));
     const expoLink = (_jsx(Link, { href: href, asChild: true, replace: direction === 'replace', push: direction === 'push', dismissTo: direction === 'dismiss', children: _jsx(Pressable, { accessibilityRole: "link", "aria-current": ariaCurrent, ...propsDuPressable, style: { ...styleDuLien, ...fill }, ...focusRingProps(), children: contenu }) }));
     if (!canAccess(href))

package/dist/core/Box/Box.d.ts

@@ -1,11 +1,11 @@
 import { RNTamaguiViewNonStyleProps, TamaguiElement, ViewProps as TamaguiViewProps } from '@tamagui/core';
-import React, { CSSProperties } from 'react';
+import React from 'react';
 import { BoxStyle } from './Box.types';
-export type BoxProps = Pick<TamaguiViewProps, 'exitStyle' | 'focusStyle' | 'pressStyle' | 'disabledStyle'> & RNTamaguiViewNonStyleProps & BoxStyle & {
-    hoverStyle?: CSSProperties;
+export type BoxProps = Omit<TamaguiViewProps, keyof BoxStyle | 'tag' | 'style'> & Omit<RNTamaguiViewNonStyleProps, 'tag'> & BoxStyle & {
+    tag?: string;
 };
 export type BoxElement = TamaguiElement;
-export declare const Box: React.ForwardRefExoticComponent<Pick<import("tamagui").StackProps, "pressStyle" | "focusStyle" | "disabledStyle" | "exitStyle"> & RNTamaguiViewNonStyleProps & Pick<import("tamagui").StackProps, "display" | "flex" | "flexWrap" | "flexDirection" | "opacity" | "overflow"> & {
+export declare const Box: React.ForwardRefExoticComponent<Omit<TamaguiViewProps, "flex" | "backgroundColor" | "borderColor" | "borderRadius" | "borderWidth" | "opacity" | "display" | "flexDirection" | "flexWrap" | "overflow" | "gap" | "style" | "justify" | keyof import("../..").SizeStyle | "p" | "pl" | "pr" | "pt" | "pb" | "m" | "ml" | "mr" | "mt" | "mb" | "tag"> & Omit<RNTamaguiViewNonStyleProps, "tag"> & Pick<TamaguiViewProps, "flex" | "opacity" | "display" | "flexDirection" | "flexWrap" | "overflow"> & {
     justify?: TamaguiViewProps["justifyContent"];
 } & import("../..").SizeStyle & {
     p?: number | import("@alveole/theme").SpacingKey;
@@ -18,12 +18,12 @@ export declare const Box: React.ForwardRefExoticComponent<Pick<import("tamagui")
     mr?: number | `${string}%` | import("@alveole/theme").SpacingKey | "auto";
     mt?: number | `${string}%` | import("@alveole/theme").SpacingKey | "auto";
     mb?: number | `${string}%` | import("@alveole/theme").SpacingKey | "auto";
-    backgroundColor?: string;
-    borderWidth?: number;
+    backgroundColor?: TamaguiViewProps["backgroundColor"];
+    borderWidth?: TamaguiViewProps["borderWidth"];
     borderRadius?: number | string;
-    borderColor?: string;
+    borderColor?: TamaguiViewProps["borderColor"];
     gap?: number | import("@alveole/theme").SpacingKey;
 } & {
-    hoverStyle?: CSSProperties;
+    tag?: string;
 } & React.RefAttributes<TamaguiElement>>;
 //# sourceMappingURL=Box.d.ts.map

package/dist/core/Box/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/core/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAE1B,cAAc,EAEd,SAAS,IAAI,gBAAgB,EAC9B,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,YAAY,GAAG,YAAY,GAAG,eAAe,CAAC,GACxG,0BAA0B,GAC1B,QAAQ,GAAG;IACT,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B,CAAC;AAGJ,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAExC,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;iBANC,aAAa;wCAgD5B,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/core/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAE1B,cAAc,EAEd,SAAS,IAAI,gBAAgB,EAC9B,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAMvC,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAC,GAC7E,IAAI,CAAC,0BAA0B,EAAE,KAAK,CAAC,GACvC,QAAQ,GAAG;IAGT,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAGJ,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAExC,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;UANN,MAAM;wCAiDd,CAAC"}

package/dist/core/Box/Box.js

@@ -1,11 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { styled, View as TamaguiView, } from '@tamagui/core';
 import React from 'react';
-import { versStyleTamagui } from '../styleTamagui/versStyleTamagui';
+import { aplatirStyle } from '../styleTamagui/aplatirStyle';
+import { definis } from '../styleTamagui/definis';
+import { correctionFlexDuWeb } from '../styleTamagui/flexDuWeb';
 import { resolveSpacing } from './resolveSpacing';
 const StyledView = styled(TamaguiView, { name: 'Box' });
 export const Box = React.forwardRef(function Box(props, ref) {
-    const { tag, style, borderRadius, hoverStyle, mt, mb, mr, ml, m, pt, pb, pl, pr, p, gap, ...viewProps } = props;
+    const { tag, style, borderRadius, mt, mb, mr, ml, m, pt, pb, pl, pr, p, gap, ...viewProps } = props;
     const radius = {
         borderBottomRightRadius: borderRadius,
         borderTopRightRadius: borderRadius,
@@ -29,5 +31,6 @@ export const Box = React.forwardRef(function Box(props, ref) {
     const spacings = {
         gap: resolveSpacing(gap),
     };
-    return (_jsx(StyledView, { ref: ref, tag: tag ?? 'box', style: style, ...radius, hoverStyle: versStyleTamagui(hoverStyle), ...viewProps, ...margins, ...paddings, ...spacings }));
+    const correctionFlex = correctionFlexDuWeb(style);
+    return (_jsx(StyledView, { ref: ref, render: tag ?? 'box', style: correctionFlex ? { ...aplatirStyle(style), ...correctionFlex } : style, ...radius, ...viewProps, ...definis(margins), ...definis(paddings), ...definis(spacings) }));
 });

package/dist/core/Box/Box.stories.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
     experimental: false;
     description: string;
     shortDescription: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("tamagui").StackProps, "pressStyle" | "focusStyle" | "disabledStyle" | "exitStyle"> & import("@tamagui/core").RNTamaguiViewNonStyleProps & Pick<import("tamagui").StackProps, "display" | "flex" | "flexWrap" | "flexDirection" | "opacity" | "overflow"> & {
+    component: import("react").ForwardRefExoticComponent<Omit<import("tamagui").ViewProps, "flex" | "backgroundColor" | "borderColor" | "borderRadius" | "borderWidth" | "opacity" | "display" | "flexDirection" | "flexWrap" | "overflow" | "gap" | "style" | "justify" | keyof import("../..").SizeStyle | "p" | "pl" | "pr" | "pt" | "pb" | "m" | "ml" | "mr" | "mt" | "mb" | "tag"> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "tag"> & Pick<import("tamagui").ViewProps, "flex" | "opacity" | "display" | "flexDirection" | "flexWrap" | "overflow"> & {
         justify?: import("tamagui").ViewProps["justifyContent"];
     } & import("../..").SizeStyle & {
         p?: number | import("@alveole/theme").SpacingKey;
@@ -17,13 +17,13 @@ declare const _default: {
         mr?: number | `${string}%` | import("@alveole/theme").SpacingKey | "auto";
         mt?: number | `${string}%` | import("@alveole/theme").SpacingKey | "auto";
         mb?: number | `${string}%` | import("@alveole/theme").SpacingKey | "auto";
-        backgroundColor?: string;
-        borderWidth?: number;
+        backgroundColor?: import("tamagui").ViewProps["backgroundColor"];
+        borderWidth?: import("tamagui").ViewProps["borderWidth"];
         borderRadius?: number | string;
-        borderColor?: string;
+        borderColor?: import("tamagui").ViewProps["borderColor"];
         gap?: number | import("@alveole/theme").SpacingKey;
     } & {
-        hoverStyle?: import("react").CSSProperties;
+        tag?: string;
     } & import("react").RefAttributes<import("tamagui").TamaguiElement>>;
     styleFn: () => string;
 };

package/dist/core/Box/Box.stories.js

@@ -13,5 +13,5 @@ export default {
 export const BoxDefault = () => (_jsx(Box, { tag: "box", children: _jsx(Typography, { children: "Contenu par d\u00E9faut" }) }));
 export const BoxPadded = () => (_jsx(Box, { tag: "padded", p: 16, children: _jsx(Typography, { children: "Box avec padding" }) }));
 export const BoxPaddedWithBackground = () => (_jsx(Box, { tag: "padded-with-background", backgroundColor: '#f0f0f0', p: 16, children: _jsx(Typography, { children: "Box avec fond gris clair et padding" }) }));
-export const BoxHovered = () => (_jsx(Box, { tag: "hovered", hoverStyle: { background: '#f0f0f0' }, children: _jsx(Typography, { children: "Box avec fond gris changeant au hover" }) }));
+export const BoxHovered = () => (_jsx(Box, { tag: "hovered", backgroundColor: "hover:#f0f0f0", children: _jsx(Typography, { children: "Box avec fond gris changeant au hover" }) }));
 export * as Sources from './Box.stories.sources';

package/dist/core/Box/Box.stories.sources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Box/Box.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,cAAgI,CAAC;AAExJ,eAAO,MAAM,SAAS,cAAuI,CAAC;AAE9J,eAAO,MAAM,uBAAuB,cAAoN,CAAC;AAEzP,eAAO,MAAM,UAAU,cAA8L,CAAC;AAEtN,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Box.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Box/Box.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,cAAgI,CAAC;AAExJ,eAAO,MAAM,SAAS,cAAuI,CAAC;AAE9J,eAAO,MAAM,uBAAuB,cAAoN,CAAC;AAEzP,eAAO,MAAM,UAAU,cAAyL,CAAC;AAEjN,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/core/Box/Box.stories.sources.js

@@ -3,7 +3,7 @@
 export const BoxDefault = () => "export const BoxDefault = () => (\n  <Box tag=\"box\">\n    <Typography>Contenu par défaut</Typography>\n  </Box>\n);";
 export const BoxPadded = () => "export const BoxPadded = () => (\n  <Box tag=\"padded\" p={16}>\n    <Typography>Box avec padding</Typography>\n  </Box>\n);";
 export const BoxPaddedWithBackground = () => "export const BoxPaddedWithBackground = () => (\n  <Box tag=\"padded-with-background\" backgroundColor={'#f0f0f0'} p={16}>\n    <Typography>Box avec fond gris clair et padding</Typography>\n  </Box>\n);";
-export const BoxHovered = () => "export const BoxHovered = () => (\n  <Box tag=\"hovered\" hoverStyle={{ background: '#f0f0f0' }}>\n    <Typography>Box avec fond gris changeant au hover</Typography>\n  </Box>\n);";
+export const BoxHovered = () => "export const BoxHovered = () => (\n  <Box tag=\"hovered\" backgroundColor=\"hover:#f0f0f0\">\n    <Typography>Box avec fond gris changeant au hover</Typography>\n  </Box>\n);";
 export const storySources = {
     BoxDefault,
     BoxPadded,

package/dist/core/Box/Box.types.d.ts

@@ -15,10 +15,10 @@ export type BoxAdvancedStyle = SizeStyle & {
     mr?: number | `${string}%` | SpacingKey | 'auto';
     mt?: number | `${string}%` | SpacingKey | 'auto';
     mb?: number | `${string}%` | SpacingKey | 'auto';
-    backgroundColor?: string;
-    borderWidth?: number;
+    backgroundColor?: ViewProps['backgroundColor'];
+    borderWidth?: ViewProps['borderWidth'];
     borderRadius?: number | string;
-    borderColor?: string;
+    borderColor?: ViewProps['borderColor'];
     gap?: number | SpacingKey;
 };
 export type BoxStyle = BoxBaseStyle & BoxAdvancedStyle;

package/dist/core/Box/Box.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.types.d.ts","sourceRoot":"","sources":["../../../src/core/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,SAAS,EACT,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,SAAS,GAAG,UAAU,CAC3E,GAAG;IACF,OAAO,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG;IACzC,CAAC,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAEzB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;IAChD,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;IAEjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"Box.types.d.ts","sourceRoot":"","sources":["../../../src/core/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,SAAS,EACT,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,eAAe,GAAG,SAAS,GAAG,UAAU,CAC3E,GAAG;IACF,OAAO,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG;IACzC,CAAC,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAEzB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;IAChD,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;IACjD,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;IAGjD,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,YAAY,GAAG,gBAAgB,CAAC"}

package/dist/core/Form/Form.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.web.d.ts","sourceRoot":"","sources":["../../../src/core/Form/Form.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,sBAcpC,CAAC"}
+{"version":3,"file":"Form.web.d.ts","sourceRoot":"","sources":["../../../src/core/Form/Form.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,sBAgBpC,CAAC"}

package/dist/core/Form/Form.web.js

@@ -9,7 +9,10 @@ export const Form = (props) => {
     const webFormProps = {
         onSubmit: (e) => {
             e.preventDefault();
-            const button = formRef.current?.querySelector('button[role="button"][aria-selected="true"]');
+            const form = formRef.current;
+            if (!(form instanceof HTMLElement))
+                return;
+            const button = form.querySelector('button[role="button"][aria-selected="true"]');
             if (button instanceof HTMLElement)
                 button.click();
         },

package/dist/core/Grid/Grid.stories.d.ts

@@ -4,7 +4,7 @@ declare const _default: {
     experimental: false;
     description: string;
     shortDescription: string;
-    component: ((props: Pick<import("..").BoxProps, "children" | "gap"> & import("../..").SizeStyle & {
+    component: ((props: Pick<import("..").BoxProps, "gap" | "children"> & import("../..").SizeStyle & {
         p?: number | import("@alveole/theme").SpacingKey;
         pl?: number | import("@alveole/theme").SpacingKey;
         pr?: number | import("@alveole/theme").SpacingKey;
@@ -15,10 +15,10 @@ declare const _default: {
         mr?: number | `${string}%` | import("@alveole/theme").SpacingKey | "auto";
         mt?: number | `${string}%` | import("@alveole/theme").SpacingKey | "auto";
         mb?: number | `${string}%` | import("@alveole/theme").SpacingKey | "auto";
-        backgroundColor?: string;
-        borderWidth?: number;
+        backgroundColor?: import("tamagui").ViewProps["backgroundColor"];
+        borderWidth?: import("tamagui").ViewProps["borderWidth"];
         borderRadius?: number | string;
-        borderColor?: string;
+        borderColor?: import("tamagui").ViewProps["borderColor"];
         gap?: number | import("@alveole/theme").SpacingKey;
     }) => import("react").JSX.Element) & {
         Column: (props: import("./Grid").GridColumnProps) => import("react").JSX.Element;

package/dist/core/Map/useGoogleMap.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { TamaguiElement } from 'tamagui';
 import { GoogleNamespace } from './googleMaps.types';
 import { LatLng, MapProps } from './Map.props';
 declare global {
@@ -8,6 +9,6 @@ declare global {
 }
 export declare const shouldFitToMarkers: (fitToMarkers: boolean | undefined, center: LatLng | undefined, markersCount: number) => boolean;
 export declare function useGoogleMap(props: MapProps): {
-    containerRef: React.RefObject<HTMLDivElement | null>;
+    containerRef: React.RefObject<TamaguiElement | null>;
 };
 //# sourceMappingURL=useGoogleMap.d.ts.map

package/dist/core/Map/useGoogleMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGoogleMap.d.ts","sourceRoot":"","sources":["../../../src/core/Map/useGoogleMap.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA2B,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAU,MAAM,aAAa,CAAC;AAEvD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,CAAC,EAAE,eAAe,CAAC;KAC1B;CACF;AAqCD,eAAO,MAAM,kBAAkB,GAC7B,cAAc,OAAO,GAAG,SAAS,EACjC,QAAQ,MAAM,GAAG,SAAS,EAC1B,cAAc,MAAM,KACnB,OAAwD,CAAC;AAqH5D,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ;;EAuC3C"}
+{"version":3,"file":"useGoogleMap.d.ts","sourceRoot":"","sources":["../../../src/core/Map/useGoogleMap.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAA2B,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAU,MAAM,aAAa,CAAC;AAEvD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,CAAC,EAAE,eAAe,CAAC;KAC1B;CACF;AAqCD,eAAO,MAAM,kBAAkB,GAC7B,cAAc,OAAO,GAAG,SAAS,EACjC,QAAQ,MAAM,GAAG,SAAS,EAC1B,cAAc,MAAM,KACnB,OAAwD,CAAC;AAsH5D,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ;;EAuC3C"}

package/dist/core/Map/useGoogleMap.js

@@ -89,13 +89,14 @@ function useMapInit({ containerRef, mapRef, center, markers, zoom, mapOptions, r
             await loadGoogleMaps();
             if (cancelled)
                 return;
-            if (!containerRef.current)
+            const container = containerRef.current;
+            if (!(container instanceof HTMLElement))
                 return;
             const google = window.google;
             if (!google?.maps)
                 throw new Error('Google Maps not available on window');
             const initialCenter = center ?? markers[0]?.position ?? { lat: 48.8566, lng: 2.3522 };
-            mapRef.current = new google.maps.Map(containerRef.current, {
+            mapRef.current = new google.maps.Map(container, {
                 center: initialCenter,
                 zoom,
                 clickableIcons: false,

package/dist/core/MarkdownDescription/MarkdownDescription.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownDescription.d.ts","sourceRoot":"","sources":["../../../src/core/MarkdownDescription/MarkdownDescription.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,wCAA+C,wBAAwB,sBAsD1G,CAAC"}
+{"version":3,"file":"MarkdownDescription.d.ts","sourceRoot":"","sources":["../../../src/core/MarkdownDescription/MarkdownDescription.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,wBAAwB,GAAG;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,wCAA+C,wBAAwB,sBAkD1G,CAAC"}

package/dist/core/MarkdownDescription/MarkdownDescription.js

@@ -24,8 +24,6 @@ export const MarkdownDescription = ({ children, taille = 'MD', color: textColor
     // de la couleur) exige qu'un lien au milieu d'un bloc de texte se distingue de son
     // entourage par autre chose que sa seule couleur.
     const linkColor = color.light.text['default-info'];
-    const linkStyle = { textDecoration: 'underline' };
-    const linkHoverStyle = { textDecoration: 'none' };
     const components = createMarkdownComponents({
         bodyStyle,
         boldStyle,
@@ -35,8 +33,6 @@ export const MarkdownDescription = ({ children, taille = 'MD', color: textColor
         borderColor,
         headerBg,
         linkColor,
-        linkStyle,
-        linkHoverStyle,
     });
     return (_jsx(Box, { tag: "markdown-description", display: "flex", gap: 8, children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm, replierLesCoupuresDeLigne], components: components, children: children }) }));
 };

package/dist/core/MarkdownDescription/markdownComponents.d.ts

@@ -19,12 +19,6 @@ type MarkdownComponentsStyles = {
     borderColor: string;
     headerBg: string;
     linkColor: string;
-    linkStyle: {
-        textDecoration: 'underline';
-    };
-    linkHoverStyle: {
-        textDecoration: 'none';
-    };
 };
 type TextComponentStyles = Pick<MarkdownComponentsStyles, 'bodyStyle' | 'boldStyle' | 'textColor'>;
 export declare const createTextComponents: ({ bodyStyle, boldStyle, textColor }: TextComponentStyles) => {

package/dist/core/MarkdownDescription/markdownComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdownComponents.d.ts","sourceRoot":"","sources":["../../../src/core/MarkdownDescription/markdownComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAazD,eAAO,MAAM,eAAe,GAAI,YAAY,MAAM,KAAG,cAAc,CAAC,UAAU,CAG7E,CAAC;AAEF,KAAK,WAAW,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC;AAClD,KAAK,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,eAAe,CAAC,CAAC;AAE9G,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,SAAS,CAAC;IACrB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IAChC,4EAA4E;IAC5E,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE;QAAE,cAAc,EAAE,WAAW,CAAA;KAAE,CAAC;IAC3C,cAAc,EAAE;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5C,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,CAAC,wBAAwB,EAAE,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;AAEnG,eAAO,MAAM,oBAAoB,GAAI,qCAAqC,mBAAmB;yBACtE,WAAW;8BAKN,WAAW;0BAKf,WAAW;CAKjC,CAAC;AAEH,eAAO,MAAM,uBAAuB,GAAI,QAAQ,KAAK,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,EAAE,YAAY,MAAM;0BACnE,WAAW;0BAKX,WAAW;0BAKX,WAAW;0BAKX,WAAW;CAKjC,CAAC;AAgIH,eAAO,MAAM,wBAAwB,GAAI,QAAQ,wBAAwB,KAAG,UAQ1E,CAAC"}
+{"version":3,"file":"markdownComponents.d.ts","sourceRoot":"","sources":["../../../src/core/MarkdownDescription/markdownComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAczD,eAAO,MAAM,eAAe,GAAI,YAAY,MAAM,KAAG,cAAc,CAAC,UAAU,CAG7E,CAAC;AAEF,KAAK,WAAW,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC;AAClD,KAAK,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,eAAe,CAAC,CAAC;AAE9G,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,SAAS,CAAC;IACrB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IAChC,4EAA4E;IAC5E,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,CAAC,wBAAwB,EAAE,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC,CAAC;AAEnG,eAAO,MAAM,oBAAoB,GAAI,qCAAqC,mBAAmB;yBACtE,WAAW;8BAKN,WAAW;0BAKf,WAAW;CAKjC,CAAC;AAEH,eAAO,MAAM,uBAAuB,GAAI,QAAQ,KAAK,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,EAAE,YAAY,MAAM;0BACnE,WAAW;0BAKX,WAAW;0BAKX,WAAW;0BAKX,WAAW;CAKjC,CAAC;AA+HH,eAAO,MAAM,wBAAwB,GAAI,QAAQ,wBAAwB,KAAG,UAQ1E,CAAC"}

package/dist/core/MarkdownDescription/markdownComponents.js

@@ -3,6 +3,7 @@ import { FOCUS_ATTRIBUTE } from '@alveole/theme';
 import { Box } from '../Box';
 import { Code } from '../Code';
 import { Highlight } from '../Highlight';
+import { soulignementDuLien } from '../styleTamagui/soulignement';
 import { Typography } from '../Typography';
 const HIGHLIGHT_LANGUAGES = [
     'json',
@@ -33,8 +34,8 @@ const createListComponents = (bodyStyle) => ({
     ol: ({ children: c }) => (_jsx(Box, { display: "flex", gap: 4, children: c })),
     li: ({ children: c }) => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 8, style: { alignItems: 'flex-start' }, children: [_jsx(Typography, { style: bodyStyle, children: '•' }), _jsx(Typography, { style: [bodyStyle, { flex: 1 }], children: c })] })),
 });
-const createLinkComponents = ({ linkColor, linkStyle, linkHoverStyle }) => ({
-    a: ({ href, children: c }) => (_jsx(Typography, { tag: "a", href: href, color: linkColor, style: linkStyle, hoverStyle: linkHoverStyle, [FOCUS_ATTRIBUTE]: 'ring', children: c })),
+const createLinkComponents = ({ linkColor }) => ({
+    a: ({ href, children: c }) => (_jsx(Typography, { tag: "a", color: linkColor, textDecorationLine: soulignementDuLien, href, [FOCUS_ATTRIBUTE]: 'ring', children: c })),
 });
 const createBlockComponents = (borderColor) => ({
     pre: ({ children: c }) => _jsx(Box, { display: "flex", children: c }),

package/dist/core/Page/PageBackground.stories.d.ts

@@ -0,0 +1,24 @@
+declare const _default: {
+    title: string;
+    tags: "core"[];
+    experimental: false;
+    description: string;
+    shortDescription: string;
+    component: ({ children }: import("./PageBackground").PageBackgroundProps) => import("react").JSX.Element;
+    styleFn: () => {
+        pageBackground: {
+            flex: number;
+            width: "100%";
+        };
+        sidebarContainer: {
+            display: "flex";
+            flexDirection: "row";
+            flex: number;
+            backgroundColor: "transparent";
+        };
+    };
+};
+export default _default;
+export declare const Default: () => import("react").JSX.Element;
+export * as Sources from './PageBackground.stories.sources';
+//# sourceMappingURL=PageBackground.stories.d.ts.map

package/dist/core/Page/PageBackground.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageBackground.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageBackground.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,wBAiBkB;AAElB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,kCAAkC,CAAC"}

package/dist/core/Page/PageBackground.stories.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../Box';
+import { Typography } from '../Typography';
+import { useStyles } from './Page.styles';
+import { PageBackground } from './PageBackground';
+export default {
+    title: 'PageBackground',
+    tags: ['core'],
+    experimental: false,
+    description: `Fond de page uni, appliqué automatiquement par \`Page\` lorsqu'aucune sidebar ni scroll n'est utilisé.
+
+## Fonctionnement
+
+- Occupe tout l'espace disponible (\`flex: 1\`, \`width: 100%\`).
+- Applique la couleur de palette \`background.default-grey\` du thème.
+
+## Pourquoi un fond uni ?
+
+Un dégradé ferait varier la couleur selon la hauteur : aucun contenu posé dessus ne pourrait s'accorder à une valeur du thème, et deux éléments identiques n'auraient pas le même fond selon leur position dans la page.`,
+    shortDescription: 'Fond de page uni utilisant la couleur de palette default-grey du thème.',
+    component: PageBackground,
+    styleFn: useStyles,
+};
+export const Default = () => (_jsx(Box, { style: { height: 300, width: '100%' }, children: _jsx(PageBackground, { children: _jsx(Typography, { children: "Contenu pos\u00E9 sur le fond de page" }) }) }));
+export * as Sources from './PageBackground.stories.sources';

package/dist/core/Page/PageBackground.stories.sources.d.ts

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

package/dist/core/Page/PageBackground.stories.sources.d.ts.map

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

package/dist/core/Page/PageBackground.stories.sources.js

@@ -0,0 +1,6 @@
+// This file is generated. Do not edit manually.
+// Source: src/core/Page/PageBackground.stories.tsx
+export const Default = () => "export const Default = () => (\n  <Box style={{ height: 300, width: '100%' }}>\n    <PageBackground>\n      <Typography>Contenu posé sur le fond de page</Typography>\n    </PageBackground>\n  </Box>\n);";
+export const storySources = {
+    Default,
+};

package/dist/core/Page/PageContentScrollable.d.ts

@@ -8,7 +8,7 @@ export type PageContentScrollableProps = PageProps & {
     onEndReachedThreshold?: number;
     onScrollChange?: (scrollY: number) => void;
 };
-export declare const PageContentScrollable: React.ForwardRefExoticComponent<Pick<import("tamagui").StackProps, "pressStyle" | "focusStyle" | "disabledStyle" | "exitStyle"> & import("@tamagui/core").RNTamaguiViewNonStyleProps & Pick<import("tamagui").StackProps, "display" | "flex" | "flexWrap" | "flexDirection" | "opacity" | "overflow"> & {
+export declare const PageContentScrollable: React.ForwardRefExoticComponent<Omit<import("tamagui").ViewProps, "flex" | "backgroundColor" | "borderColor" | "borderRadius" | "borderWidth" | "opacity" | "display" | "flexDirection" | "flexWrap" | "overflow" | "gap" | "style" | "justify" | keyof import("../..").SizeStyle | "p" | "pl" | "pr" | "pt" | "pb" | "m" | "ml" | "mr" | "mt" | "mb" | "tag"> & Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "tag"> & Pick<import("tamagui").ViewProps, "flex" | "opacity" | "display" | "flexDirection" | "flexWrap" | "overflow"> & {
     justify?: import("tamagui").ViewProps["justifyContent"];
 } & import("../..").SizeStyle & {
     p?: number | import("@alveole/theme").SpacingKey;
@@ -21,13 +21,13 @@ export declare const PageContentScrollable: React.ForwardRefExoticComponent<Pick
     mr?: number | `${string}%` | import("@alveole/theme").SpacingKey | "auto";
     mt?: number | `${string}%` | import("@alveole/theme").SpacingKey | "auto";
     mb?: number | `${string}%` | import("@alveole/theme").SpacingKey | "auto";
-    backgroundColor?: string;
-    borderWidth?: number;
+    backgroundColor?: import("tamagui").ViewProps["backgroundColor"];
+    borderWidth?: import("tamagui").ViewProps["borderWidth"];
     borderRadius?: number | string;
-    borderColor?: string;
+    borderColor?: import("tamagui").ViewProps["borderColor"];
     gap?: number | import("@alveole/theme").SpacingKey;
 } & {
-    hoverStyle?: React.CSSProperties;
+    tag?: string;
 } & {
     title: string;
     description?: string;

package/dist/core/Page/index.d.ts

@@ -1,5 +1,6 @@
 export * from './Page';
 export * from './Page.types';
+export * from './PageBackground';
 export * from './PageContentScrollable';
 export * from './PageMetaContext';
 //# sourceMappingURL=index.d.ts.map

package/dist/core/Page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Page/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Page/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}

package/dist/core/Page/index.js

@@ -1,4 +1,5 @@
 export * from './Page';
 export * from './Page.types';
+export * from './PageBackground';
 export * from './PageContentScrollable';
 export * from './PageMetaContext';

package/dist/core/Typography/Typography.d.ts

@@ -1,12 +1,12 @@
 import { RNTamaguiTextNonStyleProps, TamaguiTextElement, TextProps as TamaguiTextProps } from '@tamagui/core';
-import React, { CSSProperties } from 'react';
+import React from 'react';
 import type { TypographyStyle } from './Typography.types';
-export type TypographyProps = Pick<TamaguiTextProps, 'exitStyle' | 'focusStyle' | 'pressStyle' | 'disabledStyle'> & Omit<RNTamaguiTextNonStyleProps, 'children'> & TypographyStyle & {
+export type TypographyProps = Omit<TamaguiTextProps, keyof TypographyStyle | 'children' | 'tag' | 'style'> & Omit<RNTamaguiTextNonStyleProps, 'children' | 'tag'> & TypographyStyle & {
     children: React.ReactNode;
-    hoverStyle?: CSSProperties;
+    tag?: string;
 };
 export type TypographyElement = TamaguiTextElement;
-export declare const Typography: React.ForwardRefExoticComponent<Pick<TamaguiTextProps, "pressStyle" | "focusStyle" | "disabledStyle" | "exitStyle"> & Omit<RNTamaguiTextNonStyleProps, "children"> & import("./Typography.types").TypographyBaseStyle & import("../..").SizeStyle & {
+export declare const Typography: React.ForwardRefExoticComponent<Omit<TamaguiTextProps, "color" | "background" | "fontSize" | "fontStyle" | "lineHeight" | "textAlign" | "textDecorationLine" | "textTransform" | "children" | "style" | keyof import("../..").SizeStyle | "p" | "pl" | "pr" | "pt" | "pb" | "m" | "ml" | "mr" | "mt" | "mb" | "tag"> & Omit<RNTamaguiTextNonStyleProps, "children" | "tag"> & import("./Typography.types").TypographyBaseStyle & import("../..").SizeStyle & {
     p?: number;
     pl?: number;
     pr?: number;
@@ -21,6 +21,6 @@ export declare const Typography: React.ForwardRefExoticComponent<Pick<TamaguiTex
     textAlign?: TamaguiTextProps["textAlign"];
 } & {
     children: React.ReactNode;
-    hoverStyle?: CSSProperties;
+    tag?: string;
 } & React.RefAttributes<TamaguiTextElement>>;
 //# sourceMappingURL=Typography.d.ts.map

package/dist/core/Typography/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAG1B,kBAAkB,EAClB,SAAS,IAAI,gBAAgB,EAC9B,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,YAAY,GAAG,YAAY,GAAG,eAAe,CAAC,GAC/G,IAAI,CAAC,0BAA0B,EAAE,UAAU,CAAC,GAC5C,eAAe,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B,CAAC;AAGJ,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAEnD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;cAPT,KAAK,CAAC,SAAS;iBACZ,aAAa;4CAuB5B,CAAC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAG1B,kBAAkB,EAClB,SAAS,IAAI,gBAAgB,EAC9B,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAI1D,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,eAAe,GAAG,UAAU,GAAG,KAAK,GAAG,OAAO,CAAC,GACxG,IAAI,CAAC,0BAA0B,EAAE,UAAU,GAAG,KAAK,CAAC,GACpD,eAAe,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAG1B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAGJ,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAEnD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;cATT,KAAK,CAAC,SAAS;UAGnB,MAAM;4CA0Bd,CAAC"}

package/dist/core/Typography/Typography.js

@@ -1,16 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { styled, Text as TamaguiText, } from '@tamagui/core';
 import React from 'react';
-import { versStyleTamagui } from '../styleTamagui/versStyleTamagui';
+import { Platform } from 'react-native';
+import { definis } from '../styleTamagui/definis';
 import { couleurDuTexte } from './couleurDuTexte';
 import { useStyles } from './Typography.styles';
 const StyledTypography = styled(TamaguiText, { name: 'Typography' });
 export const Typography = React.forwardRef(function Typography(props, ref) {
-    const { tag, style, textAlign, hoverStyle, color, ...textProps } = props;
+    const { tag, style, textAlign, color, ...textProps } = props;
     const styles = useStyles();
-    return (_jsx(StyledTypography, { ref: ref, hoverStyle: versStyleTamagui(hoverStyle), tag: tag ?? 'typography', style: style, textAlign: textAlign, 
+    return (_jsx(StyledTypography, { ref: ref, render: tag ?? 'typography', style: style, ...definis({ textAlign }), 
         // Le defaut vit ici et non dans une regle globale sur `body` : le paquet de theme
         // n'emet que `:root` et les polices (voir docs/adr/0009). Sans cela, le texte
         // retombait sur le noir du theme tamagui au lieu du gris du design system.
-        color: couleurDuTexte(styles, color), ...textProps }));
+        color: couleurDuTexte(styles, color), 
+        // Tamagui v2 remet la police de l'app sur chaque vue, hauteur de ligne comprise : sans
+        // cran explicite, un texte prenait celle de la police par defaut au lieu de la hauteur
+        // normale du navigateur qu'il heritait en v1. Le natif n'herite pas du CSS.
+        lineHeight: Platform.OS === 'web' ? 'normal' : undefined, ...textProps }));
 });

package/dist/core/Typography/Typography.stories.d.ts

@@ -3,7 +3,7 @@ declare const _default: {
     tags: "core"[];
     experimental: false;
     description: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("tamagui").TextProps, "pressStyle" | "focusStyle" | "disabledStyle" | "exitStyle"> & Omit<import("@tamagui/core").RNTamaguiTextNonStyleProps, "children"> & import("./Typography.types").TypographyBaseStyle & import("../..").SizeStyle & {
+    component: import("react").ForwardRefExoticComponent<Omit<import("tamagui").TextProps, "color" | "background" | "fontSize" | "fontStyle" | "lineHeight" | "textAlign" | "textDecorationLine" | "textTransform" | "children" | "style" | keyof import("../..").SizeStyle | "p" | "pl" | "pr" | "pt" | "pb" | "m" | "ml" | "mr" | "mt" | "mb" | "tag"> & Omit<import("@tamagui/core").RNTamaguiTextNonStyleProps, "children" | "tag"> & import("./Typography.types").TypographyBaseStyle & import("../..").SizeStyle & {
         p?: number;
         pl?: number;
         pr?: number;
@@ -18,7 +18,7 @@ declare const _default: {
         textAlign?: import("tamagui").TextProps["textAlign"];
     } & {
         children: React.ReactNode;
-        hoverStyle?: import("react").CSSProperties;
+        tag?: string;
     } & import("react").RefAttributes<import("tamagui").TamaguiTextElement>>;
     styleFn: () => string;
 };

package/dist/core/Typography/couleurDuTexte.d.ts

@@ -1,5 +1,5 @@
 import { useStyles } from './Typography.styles';
 import type { TypographyStyle } from './Typography.types';
 /** La couleur demandee, sinon le gris par defaut du design system. */
-export declare const couleurDuTexte: (styles: ReturnType<typeof useStyles>, color?: TypographyStyle["color"]) => string | import("tamagui").Variable<any> | import("@tamagui/web").UnionableNumber | import("react-native").OpaqueColorValue;
+export declare const couleurDuTexte: (styles: ReturnType<typeof useStyles>, color?: TypographyStyle["color"]) => TypographyStyle["color"];
 //# sourceMappingURL=couleurDuTexte.d.ts.map

package/dist/core/Typography/couleurDuTexte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"couleurDuTexte.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/couleurDuTexte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,sEAAsE;AACtE,eAAO,MAAM,cAAc,GAAI,QAAQ,UAAU,CAAC,OAAO,SAAS,CAAC,EAAE,QAAQ,eAAe,CAAC,OAAO,CAAC,gIACzE,CAAC"}
+{"version":3,"file":"couleurDuTexte.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/couleurDuTexte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,sEAAsE;AACtE,eAAO,MAAM,cAAc,GACzB,QAAQ,UAAU,CAAC,OAAO,SAAS,CAAC,EACpC,QAAQ,eAAe,CAAC,OAAO,CAAC,KAC/B,eAAe,CAAC,OAAO,CAA+B,CAAC"}

package/dist/core/UpdateRequired/UpdateRequired.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UpdateRequired.d.ts","sourceRoot":"","sources":["../../../src/core/UpdateRequired/UpdateRequired.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCAkBxD,CAAC"}
+{"version":3,"file":"UpdateRequired.d.ts","sourceRoot":"","sources":["../../../src/core/UpdateRequired/UpdateRequired.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCAmBxD,CAAC"}

package/dist/core/UpdateRequired/UpdateRequired.js

@@ -6,5 +6,8 @@ import { Box } from '../Box';
 export const UpdateRequired = (props) => {
     const { title, description, buttonLabel, onUpdate } = props;
     const { bottom } = useSafeAreaInsets();
-    return (_jsx(Box, { tag: "update-required", flex: 1, style: { alignItems: 'center', justifyContent: 'center', paddingBottom: bottom }, children: _jsx(EmptyState, { title: title, description: description, iconName: "RefreshCw", actions: _jsx(Button, { variant: "primary", title: buttonLabel, onPress: onUpdate }) }) }));
+    return (_jsx(Box, { tag: "update-required", 
+        // `flexGrow` et non `flex: 1`, que Tamagui v2 traduit sur le web par une base nulle :
+        // l'écran remplit toujours la page, sans jamais descendre sous la hauteur de son contenu.
+        style: { flexGrow: 1, alignItems: 'center', justifyContent: 'center', paddingBottom: bottom }, children: _jsx(EmptyState, { title: title, description: description, iconName: "RefreshCw", actions: _jsx(Button, { variant: "primary", title: buttonLabel, onPress: onUpdate }) }) }));
 };

package/dist/core/animation/animer.d.ts

@@ -0,0 +1,9 @@
+import { TransitionKeys } from 'tamagui';
+/**
+ * Le seul endroit qui sait comment Tamagui nomme sa prop d'animation : `transition` depuis
+ * la v2 (`animation` en v1). Les composants étalent son résultat, `<X {...animer('quicker')} />`.
+ */
+export declare const animer: (cle: TransitionKeys) => {
+    transition: string;
+};
+//# sourceMappingURL=animer.d.ts.map