@alveole/components 0.36.1 → 0.37.2

package/dist/stories/index.js

@@ -1,6 +1,7 @@
 // Core
 export * as AStory from '../core/A/A.stories';
 export * as BoxStory from '../core/Box/Box.stories';
+export * as Highlight from '../core/Highlight/Highlight.stories';
 export * as ImageStory from '../core/Image/Image.stories';
 export * as LottieStory from '../core/Lottie/Lottie.stories';
 export * as MapStory from '../core/Map/Map.stories';
@@ -27,7 +28,9 @@ export * as PopoverStory from '../ui/Popover/Popover.stories';
 export * as ProgressBarStory from '../ui/ProgressBar/ProgressBar.stories';
 export * as ResourceListStory from '../ui/ResourceList/ResourceList.stories';
 export * as SidebarStory from '../ui/Sidebar/Sidebar.stories';
+export * as SignatureStory from '../ui/Signature/Signature.stories';
 export * as TabsStory from '../ui/Tabs/Tabs.stories';
 export * as TagStory from '../ui/Tag/Tag.stories';
+export * as ToastStory from '../ui/Toast/Toast.stories';
 export * as ToolbarBottomNavStory from '../ui/ToolbarBottomNav/ToolbarBottomNav.stories';
 export * as ToolbarTopStory from '../ui/ToolbarTop/ToolbarTop.stories';

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

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

package/dist/ui/ActionMenu/ActionMenu.stories.js

@@ -4,10 +4,10 @@ import { Button } from '../Button';
 import { ActionMenu } from './ActionMenu';
 export default {
     title: 'ActionMenu',
-    tags: ['Composant'],
+    tags: ['ui'],
     experimental: false,
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Composants?node-id=1002-547',
-    description: 'Composant de type Box.',
+    description: "Menu contextuel affichant une liste d'actions sous forme de liste de liens.",
     component: ActionMenu,
     styleFn: () => '',
 };

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

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

package/dist/ui/Avatar/Avatar.stories.js

