@alveole/components 0.19.3 → 0.21.0

package/dist/core/A/A.d.ts

@@ -0,0 +1,16 @@
+import { Href } from 'expo-router';
+import React, { CSSProperties } from 'react';
+export type CanAccessHref = (href: Href & string) => boolean;
+/** Contexte optionnel pour fournir la logique d'accès aux liens (ex. droits métier). Non fourni = tous les liens sont cliquables. */
+export declare const LinkAccessContext: React.Context<CanAccessHref | null>;
+export type AProps = React.PropsWithChildren<{
+    href: Href & string;
+    /** default: "push" */
+    direction?: 'push' | 'replace' | 'dismiss';
+    style?: CSSProperties;
+    hoverStyle?: CSSProperties;
+    /** Override la logique d'accès (sinon utilise LinkAccessContext si fourni, sinon accès autorisé). */
+    canAccessHref?: CanAccessHref;
+}>;
+export declare const A: (props: AProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=A.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"A.d.ts","sourceRoot":"","sources":["../../../src/core/A/A.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAQ,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,EAAE,EAAE,aAAa,EAA6B,MAAM,OAAO,CAAC;AAKxE,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,KAAK,OAAO,CAAC;AAE7D,qIAAqI;AACrI,eAAO,MAAM,iBAAiB,qCAA4C,CAAC;AAE3E,MAAM,MAAM,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC3C,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,qGAAqG;IACrG,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC,CAAC;AAEH,eAAO,MAAM,CAAC,GAAI,OAAO,MAAM,4CAwB9B,CAAC"}

package/dist/core/A/A.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Link } from 'expo-router';
+import { createContext, useContext } from 'react';
+import { Pressable } from 'react-native';
+import { Box } from '../Box';
+import { useStyles } from './A.styles';
+/** Contexte optionnel pour fournir la logique d'accès aux liens (ex. droits métier). Non fourni = tous les liens sont cliquables. */
+export const LinkAccessContext = createContext(null);
+export const A = (props) => {
+    const { children, href, direction = 'push', style, hoverStyle, canAccessHref: canAccessProp } = props;
+    const styles = useStyles();
+    const canAccessFromContext = useContext(LinkAccessContext);
+    const canAccess = canAccessProp ?? canAccessFromContext ?? (() => true);
+    const expoLink = (_jsx(Link, { href: href, asChild: true, replace: direction === 'replace', push: direction === 'push', dismissTo: direction === 'dismiss', children: _jsx(Pressable, { children: _jsx(Box, { tag: "a-pressable", style: { ...styles.pressable, ...style }, hoverStyle: hoverStyle, children: children }) }) }));
+    return canAccess(href) ? expoLink : _jsx(_Fragment, { children: children });
+};

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

@@ -0,0 +1,20 @@
+declare const _default: {
+    title: string;
+    tags: ["Kit"];
+    experimental: true;
+    description: string;
+    component: (props: import("./A").AProps) => import("react/jsx-runtime").JSX.Element;
+    styleFn: () => {
+        container: {};
+        pressable: {
+            cursor: "pointer";
+            color: "inherit";
+            transitionProperty: "all";
+            transitionDuration: "0.1s";
+            transitionTimingFunction: "ease-in-out";
+        };
+    };
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=A.stories.d.ts.map

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

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

package/dist/core/A/A.stories.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Typography } from '../Typography';
+import { A } from './A';
+import { useStyles } from './A.styles';
+export default {
+    title: 'A',
+    tags: ['Kit'],
+    experimental: true,
+    description: 'Equivalent d’une balise <a>',
+    component: A,
+    styleFn: useStyles,
+};
+export const Default = () => (_jsx(A, { href: '/ui-kit/components/A', children: _jsx(Typography, { children: "Children" }) }));

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

@@ -0,0 +1,11 @@
+export declare const useStyles: () => {
+    container: {};
+    pressable: {
+        cursor: "pointer";
+        color: "inherit";
+        transitionProperty: "all";
+        transitionDuration: "0.1s";
+        transitionTimingFunction: "ease-in-out";
+    };
+};
+//# sourceMappingURL=A.styles.d.ts.map

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

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

package/dist/core/A/A.styles.js

@@ -0,0 +1,11 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(() => ({
+    container: {},
+    pressable: {
+        cursor: 'pointer',
+        color: 'inherit',
+        transitionProperty: 'all',
+        transitionDuration: '0.1s',
+        transitionTimingFunction: 'ease-in-out',
+    },
+}));

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

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

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

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

package/dist/core/A/index.js

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

