@alveole/components 1.10.0 → 2.0.0-alpha.1

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

@@ -1,8 +1,11 @@
 import { Href } from 'expo-router';
 import React, { CSSProperties } from 'react';
+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. */
 export declare const LinkAccessContext: React.Context<CanAccessHref | null>;
+/** Règle d'accès effective : celle passée en prop, sinon celle du contexte, sinon tout est accessible. */
+export declare const useCanAccessHref: (canAccessProp?: CanAccessHref) => CanAccessHref;
 export type AProps = React.PropsWithChildren<{
     href: Href & string;
     /** default: "push" */
@@ -11,6 +14,10 @@ export type AProps = React.PropsWithChildren<{
     hoverStyle?: CSSProperties;
     /** 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. */
+    ariaCurrent?: 'page' | 'step' | 'location' | 'date' | 'time';
+    /** Cible du lien. "_blank" ouvre un nouvel onglet sur le web ; en natif, une URL externe s'ouvre dans le navigateur intégré. */
+    target?: CibleDuLien;
 }>;
 export declare const A: (props: AProps) => React.JSX.Element;
 //# sourceMappingURL=A.d.ts.map

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":"AAAA,OAAO,EAAE,IAAI,EAAQ,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,EAAE,EAAE,aAAa,EAA6B,MAAM,OAAO,CAAC;AAKxE,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,KAAK,OAAO,CAAC;AAE7D,qIAAqI;AACrI,eAAO,MAAM,iBAAiB,qCAA4C,CAAC;AAE3E,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;CAC/B,CAAC,CAAC;AAEH,eAAO,MAAM,CAAC,GAAI,OAAO,MAAM,sBAwB9B,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;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"}

package/dist/core/A/A.js

@@ -1,16 +1,32 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { focusRingProps } from '@alveole/theme';
 import { Link } from 'expo-router';
 import { createContext, useContext } from 'react';
 import { Pressable } from 'react-native';
 import { Box } from '../Box';
+import { GridColumnContext } from '../Grid';
 import { useStyles } from './A.styles';
+import { ouvertureDuLien } from './ouvertureDuLien';
 /** Contexte optionnel pour fournir la logique d'accès aux liens (ex. droits métier). Non fourni = tous les liens sont cliquables. */
 export const LinkAccessContext = createContext(null);
+/** Règle d'accès effective : celle passée en prop, sinon celle du contexte, sinon tout est accessible. */
+export const useCanAccessHref = (canAccessProp) => {
+    const canAccessFromContext = useContext(LinkAccessContext);
+    return canAccessProp ?? canAccessFromContext ?? (() => true);
+};
 export const A = (props) => {
-    const { children, href, direction = 'push', style, hoverStyle, canAccessHref: canAccessProp } = props;
+    const { children, href, direction = 'push', style, hoverStyle, ariaCurrent, target, canAccessHref: canAccessProp, } = props;
     const styles = useStyles();
-    const canAccessFromContext = useContext(LinkAccessContext);
-    const canAccess = canAccessProp ?? canAccessFromContext ?? (() => true);
-    const expoLink = (_jsx(Link, { href: href, asChild: true, replace: direction === 'replace', push: direction === 'push', dismissTo: direction === 'dismiss', children: _jsx(Pressable, { style: styles.link, children: _jsx(Box, { tag: "a-pressable", style: { ...styles.pressable, ...style }, hoverStyle: hoverStyle, children: children }) }) }));
-    return canAccess(href) ? expoLink : _jsx(_Fragment, { children: children });
+    // 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.
+    const styleDuLien = styles.link;
+    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 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))
+        return _jsx(_Fragment, { children: children });
+    return navigateurIntegre ? lienNavigateurIntegre : expoLink;
 };

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