@@ -4,7 +4,7 @@ import { Avatar } from './Avatar';
 import { useStyles } from './Avatar.styles';
 export default {
     title: 'Avatar',
-    tags: ['Kit'],
+    tags: ['ui'],
     experimental: false,
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Composants?node-id=1002-546',
     description: 'Avatar avec image ou texte, de différentes tailles. Composant de type Avatar (tamagui).',

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

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

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

@@ -4,7 +4,7 @@ import { Badge } from './Badge';
 import { useStyles } from './Badge.styles';
 export default {
     title: 'Badge',
-    tags: ['Kit'],
+    tags: ['ui'],
     experimental: false,
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Composants?node-id=1002-547',
     description: 'Différents variants de badges. Composant de type Typography.',

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

@@ -1,8 +1,9 @@
 declare const _default: {
     title: string;
-    tags: "Kit"[];
+    tags: "ui"[];
     experimental: false;
     description: string;
+    figmaURL: string;
     component: (props: import("./Breadcrumbs").BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
     styleFn: () => {
         container: {

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

@@ -1 +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;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"Breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;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;AAEF,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC"}

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

@@ -4,9 +4,10 @@ import { Breadcrumbs } from './Breadcrumbs';
 import { useStyles } from './Breadcrumbs.styles';
 export default {
     title: 'Breadcrumbs',
-    tags: ['Kit'],
+    tags: ['ui'],
     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.",
+    figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Alveole---Composants?node-id=1437-302',
     component: Breadcrumbs,
     styleFn: useStyles,
 };
@@ -22,7 +23,7 @@ export const WithCustomLabels = () => (_jsx(Box, { p: 4, children: _jsx(Breadcru
             };
             return labels[segment] ?? segment;
         } }) }));
-export const WithSegmentsToSkip = () => (_jsx(Box, { p: 4, children: _jsx(Breadcrumbs, { segmentsToSkip: ['admin', 'ui-kit'], getLabel: (segment, _index, _path) => {
+export const WithSegmentsToSkip = () => (_jsx(Box, { p: 4, children: _jsx(Breadcrumbs, { segmentsToSkip: ['admin', 'ui-kit', 'components'], getLabel: (segment, _index, _path) => {
             const labels = {
                 admin: 'Administration',
                 missions: 'Missions',

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Breadcrumbs/Breadcrumbs.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA2F,CAAC;AAEhH,eAAO,MAAM,mBAAmB,cAAqI,CAAC;AAEtK,eAAO,MAAM,gBAAgB,cAAsb,CAAC;AAEpd,eAAO,MAAM,kBAAkB,cAAoe,CAAC;AAEpgB,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Breadcrumbs.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Breadcrumbs/Breadcrumbs.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA2F,CAAC;AAEhH,eAAO,MAAM,mBAAmB,cAAqI,CAAC;AAEtK,eAAO,MAAM,gBAAgB,cAAsb,CAAC;AAEpd,eAAO,MAAM,kBAAkB,cAAkf,CAAC;AAElhB,eAAO,MAAM,YAAY;;;;;CAKf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -3,7 +3,7 @@
 export const Default = () => "export const Default = () => (\n  <Box p={4}>\n    <Breadcrumbs />\n  </Box>\n);";
 export const WithCustomRootLabel = () => "export const WithCustomRootLabel = () => (\n  <Box p={4}>\n    <Breadcrumbs rootLabel=\"Tableau de bord\" />\n  </Box>\n);";
 export const WithCustomLabels = () => "export const WithCustomLabels = () => (\n  <Box p={4}>\n    <Breadcrumbs\n      getLabel={(segment, _index, _path) => {\n        const labels: Record<string, string> = {\n          admin: 'Administration',\n          missions: 'Missions',\n          show: 'Détail',\n          salarie: 'Espace salarié',\n          client: 'Espace client',\n        };\n        return labels[segment] ?? segment;\n      }}\n    />\n  </Box>\n);";
-export const WithSegmentsToSkip = () => "export const WithSegmentsToSkip = () => (\n  <Box p={4}>\n    <Breadcrumbs\n      segmentsToSkip={['admin', 'ui-kit']}\n      getLabel={(segment, _index, _path) => {\n        const labels: Record<string, string> = {\n          admin: 'Administration',\n          missions: 'Missions',\n          show: 'Détail',\n          salarie: 'Espace salarié',\n          client: 'Espace client',\n        };\n        return labels[segment] ?? segment;\n      }}\n    />\n  </Box>\n);";
+export const WithSegmentsToSkip = () => "export const WithSegmentsToSkip = () => (\n  <Box p={4}>\n    <Breadcrumbs\n      segmentsToSkip={['admin', 'ui-kit', 'components']}\n      getLabel={(segment, _index, _path) => {\n        const labels: Record<string, string> = {\n          admin: 'Administration',\n          missions: 'Missions',\n          show: 'Détail',\n          salarie: 'Espace salarié',\n          client: 'Espace client',\n        };\n        return labels[segment] ?? segment;\n      }}\n    />\n  </Box>\n);";
 export const storySources = {
     Default,
     WithCustomRootLabel,

package/dist/ui/Button/Button.js

@@ -196,5 +196,5 @@ export const Button = React.forwardRef(function Button(props, ref) {
             : {}),
         ...(disabled ? { borderWidth: 0 } : {}),
     };
-    return (_jsx(Pressable, { ref: ref, disabled: disabled, accessibilityRole: "button", ...(type === 'submit' ? { 'aria-selected': true } : {}), ...(fullWidth ? { style: { width: '100%' } } : {}), ...buttonProps, style: [pressableStyle], children: (state) => (_jsxs(Box, { style: [buttonContainerStyle({ pressed: state.pressed }), style], hoverStyle: { ...buttonContainerHoverStyle(), ...hoverStyle }, ...containerProps, children: [startIcon && _jsx(LucideIcon, { name: startIcon, ...iconStyle({ hovered: !!state.hovered }) }), _jsx(Typography, { "user-select": false, style: textStyle({ hovered: !!state.hovered, pressed: !!state.pressed }), children: title }), isLoading ? (_jsx(ActivityIndicator, { size: "small", style: styles.buttonLoader })) : (endIcon && _jsx(LucideIcon, { name: endIcon, ...iconStyle({ hovered: !!state.hovered }) }))] })) }));
+    return (_jsx(Pressable, { ref: ref, disabled: disabled, accessibilityRole: "button", ...(type === 'submit' ? { 'aria-selected': true } : {}), ...(fullWidth ? { style: { width: '100%' } } : {}), ...buttonProps, style: [pressableStyle], children: (state) => (_jsxs(Box, { style: [buttonContainerStyle({ pressed: state.pressed }), style], hoverStyle: { ...buttonContainerHoverStyle(), ...hoverStyle }, ...containerProps, children: [startIcon && _jsx(LucideIcon, { name: startIcon, ...iconStyle({ hovered: !!state.hovered }) }), _jsx(Typography, { "user-select": "false", style: textStyle({ hovered: !!state.hovered, pressed: !!state.pressed }), children: title }), isLoading ? (_jsx(ActivityIndicator, { size: "small", style: styles.buttonLoader })) : (endIcon && _jsx(LucideIcon, { name: endIcon, ...iconStyle({ hovered: !!state.hovered }) }))] })) }));
 });

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

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

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,MAAM,+CAKlB,CAAC;AAEF,eAAO,MAAM,IAAI,+CAQhB,CAAC;AAEF,eAAO,MAAM,KAAK,+CAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAAkE,CAAC;AAEzF,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,+CAKlB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,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,MAAM,+CAKlB,CAAC;AAEF,eAAO,MAAM,IAAI,+CAQhB,CAAC;AAEF,eAAO,MAAM,KAAK,+CAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAAkE,CAAC;AAEzF,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,+CAOlB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}

package/dist/ui/Button/Button.stories.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Typography } from '../../core';
 import { Button } from './Button';
 import { useStyles } from './Button.styles';
 import { ButtonIcon } from './ButtonIcon';
 export default {
     title: 'Button',
-    tags: ['Kit'],
+    tags: ['ui'],
     experimental: false,
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Composants?node-id=1002-548',
     description: 'Boutons de type Pressable (React Native) avec différentes tailles et variants.',
@@ -17,9 +17,9 @@ export const Primary = () => (_jsxs(Box, { display: "flex", flexDirection: "row"
 export const Secondary = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "secondary", title: "Bouton secondary" }), _jsx(Button, { variant: "secondary", title: "Disabled", disabled: true })] }));
 export const Tertiary = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "tertiary", title: "Bouton tertiary" }), _jsx(Button, { variant: "tertiary", title: "Disabled", disabled: true })] }));
 export const Danger = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "danger", title: "Bouton danger" }), _jsx(Button, { variant: "danger", title: "Disabled", disabled: true })] }));
