@alveole/components 1.10.0 → 2.0.0-alpha.1

package/dist/stories/index.d.ts

@@ -3,6 +3,7 @@ export * as AnchorHeadingStory from '../core/AnchorHeading/AnchorHeading.stories
 export * as AppUpdateProviderStories from '../core/AppUpdateProvider/AppUpdateProvider.stories';
 export * as BoxStory from '../core/Box/Box.stories';
 export * as CodeStory from '../core/Code/Code.stories';
+export * as GridStory from '../core/Grid/Grid.stories';
 export * as Highlight from '../core/Highlight/Highlight.stories';
 export * as ImageStory from '../core/Image/Image.stories';
 export * as LottieStory from '../core/Lottie/Lottie.stories';
@@ -18,8 +19,6 @@ export * as VersionStory from '../core/Version/Version.stories';
 export * as FormStory from '../core/Form/Form.stories';
 export * as AccordionStory from '../ui/Accordion/Accordion.stories';
 export * as ActionMenuStory from '../ui/ActionMenu/ActionMenu.stories';
-export * as AutocompleteStory from '../ui/Autocomplete/Autocomplete.stories';
-export * as AutocompleteAddressStory from '../ui/AutocompleteAddress/AutocompleteAddress.stories';
 export * as AvatarStory from '../ui/Avatar/Avatar.stories';
 export * as BadgeStory from '../ui/Badge/Badge.stories';
 export * as BottomSheetStory from '../ui/BottomSheet/BottomSheet.stories';
@@ -32,42 +31,36 @@ export * as DataTableStory from '../ui/DataTable/DataTable.stories';
 export * as DateInputStory from '../ui/DateInput/DateInput.stories';
 export * as DividerStory from '../ui/Divider/Divider.stories';
 export * as DocumentViewerStory from '../ui/DocumentViewer/DocumentViewer.stories';
-export * as DragAndDropFileStory from '../ui/DragAndDropFile/DragAndDropFile.stories';
 export * as DurationInputStory from '../ui/DurationInput/DurationInput.stories';
-export * as EmailFieldStory from '../ui/EmailField/EmailField.stories';
-export * as EmailInputStory from '../ui/EmailInput/EmailInput.stories';
 export * as EmptyStateStory from '../ui/EmptyState/EmptyState.stories';
-export * as FileFieldStory from '../ui/FileField/FileField.stories';
+export * as FileDropZoneStory from '../ui/FileDropZone/FileDropZone.stories';
 export * as FilterDateStory from '../ui/FilterDate/FilterDate.stories';
+export * as FileInputStory from '../ui/FormControl/FileInput.stories';
 export * as FormControlStory from '../ui/FormControl/FormControl.stories';
-export * as GridStory from '../ui/Grid/Grid.stories';
+export * as NumberInputStory from '../ui/FormControl/NumberInput.stories';
+export * as OtpInputStory from '../ui/FormControl/OtpInput.stories';
+export * as TextInputStory from '../ui/FormControl/TextInput.stories';
 export * as HeaderStory from '../ui/Header/Header.stories';
 export * as InputButtonAdornmentStory from '../ui/InputButtonAdornment/InputButtonAdornment.stories';
 export * as InputHeadingStory from '../ui/InputHeading/InputHeading.stories';
+export * as LinkStory from '../ui/Link/Link.stories';
 export * as ListItemStory from '../ui/ListItem/ListItem.stories';
 export * as LucideIconStory from '../ui/LucideIcon/LucideIcon.stories';
-export * as NumberFieldStory from '../ui/NumberField/NumberField.stories';
-export * as OtpFieldStory from '../ui/OtpField/OtpField.stories';
 export * as PageHeaderStory from '../ui/PageHeader/PageHeader.stories';
-export * as PasswordFieldStory from '../ui/PasswordField/PasswordField.stories';
-export * as PhoneFieldStory from '../ui/PhoneField/PhoneField.stories';
-export * as PhoneInputStory from '../ui/PhoneInput/PhoneInput.stories';
 export * as PopoverStory from '../ui/Popover/Popover.stories';
 export * as PriceInputStory from '../ui/PriceInput/PriceInput.stories';
 export * as ProgressBarStory from '../ui/ProgressBar/ProgressBar.stories';
 export * as RadioGroupStory from '../ui/RadioGroup/RadioGroup.stories';
 export * as ResourceListStory from '../ui/ResourceList/ResourceList.stories';
 export * as SelectStory from '../ui/Select/Select.stories';
