@alveole/components 1.0.1 → 1.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"Page.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Page/Page.stories.tsx"],"names":[],"mappings":";;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAInB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAIlB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAI1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAY5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,mCAoBhC,CAAC;AAEF,eAAO,MAAM,WAAW,mCAevB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"Page.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Page/Page.stories.tsx"],"names":[],"mappings":";;;;;;;;;AAIA,wBAUkB;AAElB,eAAO,MAAM,OAAO,mCAInB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAIlB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAI1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAY5B,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,oBAAoB,YAAa,CAAC;AAE/C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW,YAAa,CAAC;AAEtC,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}

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

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Box } from '../Box';
 import { Typography } from '../Typography';
 import { Page } from './Page';
 export default {
@@ -7,6 +6,7 @@ export default {
     tags: ['core'],
     experimental: false,
     description: "Permet de définir les valeurs de la balise <head> via Expo router. Doit englober toutes les pages. Permet aussi de rendre la page scrollable via l'attribut `scrollable`. Principalement pour le web.",
+    shortDescription: 'Définit les valeurs de la balise head via Expo Router. Rend la page scrollable. Principalement pour le web.',
     component: Page,
     styleFn: () => 'Aucun style appliqué',
 };
@@ -18,29 +18,41 @@ export const WithMultipleMeta = () => (_jsx(Page, { title: "Page compl\u00E8te",
         { name: 'author', content: 'Alvéole' },
         { httpEquiv: 'X-UA-Compatible', content: 'IE=edge' },
     ], children: _jsx(Typography, { children: "Page avec plusieurs balises meta personnalis\u00E9es." }) }));
-export const WithPageMetaProvider = () => (_jsx(Box, { children: _jsx(Typography, { children: `// Dans app/_layout.tsx — configure des meta globales pour toutes les pages
-// Les meta du provider sont injectées en premier ;
-// la prop \`meta\` de chaque <Page> les complète ou les écrase.
-import { PageMetaProvider } from '@alveole/components';
-
-export default function RootLayout() {
-  return (
-    <PageMetaProvider meta={[{ name: 'robots', content: 'noindex, nofollow' }]}>
-      <Stack />
-    </PageMetaProvider>
-  );
-}
-
-// Une page peut surcharger ou ajouter des meta sans répéter le noindex :
-<Page title="Ma page" meta={[{ name: 'author', content: 'Alvéole' }]} />` }) }));
-export const WithSidebar = () => (_jsx(Box, { children: _jsx(Typography, { children: `const sidebarController = useSidebar();
-return (
-  <Page
-    sideBarController={sidebarController}
-    sidebar={<AdminNavigation sidebarController={sidebarController} />}
-    title="Mon titre"
-  >
-    {/* ... */}
-  </Page>
-);` }) }));
+/**
+ * Configure des meta globales pour toutes les pages via `PageMetaProvider` dans `app/_layout.tsx`.
+ * Les meta du provider sont injectées en premier ; la prop `meta` de chaque `<Page>` les complète ou les écrase.
+ *
+ * ```tsx
+ * import { PageMetaProvider } from '@alveole/components';
+ *
+ * export default function RootLayout() {
+ *   return (
+ *     <PageMetaProvider meta={[{ name: 'robots', content: 'noindex, nofollow' }]}>
+ *       <Stack />
+ *     </PageMetaProvider>
+ *   );
+ * }
+ *
+ * // Une page peut surcharger ou ajouter des meta sans répéter le noindex :
+ * <Page title="Ma page" meta={[{ name: 'author', content: 'Alvéole' }]} />
+ * ```
+ */
+export const WithPageMetaProvider = () => null;
+/**
+ * Intégration avec un contrôleur de sidebar via `useSidebar()`.
+ *
+ * ```tsx
+ * const sidebarController = useSidebar();
+ * return (
+ *   <Page
+ *     sideBarController={sidebarController}
+ *     sidebar={<AdminNavigation sidebarController={sidebarController} />}
+ *     title="Mon titre"
+ *   >
+ *     ...
+ *   </Page>
+ * );
+ * ```
+ */
+export const WithSidebar = () => null;
 export * as Sources from './Page.stories.sources';

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