-export const Link = () => (_jsxs(_Fragment, { children: [_jsx(Typography, { children: "Deprecated" }), _jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "link", title: "Bouton link" }), _jsx(Button, { variant: "link", title: "Disabled", disabled: true })] })] }));
+export const Link = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 8, children: [_jsx(Typography, { children: "Deprecated" }), _jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "link", title: "Bouton link" }), _jsx(Button, { variant: "link", title: "Disabled", disabled: true })] })] }));
 export const Icons = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "primary", title: "Start Icon", startIcon: "Plus" }), _jsx(Button, { variant: "primary", title: "End Icon", endIcon: "Plus" }), _jsx(Button, { variant: "primary", title: "End Icon", endIcon: "Plus" }), _jsx(ButtonIcon, { variant: "primary", icon: "CircleUser" }), _jsx(ButtonIcon, { variant: "primary", icon: "CircleUser" })] }));
 export const FullWidth = () => _jsx(Button, { variant: "primary", title: "Full Width", fullWidth: true });
 export const Selected = () => (_jsx(Box, { display: "flex", flexDirection: "row", gap: 4, children: _jsx(Button, { variant: "secondary", title: "Selected", selected: true }) }));
-export const Active = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Typography, { children: "Utilis\u00E9 quand le bouton est actif (ex: quand un menu est ouvert)" }), _jsx(Button, { variant: "secondary", title: "Active", active: true })] }));
+export const Active = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 4, children: [_jsx(Typography, { children: "Utilis\u00E9 quand le bouton est actif (ex: quand un menu est ouvert)" }), _jsx(Box, { children: _jsx(Button, { variant: "secondary", title: "Active", active: true }) })] }));
 export * as Sources from './Button.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,cAA+T,CAAC;AAElV,eAAO,MAAM,OAAO,cAA4O,CAAC;AAEjQ,eAAO,MAAM,SAAS,cAAoP,CAAC;AAE3Q,eAAO,MAAM,QAAQ,cAAgP,CAAC;AAEtQ,eAAO,MAAM,MAAM,cAAwO,CAAC;AAE5P,eAAO,MAAM,IAAI,cAA8R,CAAC;AAEhT,eAAO,MAAM,KAAK,cAAic,CAAC;AAEpd,eAAO,MAAM,SAAS,cAAwG,CAAC;AAE/H,eAAO,MAAM,QAAQ,cAAkL,CAAC;AAExM,eAAO,MAAM,MAAM,cAA2Q,CAAC;AAE/R,eAAO,MAAM,YAAY;;;;;;;;;;;CAWf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"Button.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,cAA+T,CAAC;AAElV,eAAO,MAAM,OAAO,cAA4O,CAAC;AAEjQ,eAAO,MAAM,SAAS,cAAoP,CAAC;AAE3Q,eAAO,MAAM,QAAQ,cAAgP,CAAC;AAEtQ,eAAO,MAAM,MAAM,cAAwO,CAAC;AAE5P,eAAO,MAAM,IAAI,cAAsV,CAAC;AAExW,eAAO,MAAM,KAAK,cAAic,CAAC;AAEpd,eAAO,MAAM,SAAS,cAAwG,CAAC;AAE/H,eAAO,MAAM,QAAQ,cAAkL,CAAC;AAExM,eAAO,MAAM,MAAM,cAAuS,CAAC;AAE3T,eAAO,MAAM,YAAY;;;;;;;;;;;CAWf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -5,11 +5,11 @@ export const Primary = () => "export const Primary = () => (\n  <Box display=\"f
 export const Secondary = () => "export const Secondary = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Button variant=\"secondary\" title=\"Bouton secondary\" />\n    <Button variant=\"secondary\" title=\"Disabled\" disabled />\n  </Box>\n);";
 export const Tertiary = () => "export const Tertiary = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Button variant=\"tertiary\" title=\"Bouton tertiary\" />\n    <Button variant=\"tertiary\" title=\"Disabled\" disabled />\n  </Box>\n);";
 export const Danger = () => "export const Danger = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Button variant=\"danger\" title=\"Bouton danger\" />\n    <Button variant=\"danger\" title=\"Disabled\" disabled />\n  </Box>\n);";
