@alveole/components 1.10.0 → 2.0.0-alpha.1

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

@@ -1 +1 @@
-{"version":3,"file":"PageContentDefault.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageContentDefault.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,uBAAuB,GAAG,SAAS,CAAC;AAEhD,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,gCAuBhE,CAAC"}
+{"version":3,"file":"PageContentDefault.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageContentDefault.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,uBAAuB,GAAG,SAAS,CAAC;AAEhD,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,gCAuBhE,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PageProps } from './Page';
+import type { PageProps } from './Page.types';
 export type PageContentScrollableHandle = {
     scrollToTop: () => void;
 };
@@ -10,7 +10,23 @@ export type PageContentScrollableProps = PageProps & {
 };
 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"> & {
     justify?: import("tamagui").ViewProps["justifyContent"];
-} & import("..").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?: React.CSSProperties;
 } & {
     title: string;
@@ -20,13 +36,13 @@ export declare const PageContentScrollable: React.ForwardRefExoticComponent<Pick
         title?: string;
         description?: string;
     };
-    meta?: import("./Page").MetaTagProps[];
+    meta?: import("./Page.types").MetaTagProps[];
     scrollable?: boolean | "mobile-only" | "desktop-only";
     sidebar?: React.ReactNode;
     beforeContent?: React.ReactNode;
     footerContent?: React.ReactNode;
     sideBarController?: import("../..").SidebarController;
-    statusBar?: import("./Page").PageStatusBarProps;
+    statusBar?: import("./Page.types").PageStatusBarProps;
     renderToolbar?: (options?: {
         isScrolled: boolean;
     }) => React.ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"PageContentScrollable.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageContentScrollable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG;IACnD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;aAHC,CAAC;mBAG7B,CAAC;;;;;;;;;4BAUF,CAAH;;;;;;;uBAfkB,MAAM,IAAI;4BACL,MAAM;qBACb,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI;qDAyD3C,CAAC"}
