@alveole/components 0.22.0 → 0.23.0

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

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

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

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

package/dist/core/Map/Map.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Typography } from '../../core';
+export const Map = (_) => {
+    return (_jsx(Box, { p: '075', children: _jsx(Typography, { textAlign: 'center', children: "La carte n\u2019est pas disponible sur le mobile" }) }));
+};

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

@@ -0,0 +1,57 @@
+import type * as React from 'react';
+import { z } from 'zod';
+export declare const LatLngSchema: z.ZodObject<{
+    lat: z.ZodNumber;
+    lng: z.ZodNumber;
+}, z.core.$strip>;
+export type LatLng = z.infer<typeof LatLngSchema>;
+export declare const MarkerSchema: z.ZodObject<{
+    id: z.ZodOptional<z.ZodString>;
+    position: z.ZodObject<{
+        lat: z.ZodNumber;
+        lng: z.ZodNumber;
+    }, z.core.$strip>;
+    title: z.ZodOptional<z.ZodString>;
+    iconUrl: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export type Marker = z.infer<typeof MarkerSchema>;
+export declare const MapPropsSchema: z.ZodObject<{
+    markers: z.ZodArray<z.ZodObject<{
+        id: z.ZodOptional<z.ZodString>;
+        position: z.ZodObject<{
+            lat: z.ZodNumber;
+            lng: z.ZodNumber;
+        }, z.core.$strip>;
+        title: z.ZodOptional<z.ZodString>;
+        iconUrl: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+    center: z.ZodOptional<z.ZodObject<{
+        lat: z.ZodNumber;
+        lng: z.ZodNumber;
+    }, z.core.$strip>>;
+    zoom: z.ZodOptional<z.ZodNumber>;
+    fitToMarkers: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>;
+export type MapProps = z.infer<typeof MapPropsSchema> & {
+    style?: React.CSSProperties;
+    mapOptions?: Record<string, unknown>;
+    onMarkerClick?: (marker: Marker) => void;
+};
+export declare const MapPropsJSON: z.core.ZodStandardJSONSchemaPayload<z.ZodObject<{
+    markers: z.ZodArray<z.ZodObject<{
+        id: z.ZodOptional<z.ZodString>;
+        position: z.ZodObject<{
+            lat: z.ZodNumber;
+            lng: z.ZodNumber;
+        }, z.core.$strip>;
+        title: z.ZodOptional<z.ZodString>;
+        iconUrl: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+    center: z.ZodOptional<z.ZodObject<{
+        lat: z.ZodNumber;
+        lng: z.ZodNumber;
+    }, z.core.$strip>>;
+    zoom: z.ZodOptional<z.ZodNumber>;
+    fitToMarkers: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>>;
+//# sourceMappingURL=Map.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Map.props.d.ts","sourceRoot":"","sources":["../../../src/core/Map/Map.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,YAAY;;;iBAGvB,CAAC;AACH,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAElD,eAAO,MAAM,YAAY;;;;;;;;iBAKvB,CAAC;AACH,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAElD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;iBAKzB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,GAAG;IACtD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AACF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;kBAAiC,CAAC"}

package/dist/core/Map/Map.props.js

@@ -0,0 +1,18 @@
+import { z } from 'zod';
+export const LatLngSchema = z.object({
+    lat: z.number(),
+    lng: z.number(),
+});
+export const MarkerSchema = z.object({
+    id: z.string().optional(),
+    position: LatLngSchema,
+    title: z.string().optional(),
+    iconUrl: z.string().optional(),
+});
+export const MapPropsSchema = z.object({
+    markers: MarkerSchema.array(),
+    center: LatLngSchema.optional().describe('Si omis, on fit les bounds des markers'),
+    zoom: z.number().optional().describe('Ignoré si on fit bounds'),
+    fitToMarkers: z.boolean().optional().describe('Par défaut: true si pas de center'),
+});
+export const MapPropsJSON = z.toJSONSchema(MapPropsSchema);

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

@@ -0,0 +1,38 @@
+declare const _default: {
+    title: string;
+    tags: ["Kit"];
+    experimental: true;
+    webOnly: true;
+    description: string;
+    props: import("zod/v4/core").ZodStandardJSONSchemaPayload<import("zod").ZodObject<{
+        markers: import("zod").ZodArray<import("zod").ZodObject<{
+            id: import("zod").ZodOptional<import("zod").ZodString>;
+            position: import("zod").ZodObject<{
+                lat: import("zod").ZodNumber;
+                lng: import("zod").ZodNumber;
+            }, import("zod/v4/core").$strip>;
+            title: import("zod").ZodOptional<import("zod").ZodString>;
+            iconUrl: import("zod").ZodOptional<import("zod").ZodString>;
+        }, import("zod/v4/core").$strip>>;
+        center: import("zod").ZodOptional<import("zod").ZodObject<{
+            lat: import("zod").ZodNumber;
+            lng: import("zod").ZodNumber;
+        }, import("zod/v4/core").$strip>>;
+        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;
+    styleFn: () => {
+        container: {
+            width: "100%";
+            height: "100%";
+            borderRadius: number;
+            overflow: "hidden";
+        };
+    };
+};
+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;
+//# sourceMappingURL=Map.stories.d.ts.map

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

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

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../../core';
+import { Map } from './index';
+import { MapPropsJSON } from './Map.props';
+import { useStyles } from './Map.styles';
+export default {
+    title: 'Map',
+    tags: ['Kit'],
+    experimental: true,
+    webOnly: true,
+    description: 'Carte interactive (Google Map)',
+    props: MapPropsJSON,
+    component: Map,
+    styleFn: useStyles,
+};
+export function ParisMap() {
+    const markers = [
+        { id: 'a', position: { lat: 48.85837, lng: 2.294481 }, title: 'Tour Eiffel' },
+        { id: 'b', position: { lat: 48.8606, lng: 2.3376 }, title: 'Louvre' },
+    ];
+    return _jsx(Box, { style: { height: 400 }, children: markers && _jsx(Map, { markers: markers }) });
+}
+export function MapMarker() {
+    const marker = { id: 'mon-id', position: { lat: 48.85837, lng: 2.294481 }, title: 'Tour Eiffel' };
+    return _jsx(Box, { style: { height: 400 }, children: marker && _jsx(Map, { markers: [marker], onMarkerClick: console.log }) });
+}
+export function MapCenterZoomMarker() {
+    const marker = { id: '123', position: { lat: 48.85837, lng: 2.294481 }, title: 'Tour Eiffel' };
+    return (_jsx(Box, { style: { height: 400 }, children: marker && _jsx(Map, { markers: [marker], center: marker.position, onMarkerClick: console.log, zoom: 4 }) }));
+}

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

@@ -0,0 +1,9 @@
+export declare const useStyles: () => {
+    container: {
+        width: "100%";
+        height: "100%";
+        borderRadius: number;
+        overflow: "hidden";
+    };
+};
+//# sourceMappingURL=Map.styles.d.ts.map

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

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

package/dist/core/Map/Map.styles.js

@@ -0,0 +1,9 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(() => ({
+    container: {
+        width: '100%',
+        height: '100%',
+        borderRadius: 8,
+        overflow: 'hidden',
+    },
+}));

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

@@ -0,0 +1,12 @@
+import { MapProps } from './Map.props';
+type GoogleNamespace = {
+    maps: any;
+};
+declare global {
+    interface Window {
+        google?: GoogleNamespace;
+    }
+}
+export declare const Map: (props: MapProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Map.web.d.ts.map

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

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

package/dist/core/Map/Map.web.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Constants from 'expo-constants';
+import * as React from 'react';
+import { Box } from '../Box';
+const GOOGLE_MAPS_WEB_URL = 'https://maps.googleapis.com/maps/api/js?v=quarterly&libraries=marker';
+const GOOGLE_MAPS_URL = (() => {
+    const key = Constants.expoConfig?.extra?.GOOGLE_MAPS_API_KEY;
+    if (!key)
+        console.warn('EXPO_PUBLIC_GOOGLE_MAPS_API_KEY manquant');
+    return key ? `${GOOGLE_MAPS_WEB_URL}&key=${key}` : GOOGLE_MAPS_WEB_URL;
+})();
+let loaderPromise = null;
+function loadGoogleMaps() {
+    if (typeof window === 'undefined')
+        return Promise.resolve();
+    if (window.google?.maps)
+        return Promise.resolve();
+    if (loaderPromise)
+        return loaderPromise;
+    loaderPromise = new Promise((resolve, reject) => {
+        const existing = document.querySelector('script[data-map-loader="google"]');
+        if (existing) {
+            existing.addEventListener('load', () => resolve());
+            existing.addEventListener('error', () => reject(new Error('Failed to load Google Maps')));
+            return;
+        }
+        const script = document.createElement('script');
+        script.src = GOOGLE_MAPS_URL;
+        script.async = true;
+        script.defer = true;
+        script.dataset.mapLoader = 'google';
+        script.onload = () => resolve();
+        script.onerror = () => reject(new Error('Failed to load Google Maps'));
+        document.head.appendChild(script);
+    });
+    return loaderPromise;
+}
+export const Map = (props) => {
+    const { markers = [], center, zoom = 12, fitToMarkers, mapOptions, onMarkerClick } = props;
+    const containerRef = React.useRef(null);
+    const mapRef = React.useRef(null);
+    const gMarkersRef = React.useRef([]);
+    const initMap = async (cancelled) => {
+        try {
+            await loadGoogleMaps();
+            if (cancelled)
+                return;
+            if (!containerRef.current)
+                return;
+            const google = window.google;
+            if (!google?.maps)
+                throw new Error('Google Maps not available on window');
+            const initialCenter = center ?? markers[0]?.position ?? { lat: 48.8566, lng: 2.3522 };
+            mapRef.current = new google.maps.Map(containerRef.current, {
+                center: initialCenter,
+                zoom,
+                clickableIcons: false,
+                streetViewControl: false,
+                mapTypeControl: false,
+                fullscreenControl: false,
+                ...mapOptions,
+            });
+            refreshMarkers();
+            fitBoundsIfNeeded();
+        }
+        catch (e) {
+            console.error(e);
+        }
+    };
+    // Init map
+    React.useEffect(() => {
+        let cancelled = false;
+        initMap(cancelled);
+        return () => {
+            cancelled = true;
+            gMarkersRef.current.forEach(m => m.setMap(null));
+            gMarkersRef.current = [];
+            mapRef.current = null;
+        };
+    }, []);
+    // Au changement d'options, on refresh markers et zoom
+    React.useEffect(() => {
+        if (!mapRef.current || !window.google?.maps)
+            return;
+        if (mapOptions)
+            mapRef.current.setOptions(mapOptions);
+        refreshMarkers();
+        fitBoundsIfNeeded();
+    }, [JSON.stringify(markers), JSON.stringify(center), zoom, fitToMarkers, JSON.stringify(mapOptions)]);
+    function refreshMarkers() {
+        if (!mapRef.current)
+            return;
+        const g = window.google;
+        if (!g?.maps)
+            return;
+        gMarkersRef.current.forEach(m => m.setMap(null));
+        gMarkersRef.current = [];
+        gMarkersRef.current = markers.map(mk => {
+            const marker = new g.maps.Marker({
+                position: mk.position,
+                map: mapRef.current,
+                title: mk.title,
+                ...(mk.iconUrl ? { icon: { url: mk.iconUrl } } : {}),
+            });
+            if (onMarkerClick)
+                marker.addListener('click', () => onMarkerClick(mk));
+            return marker;
+        });
+    }
+    function fitBoundsIfNeeded() {
+        const shouldFit = (fitToMarkers ?? !center) && markers.length > 0 && mapRef.current;
+        if (!shouldFit || !mapRef.current) {
+            if (center && mapRef.current) {
+                mapRef.current.setCenter(center);
+                mapRef.current.setZoom(zoom);
+            }
+            return;
+        }
+        const g = window.google;
+        if (!g?.maps)
+            return;
+        const bounds = new g.maps.LatLngBounds();
+        markers.forEach(m => bounds.extend(m.position));
+        if (!bounds.isEmpty())
+            mapRef.current.fitBounds(bounds, 24);
+    }
+    return (_jsx(Box, { ref: containerRef, style: {
+            width: '100%',
+            height: '100%',
+            minHeight: 240,
+            borderRadius: 12,
+            overflow: 'hidden',
+        } }));
+};

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

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

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

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

package/dist/core/Map/index.js

@@ -0,0 +1,2 @@
+export * from './Map';
+export * from './Map.props';

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

@@ -1,11 +1,3 @@
-import { BoxProps } from '../Box';
-export type MetabaseProps = {
-    source: string;
-    style?: BoxProps['style'];
-} | {
-    token: string;
-    instanceUrl: string;
-    style?: BoxProps['style'];
-};
+import { MetabaseProps } from './Metabase.props';
 export declare const Metabase: (props: MetabaseProps) => import("react/jsx-runtime").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,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGlC,MAAM,MAAM,aAAa,GACrB;IACE,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC3B,GACD;IACE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC3B,CAAC;AAEN,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,mDAiB5C,CAAC"}

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

@@ -0,0 +1,10 @@
+import { BoxProps } from '../Box';
+export type MetabaseProps = {
+    source: string;
+    style?: BoxProps['style'];
+} | {
+    token: string;
+    instanceUrl: string;
+    style?: BoxProps['style'];
+};
+//# sourceMappingURL=Metabase.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Metabase.props.d.ts","sourceRoot":"","sources":["../../../src/core/Metabase/Metabase.props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,MAAM,aAAa,GACrB;IACE,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC3B,GACD;IACE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC3B,CAAC"}

package/dist/core/Metabase/Metabase.props.js

@@ -0,0 +1 @@
+export {};

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

@@ -3,7 +3,7 @@ declare const _default: {
     tags: ["Kit"];
     experimental: true;
     description: string;
-    component: (props: import("./Metabase").MetabaseProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: (props: import("./Metabase.props").MetabaseProps) => import("react/jsx-runtime").JSX.Element | null;
     styleFn: () => {
         metabase: {
             height: 600 | "100%";

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { MetabaseProps } from './Metabase.props';
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -10,11 +11,5 @@ declare global {
         }
     }
 }
-export type MetabaseProps = {
-    source: string;
-} | {
-    token: string;
-    instanceUrl: string;
-};
 export declare const Metabase: (props: MetabaseProps) => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=Metabase.web.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Metabase.web.d.ts","sourceRoot":"","sources":["../../../src/core/Metabase/Metabase.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAC3C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;gBAClC,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;aAC3B,EACD,WAAW,CACZ,CAAC;SACH;KACF;CACF;AAED,MAAM,MAAM,aAAa,GACrB;IACE,MAAM,EAAE,MAAM,CAAC;CAChB,GACD;IACE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEN,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,mDAoE5C,CAAC"}
+{"version":3,"file":"Metabase.web.d.ts","sourceRoot":"","sources":["../../../src/core/Metabase/Metabase.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAC3C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;gBAClC,KAAK,CAAC,EAAE,MAAM,CAAC;gBACf,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;aAC3B,EACD,WAAW,CACZ,CAAC;SACH;KACF;CACF;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,mDAoE5C,CAAC"}

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

@@ -23,7 +23,7 @@ export declare const PageContentScrollable: React.ForwardRefExoticComponent<Pick
     scrollable?: boolean | "mobile-only" | "desktop-only";
     sidebar?: React.ReactNode;
     beforeContent?: React.ReactNode;
-    sideBarController?: import("../../ui/Sidebar").SidebarController;
+    sideBarController?: import("../..").SidebarController;
     renderToolbar?: (options?: {
         isScrolled: boolean;
     }) => React.ReactNode;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewer.d.ts","sourceRoot":"","sources":["../../../src/core/PdfViewer/PdfViewer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAiB9C,CAAC"}

package/dist/core/PdfViewer/PdfViewer.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ActivityIndicator } from 'react-native';
+import WebView from 'react-native-webview';
+import { Box } from '../Box';
+export const PdfViewer = (props) => {
+    const { source, headers } = props;
+    return (_jsx(Box, { flex: 1, children: _jsx(WebView, { source: { uri: source, headers }, startInLoadingState: true, renderLoading: () => (_jsx(Box, { flex: 1, "align-items": "center", "justify-content": "center", children: _jsx(ActivityIndicator, { size: "large" }) })), style: { flex: 1 } }) }));
+};

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

@@ -0,0 +1,9 @@
+export type PdfViewerProps = {
+    /** Source du PDF (URL ou blob URL) */
+    source: string;
+    /** Headers à passer pour l'authentification (uniquement pour mobile) */
+    headers?: Record<string, string>;
+    /** Titre du document (pour l'accessibilité) */
+    title?: string;
+};
+//# sourceMappingURL=PdfViewer.props.d.ts.map

package/dist/core/PdfViewer/PdfViewer.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewer.props.d.ts","sourceRoot":"","sources":["../../../src/core/PdfViewer/PdfViewer.props.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,sCAAsC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

package/dist/core/PdfViewer/PdfViewer.props.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,13 @@
+declare const _default: {
+    title: string;
+    tags: ["Composant"];
+    experimental: false;
+    description: string;
+    component: (props: import("./PdfViewer.props").PdfViewerProps) => import("react/jsx-runtime").JSX.Element;
+    styleFn: () => {};
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithHeaders: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomTitle: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PdfViewer.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewer.stories.d.ts","sourceRoot":"","sources":["../../../src/core/PdfViewer/PdfViewer.stories.tsx"],"names":[],"mappings":";;;;;;;;AAKA,wBAOkB;AAIlB,eAAO,MAAM,OAAO,+CAInB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAQvB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAIvB,CAAC"}

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../Box';
+import { PdfViewer } from './PdfViewer';
+import { useStyles } from './PdfViewer.styles';
+export default {
+    title: 'PdfViewer',
+    tags: ['Composant'],
+    experimental: false,
+    description: "Affichage d'un document PDF. Utilise un iframe sur web et WebView sur mobile.",
+    component: PdfViewer,
+    styleFn: useStyles,
+};
+const samplePdfUrl = 'https://upload.wikimedia.org/wikipedia/commons/1/13/Example.pdf';
+export const Default = () => (_jsx(Box, { width: '100%', height: 600, children: _jsx(PdfViewer, { source: samplePdfUrl, title: "Document PDF exemple" }) }));
+export const WithHeaders = () => (_jsx(Box, { width: '100%', height: 600, children: _jsx(PdfViewer, { source: samplePdfUrl, headers: { Authorization: 'Bearer example-token' }, title: "Document PDF avec headers" }) }));
+export const CustomTitle = () => (_jsx(Box, { width: '100%', height: 600, children: _jsx(PdfViewer, { source: samplePdfUrl, title: "Mon document personnalis\u00E9" }) }));

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

@@ -0,0 +1,2 @@
+export declare const useStyles: () => {};
+//# sourceMappingURL=PdfViewer.styles.d.ts.map

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

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

package/dist/core/PdfViewer/PdfViewer.styles.js

@@ -0,0 +1,2 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(() => ({}));

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewer.web.d.ts","sourceRoot":"","sources":["../../../src/core/PdfViewer/PdfViewer.web.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAQ9C,CAAC"}

package/dist/core/PdfViewer/PdfViewer.web.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../Box';
+export const PdfViewer = (props) => {
+    const { source, title = 'Document PDF' } = props;
+    return (_jsx(Box, { flex: 1, children: _jsx("iframe", { src: source, style: { width: '100%', height: '100%', border: 'none' }, title: title }) }));
+};

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

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

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

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

package/dist/core/PdfViewer/index.js

@@ -0,0 +1,2 @@
+export * from './PdfViewer';
+export * from './PdfViewer.props';

package/dist/core/index.d.ts

@@ -1,8 +1,10 @@
 export * from './A';
 export * from './Box';
 export * from './Image';
+export * from './Map';
 export * from './Metabase';
 export * from './Page';
+export * from './PdfViewer';
 export * from './Section';
 export * from './Typography';
 export * from './Version';

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,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,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,SAAS,CAAC;AACxB,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,8 +1,10 @@
 export * from './A';
 export * from './Box';
 export * from './Image';
+export * from './Map';
 export * from './Metabase';
 export * from './Page';
+export * from './PdfViewer';
 export * from './Section';
 export * from './Typography';
 export * from './Version';

package/dist/stories/index.d.ts

@@ -1,12 +1,15 @@
 export * as AStory from '../core/A/A.stories';
 export * as BoxStory from '../core/Box/Box.stories';
 export * as ImageStory from '../core/Image/Image.stories';
+export * as MapStory from '../core/Map/Map.stories';
 export * as MetabaseStory from '../core/Metabase/Metabase.stories';
 export * as PageStory from '../core/Page/Page.stories';
+export * as PdfViewerStory from '../core/PdfViewer/PdfViewer.stories';
 export * as SectionStory from '../core/Section/Section.stories';
 export * as TypographyStory from '../core/Typography/Typography.stories';
 export * as VersionStory from '../core/Version/Version.stories';
 export * as AvatarStory from '../ui/Avatar/Avatar.stories';
+export * as BadgeStory from '../ui/Badge/Badge.stories';
 export * as BreadcrumbsStory from '../ui/Breadcrumbs/Breadcrumbs.stories';
 export * as ButtonStory from '../ui/Button/Button.stories';
 export * as CardStory from '../ui/Card/Card.stories';
@@ -16,6 +19,8 @@ export * as ListItemStory from '../ui/ListItem/ListItem.stories';
 export * as LucideIconStory from '../ui/LucideIcon/LucideIcon.stories';
 export * as PageHeaderStory from '../ui/PageHeader/PageHeader.stories';
 export * as ResourceListStory from '../ui/ResourceList/ResourceList.stories';
+export * as SidebarStory from '../ui/Sidebar/Sidebar.stories';
+export * as TagStory from '../ui/Tag/Tag.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,aAAa,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,eAAe,MAAM,uCAAuC,CAAC;AACzE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAGhE,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,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,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,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,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,UAAU,MAAM,6BAA6B,CAAC;AAC1D,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,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,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,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,QAAQ,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,qBAAqB,MAAM,iDAAiD,CAAC;AACzF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC"}