-export const Link = () => "export const Link = () => (\n  <>\n    <Typography>Deprecated</Typography>\n    <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n      <Button variant=\"link\" title=\"Bouton link\" />\n      <Button variant=\"link\" title=\"Disabled\" disabled />\n    </Box>\n  </>\n);";
+export const Link = () => "export const Link = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={8}>\n    <Typography>Deprecated</Typography>\n    <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n      <Button variant=\"link\" title=\"Bouton link\" />\n      <Button variant=\"link\" title=\"Disabled\" disabled />\n    </Box>\n  </Box>\n);";
 export const Icons = () => "export const Icons = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Button variant=\"primary\" title=\"Start Icon\" startIcon=\"Plus\" />\n    <Button variant=\"primary\" title=\"End Icon\" endIcon=\"Plus\" />\n    <Button variant=\"primary\" title=\"End Icon\" endIcon=\"Plus\" />\n    <ButtonIcon variant=\"primary\" icon=\"CircleUser\" />\n    <ButtonIcon variant=\"primary\" icon=\"CircleUser\" />\n  </Box>\n);";
 export const FullWidth = () => "export const FullWidth = () => <Button variant=\"primary\" title=\"Full Width\" fullWidth />;";
 export const Selected = () => "export const Selected = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Button variant=\"secondary\" title=\"Selected\" selected />\n  </Box>\n);";
