@alveole/components 0.36.2 → 0.37.2

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

@@ -0,0 +1,82 @@
+export declare const useStyles: () => {
+    container: {
+        backgroundColor: "#FFFFFF";
+        width: number;
+        padding: import("@alveole/theme").Spacing;
+        borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        display: "flex";
+        flexDirection: "row";
+        gap: import("@alveole/theme").Spacing;
+        alignItems: "flex-start";
+    } | {
+        shadowColor: import("@alveole/theme").Color;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        backgroundColor: "#FFFFFF";
+        width: number;
+        padding: import("@alveole/theme").Spacing;
+        borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        display: "flex";
+        flexDirection: "row";
+        gap: import("@alveole/theme").Spacing;
+        alignItems: "flex-start";
+    } | {
+        boxShadow: string;
+        backgroundColor: "#FFFFFF";
+        width: number;
+        padding: import("@alveole/theme").Spacing;
+        borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        display: "flex";
+        flexDirection: "row";
+        gap: import("@alveole/theme").Spacing;
+        alignItems: "flex-start";
+    };
+    contenu: {
+        display: "flex";
+        flex: number;
+        flexDirection: "column";
+        gap: import("@alveole/theme").Spacing;
+    };
+    titleContainer: {
+        display: "flex";
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        minHeight: import("@alveole/theme").Spacing;
+    };
+    title: {
+        color: "#151617";
+        fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+        fontSize: 14;
+        lineHeight: 20;
+        letterSpacing: 0;
+    };
+    icon: {
+        paddingTop: import("@alveole/theme").Spacing;
+    };
+    iconDefault: {
+        color: "#373A3F";
+    };
+    iconInfo: {
+        color: "#373A3F";
+    };
+    iconSuccess: {
+        color: "#1B7440";
+    };
+    iconError: {
+        color: "#C62416";
+    };
+    message: {
+        color: "#373A3F";
+        fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+        fontSize: 14;
+        lineHeight: 20;
+        letterSpacing: 0;
+    };
+};
+//# sourceMappingURL=Toast.styles.d.ts.map

package/dist/ui/Toast/Toast.styles.d.ts.map

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

package/dist/ui/Toast/Toast.styles.js

@@ -0,0 +1,54 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(({ text, color, radius, spacing, shadows }) => ({
+    // Container
+    container: {
+        backgroundColor: '#FFFFFF',
+        width: 384,
+        padding: spacing('100'),
+        borderRadius: radius('sm'),
+        display: 'flex',
+        flexDirection: 'row',
+        gap: spacing('050'),
+        alignItems: 'flex-start',
+        ...shadows(3),
+    },
+    contenu: {
+        display: 'flex',
+        flex: 1,
+        flexDirection: 'column',
+        gap: spacing('050'),
+    },
+    titleContainer: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        minHeight: spacing('150'),
+    },
+    // Titre
+    title: {
+        ...text['Corps de texte'].SM.Bold,
+        color: color.text['title-grey'],
+    },
+    // Icon
+    icon: {
+        paddingTop: spacing('025'),
+    },
+    iconDefault: {
+        color: color.text['default-grey'],
+    },
+    iconInfo: {
+        color: color.text['default-grey'],
+    },
+    iconSuccess: {
+        color: color.text['default-success'],
+    },
+    iconError: {
+        color: color.text['default-error'],
+    },
+    // Message
+    message: {
+        ...text['Corps de texte'].SM.Regular,
+        color: color.text['default-grey'],
+    },
+}));

package/dist/ui/Toast/ToastBridge.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type ToastAPIOptions } from './ToastContext';
+export type ToastBridgeProps = React.PropsWithChildren<object>;
+export declare const defaultDuration = 8000;
+export declare function ToastBridge(props: ToastBridgeProps): import("react/jsx-runtime").JSX.Element;
+declare module '@tamagui/toast' {
+    interface CustomData extends ToastAPIOptions {
+        presentAt?: number;
+    }
+}
+//# sourceMappingURL=ToastBridge.d.ts.map

package/dist/ui/Toast/ToastBridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastBridge.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/ToastBridge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEnF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;AAE/D,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAkBlD;AAED,OAAO,QAAQ,gBAAgB,CAAC;IAC9B,UAAU,UAAW,SAAQ,eAAe;QAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;CACF"}

package/dist/ui/Toast/ToastBridge.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useToastController } from '@tamagui/toast';
+import React from 'react';
+import { ToastContext } from './ToastContext';
+export const defaultDuration = 8000;
+export function ToastBridge(props) {
+    const { children } = props;
+    const controller = useToastController();
+    const api = React.useMemo(() => ({
+        present: (title, message, opts) => {
+            controller.show(title, {
+                message,
+                duration: opts?.duration ?? defaultDuration,
+                customData: { ...opts, presentAt: Date.now() },
+            });
+        },
+    }), [controller]);
+    return _jsx(ToastContext.Provider, { value: api, children: children });
+}

package/dist/ui/Toast/ToastContext.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { LucideIconProps } from '../LucideIcon';
+export type ToastAPIOptions = {
+    icon?: LucideIconProps['name'];
+    duration?: number;
+    variant?: 'default' | 'success' | 'error' | 'info';
+};
+export type ToastAPI = {
+    present: (title: string, message?: string, opts?: ToastAPIOptions) => void;
+};
+export declare const ToastContext: React.Context<ToastAPI | null>;
+//# sourceMappingURL=ToastContext.d.ts.map

package/dist/ui/Toast/ToastContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/ToastContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5E,CAAC;AAEF,eAAO,MAAM,YAAY,gCAA6C,CAAC"}