@@ -13,4 +13,5 @@ export declare const storySources: {
     readonly WithSidebar: () => string;
 };
 export type StorySourceName = keyof typeof storySources;
+export declare const storyDescriptions: Partial<Record<StorySourceName, string>>;
 //# sourceMappingURL=Page.stories.sources.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Page.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Page/Page.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAmK,CAAC;AAExL,eAAO,MAAM,MAAM,cAA2O,CAAC;AAE/P,eAAO,MAAM,cAAc,cAAoP,CAAC;AAEhR,eAAO,MAAM,gBAAgB,cAAsa,CAAC;AAEpc,eAAO,MAAM,oBAAoB,cAA+sB,CAAC;AAEjvB,eAAO,MAAM,WAAW,cAAiW,CAAC;AAE1X,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Page.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Page/Page.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAmK,CAAC;AAExL,eAAO,MAAM,MAAM,cAA2O,CAAC;AAE/P,eAAO,MAAM,cAAc,cAAoP,CAAC;AAEhR,eAAO,MAAM,gBAAgB,cAAsa,CAAC;AAEpc,eAAO,MAAM,oBAAoB,cAA0D,CAAC;AAE5F,eAAO,MAAM,WAAW,cAAiD,CAAC;AAE1E,eAAO,MAAM,YAAY;;;;;;;CAOf,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/Page/Page.stories.sources.js

@@ -4,8 +4,8 @@ export const Default = () => "export const Default = () => (\n  <Page title=\"Mo
 export const WithOg = () => "export const WithOg = () => (\n  <Page title=\"Mon titre\" description=\"Description\" og={{ title: 'OG titre', description: 'OG description' }}>\n    <Typography>Page avec Open Graph personnalisé</Typography>\n  </Page>\n);";
 export const WithMetaRobots = () => "export const WithMetaRobots = () => (\n  <Page title=\"Page privée\" meta={[{ name: 'robots', content: 'noindex, nofollow' }]}>\n    <Typography>Cette page ne sera pas indexée par les moteurs de recherche.</Typography>\n  </Page>\n);";
 export const WithMultipleMeta = () => "export const WithMultipleMeta = () => (\n  <Page\n    title=\"Page complète\"\n    description=\"Avec plusieurs balises meta\"\n    meta={[\n      { name: 'robots', content: 'noindex, nofollow' },\n      { name: 'author', content: 'Alvéole' },\n      { httpEquiv: 'X-UA-Compatible', content: 'IE=edge' },\n    ]}\n  >\n    <Typography>Page avec plusieurs balises meta personnalisées.</Typography>\n  </Page>\n);";