-export * as SelectMultipleStory from '../ui/SelectMultiple/SelectMultiple.stories';
 export * as SidebarStory from '../ui/Sidebar/Sidebar.stories';
 export * as SignatureStory from '../ui/Signature/Signature.stories';
+export * as SkeletonStory from '../ui/Skeleton/Skeleton.stories';
 export * as SpinnerStory from '../ui/Spinner/Spinner.stories';
 export * as SwitchStory from '../ui/Switch/Switch.stories';
 export * as TabsStory from '../ui/Tabs/Tabs.stories';
 export * as TagStory from '../ui/Tag/Tag.stories';
-export * as TextareaFieldStory from '../ui/TextareaField/TextareaField.stories';
 export * as TextareaInputStory from '../ui/TextareaInput/TextareaInput.stories';
-export * as TextFieldStory from '../ui/TextField/TextField.stories';
 export * as TextInputArrayStory from '../ui/TextInputArray/TextInputArray.stories';
 export * as TimeInputStory from '../ui/TimeInput/TimeInput.stories';
 export * as ToastStory from '../ui/Toast/Toast.stories';

package/dist/stories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}

package/dist/stories/index.js

@@ -4,6 +4,7 @@ export * as AnchorHeadingStory from '../core/AnchorHeading/AnchorHeading.stories
 export * as AppUpdateProviderStories from '../core/AppUpdateProvider/AppUpdateProvider.stories';
 export * as BoxStory from '../core/Box/Box.stories';
 export * as CodeStory from '../core/Code/Code.stories';
+export * as GridStory from '../core/Grid/Grid.stories';
 export * as Highlight from '../core/Highlight/Highlight.stories';
 export * as ImageStory from '../core/Image/Image.stories';
 export * as LottieStory from '../core/Lottie/Lottie.stories';
@@ -20,8 +21,6 @@ export * as VersionStory from '../core/Version/Version.stories';
 export * as FormStory from '../core/Form/Form.stories';
 export * as AccordionStory from '../ui/Accordion/Accordion.stories';
 export * as ActionMenuStory from '../ui/ActionMenu/ActionMenu.stories';
-export * as AutocompleteStory from '../ui/Autocomplete/Autocomplete.stories';
-export * as AutocompleteAddressStory from '../ui/AutocompleteAddress/AutocompleteAddress.stories';
 export * as AvatarStory from '../ui/Avatar/Avatar.stories';
 export * as BadgeStory from '../ui/Badge/Badge.stories';
 export * as BottomSheetStory from '../ui/BottomSheet/BottomSheet.stories';
@@ -34,42 +33,36 @@ export * as DataTableStory from '../ui/DataTable/DataTable.stories';
 export * as DateInputStory from '../ui/DateInput/DateInput.stories';
 export * as DividerStory from '../ui/Divider/Divider.stories';
 export * as DocumentViewerStory from '../ui/DocumentViewer/DocumentViewer.stories';
-export * as DragAndDropFileStory from '../ui/DragAndDropFile/DragAndDropFile.stories';
 export * as DurationInputStory from '../ui/DurationInput/DurationInput.stories';
-export * as EmailFieldStory from '../ui/EmailField/EmailField.stories';
-export * as EmailInputStory from '../ui/EmailInput/EmailInput.stories';
 export * as EmptyStateStory from '../ui/EmptyState/EmptyState.stories';
-export * as FileFieldStory from '../ui/FileField/FileField.stories';
+export * as FileDropZoneStory from '../ui/FileDropZone/FileDropZone.stories';
 export * as FilterDateStory from '../ui/FilterDate/FilterDate.stories';
+export * as FileInputStory from '../ui/FormControl/FileInput.stories';
 export * as FormControlStory from '../ui/FormControl/FormControl.stories';
-export * as GridStory from '../ui/Grid/Grid.stories';
+export * as NumberInputStory from '../ui/FormControl/NumberInput.stories';
+export * as OtpInputStory from '../ui/FormControl/OtpInput.stories';
+export * as TextInputStory from '../ui/FormControl/TextInput.stories';
 export * as HeaderStory from '../ui/Header/Header.stories';
 export * as InputButtonAdornmentStory from '../ui/InputButtonAdornment/InputButtonAdornment.stories';
 export * as InputHeadingStory from '../ui/InputHeading/InputHeading.stories';
