@alveole/components 1.0.0 → 1.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/ui/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,kBAAkB,EAElB,oBAAoB,EACpB,gBAAgB,EAChB,qBAAqB,EAKtB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAiD,MAAM,OAAO,CAAC;AAOtE,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AACF,MAAM,MAAM,kBAAkB,GAAG,8BAA8B,GAAG,2BAA2B,CAAC;AAE9F,eAAO,MAAM,6BAA6B,GACxC,QAAQ,kBAAkB,GAAG,SAAS,GAAG,IAAI,KAC5C,MAAM,IAAI,2BAEZ,CAAC;AACF,eAAO,MAAM,kCAAkC,GAC7C,SAAS,kBAAkB,EAAE,KAC5B,OAAO,IAAI,2BAA2B,EAExC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GAC3E,qBAAqB,GACrB,oBAAoB,GACpB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG;IAChD,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC7B,OAAO,EAAE,8BAA8B,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACpE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACvD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C,CAAC;AAaJ,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,sBAkRpD,CAAC"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/ui/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,kBAAkB,EAElB,oBAAoB,EACpB,gBAAgB,EAChB,qBAAqB,EAKtB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAiD,MAAM,OAAO,CAAC;AAetE,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AACF,MAAM,MAAM,kBAAkB,GAAG,8BAA8B,GAAG,2BAA2B,CAAC;AAE9F,eAAO,MAAM,6BAA6B,GACxC,QAAQ,kBAAkB,GAAG,SAAS,GAAG,IAAI,KAC5C,MAAM,IAAI,2BAEZ,CAAC;AACF,eAAO,MAAM,kCAAkC,GAC7C,SAAS,kBAAkB,EAAE,KAC5B,OAAO,IAAI,2BAA2B,EAExC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GAC3E,qBAAqB,GACrB,oBAAoB,GACpB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG;IAChD,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC7B,OAAO,EAAE,8BAA8B,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACpE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACvD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C,CAAC;AAaJ,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,sBAkRpD,CAAC"}

package/dist/ui/Autocomplete/Autocomplete.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Box, Button, ButtonIcon, Divider, FormControl, FormControlCaption, FormControlHint, FormControlLabel, InputHeading, LucideIcon, Typography, } from '@alveole/components';
 import { FlashList } from '@shopify/flash-list';
 import React, { useCallback, useMemo, useRef, useState } from 'react';
-import { KeyboardAvoidingView, Modal, Platform, Pressable, useWindowDimensions } from 'react-native';
+import { KeyboardAvoidingView, Modal, Platform, Pressable, useWindowDimensions, } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { TextField } from '../TextField';
 import { useStyles } from './Autocomplete.styles';

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