-export const Active = () => "export const Active = () => (\n  <Box display=\"flex\" flexDirection=\"row\" gap={4}>\n    <Typography>Utilisé quand le bouton est actif (ex: quand un menu est ouvert)</Typography>\n    <Button variant=\"secondary\" title=\"Active\" active />\n  </Box>\n);";
+export const Active = () => "export const Active = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={4}>\n    <Typography>Utilisé quand le bouton est actif (ex: quand un menu est ouvert)</Typography>\n    <Box>\n      <Button variant=\"secondary\" title=\"Active\" active />\n    </Box>\n  </Box>\n);";
 export const storySources = {
     Sizes,
     Primary,

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

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

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

@@ -7,7 +7,7 @@ import { Card } from './Card';
 import { useStyles } from './CardSection.styles';
 export default {
     title: 'Card',
-    tags: ['Kit'],
+    tags: ['ui'],
     experimental: false,
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Alveole---Composants?node-id=2196-918&m=dev',
     description: 'Carte avec header, section et actions. Composant de type Box.',

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

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

package/dist/ui/Divider/Divider.stories.js

@@ -3,7 +3,7 @@ import { Divider } from './Divider';
 import { useStyles } from './Divider.styles';
 export default {
     title: 'Divider',
-    tags: ['Kit'],
+    tags: ['ui'],
     experimental: false,
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Composants?node-id=1002-15729',
     description: 'Sérateur. Composant de type Box - Equivalent <hr/>.',

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

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

package/dist/ui/DocumentViewer/DocumentViewer.stories.js

@@ -4,7 +4,7 @@ import { DocumentViewer } from './DocumentViewer';
 import { useStyles } from './DocumentViewer.styles';
 export default {
     title: 'DocumentViewer',
-    tags: ['Kit'],
+    tags: ['ui'],
     experimental: false,
     webOnly: true,
     description: 'Viewer de documents (PDF, Image)',

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

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

package/dist/ui/EmptyState/EmptyState.stories.js

@@ -4,7 +4,7 @@ import { EmptyState } from './EmptyState';
 import { useStyles } from './EmptyState.styles';
 export default {
     title: 'Empty State',
-    tags: ['Kit'],
+    tags: ['ui'],
     experimental: false,
     description: "À utiliser quand une liste d'objet est vide",
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Alveole---Composants?node-id=1399-538&t=baZKFA9BpkeQGeZm-4',

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    tags: "Composant"[];
+    tags: "ui"[];
     experimental: false;
     figmaURL: string;
     description: string;
@@ -18,6 +18,7 @@ declare const _default: {
         itemHover: {
             backgroundColor: `rgba${string}`;
             borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            cursor: "pointer";
         };
         container: {
             display: "flex";
@@ -101,6 +102,6 @@ export declare const WithoutSeparator: () => import("react/jsx-runtime").JSX.Ele
 export declare const WithIcon: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithAvatar: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithPreviewImage: () => import("react/jsx-runtime").JSX.Element;
-export declare const withoutHover: import("react/jsx-runtime").JSX.Element;
+export declare const withoutHover: () => import("react/jsx-runtime").JSX.Element;
 export * as Sources from './ListItem.stories.sources';
 //# sourceMappingURL=ListItem.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,OAAO,+CAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,+CASxB,CAAC;AAEF,eAAO,MAAM,WAAW,+CASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAS5B,CAAC;AAEF,eAAO,MAAM,QAAQ,+CASpB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAYtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAS5B,CAAC;AAEF,eAAO,MAAM,YAAY,yCAKxB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBAQkB;AAElB,eAAO,MAAM,OAAO,+CAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,+CASxB,CAAC;AAEF,eAAO,MAAM,WAAW,+CASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAS5B,CAAC;AAEF,eAAO,MAAM,QAAQ,+CASpB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAYtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAS5B,CAAC;AAEF,eAAO,MAAM,YAAY,+CAKxB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}

package/dist/ui/ListItem/ListItem.stories.js

@@ -5,7 +5,7 @@ import { ListItem } from './ListItem';
 import { useStyles } from './ListItem.styles';
 export default {
     title: 'ListItem',
-    tags: ['Composant'],
+    tags: ['ui'],
     experimental: false,
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Composants?node-id=1002-558',
     description: 'Permet d’afficher les données d‘une ressource.',
@@ -36,5 +36,5 @@ export const WithAvatar = () => (_jsx(ListItem, { title: "Titre", description: "
 export const WithPreviewImage = () => (_jsx(ListItem, { title: "Titre", description: "Description", preview_url: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400", onPress: () => {
         window.alert('click !');
     } }));
-export const withoutHover = (_jsxs(Box, { children: [_jsx(Typography, { children: "Sans props openPress, l\u2019effet de Hover n\u2019apparait pas" }), _jsx(ListItem, { title: "Titre", description: "Description" })] }));
+export const withoutHover = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 8, children: [_jsx(Typography, { children: "Sans props openPress, l\u2019effet de Hover n\u2019apparait pas" }), _jsx(ListItem, { title: "Titre", description: "Description" })] }));
 export * as Sources from './ListItem.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAoL,CAAC;AAEzM,eAAO,MAAM,YAAY,cAA0S,CAAC;AAEpU,eAAO,MAAM,WAAW,cAA4M,CAAC;AAErO,eAAO,MAAM,gBAAgB,cAAyN,CAAC;AAEvP,eAAO,MAAM,QAAQ,cAA6O,CAAC;AAEnQ,eAAO,MAAM,UAAU,cAAyU,CAAC;AAEjW,eAAO,MAAM,gBAAgB,cAAqR,CAAC;AAEnT,eAAO,MAAM,YAAY,cAAiN,CAAC;AAE3O,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"ListItem.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/ListItem/ListItem.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAoL,CAAC;AAEzM,eAAO,MAAM,YAAY,cAA0S,CAAC;AAEpU,eAAO,MAAM,WAAW,cAA4M,CAAC;AAErO,eAAO,MAAM,gBAAgB,cAAyN,CAAC;AAEvP,eAAO,MAAM,QAAQ,cAA6O,CAAC;AAEnQ,eAAO,MAAM,UAAU,cAAyU,CAAC;AAEjW,eAAO,MAAM,gBAAgB,cAAqR,CAAC;AAEnT,eAAO,MAAM,YAAY,cAAyQ,CAAC;AAEnS,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -7,7 +7,7 @@ export const WithoutSeparator = () => "export const WithoutSeparator = () => (\n
 export const WithIcon = () => "export const WithIcon = () => (\n  <ListItem\n    title=\"Titre\"\n    description=\"Description\"\n    IconProps={{ name: 'Settings', color: 'primary' }}\n    onPress={() => {\n      window.alert('click !');\n    }}\n  />\n);";
 export const WithAvatar = () => "export const WithAvatar = () => (\n  <ListItem\n    title=\"Titre\"\n    description=\"Description\"\n    AvatarProps={{\n      fallbackText: 'Jean Pierre',\n      src: 'https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400',\n    }}\n    onPress={() => {\n      window.alert('click !');\n    }}\n  />\n);";
 export const WithPreviewImage = () => "export const WithPreviewImage = () => (\n  <ListItem\n    title=\"Titre\"\n    description=\"Description\"\n    preview_url=\"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400\"\n    onPress={() => {\n      window.alert('click !');\n    }}\n  />\n);";
-export const withoutHover = () => "export const withoutHover = (\n  <Box>\n    <Typography>Sans props openPress, l’effet de Hover n’apparait pas</Typography>\n    <ListItem title=\"Titre\" description=\"Description\" />\n  </Box>\n);";
+export const withoutHover = () => "export const withoutHover = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={8}>\n    <Typography>Sans props openPress, l’effet de Hover n’apparait pas</Typography>\n    <ListItem title=\"Titre\" description=\"Description\" />\n  </Box>\n);";
 export const storySources = {
     Default,
     WithTrailing,

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

@@ -11,6 +11,7 @@ export declare const useStyles: () => {
     itemHover: {
         backgroundColor: `rgba${string}`;
         borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        cursor: "pointer";
     };
     container: {
         display: "flex";

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

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

package/dist/ui/ListItem/ListItem.styles.js

@@ -12,6 +12,7 @@ export const useStyles = makeStyles(({ color, text, radius, spacing }) => ({
     itemHover: {
         backgroundColor: color.alpha(color.light.background['alt-grey'], 0.75),
         borderRadius: radius('md'),
+        cursor: 'pointer',
     },
     container: {
         display: 'flex',

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"LucideIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/LucideIcon/LucideIcon.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAElB,eAAO,MAAM,OAAO,+CAOnB,CAAC;AAEF,eAAO,MAAM,OAAO,+CAAgE,CAAC;AAErF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"LucideIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/LucideIcon/LucideIcon.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAElB,eAAO,MAAM,OAAO,+CAOnB,CAAC;AAEF,eAAO,MAAM,OAAO,+CAAiE,CAAC;AAEtF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}

package/dist/ui/LucideIcon/LucideIcon.stories.js

@@ -4,7 +4,7 @@ import { LucideIcon } from './LucideIcon';
 import { LucideIconPropsJSON } from './LucideIcon.props';
 export default {
     title: 'LucideIcon',
-    tags: ['Kit'],
+    tags: ['ui'],
     experimental: false,
     figmaURL: 'https://www.figma.com/design/DSMuo6EvJHYYuU9nHmj90J/Captive.fr?node-id=3740-4789&t=AGgcv4H3Z7WE4pOo-4',
     description: 'Icon de la librairie Lucide',
@@ -13,5 +13,5 @@ export default {
     styleFn: () => 'Aucun style appliqué',
 };
 export const Default = () => (_jsxs(Box, { children: [_jsx(LucideIcon, { name: "AArrowDown", size: "sm" }), _jsx(LucideIcon, { name: "AArrowDown", size: "md" }), _jsx(LucideIcon, { name: "AArrowDown", size: "lg" }), _jsx(LucideIcon, { name: "AArrowDown", size: "xl" })] }));
-export const Colored = () => _jsx(LucideIcon, { name: "AArrowDown", size: "md", color: "blue" });
+export const Colored = () => _jsx(LucideIcon, { name: "AArrowDown", size: "md", color: "green" });
 export * as Sources from './LucideIcon.stories.sources';

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

@@ -1 +1 @@
-{"version":3,"file":"LucideIcon.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/LucideIcon/LucideIcon.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAgR,CAAC;AAErS,eAAO,MAAM,OAAO,cAAsG,CAAC;AAE3H,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"LucideIcon.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/LucideIcon/LucideIcon.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAgR,CAAC;AAErS,eAAO,MAAM,OAAO,cAAuG,CAAC;AAE5H,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,7 +1,7 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/LucideIcon/LucideIcon.stories.tsx
 export const Default = () => "export const Default = () => (\n  <Box>\n    <LucideIcon name=\"AArrowDown\" size=\"sm\" />\n    <LucideIcon name=\"AArrowDown\" size=\"md\" />\n    <LucideIcon name=\"AArrowDown\" size=\"lg\" />\n    <LucideIcon name=\"AArrowDown\" size=\"xl\" />\n  </Box>\n);";
-export const Colored = () => "export const Colored = () => <LucideIcon name=\"AArrowDown\" size=\"md\" color=\"blue\" />;";
+export const Colored = () => "export const Colored = () => <LucideIcon name=\"AArrowDown\" size=\"md\" color=\"green\" />;";
 export const storySources = {
     Default,
     Colored,

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    tags: "Kit"[];
+    tags: "ui"[];
     experimental: false;
     description: string;
     component: (props: import("./PageHeader").PageHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/PageHeader/PageHeader.stories.js

@@ -5,7 +5,7 @@ import { PageHeader } from './PageHeader';
 import { useStyles } from './PageHeader.styles';
 export default {
     title: 'PageHeader',
-    tags: ['Kit'],
+    tags: ['ui'],
     experimental: false,
     description: 'En-tête de page : fil d’Ariane, puis titre à gauche et actions à droite.',
     component: PageHeader,

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

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

package/dist/ui/Popover/Popover.stories.js

@@ -4,7 +4,7 @@ import { Popover } from './Popover';
 import { useStyles } from './Popover.styles';
 export default {
     title: 'Popover',
-    tags: ['Kit'],
+    tags: ['ui'],
     experimental: false,
     description: 'Zone cliquable avec ouverture d’un Popover (Tamagui Popover).',
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Alveole---Composants?node-id=2881-442&t=A0jkRqZdoWBKbIWd-4',

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

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    tags: "Kit"[];
+    tags: "ui"[];
     experimental: false;
     description: string;
     component: (props: import("@alveole/components").ProgressBarProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -5,9 +5,9 @@ import { ProgressBar } from './ProgressBar';
 import { useStyles } from './ProgressBar.styles';
 export default {
     title: 'ProgressBar',
-    tags: ['Kit'],
+    tags: ['ui'],
     experimental: false,
-    description: 'bar de progression',
+    description: 'Barre de progression',
     component: ProgressBar,
     styleFn: useStyles,
 };

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

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

package/dist/ui/ResourceList/ResourceList.stories.js

@@ -7,7 +7,7 @@ import { useStyles } from './ResourceList.styles';
 import { ResourceListDivider } from './ResourceListDivider';
 export default {
     title: 'ResourceList',
-    tags: ['Composant'],
+    tags: ['ui'],
     experimental: false,
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Alveole---Composants?node-id=1002-558&p=f&t=wo7HwL3p0McYL9ei-0',
     description: "Permet d’afficher une liste d'items avec un header et un footer",

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

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

package/dist/ui/Sidebar/Sidebar.stories.js

@@ -4,7 +4,7 @@ import { Sidebar } from './Sidebar';
 import { useStyles } from './Sidebar.styles';
 export default {
     title: 'Sidebar',
-    tags: ['Composant'],
+    tags: ['ui'],
     experimental: false,
     figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Alveole---Composants?node-id=1328-725',
     description: 'SideNav est un composant de navigation primaire qui permet d’accéder aux principales sections d’une application. Navigation coté droit, se transformant en menu burger sur mobile. Uitliser <SidebarItem> et <SidebarGroup>.',

package/dist/ui/Sidebar/SidebarItem.d.ts

@@ -6,7 +6,7 @@ export type SidebarItemNavigable = {
     icon?: LucideIconProps['name'];
     href: AProps['href'];
     direction?: AProps['direction'];
-    routeName: string;
+    routeName?: string;
 };
 export type SidebarItemPressable = {
     pressable: true;

package/dist/ui/Sidebar/SidebarItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../../src/ui/Sidebar/SidebarItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAK,MAAM,EAAmB,MAAM,YAAY,CAAC;AACxD,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,oBAAoB,CAAC;AA4G3E,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAIlD,CAAC"}
+{"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../../src/ui/Sidebar/SidebarItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAK,MAAM,EAAmB,MAAM,YAAY,CAAC;AACxD,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,oBAAoB,CAAC;AA0G3E,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAIlD,CAAC"}

package/dist/ui/Sidebar/SidebarItem.js

@@ -1,16 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTheme } from '@alveole/theme';
-import { useRoute } from '@react-navigation/native';
+import { usePathname } from 'expo-router';
 import React from 'react';
 import { A, Box, Typography } from '../../core';
 import { LucideIcon } from '../LucideIcon';
 import { useStyles } from './Sidebar.styles';
 const SidebarItemDesktop = (props) => {
     const { title, icon } = props;
-    const route = useRoute();
+    const pathname = usePathname();
     const styles = useStyles();
-    const currentRouteName = route.name;
-    const isCurrentPage = !props.pressable && currentRouteName === props.routeName;
+    const isCurrentPage = !props.pressable && pathname === props.href;
     const itemStyleSelected = isCurrentPage ? styles.sidebarItemSelectedDesktop : {};
     const titleStyleSelected = isCurrentPage ? styles.sidebarItemTitleSelectedDesktop : {};
     const sidebarItemHover = isCurrentPage ? styles.sidebarItemCurrentHover : styles.sidebarItemHover;
@@ -25,10 +24,9 @@ const SidebarItemDesktop = (props) => {
 };
 const SidebarItemMobile = (props) => {
     const { title, icon } = props;
-    const route = useRoute();
+    const pathname = usePathname();
     const styles = useStyles();
-    const currentRouteName = route.name;
-    const isCurrentPage = !props.pressable && currentRouteName === props.routeName;
+    const isCurrentPage = !props.pressable && pathname === props.href;
     const itemStyleSelected = isCurrentPage ? styles.sidebarItemSelectedMobile : {};
     const titleStyleSelected = isCurrentPage ? styles.sidebarItemTitleSelectedMobile : {};
     const sidebarItemHover = isCurrentPage ? styles.sidebarItemCurrentHover : styles.sidebarItemHover;