@alveole/components 1.3.7 → 1.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"AppUpdateProvider.d.ts","sourceRoot":"","sources":["../../../src/core/AppUpdateProvider/AppUpdateProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,KAAK,cAAc,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC;AAI9C,eAAO,MAAM,iBAAiB,QAAO,cAIpC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,QAAQ,EAAE,MAAM,CAAC;IACjB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAOH,eAAO,MAAM,WAAW,QAAsB,CAAC;AAE/C,eAAO,MAAM,cAAc,GAAI,eAAe,MAAM,EAAE,KAAK,MAAM,KAAG,OAA6C,CAAC;AAclH,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,sBA+E9D,CAAC"}
+{"version":3,"file":"AppUpdateProvider.d.ts","sourceRoot":"","sources":["../../../src/core/AppUpdateProvider/AppUpdateProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,KAAK,cAAc,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC;AAI9C,eAAO,MAAM,iBAAiB,QAAO,cAIpC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,QAAQ,EAAE,MAAM,CAAC;IACjB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAOH,eAAO,MAAM,WAAW,QAAsB,CAAC;AAE/C,eAAO,MAAM,cAAc,GAAI,eAAe,MAAM,EAAE,KAAK,MAAM,KAAG,OAA6C,CAAC;AAclH,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,sBA+E9D,CAAC"}

package/dist/core/AppUpdateProvider/AppUpdateProvider.js

@@ -4,9 +4,10 @@ import Constants from 'expo-constants';
 import React from 'react';
 import { AppState, Linking, Platform } from 'react-native';
 import { UpdateRequired } from '../UpdateRequired';
-const importExpoInAppUpdates = async () => {
+const importExpoInAppUpdates = () => {
     try {
-        return await import('expo-in-app-updates');
+        // eslint-disable-next-line @typescript-eslint/no-require-imports
+        return require('expo-in-app-updates');
     }
     catch {
         return null;
@@ -56,7 +57,7 @@ export const AppUpdateProvider = (props) => {
             return;
         lastCheckedAt.current = now;
         try {
-            const ExpoInAppUpdates = await importExpoInAppUpdates();
+            const ExpoInAppUpdates = importExpoInAppUpdates();
             if (!ExpoInAppUpdates) {
                 dispatch({ type: 'CHECK_COMPLETE' });
                 return;

package/dist/generated/version.d.ts

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

package/dist/generated/version.js

@@ -1 +1 @@
-export const ALVEOLE_COMPONENTS_VERSION = "1.3.7";
+export const ALVEOLE_COMPONENTS_VERSION = "1.5.0";

package/dist/stories/index.d.ts

@@ -56,6 +56,7 @@ export * as RadioGroupStory from '../ui/RadioGroup/RadioGroup.stories';
 export * as ResourceListStory from '../ui/ResourceList/ResourceList.stories';
 export * as SelectStory from '../ui/Select/Select.stories';
 export * as SelectMultipleStory from '../ui/SelectMultiple/SelectMultiple.stories';
+export * as SheetStory from '../ui/Sheet/Sheet.stories';
 export * as SidebarStory from '../ui/Sidebar/Sidebar.stories';
 export * as SignatureStory from '../ui/Signature/Signature.stories';
 export * as SpinnerStory from '../ui/Spinner/Spinner.stories';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}

package/dist/stories/index.js

@@ -58,6 +58,7 @@ export * as RadioGroupStory from '../ui/RadioGroup/RadioGroup.stories';
 export * as ResourceListStory from '../ui/ResourceList/ResourceList.stories';
 export * as SelectStory from '../ui/Select/Select.stories';
 export * as SelectMultipleStory from '../ui/SelectMultiple/SelectMultiple.stories';
+export * as SheetStory from '../ui/Sheet/Sheet.stories';
 export * as SidebarStory from '../ui/Sidebar/Sidebar.stories';
 export * as SignatureStory from '../ui/Signature/Signature.stories';
 export * as SpinnerStory from '../ui/Spinner/Spinner.stories';

package/dist/ui/Badge/Badge.d.ts

@@ -1,7 +1,7 @@
 import { TypographyProps } from '../../core/Typography';
 import { LucideIconProps } from '../LucideIcon';
 export type BadgeProps = TypographyProps & {
-    variant: 'default' | 'info' | 'success' | 'error' | 'new' | 'warning';
+    variant: 'default' | 'info' | 'success' | 'error' | 'new' | 'warning' | 'disabled';
     size: 'sm' | 'md';
     icon?: LucideIconProps['name'];
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IACtE,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AACF,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,gCAoCtC,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;IACnF,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AACF,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,gCAsCtC,CAAC"}

package/dist/ui/Badge/Badge.js

@@ -21,6 +21,8 @@ export const Badge = (props) => {
                 return styles.badgeInfo;
             case 'new':
                 return styles.badgeNew;
+            case 'disabled':
+                return styles.badgeDisabled;
             default:
                 ((_) => { })(variant);
         }

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

@@ -38,6 +38,10 @@ declare const _default: {
             color: string;
             backgroundColor: string;
         };
+        badgeDisabled: {
+            color: string;
+            backgroundColor: string;
+        };
         badgeSm: {
             fontSize: 12;
             lineHeight: 20;

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,QAAQ,mCAuBpB,CAAC;AAEF,eAAO,MAAM,KAAK,mCASjB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,QAAQ,mCA0BpB,CAAC;AAEF,eAAO,MAAM,KAAK,mCASjB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAMjB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}

package/dist/ui/Badge/Badge.stories.js

@@ -11,7 +11,7 @@ export default {
     component: Badge,
     styleFn: useStyles,
 };
-export const Variants = () => (_jsx(Box, { children: _jsxs(Box, { display: "flex", flexDirection: "column", gap: 4, children: [_jsx(Badge, { size: "md", variant: "default", children: "Badge default" }), _jsx(Badge, { size: "md", variant: "info", children: "Badge info" }), _jsx(Badge, { size: "md", variant: "error", children: "Badge error" }), _jsx(Badge, { size: "md", variant: "new", children: "Badge new" }), _jsx(Badge, { size: "md", variant: "success", children: "Badge success" }), _jsx(Badge, { size: "md", variant: "warning", children: "Badge warning" })] }) }));
+export const Variants = () => (_jsx(Box, { children: _jsxs(Box, { display: "flex", flexDirection: "column", gap: 4, children: [_jsx(Badge, { size: "md", variant: "default", children: "Badge default" }), _jsx(Badge, { size: "md", variant: "info", children: "Badge info" }), _jsx(Badge, { size: "md", variant: "error", children: "Badge error" }), _jsx(Badge, { size: "md", variant: "new", children: "Badge new" }), _jsx(Badge, { size: "md", variant: "success", children: "Badge success" }), _jsx(Badge, { size: "md", variant: "warning", children: "Badge warning" }), _jsx(Badge, { size: "md", variant: "disabled", children: "Badge disabled" })] }) }));
 export const Sizes = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, flexWrap: "wrap", children: [_jsx(Badge, { size: "sm", variant: "info", m: "auto", children: "Badge small" }), _jsx(Badge, { size: "md", variant: "info", children: "Badge medium" })] }));
 export const Icons = () => (_jsx(Box, { display: "flex", flexDirection: "row", gap: 4, flexWrap: "wrap", children: _jsx(Badge, { size: "sm", variant: "info", icon: "Check", children: "Badge small" }) }));
 export * as Sources from './Badge.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,cAA4nB,CAAC;AAElpB,eAAO,MAAM,KAAK,cAAiS,CAAC;AAEpT,eAAO,MAAM,KAAK,cAAyN,CAAC;AAE5O,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Badge.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/Badge.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,cAAotB,CAAC;AAE1uB,eAAO,MAAM,KAAK,cAAiS,CAAC;AAEpT,eAAO,MAAM,KAAK,cAAyN,CAAC;AAE5O,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,6 +1,6 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/Badge/Badge.stories.tsx
-export const Variants = () => "export const Variants = () => (\n  <Box>\n    <Box display=\"flex\" flexDirection=\"column\" gap={4}>\n      <Badge size=\"md\" variant=\"default\">\n        Badge default\n      </Badge>\n      <Badge size=\"md\" variant=\"info\">\n        Badge info\n      </Badge>\n      <Badge size=\"md\" variant=\"error\">\n        Badge error\n      </Badge>\n      <Badge size=\"md\" variant=\"new\">\n        Badge new\n      </Badge>\n      <Badge size=\"md\" variant=\"success\">\n        Badge success\n      </Badge>\n      <Badge size=\"md\" variant=\"warning\">\n        Badge warning\n      </Badge>\n    </Box>\n  </Box>\n);";
+export const Variants = () => "export const Variants = () => (\n  <Box>\n    <Box display=\"flex\" flexDirection=\"column\" gap={4}>\n      <Badge size=\"md\" variant=\"default\">\n        Badge default\n      </Badge>\n      <Badge size=\"md\" variant=\"info\">\n        Badge info\n      </Badge>\n      <Badge size=\"md\" variant=\"error\">\n        Badge error\n      </Badge>\n      <Badge size=\"md\" variant=\"new\">\n        Badge new\n      </Badge>\n      <Badge size=\"md\" variant=\"success\">\n        Badge success\n      </Badge>\n      <Badge size=\"md\" variant=\"warning\">\n        Badge warning\n      </Badge>\n      <Badge size=\"md\" variant=\"disabled\">\n        Badge disabled\n      </Badge>\n    </Box>\n  </Box>\n);";
 export const Sizes = () => "export const Sizes = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4} flexWrap=\"wrap\">\n    <Badge size=\"sm\" variant=\"info\" m=\"auto\">\n      Badge small\n    </Badge>\n    <Badge size=\"md\" variant=\"info\">\n      Badge medium\n    </Badge>\n  </Box>\n);";
 export const Icons = () => "export const Icons = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4} flexWrap=\"wrap\">\n    <Badge size=\"sm\" variant=\"info\" icon=\"Check\">\n      Badge small\n    </Badge>\n  </Box>\n);";
 export const storySources = {

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

@@ -31,6 +31,10 @@ export declare const useStyles: () => {
         color: string;
         backgroundColor: string;
     };
+    badgeDisabled: {
+        color: string;
+        backgroundColor: string;
+    };
     badgeSm: {
         fontSize: 12;
         lineHeight: 20;

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

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

package/dist/ui/Badge/Badge.styles.js

@@ -33,6 +33,10 @@ export const useStyles = makeStyles(({ radius, text, color, spacing }) => ({
         color: color.light.text['default-grey'],
         backgroundColor: color.light.background['contrast-grey'],
     },
+    badgeDisabled: {
+        color: color.light.text['disabled-grey'],
+        backgroundColor: color.light.background['disabled-grey'],
+    },
     // Sizes
     badgeSm: {
         paddingLeft: spacing('1,5V'),

package/dist/ui/Card/Card.d.ts

@@ -1,13 +1,16 @@
+import React from 'react';
 import { BoxProps } from '../../core';
 import { CardActions } from './CardActions';
 import { CardHeader } from './CardHeader';
+import { CardMedia } from './CardMedia';
 import { CardSection } from './CardSection';
 export type CardProps = BoxProps;
-declare const CardBase: (props: CardProps) => import("react").JSX.Element;
+declare const CardBase: (props: CardProps) => React.JSX.Element;
 type CardCompoundComponent = typeof CardBase & {
     Header: typeof CardHeader;
     Section: typeof CardSection;
     Actions: typeof CardActions;
+    Media: typeof CardMedia;
 };
 export declare const Card: CardCompoundComponent;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;AAEjC,QAAA,MAAM,QAAQ,GAAI,OAAO,SAAS,gCAUjC,CAAC;AAEF,KAAK,qBAAqB,GAAG,OAAO,QAAQ,GAAG;IAC7C,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,OAAO,EAAE,OAAO,WAAW,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,qBAIjB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;AAEjC,QAAA,MAAM,QAAQ,GAAI,OAAO,SAAS,sBAiBjC,CAAC;AAEF,KAAK,qBAAqB,GAAG,OAAO,QAAQ,GAAG;IAC7C,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,KAAK,EAAE,OAAO,SAAS,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,qBAKjB,CAAC"}

package/dist/ui/Card/Card.js

@@ -1,16 +1,22 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { Box } from '../../core';
 import { useStyles } from './Card.styles';
 import { CardActions } from './CardActions';
 import { CardHeader } from './CardHeader';
+import { CardMedia } from './CardMedia';
 import { CardSection } from './CardSection';
 const CardBase = (props) => {
     const { style, children, ...boxProps } = props;
     const styles = useStyles();
-    return (_jsx(Box, { tag: "card", style: [styles.card, style], ...boxProps, children: children }));
+    const allChildren = React.Children.toArray(children);
+    const mediaChild = allChildren.find(child => React.isValidElement(child) && child.type === CardMedia);
+    const contentChildren = allChildren.filter(child => !(React.isValidElement(child) && child.type === CardMedia));
+    return (_jsxs(Box, { tag: "card", style: [styles.card, style], ...boxProps, children: [mediaChild, _jsx(Box, { tag: "card-content", style: [styles.content], children: contentChildren })] }));
 };
 export const Card = Object.assign(CardBase, {
     Header: CardHeader,
     Section: CardSection,
     Actions: CardActions,
+    Media: CardMedia,
 });

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

@@ -8,6 +8,7 @@ declare const _default: {
         Header: typeof import("./CardHeader").CardHeader;
         Section: typeof import("./CardSection").CardSection;
         Actions: typeof import("./CardActions").CardActions;
+        Media: typeof import("./CardMedia").CardMedia;
     };
     styleFn: () => {
         cardSection: {
@@ -60,6 +61,8 @@ declare const _default: {
 export default _default;
 export declare const card: () => import("react").JSX.Element;
 export declare const cardDisabled: () => import("react").JSX.Element;
+export declare const cardWithMedia: () => import("react").JSX.Element;
+export declare const cardWithMediaDisabled: () => import("react").JSX.Element;
 export declare const cardSection: () => import("react").JSX.Element;
 export declare const cardSectionDisabled: () => import("react").JSX.Element;
 export declare const cardHeader: () => import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/Card.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAQkB;AAElB,eAAO,MAAM,IAAI,mCAgBhB,CAAC;AAEF,eAAO,MAAM,YAAY,mCA2BxB,CAAC;AAEF,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mCAU/B,CAAC;AAEF,eAAO,MAAM,UAAU,mCAgBtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mCAS9B,CAAC;AAEF,kGAAkG;AAClG,eAAO,MAAM,WAAW,mCAOvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/Card.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,wBAQkB;AAElB,eAAO,MAAM,IAAI,mCAuBhB,CAAC;AAEF,eAAO,MAAM,YAAY,mCAwBxB,CAAC;AAEF,eAAO,MAAM,aAAa,mCA0BzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,mCA2BjC,CAAC;AAEF,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mCAU/B,CAAC;AAEF,eAAO,MAAM,UAAU,mCAiBtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mCAc9B,CAAC;AAEF,kGAAkG;AAClG,eAAO,MAAM,WAAW,mCAOvB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC"}

package/dist/ui/Card/Card.stories.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '../../core';
 import { Avatar } from '../Avatar';
+import { Badge } from '../Badge';
 import { Button } from '../Button';
 import { LucideIcon } from '../LucideIcon';
 import { Card } from './Card';
@@ -15,10 +16,16 @@ export default {
     styleFn: useStyles,
 };
 export const card = () => {
-    return (_jsxs(Card, { children: [_jsx(Card.Header, { titre: "Titre de la carte", sousTitre: "Sous-titre de la carte", image: _jsx(Avatar, { size: "md", fallbackText: "M" }) }), _jsx(Card.Section, { titre: "Titre de la carte", titreIcone: "Calendar", description: "Description de la carte" }), _jsx(Card.Section, { titre: "Titre de la carte", titreIcone: "Calendar", description: "Description de la carte" }), _jsxs(Card.Actions, { children: [_jsx(Button, { variant: "secondary", title: "Action", size: "sm" }), _jsx(Button, { variant: "primary", title: "Action", size: "sm" })] })] }));
+    return (_jsx(Box, { style: { width: '100%', maxWidth: 400 }, children: _jsxs(Card, { children: [_jsx(Card.Header, { titre: "Titre lorem", sousTitre: "Sous-titre", image: _jsx(Avatar, { size: "md", fallbackText: "M" }), badge: _jsx(Badge, { variant: "success", size: "sm", children: "PR\u00C9SENT" }) }), _jsx(Card.Section, { titre: "Titre section", titreIcone: "Calendar", description: "Description" }), _jsx(Card.Section, { titre: "Titre section", titreIcone: "Calendar", description: "Description" }), _jsxs(Card.Actions, { children: [_jsx(Button, { variant: "secondary", title: "Libell\u00E9", size: "sm" }), _jsx(Button, { variant: "primary", title: "Libell\u00E9", size: "sm" })] })] }) }));
 };
 export const cardDisabled = () => {
-    return (_jsxs(Card, { children: [_jsx(Card.Header, { variant: "disabled", titre: "Titre de la carte", sousTitre: "Sous-titre de la carte", image: _jsx(LucideIcon, { name: "Settings", size: "md" }) }), _jsx(Card.Section, { variant: "disabled", titre: "Titre de la carte", titreIcone: "Calendar", description: "Description de la carte" }), _jsx(Card.Section, { variant: "disabled", titre: "Titre de la carte", titreIcone: "Calendar", description: "Description de la carte" }), _jsxs(Card.Actions, { children: [_jsx(Button, { variant: "secondary", title: "Action", size: "sm", disabled: true }), _jsx(Button, { variant: "primary", title: "Action", size: "sm", disabled: true })] })] }));
+    return (_jsx(Box, { style: { width: '100%', maxWidth: 400 }, children: _jsxs(Card, { children: [_jsx(Card.Header, { variant: "disabled", titre: "Titre lorem", sousTitre: "Sous-titre", image: _jsx(Avatar, { size: "md", fallbackText: "M" }), badge: _jsx(Badge, { variant: "disabled", size: "sm", children: "PR\u00C9SENT" }) }), _jsx(Card.Section, { variant: "disabled", titre: "Titre section", titreIcone: "Calendar", description: "Description" }), _jsx(Card.Section, { variant: "disabled", titre: "Titre section", titreIcone: "Calendar", description: "Description" }), _jsxs(Card.Actions, { children: [_jsx(Button, { variant: "secondary", title: "Libell\u00E9", size: "sm", disabled: true }), _jsx(Button, { variant: "primary", title: "Libell\u00E9", size: "sm", disabled: true })] })] }) }));
+};
+export const cardWithMedia = () => {
+    return (_jsx(Box, { style: { width: '100%', maxWidth: 400 }, children: _jsxs(Card, { children: [_jsx(Card.Media, { children: _jsx("img", { src: "https://picsum.photos/400/200", alt: "", style: { width: '100%', display: 'block' } }) }), _jsx(Card.Header, { titre: "Titre lorem", sousTitre: "Sous-titre", image: _jsx(Avatar, { size: "md", fallbackText: "M" }), badge: _jsx(Badge, { variant: "success", size: "sm", children: "PR\u00C9SENT" }) }), _jsx(Card.Section, { titre: "Titre section", titreIcone: "Calendar", description: "Description" }), _jsx(Card.Section, { titre: "Titre section", titreIcone: "Calendar", description: "Description" }), _jsxs(Card.Actions, { children: [_jsx(Button, { variant: "secondary", title: "Libell\u00E9", size: "sm" }), _jsx(Button, { variant: "primary", title: "Libell\u00E9", size: "sm" })] })] }) }));
+};
+export const cardWithMediaDisabled = () => {
+    return (_jsx(Box, { style: { width: '100%', maxWidth: 400 }, children: _jsxs(Card, { children: [_jsx(Card.Media, { variant: "disabled", children: _jsx("img", { src: "https://picsum.photos/400/200", alt: "", style: { width: '100%', display: 'block' } }) }), _jsx(Card.Header, { variant: "disabled", titre: "Titre lorem", sousTitre: "Sous-titre", image: _jsx(Avatar, { size: "md", fallbackText: "M" }), badge: _jsx(Badge, { variant: "disabled", size: "sm", children: "PR\u00C9SENT" }) }), _jsx(Card.Section, { variant: "disabled", titre: "Titre section", titreIcone: "Calendar", description: "Description" }), _jsx(Card.Section, { variant: "disabled", titre: "Titre section", titreIcone: "Calendar", description: "Description" }), _jsxs(Card.Actions, { children: [_jsx(Button, { variant: "secondary", title: "Libell\u00E9", size: "sm", disabled: true }), _jsx(Button, { variant: "primary", title: "Libell\u00E9", size: "sm", disabled: true })] })] }) }));
 };
 export const cardSection = () => {
     return (_jsx(Card.Section, { titre: "Titre de la carte", description: "Description de la carte", titreIcone: "Image", descriptionIcone: "Image" }));
@@ -27,10 +34,10 @@ export const cardSectionDisabled = () => {
     return (_jsx(Card.Section, { variant: "disabled", titre: "Titre de la carte", description: "Description de la carte", titreIcone: "Image", descriptionIcone: "Image" }));
 };
 export const cardHeader = () => {
-    return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: "100", children: [_jsx(Card.Header, { titre: "Titre de la carte", sousTitre: "Sous-titre de la carte", image: _jsx(Avatar, { size: "md", fallbackText: "M" }) }), _jsx(Card.Header, { titre: "Titre de la carte", sousTitre: "Sous-titre de la carte", image: _jsx(LucideIcon, { name: "Image", size: "md" }) })] }));
+    return (_jsxs(Box, { display: "flex", flexDirection: "column", gap: "100", children: [_jsx(Card.Header, { titre: "Titre lorem", sousTitre: "Sous-titre", image: _jsx(Avatar, { size: "md", fallbackText: "M" }), badge: _jsx(Badge, { variant: "success", size: "sm", children: "PR\u00C9SENT" }) }), _jsx(Card.Header, { titre: "Titre lorem", sousTitre: "Sous-titre", image: _jsx(LucideIcon, { name: "Image", size: "md" }) })] }));
 };
 export const cardHeaderDisabled = () => {
-    return (_jsx(Card.Header, { variant: "disabled", titre: "Titre de la carte", sousTitre: "Sous-titre de la carte", image: _jsx(Avatar, { size: "md", fallbackText: "M" }) }));
+    return (_jsx(Card.Header, { variant: "disabled", titre: "Titre lorem", sousTitre: "Sous-titre", image: _jsx(Avatar, { size: "md", fallbackText: "M" }), badge: _jsx(Badge, { variant: "disabled", size: "sm", children: "PR\u00C9SENT" }) }));
 };
 /** Privilégier l'utilisation de bouton en taille SM, avec le bouton primary toujours à droite. */
 export const cardActions = () => {

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

@@ -1,5 +1,7 @@
 export declare const card: () => string;
 export declare const cardDisabled: () => string;
+export declare const cardWithMedia: () => string;
+export declare const cardWithMediaDisabled: () => string;
 export declare const cardSection: () => string;
 export declare const cardSectionDisabled: () => string;
 export declare const cardHeader: () => string;
@@ -8,6 +10,8 @@ export declare const cardActions: () => string;
 export declare const storySources: {
     readonly card: () => string;
     readonly cardDisabled: () => string;
+    readonly cardWithMedia: () => string;
+    readonly cardWithMediaDisabled: () => string;
     readonly cardSection: () => string;
     readonly cardSectionDisabled: () => string;
     readonly cardHeader: () => string;

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

@@ -1 +1 @@
-{"version":3,"file":"Card.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/Card.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,cAAkqB,CAAC;AAEprB,eAAO,MAAM,YAAY,cAA61B,CAAC;AAEv3B,eAAO,MAAM,WAAW,cAA8O,CAAC;AAEvQ,eAAO,MAAM,mBAAmB,cAAkR,CAAC;AAEnT,eAAO,MAAM,UAAU,cAAye,CAAC;AAEjgB,eAAO,MAAM,kBAAkB,cAAwQ,CAAC;AAExS,eAAO,MAAM,WAAW,cAAoP,CAAC;AAE7Q,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAEtE,CAAC"}
+{"version":3,"file":"Card.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/Card.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,cAA80B,CAAC;AAEh2B,eAAO,MAAM,YAAY,cAAm7B,CAAC;AAE78B,eAAO,MAAM,aAAa,cAAk/B,CAAC;AAE7gC,eAAO,MAAM,qBAAqB,cAA4mC,CAAC;AAE/oC,eAAO,MAAM,WAAW,cAA8O,CAAC;AAEvQ,eAAO,MAAM,mBAAmB,cAAkR,CAAC;AAEnT,eAAO,MAAM,UAAU,cAA2hB,CAAC;AAEnjB,eAAO,MAAM,kBAAkB,cAAqW,CAAC;AAErY,eAAO,MAAM,WAAW,cAAoP,CAAC;AAE7Q,eAAO,MAAM,YAAY;;;;;;;;;;CAUf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAEtE,CAAC"}

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

@@ -1,15 +1,19 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/Card/Card.stories.tsx
-export const card = () => "export const card = () => {\n  return (\n    <Card>\n      <Card.Header\n        titre=\"Titre de la carte\"\n        sousTitre=\"Sous-titre de la carte\"\n        image={<Avatar size=\"md\" fallbackText=\"M\" />}\n      />\n      <Card.Section titre=\"Titre de la carte\" titreIcone=\"Calendar\" description=\"Description de la carte\" />\n      <Card.Section titre=\"Titre de la carte\" titreIcone=\"Calendar\" description=\"Description de la carte\" />\n      <Card.Actions>\n        <Button variant=\"secondary\" title=\"Action\" size=\"sm\" />\n        <Button variant=\"primary\" title=\"Action\" size=\"sm\" />\n      </Card.Actions>\n    </Card>\n  );\n};";
-export const cardDisabled = () => "export const cardDisabled = () => {\n  return (\n    <Card>\n      <Card.Header\n        variant=\"disabled\"\n        titre=\"Titre de la carte\"\n        sousTitre=\"Sous-titre de la carte\"\n        image={<LucideIcon name=\"Settings\" size=\"md\" />}\n      />\n      <Card.Section\n        variant=\"disabled\"\n        titre=\"Titre de la carte\"\n        titreIcone=\"Calendar\"\n        description=\"Description de la carte\"\n      />\n      <Card.Section\n        variant=\"disabled\"\n        titre=\"Titre de la carte\"\n        titreIcone=\"Calendar\"\n        description=\"Description de la carte\"\n      />\n      <Card.Actions>\n        <Button variant=\"secondary\" title=\"Action\" size=\"sm\" disabled />\n        <Button variant=\"primary\" title=\"Action\" size=\"sm\" disabled />\n      </Card.Actions>\n    </Card>\n  );\n};";
+export const card = () => "export const card = () => {\n  return (\n    <Box style={{ width: '100%', maxWidth: 400 }}>\n      <Card>\n        <Card.Header\n          titre=\"Titre lorem\"\n          sousTitre=\"Sous-titre\"\n          image={<Avatar size=\"md\" fallbackText=\"M\" />}\n          badge={\n            <Badge variant=\"success\" size=\"sm\">\n              PRÉSENT\n            </Badge>\n          }\n        />\n        <Card.Section titre=\"Titre section\" titreIcone=\"Calendar\" description=\"Description\" />\n        <Card.Section titre=\"Titre section\" titreIcone=\"Calendar\" description=\"Description\" />\n        <Card.Actions>\n          <Button variant=\"secondary\" title=\"Libellé\" size=\"sm\" />\n          <Button variant=\"primary\" title=\"Libellé\" size=\"sm\" />\n        </Card.Actions>\n      </Card>\n    </Box>\n  );\n};";
+export const cardDisabled = () => "export const cardDisabled = () => {\n  return (\n    <Box style={{ width: '100%', maxWidth: 400 }}>\n      <Card>\n        <Card.Header\n          variant=\"disabled\"\n          titre=\"Titre lorem\"\n          sousTitre=\"Sous-titre\"\n          image={<Avatar size=\"md\" fallbackText=\"M\" />}\n          badge={\n            <Badge variant=\"disabled\" size=\"sm\">\n              PRÉSENT\n            </Badge>\n          }\n        />\n        <Card.Section variant=\"disabled\" titre=\"Titre section\" titreIcone=\"Calendar\" description=\"Description\" />\n        <Card.Section variant=\"disabled\" titre=\"Titre section\" titreIcone=\"Calendar\" description=\"Description\" />\n        <Card.Actions>\n          <Button variant=\"secondary\" title=\"Libellé\" size=\"sm\" disabled />\n          <Button variant=\"primary\" title=\"Libellé\" size=\"sm\" disabled />\n        </Card.Actions>\n      </Card>\n    </Box>\n  );\n};";
+export const cardWithMedia = () => "export const cardWithMedia = () => {\n  return (\n    <Box style={{ width: '100%', maxWidth: 400 }}>\n      <Card>\n        <Card.Media>\n          <img src=\"https://picsum.photos/400/200\" alt=\"\" style={{ width: '100%', display: 'block' }} />\n        </Card.Media>\n        <Card.Header\n          titre=\"Titre lorem\"\n          sousTitre=\"Sous-titre\"\n          image={<Avatar size=\"md\" fallbackText=\"M\" />}\n          badge={\n            <Badge variant=\"success\" size=\"sm\">\n              PRÉSENT\n            </Badge>\n          }\n        />\n        <Card.Section titre=\"Titre section\" titreIcone=\"Calendar\" description=\"Description\" />\n        <Card.Section titre=\"Titre section\" titreIcone=\"Calendar\" description=\"Description\" />\n        <Card.Actions>\n          <Button variant=\"secondary\" title=\"Libellé\" size=\"sm\" />\n          <Button variant=\"primary\" title=\"Libellé\" size=\"sm\" />\n        </Card.Actions>\n      </Card>\n    </Box>\n  );\n};";
+export const cardWithMediaDisabled = () => "export const cardWithMediaDisabled = () => {\n  return (\n    <Box style={{ width: '100%', maxWidth: 400 }}>\n      <Card>\n        <Card.Media variant=\"disabled\">\n          <img src=\"https://picsum.photos/400/200\" alt=\"\" style={{ width: '100%', display: 'block' }} />\n        </Card.Media>\n        <Card.Header\n          variant=\"disabled\"\n          titre=\"Titre lorem\"\n          sousTitre=\"Sous-titre\"\n          image={<Avatar size=\"md\" fallbackText=\"M\" />}\n          badge={\n            <Badge variant=\"disabled\" size=\"sm\">\n              PRÉSENT\n            </Badge>\n          }\n        />\n        <Card.Section variant=\"disabled\" titre=\"Titre section\" titreIcone=\"Calendar\" description=\"Description\" />\n        <Card.Section variant=\"disabled\" titre=\"Titre section\" titreIcone=\"Calendar\" description=\"Description\" />\n        <Card.Actions>\n          <Button variant=\"secondary\" title=\"Libellé\" size=\"sm\" disabled />\n          <Button variant=\"primary\" title=\"Libellé\" size=\"sm\" disabled />\n        </Card.Actions>\n      </Card>\n    </Box>\n  );\n};";
 export const cardSection = () => "export const cardSection = () => {\n  return (\n    <Card.Section\n      titre=\"Titre de la carte\"\n      description=\"Description de la carte\"\n      titreIcone=\"Image\"\n      descriptionIcone=\"Image\"\n    />\n  );\n};";
 export const cardSectionDisabled = () => "export const cardSectionDisabled = () => {\n  return (\n    <Card.Section\n      variant=\"disabled\"\n      titre=\"Titre de la carte\"\n      description=\"Description de la carte\"\n      titreIcone=\"Image\"\n      descriptionIcone=\"Image\"\n    />\n  );\n};";
-export const cardHeader = () => "export const cardHeader = () => {\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gap=\"100\">\n      <Card.Header\n        titre=\"Titre de la carte\"\n        sousTitre=\"Sous-titre de la carte\"\n        image={<Avatar size=\"md\" fallbackText=\"M\" />}\n      />\n\n      <Card.Header\n        titre=\"Titre de la carte\"\n        sousTitre=\"Sous-titre de la carte\"\n        image={<LucideIcon name=\"Image\" size=\"md\" />}\n      />\n    </Box>\n  );\n};";
-export const cardHeaderDisabled = () => "export const cardHeaderDisabled = () => {\n  return (\n    <Card.Header\n      variant=\"disabled\"\n      titre=\"Titre de la carte\"\n      sousTitre=\"Sous-titre de la carte\"\n      image={<Avatar size=\"md\" fallbackText=\"M\" />}\n    />\n  );\n};";
+export const cardHeader = () => "export const cardHeader = () => {\n  return (\n    <Box display=\"flex\" flexDirection=\"column\" gap=\"100\">\n      <Card.Header\n        titre=\"Titre lorem\"\n        sousTitre=\"Sous-titre\"\n        image={<Avatar size=\"md\" fallbackText=\"M\" />}\n        badge={\n          <Badge variant=\"success\" size=\"sm\">\n            PRÉSENT\n          </Badge>\n        }\n      />\n\n      <Card.Header titre=\"Titre lorem\" sousTitre=\"Sous-titre\" image={<LucideIcon name=\"Image\" size=\"md\" />} />\n    </Box>\n  );\n};";
+export const cardHeaderDisabled = () => "export const cardHeaderDisabled = () => {\n  return (\n    <Card.Header\n      variant=\"disabled\"\n      titre=\"Titre lorem\"\n      sousTitre=\"Sous-titre\"\n      image={<Avatar size=\"md\" fallbackText=\"M\" />}\n      badge={\n        <Badge variant=\"disabled\" size=\"sm\">\n          PRÉSENT\n        </Badge>\n      }\n    />\n  );\n};";
 export const cardActions = () => "export const cardActions = () => {\n  return (\n    <Card.Actions>\n      <Button variant=\"secondary\" title=\"Action\" size=\"sm\" />\n      <Button variant=\"primary\" title=\"Action\" size=\"sm\" />\n    </Card.Actions>\n  );\n};";
 export const storySources = {
     card,
     cardDisabled,
+    cardWithMedia,
+    cardWithMediaDisabled,
     cardSection,
     cardSectionDisabled,
     cardHeader,

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

@@ -1,15 +1,21 @@
 export declare const useStyles: () => {
     card: {
         display: "flex";
+        flexDirection: "column";
         width: "100%";
-        gap: string | number;
-        padding: string | number;
         backgroundColor: string;
         borderWidth: number;
         borderColor: string;
         borderStyle: "solid";
         boxSizing: "border-box";
         borderRadius: import("@alveole/theme").Radius;
+        overflow: "hidden";
+    };
+    content: {
+        display: "flex";
+        flexDirection: "column";
+        gap: string | number;
+        padding: string | number;
     };
 };
 //# sourceMappingURL=Card.styles.d.ts.map

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

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

package/dist/ui/Card/Card.styles.js

@@ -2,14 +2,20 @@ import { makeStyles } from '@alveole/theme';
 export const useStyles = makeStyles(({ spacing, color, radius }) => ({
     card: {
         display: 'flex',
+        flexDirection: 'column',
         width: '100%',
-        gap: spacing('3V'),
-        padding: spacing('3V'),
         backgroundColor: color.light.background['default-grey'],
         borderWidth: 1,
         borderColor: color.light.border['default-grey'],
         borderStyle: 'solid',
         boxSizing: 'border-box',
         borderRadius: radius('md'),
+        overflow: 'hidden',
+    },
+    content: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: spacing('3V'),
+        padding: spacing('3V'),
     },
 }));

package/dist/ui/Card/CardHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,QAAQ,EAAc,MAAM,YAAY,CAAC;AAGvD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG;IACvC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,sBAiBhD,CAAC"}
+{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,QAAQ,EAAc,MAAM,YAAY,CAAC;AAGvD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEvD,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG;IACvC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,sBAqBhD,CAAC"}

package/dist/ui/Card/CardHeader.js

@@ -5,5 +5,5 @@ export const CardHeader = (props) => {
     const { variant = 'default', titre, sousTitre, image, badge, style, children, ...boxProps } = props;
     const styles = useStyles();
     const disabledTextStyle = variant === 'disabled' ? styles.disabledText : {};
-    return (_jsxs(Box, { tag: "card-header", style: [styles.cardHeader, disabledTextStyle, style], ...boxProps, children: [image, _jsxs(Box, { tag: "card-header-texte", style: styles.texte, children: [_jsx(Typography, { style: [styles.titre, disabledTextStyle], children: titre }), sousTitre && _jsx(Typography, { style: [styles.sousTitre, disabledTextStyle], children: sousTitre })] }), badge] }));
+    return (_jsxs(Box, { tag: "card-header", style: [styles.cardHeader, disabledTextStyle, style], ...boxProps, children: [image, _jsxs(Box, { tag: "card-header-texte", style: styles.texte, children: [_jsx(Typography, { style: [styles.titre, disabledTextStyle], children: titre }), sousTitre && _jsx(Typography, { style: [styles.sousTitre, disabledTextStyle], children: sousTitre })] }), badge && (_jsx(Box, { tag: "card-trailing", style: styles.trailing, children: badge }))] }));
 };

package/dist/ui/Card/CardHeader.styles.d.ts

@@ -29,5 +29,9 @@ export declare const useStyles: () => {
     disabledText: {
         color: string;
     };
+    trailing: {
+        display: "flex";
+        alignItems: "flex-start";
+    };
 };
 //# sourceMappingURL=CardHeader.styles.d.ts.map

package/dist/ui/Card/CardHeader.styles.d.ts.map

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

package/dist/ui/Card/CardHeader.styles.js

@@ -22,4 +22,8 @@ export const useStyles = makeStyles(({ spacing, color, text }) => ({
     disabledText: {
         color: color.light.text['disabled-grey'],
     },
+    trailing: {
+        display: 'flex',
+        alignItems: 'flex-start',
+    },
 }));

package/dist/ui/Card/CardMedia.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from '../../core';
+export type CardMediaVariant = 'default' | 'disabled';
+export type CardMediaProps = BoxProps & {
+    variant?: CardMediaVariant;
+};
+export declare const CardMedia: (props: CardMediaProps) => import("react").JSX.Element;
+//# sourceMappingURL=CardMedia.d.ts.map

package/dist/ui/Card/CardMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardMedia.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/CardMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAE,MAAM,YAAY,CAAC;AAG3C,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG;IACtC,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,gCAc9C,CAAC"}

package/dist/ui/Card/CardMedia.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../../core';
+import { useStyles } from './CardMedia.styles';
+export const CardMedia = (props) => {
+    const { variant = 'default', style, children, ...boxProps } = props;
+    const styles = useStyles();
+    return (_jsx(Box, { tag: "card-media", style: [styles.cardMedia, variant === 'disabled' ? styles.disabled : {}, style], ...boxProps, children: children }));
+};

package/dist/ui/Card/CardMedia.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const useStyles: () => {
+    cardMedia: {
+        overflow: "hidden";
+    };
+    disabled: {
+        filter: "grayscale(1)";
+    };
+};
+//# sourceMappingURL=CardMedia.styles.d.ts.map

package/dist/ui/Card/CardMedia.styles.d.ts.map

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

package/dist/ui/Card/CardMedia.styles.js

@@ -0,0 +1,9 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(() => ({
+    cardMedia: {
+        overflow: 'hidden',
+    },
+    disabled: {
+        filter: 'grayscale(1)',
+    },
+}));

package/dist/ui/Sheet/Sheet.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SheetProps as TamaguiSheetProps } from 'tamagui';
+export type SheetProps = React.PropsWithChildren<{
+    open: TamaguiSheetProps['open'];
+    title: string;
+    points: TamaguiSheetProps['snapPoints'];
+    action?: React.ReactNode | undefined;
+    setOpen: (value: boolean) => void;
+}>;
+export declare const Sheet: (props: SheetProps) => React.JSX.Element;
+//# sourceMappingURL=Sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/ui/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAOjF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC,CAAC,CAAC;AAEH,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,sBAqDtC,CAAC"}

package/dist/ui/Sheet/Sheet.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Sheet as TamaguiSheet } from 'tamagui';
+import { ButtonIcon } from '../Button';
+import { Divider } from '../Divider';
+import { useStyles } from './Sheet.styles';
+import { Box } from '../../core/Box';
+import { Typography } from '../../core/Typography';
+export const Sheet = (props) => {
+    const { children, open, title, points, action, setOpen } = props;
+    const [position, setPosition] = React.useState(0);
+    const styles = useStyles();
+    const { bottom } = useSafeAreaInsets();
+    return (_jsx(Box, { tag: "sheet", style: styles.container, children: _jsxs(TamaguiSheet, { modal: true, forceRemoveScrollEnabled: open, open: open, onOpenChange: setOpen, snapPoints: points, snapPointsMode: 'percent', 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: "lg", 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, pb: bottom, children: children })] })] }) }));
+};

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

@@ -0,0 +1,49 @@
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: true;
+    description: string;
+    component: (props: import("./Sheet").SheetProps) => import("react").JSX.Element;
+    styleFn: () => {
+        container: {};
+        content: {
+            height: "100%";
+            backgroundColor: string;
+            marginTop: string | number;
+        };
+        header: {
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            display: "flex";
+            flexDirection: "row";
+        };
+        handle: {
+            width: "90%";
+            margin: string;
+            height: number;
+            backgroundColor: "#FFFFFF";
+        };
+        frame: {
+            backgroundColor: "#FFFFFF";
+            marginBottom: string | number;
+        };
+        overlay: {
+            backgroundColor: string;
+        };
+        title: {
+            color: string;
+            marginTop: string;
+            marginBottom: string;
+            fontSize: 18;
+            lineHeight: 28;
+            letterSpacing: 0;
+            fontFamily: string;
+            fontWeight?: import("react-native").TextStyle["fontWeight"];
+        };
+    };
+};
+export default _default;
+export declare const Default: () => import("react").JSX.Element;
+export declare const WithAction: () => import("react").JSX.Element;
+export * as Sources from './Sheet.stories.sources';
+//# sourceMappingURL=Sheet.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Sheet/Sheet.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAOkB;AAElB,eAAO,MAAM,OAAO,mCAcnB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAoBtB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC"}

package/dist/ui/Sheet/Sheet.stories.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, Typography } from '@alveole/components';
+import { useState } from 'react';
+import { Sheet } from './Sheet';
+import { useStyles } from './Sheet.styles';
+export default {
+    title: 'Sheet',
+    tags: ['ui'],
+    experimental: true,
+    description: 'Bottom sheet modal',
+    component: Sheet,
+    styleFn: useStyles,
+};
+export const Default = () => {
+    const [open, setOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { display: "flex", flexDirection: "row", children: _jsx(Button, { title: "Ouvrir la modal", variant: "primary", onPress: () => setOpen(true) }) }), _jsx(Sheet, { open: open, setOpen: setOpen, points: [80, 25], title: "Titre", children: _jsx(Typography, { children: "Children" }) })] }));
+};
+export const WithAction = () => {
+    const [open, setOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx(Box, { display: "flex", flexDirection: "row", children: _jsx(Button, { title: "Ouvrir la modal", variant: "primary", onPress: () => setOpen(true) }) }), _jsx(Sheet, { open: open, setOpen: setOpen, points: [50], title: "Titre", action: _jsx(Button, { title: "Action", variant: "tertiary", size: "sm" }), children: _jsx(Typography, { children: "Children" }) })] }));
+};
+export * as Sources from './Sheet.stories.sources';

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

