@alveole/components 1.6.3 → 1.6.5

package/dist/generated/version.d.ts

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

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "1.6.3";
+export const ALVEOLE_COMPONENTS_VERSION = "1.6.5";

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/ui/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAOjF,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,EAAE,IAAI,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CACpD;IACE,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,GAAG,CAAC,wBAAwB,GAAG,qBAAqB,CAAC,CACvD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAsDlD,CAAC"}
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/ui/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAOjF,KAAK,qBAAqB,GAAG;IAC3B,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,EAAE,IAAI,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CACpD;IACE,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,GAAG,CAAC,wBAAwB,GAAG,qBAAqB,CAAC,CACvD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAwDlD,CAAC"}

package/dist/ui/BottomSheet/BottomSheet.js

@@ -13,5 +13,5 @@ export const BottomSheet = (props) => {
     const styles = useStyles();
     const { bottom } = useSafeAreaInsets();
     const snapPointsMode = fitContent ? 'fit' : 'percent';
-    return (_jsx(Box, { tag: "sheet", style: styles.container, children: _jsxs(TamaguiSheet, { modal: true, forceRemoveScrollEnabled: open, open: open, onOpenChange: setOpen, snapPoints: fitContent ? undefined : points, snapPointsMode: snapPointsMode, dismissOnSnapToBottom: true, position: position, onPositionChange: setPosition, zIndex: 100000, animation: "medium", children: [_jsx(TamaguiSheet.Overlay, { style: styles.overlay }), _jsxs(TamaguiSheet.Frame, { style: styles.frame, children: [_jsx(TamaguiSheet.Handle, { style: styles.handle }), _jsxs(Box, { tag: "sheet-header", style: styles.header, children: [_jsx(Box, { children: _jsx(ButtonIcon, { icon: "X", variant: "tertiary", size: "md", onPress: () => setOpen(false) }) }), _jsx(Box, { flex: 1, children: _jsx(Typography, { style: styles.title, children: title }) }), action && (_jsx(Box, { mt: 'auto', mb: 'auto', children: action }))] }), _jsx(Divider, { ml: '2W', mr: '2W' }), _jsx(Box, { tag: "sheet-content", style: [styles.content, !fitContent && styles.contentFull], pb: bottom, children: children })] })] }) }));
+    return (_jsx(Box, { tag: "sheet", style: styles.container, children: _jsxs(TamaguiSheet, { modal: true, forceRemoveScrollEnabled: open, open: open, onOpenChange: setOpen, snapPoints: fitContent ? undefined : points, snapPointsMode: snapPointsMode, dismissOnSnapToBottom: true, position: position, onPositionChange: setPosition, zIndex: 100000, animation: "medium", children: [_jsx(TamaguiSheet.Overlay, { style: styles.overlay }), _jsxs(TamaguiSheet.Frame, { style: styles.frame, children: [_jsx(TamaguiSheet.Handle, { style: styles.handle }), _jsxs(Box, { tag: "sheet-header", style: styles.header, children: [_jsx(Box, { children: _jsx(ButtonIcon, { icon: "X", variant: "tertiary", size: "md", onPress: () => setOpen(false) }) }), _jsx(Box, { flex: 1, children: _jsx(Typography, { style: styles.title, children: title }) }), action && (_jsx(Box, { mt: 'auto', mb: 'auto', children: action }))] }), _jsx(Box, { pl: '2W', pr: '2W', children: _jsx(Divider, {}) }), _jsx(Box, { tag: "sheet-content", style: [styles.content, !fitContent && styles.contentFull], pb: bottom, children: children })] })] }) }));
 };

package/dist/ui/ProgressBar/ProgressBar.d.ts

@@ -6,6 +6,7 @@ export type ProgressBarProps = BoxProps & {
     indicator?: boolean;
     indicatorPrecision?: 0 | 1 | 2 | 3;
     mode?: ProgressBarMode;
+    noRadius?: boolean;
 };
 export declare const ProgressBar: (props: ProgressBarProps) => import("react").JSX.Element | null;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAKtC,KAAK,eAAe,GAAG,aAAa,GAAG,eAAe,GAAG,MAAM,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,uCAclD,CAAC"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAKtC,KAAK,eAAe,GAAG,aAAa,GAAG,eAAe,GAAG,MAAM,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,uCAclD,CAAC"}

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

