@alveole/components 0.36.2 → 0.37.3

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

@@ -12,5 +12,5 @@ export type AProps = React.PropsWithChildren<{
     /** Override la logique d'accès (sinon utilise LinkAccessContext si fourni, sinon accès autorisé). */
     canAccessHref?: CanAccessHref;
 }>;
-export declare const A: (props: AProps) => import("react/jsx-runtime").JSX.Element;
+export declare const A: (props: AProps) => React.JSX.Element;
 //# sourceMappingURL=A.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"A.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAQ,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,EAAE,EAAE,aAAa,EAA6B,MAAM,OAAO,CAAC;AAKxE,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,KAAK,OAAO,CAAC;AAE7D,qIAAqI;AACrI,eAAO,MAAM,iBAAiB,qCAA4C,CAAC;AAE3E,MAAM,MAAM,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3C,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,qGAAqG;IACrG,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC,CAAC;AAEH,eAAO,MAAM,CAAC,GAAI,OAAO,MAAM,4CAwB9B,CAAC"}
+{"version":3,"file":"A.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAQ,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,EAAE,EAAE,aAAa,EAA6B,MAAM,OAAO,CAAC;AAKxE,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,KAAK,OAAO,CAAC;AAE7D,qIAAqI;AACrI,eAAO,MAAM,iBAAiB,qCAA4C,CAAC;AAE3E,MAAM,MAAM,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3C,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,qGAAqG;IACrG,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC,CAAC;AAEH,eAAO,MAAM,CAAC,GAAI,OAAO,MAAM,sBAwB9B,CAAC"}

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.Element;
     styleFn: () => {
         container: {};
         pressable: {
@@ -16,6 +16,7 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const Default: () => import("react").JSX.Element;
+export declare const LinkBlock: () => import("react").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,mCAInB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAWrB,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"> & {
@@ -11,9 +11,9 @@ declare const _default: {
     styleFn: () => string;
 };
 export default _default;
-export declare const BoxDefault: () => import("react/jsx-runtime").JSX.Element;
-export declare const BoxPadded: () => import("react/jsx-runtime").JSX.Element;
-export declare const BoxPaddedWithBackground: () => import("react/jsx-runtime").JSX.Element;
-export declare const BoxHovered: () => import("react/jsx-runtime").JSX.Element;
+export declare const BoxDefault: () => import("react").JSX.Element;
+export declare const BoxPadded: () => import("react").JSX.Element;
+export declare const BoxPaddedWithBackground: () => import("react").JSX.Element;
+export declare const BoxHovered: () => import("react").JSX.Element;
 export * as Sources from './Box.stories.sources';
 //# sourceMappingURL=Box.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Box/Box.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAIA,wBAQkB;AAElB,eAAO,MAAM,UAAU,+CAItB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAIrB,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAInC,CAAC;AAEF,eAAO,MAAM,UAAU,+CAItB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"Box.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Box/Box.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAIA,wBAQkB;AAElB,eAAO,MAAM,UAAU,mCAItB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAIrB,CAAC;AAEF,eAAO,MAAM,uBAAuB,mCAInC,CAAC;AAEF,eAAO,MAAM,UAAU,mCAItB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAC"}

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 React, { 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) => React.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,OAAO,KAAK,EAAE,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,sBAoB9C,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.Element;
+    styleFn: () => {
+        highlightContainer: {
+            width: "100%";
+        };
+        highlight: {
+            overflow: "scroll";
+            borderRadius: number;
+            padding: number;
+            width: "100%";
+        };
+    };
+};
+export default _default;
+export declare const HighlightJSON: () => import("react").JSX.Element;
+export declare const HighlightTypescript: () => import("react").JSX.Element;
+export declare const HighlightTSX: () => import("react").JSX.Element;
+export declare const HighlightRuby: () => import("react").JSX.Element;
+export declare const HighlightHTML: () => import("react").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,mCAEzB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mCAE/B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAExB,CAAC;AAeF,eAAO,MAAM,aAAa,mCAA0D,CAAC;AAerF,eAAO,MAAM,aAAa,mCAA0D,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.d.ts

@@ -1,4 +1,5 @@
 import { ImageProps as ExpoImageProps } from 'expo-image';
+import React from 'react';
 type Dimension = number | `${number}%`;
 export type ImageProps = ExpoImageProps & {
     width?: Dimension;
@@ -6,6 +7,6 @@ export type ImageProps = ExpoImageProps & {
     maxWidth?: number;
     maxHeight?: number;
 };
-export declare const Image: (props: ImageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Image: (props: ImageProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Image.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/core/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,UAAU,IAAI,cAAc,EAAsB,MAAM,YAAY,CAAC;AAOlG,KAAK,SAAS,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;AAGvC,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,4CAiGtC,CAAC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/core/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,UAAU,IAAI,cAAc,EAAsB,MAAM,YAAY,CAAC;AAClG,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,KAAK,SAAS,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;AAGvC,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,sBAiGtC,CAAC"}

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

@@ -1,22 +1,22 @@
 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;
+    component: (props: import("./Image").ImageProps) => import("react").JSX.Element;
     styleFn: () => string;
 };
 export default _default;
-export declare const Cover: () => import("react/jsx-runtime").JSX.Element;
-export declare const MaxWidth: () => import("react/jsx-runtime").JSX.Element;
-export declare const MaxHeight: () => import("react/jsx-runtime").JSX.Element;
-export declare const MaxWidthAndHeight: () => import("react/jsx-runtime").JSX.Element;
-export declare const contain: () => import("react/jsx-runtime").JSX.Element;
-export declare const cover: () => import("react/jsx-runtime").JSX.Element;
-export declare const fill: () => import("react/jsx-runtime").JSX.Element;
-export declare const transition: () => import("react/jsx-runtime").JSX.Element;
-export declare const withAnotherImage: () => import("react/jsx-runtime").JSX.Element;
-export declare const responsiveImage: () => import("react/jsx-runtime").JSX.Element;
-export declare const ImageNotFound: () => import("react/jsx-runtime").JSX.Element;
+export declare const Cover: () => import("react").JSX.Element;
+export declare const MaxWidth: () => import("react").JSX.Element;
+export declare const MaxHeight: () => import("react").JSX.Element;
+export declare const MaxWidthAndHeight: () => import("react").JSX.Element;
+export declare const contain: () => import("react").JSX.Element;
+export declare const cover: () => import("react").JSX.Element;
+export declare const fill: () => import("react").JSX.Element;
+export declare const transition: () => import("react").JSX.Element;
+export declare const withAnotherImage: () => import("react").JSX.Element;
+export declare const responsiveImage: () => import("react").JSX.Element;
+export declare const ImageNotFound: () => import("react").JSX.Element;
 export * as Sources from './Image.stories.sources';
 //# sourceMappingURL=Image.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Image/Image.stories.tsx"],"names":[],"mappings":";;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,KAAK,+CAwBjB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAOpB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAOrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAO7B,CAAC;AAEF,eAAO,MAAM,OAAO,+CAoBnB,CAAC;AAEF,eAAO,MAAM,KAAK,+CAOjB,CAAC;AAEF,eAAO,MAAM,IAAI,+CAOhB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAOtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAa5B,CAAC;AAEF,eAAO,MAAM,eAAe,+CAS3B,CAAC;AAEF,eAAO,MAAM,aAAa,+CAOzB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Image/Image.stories.tsx"],"names":[],"mappings":";;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,KAAK,mCAwBjB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAOpB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAOrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAO7B,CAAC;AAEF,eAAO,MAAM,OAAO,mCAoBnB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAOjB,CAAC;AAEF,eAAO,MAAM,IAAI,mCAOhB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAOtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAa5B,CAAC;AAEF,eAAO,MAAM,eAAe,mCAS3B,CAAC;AAEF,eAAO,MAAM,aAAa,mCAOzB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}

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.d.ts

@@ -14,5 +14,5 @@ export type LottieProps = (LottieLoopProps | LottieOneTimeProps) & {
     style: React.ComponentProps<typeof LottieView>['style'];
     source: React.ComponentProps<typeof LottieView>['source'];
 };
-export declare const Lottie: (props: LottieProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Lottie: (props: LottieProps) => React.JSX.Element;
 //# sourceMappingURL=Lottie.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Lottie.d.ts","sourceRoot":"","sources":["../../../src/core/Lottie/Lottie.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,SAAS,CAAC;AACrE,eAAO,MAAM,sBAAsB,GAAI,WAAW,OAAO,KAAG,SAAS,IAAI,oBAMxE,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAAC;CAC9E,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,KAAK,CAAC;IACZ,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,mBAAmB,CAAC,CAAC;CAClF,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,eAAe,GAAG,kBAAkB,CAAC,GAAG;IACjE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAUxC,CAAC"}
+{"version":3,"file":"Lottie.d.ts","sourceRoot":"","sources":["../../../src/core/Lottie/Lottie.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,SAAS,CAAC;AACrE,eAAO,MAAM,sBAAsB,GAAI,WAAW,OAAO,KAAG,SAAS,IAAI,oBAMxE,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAAC;CAC9E,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,KAAK,CAAC;IACZ,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,mBAAmB,CAAC,CAAC;CAClF,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,eAAe,GAAG,kBAAkB,CAAC,GAAG;IACjE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,sBAUxC,CAAC"}

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

@@ -1,15 +1,15 @@
 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;
+    component: (props: import("./Lottie").LottieProps) => import("react").JSX.Element;
     styleFn: () => string;
 };
 export default _default;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
-export declare const Size: () => import("react/jsx-runtime").JSX.Element;
-export declare const Loop: () => import("react/jsx-runtime").JSX.Element;
-export declare const OneTime: () => import("react/jsx-runtime").JSX.Element;
+export declare const Default: () => import("react").JSX.Element;
+export declare const Size: () => import("react").JSX.Element;
+export declare const Loop: () => import("react").JSX.Element;
+export declare const OneTime: () => import("react").JSX.Element;
 export * as Sources from './Lottie.stories.sources';
 //# sourceMappingURL=Lottie.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Lottie.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Lottie/Lottie.stories.tsx"],"names":[],"mappings":";;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,OAAO,+CAAiF,CAAC;AAEtG,eAAO,MAAM,IAAI,+CAAiF,CAAC;AAEnG,eAAO,MAAM,IAAI,+CAEhB,CAAC;AAEF,eAAO,MAAM,OAAO,+CAEnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"Lottie.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Lottie/Lottie.stories.tsx"],"names":[],"mappings":";;;;;;;;AAIA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAAiF,CAAC;AAEtG,eAAO,MAAM,IAAI,mCAAiF,CAAC;AAEnG,eAAO,MAAM,IAAI,mCAEhB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAEnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}

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.d.ts

@@ -1,3 +1,3 @@
 import { MapProps } from './Map.props';
-export declare const Map: (_: MapProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Map: (_: MapProps) => import("react").JSX.Element;
 //# sourceMappingURL=Map.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../src/core/Map/Map.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,GAAG,GAAI,GAAG,QAAQ,4CAM9B,CAAC"}
+{"version":3,"file":"Map.d.ts","sourceRoot":"","sources":["../../../src/core/Map/Map.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAO,MAAM,GAAG,GAAI,GAAG,QAAQ,gCAM9B,CAAC"}

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<{
@@ -21,7 +21,7 @@ declare const _default: {
         zoom: import("zod").ZodOptional<import("zod").ZodNumber>;
         fitToMarkers: import("zod").ZodOptional<import("zod").ZodBoolean>;
     }, import("zod/v4/core").$strip>>;
-    component: (_: import("./Map.props").MapProps) => import("react/jsx-runtime").JSX.Element;
+    component: (_: import("./Map.props").MapProps) => import("react").JSX.Element;
     styleFn: () => {
         container: {
             width: "100%";
@@ -32,7 +32,7 @@ declare const _default: {
     };
 };
 export default _default;
-export declare function ParisMap(): import("react/jsx-runtime").JSX.Element;
-export declare function MapMarker(): import("react/jsx-runtime").JSX.Element;
-export declare function MapCenterZoomMarker(): import("react/jsx-runtime").JSX.Element;
+export declare function ParisMap(): import("react").JSX.Element;
+export declare function MapMarker(): import("react").JSX.Element;
+export declare function MapCenterZoomMarker(): import("react").JSX.Element;
 //# sourceMappingURL=Map.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Map.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Map/Map.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBASkB;AAElB,wBAAgB,QAAQ,4CAOvB;AAED,wBAAgB,SAAS,4CAIxB;AAED,wBAAgB,mBAAmB,4CAQlC"}
+{"version":3,"file":"Map.stories.d.ts","sourceRoot":"","sources":["../../../src/core/Map/Map.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBASkB;AAElB,wBAAgB,QAAQ,gCAOvB;AAED,wBAAgB,SAAS,gCAIxB;AAED,wBAAgB,mBAAmB,gCAQlC"}

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/Map/Map.web.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { MapProps } from './Map.props';
 type GoogleNamespace = {
     maps: any;
@@ -7,6 +8,6 @@ declare global {
         google?: GoogleNamespace;
     }
 }
-export declare const Map: (props: MapProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Map: (props: MapProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=Map.web.d.ts.map

package/dist/core/Map/Map.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Map.web.d.ts","sourceRoot":"","sources":["../../../src/core/Map/Map.web.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE/C,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,GAAG,CAAC;CACX,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,CAAC,EAAE,eAAe,CAAC;KAC1B;CACF;AAqCD,eAAO,MAAM,GAAG,GAAI,OAAO,QAAQ,4CAuGlC,CAAC"}
+{"version":3,"file":"Map.web.d.ts","sourceRoot":"","sources":["../../../src/core/Map/Map.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE/C,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,GAAG,CAAC;CACX,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,CAAC,EAAE,eAAe,CAAC;KAC1B;CACF;AAqCD,eAAO,MAAM,GAAG,GAAI,OAAO,QAAQ,sBAuGlC,CAAC"}

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

@@ -1,3 +1,3 @@
 import { MetabaseProps } from './Metabase.props';
-export declare const Metabase: (props: MetabaseProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Metabase: (props: MetabaseProps) => import("react").JSX.Element | null;
 //# sourceMappingURL=Metabase.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Metabase.d.ts","sourceRoot":"","sources":["../../../src/core/Metabase/Metabase.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,mDAiB5C,CAAC"}
+{"version":3,"file":"Metabase.d.ts","sourceRoot":"","sources":["../../../src/core/Metabase/Metabase.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,uCAiB5C,CAAC"}