@alveole/components 0.36.2 → 0.37.2

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

@@ -1,9 +1,9 @@
 declare const _default: {
     title: string;
-    tags: "Kit"[];
-    experimental: true;
+    tags: "core"[];
+    experimental: false;
     description: string;
-    component: (props: import("./A").AProps) => import("react/jsx-runtime").JSX.Element;
+    component: (props: import("@alveole/components").AProps) => import("react/jsx-runtime").JSX.Element;
     styleFn: () => {
         container: {};
         pressable: {
@@ -17,5 +17,6 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const LinkBlock: () => import("react/jsx-runtime").JSX.Element;
 export * as Sources from './A.stories.sources';
 //# sourceMappingURL=A.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"A.stories.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAKA,wBAOkB;AAElB,eAAO,MAAM,OAAO,+CAInB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"A.stories.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAMA,wBAOkB;AAElB,eAAO,MAAM,OAAO,+CAInB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAWrB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAC"}

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

@@ -1,14 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, Card } from '@alveole/components';
 import { Typography } from '../Typography';
 import { A } from './A';
 import { useStyles } from './A.styles';
 export default {
     title: 'A',
-    tags: ['Kit'],
-    experimental: true,
-    description: 'Equivalent d’une balise <a>',
+    tags: ['core'],
+    experimental: false,
+    description: 'Equivalent d’une balise <a>. Envelopper le texte dans une balise <Typography>.',
     component: A,
     styleFn: useStyles,
 };
-export const Default = () => (_jsx(A, { href: '/ui-kit/components/A', children: _jsx(Typography, { children: "Children" }) }));
+export const Default = () => (_jsx(A, { href: '/ui-kit/components/A', children: _jsx(Typography, { children: "Mon lien" }) }));
+export const LinkBlock = () => (_jsx(A, { href: '/ui-kit/components/A', children: _jsxs(Card, { children: [_jsx(Card.Header, { titre: "Titre de la carte", sousTitre: "Sous-titre de la carte", image: _jsx(Avatar, { size: "md", fallbackText: "M" }) }), _jsx(Card.Section, { titre: "Titre de la carte", titreIcone: "Calendar", description: "Description de la carte" })] }) }));
 export * as Sources from './A.stories.sources';

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

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

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

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

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

@@ -1,6 +1,8 @@
 // This file is generated. Do not edit manually.
 // Source: src/core/A/A.stories.tsx
-export const Default = () => "export const Default = () => (\n  <A href={'/ui-kit/components/A'}>\n    <Typography>Children</Typography>\n  </A>\n);";
+export const Default = () => "export const Default = () => (\n  <A href={'/ui-kit/components/A'}>\n    <Typography>Mon lien</Typography>\n  </A>\n);";
+export const LinkBlock = () => "export const LinkBlock = () => (\n  <A href={'/ui-kit/components/A'}>\n    <Card>\n      <Card.Header\n        titre=\"Titre de la carte\"\n        sousTitre=\"Sous-titre de la carte\"\n        image={<Avatar size=\"md\" fallbackText=\"M\" />}\n      />\n      <Card.Section titre=\"Titre de la carte\" titreIcone=\"Calendar\" description=\"Description de la carte\" />\n    </Card>\n  </A>\n);";
 export const storySources = {
     Default,
+    LinkBlock,
 };

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    tags: "Kit"[];
+    tags: "core"[];
     experimental: false;
     description: string;
     component: import("react").ForwardRefExoticComponent<Pick<import("tamagui").StackProps, "pressStyle" | "focusStyle" | "disabledStyle" | "exitStyle"> & import("@tamagui/core").RNTamaguiViewNonStyleProps & Pick<import("tamagui").StackProps, "display" | "flex" | "flexWrap" | "flexDirection" | "opacity" | "overflow"> & {

package/dist/core/Box/Box.stories.js

@@ -3,7 +3,7 @@ import { Typography } from '../Typography';
 import { Box } from './Box';
 export default {
     title: 'Box',
-    tags: ['Kit'],
+    tags: ['core'],
     experimental: false,
     description: 'La Box doit être utilisé pour tout contenir, à la manière d‘une <div>. De type View (tamagui), elle permet de définir le tag rendu en web.',
     component: Box,

package/dist/core/Highlight/Highlight.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
+export type HighlightProps = Pick<SyntaxHighlighterProps, 'children'> & {
+    language: 'json' | 'typescript' | 'tsx' | 'ruby' | 'bash' | 'plaintext' | 'html';
+    style?: CSSProperties;
+};
+export declare const Highlight: (props: HighlightProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Highlight.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../../src/core/Highlight/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAS,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAKzE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,GAAG;IACtE,QAAQ,EAAE,MAAM,GAAG,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,CAAC;IACjF,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAuGF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAoB9C,CAAC"}

package/dist/core/Highlight/Highlight.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { ScrollView, StyleSheet, Text, View } from 'react-native';
+import CodeHighlighter from 'react-native-code-highlighter';
+import { Prism } from 'react-syntax-highlighter';
+import { monokai } from 'react-syntax-highlighter/dist/esm/styles/hljs';
+import { vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
+import { useStyles } from './Highlight.styles';
+const BASE_STYLE_KEY = 'base';
+const getNativeStyle = (style = {}) => {
+    const nativeStyle = {};
+    if (typeof style.color === 'string')
+        nativeStyle.color = style.color;
+    if (typeof style.background === 'string')
+        nativeStyle.backgroundColor = style.background;
+    if (typeof style.backgroundColor === 'string')
+        nativeStyle.backgroundColor = style.backgroundColor;
+    if (style.fontWeight != null)
+        nativeStyle.fontWeight = style.fontWeight;
+    if (style.fontStyle != null)
+        nativeStyle.fontStyle = style.fontStyle;
+    return nativeStyle;
+};
+const getSyntaxStyleKeys = (selector) => {
+    if (selector.includes('pre[') || selector.includes('code[')) {
+        return [BASE_STYLE_KEY];
+    }
+    return selector
+        .split(/[\s>,]+/)
+        .flatMap(part => part
+        .replace(/^\.token\./, '')
+        .replace(/^\./, '')
+        .split('.'))
+        .map(part => part.replace(/^token-/, ''))
+        .filter(Boolean);
+};
+const getNativeSyntaxStyle = (syntaxStyle) => {
+    return Object.entries(syntaxStyle).reduce((acc, [selector, tokenStyle]) => {
+        for (const key of getSyntaxStyleKeys(selector)) {
+            acc[key] = { ...acc[key], ...getNativeStyle(tokenStyle) };
+        }
+        return acc;
+    }, {});
+};
+const trimEdgeNewlines = (value) => value.replace(/^\n+|\n+$/g, '');
+const PrismCodeHighlighter = ({ children, language, style }) => {
+    const styles = useStyles();
+    const stylesheet = React.useMemo(() => getNativeSyntaxStyle(vscDarkPlus), []);
+    const customStyle = React.useMemo(() => getNativeStyle(style), [style]);
+    const baseTextStyle = StyleSheet.flatten([{ color: stylesheet[BASE_STYLE_KEY]?.color }, stylesheet[BASE_STYLE_KEY]]);
+    const getStylesForNode = (node) => {
+        const classes = node.properties?.className ?? [];
+        return classes.map(className => stylesheet[String(className)]).filter(Boolean);
+    };
+    const renderNode = (nodes, keyPrefix = 'row') => nodes.reduce((acc, node, index) => {
+        const keyPrefixWithIndex = `${keyPrefix}_${index}`;
+        if (node.children) {
+            const textStyle = StyleSheet.flatten([baseTextStyle, getStylesForNode(node)]);
+            acc.push(_jsx(Text, { style: textStyle, children: renderNode(node.children, `${keyPrefixWithIndex}_child`) }, keyPrefixWithIndex));
+        }
+        if (node.value) {
+            acc.push(trimEdgeNewlines(String(node.value)));
+        }
+        return acc;
+    }, []);
+    const renderer = ({ rows }) => (_jsx(ScrollView, { horizontal: true, contentContainerStyle: [styles.highlight, stylesheet[BASE_STYLE_KEY], customStyle], children: _jsx(View, { onStartShouldSetResponder: () => true, children: renderNode(rows) }) }));
+    return (_jsx(Prism, { CodeTag: View, PreTag: View, customStyle: {}, language: language, renderer: renderer, style: {}, wrapLongLines: true, children: children }));
+};
+export const Highlight = (props) => {
+    const { children, language, style } = props;
+    const styles = useStyles();
+    if (language === 'tsx') {
+        return _jsx(PrismCodeHighlighter, { ...props });
+    }
+    return (_jsx(CodeHighlighter, { hljsStyle: { ...monokai }, customStyle: { ...styles.highlight, ...style, width: '100%', padding: 0 }, containerStyle: { ...styles.highlight }, language: language, wrapLongLines: true, children: children }));
+};

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

@@ -0,0 +1,26 @@
+declare const _default: {
+    title: string;
+    tags: "core"[];
+    experimental: true;
+    description: string;
+    component: (props: import("./Highlight").HighlightProps) => import("react/jsx-runtime").JSX.Element;
+    styleFn: () => {
+        highlightContainer: {
+            width: "100%";
+        };
+        highlight: {
+            overflow: "scroll";
+            borderRadius: number;
+            padding: number;
+            width: "100%";
+        };
+    };
+};
+export default _default;
+export declare const HighlightJSON: () => import("react/jsx-runtime").JSX.Element;
+export declare const HighlightTypescript: () => import("react/jsx-runtime").JSX.Element;
+export declare const HighlightTSX: () => import("react/jsx-runtime").JSX.Element;
+export declare const HighlightRuby: () => import("react/jsx-runtime").JSX.Element;
+export declare const HighlightHTML: () => import("react/jsx-runtime").JSX.Element;
+export * as Sources from './Highlight.stories.sources';
+//# sourceMappingURL=Highlight.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Highlight/Highlight.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,aAAa,+CAEzB,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAE/B,CAAC;AAEF,eAAO,MAAM,YAAY,+CAExB,CAAC;AAeF,eAAO,MAAM,aAAa,+CAA0D,CAAC;AAerF,eAAO,MAAM,aAAa,+CAA0D,CAAC;AAErF,OAAO,KAAK,OAAO,MAAM,6BAA6B,CAAC"}

package/dist/core/Highlight/Highlight.stories.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Highlight } from './Highlight';
+import { useStyles } from './Highlight.styles';
+export default {
+    title: 'Highlight',
+    tags: ['core'],
+    experimental: true,
+    description: 'Affiche du code en typescript, html, json, etc. Composant de type Light (react-syntax-highlighter).',
+    component: Highlight,
+    styleFn: useStyles,
+};
+export const HighlightJSON = () => (_jsx(Highlight, { language: "json", children: JSON.stringify({ id: 'user_id_1', name: 'Jean-Pierre', age: 20 }, null, 2) }));
+export const HighlightTypescript = () => (_jsx(Highlight, { language: "typescript", children: "const id: string = 'user_id_1';" }));
+export const HighlightTSX = () => (_jsx(Highlight, { language: "tsx", children: `<Typography tag="span" p={spacing('100')}>Bonjour</Typography>` }));
+const rubyCode = `# The Greeter class
+class Greeter
+  def initialize(name)
+    @name = name.capitalize
+  end
+
+  def salute
+    puts "Hello #{@name}!"
+  end
+end
+
+g = Greeter.new("world")
+g.salute`;
+export const HighlightRuby = () => _jsx(Highlight, { language: "ruby", children: rubyCode });
+const htmlCode = `<!DOCTYPE html>
+<title>Title</title>
+
+<style>body {width: 500px;}</style>
+
+<script type="application/javascript">
+  function $init() {return true;}
+</script>
+
+<body>
+  <p checked class="title" id='title'>Title</p>
+  <!-- here goes the rest of the page -->
+</body>`;
+export const HighlightHTML = () => _jsx(Highlight, { language: "html", children: htmlCode });
+export * as Sources from './Highlight.stories.sources';

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

@@ -0,0 +1,14 @@
+export declare const HighlightJSON: () => string;
+export declare const HighlightTypescript: () => string;
+export declare const HighlightTSX: () => string;
+export declare const HighlightRuby: () => string;
+export declare const HighlightHTML: () => string;
+export declare const storySources: {
+    readonly HighlightJSON: () => string;
+    readonly HighlightTypescript: () => string;
+    readonly HighlightTSX: () => string;
+    readonly HighlightRuby: () => string;
+    readonly HighlightHTML: () => string;
+};
+export type StorySourceName = keyof typeof storySources;
+//# sourceMappingURL=Highlight.stories.sources.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/core/Highlight/Highlight.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,cAA4K,CAAC;AAEvM,eAAO,MAAM,mBAAmB,cAAiJ,CAAC;AAElL,eAAO,MAAM,YAAY,cAAkK,CAAC;AAE5L,eAAO,MAAM,aAAa,cAAkG,CAAC;AAE7H,eAAO,MAAM,aAAa,cAAkG,CAAC;AAE7H,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -0,0 +1,14 @@
+// This file is generated. Do not edit manually.
+// Source: src/core/Highlight/Highlight.stories.tsx
+export const HighlightJSON = () => "export const HighlightJSON = () => (\n  <Highlight language=\"json\">{JSON.stringify({ id: 'user_id_1', name: 'Jean-Pierre', age: 20 }, null, 2)}</Highlight>\n);";
+export const HighlightTypescript = () => "export const HighlightTypescript = () => (\n  <Highlight language=\"typescript\">{\"const id: string = 'user_id_1';\"}</Highlight>\n);";
+export const HighlightTSX = () => "export const HighlightTSX = () => (\n  <Highlight language=\"tsx\">{`<Typography tag=\"span\" p={spacing('100')}>Bonjour</Typography>`}</Highlight>\n);";
+export const HighlightRuby = () => "export const HighlightRuby = () => <Highlight language=\"ruby\">{rubyCode}</Highlight>;";
+export const HighlightHTML = () => "export const HighlightHTML = () => <Highlight language=\"html\">{htmlCode}</Highlight>;";
+export const storySources = {
+    HighlightJSON,
+    HighlightTypescript,
+    HighlightTSX,
+    HighlightRuby,
+    HighlightHTML,
+};

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

@@ -0,0 +1,12 @@
+export declare const useStyles: () => {
+    highlightContainer: {
+        width: "100%";
+    };
+    highlight: {
+        overflow: "scroll";
+        borderRadius: number;
+        padding: number;
+        width: "100%";
+    };
+};
+//# sourceMappingURL=Highlight.styles.d.ts.map

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

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

package/dist/core/Highlight/Highlight.styles.js

@@ -0,0 +1,12 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(() => ({
+    highlightContainer: {
+        width: '100%',
+    },
+    highlight: {
+        overflow: 'scroll',
+        borderRadius: 8,
+        padding: 16,
+        width: '100%',
+    },
+}));

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Highlight/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/core/Highlight/index.js

@@ -0,0 +1 @@
+export * from './Highlight';

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

@@ -1,7 +1,7 @@
 declare const _default: {
     title: string;
-    tags: "Kit"[];
-    experimental: true;
+    tags: "core"[];
+    experimental: false;
     description: string;
     component: (props: import("./Image").ImageProps) => import("react/jsx-runtime").JSX.Element;
     styleFn: () => string;

package/dist/core/Image/Image.stories.js

@@ -4,8 +4,8 @@ import { Typography } from '../Typography';
 import { Image } from './Image';
 export default {
     title: 'Image',
-    tags: ['Kit'],
-    experimental: true,
+    tags: ['core'],
+    experimental: false,
     description: "Permet d'afficher une image de manière responsive que ce soit sur mobile ou desktop. Actuellement l'image ne peut que être fill, il faudrait développer les autres en se basant sur l'élément <img> HTML. https://www.w3schools.com/csS/css3_object-fit.asp",
     component: Image,
     styleFn: () => 'Aucun style appliqué',

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

@@ -1,7 +1,7 @@
 declare const _default: {
     title: string;
-    tags: "Kit"[];
-    experimental: true;
+    tags: "core"[];
+    experimental: false;
     description: string;
     component: (props: import("./Lottie").LottieProps) => import("react/jsx-runtime").JSX.Element;
     styleFn: () => string;

package/dist/core/Lottie/Lottie.stories.js

@@ -3,8 +3,8 @@ import dotsAnimation from './animations/dots.json';
 import { Lottie } from './Lottie';
 export default {
     title: 'Lottie',
-    tags: ['Kit'],
-    experimental: true,
+    tags: ['core'],
+    experimental: false,
     description: 'Lottie animations',
     component: Lottie,
     styleFn: () => 'Aucun style',

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

@@ -1,7 +1,7 @@
 declare const _default: {
     title: string;
-    tags: "Kit"[];
-    experimental: true;
+    tags: "core"[];
+    experimental: false;
     webOnly: true;
     description: string;
     props: import("zod/v4/core").ZodStandardJSONSchemaPayload<import("zod").ZodObject<{

package/dist/core/Map/Map.stories.js

@@ -5,8 +5,8 @@ import { MapPropsJSON } from './Map.props';
 import { useStyles } from './Map.styles';
 export default {
     title: 'Map',
-    tags: ['Kit'],
-    experimental: true,
+    tags: ['core'],
+    experimental: false,
     webOnly: true,
     description: 'Carte interactive (Google Map)',
     props: MapPropsJSON,

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

@@ -1,12 +1,12 @@
 declare const _default: {
     title: string;
-    tags: "Kit"[];
-    experimental: true;
+    tags: "core"[];
+    experimental: false;
     description: string;
     component: (props: import("./Metabase.props").MetabaseProps) => import("react/jsx-runtime").JSX.Element | null;
     styleFn: () => {
         metabase: {
-            height: 600 | "100%";
+            height: "100%" | 600;
             width: "100%";
             flex: number;
             backgroundColor: "#ffffff";

package/dist/core/Metabase/Metabase.stories.js

@@ -3,8 +3,8 @@ import { Metabase } from './Metabase';
 import { useStyles } from './Metabase.styles';
 export default {
     title: 'Metabase',
-    tags: ['Kit'],
-    experimental: true,
+    tags: ['core'],
+    experimental: false,
     description: "Intègre une page Metabase en passant l'url",
     component: Metabase,
     styleFn: useStyles,

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

@@ -1,6 +1,6 @@
 export declare const useStyles: () => {
     metabase: {
-        height: 600 | "100%";
+        height: "100%" | 600;
         width: "100%";
         flex: number;
         backgroundColor: "#ffffff";

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    tags: "Kit"[];
+    tags: "core"[];
     experimental: false;
     description: string;
     component: (props: import("./Page").PageProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { Box } from '../Box';
 import { Page } from './Page';
 export default {
     title: 'Pages',
-    tags: ['Kit'],
+    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 la rendre scrollable la page via l’attribut `scrollable`. Principalement pour le web.',
     component: Page,

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    tags: "Composant"[];
+    tags: "core"[];
     experimental: false;
     description: string;
     component: (props: import("./PdfViewer.props").PdfViewerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/core/PdfViewer/PdfViewer.stories.js

@@ -4,7 +4,7 @@ import { PdfViewer } from './PdfViewer';
 import { useStyles } from './PdfViewer.styles';
 export default {
     title: 'PdfViewer',
-    tags: ['Composant'],
+    tags: ['core'],
     experimental: false,
     description: "Affichage d'un document PDF. Utilise un iframe sur web et WebView sur mobile.",
     component: PdfViewer,

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    tags: "Kit"[];
+    tags: "core"[];
     experimental: true;
     description: string;
     component: (props: import("./Section").SectionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,7 +4,7 @@ import { Section } from './Section';
 import { useStyles } from './Section.styles';
 export default {
     title: 'Section',
-    tags: ['Kit'],
+    tags: ['core'],
     experimental: true,
     description: 'Section de page. Permet de contenir une section dans un élément adapté aux différentes platformes. Composant de type Box.',
     component: Section,

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    tags: "Kit"[];
+    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 & {

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

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Typography } from './Typography';
 export default {
     title: 'Typography',
-    tags: ['Kit'],
+    tags: ['core'],
     experimental: false,
     description: 'La Typography doit être utilisé pour contenir tous les textes. Composant de type Text (tamagui).',
     component: Typography,

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    tags: "Kit"[];
+    tags: "core"[];
     experimental: false;
     description: string;
     component: (_props: import("./Version").VersionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/core/Version/Version.stories.js

@@ -3,7 +3,7 @@ import { Version } from './Version';
 import { useStyles } from './Version.styles';
 export default {
     title: 'Version',
-    tags: ['Kit'],
+    tags: ['core'],
     experimental: false,
     description: "Affiche la version de l'app",
     component: Version,

package/dist/core/index.d.ts

@@ -1,5 +1,6 @@
 export * from './A';
 export * from './Box';
+export * from './Highlight';
 export * from './Image';
 export * from './Lottie';
 export * from './Map';

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,OAAO,CAAC;AACtB,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,OAAO,CAAC;AACtB,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"}

package/dist/core/index.js

@@ -1,5 +1,6 @@
 export * from './A';
 export * from './Box';
+export * from './Highlight';
 export * from './Image';
 export * from './Lottie';
 export * from './Map';

package/dist/generated/version.d.ts

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

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "0.36.2";
+export const ALVEOLE_COMPONENTS_VERSION = "0.37.2";

package/dist/stories/index.d.ts

@@ -1,5 +1,6 @@
 export * as AStory from '../core/A/A.stories';
 export * as BoxStory from '../core/Box/Box.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';
@@ -25,8 +26,10 @@ export * as PopoverStory from '../ui/Popover/Popover.stories';
 export * as ProgressBarStory from '../ui/ProgressBar/ProgressBar.stories';
 export * as ResourceListStory from '../ui/ResourceList/ResourceList.stories';
 export * as SidebarStory from '../ui/Sidebar/Sidebar.stories';
+export * as SignatureStory from '../ui/Signature/Signature.stories';
 export * as TabsStory from '../ui/Tabs/Tabs.stories';
 export * as TagStory from '../ui/Tag/Tag.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';
 //# sourceMappingURL=index.d.ts.map

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,QAAQ,MAAM,yBAAyB,CAAC;AACpD,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,eAAe,MAAM,qCAAqC,CAAC;AACvE,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,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,mBAAmB,MAAM,6CAA6C,CAAC;AACnF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,QAAQ,MAAM,uBAAuB,CAAC;AAClD,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":"AACA,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,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,eAAe,MAAM,qCAAqC,CAAC;AACvE,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,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,mBAAmB,MAAM,6CAA6C,CAAC;AACnF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,cAAc,MAAM,mCAAmC,CAAC;AACpE,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,QAAQ,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,qBAAqB,MAAM,iDAAiD,CAAC;AACzF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC"}