@alveole/components 1.0.1 → 1.1.1

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

@@ -33,12 +33,12 @@ declare const _default: {
             display: "flex";
             flexDirection: "row";
             justifyContent: "space-between";
-            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;
             alignItems: "flex-start";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
             alignSelf: "stretch";
             backgroundColor: "#FFFFFF";
             borderWidth: number;
@@ -48,12 +48,12 @@ declare const _default: {
             display: "flex";
             flexDirection: "row";
             justifyContent: "space-between";
-            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;
             alignItems: "flex-start";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
             alignSelf: "stretch";
             backgroundColor: string;
             borderWidth: number;
@@ -63,12 +63,12 @@ declare const _default: {
             display: "flex";
             flexDirection: "row";
             justifyContent: "space-between";
-            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;
             alignItems: "flex-start";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
             alignSelf: "stretch";
             borderWidth: number;
             backgroundColor: "#FFFFFF";
@@ -87,8 +87,8 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         accordionItemContent: {
-            padding: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            padding: string | number;
+            paddingBottom: string | number;
         };
         accordionAfterLabel: {
             width: "100%";

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

@@ -24,12 +24,12 @@ export declare const useStyles: () => {
         display: "flex";
         flexDirection: "row";
         justifyContent: "space-between";
-        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;
         alignItems: "flex-start";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
         alignSelf: "stretch";
         backgroundColor: "#FFFFFF";
         borderWidth: number;
@@ -39,12 +39,12 @@ export declare const useStyles: () => {
         display: "flex";
         flexDirection: "row";
         justifyContent: "space-between";
-        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;
         alignItems: "flex-start";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
         alignSelf: "stretch";
         backgroundColor: string;
         borderWidth: number;
@@ -54,12 +54,12 @@ export declare const useStyles: () => {
         display: "flex";
         flexDirection: "row";
         justifyContent: "space-between";
-        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;
         alignItems: "flex-start";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
         alignSelf: "stretch";
         borderWidth: number;
         backgroundColor: "#FFFFFF";
@@ -78,8 +78,8 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     accordionItemContent: {
-        padding: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
+        padding: string | number;
+        paddingBottom: string | number;
     };
     accordionAfterLabel: {
         width: "100%";

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: {
@@ -176,22 +176,22 @@ declare const _default: {
             backgroundColor: "white";
             borderTopLeftRadius: import("@alveole/theme").Radius;
             borderTopRightRadius: import("@alveole/theme").Radius;
-            paddingTop: import("@alveole/theme").Spacing;
+            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: {
@@ -168,22 +168,22 @@ export declare const useStyles: () => {
         backgroundColor: "white";
         borderTopLeftRadius: import("@alveole/theme").Radius;
         borderTopRightRadius: import("@alveole/theme").Radius;
-        paddingTop: import("@alveole/theme").Spacing;
+        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/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

@@ -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

@@ -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

@@ -30,7 +30,7 @@ declare const _default: {
             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;
+            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;
+            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"}