-export const WithPageMetaProvider = () => "export const WithPageMetaProvider = () => (\n  <Box>\n    <Typography>\n      {`// Dans app/_layout.tsx — configure des meta globales pour toutes les pages\n// Les meta du provider sont injectées en premier ;\n// la prop \\`meta\\` de chaque <Page> les complète ou les écrase.\nimport { PageMetaProvider } from '@alveole/components';\n\nexport default function RootLayout() {\n  return (\n    <PageMetaProvider meta={[{ name: 'robots', content: 'noindex, nofollow' }]}>\n      <Stack />\n    </PageMetaProvider>\n  );\n}\n\n// Une page peut surcharger ou ajouter des meta sans répéter le noindex :\n<Page title=\"Ma page\" meta={[{ name: 'author', content: 'Alvéole' }]} />`}\n    </Typography>\n  </Box>\n);";
-export const WithSidebar = () => "export const WithSidebar = () => (\n  <Box>\n    <Typography>\n      {`const sidebarController = useSidebar();\nreturn (\n  <Page\n    sideBarController={sidebarController}\n    sidebar={<AdminNavigation sidebarController={sidebarController} />}\n    title=\"Mon titre\"\n  >\n    {/* ... */}\n  </Page>\n);`}\n    </Typography>\n  </Box>\n);";
+export const WithPageMetaProvider = () => "export const WithPageMetaProvider = () => null;";
+export const WithSidebar = () => "export const WithSidebar = () => null;";
 export const storySources = {
     Default,
     WithOg,
@@ -14,3 +14,7 @@ export const storySources = {
     WithPageMetaProvider,
     WithSidebar,
 };
+export const storyDescriptions = {
+    WithPageMetaProvider: "Configure des meta globales pour toutes les pages via `PageMetaProvider` dans `app/_layout.tsx`.\nLes meta du provider sont injectées en premier ; la prop `meta` de chaque `<Page>` les complète ou les écrase.\n\n```tsx\nimport { PageMetaProvider } from '@alveole/components';\n\nexport default function RootLayout() {\n  return (\n    <PageMetaProvider meta={[{ name: 'robots', content: 'noindex, nofollow' }]}>\n      <Stack />\n    </PageMetaProvider>\n  );\n}\n\n// Une page peut surcharger ou ajouter des meta sans répéter le noindex :\n<Page title=\"Ma page\" meta={[{ name: 'author', content: 'Alvéole' }]} />\n```",
+    WithSidebar: "Intégration avec un contrôleur de sidebar via `useSidebar()`.\n\n```tsx\nconst sidebarController = useSidebar();\nreturn (\n  <Page\n    sideBarController={sidebarController}\n    sidebar={<AdminNavigation sidebarController={sidebarController} />}\n    title=\"Mon titre\"\n  >\n    ...\n  </Page>\n);\n```",
+};

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

@@ -8,14 +8,14 @@ declare const _default: {
         section: {
             display: "flex";
             flexDirection: "row";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
             justifyContent: "center";
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
         };
         sectionWithPaddingY: {
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
         };
         sectionContainer: {
             display: "flex";

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

@@ -12,7 +12,7 @@ export default {
 };
 const paddingColor = '#b9c47f';
 const innerBoxColor = '#88b2bd';
-export const Default = () => (_jsx(Section, { children: _jsx(Box, { children: _jsx(Typography, { children: "Section avec background" }) }) }));
+export const Default = () => (_jsx(Section, { children: _jsx(Box, { children: _jsx(Typography, { children: "Section" }) }) }));
 export const WithPaddingY = () => (_jsx(Section, { backgroundColor: paddingColor, withPaddingY: true, children: _jsx(Box, { backgroundColor: innerBoxColor, p: '050', children: _jsx(Typography, { children: "Section avec background et padding Y" }) }) }));
 export const WidthMdSize = () => (_jsx(Section, { backgroundColor: paddingColor, size: "md", children: _jsx(Box, { backgroundColor: innerBoxColor, p: '050', children: _jsx(Typography, { children: "Section avec background et size md" }) }) }));
 export const WidthFullSize = () => (_jsx(Section, { backgroundColor: paddingColor, size: "full", children: _jsx(Box, { backgroundColor: innerBoxColor, p: '050', children: _jsx(Typography, { children: "Section avec background et size full (taille par d\u00E9faut)" }) }) }));

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

@@ -1 +1 @@
-{"version":3,"file":"Section.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Section/Section.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAuJ,CAAC;AAE5K,eAAO,MAAM,YAAY,cAA+P,CAAC;AAEzR,eAAO,MAAM,WAAW,cAA2P,CAAC;AAEpR,eAAO,MAAM,aAAa,cAAqR,CAAC;AAEhT,eAAO,MAAM,WAAW,cAA2P,CAAC;AAEpR,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Section.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Section/Section.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAuI,CAAC;AAE5J,eAAO,MAAM,YAAY,cAA+P,CAAC;AAEzR,eAAO,MAAM,WAAW,cAA2P,CAAC;AAEpR,eAAO,MAAM,aAAa,cAAqR,CAAC;AAEhT,eAAO,MAAM,WAAW,cAA2P,CAAC;AAEpR,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,6 +1,6 @@
 // This file is generated. Do not edit manually.
 // Source: src/core/Section/Section.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Section>\n    <Box>\n      <Typography>Section avec background</Typography>\n    </Box>\n  </Section>\n);";
+export const Default = () => "export const Default = () => (\n  <Section>\n    <Box>\n      <Typography>Section</Typography>\n    </Box>\n  </Section>\n);";
 export const WithPaddingY = () => "export const WithPaddingY = () => (\n  <Section backgroundColor={paddingColor} withPaddingY>\n    <Box backgroundColor={innerBoxColor} p={'050'}>\n      <Typography>Section avec background et padding Y</Typography>\n    </Box>\n  </Section>\n);";
 export const WidthMdSize = () => "export const WidthMdSize = () => (\n  <Section backgroundColor={paddingColor} size=\"md\">\n    <Box backgroundColor={innerBoxColor} p={'050'}>\n      <Typography>Section avec background et size md</Typography>\n    </Box>\n  </Section>\n);";
 export const WidthFullSize = () => "export const WidthFullSize = () => (\n  <Section backgroundColor={paddingColor} size=\"full\">\n    <Box backgroundColor={innerBoxColor} p={'050'}>\n      <Typography>Section avec background et size full (taille par défaut)</Typography>\n    </Box>\n  </Section>\n);";

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

@@ -2,14 +2,14 @@ export declare const useStyles: () => {
     section: {
         display: "flex";
         flexDirection: "row";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
         justifyContent: "center";
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
+        paddingLeft: string | number;
+        paddingRight: string | number;
     };
     sectionWithPaddingY: {
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingBottom: string | number;
     };
     sectionContainer: {
         display: "flex";

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

@@ -0,0 +1,64 @@
+declare const _default: {
+    title: string;
+    tags: "Kit"[];
+    experimental: false;
+    webOnly: true;
+    description: string;
+    styleFn: () => {};
+};
+export default _default;
+/**
+ * Mode par défaut : les variables CSS sont injectées au runtime via des balises `<style>`,
+ * recalculées à chaque changement de thème.
+ *
+ * ```tsx
+ * import { ThemeProvider } from '@alveole/theme';
+ *
+ * export default function RootLayout() {
+ *   return (
+ *     <ThemeProvider>
+ *       {children}
+ *     </ThemeProvider>
+ *   );
+ * }
+ * ```
+ */
+export declare const UsageDefaut: () => import("react").JSX.Element;
+/**
+ * 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>`
+ * n'est injectée au runtime.
+ *
+ * **Étapes :**
+ * 1. Importer le CSS dans le layout racine (Expo Router, Next.js, etc.)
+ * 2. Passer le prop `staticCSS` au `ThemeProvider`
+ *
+ * ```tsx
+ * import '@alveole/theme/dist/default.css';
+ * import { ThemeProvider } from '@alveole/theme';
+ *
+ * export default function RootLayout() {
+ *   return (
+ *     <ThemeProvider staticCSS>
+ *       {children}
+ *     </ThemeProvider>
+ *   );
+ * }
+ * ```
+ *
+ * **Limitation — incompatible avec la personnalisation des couleurs.**
+ * Le prop `color` du `ThemeProvider` permet de surcharger des tokens de couleur.
+ * Avec `staticCSS`, ces surcharges ne sont pas injectées et le thème custom est ignoré.
+ * Si l'app passe des couleurs personnalisées, **ne pas utiliser `staticCSS`**.
+ *
+ * ```tsx
+ * // ❌ Les overrides color sont silencieusement ignorés
+ * <ThemeProvider staticCSS color={{ light: { background: { 'default-grey': '#eee' } } }}>
+ *
+ * // ✅ Sans staticCSS, les overrides fonctionnent normalement
+ * <ThemeProvider color={{ light: { background: { 'default-grey': '#eee' } } }}>
+ * ```
+ */
+export declare const UsageCSSStatique: () => import("react").JSX.Element;
+export * as Sources from './ThemeProvider.stories.sources';
+//# sourceMappingURL=ThemeProvider.stories.d.ts.map

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

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

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

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Highlight, Typography } from '@alveole/components';
+import { useTheme } from '@alveole/theme';
+export default {
+    title: 'ThemeProvider',
+    tags: ['Kit'],
+    experimental: false,
+    webOnly: true,
+    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: () => ({}),
+};
+/**
+ * Mode par défaut : les variables CSS sont injectées au runtime via des balises `<style>`,
+ * recalculées à chaque changement de thème.
+ *
+ * ```tsx
+ * import { ThemeProvider } from '@alveole/theme';
+ *
+ * export default function RootLayout() {
+ *   return (
+ *     <ThemeProvider>
+ *       {children}
+ *     </ThemeProvider>
+ *   );
+ * }
+ * ```
+ */
+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 default function RootLayout() {
+  return (
+    <ThemeProvider>
+      {children}
+    </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>`
+ * n'est injectée au runtime.
+ *
+ * **Étapes :**
+ * 1. Importer le CSS dans le layout racine (Expo Router, Next.js, etc.)
+ * 2. Passer le prop `staticCSS` au `ThemeProvider`
+ *
+ * ```tsx
+ * import '@alveole/theme/dist/default.css';
+ * import { ThemeProvider } from '@alveole/theme';
+ *
+ * export default function RootLayout() {
+ *   return (
+ *     <ThemeProvider staticCSS>
+ *       {children}
+ *     </ThemeProvider>
+ *   );
+ * }
+ * ```
+ *
+ * **Limitation — incompatible avec la personnalisation des couleurs.**
+ * Le prop `color` du `ThemeProvider` permet de surcharger des tokens de couleur.
+ * Avec `staticCSS`, ces surcharges ne sont pas injectées et le thème custom est ignoré.
+ * Si l'app passe des couleurs personnalisées, **ne pas utiliser `staticCSS`**.
+ *
+ * ```tsx
+ * // ❌ Les overrides color sont silencieusement ignorés
+ * <ThemeProvider staticCSS color={{ light: { background: { 'default-grey': '#eee' } } }}>
+ *
+ * // ✅ Sans staticCSS, les overrides fonctionnent normalement
+ * <ThemeProvider color={{ light: { background: { 'default-grey': '#eee' } } }}>
+ * ```
+ */
+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';
+import { ThemeProvider } from '@alveole/theme';
+
+export default function RootLayout() {
+  return (
+    <ThemeProvider staticCSS>
+      {children}
+    </ThemeProvider>
+  );
+}` }), _jsxs(Box, { display: "flex", flexDirection: "column", gap: 8, style: {
+                    paddingHorizontal: 12,
+                    paddingVertical: 10,
+                    borderRadius: 8,
+                    backgroundColor: color.light.background['action-high-error'],
+                }, children: [_jsx(Typography, { style: { ...text['Corps de texte'].SM.Medium, color: color.light.text['action-high-error'] }, children: "Limitation : incompatible avec color custom" }), _jsx(Typography, { style: { ...text['Corps de texte'].SM.Regular, color: color.light.text['action-high-error'] }, children: "Si l'app passe un prop `color` au ThemeProvider, les variables overrid\u00E9es ne seront pas inject\u00E9es. Dans ce cas, retirer `staticCSS`." })] }), _jsx(Highlight, { language: "tsx", children: `// ❌ Les overrides color sont ignorés avec staticCSS
+<ThemeProvider staticCSS color={{ light: { background: { 'default-grey': '#eee' } } }}>
+
+// ✅ Sans staticCSS, les overrides fonctionnent
+<ThemeProvider color={{ light: { background: { 'default-grey': '#eee' } } }}>` })] }));
+};
+export * as Sources from './ThemeProvider.stories.sources';

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