+export * as LinkStory from '../ui/Link/Link.stories';
 export * as ListItemStory from '../ui/ListItem/ListItem.stories';
 export * as LucideIconStory from '../ui/LucideIcon/LucideIcon.stories';
-export * as NumberFieldStory from '../ui/NumberField/NumberField.stories';
-export * as OtpFieldStory from '../ui/OtpField/OtpField.stories';
 export * as PageHeaderStory from '../ui/PageHeader/PageHeader.stories';
-export * as PasswordFieldStory from '../ui/PasswordField/PasswordField.stories';
-export * as PhoneFieldStory from '../ui/PhoneField/PhoneField.stories';
-export * as PhoneInputStory from '../ui/PhoneInput/PhoneInput.stories';
 export * as PopoverStory from '../ui/Popover/Popover.stories';
 export * as PriceInputStory from '../ui/PriceInput/PriceInput.stories';
 export * as ProgressBarStory from '../ui/ProgressBar/ProgressBar.stories';
 export * as RadioGroupStory from '../ui/RadioGroup/RadioGroup.stories';
 export * as ResourceListStory from '../ui/ResourceList/ResourceList.stories';
 export * as SelectStory from '../ui/Select/Select.stories';
-export * as SelectMultipleStory from '../ui/SelectMultiple/SelectMultiple.stories';
 export * as SidebarStory from '../ui/Sidebar/Sidebar.stories';
 export * as SignatureStory from '../ui/Signature/Signature.stories';
+export * as SkeletonStory from '../ui/Skeleton/Skeleton.stories';
 export * as SpinnerStory from '../ui/Spinner/Spinner.stories';
 export * as SwitchStory from '../ui/Switch/Switch.stories';
 export * as TabsStory from '../ui/Tabs/Tabs.stories';
 export * as TagStory from '../ui/Tag/Tag.stories';
-export * as TextareaFieldStory from '../ui/TextareaField/TextareaField.stories';
 export * as TextareaInputStory from '../ui/TextareaInput/TextareaInput.stories';
-export * as TextFieldStory from '../ui/TextField/TextField.stories';
 export * as TextInputArrayStory from '../ui/TextInputArray/TextInputArray.stories';
 export * as TimeInputStory from '../ui/TimeInput/TimeInput.stories';
 export * as ToastStory from '../ui/Toast/Toast.stories';

package/dist/type/SizeStyle.d.ts

@@ -0,0 +1,10 @@
+export type Dimension = number | `${string}%`;
+export type SizeStyle = {
+    width?: Dimension;
+    height?: Dimension;
+    minW?: Dimension;
+    maxW?: Dimension;
+    minH?: Dimension;
+    maxH?: Dimension;
+};
+//# sourceMappingURL=SizeStyle.d.ts.map

package/dist/type/SizeStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizeStyle.d.ts","sourceRoot":"","sources":["../../src/type/SizeStyle.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC"}

package/dist/type/SizeStyle.js

@@ -0,0 +1 @@
+export {};

package/dist/type/Story.d.ts

@@ -9,14 +9,33 @@ export type StoryMeta = {
     webOnly?: boolean;
     description: string;
     shortDescription?: string;
-    component?: ComponentType<any>;
+    component?: ComponentType<never>;
     config?: object;
     props?: unknown;
     styleFn: () => string | object;
 };
 export type Story = StoryMeta;
-export type StoryExample = ComponentType<any>;
+export type StoryExample = ComponentType;
+export type StorySourceValue = string | (() => string);
+/**
+ * Le bloc que le generateur de sources ajoute a une fiche a la compilation. Il n'est pas ecrit
+ * a la main : une fiche redigee sans generateur n'en a pas, d'ou l'optionnalite.
+ */
+export type StorySources = {
+    storySources?: Record<string, StorySourceValue>;
+    storyDescriptions?: Record<string, string>;
+    /** Forme historique : la source posee a la racine du bloc, sous le nom de l'exemple. */
+    [nomDeLExemple: string]: StorySourceValue | Record<string, StorySourceValue> | Record<string, string> | undefined;
+};
+/**
+ * Une fiche : son meta sous `default`, ses exemples sous leurs noms, et le bloc `Sources` quand
+ * le generateur l'a ecrit. La signature d'index enumere ces trois natures au lieu de pretendre
+ * que toute cle est un exemple ou un meta : c'est ce mensonge qui obligeait chaque appelant a
+ * construire ses fiches derriere un `as unknown as`.
+ */
 export type StoryModule<TMeta extends StoryMeta = StoryMeta> = {
     default: TMeta;
-} & Record<string, StoryExample | TMeta>;
+    Sources?: StorySources;
+    [exemple: string]: StoryExample | TMeta | StorySources | undefined;
+};
 //# sourceMappingURL=Story.d.ts.map