package/dist/ui/Toast/ToastContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const ToastContext = React.createContext(null);

package/dist/ui/Toast/Toasts.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export type ToastsProps = React.PropsWithChildren<object>;
+export declare function Toasts(props: ToastsProps): import("react/jsx-runtime").JSX.Element;
+export declare function useToast(): import("./ToastContext").ToastAPI;
+//# sourceMappingURL=Toasts.d.ts.map

package/dist/ui/Toast/Toasts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toasts.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toasts.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;AAE1D,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAYxC;AAED,wBAAgB,QAAQ,sCAIvB"}

package/dist/ui/Toast/Toasts.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ToastProvider, ToastViewport } from '@tamagui/toast';
+import React from 'react';
+import { Toast } from './Toast';
+import { ToastBridge } from './ToastBridge';
+import { ToastContext } from './ToastContext';
+export function Toasts(props) {
+    const { children } = props;
+    return (_jsx(ToastProvider, { swipeDirection: "horizontal", native: ['ios', 'android'], children: _jsxs(ToastBridge, { children: [_jsx(Toast, {}), _jsx(ToastViewport, { name: "app-toasts", multipleToasts: true, bottom: 32, left: 0, right: 0 }), children] }) }));
+}
+export function useToast() {
+    const ctx = React.useContext(ToastContext);
+    if (!ctx)
+        throw new Error('useToast must be used inside <Toasts> provider');
+    return ctx;
+}

package/dist/ui/Toast/index.d.ts

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

package/dist/ui/Toast/index.d.ts.map

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

package/dist/ui/Toast/index.js

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

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    tags: "Kit"[];
+    tags: "ui"[];
     experimental: false;
     description: string;
     figmaURL: string;

package/dist/ui/ToolbarBottomNav/ToolbarBottomNav.stories.js

@@ -2,7 +2,7 @@ import { ToolbarBottomNav } from './index';
 import { useStyles } from './ToolbarBottomNav.styles';
 export default {
     title: 'ToolbarBottomNav',
-    tags: ['Kit'],
+    tags: ['ui'],
     experimental: false,
     description: 'Navigation bottom de type TabsExpo. A utiliser dans les _layout.',
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Alveole---Composants?node-id=1880-852&t=baZKFA9BpkeQGeZm-4',

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    tags: "Composant"[];
+    tags: "ui"[];
     experimental: false;
     figmaURL: string;
     description: string;

package/dist/ui/ToolbarTop/ToolbarTop.stories.js

@@ -6,7 +6,7 @@ import { ToolbarTop } from './ToolbarTop';
 import { useStyles } from './ToolbarTop.styles';
 export default {
     title: 'ToolbarTop',
-    tags: ['Composant'],
+    tags: ['ui'],
     experimental: false,
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Alveole---Composants?node-id=1749-4674&t=qyctNCnE5tT5rKRk-4',
     description: "La ToolbarTop est un composant de navigation et d'action. A utiliser uniquement sur Mobile. Elle dispose de 3 variantes : default, large et compactLarge.",

package/dist/ui/index.d.ts

@@ -14,8 +14,10 @@ export * from './Popover';
 export * from './ProgressBar';
 export * from './ResourceList';
 export * from './Sidebar';
+export * from './Signature';
 export * from './Tabs';
 export * from './Tag';
+export * from './Toast';
 export * from './ToolbarBottomNav';
 export * from './ToolbarTop';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}

package/dist/ui/index.js

@@ -14,7 +14,9 @@ export * from './Popover';
 export * from './ProgressBar';
 export * from './ResourceList';
 export * from './Sidebar';
+export * from './Signature';
 export * from './Tabs';
 export * from './Tag';
+export * from './Toast';
 export * from './ToolbarBottomNav';
 export * from './ToolbarTop';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "0.36.2",
+  "version": "0.37.2",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -37,6 +37,7 @@
     "@tamagui/config": "^1.144.4",
     "@tamagui/core": "^1.144.4",
     "@testing-library/react-native": "^13.3.3",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "eslint": "^9.39.2",
     "expo": "~53.0.0",
     "expo-router": "~4.0.0",
@@ -47,6 +48,8 @@
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "react-native": "^0.79.2",
+    "react-native-code-highlighter": "1.3.0",
+    "react-syntax-highlighter": "16.1.1",
     "react-test-renderer": "^19.2.5",
     "tamagui": "^1.144.4"
   },
@@ -54,6 +57,7 @@
     "zod": "^4.1.11"
   },
   "peerDependencies": {
+    "@alveole/core": "*",
     "@alveole/theme": "*",
     "@lottiefiles/dotlottie-react": "*",
     "@lucide/lab": "*",
@@ -71,6 +75,7 @@
     "@tamagui/switch": "^1.129.0 <2.0.0",
     "@tamagui/tabs": "^1.129.0 <2.0.0",
     "@tamagui/toast": "^1.129.0 <2.0.0",
+    "@uiw/react-signature": "*",
     "expo-application": "*",
     "expo-constants": "*",
     "expo-image": "*",
@@ -81,9 +86,12 @@
     "pdfjs-dist": "^4.0.0",
     "react": "*",
     "react-native": "*",
+    "react-native-code-highlighter": "*",
     "react-native-safe-area-context": "*",
+    "react-native-signature-canvas": "*",
     "react-native-svg": "^15.0.0",
     "react-native-webview": ">=13",
+    "react-syntax-highlighter": "*",
     "tamagui": "^1.129.0 <2.0.0"
   },
   "publishConfig": {