@@ -4,7 +4,7 @@ declare const _default: {
     experimental: false;
     description: string;
     shortDescription: string;
-    component: (props: import("@alveole/components").AProps) => import("react").JSX.Element;
+    component: (props: import("./A").AProps) => import("react").JSX.Element;
     styleFn: () => {
         container: {};
         link: {
@@ -17,10 +17,14 @@ declare const _default: {
             transitionDuration: "0.1s";
             transitionTimingFunction: "ease-in-out";
         };
+        fill: {
+            flexGrow: number;
+        };
     };
 };
 export default _default;
 export declare const Default: () => import("react").JSX.Element;
 export declare const LinkBlock: () => import("react").JSX.Element;
+export declare const NouvelOnglet: () => import("react").JSX.Element;
 export * as Sources from './A.stories.sources';
 //# sourceMappingURL=A.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"A.stories.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAInB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAWrB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"A.stories.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAInB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAWrB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAIxB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC"}

package/dist/core/A/A.stories.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Avatar, Card } from '@alveole/components';
+import { Avatar } from '../../ui/Avatar';
+import { Card } from '../../ui/Card';
 import { Typography } from '../Typography';
 import { A } from './A';
 import { useStyles } from './A.styles';
@@ -14,4 +15,5 @@ export default {
 };
 export const Default = () => (_jsx(A, { href: '/ui-kit/components/A', children: _jsx(Typography, { children: "Mon lien" }) }));
 export const LinkBlock = () => (_jsx(A, { href: '/ui-kit/components/A', children: _jsxs(Card, { children: [_jsx(Card.Header, { titre: "Titre de la carte", sousTitre: "Sous-titre de la carte", image: _jsx(Avatar, { size: "md", fallbackText: "M" }) }), _jsx(Card.Section, { titre: "Titre de la carte", titreIcone: "Calendar", description: "Description de la carte" })] }) }));
+export const NouvelOnglet = () => (_jsx(A, { href: '/ui-kit/components/A', target: "_blank", children: _jsx(Typography, { children: "Ouvrir dans un nouvel onglet" }) }));
 export * as Sources from './A.stories.sources';

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"A.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAiI,CAAC;AAEtJ,eAAO,MAAM,SAAS,cAAqZ,CAAC;AAE5a,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"A.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAiI,CAAC;AAEtJ,eAAO,MAAM,SAAS,cAAqZ,CAAC;AAE5a,eAAO,MAAM,YAAY,cAA4K,CAAC;AAEtM,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -2,7 +2,9 @@
 // Source: src/core/A/A.stories.tsx
 export const Default = () => "export const Default = () => (\n  <A href={'/ui-kit/components/A'}>\n    <Typography>Mon lien</Typography>\n  </A>\n);";
 export const LinkBlock = () => "export const LinkBlock = () => (\n  <A href={'/ui-kit/components/A'}>\n    <Card>\n      <Card.Header\n        titre=\"Titre de la carte\"\n        sousTitre=\"Sous-titre de la carte\"\n        image={<Avatar size=\"md\" fallbackText=\"M\" />}\n      />\n      <Card.Section titre=\"Titre de la carte\" titreIcone=\"Calendar\" description=\"Description de la carte\" />\n    </Card>\n  </A>\n);";
+export const NouvelOnglet = () => "export const NouvelOnglet = () => (\n  <A href={'/ui-kit/components/A'} target=\"_blank\">\n    <Typography>Ouvrir dans un nouvel onglet</Typography>\n  </A>\n);";
 export const storySources = {
     Default,
     LinkBlock,
+    NouvelOnglet,
 };

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

@@ -10,5 +10,8 @@ export declare const useStyles: () => {
         transitionDuration: "0.1s";
         transitionTimingFunction: "ease-in-out";
     };
+    fill: {
+        flexGrow: number;
+    };
 };
 //# sourceMappingURL=A.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"A.styles.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;CAYnB,CAAC"}
+{"version":3,"file":"A.styles.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAgBnB,CAAC"}

package/dist/core/A/A.styles.js

