@alveole/components 1.0.0 → 1.1.0

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

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

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

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

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

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

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

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

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

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

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

@@ -9,11 +9,11 @@ declare const _default: {
         list: {
             display: "flex";
             flexDirection: "column";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
         };
         entete: {
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
         };
         enteteTitle: {
             color: string;
@@ -24,7 +24,7 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         items: {
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
         };
         itemsWithWhiteBackground: {
             backgroundColor: "#FFFFFF";
@@ -44,7 +44,7 @@ declare const _default: {
             flex: number;
             justifyContent: "center";
             alignItems: "center";
-            padding: import("@alveole/theme").Spacing;
+            padding: string | number;
         };
     };
 };

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

@@ -2,11 +2,11 @@ export declare const useStyles: () => {
     list: {
         display: "flex";
         flexDirection: "column";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
     };
     entete: {
-        paddingTop: import("@alveole/theme").Spacing;
-        paddingBottom: import("@alveole/theme").Spacing;
+        paddingTop: string | number;
+        paddingBottom: string | number;
     };
     enteteTitle: {
         color: string;
@@ -17,7 +17,7 @@ export declare const useStyles: () => {
         fontWeight?: import("react-native").TextStyle["fontWeight"];
     };
     items: {
-        borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+        borderRadius: import("@alveole/theme").Radius;
     };
     itemsWithWhiteBackground: {
         backgroundColor: "#FFFFFF";
@@ -37,7 +37,7 @@ export declare const useStyles: () => {
         flex: number;
         justifyContent: "center";
         alignItems: "center";
-        padding: import("@alveole/theme").Spacing;
+        padding: string | number;
     };
 };
 //# sourceMappingURL=ResourceList.styles.d.ts.map

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

@@ -28,10 +28,10 @@ declare const _default: {
             flex: number;
             outline: string;
             padding: number;
-            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;
             color: string;
         };
         inputContainer: {
@@ -41,7 +41,7 @@ declare const _default: {
         inputInner: {
             display: "flex";
             flexDirection: "row";
-            gap: import("@alveole/theme").Spacing;
+            gap: string | number;
             padding: number;
             borderRadius: number;
             borderWidth: number;
@@ -67,8 +67,8 @@ declare const _default: {
         };
         indicator: {
             position: "absolute";
-            right: import("@alveole/theme").Spacing;
-            top: import("@alveole/theme").Spacing;
+            right: string | number;
+            top: string | number;
         };
         indicatorFocus: {};
     };

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

@@ -13,10 +13,10 @@ export declare const useStyles: () => {
         flex: number;
         outline: string;
         padding: number;
-        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;
         color: string;
     };
     inputContainer: {
@@ -26,7 +26,7 @@ export declare const useStyles: () => {
     inputInner: {
         display: "flex";
         flexDirection: "row";
-        gap: import("@alveole/theme").Spacing;
+        gap: string | number;
         padding: number;
         borderRadius: number;
         borderWidth: number;
@@ -52,8 +52,8 @@ export declare const useStyles: () => {
     };
     indicator: {
         position: "absolute";
-        right: import("@alveole/theme").Spacing;
-        top: import("@alveole/theme").Spacing;
+        right: string | number;
+        top: string | number;
     };
     indicatorFocus: {};
 };

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

@@ -24,7 +24,7 @@ declare const _default: {
             borderColor: string;
         };
         control: {
-            minHeight: import("@alveole/theme").Spacing;
+            minHeight: string | number;
             flexWrap: "inherit";
             borderColor: string;
         };
@@ -33,21 +33,21 @@ declare const _default: {
         };
         valueContainer: {
             minHeight: number;
-            paddingLeft: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
         };
         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;
@@ -57,7 +57,7 @@ declare const _default: {
             display: "none";
         };
         dropdownIndicator: {
-            padding: import("@alveole/theme").Spacing;
+            padding: string | number;
         };
         dropdownIndicatorDisabled: {
             display: "none";
@@ -66,7 +66,7 @@ declare const _default: {
             display: "none";
         };
         clearIndicator: {
-            padding: import("@alveole/theme").Spacing;
+            padding: string | number;
         };
     };
 };

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

@@ -18,7 +18,7 @@ export declare const useStyles: () => {
         borderColor: string;
     };
     control: {
-        minHeight: import("@alveole/theme").Spacing;
+        minHeight: string | number;
         flexWrap: "inherit";
         borderColor: string;
     };
@@ -27,21 +27,21 @@ export declare const useStyles: () => {
     };
     valueContainer: {
         minHeight: number;
-        paddingLeft: import("@alveole/theme").Spacing;
+        paddingLeft: string | number;
     };
     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;
@@ -51,7 +51,7 @@ export declare const useStyles: () => {
         display: "none";
     };
     dropdownIndicator: {
-        padding: import("@alveole/theme").Spacing;
+        padding: string | number;
     };
     dropdownIndicatorDisabled: {
         display: "none";
@@ -60,7 +60,7 @@ export declare const useStyles: () => {
         display: "none";
     };
     clearIndicator: {
-        padding: import("@alveole/theme").Spacing;
+        padding: string | number;
     };
 };
 //# sourceMappingURL=SelectMultiple.styles.d.ts.map

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

@@ -4,6 +4,7 @@ declare const _default: {
     experimental: false;
     figmaURL: string;
     description: string;
+    shortDescription: string;
     component: (props: import("./Sidebar").SidebarProps) => import("react").JSX.Element;
     styleFn: () => {
         sidebar: {
@@ -22,7 +23,7 @@ declare const _default: {
             padding: import("@alveole/theme").Spacing;
         };
         logo: {
-            marginLeft: import("@alveole/theme").Spacing;
+            marginLeft: string | number;
         };
         sidebarContent: {
             flex: number;
@@ -31,14 +32,14 @@ declare const _default: {
         };
         scrollView: {
             flex: number;
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
+            paddingTop: string | number;
+            paddingBottom: string | number;
             zIndex: number;
             backgroundColor: "#FFFFFF";
         };
         groupTitleDesktop: {
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingTop: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingTop: string | number;
             fontSize: 12;
             lineHeight: 20;
             letterSpacing: 0;
@@ -47,10 +48,10 @@ declare const _default: {
         };
         groupTitleMobile: {
             color: string;
-            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;
             fontSize: 16;
             lineHeight: 24;
             letterSpacing: 0;
@@ -58,12 +59,12 @@ declare const _default: {
             fontWeight?: import("react-native").TextStyle["fontWeight"];
         };
         sidebarItemDesktop: {
-            borderRadius: import("@alveole/theme").Spacing;
+            borderRadius: string | number;
             display: "flex";
             flexDirection: "row";
             alignItems: "center";
-            gap: import("@alveole/theme").Spacing;
-            padding: import("@alveole/theme").Spacing;
+            gap: string | number;
+            padding: string | number;
             width: "100%";
             color: string;
             stroke: string;
@@ -72,11 +73,11 @@ declare const _default: {
             display: "flex";
             flexDirection: "row";
             alignItems: "center";
-            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;
             width: "100%";
             color: string;
             stroke: string;
@@ -85,7 +86,7 @@ declare const _default: {
             backgroundColor: string;
         };
         sidebarItemSelectedMobile: {
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
+            borderRadius: import("@alveole/theme").Radius;
             backgroundColor: string;
         };
         sidebarItemHover: {
@@ -95,26 +96,26 @@ declare const _default: {
             backgroundColor: "#EFF1F6";
         };
         sidebarItemContainerDesktop: {
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
             display: "flex";
             flexDirection: "row";
             cursor: "pointer";
-            marginLeft: import("@alveole/theme").Spacing;
-            marginRight: import("@alveole/theme").Spacing;
+            marginLeft: string | number;
+            marginRight: string | number;
         };
         sidebarItemContainerMobile: {
-            paddingLeft: import("@alveole/theme").Spacing;
-            paddingRight: import("@alveole/theme").Spacing;
-            paddingTop: import("@alveole/theme").Spacing;
-            paddingBottom: import("@alveole/theme").Spacing;
-            gap: import("@alveole/theme").Spacing;
+            paddingLeft: string | number;
+            paddingRight: string | number;
+            paddingTop: string | number;
+            paddingBottom: string | number;
+            gap: string | number;
             display: "flex";
             flexDirection: "row";
             cursor: "pointer";
-            borderRadius: import("@alveole/theme/dist/constants/Radius").Radius;
-            marginLeft: import("@alveole/theme").Spacing;
-            marginRight: import("@alveole/theme").Spacing;
+            borderRadius: import("@alveole/theme").Radius;
+            marginLeft: string | number;
+            marginRight: string | number;
         };
         sidebarItemTitleSelectedDesktop: {
             color: string;
@@ -175,14 +176,33 @@ declare const _default: {
         };
         sidebarItemSelectedIndicatorContent: {
             width: "100%";
-            minHeight: import("@alveole/theme").Spacing;
+            minHeight: string | number;
             backgroundColor: string;
             margin: string;
-            borderRadius: import("@alveole/theme").Spacing;
+            borderRadius: string | number;
         };
     };
 };
 export default _default;
-export declare const ExampleUsage: () => import("react").JSX.Element;
+/**
+ * Exemple d'intégration complète du composant avec un contrôleur, un logo et un footer.
+ *
+ * ```tsx
+ * <Sidebar
+ *   controller={sidebarController}
+ *   logo={<Image source={require('../../assets/logo.png')} />}
+ *   footer={<Button borderNone variant="tertiary" title="Se déconnecter" onPress={onLogout} />}
+ * >
+ *   <SidebarItem title="Item 1" href="/admin/item-1" routeName="item-1" />
+ *   <SidebarItem title="Item 2" href="/admin/item-2" routeName="item-2" />
+ *
+ *   <SidebarGroup title="Groupe">
+ *     <SidebarItem title="Item group 1" href="/admin/gp-item-2" routeName="gp-item-1" />
+ *     <SidebarItem title="Item group 2" href="/admin/gp-item-2" routeName="gp-item-2" />
+ *   </SidebarGroup>
+ * </Sidebar>
+ * ```
+ */
+export declare const ExampleUsage: () => null;
 export * as Sources from './Sidebar.stories.sources';
 //# sourceMappingURL=Sidebar.stories.d.ts.map

package/dist/ui/Sidebar/Sidebar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Sidebar/Sidebar.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBASkB;AAgBlB,eAAO,MAAM,YAAY,mCAA+C,CAAC;AAEzE,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"Sidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Sidebar/Sidebar.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAWkB;AAElB;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,YAAY,YAAa,CAAC;AAEvC,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC"}