@alveole/components 1.0.0 → 1.1.0

package/dist/core/Page/PageMetaContext.js

@@ -2,4 +2,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 const PageMetaContext = React.createContext({ meta: [] });
 export const usePageMeta = () => React.useContext(PageMetaContext);
+/**
+ * Injecte des balises `<meta>` par défaut dans tous les `PageHead` enfants.
+ *
+ * Placez ce provider à la racine du layout (ex. `app/_layout.tsx`).
+ * Les meta du provider sont fusionnées avec celles passées en prop sur chaque `<Page>` :
+ * la prop `meta` de la page est placée après et prend le dessus en cas de doublon.
+ *
+ * @example
+ * // Rendre toutes les pages noindex sans répéter la balise sur chaque <Page> :
+ * <PageMetaProvider meta={[{ name: 'robots', content: 'noindex, nofollow' }]}>
+ *   <Stack />
+ * </PageMetaProvider>
+ */
 export const PageMetaProvider = ({ meta, children }) => (_jsx(PageMetaContext.Provider, { value: { meta }, children: children }));

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.0";
+export declare const ALVEOLE_COMPONENTS_VERSION: "1.1.0";
 //# sourceMappingURL=version.d.ts.map

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "1.0.0";
+export const ALVEOLE_COMPONENTS_VERSION = "1.1.0";

package/dist/stories/index.d.ts

@@ -1,6 +1,7 @@
 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';
@@ -9,6 +10,7 @@ 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 +25,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 +63,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":"AACA,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,SAAS,MAAM,qCAAqC,CAAC;AACjE,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,WAAW,MAAM,+BAA+B,CAAC;AAC7D,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,aAAa,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,cAAc,MAAM,qCAAqC,CAAC;AACtE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,eAAe,MAAM,uCAAuC,CAAC;AACzE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAGhE,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,cAAc,MAAM,mCAAmC,CAAC;AACpE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,wBAAwB,MAAM,uDAAuD,CAAC;AAClG,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,mBAAmB,MAAM,6CAA6C,CAAC;AACnF,OAAO,KAAK,oBAAoB,MAAM,+CAA+C,CAAC;AACtF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,cAAc,MAAM,mCAAmC,CAAC;AACpE,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,yBAAyB,MAAM,yDAAyD,CAAC;AACrG,OAAO,KAAK,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,kBAAkB,MAAM,2CAA2C,CAAC;AAChF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,mBAAmB,MAAM,6CAA6C,CAAC;AACnF,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,cAAc,MAAM,mCAAmC,CAAC;AACpE,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,QAAQ,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,kBAAkB,MAAM,2CAA2C,CAAC;AAChF,OAAO,KAAK,kBAAkB,MAAM,2CAA2C,CAAC;AAChF,OAAO,KAAK,cAAc,MAAM,mCAAmC,CAAC;AACpE,OAAO,KAAK,mBAAmB,MAAM,6CAA6C,CAAC;AACnF,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,qBAAqB,MAAM,iDAAiD,CAAC;AACzF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}

package/dist/stories/index.js

@@ -2,6 +2,7 @@
 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';
@@ -10,6 +11,7 @@ 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 +27,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 +65,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"}

package/dist/ui/Accordion/Accordion.stories.d.ts

@@ -33,12 +33,12 @@ declare const _default: {
             display: "flex";
             flexDirection: "row";
             justifyContent: "space-between";
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
+            paddingLeft: string | number;
+            paddingRight: string | number;
             alignItems: "flex-start";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
             alignSelf: "stretch";
             backgroundColor: "#FFFFFF";
             borderWidth: number;
@@ -48,12 +48,12 @@ declare const _default: {
             display: "flex";
             flexDirection: "row";
             justifyContent: "space-between";
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
+            paddingLeft: string | number;
+            paddingRight: string | number;
             alignItems: "flex-start";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
             alignSelf: "stretch";
             backgroundColor: string;
             borderWidth: number;
@@ -63,12 +63,12 @@ declare const _default: {
             display: "flex";
             flexDirection: "row";
             justifyContent: "space-between";
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
+            paddingLeft: string | number;
+            paddingRight: string | number;
             alignItems: "flex-start";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
             alignSelf: "stretch";
             borderWidth: number;
             backgroundColor: "#FFFFFF";
@@ -87,8 +87,8 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         accordionItemContent: {
-            padding: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            padding: string | number;
+            paddingBottom: string | number;
         };
         accordionAfterLabel: {
             width: "100%";

package/dist/ui/Accordion/Accordion.styles.d.ts

@@ -24,12 +24,12 @@ export declare const useStyles: () => {
         display: "flex";
         flexDirection: "row";
         justifyContent: "space-between";
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingBottom: string | number;
+        paddingLeft: string | number;
+        paddingRight: string | number;
         alignItems: "flex-start";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
         alignSelf: "stretch";
         backgroundColor: "#FFFFFF";
         borderWidth: number;
@@ -39,12 +39,12 @@ export declare const useStyles: () => {
         display: "flex";
         flexDirection: "row";
         justifyContent: "space-between";
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingBottom: string | number;
+        paddingLeft: string | number;
+        paddingRight: string | number;
         alignItems: "flex-start";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
         alignSelf: "stretch";
         backgroundColor: string;
         borderWidth: number;
@@ -54,12 +54,12 @@ export declare const useStyles: () => {
         display: "flex";
         flexDirection: "row";
         justifyContent: "space-between";
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingBottom: string | number;
+        paddingLeft: string | number;
+        paddingRight: string | number;
         alignItems: "flex-start";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
         alignSelf: "stretch";
         borderWidth: number;
         backgroundColor: "#FFFFFF";
@@ -78,8 +78,8 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     accordionItemContent: {
-        padding: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
+        padding: string | number;
+        paddingBottom: string | number;
     };
     accordionAfterLabel: {
         width: "100%";