package/dist/type/Story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Story.d.ts","sourceRoot":"","sources":["../../src/type/Story.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,WAAW,GAAG,UAAU,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAExE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,SAAS,CAAC;AAE9B,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;AAE9C,MAAM,MAAM,WAAW,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI;IAC7D,OAAO,EAAE,KAAK,CAAC;CAChB,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,GAAG,KAAK,CAAC,CAAC"}
+{"version":3,"file":"Story.d.ts","sourceRoot":"","sources":["../../src/type/Story.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,WAAW,GAAG,UAAU,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAExE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,SAAS,CAAC;AAE9B,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC;AAEzC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAC;AAEvD;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAChD,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C,wFAAwF;IACxF,CAAC,aAAa,EAAE,MAAM,GAAG,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;CACnH,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,WAAW,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS,IAAI;IAC7D,OAAO,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,CAAC,OAAO,EAAE,MAAM,GAAG,YAAY,GAAG,KAAK,GAAG,YAAY,GAAG,SAAS,CAAC;CACpE,CAAC"}

package/dist/type/index.d.ts

@@ -1,2 +1,3 @@
+export * from './SizeStyle';
 export * from './Story';
 //# sourceMappingURL=index.d.ts.map

package/dist/type/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/type/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/type/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC"}

package/dist/type/index.js

@@ -1 +1,2 @@
+export * from './SizeStyle';
 export * from './Story';

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

@@ -8,27 +8,28 @@ declare const _default: {
         Item: (props: import("./AccordionItem").AccordionItemProps) => import("react").JSX.Element;
     };
     styleFn: () => {
-        accordion: {
-            width: "100%";
-            borderBottomWidth: number;
-        };
-        accordionLight: {
-            borderColor: "white";
+        accordionItemContent: {
+            padding: string | number;
+            paddingBottom: string | number;
         };
-        accordionDefault: {
-            borderColor: string;
+        accordionItemLabel: {
+            fontSize: 14;
+            lineHeight: 20;
+            letterSpacing: 0;
+            fontFamily: string;
+            fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
-        accordionRounded: {
-            borderRadius: number;
-            borderWidth: number;
+        accordionAfterLabel: {
+            width: "100%";
+            borderBottomWidth: number;
             borderColor: string;
-            overflow: "hidden";
         };
         accordionItemTrigger: {
             borderWidth: number;
             padding: number;
         };
         accordionItemHeader: {
+            backgroundColor: "#FFFFFF";
             cursor: "pointer";
             display: "flex";
             flexDirection: "row";
@@ -40,10 +41,10 @@ declare const _default: {
             alignItems: "flex-start";
             gap: string | number;
             alignSelf: "stretch";
-            backgroundColor: "#FFFFFF";
             borderWidth: number;
         };
         accordionItemHeaderAlt: {
+            backgroundColor: string;
             cursor: "pointer";
             display: "flex";
             flexDirection: "row";
@@ -55,10 +56,13 @@ declare const _default: {
             alignItems: "flex-start";
             gap: string | number;
             alignSelf: "stretch";
-            backgroundColor: string;
             borderWidth: number;
         };
         accordionItemHeaderOutline: {
+            backgroundColor: "#FFFFFF";
+            outlineWidth: number;
+            outlineColor: string;
+            outlineStyle: "solid";
             cursor: "pointer";
             display: "flex";
             flexDirection: "row";
@@ -71,30 +75,26 @@ declare const _default: {
             gap: string | number;
             alignSelf: "stretch";
             borderWidth: number;
-            backgroundColor: "#FFFFFF";
-            outlineWidth: number;
-            outlineColor: string;
-            outlineStyle: "solid";
         };
         accordionItemHeaderOpen: {
             backgroundColor: string;
         };
-        accordionItemLabel: {
-            fontSize: 14;
-            lineHeight: 20;
-            letterSpacing: 0;
-            fontFamily: string;
-            fontWeight?: import("react-native").TextStyle["fontWeight"];
-        };
-        accordionItemContent: {
-            padding: string | number;
-            paddingBottom: string | number;
-        };
-        accordionAfterLabel: {
+        accordion: {
             width: "100%";
             borderBottomWidth: number;
+        };
+        accordionLight: {
+            borderColor: "white";
+        };
+        accordionDefault: {
             borderColor: string;
         };
+        accordionRounded: {
+            borderRadius: import("@alveole/theme").Radius;
+            borderWidth: number;
+            borderColor: string;
+            overflow: "hidden";
+        };
     };
 };
 export default _default;

package/dist/ui/Accordion/Accordion.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography } from '../../core';
+import { Typography } from '../../core/Typography';
 import { useStyles } from './Accordion.styles';
 import { Accordion } from './index';
 export default {

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

@@ -1,25 +1,26 @@
 export declare const useStyles: () => {
-    accordion: {
-        width: "100%";
-        borderBottomWidth: number;
-    };
-    accordionLight: {
-        borderColor: "white";
+    accordionItemContent: {
+        padding: string | number;
+        paddingBottom: string | number;
     };
-    accordionDefault: {
-        borderColor: string;
+    accordionItemLabel: {
+        fontSize: 14;
+        lineHeight: 20;
+        letterSpacing: 0;
+        fontFamily: string;
+        fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
-    accordionRounded: {
-        borderRadius: number;
-        borderWidth: number;
+    accordionAfterLabel: {
+        width: "100%";
+        borderBottomWidth: number;
         borderColor: string;
-        overflow: "hidden";
     };
     accordionItemTrigger: {
         borderWidth: number;
         padding: number;
     };
     accordionItemHeader: {
+        backgroundColor: "#FFFFFF";
         cursor: "pointer";
         display: "flex";
         flexDirection: "row";
@@ -31,10 +32,10 @@ export declare const useStyles: () => {
         alignItems: "flex-start";
         gap: string | number;
         alignSelf: "stretch";
-        backgroundColor: "#FFFFFF";
         borderWidth: number;
     };
     accordionItemHeaderAlt: {
+        backgroundColor: string;
         cursor: "pointer";
         display: "flex";
         flexDirection: "row";
@@ -46,10 +47,13 @@ export declare const useStyles: () => {
         alignItems: "flex-start";
         gap: string | number;
         alignSelf: "stretch";
-        backgroundColor: string;
         borderWidth: number;
     };
     accordionItemHeaderOutline: {
+        backgroundColor: "#FFFFFF";
+        outlineWidth: number;
+        outlineColor: string;
+        outlineStyle: "solid";
         cursor: "pointer";
         display: "flex";
         flexDirection: "row";
@@ -62,29 +66,25 @@ export declare const useStyles: () => {
         gap: string | number;
         alignSelf: "stretch";
         borderWidth: number;
-        backgroundColor: "#FFFFFF";
-        outlineWidth: number;
-        outlineColor: string;
-        outlineStyle: "solid";
     };
     accordionItemHeaderOpen: {
         backgroundColor: string;
     };
-    accordionItemLabel: {
-        fontSize: 14;
-        lineHeight: 20;
-        letterSpacing: 0;
-        fontFamily: string;
-        fontWeight?: import("react-native").TextStyle["fontWeight"];
-    };
-    accordionItemContent: {
-        padding: string | number;
-        paddingBottom: string | number;
-    };
-    accordionAfterLabel: {
+    accordion: {
         width: "100%";
         borderBottomWidth: number;
+    };
+    accordionLight: {
+        borderColor: "white";
+    };
+    accordionDefault: {
         borderColor: string;
     };
+    accordionRounded: {
+        borderRadius: import("@alveole/theme").Radius;
+        borderWidth: number;
+        borderColor: string;
+        overflow: "hidden";
+    };
 };
 //# sourceMappingURL=Accordion.styles.d.ts.map

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

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

package/dist/ui/Accordion/Accordion.styles.js

@@ -1,5 +1,5 @@
 import { makeStyles } from '@alveole/theme';
-export const useStyles = makeStyles(({ spacing, color, text }) => ({
+const coque = ({ color, radius }) => ({
     accordion: {
         width: '100%',
         borderBottomWidth: 1,
@@ -11,76 +11,71 @@ export const useStyles = makeStyles(({ spacing, color, text }) => ({
         borderColor: color.border['default-grey'],
     },
     accordionRounded: {
-        borderRadius: 8,
+        borderRadius: radius('lg'),
         borderWidth: 1,
         borderColor: color.border['default-grey'],
         overflow: 'hidden',
     },
-    accordionItemTrigger: {
-        borderWidth: 0,
-        padding: 0,
-    },
-    accordionItemHeader: {
-        cursor: 'pointer',
-        display: 'flex',
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        paddingTop: spacing('075'),
-        paddingBottom: spacing('075'),
-        paddingLeft: spacing('100'),
-        paddingRight: spacing('100'),
-        alignItems: 'flex-start',
-        gap: spacing('075'),
-        alignSelf: 'stretch',
-        backgroundColor: '#FFFFFF',
-        borderWidth: 0,
-    },
-    accordionItemHeaderAlt: {
-        cursor: 'pointer',
-        display: 'flex',
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        paddingTop: spacing('075'),
-        paddingBottom: spacing('075'),
-        paddingLeft: spacing('100'),
-        paddingRight: spacing('100'),
-        alignItems: 'flex-start',
-        gap: spacing('075'),
-        alignSelf: 'stretch',
-        backgroundColor: color.background['alt-grey'],
-        borderWidth: 0,
-    },
-    accordionItemHeaderOutline: {
+});
+const entete = ({ spacing, color }) => {
+    const enTete = {
         cursor: 'pointer',
         display: 'flex',
         flexDirection: 'row',
         justifyContent: 'space-between',
-        paddingTop: spacing('075'),
-        paddingBottom: spacing('075'),
-        paddingLeft: spacing('100'),
-        paddingRight: spacing('100'),
+        paddingTop: spacing('3V'),
+        paddingBottom: spacing('3V'),
+        paddingLeft: spacing('2W'),
+        paddingRight: spacing('2W'),
         alignItems: 'flex-start',
-        gap: spacing('075'),
+        gap: spacing('3V'),
         alignSelf: 'stretch',
         borderWidth: 0,
-        backgroundColor: '#FFFFFF',
-        outlineWidth: 1,
-        outlineColor: color.border['default-grey'],
-        outlineStyle: 'solid',
-    },
-    accordionItemHeaderOpen: {
-        backgroundColor: color.background['default-active'],
-    },
+    };
+    return {
+        accordionItemTrigger: {
+            borderWidth: 0,
+            padding: 0,
+        },
+        accordionItemHeader: {
+            ...enTete,
+            backgroundColor: '#FFFFFF',
+        },
+        accordionItemHeaderAlt: {
+            ...enTete,
+            backgroundColor: color.background['alt-grey'],
+        },
+        accordionItemHeaderOutline: {
+            ...enTete,
+            backgroundColor: '#FFFFFF',
+            outlineWidth: 1,
+            outlineColor: color.border['default-grey'],
+            outlineStyle: 'solid',
+        },
+        accordionItemHeaderOpen: {
+            backgroundColor: color.background['default-active'],
+        },
+    };
+};
+const libelle = ({ color, text }) => ({
     accordionItemLabel: {
         ...text['Corps de texte'].SM.Medium,
     },
-    accordionItemContent: {
-        padding: spacing('100'),
-        paddingBottom: spacing('150'),
-    },
     accordionAfterLabel: {
         width: '100%',
         borderBottomWidth: 1,
         borderColor: color.border['default-grey'],
     },
+});
+const contenu = ({ spacing }) => ({
+    accordionItemContent: {
+        padding: spacing('2W'),
+        paddingBottom: spacing('3W'),
+    },
+});
+export const useStyles = makeStyles(theme => ({
+    ...coque(theme),
+    ...entete(theme),
+    ...libelle(theme),
+    ...contenu(theme),
 }));

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

@@ -1,12 +1,12 @@
 import React from 'react';
-import { LucideIconProps } from '../LucideIcon';
+import { Leading } from '../Leading';
 export type AccordionItemProps = {
     value: string;
     label: string;
     labelChildren?: React.ReactNode;
     afterLabel?: React.ReactNode;
     variant?: 'default' | 'alt' | 'outline';
-    startIcon?: LucideIconProps['name'];
+    leading?: Leading;
     children?: React.ReactNode;
     noPadding?: boolean;
 };

package/dist/ui/Accordion/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/ui/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IACxC,SAAS,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBA2DtD,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/ui/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAIlD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,sBA2DtD,CAAC"}

package/dist/ui/Accordion/AccordionItem.js

@@ -1,10 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { focusRingProps } from '@alveole/theme';
 import { Square, Accordion as TamaguiAccordion } from 'tamagui';
-import { Box, Typography } from '../../core';
+import { Box } from '../../core/Box';
+import { Typography } from '../../core/Typography';
+import { LeadingSlot } from '../Leading';
 import { LucideIcon } from '../LucideIcon';
 import { useStyles } from './Accordion.styles';
 export const AccordionItem = (props) => {
-    const { children, label, labelChildren, startIcon, variant, noPadding, afterLabel, ...itemProps } = props;
+    const { children, label, labelChildren, leading, variant, noPadding, afterLabel, ...itemProps } = props;
     const styles = useStyles();
     const headerStyle = (open) => ({
         ...(variant === 'alt'
@@ -15,5 +18,5 @@ export const AccordionItem = (props) => {
         ...(open ? styles.accordionItemHeaderOpen : {}),
         ...(afterLabel ? { paddingBottom: 4 } : {}),
     });
-    return (_jsxs(TamaguiAccordion.Item, { ...itemProps, children: [_jsx(TamaguiAccordion.Trigger, { unstyled: true, style: styles.accordionItemTrigger, children: ({ open }) => (_jsxs(Box, { backgroundColor: headerStyle(open).backgroundColor, children: [_jsxs(Box, { style: headerStyle(open), hoverStyle: headerStyle(open), focusStyle: headerStyle(open), children: [startIcon && _jsx(LucideIcon, { name: startIcon, size: "md" }), _jsx(Typography, { style: styles.accordionItemLabel, mr: labelChildren ? undefined : 'auto', children: label }), labelChildren && (_jsx(Box, { mr: 'auto', mt: 'auto', mb: 'auto', children: labelChildren })), _jsx(Square, { animation: "75ms", rotate: open ? '180deg' : '0deg', style: { marginTop: 'auto', marginBottom: 'auto' }, children: _jsx(LucideIcon, { name: "ChevronDown", size: "sm" }) })] }), afterLabel && (_jsx(Box, { style: styles.accordionAfterLabel, children: _jsx(Box, { mr: 'auto', mt: 'auto', mb: 'auto', children: afterLabel }) }))] })) }), _jsx(TamaguiAccordion.HeightAnimator, { animation: "quicker", style: { overflow: 'hidden', position: 'relative' }, children: _jsx(TamaguiAccordion.Content, { animation: "quickest", style: { ...styles.accordionItemContent, padding: noPadding ? 0 : undefined }, children: children }) })] }));
+    return (_jsxs(TamaguiAccordion.Item, { ...itemProps, children: [_jsx(TamaguiAccordion.Trigger, { unstyled: true, style: styles.accordionItemTrigger, ...focusRingProps(), children: ({ open }) => (_jsxs(Box, { backgroundColor: headerStyle(open).backgroundColor, children: [_jsxs(Box, { style: headerStyle(open), hoverStyle: headerStyle(open), focusStyle: headerStyle(open), children: [_jsx(LeadingSlot, { contenu: leading, apparence: { size: 'md' } }), _jsx(Typography, { style: styles.accordionItemLabel, mr: labelChildren ? undefined : 'auto', children: label }), labelChildren && (_jsx(Box, { mr: 'auto', mt: 'auto', mb: 'auto', children: labelChildren })), _jsx(Square, { animation: "75ms", rotate: open ? '180deg' : '0deg', style: { marginTop: 'auto', marginBottom: 'auto' }, children: _jsx(LucideIcon, { name: "ChevronDown", size: "sm" }) })] }), afterLabel && (_jsx(Box, { style: styles.accordionAfterLabel, children: _jsx(Box, { mr: 'auto', mt: 'auto', mb: 'auto', children: afterLabel }) }))] })) }), _jsx(TamaguiAccordion.HeightAnimator, { animation: "quicker", style: { overflow: 'hidden', position: 'relative' }, children: _jsx(TamaguiAccordion.Content, { animation: "quickest", style: { ...styles.accordionItemContent, padding: noPadding ? 0 : undefined }, children: children }) })] }));
 };