@@ -0,0 +1,9 @@
+export declare const UsageDefaut: () => string;
+export declare const UsageCSSStatique: () => string;
+export declare const storySources: {
+    readonly UsageDefaut: () => string;
+    readonly UsageCSSStatique: () => string;
+};
+export type StorySourceName = keyof typeof storySources;
+export declare const storyDescriptions: Partial<Record<StorySourceName, string>>;
+//# sourceMappingURL=ThemeProvider.stories.sources.d.ts.map

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

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

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

@@ -0,0 +1,12 @@
+// 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 storySources = {
+    UsageDefaut,
+    UsageCSSStatique,
+};
+export const storyDescriptions = {
+    UsageDefaut: "Mode par défaut : les variables CSS sont injectées au runtime via des balises `<style>`,\nrecalculées à chaque changement de thème.\n\n```tsx\nimport { ThemeProvider } from '@alveole/theme';\n\nexport default function RootLayout() {\n  return (\n    <ThemeProvider>\n      {children}\n    </ThemeProvider>\n  );\n}\n```",
+    UsageCSSStatique: "Mode CSS statique : les variables CSS sont pré-compilées dans `dist/default.css` au moment\ndu build du package. Le navigateur peut mettre ce fichier en cache — aucune balise `<style>`\nn'est injectée au runtime.\n\n**Étapes :**\n1. Importer le CSS dans le layout racine (Expo Router, Next.js, etc.)\n2. Passer le prop `staticCSS` au `ThemeProvider`\n\n```tsx\nimport '@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```\n\n**Limitation — incompatible avec la personnalisation des couleurs.**\nLe prop `color` du `ThemeProvider` permet de surcharger des tokens de couleur.\nAvec `staticCSS`, ces surcharges ne sont pas injectées et le thème custom est ignoré.\nSi l'app passe des couleurs personnalisées, **ne pas utiliser `staticCSS`**.\n\n```tsx\n// ❌ Les overrides color sont silencieusement ignorés\n<ThemeProvider staticCSS color={{ light: { background: { 'default-grey': '#eee' } } }}>\n\n// ✅ Sans staticCSS, les overrides fonctionnent normalement\n<ThemeProvider color={{ light: { background: { 'default-grey': '#eee' } } }}>\n```",
+};

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

