@alveole/components 0.43.3 → 1.0.1

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

@@ -2,53 +2,63 @@ import { makeStyles } from '@alveole/theme';
 export const useStyles = makeStyles(({ text, color, radius, spacing, shadows }) => ({
     // Container
     container: {
-        backgroundColor: '#FFFFFF',
+        backgroundColor: color.light.background['default-grey'],
         width: 384,
-        padding: spacing('100'),
         borderRadius: radius('sm'),
         display: 'flex',
         flexDirection: 'row',
-        gap: spacing('050'),
-        alignItems: 'flex-start',
+        gap: spacing('1W'),
+        overflow: 'hidden',
+        padding: 0,
         ...shadows(3),
     },
     contenu: {
         display: 'flex',
         flex: 1,
         flexDirection: 'column',
-        gap: spacing('050'),
+        gap: spacing('1W'),
+        padding: spacing('100'),
     },
     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'],
+        color: color.light.text['default-grey'],
+    },
+    // Bloc icône (panel coloré pleine hauteur)
+    iconBlock: {
+        display: 'flex',
+        alignSelf: 'stretch',
+        justifyContent: 'flex-start',
+        alignItems: 'center',
+        paddingLeft: spacing('3V'),
+        paddingRight: spacing('3V'),
+        paddingTop: spacing('2W'),
+        paddingBottom: spacing('2W'),
     },
-    // Icon
-    icon: {
-        paddingTop: spacing('025'),
+    iconBlockDefault: {
+        backgroundColor: color.light.background['flat-info'],
     },
-    iconDefault: {
-        color: color.text['default-grey'],
+    iconBlockInfo: {
+        backgroundColor: color.light.background['flat-info'],
     },
-    iconInfo: {
-        color: color.text['default-grey'],
+    iconBlockSuccess: {
+        backgroundColor: color.light.background['flat-success'],
     },
-    iconSuccess: {
-        color: color.text['default-success'],
+    iconBlockError: {
+        backgroundColor: color.light.background['flat-error'],
     },
-    iconError: {
-        color: color.text['default-error'],
+    iconBlockWarning: {
+        backgroundColor: color.light.background['flat-warning'],
     },
     // Message
     message: {
         ...text['Corps de texte'].SM.Regular,
-        color: color.text['default-grey'],
+        color: color.light.text['default-grey'],
     },
 }));

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

@@ -3,7 +3,7 @@ import { LucideIconProps } from '../LucideIcon';
 export type ToastAPIOptions = {
     icon?: LucideIconProps['name'];
     duration?: number;
-    variant?: 'default' | 'success' | 'error' | 'info';
+    variant?: 'default' | 'success' | 'error' | 'info' | 'warning';
 };
 export type ToastAPI = {
     present: (title: string, message?: string, opts?: ToastAPIOptions) => void;

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

@@ -1 +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"}
+{"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,GAAG,SAAS,CAAC;CAChE,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/ToastType.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { LucideIconProps } from '../LucideIcon';
+import type { ToastAPIOptions } from './ToastContext';
+type ToastVariant = NonNullable<ToastAPIOptions['variant']>;
+export type ToastTypeProps = {
+    variant: ToastVariant;
+    icon?: LucideIconProps['name'];
+};
+export declare function ToastType({ variant, icon }: ToastTypeProps): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=ToastType.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastType.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/ToastType.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,KAAK,YAAY,GAAG,WAAW,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,YAAY,CAAC;IACtB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,cAAc,4BA8C1D"}

package/dist/ui/Toast/ToastType.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Box } from '../../core';
+import { LucideIcon } from '../LucideIcon';
+import { useStyles } from './Toast.styles';
+export function ToastType({ variant, icon }) {
+    const styles = useStyles();
+    const iconBlockStyle = React.useMemo(() => {
+        switch (variant) {
+            case 'default':
+                return styles.iconBlockDefault;
+            case 'success':
+                return styles.iconBlockSuccess;
+            case 'error':
+                return styles.iconBlockError;
+            case 'info':
+                return styles.iconBlockInfo;
+            case 'warning':
+                return styles.iconBlockWarning;
+            default:
+                ((_) => { })(variant);
+        }
+    }, [styles, variant]);
+    const iconName = React.useMemo(() => {
+        if (icon)
+            return icon;
+        switch (variant) {
+            case 'default':
+                return null;
+            case 'success':
+                return 'CircleCheck';
+            case 'error':
+                return 'OctagonAlert';
+            case 'info':
+                return 'Info';
+            case 'warning':
+                return 'TriangleAlert';
+            default:
+                ((_) => { })(variant);
+        }
+        return null;
+    }, [icon, variant]);
+    if (!iconName)
+        return null;
+    return (_jsx(Box, { style: [styles.iconBlock, iconBlockStyle], children: _jsx(LucideIcon, { color: "#FFFFFF", name: iconName, size: "sm" }) }));
+}

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

@@ -7,8 +7,8 @@ declare const _default: {
     component: any;
     styleFn: () => {
         tabBarStyle: {
-            backgroundColor: "#FFFFFF";
-            borderColor: "#DEE3EC";
+            backgroundColor: string;
+            borderColor: string;
         };
         tabBarLabelStyle: {
             readonly fontSize: 12;
@@ -22,10 +22,10 @@ declare const _default: {
             margin: number;
         };
         tabBarActiveTintColor: {
-            color: "#012B53";
+            color: string;
         };
         tabBarInactiveTintColor: {
-            color: "#373A3F";
+            color: string;
         };
     };
 };

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

@@ -1,7 +1,7 @@
 export declare const useStyles: () => {
     tabBarStyle: {
-        backgroundColor: "#FFFFFF";
-        borderColor: "#DEE3EC";
+        backgroundColor: string;
+        borderColor: string;
     };
     tabBarLabelStyle: {
         readonly fontSize: 12;
@@ -15,10 +15,10 @@ export declare const useStyles: () => {
         margin: number;
     };
     tabBarActiveTintColor: {
-        color: "#012B53";
+        color: string;
     };
     tabBarInactiveTintColor: {
-        color: "#373A3F";
+        color: string;
     };
 };
 //# sourceMappingURL=ToolbarBottomNav.styles.d.ts.map

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

@@ -37,7 +37,7 @@ declare const _default: {
             borderRightWidth: number;
             borderTopWidth: number;
             borderStyle: "solid";
-            borderColor: "#DEE3EC";
+            borderColor: string;
         };
         toolbarNavigation: {
             display: "flex";
@@ -63,7 +63,7 @@ declare const _default: {
             justifyContent: "center";
         };
         toolbarInformationTitleText: {
-            color: "#151617";
+            color: string;
             fontSize: 14;
             lineHeight: 20;
             letterSpacing: 0;
@@ -78,7 +78,7 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         toolbarInformationTitleSubText: {
-            color: "#5F6571";
+            color: string;
             fontSize: 12;
             lineHeight: 20;
             letterSpacing: 0;

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

@@ -29,7 +29,7 @@ export declare const useStyles: () => {
         borderRightWidth: number;
         borderTopWidth: number;
         borderStyle: "solid";
-        borderColor: "#DEE3EC";
+        borderColor: string;
     };
     toolbarNavigation: {
         display: "flex";
@@ -55,7 +55,7 @@ export declare const useStyles: () => {
         justifyContent: "center";
     };
     toolbarInformationTitleText: {
-        color: "#151617";
+        color: string;
         fontSize: 14;
         lineHeight: 20;
         letterSpacing: 0;
@@ -70,7 +70,7 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     toolbarInformationTitleSubText: {
-        color: "#5F6571";
+        color: string;
         fontSize: 12;
         lineHeight: 20;
         letterSpacing: 0;

package/dist/ui/index.d.ts

@@ -1,25 +1,49 @@
+export * from './Accordion';
 export * from './ActionMenu';
+export * from './Autocomplete';
+export * from './AutocompleteAddress';
 export * from './Avatar';
 export * from './Badge';
 export * from './Breadcrumbs';
 export * from './Button';
 export * from './Card';
+export * from './Checkbox';
+export * from './Counter';
 export * from './Divider';
 export * from './DocumentViewer';
+export * from './DragAndDropFile';
+export * from './EmailField';
+export * from './EmailInput';
 export * from './EmptyState';
+export * from './FileField';
 export * from './FormControl';
 export * from './Header';
+export * from './InputButtonAdornment';
 export * from './InputHeading';
 export * from './ListItem';
 export * from './LucideIcon';
+export * from './NumberField';
+export * from './OtpField';
 export * from './PageHeader';
+export * from './PasswordField';
+export * from './PhoneField';
+export * from './PhoneInput';
 export * from './Popover';
+export * from './PriceInput';
 export * from './ProgressBar';
+export * from './RadioGroup';
 export * from './ResourceList';
+export * from './Select';
+export * from './SelectMultiple';
 export * from './Sidebar';
 export * from './Signature';
+export * from './Switch';
 export * from './Tabs';
 export * from './Tag';
+export * from './TextareaField';
+export * from './TextareaInput';
+export * from './TextField';
+export * from './TextInputArray';
 export * from './Toast';
 export * from './ToolbarBottomNav';
 export * from './ToolbarTop';

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,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}

package/dist/ui/index.js

@@ -1,25 +1,49 @@
+export * from './Accordion';
 export * from './ActionMenu';
+export * from './Autocomplete';
+export * from './AutocompleteAddress';
 export * from './Avatar';
 export * from './Badge';
 export * from './Breadcrumbs';
 export * from './Button';
 export * from './Card';
+export * from './Checkbox';
+export * from './Counter';
 export * from './Divider';
 export * from './DocumentViewer';
+export * from './DragAndDropFile';
+export * from './EmailField';
+export * from './EmailInput';
 export * from './EmptyState';
+export * from './FileField';
 export * from './FormControl';
 export * from './Header';
+export * from './InputButtonAdornment';
 export * from './InputHeading';
 export * from './ListItem';
 export * from './LucideIcon';
+export * from './NumberField';
+export * from './OtpField';
 export * from './PageHeader';
+export * from './PasswordField';
+export * from './PhoneField';
+export * from './PhoneInput';
 export * from './Popover';
+export * from './PriceInput';
 export * from './ProgressBar';
+export * from './RadioGroup';
 export * from './ResourceList';
+export * from './Select';
+export * from './SelectMultiple';
 export * from './Sidebar';
 export * from './Signature';
+export * from './Switch';
 export * from './Tabs';
 export * from './Tag';
+export * from './TextareaField';
+export * from './TextareaInput';
+export * from './TextField';
+export * from './TextInputArray';
 export * from './Toast';
 export * from './ToolbarBottomNav';
 export * from './ToolbarTop';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "0.43.3",
+  "version": "1.0.1",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -23,46 +23,54 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "npm run generate:sources && node ./scripts/generate-version.mjs && tsc -p tsconfig.build.json && node ./scripts/prepare-pdfjs-web-assets.mjs",
-    "lint": "eslint .",
+    "build": "npm run generate:sources && node ./scripts/generate-version.mjs && tsc -p tsconfig.build.json && node ./scripts/copy-assets.mjs && node ./scripts/prepare-pdfjs-web-assets.mjs",
+    "lint": "npm run generate:sources && eslint .",
     "postinstall": "node ./scripts/postinstall.mjs",
     "test:unit": "NODE_OPTIONS=--max-old-space-size=4096 npx jest --maxWorkers=2 --ci",
-    "typecheck": "tsc -p tsconfig.typecheck.json --noEmit",
+    "typecheck": "npm run generate:sources && tsc -p tsconfig.typecheck.json --noEmit",
     "generate:sources": "node scripts/generate-stories-sources.mjs"
   },
   "devDependencies": {
     "@alveole/eslint-config": "file:../eslint-config",
-    "@lucide/lab": "^0.1.2",
-    "@shopify/flash-list": "^2.3.1",
-    "@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-document-picker": "~56.0.4",
-    "expo-router": "~4.0.0",
-    "jest": "^29.7.0",
-    "jest-expo": "~53.0.0",
-    "lucide-react-native": "^1.11.0",
-    "pdfjs-dist": "^4.10.38",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
-    "react-native": "^0.80.0",
+    "@lucide/lab": "0.1.2",
+    "@react-native-picker/picker": "2.11.4",
+    "@react-native/jest-preset": "0.85.3",
+    "@shopify/flash-list": "2.3.2",
+    "@tamagui/config": "1.144.4",
+    "@tamagui/core": "1.144.4",
+    "@tamagui/toast": "1.144.4",
+    "@testing-library/react-native": "14.0.1",
+    "@types/react-syntax-highlighter": "15.5.13",
+    "babel-preset-expo": "56.0.17",
+    "eslint": "9.39.4",
+    "expo": "56.0.16",
+    "expo-asset": "56.0.20",
+    "expo-document-picker": "56.0.4",
+    "expo-router": "56.2.15",
+    "jest": "29.7.0",
+    "jest-expo": "56.0.5",
+    "lucide-react-native": "1.23.0",
+    "pdfjs-dist": "6.1.200",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-native": "0.85.3",
     "react-native-code-highlighter": "1.3.0",
+    "react-native-keyboard-controller": "1.22.0",
     "react-native-otp-entry": "1.8.6",
+    "react-select": "5.10.2",
     "react-syntax-highlighter": "16.1.1",
-    "react-test-renderer": "^19.2.5",
-    "tamagui": "^1.144.4"
+    "tamagui": "1.144.4",
+    "test-renderer": "1.2.0"
   },
   "dependencies": {
-    "zod": "^4.1.11"
+    "zod": "4.4.3"
   },
   "peerDependencies": {
     "@alveole/core": "*",
     "@alveole/theme": "*",
     "@lottiefiles/dotlottie-react": "*",
     "@lucide/lab": "*",
+    "@react-native-picker/picker": ">=2",
     "@shopify/flash-list": ">=2",
     "@tamagui/accordion": "^1.129.0 <2.0.0",
     "@tamagui/animations-css": "^1.129.0 <2.0.0",
@@ -79,14 +87,15 @@
     "@tamagui/toast": "^1.129.0 <2.0.0",
     "@uiw/react-signature": "*",
     "expo-application": "*",
-    "expo-document-picker": "*",
+    "expo-asset": "*",
     "expo-constants": "*",
+    "expo-document-picker": "*",
     "expo-image": "*",
     "expo-linear-gradient": "*",
     "expo-router": "*",
     "lottie-react-native": "*",
     "lucide-react-native": ">=0.570.0",
-    "pdfjs-dist": "^4.0.0",
+    "pdfjs-dist": "^4.0.0 || ^5.0.0 || ^6.0.0",
     "react": "*",
     "react-native": "*",
     "react-native-code-highlighter": "*",
@@ -94,7 +103,9 @@
     "react-native-safe-area-context": "*",
     "react-native-signature-canvas": "*",
     "react-native-svg": "^15.0.0",
+    "react-native-keyboard-controller": ">=1.21.0",
     "react-native-webview": ">=13",
+    "react-select": ">=5",
     "react-syntax-highlighter": "*",
     "tamagui": "^1.129.0 <2.0.0"
   },