@@ -25,11 +25,11 @@ declare const _default: {
         inputInner: {
             display: "flex";
             flexDirection: "row";
-            gap: import("@alveole/theme").Spacing;
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            gap: string | number;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            paddingTop: string | number;
+            paddingBottom: string | number;
             borderRadius: number;
             borderWidth: number;
             borderColor: string;
@@ -45,29 +45,29 @@ declare const _default: {
             backgroundColor: string;
         };
         control: {
-            minHeight: import("@alveole/theme").Spacing;
+            minHeight: string | number;
             flexWrap: "inherit";
             borderColor: string;
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
             borderRadius: number;
         };
         controlDisabled: {
             backgroundColor: string;
         };
         multiValue: {
-            borderRadius: import("@alveole/theme").Spacing;
+            borderRadius: string | number;
             backgroundColor: string;
-            paddingLeft: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
         };
         multiValueDisabled: {
             backgroundColor: "#FFFFFF";
             borderColor: string;
             borderWidth: number;
-            borderRadius: import("@alveole/theme").Spacing;
+            borderRadius: string | number;
             borderStyle: "solid";
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
         };
         multiValueRemoveHover: {
             backgroundColor: string;
@@ -78,7 +78,7 @@ declare const _default: {
         };
         dropdownIndicator: {
             color: string;
-            padding: import("@alveole/theme").Spacing;
+            padding: string | number;
         };
         dropdownIndicatorDisabled: {
             display: "none";
@@ -91,7 +91,7 @@ declare const _default: {
         };
         clearIndicator: {
             color: string;
-            padding: import("@alveole/theme").Spacing;
+            padding: string | number;
         };
         nativeLabel: {
             color: string;
@@ -118,10 +118,10 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         nativeItem: {
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
-            paddingLeft: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingRight: string | number;
+            paddingBottom: string | number;
+            paddingLeft: string | number;
             backgroundColor: string;
         };
         nativeItemText: {
@@ -163,7 +163,7 @@ declare const _default: {
         };
         autocompleteIcon: {
             position: "absolute";
-            right: import("@alveole/theme").Spacing;
+            right: string | number;
             top: string;
         };
         modalOverlay: {
@@ -174,24 +174,24 @@ declare const _default: {
         modalContent: {
             flex: number;
             backgroundColor: "white";
-            borderTopLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderTopRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            paddingTop: import("@alveole/theme").Spacing;
+            borderTopLeftRadius: import("@alveole/theme").Radius;
+            borderTopRightRadius: import("@alveole/theme").Radius;
+            paddingTop: string | number;
         };
         modalHeader: {
             display: "flex";
             flexDirection: "row";
             justifyContent: "space-between";
             alignItems: "center";
-            paddingLeft: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
         };
         groupHeader: {
             color: string;
             textTransform: "uppercase";
-            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;
             backgroundColor: string;
             fontSize: 12;
             lineHeight: 20;
@@ -201,8 +201,8 @@ declare const _default: {
         };
         groupHeading: {
             backgroundColor: string;
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
             color: string;
             textTransform: "uppercase";
             marginBottom: number;

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

@@ -17,11 +17,11 @@ export declare const useStyles: () => {
     inputInner: {
         display: "flex";
         flexDirection: "row";
-        gap: import("@alveole/theme").Spacing;
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
+        gap: string | number;
+        paddingLeft: string | number;
+        paddingRight: string | number;
+        paddingTop: string | number;
+        paddingBottom: string | number;
         borderRadius: number;
         borderWidth: number;
         borderColor: string;
@@ -37,29 +37,29 @@ export declare const useStyles: () => {
         backgroundColor: string;
     };
     control: {
-        minHeight: import("@alveole/theme").Spacing;
+        minHeight: string | number;
         flexWrap: "inherit";
         borderColor: string;
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingBottom: string | number;
         borderRadius: number;
     };
     controlDisabled: {
         backgroundColor: string;
     };
     multiValue: {
-        borderRadius: import("@alveole/theme").Spacing;
+        borderRadius: string | number;
         backgroundColor: string;
-        paddingLeft: import("@alveole/theme").Spacing;
+        paddingLeft: string | number;
     };
     multiValueDisabled: {
         backgroundColor: "#FFFFFF";
         borderColor: string;
         borderWidth: number;
-        borderRadius: import("@alveole/theme").Spacing;
+        borderRadius: string | number;
         borderStyle: "solid";
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
+        paddingLeft: string | number;
+        paddingRight: string | number;
     };
     multiValueRemoveHover: {
         backgroundColor: string;
@@ -70,7 +70,7 @@ export declare const useStyles: () => {
     };
     dropdownIndicator: {
         color: string;
-        padding: import("@alveole/theme").Spacing;
+        padding: string | number;
     };
     dropdownIndicatorDisabled: {
         display: "none";
@@ -83,7 +83,7 @@ export declare const useStyles: () => {
     };
     clearIndicator: {
         color: string;
-        padding: import("@alveole/theme").Spacing;
+        padding: string | number;
     };
     nativeLabel: {
         color: string;
@@ -110,10 +110,10 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     nativeItem: {
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
-        paddingLeft: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingRight: string | number;
+        paddingBottom: string | number;
+        paddingLeft: string | number;
         backgroundColor: string;
     };
     nativeItemText: {
@@ -155,7 +155,7 @@ export declare const useStyles: () => {
     };
     autocompleteIcon: {
         position: "absolute";
-        right: import("@alveole/theme").Spacing;
+        right: string | number;
         top: string;
     };
     modalOverlay: {
@@ -166,24 +166,24 @@ export declare const useStyles: () => {
     modalContent: {
         flex: number;
         backgroundColor: "white";
-        borderTopLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-        borderTopRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-        paddingTop: import("@alveole/theme").Spacing;
+        borderTopLeftRadius: import("@alveole/theme").Radius;
+        borderTopRightRadius: import("@alveole/theme").Radius;
+        paddingTop: string | number;
     };
     modalHeader: {
         display: "flex";
         flexDirection: "row";
         justifyContent: "space-between";
         alignItems: "center";
-        paddingLeft: import("@alveole/theme").Spacing;
+        paddingLeft: string | number;
     };
     groupHeader: {
         color: string;
         textTransform: "uppercase";
-        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;
         backgroundColor: string;
         fontSize: 12;
         lineHeight: 20;
@@ -193,8 +193,8 @@ export declare const useStyles: () => {
     };
     groupHeading: {
         backgroundColor: string;
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingBottom: string | number;
         color: string;
         textTransform: "uppercase";
         marginBottom: number;

package/dist/ui/Autocomplete/Autocomplete.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.web.d.ts","sourceRoot":"","sources":["../../../src/ui/Autocomplete/Autocomplete.web.tsx"],"names":[],"mappings":"AASA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAqB,MAAM,gBAAgB,CAAC;AAGvE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;iDAiDnB,CAAF;;;;;;;;;;6BA4GF,CAAC"}
+{"version":3,"file":"Autocomplete.web.d.ts","sourceRoot":"","sources":["../../../src/ui/Autocomplete/Autocomplete.web.tsx"],"names":[],"mappings":"AASA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAqB,MAAM,gBAAgB,CAAC;AAGvE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;iDAmDnB,CAAF;;;;;;;;;;6BA0GF,CAAC"}

package/dist/ui/Avatar/Avatar.js

@@ -14,14 +14,14 @@ const getInitials = (name) => {
 export const Avatar = (props) => {
     const { style, fallbackText, src, size, carre, ...avatarProps } = props;
     const initials = getInitials(fallbackText ?? '');
-    const { spacing } = useTheme();
+    const { spacingValue } = useTheme();
     const styles = useStyles();
     const avatarSize = {
         xs: 20,
-        sm: spacing('3W'),
-        md: spacing('4W'),
-        lg: spacing('5W'),
-        xl: spacing('8W'),
+        sm: spacingValue('3W'),
+        md: spacingValue('4W'),
+        lg: spacingValue('5W'),
+        xl: spacingValue('8W'),
     };
     return (_jsxs(TamaguiAvatar, { style: { ...styles.avatar, ...(carre ? styles.carre : {}), ...style }, circular: !carre, size: avatarSize[size], ...avatarProps, children: [_jsx(TamaguiAvatar.Image, { src: src }), _jsx(Typography, { style: styles.fallbackText, children: initials })] }));
 };

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

@@ -10,7 +10,7 @@ declare const _default: {
             backgroundColor: string;
         };
         carre: {
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
         };
         fallbackText: {
             color: string;

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

@@ -3,7 +3,7 @@ export declare const useStyles: () => {
         backgroundColor: string;
     };
     carre: {
-        borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        borderRadius: import("@alveole/theme").Radius;
     };
     fallbackText: {
         color: string;

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

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

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

@@ -7,7 +7,7 @@ declare const _default: {
     component: (props: import("./Badge").BadgeProps) => import("react").JSX.Element;
     styleFn: () => {
         badge: {
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
             marginRight: string;
             display: "flex";
             flexDirection: "row";
@@ -45,9 +45,9 @@ declare const _default: {
             textTransform: "uppercase";
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            gap: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            gap: string | number;
         };
         badgeMd: {
             fontSize: 14;
@@ -56,9 +56,9 @@ declare const _default: {
             textTransform: "uppercase";
             fontFamily: string;
             fontWeight?: import("react-native").TextStyle["fontWeight"];
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            gap: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            gap: string | number;
         };
     };
 };

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

@@ -1,6 +1,6 @@
 export declare const useStyles: () => {
     badge: {
-        borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        borderRadius: import("@alveole/theme").Radius;
         marginRight: string;
         display: "flex";
         flexDirection: "row";
@@ -38,9 +38,9 @@ export declare const useStyles: () => {
         textTransform: "uppercase";
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
-        gap: import("@alveole/theme").Spacing;
+        paddingLeft: string | number;
+        paddingRight: string | number;
+        gap: string | number;
     };
     badgeMd: {
         fontSize: 14;
@@ -49,9 +49,9 @@ export declare const useStyles: () => {
         textTransform: "uppercase";
         fontFamily: string;
         fontWeight?: import("react-native").TextStyle["fontWeight"];
-        paddingLeft: import("@alveole/theme").Spacing;
-        paddingRight: import("@alveole/theme").Spacing;
-        gap: import("@alveole/theme").Spacing;
+        paddingLeft: string | number;
+        paddingRight: string | number;
+        gap: string | number;
     };
 };
 //# sourceMappingURL=Badge.styles.d.ts.map

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

@@ -15,7 +15,7 @@ declare const _default: {
             flexDirection: "row";
             flexWrap: "wrap";
             alignItems: "center";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
         };
         separator: {
             color: string;

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

@@ -8,7 +8,7 @@ export declare const useStyles: () => {
         flexDirection: "row";
         flexWrap: "wrap";
         alignItems: "center";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
     };
     separator: {
         color: string;

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

@@ -22,15 +22,15 @@ declare const _default: {
     } & import("react").RefAttributes<import("react-native").View>>;
     styleFn: () => {
         container: {
-            borderTopLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderBottomLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderTopRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderBottomRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderTopLeftRadius: import("@alveole/theme").Radius;
+            borderBottomLeftRadius: import("@alveole/theme").Radius;
+            borderTopRightRadius: import("@alveole/theme").Radius;
+            borderBottomRightRadius: import("@alveole/theme").Radius;
             display: "flex";
             flexDirection: "row";
             justifyContent: "center";
             alignItems: "center";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
             transitionProperty: "all";
             transitionDuration: "150ms";
             transitionTimingFunction: "ease";
@@ -141,45 +141,45 @@ declare const _default: {
             color: string;
         };
         xsContainer: {
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
-            borderTopLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderBottomLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderTopRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderBottomRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            paddingTop: string | number;
+            paddingBottom: string | number;
+            borderTopLeftRadius: import("@alveole/theme").Radius;
+            borderBottomLeftRadius: import("@alveole/theme").Radius;
+            borderTopRightRadius: import("@alveole/theme").Radius;
+            borderBottomRightRadius: import("@alveole/theme").Radius;
         };
         smContainer: {
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
-            borderTopLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderBottomLeftRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderTopRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            borderBottomRightRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            paddingTop: string | number;
+            paddingBottom: string | number;
+            borderTopLeftRadius: import("@alveole/theme").Radius;
+            borderBottomLeftRadius: import("@alveole/theme").Radius;
+            borderTopRightRadius: import("@alveole/theme").Radius;
+            borderBottomRightRadius: import("@alveole/theme").Radius;
         };
         mdContainer: {
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
             paddingTop: number;
             paddingBottom: number;
         };
         lgContainer: {
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            paddingTop: string | number;
+            paddingBottom: string | number;
         };
         smContainerIconOnly: {
-            padding: import("@alveole/theme").Spacing;
+            padding: string | number;
         };
         mdContainerIconOnly: {
-            padding: import("@alveole/theme").Spacing;
+            padding: string | number;
         };
         lgContainerIconOnly: {
-            padding: import("@alveole/theme").Spacing;
+            padding: string | number;
         };
         xsTitle: {
             readonly fontSize: 12;
@@ -210,22 +210,22 @@ declare const _default: {
             readonly fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         smContainerStartIcon: {
-            paddingLeft: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
         };
         mdContainerStartIcon: {
-            paddingLeft: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
         };
         lgContainerStartIcon: {
-            paddingLeft: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
         };
         smContainerEndIcon: {
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingRight: string | number;
         };
         mdContainerEndIcon: {
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingRight: string | number;
         };
         lgContainerEndIcon: {
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingRight: string | number;
         };
         primaryTitleDisabled: {
             cursor: "not-allowed";
@@ -309,10 +309,12 @@ export declare const Primary: () => import("react").JSX.Element;
 export declare const Secondary: () => import("react").JSX.Element;
 export declare const Tertiary: () => import("react").JSX.Element;
 export declare const Danger: () => import("react").JSX.Element;
+/** @deprecated Préférer les variants `primary`, `secondary` ou `tertiary`. */
 export declare const Link: () => import("react").JSX.Element;
 export declare const Icons: () => import("react").JSX.Element;
 export declare const FullWidth: () => import("react").JSX.Element;
 export declare const Selected: () => import("react").JSX.Element;
+/** Utilisé quand le bouton est actif (ex : quand un menu est ouvert). */
 export declare const Active: () => import("react").JSX.Element;
 export * as Sources from './Button.stories.sources';
 //# sourceMappingURL=Button.stories.d.ts.map

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,mCAMjB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAKlB,CAAC;AAEF,eAAO,MAAM,IAAI,mCAShB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAAkE,CAAC;AAEzF,eAAO,MAAM,QAAQ,mCAIpB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAOlB,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,mCAMjB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAKnB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,mCAKlB,CAAC;AAEF,8EAA8E;AAC9E,eAAO,MAAM,IAAI,mCAMhB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAQjB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAAkE,CAAC;AAEzF,eAAO,MAAM,QAAQ,mCAIpB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,MAAM,mCAIlB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAC"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from '../../core';
+import { Box } from '../../core';
 import { Button } from './Button';
 import { useStyles } from './Button.styles';
 import { ButtonIcon } from './ButtonIcon';
@@ -17,9 +17,11 @@ 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(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 }), _jsx(Button, { variant: "link", title: "Disabled", disabled: true, startIcon: "Pen" })] })] }));
+/** @deprecated Préférer les variants `primary`, `secondary` ou `tertiary`. */
+export const Link = () => (_jsxs(Box, { display: "flex", flexDirection: "row", gap: 4, children: [_jsx(Button, { variant: "link", title: "Bouton link" }), _jsx(Button, { variant: "link", title: "Disabled", disabled: true }), _jsx(Button, { variant: "link", title: "Disabled", disabled: true, startIcon: "Pen" })] }));
 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: "column", gap: 4, children: [_jsx(Typography, { children: "Utilis\u00E9 quand le bouton est actif (ex: quand un menu est ouvert)" }), _jsx(Box, { display: "block", children: _jsx(Button, { variant: "secondary", title: "Active", active: true }) })] }));
+/** Utilisé quand le bouton est actif (ex : quand un menu est ouvert). */
+export const Active = () => (_jsx(Box, { display: "block", 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

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

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,cAAoW,CAAC;AAEvX,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,cAAua,CAAC;AAEzb,eAAO,MAAM,KAAK,cAAic,CAAC;AAEpd,eAAO,MAAM,SAAS,cAAwG,CAAC;AAE/H,eAAO,MAAM,QAAQ,cAAkL,CAAC;AAExM,eAAO,MAAM,MAAM,cAAyT,CAAC;AAE7U,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,cAAoW,CAAC;AAEvX,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,cAA+S,CAAC;AAEjU,eAAO,MAAM,KAAK,cAAic,CAAC;AAEpd,eAAO,MAAM,SAAS,cAAwG,CAAC;AAE/H,eAAO,MAAM,QAAQ,cAAkL,CAAC;AAExM,eAAO,MAAM,MAAM,cAA+I,CAAC;AAEnK,eAAO,MAAM,YAAY;;;;;;;;;;;CAWf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC;AAExD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAGtE,CAAC"}