@@ -12,7 +12,7 @@ declare const _default: {
             letterSpacing: 0;
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
-            padding: import("@alveole/theme").Spacing;
+            padding: string | number;
             textAlign: "center";
         };
     };

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

@@ -6,7 +6,7 @@ export declare const useStyles: () => {
         letterSpacing: 0;
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
-        padding: import("@alveole/theme").Spacing;
+        padding: string | number;
         textAlign: "center";
     };
 };

package/dist/core/index.d.ts

@@ -2,11 +2,13 @@ export * from './A';
 export * from './Alert';
 export * from './AnchorHeading';
 export * from './Box';
+export * from './Code';
 export * from './Form';
 export * from './Highlight';
 export * from './Image';
 export * from './Lottie';
 export * from './Map';
+export * from './MarkdownDescription';
 export * from './Metabase';
 export * from './Page';
 export * from './PdfViewer';

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,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,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,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,WAAW,CAAC"}

package/dist/core/index.js

@@ -2,11 +2,13 @@ export * from './A';
 export * from './Alert';
 export * from './AnchorHeading';
 export * from './Box';
+export * from './Code';
 export * from './Form';
 export * from './Highlight';
 export * from './Image';
 export * from './Lottie';
 export * from './Map';
+export * from './MarkdownDescription';
 export * from './Metabase';
 export * from './Page';
 export * from './PdfViewer';