@@ -11,4 +11,8 @@ export const useStyles = makeStyles(() => ({
         transitionDuration: '0.1s',
         transitionTimingFunction: 'ease-in-out',
     },
+    // Dans une `Grid.Column`, le lien remplit la cellule, pour que la carte qu'il porte aussi.
+    fill: {
+        flexGrow: 1,
+    },
 }));

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

@@ -1,2 +1,3 @@
 export * from './A';
+export * from './ouvertureDuLien';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/A/index.ts"],"names":[],"mappings":"AAAA,cAAc,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/A/index.ts"],"names":[],"mappings":"AAAA,cAAc,KAAK,CAAC;AACpB,cAAc,mBAAmB,CAAC"}

package/dist/core/A/index.js

@@ -1 +1,2 @@
 export * from './A';
+export * from './ouvertureDuLien';

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

@@ -0,0 +1,16 @@
+import { Href } from 'expo-router';
+export type CibleDuLien = '_self' | '_blank' | '_parent' | '_top';
+/**
+ * Comment un lien s'ouvre selon sa cible et la plateforme. Partagé par `A` et `Link`.
+ * - `navigateurIntegre` : en natif il n'y a pas d'onglet, une URL externe en `_blank` s'ouvre
+ *   dans le navigateur intégré ; une route interne garde la navigation de l'app.
+ * - `propsDuPressable` : à étaler sur le `Pressable`/élément qui rend le lien.
+ * - `annonce` : texte à placer dans le lien pour signaler le nouvel onglet (web uniquement).
+ */
+export declare const ouvertureDuLien: (href: Href & string, target?: CibleDuLien) => {
+    navigateurIntegre: boolean;
+    nouvelOnglet: boolean;
+    propsDuPressable: Record<string, unknown>;
+    annonce: import("react").JSX.Element | null;
+};
+//# sourceMappingURL=ouvertureDuLien.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ouvertureDuLien.d.ts","sourceRoot":"","sources":["../../../src/core/A/ouvertureDuLien.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAInC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,GAAG,MAAM,EAAE,SAAS,WAAW;;;;;CAcxE,CAAC"}

package/dist/core/A/ouvertureDuLien.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { openBrowserAsync } from 'expo-web-browser';
+import { Platform, Text } from 'react-native';
+/**
+ * Comment un lien s'ouvre selon sa cible et la plateforme. Partagé par `A` et `Link`.
+ * - `navigateurIntegre` : en natif il n'y a pas d'onglet, une URL externe en `_blank` s'ouvre
+ *   dans le navigateur intégré ; une route interne garde la navigation de l'app.
+ * - `propsDuPressable` : à étaler sur le `Pressable`/élément qui rend le lien.
+ * - `annonce` : texte à placer dans le lien pour signaler le nouvel onglet (web uniquement).
+ */
+export const ouvertureDuLien = (href, target) => {
+    const nouvelOnglet = target === '_blank';
+    const navigateurIntegre = Platform.OS !== 'web' && nouvelOnglet && /^https?:\/\//.test(href);
+    // `undefined` explicite écraserait le `onPress` qu'`expo-router` injecte via `asChild`.
+    // Sur le web, `hrefAttrs` (non typé par RN) pose `target` et `rel` sur le `<a>` rendu.
+    const propsDuPressable = navigateurIntegre
+        ? { accessibilityHint: 'Ouvre dans le navigateur', onPress: () => openBrowserAsync(href) }
+        : { hrefAttrs: target ? { target, rel: nouvelOnglet ? 'noopener noreferrer' : undefined } : undefined };
+    const annonce = nouvelOnglet && Platform.OS === 'web' ? _jsx(TexteMasque, { children: " (s'ouvre dans un nouvel onglet)" }) : null;
+    return { navigateurIntegre, nouvelOnglet, propsDuPressable, annonce };
+};
+// Lu par les lecteurs d'écran, invisible à l'écran.
+const TexteMasque = ({ children }) => (_jsx(Text, { style: {
+        position: 'absolute',
+        width: 1,
+        height: 1,
+        margin: -1,
+        padding: 0,
+        overflow: 'hidden',
+        borderWidth: 0,
+    }, children: children }));