package/dist/core/index.d.ts

@@ -1,3 +1,4 @@
+export * from './A';
 export * from './Box';
 export * from './Image';
 export * from './Metabase';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,KAAK,CAAC;AACpB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC"}

package/dist/core/index.js

@@ -1,3 +1,4 @@
+export * from './A';
 export * from './Box';
 export * from './Image';
 export * from './Metabase';

package/dist/stories/index.d.ts

@@ -1,3 +1,4 @@
+export * as AStory from '../core/A/A.stories';
 export * as BoxStory from '../core/Box/Box.stories';
 export * as ImageStory from '../core/Image/Image.stories';
 export * as MetabaseStory from '../core/Metabase/Metabase.stories';
@@ -6,11 +7,14 @@ export * as SectionStory from '../core/Section/Section.stories';
 export * as TypographyStory from '../core/Typography/Typography.stories';
 export * as VersionStory from '../core/Version/Version.stories';
 export * as AvatarStory from '../ui/Avatar/Avatar.stories';
+export * as BreadcrumbsStory from '../ui/Breadcrumbs/Breadcrumbs.stories';
 export * as ButtonStory from '../ui/Button/Button.stories';
+export * as CardStory from '../ui/Card/Card.stories';
 export * as DividerStory from '../ui/Divider/Divider.stories';
 export * as EmptyStateStory from '../ui/EmptyState/EmptyState.stories';
 export * as ListItemStory from '../ui/ListItem/ListItem.stories';
 export * as LucideIconStory from '../ui/LucideIcon/LucideIcon.stories';
+export * as PageHeaderStory from '../ui/PageHeader/PageHeader.stories';
 export * as ResourceListStory from '../ui/ResourceList/ResourceList.stories';
 export * as ToolbarBottomNavStory from '../ui/ToolbarBottomNav/ToolbarBottomNav.stories';
 export * as ToolbarTopStory from '../ui/ToolbarTop/ToolbarTop.stories';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,aAAa,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,eAAe,MAAM,uCAAuC,CAAC;AACzE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAGhE,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,qBAAqB,MAAM,iDAAiD,CAAC;AACzF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,aAAa,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,eAAe,MAAM,uCAAuC,CAAC;AACzE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAGhE,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,qBAAqB,MAAM,iDAAiD,CAAC;AACzF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC"}

package/dist/stories/index.js

@@ -1,4 +1,5 @@
 // Core
+export * as AStory from '../core/A/A.stories';
 export * as BoxStory from '../core/Box/Box.stories';
 export * as ImageStory from '../core/Image/Image.stories';
 export * as MetabaseStory from '../core/Metabase/Metabase.stories';
@@ -8,11 +9,14 @@ export * as TypographyStory from '../core/Typography/Typography.stories';
 export * as VersionStory from '../core/Version/Version.stories';
 // UI
 export * as AvatarStory from '../ui/Avatar/Avatar.stories';
+export * as BreadcrumbsStory from '../ui/Breadcrumbs/Breadcrumbs.stories';
 export * as ButtonStory from '../ui/Button/Button.stories';
+export * as CardStory from '../ui/Card/Card.stories';
 export * as DividerStory from '../ui/Divider/Divider.stories';
 export * as EmptyStateStory from '../ui/EmptyState/EmptyState.stories';
 export * as ListItemStory from '../ui/ListItem/ListItem.stories';
 export * as LucideIconStory from '../ui/LucideIcon/LucideIcon.stories';
+export * as PageHeaderStory from '../ui/PageHeader/PageHeader.stories';
 export * as ResourceListStory from '../ui/ResourceList/ResourceList.stories';
 export * as ToolbarBottomNavStory from '../ui/ToolbarBottomNav/ToolbarBottomNav.stories';
 export * as ToolbarTopStory from '../ui/ToolbarTop/ToolbarTop.stories';

