@alveole/components 1.0.0 → 1.1.0

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

@@ -9,31 +9,31 @@ declare const _default: {
         item: {
             display: "flex";
             flexDirection: "row";
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
             alignItems: "center";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
             alignSelf: "stretch";
         };
         itemHover: {
             backgroundColor: string;
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
             cursor: "pointer";
         };
         container: {
             display: "flex";
             flexDirection: "row";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
         };
         detail: {
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
             flex: number;
             display: "flex";
             flexDirection: "row";
             alignItems: "center";
             alignSelf: "stretch";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
             position: "relative";
         };
         separateur: {
@@ -88,7 +88,7 @@ declare const _default: {
             alignItems: "center";
             justifyContent: "center";
             overflow: "hidden";
-            borderRadius: import("@alveole/theme").Spacing;
+            borderRadius: string | number;
         };
         preview: {
             width: number;
@@ -104,6 +104,7 @@ export declare const WithoutSeparator: () => import("react").JSX.Element;
 export declare const WithIcon: () => import("react").JSX.Element;
 export declare const WithAvatar: () => import("react").JSX.Element;
 export declare const WithPreviewImage: () => import("react").JSX.Element;
+/** Sans prop `onPress`, l’effet de hover n’apparaît pas. */
 export declare const withoutHover: () => import("react").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,mCAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCASxB,CAAC;AAEF,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAYtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,YAAY,mCAKxB,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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAQnB,CAAC;AAEF,eAAO,MAAM,YAAY,mCASxB,CAAC;AAEF,eAAO,MAAM,WAAW,mCASvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCASpB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAYtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mCAS5B,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,YAAY,mCAA6D,CAAC;AAEvF,OAAO,KAAK,OAAO,MAAM,4BAA4B,CAAC"}

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

@@ -1,5 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '../../core';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ButtonIcon } from '../Button';
 import { ListItem } from './ListItem';
 import { useStyles } from './ListItem.styles';
@@ -36,5 +35,6 @@ 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, { 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" })] }));
+/** Sans prop `onPress`, l’effet de hover n’apparaît pas. */
+export const withoutHover = () => _jsx(ListItem, { title: "Titre", description: "Description" });
 export * as Sources from './ListItem.stories.sources';

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

@@ -17,4 +17,5 @@ export declare const storySources: {
     readonly withoutHover: () => string;
 };
 export type StorySourceName = keyof typeof storySources;
+export declare const storyDescriptions: Partial<Record<StorySourceName, string>>;
 //# sourceMappingURL=ListItem.stories.sources.d.ts.map

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,cAAyQ,CAAC;AAEnS,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,cAAsG,CAAC;AAEhI,eAAO,MAAM,YAAY;;;;;;;;;CASf,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/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 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 withoutHover = () => "export const withoutHover = () => <ListItem title=\"Titre\" description=\"Description\" />;";
 export const storySources = {
     Default,
     WithTrailing,
@@ -18,3 +18,6 @@ export const storySources = {
     WithPreviewImage,
     withoutHover,
 };
+export const storyDescriptions = {
+    withoutHover: "Sans prop `onPress`, l’effet de hover n’apparaît pas.",
+};

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

@@ -2,31 +2,31 @@ export declare const useStyles: () => {
     item: {
         display: "flex";
         flexDirection: "row";
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
+        paddingLeft: string | number;
+        paddingRight: string | number;
         alignItems: "center";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
         alignSelf: "stretch";
     };
     itemHover: {
         backgroundColor: string;
-        borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        borderRadius: import("@alveole/theme").Radius;
         cursor: "pointer";
     };
     container: {
         display: "flex";
         flexDirection: "row";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
     };
     detail: {
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingBottom: string | number;
         flex: number;
         display: "flex";
         flexDirection: "row";
         alignItems: "center";
         alignSelf: "stretch";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
         position: "relative";
     };
     separateur: {
@@ -81,7 +81,7 @@ export declare const useStyles: () => {
         alignItems: "center";
         justifyContent: "center";
         overflow: "hidden";
-        borderRadius: import("@alveole/theme").Spacing;
+        borderRadius: string | number;
     };
     preview: {
         width: number;

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

@@ -8,10 +8,10 @@ export type IconName = LucideIconName | LabIconName;
 export declare const isLucideIconName: (name: string) => name is LucideIconName;
 declare const PublicPropsSchema: z.ZodObject<{
     size: z.ZodEnum<{
-        xs: "xs";
         sm: "sm";
         md: "md";
         lg: "lg";
+        xs: "xs";
         xl: "xl";
     }>;
     name: z.ZodEnum<{
@@ -6387,10 +6387,10 @@ type PrivateProps = {
 export type LucideIconProps = z.infer<typeof PublicPropsSchema> & PrivateProps;
 export declare const LucideIconPropsJSON: z.core.ZodStandardJSONSchemaPayload<z.ZodObject<{
     size: z.ZodEnum<{
-        xs: "xs";
         sm: "sm";
         md: "md";
         lg: "lg";
+        xs: "xs";
         xl: "xl";
     }>;
     name: z.ZodEnum<{

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

@@ -4,12 +4,13 @@ declare const _default: {
     experimental: false;
     figmaURL: string;
     description: string;
+    shortDescription: string;
     props: import("zod/v4/core").ZodStandardJSONSchemaPayload<import("zod").ZodObject<{
         size: import("zod").ZodEnum<{
-            xs: "xs";
             sm: "sm";
             md: "md";
             lg: "lg";
+            xs: "xs";
             xl: "xl";
         }>;
         name: import("zod").ZodEnum<{
@@ -6383,6 +6384,10 @@ declare const _default: {
 export default _default;
 export declare const Default: () => import("react").JSX.Element;
 export declare const Colored: () => import("react").JSX.Element;
+/**
+ * En passant `name="Share"`, le composant sélectionne automatiquement l'icône adaptée à la plateforme courante.
+ * La prop `_platformOverride` est utilisée ici uniquement pour forcer l'affichage de chaque variante dans la story.
+ */
 export declare const SharePerPlatform: () => import("react").JSX.Element;
 export * as Sources from './LucideIcon.stories.sources';
 //# sourceMappingURL=LucideIcon.stories.d.ts.map

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBASkB;AAElB,eAAO,MAAM,OAAO,mCAOnB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAAiE,CAAC;AAEtF,eAAO,MAAM,gBAAgB,mCAsB5B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}
+{"version":3,"file":"LucideIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/LucideIcon/LucideIcon.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAUkB;AAElB,eAAO,MAAM,OAAO,mCAOnB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAAiE,CAAC;AAEtF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,mCAiB5B,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,8BAA8B,CAAC"}

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

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '../../core';
-import { Typography } from '../../core/Typography';
+import { Box, Typography } from '../../core';
 import { LucideIcon } from './LucideIcon';
 import { LucideIconPropsJSON } from './LucideIcon.props';
 export default {
@@ -8,12 +7,17 @@ export default {
     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',
+    description: 'Icon de la librairie [Lucide](https://lucide.dev/icons/)',
+    shortDescription: 'Icône de la librairie Lucide (lucide.dev/icons).',
     props: LucideIconPropsJSON,
     component: LucideIcon,
     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: "green" });
-export const SharePerPlatform = () => (_jsxs(Box, { style: { gap: 24 }, children: [_jsx(Typography, { children: "En passant name=\"Share\", le composant s\u00E9lectionne automatiquement l'ic\u00F4ne adapt\u00E9e \u00E0 la plateforme courante. La prop _platformOverride est utilis\u00E9e ici uniquement pour forcer l'affichage de chaque variante dans la story." }), _jsxs(Box, { style: { flexDirection: 'row', gap: 24 }, children: [_jsxs(Box, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Typography, { children: "Web" }), _jsx(LucideIcon, { name: "Share", size: "md", _platformOverride: "web" })] }), _jsxs(Box, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Typography, { children: "Android" }), _jsx(LucideIcon, { name: "Share", size: "md", _platformOverride: "android" })] }), _jsxs(Box, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Typography, { children: "iOS" }), _jsx(LucideIcon, { name: "Share", size: "md", _platformOverride: "ios" })] })] })] }));
+/**
+ * En passant `name="Share"`, le composant sélectionne automatiquement l'icône adaptée à la plateforme courante.
+ * La prop `_platformOverride` est utilisée ici uniquement pour forcer l'affichage de chaque variante dans la story.
+ */
+export const SharePerPlatform = () => (_jsx(Box, { style: { gap: 24 }, children: _jsxs(Box, { style: { flexDirection: 'row', gap: 24 }, children: [_jsxs(Box, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Typography, { children: "Web" }), _jsx(LucideIcon, { name: "Share", size: "md", _platformOverride: "web" })] }), _jsxs(Box, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Typography, { children: "Android" }), _jsx(LucideIcon, { name: "Share", size: "md", _platformOverride: "android" })] }), _jsxs(Box, { style: { alignItems: 'center', gap: 8 }, children: [_jsx(Typography, { children: "iOS" }), _jsx(LucideIcon, { name: "Share", size: "md", _platformOverride: "ios" })] })] }) }));
 export * as Sources from './LucideIcon.stories.sources';

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