package/dist/core/AnchorHeading/AnchorHeading.d.ts

@@ -2,6 +2,7 @@ import type { TypographyProps } from '../Typography';
 export type AnchorHeadingProps = {
     children: string;
     style?: TypographyProps['style'];
+    scrollMarginTop?: number;
 };
 export declare const AnchorHeading: ({ children, style }: AnchorHeadingProps) => import("react").JSX.Element;
 //# sourceMappingURL=AnchorHeading.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnchorHeading.d.ts","sourceRoot":"","sources":["../../../src/core/AnchorHeading/AnchorHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,qBAAqB,kBAAkB,gCAEpE,CAAC"}
+{"version":3,"file":"AnchorHeading.d.ts","sourceRoot":"","sources":["../../../src/core/AnchorHeading/AnchorHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,qBAAqB,kBAAkB,gCAEpE,CAAC"}

package/dist/core/AnchorHeading/AnchorHeading.web.d.ts

@@ -1,3 +1,3 @@
 import type { AnchorHeadingProps } from './AnchorHeading';
-export declare const AnchorHeading: ({ children, style }: AnchorHeadingProps) => import("react").JSX.Element;
+export declare const AnchorHeading: ({ children, style, scrollMarginTop }: AnchorHeadingProps) => import("react").JSX.Element;
 //# sourceMappingURL=AnchorHeading.web.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnchorHeading.web.d.ts","sourceRoot":"","sources":["../../../src/core/AnchorHeading/AnchorHeading.web.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAU1D,eAAO,MAAM,aAAa,GAAI,qBAAqB,kBAAkB,gCAkCpE,CAAC"}
+{"version":3,"file":"AnchorHeading.web.d.ts","sourceRoot":"","sources":["../../../src/core/AnchorHeading/AnchorHeading.web.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,eAAO,MAAM,aAAa,GAAI,sCAAsC,kBAAkB,gCAgDrF,CAAC"}

package/dist/core/AnchorHeading/AnchorHeading.web.js

@@ -1,23 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from '@alveole/theme';
+import { FOCUS_ATTRIBUTE, useTheme } from '@alveole/theme';
 import { useState } from 'react';
 import { LucideIcon } from '../../ui/LucideIcon';
 import { Typography } from '../Typography';
-const toSlug = (value) => value
-    .toLowerCase()
-    .normalize('NFD')
-    .replace(/[̀-ͯ]/g, '')
-    .replace(/\s+/g, '-')
-    .replace(/[^a-z0-9-]/g, '');
-export const AnchorHeading = ({ children, style }) => {
+import { toSlug } from './slug';
+export const AnchorHeading = ({ children, style, scrollMarginTop }) => {
     const { color } = useTheme();
     const [hovered, setHovered] = useState(false);
     const [iconHovered, setIconHovered] = useState(false);
+    // L'ancre est masquee hors survol : sans ca, la tabulation s'arrete sur un lien invisible.
+    // Un state convient ici, contrairement a la bague : montrer le lien quelle que soit la
+    // provenance du focus est inoffensif, l'afficher est precisement ce qu'on veut.
+    const [focused, setFocused] = useState(false);
     const slug = toSlug(children);
-    return (_jsxs("div", { id: slug, style: { display: 'flex', flexDirection: 'row', alignItems: 'center', gap: 6 }, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: [_jsx(Typography, { style: style, children: children }), _jsx("a", { href: `#${slug}`, style: {
-                    opacity: hovered ? 1 : 0,
+    return (_jsxs("div", { id: slug, style: {
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            gap: 6,
+            ...(scrollMarginTop != null ? { scrollMarginTop } : null),
+        }, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: [_jsx(Typography, { style: style, children: children }), _jsx("a", { href: `#${slug}`, "aria-label": `Lien vers la section ${children}`, [FOCUS_ATTRIBUTE]: 'ring', style: {
+                    opacity: hovered || focused ? 1 : 0,
                     transition: 'opacity 0.15s',
                     display: 'flex',
                     alignItems: 'center',
-                }, onMouseEnter: () => setIconHovered(true), onMouseLeave: () => setIconHovered(false), children: _jsx(LucideIcon, { name: "Link", size: "sm", color: iconHovered ? color.light.system.focus : color.light.text['default-grey'] }) })] }));
+                }, onMouseEnter: () => setIconHovered(true), onMouseLeave: () => setIconHovered(false), onFocus: () => setFocused(true), onBlur: () => setFocused(false), children: _jsx(LucideIcon, { name: "Link", size: "sm", color: iconHovered ? color.light.system.focus : color.light.text['default-grey'] }) })] }));
 };

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

@@ -1,2 +1,3 @@
 export * from './AnchorHeading';
+export * from './slug';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/AnchorHeading/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/AnchorHeading/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC"}

package/dist/core/AnchorHeading/index.js

@@ -1 +1,2 @@
 export * from './AnchorHeading';
+export * from './slug';

package/dist/core/AnchorHeading/slug.d.ts

@@ -0,0 +1,6 @@
+/**
+ * L'ancre d'un titre. Extrait de AnchorHeading pour que ce qui pointe vers une ancre la
+ * calcule de la meme facon : un sommaire qui slugifie autrement renvoie dans le vide.
+ */
+export declare const toSlug: (value: string) => string;
+//# sourceMappingURL=slug.d.ts.map

package/dist/core/AnchorHeading/slug.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slug.d.ts","sourceRoot":"","sources":["../../../src/core/AnchorHeading/slug.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,MAAM,GAAI,OAAO,MAAM,WAML,CAAC"}

package/dist/core/AnchorHeading/slug.js

@@ -0,0 +1,10 @@
+/**
+ * L'ancre d'un titre. Extrait de AnchorHeading pour que ce qui pointe vers une ancre la
+ * calcule de la meme facon : un sommaire qui slugifie autrement renvoie dans le vide.
+ */
+export const toSlug = (value) => value
+    .toLowerCase()
+    .normalize('NFD')
+    .replace(/[̀-ͯ]/g, '')
+    .replace(/\s+/g, '-')
+    .replace(/[^a-z0-9-]/g, '');

package/dist/core/AppUpdateProvider/AppUpdateProvider.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+export { shouldRunCheck, THROTTLE_MS } from './useAppUpdateCheck';
 type AppUpdateState = {
     isChecking: boolean;
 };
@@ -12,8 +13,5 @@ export type AppUpdateProviderProps = React.PropsWithChildren<{
     /** Android package name. Defaults to Application.applicationId if omitted. */
     androidPackageId?: string;
 }>;
-export declare const THROTTLE_MS: number;
-export declare const shouldRunCheck: (lastCheckedAt: number, now: number) => boolean;
 export declare const AppUpdateProvider: (props: AppUpdateProviderProps) => React.JSX.Element;
-export {};
 //# sourceMappingURL=AppUpdateProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppUpdateProvider.d.ts","sourceRoot":"","sources":["../../../src/core/AppUpdateProvider/AppUpdateProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,KAAK,cAAc,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC;AAI9C,eAAO,MAAM,iBAAiB,QAAO,cAIpC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,QAAQ,EAAE,MAAM,CAAC;IACjB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAOH,eAAO,MAAM,WAAW,QAAsB,CAAC;AAE/C,eAAO,MAAM,cAAc,GAAI,eAAe,MAAM,EAAE,KAAK,MAAM,KAAG,OAA6C,CAAC;AAclH,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,sBA+E9D,CAAC"}
+{"version":3,"file":"AppUpdateProvider.d.ts","sourceRoot":"","sources":["../../../src/core/AppUpdateProvider/AppUpdateProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElE,KAAK,cAAc,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC;AAI9C,eAAO,MAAM,iBAAiB,QAAO,cAIpC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,QAAQ,EAAE,MAAM,CAAC;IACjB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAOH,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,sBAqB9D,CAAC"}

package/dist/core/AppUpdateProvider/AppUpdateProvider.js

@@ -1,18 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as Application from 'expo-application';
-import Constants from 'expo-constants';
 import React from 'react';
-import { AppState, Linking, Platform } from 'react-native';
 import { UpdateRequired } from '../UpdateRequired';
-const importExpoInAppUpdates = () => {
-    try {
-        // eslint-disable-next-line @typescript-eslint/no-require-imports
-        return require('expo-in-app-updates');
-    }
-    catch {
-        return null;
-    }
-};
+import { useAppUpdateCheck } from './useAppUpdateCheck';
+export { shouldRunCheck, THROTTLE_MS } from './useAppUpdateCheck';
 const AppUpdateContext = React.createContext(null);
 export const useAppUpdateState = () => {
     const ctx = React.useContext(AppUpdateContext);
@@ -23,74 +13,8 @@ export const useAppUpdateState = () => {
 const DEFAULT_TITLE = "Une mise à jour de l'application est nécessaire.";
 const DEFAULT_DESCRIPTION = "La version actuelle de votre application n'est plus valide. Téléchargez la nouvelle version de l'application pour continuer.";
 const DEFAULT_BUTTON_LABEL = 'Mettre à jour';
-export const THROTTLE_MS = 12 * 60 * 60 * 1000; // 12h
-export const shouldRunCheck = (lastCheckedAt, now) => now - lastCheckedAt >= THROTTLE_MS;
-const reducer = (state, action) => {
-    switch (action.type) {
-        case 'CHECK_COMPLETE':
-            return { ...state, isChecking: false };
-        case 'UPDATE_REQUIRED':
-            return { isChecking: false, isUpdateRequired: true };
-    }
-};
 export const AppUpdateProvider = (props) => {
     const { children, title = DEFAULT_TITLE, description = DEFAULT_DESCRIPTION, buttonLabel = DEFAULT_BUTTON_LABEL, iosAppId, androidPackageId, } = props;
-    // expo-in-app-updates requires a real store client — skip in Expo Go and web
-    const isNativeStoreClient = Platform.OS !== 'web' && Constants.executionEnvironment !== 'storeClient';
-    const [{ isChecking, isUpdateRequired }, dispatch] = React.useReducer(reducer, {
-        isChecking: isNativeStoreClient,
-        isUpdateRequired: false,
-    });
-    const lastCheckedAt = React.useRef(0);
-    const openStore = React.useCallback(() => {
-        if (Platform.OS === 'ios') {
-            Linking.openURL(`https://apps.apple.com/app/id${iosAppId}`);
-        }
-        else {
-            const pkg = androidPackageId ?? Application.applicationId ?? '';
-            Linking.openURL(`market://details?id=${pkg}`);
-        }
-    }, [iosAppId, androidPackageId]);
-    const runCheck = React.useCallback(async (isInitial = false) => {
-        const now = Date.now();
-        if (!isInitial && !shouldRunCheck(lastCheckedAt.current, now))
-            return;
-        lastCheckedAt.current = now;
-        try {
-            const ExpoInAppUpdates = importExpoInAppUpdates();
-            if (!ExpoInAppUpdates) {
-                dispatch({ type: 'CHECK_COMPLETE' });
-                return;
-            }
-            const { updateAvailable } = await ExpoInAppUpdates.checkForUpdate();
-            if (updateAvailable) {
-                if (Platform.OS === 'android') {
-                    await ExpoInAppUpdates.startUpdate(true);
-                    // If we reach here the immediate update was cancelled or failed → fallback to screen
-                }
-                dispatch({ type: 'UPDATE_REQUIRED' });
-            }
-        }
-        catch {
-            // Check failed: don't block the user
-        }
-        finally {
-            dispatch({ type: 'CHECK_COMPLETE' });
-        }
-    }, [dispatch]);
-    React.useEffect(() => {
-        if (!isNativeStoreClient)
-            return;
-        runCheck(true);
-    }, [runCheck, isNativeStoreClient]);
-    React.useEffect(() => {
-        if (!isNativeStoreClient)
-            return;
-        const subscription = AppState.addEventListener('change', state => {
-            if (state === 'active')
-                runCheck(false);
-        });
-        return () => subscription.remove();
-    }, [runCheck, isNativeStoreClient]);
+    const { isChecking, isUpdateRequired, openStore } = useAppUpdateCheck({ iosAppId, androidPackageId });
     return (_jsx(AppUpdateContext.Provider, { value: { isChecking }, children: !isChecking && isUpdateRequired ? (_jsx(UpdateRequired, { title: title, description: description, buttonLabel: buttonLabel, onUpdate: openStore })) : (children) }));
 };

package/dist/core/AppUpdateProvider/useAppUpdateCheck.d.ts

@@ -0,0 +1,20 @@
+export declare const THROTTLE_MS: number;
+export declare const shouldRunCheck: (lastCheckedAt: number, now: number) => boolean;
+/** De quoi designer l'application dans chaque magasin : les trois identifiants vont ensemble. */
+export type IdentifiantsDeMagasin = {
+    iosAppId: string;
+    androidPackageId: string | undefined;
+    applicationId: string | null;
+};
+export declare const urlMagasinApplication: (platform: string, { iosAppId, androidPackageId, applicationId }: IdentifiantsDeMagasin) => string;
+type UseAppUpdateCheckProps = {
+    iosAppId: string;
+    androidPackageId?: string;
+};
+export declare const useAppUpdateCheck: ({ iosAppId, androidPackageId }: UseAppUpdateCheckProps) => {
+    isChecking: boolean;
+    isUpdateRequired: boolean;
+    openStore: () => void;
+};
+export {};
+//# sourceMappingURL=useAppUpdateCheck.d.ts.map

package/dist/core/AppUpdateProvider/useAppUpdateCheck.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppUpdateCheck.d.ts","sourceRoot":"","sources":["../../../src/core/AppUpdateProvider/useAppUpdateCheck.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,WAAW,QAAsB,CAAC;AAE/C,eAAO,MAAM,cAAc,GAAI,eAAe,MAAM,EAAE,KAAK,MAAM,KAAG,OAA6C,CAAC;AAElH,iGAAiG;AACjG,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,UAAU,MAAM,EAChB,+CAA+C,qBAAqB,KACnE,MAMF,CAAC;AA4BF,KAAK,sBAAsB,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9E,eAAO,MAAM,iBAAiB,GAAI,gCAAgC,sBAAsB;;;;CAqDvF,CAAC"}

package/dist/core/AppUpdateProvider/useAppUpdateCheck.js

@@ -0,0 +1,88 @@
+import * as Application from 'expo-application';
+import Constants from 'expo-constants';
+import React from 'react';
+import { AppState, Linking, Platform } from 'react-native';
+const importExpoInAppUpdates = () => {
+    try {
+        return require('expo-in-app-updates');
+    }
+    catch {
+        return null;
+    }
+};
+export const THROTTLE_MS = 12 * 60 * 60 * 1000; // 12h
+export const shouldRunCheck = (lastCheckedAt, now) => now - lastCheckedAt >= THROTTLE_MS;
+export const urlMagasinApplication = (platform, { iosAppId, androidPackageId, applicationId }) => {
+    if (platform === 'ios') {
+        return `https://apps.apple.com/app/id${iosAppId}`;
+    }
+    const pkg = androidPackageId ?? applicationId ?? '';
+    return `market://details?id=${pkg}`;
+};
+const reducer = (state, action) => {
+    switch (action.type) {
+        case 'CHECK_COMPLETE':
+            return { ...state, isChecking: false };
+        case 'UPDATE_REQUIRED':
+            return { isChecking: false, isUpdateRequired: true };
+    }
+};
+/**
+ * Sur Android, la mise a jour immediate peut se lancer dans le magasin. Si on revient ici, c'est
+ * qu'elle a ete annulee ou qu'elle a echoue : dans les deux cas l'ecran de blocage prend le relais,
+ * comme sur iOS ou cette voie n'existe pas.
+ */
+const reclamerLaMiseAJour = async (expoInAppUpdates, dispatch) => {
+    if (Platform.OS === 'android')
+        await expoInAppUpdates.startUpdate(true);
+    dispatch({ type: 'UPDATE_REQUIRED' });
+};
+export const useAppUpdateCheck = ({ iosAppId, androidPackageId }) => {
+    // expo-in-app-updates requires a real store client — skip in Expo Go and web
+    const isNativeStoreClient = Platform.OS !== 'web' && Constants.executionEnvironment !== 'storeClient';
+    const [{ isChecking, isUpdateRequired }, dispatch] = React.useReducer(reducer, {
+        isChecking: isNativeStoreClient,
+        isUpdateRequired: false,
+    });
+    const lastCheckedAt = React.useRef(0);
+    const openStore = React.useCallback(() => {
+        Linking.openURL(urlMagasinApplication(Platform.OS, { iosAppId, androidPackageId, applicationId: Application.applicationId }));
+    }, [iosAppId, androidPackageId]);
+    const runCheck = React.useCallback(async (isInitial = false) => {
+        const now = Date.now();
+        if (!isInitial && !shouldRunCheck(lastCheckedAt.current, now))
+            return;
+        lastCheckedAt.current = now;
+        try {
+            const ExpoInAppUpdates = importExpoInAppUpdates();
+            if (!ExpoInAppUpdates) {
+                dispatch({ type: 'CHECK_COMPLETE' });
+                return;
+            }
+            const { updateAvailable } = await ExpoInAppUpdates.checkForUpdate();
+            if (updateAvailable)
+                await reclamerLaMiseAJour(ExpoInAppUpdates, dispatch);
+        }
+        catch {
+            // Check failed: don't block the user
+        }
+        finally {
+            dispatch({ type: 'CHECK_COMPLETE' });
+        }
+    }, [dispatch]);
+    React.useEffect(() => {
+        if (!isNativeStoreClient)
+            return;
+        runCheck(true);
+    }, [runCheck, isNativeStoreClient]);
+    React.useEffect(() => {
+        if (!isNativeStoreClient)
+            return;
+        const subscription = AppState.addEventListener('change', state => {
+            if (state === 'active')
+                runCheck(false);
+        });
+        return () => subscription.remove();
+    }, [runCheck, isNativeStoreClient]);
+    return { isChecking, isUpdateRequired, openStore };
+};

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

@@ -7,7 +7,23 @@ export type BoxProps = Pick<TamaguiViewProps, 'exitStyle' | 'focusStyle' | 'pres
 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"> & {
     justify?: TamaguiViewProps["justifyContent"];
-} & import("./Box.types").BoxAdvancedStyle & {
+} & import("../..").SizeStyle & {
+    p?: number | import("@alveole/theme").SpacingKey;
+    pl?: number | import("@alveole/theme").SpacingKey;
+    pr?: number | import("@alveole/theme").SpacingKey;
+    pt?: number | import("@alveole/theme").SpacingKey;
+    pb?: number | import("@alveole/theme").SpacingKey;
+    m?: number | `${string}%` | import("@alveole/theme").SpacingKey | "auto";
+    ml?: number | `${string}%` | import("@alveole/theme").SpacingKey | "auto";
+    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;
+    borderRadius?: number | string;
+    borderColor?: string;
+    gap?: number | import("@alveole/theme").SpacingKey;
+} & {
     hoverStyle?: CSSProperties;
 } & 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":"AACA,OAAO,EACL,0BAA0B,EAE1B,cAAc,EAEd,SAAS,IAAI,gBAAgB,EAC9B,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,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,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"}