package/dist/ui/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export type BreadcrumbItem = {
+    label: string;
+    href: string;
+    isCurrent: boolean;
+};
+export type BreadcrumbsProps = React.PropsWithChildren<{
+    /** Label du premier élément (lien vers la racine). Défaut : "Accueil" */
+    rootLabel?: string;
+    /**
+     * Segments à ne pas afficher dans le fil d'Ariane (ex. ["admin"] pour avoir Accueil > Missions au lieu de Accueil > Admin > Missions).
+     */
+    segmentsToSkip?: string[];
+    /**
+     * Personnalisation du libellé pour un segment.
+     * Par défaut : capitalisation + remplacement des - et _ par des espaces.
+     */
+    getLabel?: (segment: string, index: number, path: string) => string;
+}>;
+/**
+ * Fil d'Ariane construit à partir de la navigation Expo Router.
+ * Tous les éléments sauf le dernier (page en cours) sont cliquables.
+ *
+ * @example
+ * Accueil > Admin > Missions > Détail
+ */
+export declare const Breadcrumbs: (props: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Breadcrumbs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/ui/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAQF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACrD,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CACrE,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAoDlD,CAAC"}

package/dist/ui/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePathname } from 'expo-router';
+import { A, Box, Typography } from '../../core';
+import { useStyles } from './Breadcrumbs.styles';
+function humanizeSegment(segment) {
+    return segment
+        .replace(/[-_]/g, ' ')
+        .replace(/^\w/, (c) => c.toUpperCase());
+}
+/**
+ * Fil d'Ariane construit à partir de la navigation Expo Router.
+ * Tous les éléments sauf le dernier (page en cours) sont cliquables.
+ *
+ * @example
+ * Accueil > Admin > Missions > Détail
+ */
+export const Breadcrumbs = (props) => {
+    const { rootLabel = 'Accueil', segmentsToSkip, getLabel = (segment) => humanizeSegment(segment), } = props;
+    const pathname = usePathname();
+    const styles = useStyles();
+    const segments = pathname.split('/').filter(Boolean);
+    const segmentItems = segments
+        .map((segment, index) => ({
+        segment,
+        index,
+        path: '/' + segments.slice(0, index + 1).join('/'),
+    }))
+        .filter(({ segment }) => !segmentsToSkip?.includes(segment));
+    const items = [
+        {
+            label: rootLabel,
+            href: '/',
+            isCurrent: segments.length === 0,
+        },
+        ...segmentItems.map(({ segment, index, path }) => ({
+            label: getLabel(segment, index, path),
+            href: path,
+            isCurrent: index === segments.length - 1,
+        })),
+    ];
+    return (_jsx(Box, { style: styles.container, children: items.map((item, index) => (_jsxs(Box, { style: { flexDirection: 'row', alignItems: 'center' }, children: [index > 0 && (_jsx(Typography, { style: styles.separator, children: " > " })), item.isCurrent ? (_jsx(Typography, { style: styles.current, children: item.label })) : (_jsx(A, { href: item.href, style: styles.link, hoverStyle: styles.linkHover, children: item.label }))] }, `${item.href}-${index}`))) }));
+};

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