@@ -56,6 +56,9 @@ declare const _default: {
             borderRadius: import("@alveole/theme").Radius;
             backgroundColor: string;
         };
+        noRadius: {
+            borderRadius: number;
+        };
         indicator: {
             color: string;
             marginTop: string | number;
@@ -74,6 +77,7 @@ export declare const Determinate: () => React.JSX.Element;
 export declare const Loop: () => React.JSX.Element;
 export declare const Indeterminate: () => React.JSX.Element;
 export declare const WithIndicator: () => React.JSX.Element;
+export declare const NoRadius: () => React.JSX.Element;
 export declare const Usage: () => React.JSX.Element;
 export * as Sources from './ProgressBar.stories.sources';
 //# sourceMappingURL=ProgressBar.stories.d.ts.map

package/dist/ui/ProgressBar/ProgressBar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK1B,wBAOkB;AAElB,eAAO,MAAM,WAAW,yBAAwD,CAAC;AAEjF,eAAO,MAAM,IAAI,yBAAoC,CAAC;AAEtD,eAAO,MAAM,aAAa,yBAA6C,CAAC;AAExE,eAAO,MAAM,aAAa,yBAAkE,CAAC;AAE7F,eAAO,MAAM,KAAK,yBAmBjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"ProgressBar.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK1B,wBAOkB;AAElB,eAAO,MAAM,WAAW,yBAAwD,CAAC;AAEjF,eAAO,MAAM,IAAI,yBAAoC,CAAC;AAEtD,eAAO,MAAM,aAAa,yBAA6C,CAAC;AAExE,eAAO,MAAM,aAAa,yBAAkE,CAAC;AAE7F,eAAO,MAAM,QAAQ,yBAAiE,CAAC;AAEvF,eAAO,MAAM,KAAK,yBAmBjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}

package/dist/ui/ProgressBar/ProgressBar.stories.js

@@ -15,6 +15,7 @@ export const Determinate = () => _jsx(ProgressBar, { mode: "determinate", value:
 export const Loop = () => _jsx(ProgressBar, { mode: "loop" });
 export const Indeterminate = () => _jsx(ProgressBar, { mode: "indeterminate" });
 export const WithIndicator = () => _jsx(ProgressBar, { mode: "determinate", indicator: true, value: 0.25 });
+export const NoRadius = () => _jsx(ProgressBar, { mode: "determinate", noRadius: true, value: 0.25 });
 export const Usage = () => {
     const [value, setValue] = React.useState(0.25);
     return (_jsxs(Box, { children: [_jsx(ProgressBar, { value: value }), _jsx(Box, { mt: '2W', width: 150, children: _jsx(Button, { title: value < 1 ? 'Augmenter' : 'Réduire', variant: "secondary", onPress: () => {

package/dist/ui/ProgressBar/ProgressBar.stories.sources.d.ts

@@ -2,12 +2,14 @@ export declare const Determinate: () => string;
 export declare const Loop: () => string;
 export declare const Indeterminate: () => string;
 export declare const WithIndicator: () => string;
+export declare const NoRadius: () => string;
 export declare const Usage: () => string;
 export declare const storySources: {
     readonly Determinate: () => string;
     readonly Loop: () => string;
     readonly Indeterminate: () => string;
     readonly WithIndicator: () => string;
+    readonly NoRadius: () => string;
     readonly Usage: () => string;
 };
 export type StorySourceName = keyof typeof storySources;

package/dist/ui/ProgressBar/ProgressBar.stories.sources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBar.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,cAA8F,CAAC;AAEvH,eAAO,MAAM,IAAI,cAAmE,CAAC;AAErF,eAAO,MAAM,aAAa,cAAqF,CAAC;AAEhH,eAAO,MAAM,aAAa,cAA0G,CAAC;AAErI,eAAO,MAAM,KAAK,cAAge,CAAC;AAEnf,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"ProgressBar.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBar.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,cAA8F,CAAC;AAEvH,eAAO,MAAM,IAAI,cAAmE,CAAC;AAErF,eAAO,MAAM,aAAa,cAAqF,CAAC;AAEhH,eAAO,MAAM,aAAa,cAA0G,CAAC;AAErI,eAAO,MAAM,QAAQ,cAAoG,CAAC;AAE1H,eAAO,MAAM,KAAK,cAAge,CAAC;AAEnf,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/ProgressBar/ProgressBar.stories.sources.js

@@ -4,11 +4,13 @@ export const Determinate = () => "export const Determinate = () => <ProgressBar
 export const Loop = () => "export const Loop = () => <ProgressBar mode=\"loop\" />;";
 export const Indeterminate = () => "export const Indeterminate = () => <ProgressBar mode=\"indeterminate\" />;";
 export const WithIndicator = () => "export const WithIndicator = () => <ProgressBar mode=\"determinate\" indicator value={0.25} />;";
+export const NoRadius = () => "export const NoRadius = () => <ProgressBar mode=\"determinate\" noRadius value={0.25} />;";
 export const Usage = () => "export const Usage = () => {\n  const [value, setValue] = React.useState(0.25);\n\n  return (\n    <Box>\n      <ProgressBar value={value} />\n\n      <Box mt={'2W'} width={150}>\n        <Button\n          title={value < 1 ? 'Augmenter' : 'Réduire'}\n          variant=\"secondary\"\n          onPress={() => {\n            if (value < 1) setValue(v => v + 0.25);\n            else setValue(v => v - 0.25);\n          }}\n        />\n      </Box>\n    </Box>\n  );\n};";
 export const storySources = {
     Determinate,
     Loop,
     Indeterminate,
     WithIndicator,
+    NoRadius,
     Usage,
 };

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

@@ -49,6 +49,9 @@ export declare const useStyles: () => {
         borderRadius: import("@alveole/theme").Radius;
         backgroundColor: string;
     };
+    noRadius: {
+        borderRadius: number;
+    };
     indicator: {
         color: string;
         marginTop: string | number;

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

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

package/dist/ui/ProgressBar/ProgressBar.styles.js

@@ -50,6 +50,9 @@ export const useStyles = makeStyles(({ text, color, spacing, radius }) => ({
         borderRadius: radius('sm'),
         backgroundColor: color.light.border['default-grey'],
     },
+    noRadius: {
+        borderRadius: 0,
+    },
     indicator: {
         ...text['Corps de texte'].XS.Regular,
         color: color.light.artwork['major-primary'],

package/dist/ui/ProgressBar/ProgressBarDeterminate.d.ts

@@ -4,6 +4,7 @@ export type ProgressBarDeterminateProps = BoxProps & {
     indicator?: boolean;
     indicatorPrecision?: 0 | 1 | 2 | 3;
     clamped: number;
+    noRadius?: boolean;
 };
 export declare const ProgressBarDeterminate: (props: ProgressBarDeterminateProps) => React.JSX.Element;
 //# sourceMappingURL=ProgressBarDeterminate.d.ts.map

package/dist/ui/ProgressBar/ProgressBarDeterminate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarDeterminate.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBarDeterminate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAE,MAAM,YAAY,CAAC;AAK3C,MAAM,MAAM,2BAA2B,GAAG,QAAQ,GAAG;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,OAAO,2BAA2B,sBA2CxE,CAAC"}
+{"version":3,"file":"ProgressBarDeterminate.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBarDeterminate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAE,MAAM,YAAY,CAAC;AAK3C,MAAM,MAAM,2BAA2B,GAAG,QAAQ,GAAG;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,OAAO,2BAA2B,sBA4CxE,CAAC"}

package/dist/ui/ProgressBar/ProgressBarDeterminate.js

@@ -6,8 +6,9 @@ import { Typography } from '../../core/Typography';
 import { PROGRESS_BAR_GAP, PROGRESS_BAR_HEIGHT, PROGRESS_DETERMINATE_DURATION } from './ProgressBar.constants';
 import { useStyles } from './ProgressBar.styles';
 export const ProgressBarDeterminate = (props) => {
-    const { clamped, indicator, indicatorPrecision = 3, style, onLayout, ...boxProps } = props;
+    const { clamped, indicator, indicatorPrecision = 3, noRadius, style, onLayout, ...boxProps } = props;
     const styles = useStyles();
+    const radiusStyle = noRadius ? styles.noRadius : undefined;
     const [animatedProgress] = React.useState(() => new Animated.Value(clamped));
     const remaining = React.useMemo(() => Animated.subtract(1, animatedProgress), [animatedProgress]);
     const animatedGap = React.useMemo(() => animatedProgress.interpolate({
@@ -25,5 +26,5 @@ export const ProgressBarDeterminate = (props) => {
         anim.start();
         return () => anim.stop();
     }, [animatedProgress, clamped]);
-    return (_jsxs(Box, { children: [_jsxs(Box, { style: [styles.determinate, { height: PROGRESS_BAR_HEIGHT }, style], ...boxProps, children: [_jsx(Animated.View, { style: [styles.progressed, { flex: animatedProgress }] }), _jsx(Animated.View, { style: { width: animatedGap } }), _jsx(Animated.View, { style: [styles.remaining, { flex: remaining }] })] }), indicator && (_jsx(Box, { children: _jsxs(Typography, { style: styles.indicator, children: [(clamped * 100).toFixed(indicatorPrecision), "%"] }) }))] }));
+    return (_jsxs(Box, { children: [_jsxs(Box, { style: [styles.determinate, { height: PROGRESS_BAR_HEIGHT }, style], ...boxProps, children: [_jsx(Animated.View, { style: [styles.progressed, radiusStyle, { flex: animatedProgress }] }), _jsx(Animated.View, { style: { width: animatedGap } }), _jsx(Animated.View, { style: [styles.remaining, radiusStyle, { flex: remaining }] })] }), indicator && (_jsx(Box, { children: _jsxs(Typography, { style: styles.indicator, children: [(clamped * 100).toFixed(indicatorPrecision), "%"] }) }))] }));
 };

package/dist/ui/ProgressBar/ProgressBarIndeterminate.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import { BoxProps } from '../../core';
-export type ProgressBarIndeterminateProps = BoxProps;
+export type ProgressBarIndeterminateProps = BoxProps & {
+    noRadius?: boolean;
+};
 export declare const ProgressBarIndeterminate: (props: ProgressBarIndeterminateProps) => React.JSX.Element;
 //# sourceMappingURL=ProgressBarIndeterminate.d.ts.map

package/dist/ui/ProgressBar/ProgressBarIndeterminate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarIndeterminate.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBarIndeterminate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAE,MAAM,YAAY,CAAC;AAI3C,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;AAErD,eAAO,MAAM,wBAAwB,GAAI,OAAO,6BAA6B,sBA6D5E,CAAC"}
+{"version":3,"file":"ProgressBarIndeterminate.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBarIndeterminate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAE,MAAM,YAAY,CAAC;AAI3C,MAAM,MAAM,6BAA6B,GAAG,QAAQ,GAAG;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,OAAO,6BAA6B,sBA+D5E,CAAC"}

package/dist/ui/ProgressBar/ProgressBarIndeterminate.js

@@ -5,9 +5,10 @@ import { Box } from '../../core';
 import { PROGRESS_BAR_HEIGHT, PROGRESS_DURATION } from './ProgressBar.constants';
 import { useStyles } from './ProgressBar.styles';
 export const ProgressBarIndeterminate = (props) => {
-    const { style, ...boxProps } = props;
+    const { noRadius, style, ...boxProps } = props;
     const [progress] = React.useState(() => new Animated.Value(0));
     const styles = useStyles();
+    const radiusStyle = noRadius ? styles.noRadius : undefined;
     const translateRange = React.useMemo(() => progress.interpolate({
         inputRange: [0, 1],
         outputRange: ['-50%', '150%'],
@@ -34,10 +35,11 @@ export const ProgressBarIndeterminate = (props) => {
         run();
         return () => anim?.stop();
     }, [progress]);
-    return (_jsx(Box, { style: [styles.progress, { height: PROGRESS_BAR_HEIGHT, marginTop: -PROGRESS_BAR_HEIGHT }, style], ...boxProps, children: _jsx(Animated.View, { style: [
+    return (_jsx(Box, { style: [styles.progress, radiusStyle, { height: PROGRESS_BAR_HEIGHT, marginTop: -PROGRESS_BAR_HEIGHT }, style], ...boxProps, children: _jsx(Animated.View, { style: [
                 {
                     transform: [{ translateX: translateRange }, { scaleX: scaleRange }],
                 },
                 styles.bar,
+                radiusStyle,
             ] }) }));
 };

package/dist/ui/ProgressBar/ProgressBarLoop.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import { BoxProps } from '../../core';
-export type ProgressBarLoopProps = BoxProps;
+export type ProgressBarLoopProps = BoxProps & {
+    noRadius?: boolean;
+};
 export declare const ProgressBarLoop: (props: ProgressBarLoopProps) => React.JSX.Element;
 //# sourceMappingURL=ProgressBarLoop.d.ts.map

package/dist/ui/ProgressBar/ProgressBarLoop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarLoop.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBarLoop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAE,MAAM,YAAY,CAAC;AAI3C,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;AAE5C,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBA2D1D,CAAC"}
+{"version":3,"file":"ProgressBarLoop.d.ts","sourceRoot":"","sources":["../../../src/ui/ProgressBar/ProgressBarLoop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAE,MAAM,YAAY,CAAC;AAI3C,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBA4D1D,CAAC"}

package/dist/ui/ProgressBar/ProgressBarLoop.js

@@ -5,9 +5,10 @@ import { Box } from '../../core';
 import { PROGRESS_BAR_GAP, PROGRESS_BAR_HEIGHT, PROGRESS_DURATION } from './ProgressBar.constants';
 import { useStyles } from './ProgressBar.styles';
 export const ProgressBarLoop = (props) => {
-    const { style, onLayout, ...boxProps } = props;
+    const { noRadius, style, onLayout, ...boxProps } = props;
     const [progress] = React.useState(() => new Animated.Value(0));
     const styles = useStyles();
+    const radiusStyle = noRadius ? styles.noRadius : undefined;
     const [width, setWidth] = React.useState(0);
     const loopProgressWidth = React.useMemo(() => Math.max(width - PROGRESS_BAR_GAP, 0), [width]);
     const loopFillWidth = React.useMemo(() => progress.interpolate({
@@ -33,5 +34,5 @@ export const ProgressBarLoop = (props) => {
         setWidth(event.nativeEvent.layout.width);
         onLayout?.(event);
     }, [onLayout]);
-    return (_jsxs(Box, { style: [styles.progressTrack, { height: PROGRESS_BAR_HEIGHT }, style], onLayout: handleLayout, ...boxProps, children: [_jsx(Animated.View, { style: [styles.progressedAbsolute, { width: loopFillWidth }] }), _jsx(Animated.View, { style: [styles.remainingAbsolute, { left: loopRemainingLeft }] })] }));
+    return (_jsxs(Box, { style: [styles.progressTrack, { height: PROGRESS_BAR_HEIGHT }, style], onLayout: handleLayout, ...boxProps, children: [_jsx(Animated.View, { style: [styles.progressedAbsolute, radiusStyle, { width: loopFillWidth }] }), _jsx(Animated.View, { style: [styles.remainingAbsolute, radiusStyle, { left: loopRemainingLeft }] })] }));
 };

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

@@ -9,6 +9,30 @@ declare const _default: {
     component: typeof Toast;
     styleFn: () => {
         tamaguiToastContainer: {
+            borderRadius: import("@alveole/theme").Radius;
+            padding: number;
+            width: number;
+            backgroundColor: "transparent";
+        } | {
+            shadowColor: import("@alveole/theme").Color;
+            shadowOffset: {
+                width: number;
+                height: number;
+            };
+            shadowOpacity: number;
+            shadowRadius: number;
+            elevation: number;
+            borderRadius: import("@alveole/theme").Radius;
+            padding: number;
+            width: number;
+            backgroundColor: "transparent";
+        } | {
+            boxShadow: string;
+            borderRadius: import("@alveole/theme").Radius;
+            padding: number;
+            width: number;
+            backgroundColor: "transparent";
+        } | {
             padding: number;
             width: number;
             backgroundColor: "transparent";
@@ -53,6 +77,16 @@ declare const _default: {
             width: "100%";
             maxWidth: number;
             padding: number;
+        } | {
+            backgroundColor: string;
+            borderRadius: import("@alveole/theme").Radius;
+            display: "flex";
+            flexDirection: "row";
+            gap: string | number;
+            overflow: "hidden";
+            width: "100%";
+            maxWidth: number;
+            padding: number;
         };
         contenu: {
             display: "flex";

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAa,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM3C,wBASkB;AAElB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,GAAG,mCA+Bf,CAAC;AAEF,eAAO,MAAM,WAAW,mCAEvB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAExB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,0BAA0B,mCAA2E,CAAC;AAEnH,eAAO,MAAM,6BAA6B,mCAEzC,CAAC;AAEF,eAAO,MAAM,WAAW,mCAOvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Toast/Toast.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAa,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM3C,wBASkB;AAElB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,GAAG,mCA+Bf,CAAC;AAEF,eAAO,MAAM,WAAW,mCAEvB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAExB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAEF,eAAO,MAAM,0BAA0B,mCAA2E,CAAC;AAEnH,eAAO,MAAM,6BAA6B,mCAEzC,CAAC;AAEF,eAAO,MAAM,WAAW,mCAOvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}

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

@@ -1,5 +1,29 @@
 export declare const useStyles: () => {
     tamaguiToastContainer: {
+        borderRadius: import("@alveole/theme").Radius;
+        padding: number;
+        width: number;
+        backgroundColor: "transparent";
+    } | {
+        shadowColor: import("@alveole/theme").Color;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        borderRadius: import("@alveole/theme").Radius;
+        padding: number;
+        width: number;
+        backgroundColor: "transparent";
+    } | {
+        boxShadow: string;
+        borderRadius: import("@alveole/theme").Radius;
+        padding: number;
+        width: number;
+        backgroundColor: "transparent";
+    } | {
         padding: number;
         width: number;
         backgroundColor: "transparent";
@@ -44,6 +68,16 @@ export declare const useStyles: () => {
         width: "100%";
         maxWidth: number;
         padding: number;
+    } | {
+        backgroundColor: string;
+        borderRadius: import("@alveole/theme").Radius;
+        display: "flex";
+        flexDirection: "row";
+        gap: string | number;
+        overflow: "hidden";
+        width: "100%";
+        maxWidth: number;
+        padding: number;
     };
     contenu: {
         display: "flex";

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

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

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

@@ -4,9 +4,11 @@ export const useStyles = makeStyles(({ text, color, radius, spacing, shadows })
     // Container
     tamaguiToastContainer: {
         padding: 0,
-        width: Platform.OS === 'web' ? 384 : Dimensions.get('window').width - 32,
+        width: Platform.OS === 'web' ? 384 : Dimensions.get('window').width,
         backgroundColor: 'transparent',
         borderRadius: 0,
+        // Sur mobile, overflow:hidden sur container clippe le shadow iOS — on le pose ici
+        ...(Platform.OS !== 'web' ? { borderRadius: radius('sm'), ...shadows(3) } : {}),
     },
     container: {
         backgroundColor: color.light.background['default-grey'],
@@ -18,7 +20,8 @@ export const useStyles = makeStyles(({ text, color, radius, spacing, shadows })
         width: '100%',
         maxWidth: 384,
         padding: 0,
-        ...shadows(3),
+        // Sur web, overflow:hidden ne clippe pas le shadow — on le pose ici pour avoir le bon borderRadius
+        ...(Platform.OS === 'web' ? shadows(3) : {}),
     },
     contenu: {
         display: 'flex',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alveole/components",
-  "version": "1.6.3",
+  "version": "1.6.5",
   "description": "Shared UI components.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",