package/dist/generated/version.d.ts

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

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "1.0.1";
+export const ALVEOLE_COMPONENTS_VERSION = "1.1.1";

package/dist/stories/index.d.ts

@@ -1,14 +1,17 @@
 export * as AStory from '../core/A/A.stories';
 export * as AnchorHeadingStory from '../core/AnchorHeading/AnchorHeading.stories';
 export * as BoxStory from '../core/Box/Box.stories';
+export * as CodeStory from '../core/Code/Code.stories';
 export * as Highlight from '../core/Highlight/Highlight.stories';
 export * as ImageStory from '../core/Image/Image.stories';
 export * as LottieStory from '../core/Lottie/Lottie.stories';
 export * as MapStory from '../core/Map/Map.stories';
+export * as MarkdownDescriptionStory from '../core/MarkdownDescription/MarkdownDescription.stories';
 export * as MetabaseStory from '../core/Metabase/Metabase.stories';
 export * as PageStory from '../core/Page/Page.stories';
 export * as PdfViewerStory from '../core/PdfViewer/PdfViewer.stories';
 export * as SectionStory from '../core/Section/Section.stories';
+export * as ThemeProviderStory from '../core/ThemeProvider/ThemeProvider.stories';
 export * as TypographyStory from '../core/Typography/Typography.stories';
 export * as VersionStory from '../core/Version/Version.stories';
 export * as FormStory from '../core/Form/Form.stories';