@@ -0,0 +1,45 @@
+declare const _default: {
+    title: string;
+    tags: ["Kit"];
+    experimental: false;
+    description: string;
+    component: (props: import("./Breadcrumbs").BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+    styleFn: () => {
+        container: {
+            fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            fontSize: 12;
+            lineHeight: 20;
+            letterSpacing: 0;
+            flexDirection: "row";
+            flexWrap: "wrap";
+            alignItems: "center";
+            gap: import("@alveole/theme").Spacing;
+        };
+        separator: {
+            color: "#5F6571";
+        };
+        current: {
+            color: "#151617";
+        };
+        link: {
+            transitionProperty: "text-decoration";
+            transitionDuration: "0.1s";
+            transitionTimingFunction: "ease-in-out";
+            fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            fontSize: 12;
+            lineHeight: 20;
+            letterSpacing: 0;
+            color: "#5F6571";
+            textDecoration: string;
+        };
+        linkHover: {
+            textDecoration: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithCustomRootLabel: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithCustomLabels: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithSegmentsToSkip: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Breadcrumbs.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,OAAO,+CAInB,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAI/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAe5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAgB9B,CAAC"}

package/dist/ui/Breadcrumbs/Breadcrumbs.stories.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../../core';
+import { Breadcrumbs } from './Breadcrumbs';
+import { useStyles } from './Breadcrumbs.styles';
+export default {
+    title: 'Breadcrumbs',
+    tags: ['Kit'],
+    experimental: false,
+    description: "Fil d'Ariane construit à partir de la navigation Expo Router. Tous les éléments sauf le dernier (page en cours) sont cliquables.",
+    component: Breadcrumbs,
+    styleFn: useStyles,
+};
+export const Default = () => (_jsx(Box, { p: 4, children: _jsx(Breadcrumbs, {}) }));
+export const WithCustomRootLabel = () => (_jsx(Box, { p: 4, children: _jsx(Breadcrumbs, { rootLabel: "Tableau de bord" }) }));
+export const WithCustomLabels = () => (_jsx(Box, { p: 4, children: _jsx(Breadcrumbs, { getLabel: (segment, _index, _path) => {
+            const labels = {
+                admin: 'Administration',
+                missions: 'Missions',
+                show: 'Détail',
+                salarie: 'Espace salarié',
+                client: 'Espace client',
+            };
+            return labels[segment] ?? segment;
+        } }) }));
+export const WithSegmentsToSkip = () => (_jsx(Box, { p: 4, children: _jsx(Breadcrumbs, { segmentsToSkip: ['admin', 'ui-kit'], getLabel: (segment, _index, _path) => {
+            const labels = {
+                admin: 'Administration',
+                missions: 'Missions',
+                show: 'Détail',
+                salarie: 'Espace salarié',
+                client: 'Espace client',
+            };
+            return labels[segment] ?? segment;
+        } }) }));

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

@@ -0,0 +1,33 @@
+export declare const useStyles: () => {
+    container: {
+        fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+        fontSize: 12;
+        lineHeight: 20;
+        letterSpacing: 0;
+        flexDirection: "row";
+        flexWrap: "wrap";
+        alignItems: "center";
+        gap: import("@alveole/theme").Spacing;
+    };
+    separator: {
+        color: "#5F6571";
+    };
+    current: {
+        color: "#151617";
+    };
+    link: {
+        transitionProperty: "text-decoration";
+        transitionDuration: "0.1s";
+        transitionTimingFunction: "ease-in-out";
+        fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+        fontSize: 12;
+        lineHeight: 20;
+        letterSpacing: 0;
+        color: "#5F6571";
+        textDecoration: string;
+    };
+    linkHover: {
+        textDecoration: string;
+    };
+};
+//# sourceMappingURL=Breadcrumbs.styles.d.ts.map

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

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

package/dist/ui/Breadcrumbs/Breadcrumbs.styles.js

@@ -0,0 +1,27 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(({ text, color, spacing }) => ({
+    container: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        gap: spacing('1V'),
+        ...text['Corps de texte'].XS.Regular,
+    },
+    separator: {
+        color: color.light.text['mention-grey'],
+    },
+    current: {
+        color: color.light.text['active-grey'],
+    },
+    link: {
+        color: color.light.text['mention-grey'],
+        textDecoration: 'underline',
+        ...text['Corps de texte'].XS.Regular,
+        transitionProperty: 'text-decoration',
+        transitionDuration: '0.1s',
+        transitionTimingFunction: 'ease-in-out',
+    },
+    linkHover: {
+        textDecoration: 'none',
+    },
+}));

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

@@ -0,0 +1,3 @@
+export { Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbItem, BreadcrumbsProps } from './Breadcrumbs';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/ui/Breadcrumbs/index.js

@@ -0,0 +1 @@
+export { Breadcrumbs } from './Breadcrumbs';

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

@@ -46,19 +46,6 @@ declare const _default: {
         };
         primaryContainer: {
             backgroundColor: "#002764";
-        } | {
-            shadowColor: import("@alveole/theme").Color;
-            shadowOffset: {
-                width: number;
-                height: number;
-            };
-            shadowOpacity: number;
-            shadowRadius: number;
-            elevation: number;
-            backgroundColor: "#002764";
-        } | {
-            boxShadow: string;
-            backgroundColor: "#002764";
         };
         primaryTitleHover: {
             color: "#F2F9FF";

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,KAAK,+CAMjB,CAAC;AAEF,eAAO,MAAM,OAAO,+CAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAKpB,CAAC;AAEF,eAAO,MAAM,IAAI,+CAKhB,CAAC;AAEF,eAAO,MAAM,KAAK,+CAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAIrB,CAAC"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,KAAK,+CAMjB,CAAC;AAEF,eAAO,MAAM,OAAO,+CAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAKpB,CAAC;AAEF,eAAO,MAAM,IAAI,+CAKhB,CAAC;AAEF,eAAO,MAAM,KAAK,+CAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAIrB,CAAC"}

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

@@ -26,19 +26,6 @@ export declare const useStyles: () => {
     };
     primaryContainer: {
         backgroundColor: "#002764";
-    } | {
-        shadowColor: import("@alveole/theme").Color;
-        shadowOffset: {
-            width: number;
-            height: number;
-        };
-        shadowOpacity: number;
-        shadowRadius: number;
-        elevation: number;
-        backgroundColor: "#002764";
-    } | {
-        boxShadow: string;
-        backgroundColor: "#002764";
     };
     primaryTitleHover: {
         color: "#F2F9FF";

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

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

package/dist/ui/Button/Button.styles.js

@@ -1,5 +1,5 @@
 import { makeStyles } from '@alveole/theme';
-export const useStyles = makeStyles(({ text, color, spacing, shadows, radius }) => ({
+export const useStyles = makeStyles(({ text, color, spacing, radius }) => ({
     container: {
         borderTopLeftRadius: radius('md'),
         borderBottomLeftRadius: radius('md'),
@@ -28,7 +28,6 @@ export const useStyles = makeStyles(({ text, color, spacing, shadows, radius })
     },
     primaryContainer: {
         backgroundColor: color.light.background['action-high-primary'],
-        ...shadows(2),
     },
     primaryTitleHover: {
         color: color.light.text['inverted-primary'],

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

@@ -0,0 +1,14 @@
+import { BoxProps } from '../../core';
+import { CardActions } from './CardActions';
+import { CardHeader } from './CardHeader';
+import { CardSection } from './CardSection';
+export type CardProps = BoxProps;
+declare const CardBase: (props: CardProps) => import("react/jsx-runtime").JSX.Element;
+type CardCompoundComponent = typeof CardBase & {
+    Header: typeof CardHeader;
+    Section: typeof CardSection;
+    Actions: typeof CardActions;
+};
+export declare const Card: CardCompoundComponent;
+export {};
+//# sourceMappingURL=Card.d.ts.map

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

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

package/dist/ui/Card/Card.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '../../core';
+import { useStyles } from './Card.styles';
+import { CardActions } from './CardActions';
+import { CardHeader } from './CardHeader';
+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 }));
+};
+export const Card = Object.assign(CardBase, {
+    Header: CardHeader,
+    Section: CardSection,
+    Actions: CardActions,
+});

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

@@ -0,0 +1,66 @@
+declare const _default: {
+    title: string;
+    tags: ["Kit"];
+    experimental: false;
+    figmaURL: string;
+    description: string;
+    component: ((props: import("./Card").CardProps) => import("react/jsx-runtime").JSX.Element) & {
+        Header: typeof import("./CardHeader").CardHeader;
+        Section: typeof import("./CardSection").CardSection;
+        Actions: typeof import("./CardActions").CardActions;
+    };
+    styleFn: () => {
+        cardSection: {
+            display: "flex";
+            flexDirection: "column";
+            gap: import("@alveole/theme").Spacing;
+            width: "100%";
+        };
+        title: {
+            display: "flex";
+            flexDirection: "row";
+            alignItems: "center";
+            gap: import("@alveole/theme").Spacing;
+        };
+        titleIcon: {
+            display: "flex";
+            alignItems: "center";
+        };
+        titleText: {
+            color: "#151617";
+            fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            fontSize: 14;
+            lineHeight: 20;
+            letterSpacing: 0;
+        };
+        description: {
+            display: "flex";
+            flexDirection: "row";
+            alignItems: "center";
+            gap: import("@alveole/theme").Spacing;
+        };
+        descriptionIcon: {
+            display: "flex";
+            alignItems: "center";
+        };
+        descriptionText: {
+            color: "#373A3F";
+            fontFamily: "Barlow-Light" | "Barlow-Regular" | "Barlow-Medium" | "Barlow-SemiBold" | "Barlow-Bold" | "Inter-Light" | "Inter-Regular" | "Inter-Medium" | "Inter-SemiBold" | "Inter-Bold";
+            fontSize: 14;
+            lineHeight: 20;
+            letterSpacing: 0;
+        };
+        disabledText: {
+            color: "#8D97AC";
+        };
+    };
+};
+export default _default;
+export declare const card: () => import("react/jsx-runtime").JSX.Element;
+export declare const cardDisabled: () => import("react/jsx-runtime").JSX.Element;
+export declare const cardSection: () => import("react/jsx-runtime").JSX.Element;
+export declare const cardSectionDisabled: () => import("react/jsx-runtime").JSX.Element;
+export declare const cardHeader: () => import("react/jsx-runtime").JSX.Element;
+export declare const cardHeaderDisabled: () => import("react/jsx-runtime").JSX.Element;
+export declare const cardActions: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Card.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Card/Card.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,wBAQkB;AAElB,eAAO,MAAM,IAAI,+CAgBhB,CAAC;AAEF,eAAO,MAAM,YAAY,+CA2BxB,CAAC;AAEF,eAAO,MAAM,WAAW,+CASvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAU/B,CAAC;AAEF,eAAO,MAAM,UAAU,+CAgBtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAS9B,CAAC;AAEF,eAAO,MAAM,WAAW,+CAYvB,CAAC"}