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

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

@@ -1,7 +1,7 @@
 // This file is generated. Do not edit manually.
 // Source: src/core/ThemeProvider/ThemeProvider.stories.tsx
-export const UsageDefaut = () => "export const UsageDefaut = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={12}>\n    <ModeBadge>Mode actif : injection dynamique via balises &lt;style&gt;</ModeBadge>\n    <Highlight language=\"tsx\">\n      {`import { ThemeProvider } from '@alveole/theme';\n\nexport default function RootLayout() {\n  return (\n    <ThemeProvider>\n      {children}\n    </ThemeProvider>\n  );\n}`}\n    </Highlight>\n  </Box>\n);";
-export const UsageCSSStatique = () => "export const UsageCSSStatique = () => {\n  const { color, text } = useTheme();\n\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gap={12}>\n      <ModeBadge>Mode actif : CSS pré-compilé - aucune balise &lt;style&gt; injectée</ModeBadge>\n      <Highlight language=\"tsx\">\n        {`import '@alveole/theme/dist/default.css';\nimport { ThemeProvider } from '@alveole/theme';\n\nexport default function RootLayout() {\n  return (\n    <ThemeProvider staticCSS>\n      {children}\n    </ThemeProvider>\n  );\n}`}\n      </Highlight>\n      <Box\n        display=\"flex\"\n        flexDirection=\"column\"\n        gap={8}\n        style={{\n          paddingHorizontal: 12,\n          paddingVertical: 10,\n          borderRadius: 8,\n          backgroundColor: color.light.background['action-high-error'],\n        }}\n      >\n        <Typography style={{ ...text['Corps de texte'].SM.Medium, color: color.light.text['action-high-error'] }}>\n          Limitation : incompatible avec color custom\n        </Typography>\n        <Typography style={{ ...text['Corps de texte'].SM.Regular, color: color.light.text['action-high-error'] }}>\n          Si l&apos;app passe un prop `color` au ThemeProvider, les variables overridées ne seront pas injectées. Dans\n          ce cas, retirer `staticCSS`.\n        </Typography>\n      </Box>\n      <Highlight language=\"tsx\">\n        {`// ❌ Les overrides color sont ignorés avec staticCSS\n<ThemeProvider staticCSS color={{ light: { background: { 'default-grey': '#eee' } } }}>\n\n// ✅ Sans staticCSS, les overrides fonctionnent\n<ThemeProvider color={{ light: { background: { 'default-grey': '#eee' } } }}>`}\n      </Highlight>\n    </Box>\n  );\n};";
+export const UsageDefaut = () => "export const UsageDefaut = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap=\"3V\">\n    <ModeBadge>Mode actif : injection dynamique via balises &lt;style&gt;</ModeBadge>\n    <Highlight language=\"tsx\">\n      {`import { ThemeProvider } from '@alveole/theme';\n\nexport default function RootLayout() {\n  return (\n    <ThemeProvider>\n      {children}\n    </ThemeProvider>\n  );\n}`}\n    </Highlight>\n  </Box>\n);";
+export const UsageCSSStatique = () => "export const UsageCSSStatique = () => {\n  const { color, text } = useTheme();\n\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gap=\"3V\">\n      <ModeBadge>Mode actif : CSS pré-compilé - aucune balise &lt;style&gt; injectée</ModeBadge>\n      <Highlight language=\"tsx\">\n        {`import '@alveole/theme/dist/default.css';\nimport { ThemeProvider } from '@alveole/theme';\n\nexport default function RootLayout() {\n  return (\n    <ThemeProvider staticCSS>\n      {children}\n    </ThemeProvider>\n  );\n}`}\n      </Highlight>\n      <Box\n        display=\"flex\"\n        flexDirection=\"column\"\n        gap=\"1W\"\n        style={{\n          paddingHorizontal: Spacings['3V'],\n          paddingVertical: Spacings['3V'],\n          borderRadius: RadiusList.md,\n          backgroundColor: color.light.background['action-high-error'],\n        }}\n      >\n        <Typography style={{ ...text['Corps de texte'].SM.Medium, color: color.light.text['action-high-error'] }}>\n          Limitation : incompatible avec color custom\n        </Typography>\n        <Typography style={{ ...text['Corps de texte'].SM.Regular, color: color.light.text['action-high-error'] }}>\n          Si l&apos;app passe un prop `color` au ThemeProvider, les variables overridées ne seront pas injectées. Dans\n          ce cas, retirer `staticCSS`.\n        </Typography>\n      </Box>\n      <Highlight language=\"tsx\">\n        {`// ❌ Les overrides color sont ignorés avec staticCSS\n<ThemeProvider staticCSS color={{ light: { background: { 'default-grey': '#eee' } } }}>\n\n// ✅ Sans staticCSS, les overrides fonctionnent\n<ThemeProvider color={{ light: { background: { 'default-grey': '#eee' } } }}>`}\n      </Highlight>\n    </Box>\n  );\n};";
 export const storySources = {
     UsageDefaut,
     UsageCSSStatique,

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;AAM1B,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;4CAiCd,CAAC"}

package/dist/core/Typography/Typography.js

@@ -1,16 +1,28 @@
 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 { aplatirStyle } from '../styleTamagui/aplatirStyle';
+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, 
+    const nativeStyle = Platform.OS !== 'web' ? aplatirStyle(style) : undefined;
+    // Les styles React Native du theme portent des hauteurs absolues. Tamagui v3
+    // interprete aussi leurs nombres comme des ratios : 28 devenait 28 * fontSize.
+    const resolvedStyle = nativeStyle && typeof nativeStyle.lineHeight === 'number'
+        ? { ...nativeStyle, lineHeight: `${nativeStyle.lineHeight}px` }
+        : style;
+    return (_jsx(StyledTypography, { ref: ref, render: tag ?? 'typography', style: resolvedStyle, ...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;
 };
@@ -30,5 +30,6 @@ export declare const TypographyStyleUnderline: () => import("react").JSX.Element
 export declare const TypographyStyleLineThrough: () => import("react").JSX.Element;
 export declare const TypographyTransformCapitalize: () => import("react").JSX.Element;
 export declare const TypographyTransformUppercase: () => import("react").JSX.Element;
+export declare const TypographyAligneeADroite: () => import("react").JSX.Element;
 export * as Sources from './Typography.stories.sources';
 //# sourceMappingURL=Typography.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/Typography.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGA,wBAOkB;AAElB,eAAO,MAAM,iBAAiB,mCAAoD,CAAC;AAEnF,eAAO,MAAM,yBAAyB,mCAIrC,CAAC;AAEF,eAAO,MAAM,qBAAqB,mCAAsE,CAAC;AAEzG,eAAO,MAAM,wBAAwB,mCAAkF,CAAC;AAExH,eAAO,MAAM,0BAA0B,mCAA+E,CAAC;AAEvH,eAAO,MAAM,6BAA6B,mCAEzC,CAAC;AAEF,eAAO,MAAM,4BAA4B,mCAAwE,CAAC;AAElH,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/Typography.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGA,wBAOkB;AAElB,eAAO,MAAM,iBAAiB,mCAAoD,CAAC;AAEnF,eAAO,MAAM,yBAAyB,mCAIrC,CAAC;AAEF,eAAO,MAAM,qBAAqB,mCAAsE,CAAC;AAEzG,eAAO,MAAM,wBAAwB,mCAAkF,CAAC;AAExH,eAAO,MAAM,0BAA0B,mCAA+E,CAAC;AAEvH,eAAO,MAAM,6BAA6B,mCAEzC,CAAC;AAEF,eAAO,MAAM,4BAA4B,mCAAwE,CAAC;AAGlH,eAAO,MAAM,wBAAwB,mCAIpC,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}

package/dist/core/Typography/Typography.stories.js

@@ -15,4 +15,6 @@ export const TypographyStyleUnderline = () => _jsx(Typography, { textDecorationL
 export const TypographyStyleLineThrough = () => _jsx(Typography, { textDecorationLine: "line-through", children: "Texte barr\u00E9" });
 export const TypographyTransformCapitalize = () => (_jsx(Typography, { textTransform: "capitalize", children: "avec une majuscule" }));
 export const TypographyTransformUppercase = () => _jsx(Typography, { textTransform: "uppercase", children: "En majuscule" });
+// Un `textAlign` pose par le style tient face aux props de Typography.
+export const TypographyAligneeADroite = () => (_jsx(Typography, { tag: "typography-alignee-a-droite", style: { textAlign: 'right' }, children: "Texte align\u00E9 \u00E0 droite" }));
 export * as Sources from './Typography.stories.sources';

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

@@ -5,6 +5,7 @@ export declare const TypographyStyleUnderline: () => string;
 export declare const TypographyStyleLineThrough: () => string;
 export declare const TypographyTransformCapitalize: () => string;
 export declare const TypographyTransformUppercase: () => string;
+export declare const TypographyAligneeADroite: () => string;
 export declare const storySources: {
     readonly TypographyDefault: () => string;
     readonly TypographyPaddedWithColor: () => string;
@@ -13,6 +14,7 @@ export declare const storySources: {
     readonly TypographyStyleLineThrough: () => string;
     readonly TypographyTransformCapitalize: () => string;
     readonly TypographyTransformUppercase: () => string;
+    readonly TypographyAligneeADroite: () => string;
 };
 export type StorySourceName = keyof typeof storySources;
 //# sourceMappingURL=Typography.stories.sources.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/Typography.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,cAA8F,CAAC;AAE7H,eAAO,MAAM,yBAAyB,cAAwJ,CAAC;AAE/L,eAAO,MAAM,qBAAqB,cAAsH,CAAC;AAEzJ,eAAO,MAAM,wBAAwB,cAAqI,CAAC;AAE3K,eAAO,MAAM,0BAA0B,cAAoI,CAAC;AAE5K,eAAO,MAAM,6BAA6B,cAA+I,CAAC;AAE1L,eAAO,MAAM,4BAA4B,cAA+H,CAAC;AAEzK,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Typography.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/Typography.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,cAA8F,CAAC;AAE7H,eAAO,MAAM,yBAAyB,cAAwJ,CAAC;AAE/L,eAAO,MAAM,qBAAqB,cAAsH,CAAC;AAEzJ,eAAO,MAAM,wBAAwB,cAAqI,CAAC;AAE3K,eAAO,MAAM,0BAA0B,cAAoI,CAAC;AAE5K,eAAO,MAAM,6BAA6B,cAA+I,CAAC;AAE1L,eAAO,MAAM,4BAA4B,cAA+H,CAAC;AAEzK,eAAO,MAAM,wBAAwB,cAA6L,CAAC;AAEnO,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -7,6 +7,7 @@ export const TypographyStyleUnderline = () => "export const TypographyStyleUnder
 export const TypographyStyleLineThrough = () => "export const TypographyStyleLineThrough = () => <Typography textDecorationLine=\"line-through\">Texte barré</Typography>;";
 export const TypographyTransformCapitalize = () => "export const TypographyTransformCapitalize = () => (\n  <Typography textTransform=\"capitalize\">avec une majuscule</Typography>\n);";
 export const TypographyTransformUppercase = () => "export const TypographyTransformUppercase = () => <Typography textTransform=\"uppercase\">En majuscule</Typography>;";
+export const TypographyAligneeADroite = () => "export const TypographyAligneeADroite = () => (\n  <Typography tag=\"typography-alignee-a-droite\" style={{ textAlign: 'right' }}>\n    Texte aligné à droite\n  </Typography>\n);";
 export const storySources = {
     TypographyDefault,
     TypographyPaddedWithColor,
@@ -15,4 +16,5 @@ export const storySources = {
     TypographyStyleLineThrough,
     TypographyTransformCapitalize,
     TypographyTransformUppercase,
+    TypographyAligneeADroite,
 };

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

@@ -1,7 +1,7 @@
 /** Couleur de texte par defaut du design system, surchargeable par la prop `color`. */
 export declare const useStyles: () => {
     text: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
     };
 };
 //# sourceMappingURL=Typography.styles.d.ts.map

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

@@ -6,7 +6,7 @@ declare const _default: {
     component: (_props: import("./Version").VersionProps) => import("react").JSX.Element;
     styleFn: () => {
         container: {
-            color: string;
+            color: import("@alveole/theme").ThemeColor;
             fontSize: 12;
             lineHeight: 20;
             letterSpacing: 0;

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

@@ -1,6 +1,6 @@
 export declare const useStyles: () => {
     container: {
-        color: string;
+        color: import("@alveole/theme").ThemeColor;
         fontSize: 12;
         lineHeight: 20;
         letterSpacing: 0;

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"animer.d.ts","sourceRoot":"","sources":["../../../src/core/animation/animer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC;;;GAGG;AACH,eAAO,MAAM,MAAM,GAAI,KAAK,cAAc;;CAA0B,CAAC"}

package/dist/core/animation/animer.js

@@ -0,0 +1,5 @@
+/**
+ * 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 const animer = (cle) => ({ transition: cle });

package/dist/core/index.d.ts

@@ -1,11 +1,13 @@
 export * from './A';
 export * from './Alert';
+export * from './AlveoleProvider';
 export * from './AnchorHeading';
 export * from './AppUpdateProvider';
 export * from './Box';
 export * from './Code';
 export * from './Form';
 export * from './Grid';
+export * from './Heading';
 export * from './Highlight';
 export * from './Image';
 export * from './Lottie';
@@ -15,6 +17,7 @@ export * from './Metabase';
 export * from './Page';
 export * from './PdfViewer';
 export * from './Section';
+export * from './StorySummary';
 export * from './Typography';
 export * from './UpdateRequired';
 export * from './Version';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,KAAK,CAAC;AACpB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,KAAK,CAAC;AACpB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC"}

package/dist/core/index.js

@@ -1,11 +1,13 @@
 export * from './A';
 export * from './Alert';
+export * from './AlveoleProvider';
 export * from './AnchorHeading';
 export * from './AppUpdateProvider';
 export * from './Box';
 export * from './Code';
 export * from './Form';
 export * from './Grid';
+export * from './Heading';
 export * from './Highlight';
 export * from './Image';
 export * from './Lottie';
@@ -15,6 +17,7 @@ export * from './Metabase';
 export * from './Page';
 export * from './PdfViewer';
 export * from './Section';
+export * from './StorySummary';
 export * from './Typography';
 export * from './UpdateRequired';
 export * from './Version';

package/dist/core/styleTamagui/aplatirStyle.d.ts

@@ -0,0 +1,2 @@
+export declare const aplatirStyle: (style: unknown) => Record<string, unknown>;
+//# sourceMappingURL=aplatirStyle.d.ts.map

package/dist/core/styleTamagui/aplatirStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aplatirStyle.d.ts","sourceRoot":"","sources":["../../../src/core/styleTamagui/aplatirStyle.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,GAAI,OAAO,OAAO,KAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAInE,CAAC"}

package/dist/core/styleTamagui/aplatirStyle.js

@@ -0,0 +1,9 @@
+// Tamagui v3 ne fusionne plus un style en tableau imbrique : il le pose tel quel sur le DOM, qui
+// le refuse. Les styles a combiner sont donc fusionnes en un seul objet.
+export const aplatirStyle = (style) => {
+    if (Array.isArray(style))
+        return Object.assign({}, ...style.map(aplatirStyle));
+    if (style && typeof style === 'object')
+        return { ...style };
+    return {};
+};

package/dist/core/styleTamagui/definis.d.ts

@@ -0,0 +1,4 @@
+export declare const definis: (valeurs: object) => {
+    [k: string]: any;
+};
+//# sourceMappingURL=definis.d.ts.map

package/dist/core/styleTamagui/definis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"definis.d.ts","sourceRoot":"","sources":["../../../src/core/styleTamagui/definis.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,GAAI,SAAS,MAAM;;CACmD,CAAC"}

package/dist/core/styleTamagui/definis.js

@@ -0,0 +1,3 @@
+// Tamagui v3 lit une prop de style a `undefined` comme une valeur : elle ecrase celle du style
+// (`p` vide effacait le padding, `textAlign` vide l'alignement). Seules les props fournies passent.
+export const definis = (valeurs) => Object.fromEntries(Object.entries(valeurs).filter(([, valeur]) => valeur !== undefined));

package/dist/core/styleTamagui/flexDuWeb.d.ts

@@ -0,0 +1,23 @@
+export declare const flexDuWeb: (flex: number) => {
+    flexGrow: number;
+    flexShrink: number;
+    flexBasis: string;
+    flex?: undefined;
+} | {
+    flex: number;
+    flexGrow?: undefined;
+    flexShrink?: undefined;
+    flexBasis?: undefined;
+};
+export declare const correctionFlexDuWeb: (style: unknown, flexEnProp?: unknown) => {
+    flexGrow: number;
+    flexShrink: number;
+    flexBasis: string;
+    flex?: undefined;
+} | {
+    flex: number;
+    flexGrow?: undefined;
+    flexShrink?: undefined;
+    flexBasis?: undefined;
+} | undefined;
+//# sourceMappingURL=flexDuWeb.d.ts.map

package/dist/core/styleTamagui/flexDuWeb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flexDuWeb.d.ts","sourceRoot":"","sources":["../../../src/core/styleTamagui/flexDuWeb.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM;;;;;;;;;;CACiD,CAAC;AAWxF,eAAO,MAAM,mBAAmB,GAAI,OAAO,OAAO,EAAE,aAAa,OAAO;;;;;;;;;;aAIvE,CAAC"}

package/dist/core/styleTamagui/flexDuWeb.js

@@ -0,0 +1,20 @@
+import { Platform } from 'react-native';
+// react-native-web rendait `flex: n` en `n 1 0%` ; Tamagui v3 le rend en `n 1 0px` sur le web.
+// Dans un parent de hauteur indefinie, la base en pixels ecrase la boite a zero, la base en
+// pourcentage lui rend la hauteur de son contenu : Alveole retablit la seconde.
+export const flexDuWeb = (flex) => Platform.OS === 'web' ? { flexGrow: flex, flexShrink: 1, flexBasis: '0%' } : { flex };
+const flexDuStyle = (style) => {
+    if (Array.isArray(style))
+        return style.reduce((dernier, element) => flexDuStyle(element) ?? dernier, undefined);
+    if (style && typeof style === 'object' && 'flex' in style)
+        return style.flex;
+    return undefined;
+};
+// Un appelant de Box peut porter `flex: n` en style comme en prop, la prop l'emportant : la
+// correction passe apres les deux.
+export const correctionFlexDuWeb = (style, flexEnProp) => {
+    const flex = flexEnProp ?? flexDuStyle(style);
+    if (Platform.OS !== 'web' || typeof flex !== 'number' || flex <= 0)
+        return undefined;
+    return flexDuWeb(flex);
+};

package/dist/core/styleTamagui/fondAuSurvol.d.ts

@@ -0,0 +1,15 @@
+import { ThemeColor } from '@alveole/theme';
+/**
+ * Separe le fond d'un style d'item du reste de sa forme, et le rend avec celui du survol sur
+ * une seule valeur : une clause ne vit que sur la prop qui porte le repos (ADR 0031).
+ */
+export declare const fondAuSurvol: <Style extends {
+    backgroundColor?: ThemeColor;
+}>(style: Style, survol: ThemeColor) => {
+    forme: Omit<Style, "backgroundColor">;
+    fond: {
+        default: ThemeColor | undefined;
+        hover: ThemeColor;
+    };
+};
+//# sourceMappingURL=fondAuSurvol.d.ts.map

package/dist/core/styleTamagui/fondAuSurvol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fondAuSurvol.d.ts","sourceRoot":"","sources":["../../../src/core/styleTamagui/fondAuSurvol.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,KAAK,SAAS;IAAE,eAAe,CAAC,EAAE,UAAU,CAAA;CAAE,EAAE,OAAO,KAAK,EAAE,QAAQ,UAAU;;;;;;CAG5G,CAAC"}

package/dist/core/styleTamagui/fondAuSurvol.js

@@ -0,0 +1,8 @@
+/**
+ * Separe le fond d'un style d'item du reste de sa forme, et le rend avec celui du survol sur
+ * une seule valeur : une clause ne vit que sur la prop qui porte le repos (ADR 0031).
+ */
+export const fondAuSurvol = (style, survol) => {
+    const { backgroundColor, ...forme } = style;
+    return { forme, fond: { default: backgroundColor, hover: survol } };
+};

package/dist/core/styleTamagui/sansEstompage.d.ts

@@ -0,0 +1,4 @@
+export declare const sansEstompage: {
+    readonly opacity: 1;
+};
+//# sourceMappingURL=sansEstompage.d.ts.map

package/dist/core/styleTamagui/sansEstompage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sansEstompage.d.ts","sourceRoot":"","sources":["../../../src/core/styleTamagui/sansEstompage.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa;;CAA0B,CAAC"}

package/dist/core/styleTamagui/sansEstompage.js

@@ -0,0 +1,4 @@
+// La peau de Tamagui v3 estompe a 0.45 la case, l'interrupteur et l'onglet desactives, meme
+// `unstyled` : par-dessus les couleurs desactivees qu'Alveole pose deja, ils tombaient a moitie
+// de leur teinte. Le style inline l'emporte sur la classe de la peau.
+export const sansEstompage = { opacity: 1 };

package/dist/core/styleTamagui/soulignement.d.ts

@@ -0,0 +1,11 @@
+/** Lien souligne au repos, qui perd son soulignement au survol. */
+export declare const soulignementDuLien: {
+    readonly default: "underline";
+    readonly hover: "none";
+};
+/** Lien sans soulignement au repos, qui le gagne au survol. */
+export declare const soulignementAuSurvol: {
+    readonly default: "none";
+    readonly hover: "underline";
+};
+//# sourceMappingURL=soulignement.d.ts.map

package/dist/core/styleTamagui/soulignement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"soulignement.d.ts","sourceRoot":"","sources":["../../../src/core/styleTamagui/soulignement.ts"],"names":[],"mappings":"AAEA,mEAAmE;AACnE,eAAO,MAAM,kBAAkB;;;CAAmD,CAAC;AAEnF,+DAA+D;AAC/D,eAAO,MAAM,oBAAoB;;;CAAmD,CAAC"}

package/dist/core/styleTamagui/soulignement.js

@@ -0,0 +1,5 @@
+// Repos et survol sur la meme prop (ADR 0031, consequences).
+/** Lien souligne au repos, qui perd son soulignement au survol. */
+export const soulignementDuLien = { default: 'underline', hover: 'none' };
+/** Lien sans soulignement au repos, qui le gagne au survol. */
+export const soulignementAuSurvol = { default: 'none', hover: 'underline' };

package/dist/generated/version.d.ts

@@ -1,2 +1,2 @@
-export declare const ALVEOLE_COMPONENTS_VERSION: "2.0.0-alpha.2";
+export declare const ALVEOLE_COMPONENTS_VERSION: "2.0.0-alpha.20";
 //# sourceMappingURL=version.d.ts.map

package/dist/generated/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/generated/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,EAAG,eAAwB,CAAC"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/generated/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,EAAG,gBAAyB,CAAC"}

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "2.0.0-alpha.2";
+export const ALVEOLE_COMPONENTS_VERSION = "2.0.0-alpha.20";