@@ -23,14 +26,17 @@ export * as ButtonStory from '../ui/Button/Button.stories';
 export * as CardStory from '../ui/Card/Card.stories';
 export * as CheckboxStory from '../ui/Checkbox/Checkbox.stories';
 export * as CounterStory from '../ui/Counter/Counter.stories';
+export * as DateInputStory from '../ui/DateInput/DateInput.stories';
 export * as DividerStory from '../ui/Divider/Divider.stories';
 export * as DocumentViewerStory from '../ui/DocumentViewer/DocumentViewer.stories';
 export * as DragAndDropFileStory from '../ui/DragAndDropFile/DragAndDropFile.stories';
+export * as DurationInputStory from '../ui/DurationInput/DurationInput.stories';
 export * as EmailFieldStory from '../ui/EmailField/EmailField.stories';
 export * as EmailInputStory from '../ui/EmailInput/EmailInput.stories';
 export * as EmptyStateStory from '../ui/EmptyState/EmptyState.stories';
 export * as FileFieldStory from '../ui/FileField/FileField.stories';
 export * as FormControlStory from '../ui/FormControl/FormControl.stories';
+export * as GridStory from '../ui/Grid/Grid.stories';
 export * as HeaderStory from '../ui/Header/Header.stories';
 export * as InputButtonAdornmentStory from '../ui/InputButtonAdornment/InputButtonAdornment.stories';
 export * as InputHeadingStory from '../ui/InputHeading/InputHeading.stories';
@@ -58,6 +64,7 @@ export * as TextareaFieldStory from '../ui/TextareaField/TextareaField.stories';
 export * as TextareaInputStory from '../ui/TextareaInput/TextareaInput.stories';
 export * as TextFieldStory from '../ui/TextField/TextField.stories';
 export * as TextInputArrayStory from '../ui/TextInputArray/TextInputArray.stories';
+export * as TimeInputStory from '../ui/TimeInput/TimeInput.stories';
 export * as ToastStory from '../ui/Toast/Toast.stories';
 export * as ToolbarBottomNavStory from '../ui/ToolbarBottomNav/ToolbarBottomNav.stories';
 export * as ToolbarTopStory from '../ui/ToolbarTop/ToolbarTop.stories';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}

package/dist/stories/index.js

@@ -2,14 +2,17 @@
 export * as AStory from '../core/A/A.stories';
 export * as AnchorHeadingStory from '../core/AnchorHeading/AnchorHeading.stories';
 export * as BoxStory from '../core/Box/Box.stories';
+export * as CodeStory from '../core/Code/Code.stories';
 export * as Highlight from '../core/Highlight/Highlight.stories';
 export * as ImageStory from '../core/Image/Image.stories';
 export * as LottieStory from '../core/Lottie/Lottie.stories';
 export * as MapStory from '../core/Map/Map.stories';