@@ -0,0 +1,8 @@
+export declare const Default: () => string;
+export declare const WithAction: () => string;
+export declare const storySources: {
+    readonly Default: () => string;
+    readonly WithAction: () => string;
+};
+export type StorySourceName = keyof typeof storySources;
+//# sourceMappingURL=Sheet.stories.sources.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Sheet/Sheet.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA4a,CAAC;AAEjc,eAAO,MAAM,UAAU,cAAsiB,CAAC;AAE9jB,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -0,0 +1,8 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/Sheet/Sheet.stories.tsx
+export const Default = () => "export const Default = () => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <Box display=\"flex\" flexDirection=\"row\">\n        <Button title=\"Ouvrir la modal\" variant=\"primary\" onPress={() => setOpen(true)} />\n      </Box>\n\n      <Sheet open={open} setOpen={setOpen} points={[80, 25]} title=\"Titre\">\n        <Typography>Children</Typography>\n      </Sheet>\n    </>\n  );\n};";
+export const WithAction = () => "export const WithAction = () => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <>\n      <Box display=\"flex\" flexDirection=\"row\">\n        <Button title=\"Ouvrir la modal\" variant=\"primary\" onPress={() => setOpen(true)} />\n      </Box>\n\n      <Sheet\n        open={open}\n        setOpen={setOpen}\n        points={[50]}\n        title=\"Titre\"\n        action={<Button title=\"Action\" variant=\"tertiary\" size=\"sm\" />}\n      >\n        <Typography>Children</Typography>\n      </Sheet>\n    </>\n  );\n};";
+export const storySources = {
+    Default,
+    WithAction,
+};

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

