@alveole/components 1.0.1 → 1.1.0

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

@@ -2,10 +2,10 @@ 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: {
@@ -16,17 +16,17 @@ export declare const useStyles: () => {
     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,10 +8,10 @@ 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").Radius;
@@ -29,10 +29,10 @@ 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").Radius;
@@ -43,10 +43,10 @@ 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").Radius;

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

@@ -1,10 +1,10 @@
 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").Radius;
@@ -22,10 +22,10 @@ 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").Radius;
@@ -36,10 +36,10 @@ 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").Radius;

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

@@ -58,7 +58,7 @@ declare const _default: {
         };
         indicator: {
             color: string;
-            marginTop: import("@alveole/theme").Spacing;
+            marginTop: string | number;
             marginLeft: string;
             marginRight: string;
             fontSize: 12;

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

@@ -51,7 +51,7 @@ export declare const useStyles: () => {
     };
     indicator: {
         color: string;
-        marginTop: import("@alveole/theme").Spacing;
+        marginTop: string | number;
         marginLeft: string;
         marginRight: string;
         fontSize: 12;

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

@@ -22,7 +22,7 @@ declare const _default: {
             display: "flex";
             flexDirection: "column";
             alignItems: "flex-start";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
         };
         group: {
             display: "flex";
@@ -37,7 +37,7 @@ declare const _default: {
             overflow: "hidden";
         };
         groupItem: {
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
         };
         label: {
             fontSize: 14;
@@ -75,11 +75,11 @@ declare const _default: {
             flexDirection: "row";
             justifyContent: "flex-start";
             alignItems: "center";
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
-            gap: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            paddingTop: string | number;
+            paddingBottom: string | number;
+            gap: string | number;
         };
         itemContainer: {
             backgroundColor: "#FFFFFF";
@@ -129,18 +129,18 @@ declare const _default: {
             alignItems: "center";
             justifyContent: "flex-start";
             height: "100%";
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            gap: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            gap: string | number;
         };
         radioGroupCardLabelContainer: {
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
             display: "flex";
             flexDirection: "row";
             width: "100%";
             alignItems: "center";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
             flex: number;
         };
         itemCardSeparator: {

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

@@ -4,7 +4,7 @@ export declare const useStyles: () => {
         display: "flex";
         flexDirection: "column";
         alignItems: "flex-start";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
     };
     group: {
         display: "flex";
@@ -19,7 +19,7 @@ export declare const useStyles: () => {
         overflow: "hidden";
     };
     groupItem: {
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
     };
     label: {
         fontSize: 14;
@@ -57,11 +57,11 @@ export declare const useStyles: () => {
         flexDirection: "row";
         justifyContent: "flex-start";
         alignItems: "center";
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
-        gap: import("@alveole/theme").Spacing;
+        paddingLeft: string | number;
+        paddingRight: string | number;
+        paddingTop: string | number;
+        paddingBottom: string | number;
+        gap: string | number;
     };
     itemContainer: {
         backgroundColor: "#FFFFFF";
@@ -111,18 +111,18 @@ export declare const useStyles: () => {
         alignItems: "center";
         justifyContent: "flex-start";
         height: "100%";
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
-        gap: import("@alveole/theme").Spacing;
+        paddingLeft: string | number;
+        paddingRight: string | number;
+        gap: string | number;
     };
     radioGroupCardLabelContainer: {
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingBottom: string | number;
         display: "flex";
         flexDirection: "row";
         width: "100%";
         alignItems: "center";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
         flex: number;
     };
     itemCardSeparator: {

package/dist/ui/RadioGroup/RadioGroup.styles.js

@@ -1,6 +1,6 @@
 import { makeStyles } from '@alveole/theme';
 import { Platform } from 'react-native';
-export const useStyles = makeStyles(({ text, color, spacing, radius }) => ({
+export const useStyles = makeStyles(({ text, color, spacing, spacingValue, radius }) => ({
     container: {
         width: '100%',
         display: 'flex',
@@ -66,16 +66,16 @@ export const useStyles = makeStyles(({ text, color, spacing, radius }) => ({
         borderColor: color.light.border['action-high-primary'],
     },
     itemContainerSm: {
-        height: spacing('100'),
-        width: spacing('100'),
+        height: spacingValue('100'),
+        width: spacingValue('100'),
     },
     itemContainerMd: {
-        height: spacing('150'),
-        width: spacing('150'),
+        height: spacingValue('150'),
+        width: spacingValue('150'),
     },
     itemCardContainer: {
-        height: spacing('100'),
-        width: spacing('100'),
+        height: spacingValue('100'),
+        width: spacingValue('100'),
         backgroundColor: '#FFFFFF',
     },
     itemContainerActive: {

package/dist/ui/RadioGroup/RadioGroupItem.styles.d.ts

@@ -9,7 +9,7 @@ export declare const useStyles: () => {
         flexDirection: "row";
         alignItems: "center";
         width: "100%";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
     };
     itemLabel: {
         fontSize: 14;