@@ -7,4 +7,5 @@ export declare const storySources: {
     readonly SharePerPlatform: () => string;
 };
 export type StorySourceName = keyof typeof storySources;
+export declare const storyDescriptions: Partial<Record<StorySourceName, string>>;
 //# sourceMappingURL=LucideIcon.stories.sources.d.ts.map

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,cAAuG,CAAC;AAE5H,eAAO,MAAM,gBAAgB,cAAq/B,CAAC;AAEnhC,eAAO,MAAM,YAAY;;;;CAIf,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,gBAAgB,cAA2sB,CAAC;AAEzuB,eAAO,MAAM,YAAY;;;;CAIf,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/LucideIcon/LucideIcon.stories.sources.js

@@ -2,9 +2,12 @@
 // 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=\"green\" />;";
-export const SharePerPlatform = () => "export const SharePerPlatform = () => (\n  <Box style={{ gap: 24 }}>\n    <Typography>\n      En passant name=&quot;Share&quot;, le composant sélectionne automatiquement l&apos;icône adaptée à la plateforme\n      courante. La prop _platformOverride est utilisée ici uniquement pour forcer l&apos;affichage de chaque variante\n      dans la story.\n    </Typography>\n    <Box style={{ flexDirection: 'row', gap: 24 }}>\n      <Box style={{ alignItems: 'center', gap: 8 }}>\n        <Typography>Web</Typography>\n        <LucideIcon name=\"Share\" size=\"md\" _platformOverride=\"web\" />\n      </Box>\n      <Box style={{ alignItems: 'center', gap: 8 }}>\n        <Typography>Android</Typography>\n        <LucideIcon name=\"Share\" size=\"md\" _platformOverride=\"android\" />\n      </Box>\n      <Box style={{ alignItems: 'center', gap: 8 }}>\n        <Typography>iOS</Typography>\n        <LucideIcon name=\"Share\" size=\"md\" _platformOverride=\"ios\" />\n      </Box>\n    </Box>\n  </Box>\n);";
+export const SharePerPlatform = () => "export const SharePerPlatform = () => (\n  <Box style={{ gap: 24 }}>\n    <Box style={{ flexDirection: 'row', gap: 24 }}>\n      <Box style={{ alignItems: 'center', gap: 8 }}>\n        <Typography>Web</Typography>\n        <LucideIcon name=\"Share\" size=\"md\" _platformOverride=\"web\" />\n      </Box>\n      <Box style={{ alignItems: 'center', gap: 8 }}>\n        <Typography>Android</Typography>\n        <LucideIcon name=\"Share\" size=\"md\" _platformOverride=\"android\" />\n      </Box>\n      <Box style={{ alignItems: 'center', gap: 8 }}>\n        <Typography>iOS</Typography>\n        <LucideIcon name=\"Share\" size=\"md\" _platformOverride=\"ios\" />\n      </Box>\n    </Box>\n  </Box>\n);";
 export const storySources = {
     Default,
     Colored,
     SharePerPlatform,
 };