@@ -0,0 +1,38 @@
+export declare const useStyles: () => {
+    container: {};
+    content: {
+        height: "100%";
+        backgroundColor: string;
+        marginTop: string | number;
+    };
+    header: {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+        display: "flex";
+        flexDirection: "row";
+    };
+    handle: {
+        width: "90%";
+        margin: string;
+        height: number;
+        backgroundColor: "#FFFFFF";
+    };
+    frame: {
+        backgroundColor: "#FFFFFF";
+        marginBottom: string | number;
+    };
+    overlay: {
+        backgroundColor: string;
+    };
+    title: {
+        color: string;
+        marginTop: string;
+        marginBottom: string;
+        fontSize: 18;
+        lineHeight: 28;
+        letterSpacing: 0;
+        fontFamily: string;
+        fontWeight?: import("react-native").TextStyle["fontWeight"];
+    };
+};
+//# sourceMappingURL=Sheet.styles.d.ts.map

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

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

package/dist/ui/Sheet/Sheet.styles.js

@@ -0,0 +1,34 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(({ spacing, text, color }) => ({
+    container: {},
+    content: {
+        height: '100%',
+        backgroundColor: color.light.background['alt-grey'],
+        marginTop: spacing('2W'),
+    },
+    header: {
+        paddingLeft: spacing('2W'),
+        paddingRight: spacing('2W'),
+        display: 'flex',
+        flexDirection: 'row',
+    },
+    handle: {
+        width: '90%',
+        margin: 'auto',
+        height: spacing('2W'),
+        backgroundColor: '#FFFFFF',
+    },
+    frame: {
+        backgroundColor: '#FFFFFF',
+        marginBottom: spacing('3W'),
+    },
+    overlay: {
+        backgroundColor: color.alpha(color.background.inverse, 0.5),
+    },
+    title: {
+        ...text['Corps de texte'].LG.SemiBold,
+        color: color.light.text['title-grey'],
+        marginTop: 'auto',
+        marginBottom: 'auto',
+    },
+}));

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

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

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

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

package/dist/ui/Sheet/index.js

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

package/package.json

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