+{"version":3,"file":"PageContentScrollable.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageContentScrollable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG;IACnD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;aALV,CAAA;mBACZ,CAAC;;;;;;;;;4BASF,CAAC;;;;;;;uBAVS,MAAM,IAAI;4BACL,MAAM;qBACb,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI;qDAyD3C,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { PageProps } from './Page';
+import type { PageProps } from './Page.types';
 export type PageHeadProps = PageProps;
 /**
  * Pas de  `<head>` en mobile

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

@@ -1 +1 @@
-{"version":3,"file":"PageHead.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AACtC;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,GAAG,aAAa,SAAS,CAAC"}
+{"version":3,"file":"PageHead.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AACtC;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,GAAG,aAAa,SAAS,CAAC"}

package/dist/core/Page/PageHead.web.d.ts

@@ -1,4 +1,4 @@
-import type { PageProps } from './Page';
+import type { PageProps } from './Page.types';
 export type PageHeadProps = PageProps;
 export declare const PageHead: (props: PageHeadProps) => import("react").JSX.Element;
 //# sourceMappingURL=PageHead.web.d.ts.map

package/dist/core/Page/PageHead.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHead.web.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageHead.web.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAKxC,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AAEtC,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,gCAmB5C,CAAC"}
+{"version":3,"file":"PageHead.web.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageHead.web.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AAEtC,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,gCAmB5C,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { MetaTagProps } from './Page';
+import type { MetaTagProps } from './Page.types';
 type PageMetaContextValue = {
     meta: MetaTagProps[];
 };

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

@@ -1 +1 @@
-{"version":3,"file":"PageMetaContext.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageMetaContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE3C,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,YAAY,EAAE,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,WAAW,4BAA0C,CAAC;AAEnE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB,GAAI,oBAAoB;IAAE,IAAI,EAAE,YAAY,EAAE,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBAEvG,CAAC"}
+{"version":3,"file":"PageMetaContext.d.ts","sourceRoot":"","sources":["../../../src/core/Page/PageMetaContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,YAAY,EAAE,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,WAAW,4BAA0C,CAAC;AAEnE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,gBAAgB,GAAI,oBAAoB;IAAE,IAAI,EAAE,YAAY,EAAE,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBAEvG,CAAC"}

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

@@ -1,4 +1,5 @@
 export * from './Page';
+export * from './Page.types';
 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,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,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC"}

package/dist/core/Page/index.js

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

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

@@ -0,0 +1,4 @@
+import { PageStatusBarProps } from './Page.types';
+export declare const applyStatusBar: (statusBar: Required<PageStatusBarProps>) => void;
+export declare const usePageStatusBar: (statusBar?: PageStatusBarProps) => void;
+//# sourceMappingURL=usePageStatusBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePageStatusBar.d.ts","sourceRoot":"","sources":["../../../src/core/Page/usePageStatusBar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAOlD,eAAO,MAAM,cAAc,GAAI,WAAW,QAAQ,CAAC,kBAAkB,CAAC,SAIrE,CAAC;AAKF,eAAO,MAAM,gBAAgB,GAAI,YAAY,kBAAkB,SA0B9D,CAAC"}

package/dist/core/Page/usePageStatusBar.js

@@ -0,0 +1,37 @@
+import { useFocusEffect } from 'expo-router';
+import * as SystemUI from 'expo-system-ui';
+import React from 'react';
+import { AppState, Platform, StatusBar } from 'react-native';
+const DEFAULT_STATUS_BAR = {
+    barStyle: 'dark-content',
+    backgroundColor: 'white',
+};
+export const applyStatusBar = (statusBar) => {
+    StatusBar.setBarStyle(statusBar.barStyle);
+    if (Platform.OS === 'android')
+        StatusBar.setBackgroundColor(statusBar.backgroundColor);
+    void SystemUI.setBackgroundColorAsync(statusBar.backgroundColor);
+};
+// La barre de statut est un état global de l'OS : la poser au focus de la page et la restaurer à
+// la sortie, puis la réappliquer au retour en premier plan, sont deux effets de cycle de vie qui
+// n'ont rien à voir avec le rendu. Les isoler garde `PageContent` à son seul rôle de composition.
+export const usePageStatusBar = (statusBar) => {
+    const resolvedStatusBar = React.useMemo(() => ({
+        barStyle: statusBar?.barStyle ?? DEFAULT_STATUS_BAR.barStyle,
+        backgroundColor: statusBar?.backgroundColor ?? DEFAULT_STATUS_BAR.backgroundColor,
+    }), [statusBar?.backgroundColor, statusBar?.barStyle]);
+    useFocusEffect(React.useCallback(() => {
+        applyStatusBar(resolvedStatusBar);
+        return () => applyStatusBar(DEFAULT_STATUS_BAR);
+    }, [resolvedStatusBar]));
+    React.useEffect(() => {
+        const subscription = AppState.addEventListener('change', nextAppState => {
+            if (nextAppState !== 'active')
+                return;
+            applyStatusBar(resolvedStatusBar);
+        });
+        return () => {
+            subscription.remove();
+        };
+    }, [resolvedStatusBar]);
+};

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

@@ -1 +1 @@
-{"version":3,"file":"Section.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Section/Section.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAKlB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAUvB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAMzB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAUvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"Section.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Section/Section.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAKlB,eAAO,MAAM,OAAO,mCAMnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAMxB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAUvB,CAAC;AAEF,eAAO,MAAM,aAAa,mCAMzB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAUvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC"}

package/dist/core/Section/Section.stories.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '../../core';
+import { Box } from '../Box';
+import { Typography } from '../Typography';
 import { Section } from './Section';
 import { useStyles } from './Section.styles';
 export default {

package/dist/core/Section/Section.styles.js

@@ -5,7 +5,7 @@ export const useStyles = makeStyles(({ externalPadding, spacing }) => {
         section: {
             display: 'flex',
             flexDirection: 'row',
-            gap: spacing('075'),
+            gap: spacing('3V'),
             justifyContent: 'center',
             paddingLeft: paddingValue,
             paddingRight: paddingValue,

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.stories.d.ts","sourceRoot":"","sources":["../../../src/core/ThemeProvider/ThemeProvider.stories.tsx"],"names":[],"mappings":";;;;;;;;AAIA,wBAQkB;AAElB;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW,mCAqCvB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,gBAAgB,mCAgE5B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"ThemeProvider.stories.d.ts","sourceRoot":"","sources":["../../../src/core/ThemeProvider/ThemeProvider.stories.tsx"],"names":[],"mappings":";;;;;;;;AAOA,wBAQkB;AA6BlB;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW,mCAevB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,gBAAgB,mCA8C5B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,iCAAiC,CAAC"}

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

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Highlight, Typography } from '@alveole/components';
 import { useTheme } from '@alveole/theme';
+import { Box } from '../Box';
+import { Highlight } from '../Highlight';
+import { Typography } from '../Typography';
 export default {
     title: 'ThemeProvider',
     tags: ['Kit'],
@@ -9,6 +11,19 @@ export default {
     description: 'Provider de thème. Injecte les tokens CSS (couleurs, espacements, typographies, rayons). Supporte deux modes : injection dynamique (défaut) ou CSS pré-compilé statique.',
     styleFn: () => ({}),
 };
+// Les deux stories affichent le même bandeau « Mode actif » (pastille colorée + libellé) : seul le
+// texte change. L'isoler évite de dupliquer la mise en forme et allège chaque story à sa seule
+// démonstration.
+const ModeBadge = ({ children }) => {
+    const { color, text } = useTheme();
+    return (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 8, style: {
+            alignItems: 'center',
+            paddingHorizontal: 12,
+            paddingVertical: 8,
+            borderRadius: 8,
+            backgroundColor: color.light.background['default-grey'],
+        }, children: [_jsx(Box, { style: { width: 8, height: 8, borderRadius: 4, backgroundColor: color.light.background['active-primary'] } }), _jsx(Typography, { style: text['Corps de texte'].SM.Regular, children: children })] }));
+};
 /**
  * Mode par défaut : les variables CSS sont injectées au runtime via des balises `<style>`,
  * recalculées à chaque changement de thème.
@@ -25,15 +40,7 @@ export default {
  * }
  * ```
  */
-export const UsageDefaut = () => {
-    const { color, text } = useTheme();
-    return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 12, children: [_jsxs(Box, { display: "flex", flexDirection: "row", gap: 8, style: {
-                    alignItems: 'center',
-                    paddingHorizontal: 12,
-                    paddingVertical: 8,
-                    borderRadius: 8,
-                    backgroundColor: color.light.background['default-grey'],
-                }, children: [_jsx(Box, { style: { width: 8, height: 8, borderRadius: 4, backgroundColor: color.light.background['active-primary'] } }), _jsx(Typography, { style: text['Corps de texte'].SM.Regular, children: "Mode actif : injection dynamique via balises <style>" })] }), _jsx(Highlight, { language: "tsx", children: `import { ThemeProvider } from '@alveole/theme';
+export const UsageDefaut = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 12, children: [_jsx(ModeBadge, { children: "Mode actif : injection dynamique via balises <style>" }), _jsx(Highlight, { language: "tsx", children: `import { ThemeProvider } from '@alveole/theme';
 
 export default function RootLayout() {
   return (
@@ -42,7 +49,6 @@ export default function RootLayout() {
     </ThemeProvider>
   );
 }` })] }));
-};
 /**
  * Mode CSS statique : les variables CSS sont pré-compilées dans `dist/default.css` au moment
  * du build du package. Le navigateur peut mettre ce fichier en cache — aucune balise `<style>`
@@ -80,13 +86,7 @@ export default function RootLayout() {
  */
 export const UsageCSSStatique = () => {
     const { color, text } = useTheme();
-    return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 12, children: [_jsxs(Box, { display: "flex", flexDirection: "row", gap: 8, style: {
-                    alignItems: 'center',
-                    paddingHorizontal: 12,
-                    paddingVertical: 8,
-                    borderRadius: 8,
-                    backgroundColor: color.light.background['default-grey'],
-                }, children: [_jsx(Box, { style: { width: 8, height: 8, borderRadius: 4, backgroundColor: color.light.background['active-primary'] } }), _jsx(Typography, { style: text['Corps de texte'].SM.Regular, children: "Mode actif : CSS pr\u00E9-compil\u00E9 \u2014 aucune balise <style> inject\u00E9e" })] }), _jsx(Highlight, { language: "tsx", children: `import '@alveole/theme/dist/default.css';
+    return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 12, children: [_jsx(ModeBadge, { children: "Mode actif : CSS pr\u00E9-compil\u00E9 - aucune balise <style> inject\u00E9e" }), _jsx(Highlight, { language: "tsx", children: `import '@alveole/theme/dist/default.css';
 import { ThemeProvider } from '@alveole/theme';
 
 export default function RootLayout() {

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/ThemeProvider/ThemeProvider.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,cAAkiC,CAAC;AAE3jC,eAAO,MAAM,gBAAgB,cAA6tE,CAAC;AAE3vE,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAGtE,CAAC"}
+{"version":3,"file":"ThemeProvider.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/ThemeProvider/ThemeProvider.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,cAAyb,CAAC;AAEld,eAAO,MAAM,gBAAgB,cAA2rD,CAAC;AAEztD,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAGtE,CAAC"}

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  const { color, text } = useTheme();\n\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gap={12}>\n      <Box\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap={8}\n        style={{\n          alignItems: 'center',\n          paddingHorizontal: 12,\n          paddingVertical: 8,\n          borderRadius: 8,\n          backgroundColor: color.light.background['default-grey'],\n        }}\n      >\n        <Box\n          style={{ width: 8, height: 8, borderRadius: 4, backgroundColor: color.light.background['active-primary'] }}\n        />\n        <Typography style={text['Corps de texte'].SM.Regular}>\n          Mode actif : injection dynamique via balises &lt;style&gt;\n        </Typography>\n      </Box>\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  );\n};";
-export const UsageCSSStatique = () => "export const UsageCSSStatique = () => {\n  const { color, text } = useTheme();\n\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gap={12}>\n      <Box\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap={8}\n        style={{\n          alignItems: 'center',\n          paddingHorizontal: 12,\n          paddingVertical: 8,\n          borderRadius: 8,\n          backgroundColor: color.light.background['default-grey'],\n        }}\n      >\n        <Box\n          style={{ width: 8, height: 8, borderRadius: 4, backgroundColor: color.light.background['active-primary'] }}\n        />\n        <Typography style={text['Corps de texte'].SM.Regular}>\n          Mode actif : CSS pré-compilé — aucune balise &lt;style&gt; injectée\n        </Typography>\n      </Box>\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={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 storySources = {
     UsageDefaut,
     UsageCSSStatique,

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

@@ -6,7 +6,20 @@ export type TypographyProps = Pick<TamaguiTextProps, 'exitStyle' | 'focusStyle'
     hoverStyle?: CSSProperties;
 };
 export type TypographyElement = TamaguiTextElement;
-export declare const Typography: React.ForwardRefExoticComponent<Pick<TamaguiTextProps, "pressStyle" | "focusStyle" | "disabledStyle" | "exitStyle"> & Omit<RNTamaguiTextNonStyleProps, "children"> & import("./Typography.types").TypographyBaseStyle & import("./Typography.types").TypographyAdvancedStyle & {
+export declare const Typography: React.ForwardRefExoticComponent<Pick<TamaguiTextProps, "pressStyle" | "focusStyle" | "disabledStyle" | "exitStyle"> & Omit<RNTamaguiTextNonStyleProps, "children"> & import("./Typography.types").TypographyBaseStyle & import("../..").SizeStyle & {
+    p?: number;
+    pl?: number;
+    pr?: number;
+    pt?: number;
+    pb?: number;
+    m?: number | `${string}%` | "auto";
+    ml?: number | `${string}%` | "auto";
+    mr?: number | `${string}%` | "auto";
+    mt?: number | `${string}%` | "auto";
+    mb?: number | `${string}%` | "auto";
+    background?: string;
+    textAlign?: TamaguiTextProps["textAlign"];
+} & {
     children: React.ReactNode;
     hoverStyle?: CSSProperties;
 } & React.RefAttributes<TamaguiTextElement>>;

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;AAC7C,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;4CAkB5B,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,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"}

package/dist/core/Typography/Typography.js

@@ -1,8 +1,16 @@
 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 { 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, ...textProps } = props;
-    return (_jsx(StyledTypography, { ref: ref, hoverStyle: hoverStyle, tag: tag ?? 'typography', style: style, textAlign: textAlign, ...textProps }));
+    const { tag, style, textAlign, hoverStyle, color, ...textProps } = props;
+    const styles = useStyles();
+    return (_jsx(StyledTypography, { ref: ref, hoverStyle: versStyleTamagui(hoverStyle), tag: tag ?? 'typography', style: style, textAlign: 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 }));
 });

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

@@ -3,7 +3,20 @@ 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("./Typography.types").TypographyAdvancedStyle & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("tamagui").TextProps, "pressStyle" | "focusStyle" | "disabledStyle" | "exitStyle"> & Omit<import("@tamagui/core").RNTamaguiTextNonStyleProps, "children"> & import("./Typography.types").TypographyBaseStyle & import("../..").SizeStyle & {
+        p?: number;
+        pl?: number;
+        pr?: number;
+        pt?: number;
+        pb?: number;
+        m?: number | `${string}%` | "auto";
+        ml?: number | `${string}%` | "auto";
+        mr?: number | `${string}%` | "auto";
+        mt?: number | `${string}%` | "auto";
+        mb?: number | `${string}%` | "auto";
+        background?: string;
+        textAlign?: import("tamagui").TextProps["textAlign"];
+    } & {
         children: React.ReactNode;
         hoverStyle?: import("react").CSSProperties;
     } & import("react").RefAttributes<import("tamagui").TamaguiTextElement>>;

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;AAElH,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.styles.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/Typography.styles.ts"],"names":[],"mappings":"AAEA,uFAAuF;AACvF,eAAO,MAAM,SAAS;;;;CAInB,CAAC"}

package/dist/core/Typography/Typography.styles.js

@@ -0,0 +1,7 @@
+import { makeStyles } from '@alveole/theme';
+/** Couleur de texte par defaut du design system, surchargeable par la prop `color`. */
+export const useStyles = makeStyles(({ color }) => ({
+    text: {
+        color: color.light.text['default-grey'],
+    },
+}));

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

@@ -1,6 +1,7 @@
 import { TextProps } from '@tamagui/core';
+import { SizeStyle } from '../../type/SizeStyle';
 export type TypographyBaseStyle = Pick<TextProps, 'textTransform' | 'fontSize' | 'fontStyle' | 'lineHeight' | 'textDecorationLine' | 'color'>;
-export type TypographyAdvancedStyle = {
+export type TypographyAdvancedStyle = SizeStyle & {
     p?: number;
     pl?: number;
     pr?: number;
@@ -12,12 +13,6 @@ export type TypographyAdvancedStyle = {
     mt?: number | `${string}%` | 'auto';
     mb?: number | `${string}%` | 'auto';
     background?: string;
-    width?: number | `${string}%`;
-    height?: number | `${string}%`;
-    minW?: number | `${string}%`;
-    maxW?: number | `${string}%`;
-    minH?: number | `${string}%`;
-    maxH?: number | `${string}%`;
     textAlign?: TextProps['textAlign'];
 };
 export type TypographyStyle = TypographyBaseStyle & TypographyAdvancedStyle;

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.types.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/Typography.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,SAAS,EACT,eAAe,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,oBAAoB,GAAG,OAAO,CAC3F,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IACnC,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IAEpC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;IAE7B,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,uBAAuB,CAAC"}
+{"version":3,"file":"Typography.types.d.ts","sourceRoot":"","sources":["../../../src/core/Typography/Typography.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,SAAS,EACT,eAAe,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,oBAAoB,GAAG,OAAO,CAC3F,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG;IAChD,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IACnC,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IAEpC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG,uBAAuB,CAAC"}

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

@@ -0,0 +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;
+//# sourceMappingURL=couleurDuTexte.d.ts.map

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

@@ -0,0 +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"}

package/dist/core/Typography/couleurDuTexte.js

@@ -0,0 +1,2 @@
+/** La couleur demandee, sinon le gris par defaut du design system. */
+export const couleurDuTexte = (styles, color) => color ?? styles.text.color;

package/dist/core/Version/Version.styles.js

@@ -1,7 +1,7 @@
 import { makeStyles } from '@alveole/theme';
 export const useStyles = makeStyles(({ text, color, spacing }) => ({
     container: {
-        padding: spacing('075'),
+        padding: spacing('3V'),
         textAlign: 'center',
         ...text['Corps de texte'].XS.Regular,
         color: color.light.text['mention-grey'],

package/dist/core/index.d.ts

@@ -5,6 +5,7 @@ export * from './AppUpdateProvider';
 export * from './Box';
 export * from './Code';
 export * from './Form';
+export * from './Grid';
 export * from './Highlight';
 export * from './Image';
 export * from './Lottie';

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,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,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"}

package/dist/core/index.js

@@ -5,6 +5,7 @@ export * from './AppUpdateProvider';
 export * from './Box';
 export * from './Code';
 export * from './Form';
+export * from './Grid';
 export * from './Highlight';
 export * from './Image';
 export * from './Lottie';

package/dist/core/styleNatif/versStyleNatif.d.ts

@@ -0,0 +1,12 @@
+import { StyleValue } from '@alveole/theme';
+/**
+ * Le seul passage d'un style de `makeStyles` vers le type qu'attend un composant natif.
+ * `makeStyles` produit des `CSSProperties` : sur web, `spacing` ou `radius` y rendent des
+ * variables CSS, et certaines proprietes (`outline`) n'existent que dans le navigateur. Les
+ * `ViewStyle` et `TextStyle` de react-native ne connaissent ni les unes ni les autres :
+ * l'assertion ment donc au compilateur, pas au rendu, que react-native-web lit tel quel.
+ * Ce mensonge reste ici, seul et nomme, exempte de `consistent-type-assertions` par la
+ * configuration ESLint.
+ */
+export declare const versStyleNatif: <Cible>(style: StyleValue | undefined) => Cible;
+//# sourceMappingURL=versStyleNatif.d.ts.map

package/dist/core/styleNatif/versStyleNatif.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"versStyleNatif.d.ts","sourceRoot":"","sources":["../../../src/core/styleNatif/versStyleNatif.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GAAI,KAAK,EAAE,OAAO,UAAU,GAAG,SAAS,KAAc,KAAK,CAAC"}

package/dist/core/styleNatif/versStyleNatif.js

@@ -0,0 +1,10 @@
+/**
+ * Le seul passage d'un style de `makeStyles` vers le type qu'attend un composant natif.
+ * `makeStyles` produit des `CSSProperties` : sur web, `spacing` ou `radius` y rendent des
+ * variables CSS, et certaines proprietes (`outline`) n'existent que dans le navigateur. Les
+ * `ViewStyle` et `TextStyle` de react-native ne connaissent ni les unes ni les autres :
+ * l'assertion ment donc au compilateur, pas au rendu, que react-native-web lit tel quel.
+ * Ce mensonge reste ici, seul et nomme, exempte de `consistent-type-assertions` par la
+ * configuration ESLint.
+ */
+export const versStyleNatif = (style) => style;

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

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+/**
+ * Le seul passage d'un style de survol CSS vers le type qu'attend Tamagui. `Box` et
+ * `Typography` publient `hoverStyle` en `CSSProperties`, plus large que le type de Tamagui
+ * (`flex` y accepte une chaine, Tamagui un nombre) : l'assertion ment donc au compilateur.
+ * Resserrer la prop publique casserait les apps qui lui passent des `CSSProperties` ; ce
+ * mensonge reste ici, seul et nomme, jusqu'a la prochaine version majeure.
+ */
+export declare const versStyleTamagui: <Cible>(css: CSSProperties | undefined) => Cible | undefined;
+//# sourceMappingURL=versStyleTamagui.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"versStyleTamagui.d.ts","sourceRoot":"","sources":["../../../src/core/styleTamagui/versStyleTamagui.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,KAAK,EAAE,KAAK,aAAa,GAAG,SAAS,KAAY,KAAK,GAAG,SAAS,CAAC"}

package/dist/core/styleTamagui/versStyleTamagui.js

@@ -0,0 +1,8 @@
+/**
+ * Le seul passage d'un style de survol CSS vers le type qu'attend Tamagui. `Box` et
+ * `Typography` publient `hoverStyle` en `CSSProperties`, plus large que le type de Tamagui
+ * (`flex` y accepte une chaine, Tamagui un nombre) : l'assertion ment donc au compilateur.
+ * Resserrer la prop publique casserait les apps qui lui passent des `CSSProperties` ; ce
+ * mensonge reste ici, seul et nomme, jusqu'a la prochaine version majeure.
+ */
+export const versStyleTamagui = (css) => css;

package/dist/generated/version.d.ts

@@ -1,2 +1,2 @@
-export declare const ALVEOLE_COMPONENTS_VERSION: "1.10.0";
+export declare const ALVEOLE_COMPONENTS_VERSION: "2.0.0-alpha.1";
 //# 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,QAAiB,CAAC"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/generated/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,EAAG,eAAwB,CAAC"}

package/dist/generated/version.js

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