+export const storyDescriptions = {
+    SharePerPlatform: "En passant `name=\"Share\"`, le composant sélectionne automatiquement l'icône adaptée à la plateforme courante.\nLa prop `_platformOverride` est utilisée ici uniquement pour forcer l'affichage de chaque variante dans la story.",
+};

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

@@ -1 +1 @@
-{"version":3,"file":"OtpField.d.ts","sourceRoot":"","sources":["../../../src/ui/OtpField/OtpField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EAGrB,wBAAwB,EAEzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG,wBAAwB,GAClD,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,QAAQ,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAC;CACrD,CAAC;AAEJ,eAAO,MAAM,QAAQ;;;;;;;eAHN,wBAAwB,CAAC,cAAc,CAAC;sEAoCrD,CAAC"}
+{"version":3,"file":"OtpField.d.ts","sourceRoot":"","sources":["../../../src/ui/OtpField/OtpField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,oBAAoB,EAEpB,qBAAqB,EAGrB,wBAAwB,EAEzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,aAAa,GAAG,wBAAwB,GAClD,qBAAqB,GACrB,oBAAoB,GACpB,uBAAuB,GAAG;IACxB,QAAQ,CAAC,EAAE,wBAAwB,CAAC,cAAc,CAAC,CAAC;CACrD,CAAC;AAEJ,eAAO,MAAM,QAAQ;;;;;;;eAHN,wBAAwB,CAAC,cAAc,CAAC;sEAoCrD,CAAC"}

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

@@ -16,7 +16,7 @@ declare const _default: {
         inputHeading: {};
         containerStyle: {
             justifyContent: "center";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
         };
         pinCodeContainerStyle: {
             borderRadius: number;
@@ -39,7 +39,7 @@ declare const _default: {
             outlineOffset: number;
         };
         focusStickStyle: {
-            maxHeight: import("@alveole/theme").Spacing;
+            maxHeight: string | number;
         };
         pinCodeTextStyle: {
             fontSize: 18;

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

@@ -2,7 +2,7 @@ export declare const useStyles: () => {
     inputHeading: {};
     containerStyle: {
         justifyContent: "center";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
     };
     pinCodeContainerStyle: {
         borderRadius: number;
@@ -25,7 +25,7 @@ export declare const useStyles: () => {
         outlineOffset: number;
     };
     focusStickStyle: {
-        maxHeight: import("@alveole/theme").Spacing;
+        maxHeight: string | number;
     };
     pinCodeTextStyle: {
         fontSize: 18;

package/dist/ui/OtpField/OtpField.styles.js

@@ -1,5 +1,5 @@
 import { makeStyles } from '@alveole/theme';
-export const useStyles = makeStyles(({ text, color, spacing }) => ({
+export const useStyles = makeStyles(({ text, color, spacing, spacingValue }) => ({
     inputHeading: {},
     containerStyle: {
         justifyContent: 'center',
@@ -11,8 +11,8 @@ export const useStyles = makeStyles(({ text, color, spacing }) => ({
         borderColor: color.border['default-grey'],
         backgroundColor: '#FFFFFF',
         overflow: 'hidden',
-        height: spacing('300'),
-        width: spacing('300'),
+        height: spacingValue('300'),
+        width: spacingValue('300'),
         justifyContent: 'center',
         alignItems: 'center',
     },

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

@@ -8,14 +8,14 @@ declare const _default: {
         container: {
             display: "flex";
             flexDirection: "column";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
         };
         row: {
             display: "flex";
             flexDirection: "row";
             justifyContent: "space-between";
             alignItems: "center";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
         };
         title: {
             color: string;
@@ -29,7 +29,7 @@ declare const _default: {
             display: "flex";
             flexDirection: "row";
             alignItems: "center";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
             flexShrink: number;
         };
     };

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

@@ -2,14 +2,14 @@ export declare const useStyles: () => {
     container: {
         display: "flex";
         flexDirection: "column";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
     };
     row: {
         display: "flex";
         flexDirection: "row";
         justifyContent: "space-between";
         alignItems: "center";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
     };
     title: {
         color: string;
@@ -23,7 +23,7 @@ export declare const useStyles: () => {
         display: "flex";
         flexDirection: "row";
         alignItems: "center";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
         flexShrink: number;
     };
 };

package/dist/ui/Popover/Popover.js

@@ -15,7 +15,7 @@ export const Popover = (props) => {
         }
     }, [controlledSetOpen, isControlled]);
     const styles = useStyles();
-    const { spacing } = useTheme();
+    const { spacing, spacingValue } = useTheme();
     const spacings = {
         p: 0,
         mr: placement?.includes('left') ? spacing('025') : undefined,
@@ -27,5 +27,5 @@ export const Popover = (props) => {
     const maxW = popoverStyles.maxW ?? '100%';
     return (_jsxs(TamaguiPopover, { placement: placement, disableFocus: true, open: open, onOpenChange: setOpen, children: [_jsx(TamaguiPopover.Trigger, { asChild: true, children: renderTrigger({ open }) }), _jsx(TamaguiPopover.Content, { trapFocus: false, disableFocusScope: true, ...spacings, 
                 // {...styles.tamaguiPopoverContent}
-                style: [{ maxHeight: scrollable ? maxH : undefined, maxWidth: scrollable ? maxW : undefined }, styles.content], children: scrollable ? (_jsx(YStack, { style: { overflow: 'hidden' }, children: _jsx(ScrollView, { style: { maxHeight: maxH - spacing('025') }, children: children }) })) : (children) })] }));
+                style: [{ maxHeight: scrollable ? maxH : undefined, maxWidth: scrollable ? maxW : undefined }, styles.content], children: scrollable ? (_jsx(YStack, { style: { overflow: 'hidden' }, children: _jsx(ScrollView, { style: { maxHeight: maxH - spacingValue('025') }, children: children }) })) : (children) })] }));
 };

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

@@ -8,13 +8,13 @@ declare const _default: {
     styleFn: () => {
         content: {
             display: "flex";
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
+            paddingLeft: string | number;
+            paddingRight: string | number;
             flexDirection: "column";
             alignItems: "flex-end";
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
             borderWidth: number;
             borderStyle: "solid";
             borderColor: string;
@@ -29,13 +29,13 @@ declare const _default: {
             shadowRadius: number;
             elevation: number;
             display: "flex";
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
+            paddingLeft: string | number;
+            paddingRight: string | number;
             flexDirection: "column";
             alignItems: "flex-end";
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
             borderWidth: number;
             borderStyle: "solid";
             borderColor: string;
@@ -43,13 +43,13 @@ declare const _default: {
         } | {
             boxShadow: string;
             display: "flex";
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
+            paddingLeft: string | number;
+            paddingRight: string | number;
             flexDirection: "column";
             alignItems: "flex-end";
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
             borderWidth: number;
             borderStyle: "solid";
             borderColor: string;

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

@@ -1,13 +1,13 @@
 export declare const useStyles: () => {
     content: {
         display: "flex";
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingBottom: string | number;
+        paddingLeft: string | number;
+        paddingRight: string | number;
         flexDirection: "column";
         alignItems: "flex-end";
-        borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        borderRadius: import("@alveole/theme").Radius;
         borderWidth: number;
         borderStyle: "solid";
         borderColor: string;
@@ -22,13 +22,13 @@ export declare const useStyles: () => {
         shadowRadius: number;
         elevation: number;
         display: "flex";
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingBottom: string | number;
+        paddingLeft: string | number;
+        paddingRight: string | number;
         flexDirection: "column";
         alignItems: "flex-end";
-        borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        borderRadius: import("@alveole/theme").Radius;
         borderWidth: number;
         borderStyle: "solid";
         borderColor: string;
@@ -36,13 +36,13 @@ export declare const useStyles: () => {
     } | {
         boxShadow: string;
         display: "flex";
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingBottom: string | number;
+        paddingLeft: string | number;
+        paddingRight: string | number;
         flexDirection: "column";
         alignItems: "flex-end";
-        borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        borderRadius: import("@alveole/theme").Radius;
         borderWidth: number;
         borderStyle: "solid";
         borderColor: string;

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

@@ -13,7 +13,7 @@ declare const _default: {
         container: {
             borderBottomWidth: number;
             borderBottomColor: string;
-            paddingBottom: import("@alveole/theme").Spacing;
+            paddingBottom: string | number;
         };
         priceInputContainer: {
             display: "flex";

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

@@ -2,7 +2,7 @@ export declare const useStyles: () => {
     container: {
         borderBottomWidth: number;
         borderBottomColor: string;
-        paddingBottom: import("@alveole/theme").Spacing;
+        paddingBottom: string | number;
     };
     priceInputContainer: {
         display: "flex";

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

@@ -18,7 +18,7 @@ declare const _default: {
         };
         progressed: {
             height: "100%";
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
             backgroundColor: string;
         };
         progressedAbsolute: {
@@ -26,12 +26,12 @@ declare const _default: {
             top: number;
             bottom: number;
             left: number;
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
             backgroundColor: string;
         };
         remaining: {
             height: "100%";
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
             backgroundColor: string;
         };
         remainingAbsolute: {
@@ -39,13 +39,13 @@ declare const _default: {
             top: number;
             bottom: number;
             right: number;
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
             backgroundColor: string;
         };
         progress: {
             backgroundColor: string;
             width: "100%";
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
             overflow: "hidden";
         };
         bar: {
@@ -53,12 +53,12 @@ declare const _default: {
             top: number;
             bottom: number;
             width: "100%";
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
             backgroundColor: string;
         };
         indicator: {
             color: string;
-            marginTop: import("@alveole/theme").Spacing;
+            marginTop: string | number;
             marginLeft: string;
             marginRight: string;
             fontSize: 12;