+export * as MarkdownDescriptionStory from '../core/MarkdownDescription/MarkdownDescription.stories';
 export * as MetabaseStory from '../core/Metabase/Metabase.stories';
 export * as PageStory from '../core/Page/Page.stories';
 export * as PdfViewerStory from '../core/PdfViewer/PdfViewer.stories';
 export * as SectionStory from '../core/Section/Section.stories';
+export * as ThemeProviderStory from '../core/ThemeProvider/ThemeProvider.stories';
 export * as TypographyStory from '../core/Typography/Typography.stories';
 export * as VersionStory from '../core/Version/Version.stories';
 // UI
@@ -25,14 +28,17 @@ export * as ButtonStory from '../ui/Button/Button.stories';
 export * as CardStory from '../ui/Card/Card.stories';
 export * as CheckboxStory from '../ui/Checkbox/Checkbox.stories';
 export * as CounterStory from '../ui/Counter/Counter.stories';
+export * as DateInputStory from '../ui/DateInput/DateInput.stories';
 export * as DividerStory from '../ui/Divider/Divider.stories';
 export * as DocumentViewerStory from '../ui/DocumentViewer/DocumentViewer.stories';
 export * as DragAndDropFileStory from '../ui/DragAndDropFile/DragAndDropFile.stories';
+export * as DurationInputStory from '../ui/DurationInput/DurationInput.stories';
 export * as EmailFieldStory from '../ui/EmailField/EmailField.stories';
 export * as EmailInputStory from '../ui/EmailInput/EmailInput.stories';
 export * as EmptyStateStory from '../ui/EmptyState/EmptyState.stories';
 export * as FileFieldStory from '../ui/FileField/FileField.stories';
 export * as FormControlStory from '../ui/FormControl/FormControl.stories';
+export * as GridStory from '../ui/Grid/Grid.stories';
 export * as HeaderStory from '../ui/Header/Header.stories';
 export * as InputButtonAdornmentStory from '../ui/InputButtonAdornment/InputButtonAdornment.stories';
 export * as InputHeadingStory from '../ui/InputHeading/InputHeading.stories';
@@ -60,6 +66,7 @@ export * as TextareaFieldStory from '../ui/TextareaField/TextareaField.stories';
 export * as TextareaInputStory from '../ui/TextareaInput/TextareaInput.stories';
 export * as TextFieldStory from '../ui/TextField/TextField.stories';
 export * as TextInputArrayStory from '../ui/TextInputArray/TextInputArray.stories';
+export * as TimeInputStory from '../ui/TimeInput/TimeInput.stories';
 export * as ToastStory from '../ui/Toast/Toast.stories';
 export * as ToolbarBottomNavStory from '../ui/ToolbarBottomNav/ToolbarBottomNav.stories';
 export * as ToolbarTopStory from '../ui/ToolbarTop/ToolbarTop.stories';

package/dist/type/Story.d.ts

@@ -8,6 +8,7 @@ export type StoryMeta = {
     mobileOnly?: boolean;
     webOnly?: boolean;
     description: string;
+    shortDescription?: string;
     component?: ComponentType<any>;
     config?: object;
     props?: unknown;

package/dist/type/Story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Story.d.ts","sourceRoot":"","sources":["../../src/type/Story.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,WAAW,GAAG,UAAU,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAExE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,SAAS,CAAC;AAE9B,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAE9C,MAAM,MAAM,WAAW,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI;IAC7D,OAAO,EAAE,KAAK,CAAC;CAChB,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,GAAG,KAAK,CAAC,CAAC"}
+{"version":3,"file":"Story.d.ts","sourceRoot":"","sources":["../../src/type/Story.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,WAAW,GAAG,UAAU,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAExE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,SAAS,CAAC;AAE9B,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAE9C,MAAM,MAAM,WAAW,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI;IAC7D,OAAO,EAAE,KAAK,CAAC;CAChB,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,GAAG,KAAK,CAAC,CAAC"}