@alveole/components 0.43.2 → 1.0.0

package/dist/stories/index.d.ts

@@ -12,28 +12,52 @@ export * as SectionStory from '../core/Section/Section.stories';
 export * as TypographyStory from '../core/Typography/Typography.stories';
 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 BreadcrumbsStory from '../ui/Breadcrumbs/Breadcrumbs.stories';
 export * as ButtonStory from '../ui/Button/Button.stories';
 export * as CardStory from '../ui/Card/Card.stories';
+export * as CheckboxStory from '../ui/Checkbox/Checkbox.stories';
+export * as CounterStory from '../ui/Counter/Counter.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 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 FormControlStory from '../ui/FormControl/FormControl.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 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 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 ToastStory from '../ui/Toast/Toast.stories';
 export * as ToolbarBottomNavStory from '../ui/ToolbarBottomNav/ToolbarBottomNav.stories';
 export * as ToolbarTopStory from '../ui/ToolbarTop/ToolbarTop.stories';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,SAAS,MAAM,qCAAqC,CAAC;AACjE,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAC1D,OAAO,KAAK,WAAW,MAAM,+BAA+B,CAAC;AAC7D,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,aAAa,MAAM,mCAAmC,CAAC;AACnE,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,cAAc,MAAM,qCAAqC,CAAC;AACtE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAChE,OAAO,KAAK,eAAe,MAAM,uCAAuC,CAAC;AACzE,OAAO,KAAK,YAAY,MAAM,iCAAiC,CAAC;AAGhE,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,mBAAmB,MAAM,6CAA6C,CAAC;AACnF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,KAAK,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,aAAa,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AACvE,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,gBAAgB,MAAM,uCAAuC,CAAC;AAC1E,OAAO,KAAK,iBAAiB,MAAM,yCAAyC,CAAC;AAC7E,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,KAAK,cAAc,MAAM,mCAAmC,CAAC;AACpE,OAAO,KAAK,SAAS,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,QAAQ,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAC;AACxD,OAAO,KAAK,qBAAqB,MAAM,iDAAiD,CAAC;AACzF,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stories/index.ts"],"names":[],"mappings":"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"}

package/dist/stories/index.js

@@ -14,28 +14,52 @@ export * as TypographyStory from '../core/Typography/Typography.stories';
 export * as VersionStory from '../core/Version/Version.stories';
 // UI
 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 BreadcrumbsStory from '../ui/Breadcrumbs/Breadcrumbs.stories';
 export * as ButtonStory from '../ui/Button/Button.stories';
 export * as CardStory from '../ui/Card/Card.stories';
+export * as CheckboxStory from '../ui/Checkbox/Checkbox.stories';
+export * as CounterStory from '../ui/Counter/Counter.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 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 FormControlStory from '../ui/FormControl/FormControl.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 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 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 ToastStory from '../ui/Toast/Toast.stories';
 export * as ToolbarBottomNavStory from '../ui/ToolbarBottomNav/ToolbarBottomNav.stories';
 export * as ToolbarTopStory from '../ui/ToolbarTop/ToolbarTop.stories';

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

@@ -0,0 +1,19 @@
+import React from 'react';
+export type AccordionMultipleProps = {
+    type: 'multiple';
+    value?: string[];
+    onValueChange?: (value: string[]) => void;
+};
+export type AccordionSingleProps = {
+    type: 'single';
+    value?: string;
+    onValueChange?: (value: string) => void;
+};
+export type AccordionProps = {
+    variant?: 'default' | 'rounded';
+    color?: 'default' | 'light';
+    collapsible?: boolean;
+    children: React.ReactNode;
+} & (AccordionMultipleProps | AccordionSingleProps);
+export declare const Accordion: (props: AccordionProps) => React.JSX.Element;
+//# sourceMappingURL=Accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/ui/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,CAAC,sBAAsB,GAAG,oBAAoB,CAAC,CAAC;AAEpD,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,sBAc9C,CAAC"}

package/dist/ui/Accordion/Accordion.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Accordion as TamaguiAccordion } from 'tamagui';
+import { useStyles } from './Accordion.styles';
+export const Accordion = (props) => {
+    const { children, ...accordionProps } = props;
+    const styles = useStyles();
+    const colorStyle = props.color === 'light' ? styles.accordionLight : styles.accordionDefault;
+    const variantStyle = props.variant === 'rounded' ? styles.accordionRounded : {};
+    return (_jsx(TamaguiAccordion, { style: { ...styles.accordion, ...variantStyle, ...colorStyle }, ...accordionProps, children: children }));
+};

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

@@ -0,0 +1,103 @@
+declare const _default: {
+    title: string;
+    tags: "ui"[];
+    experimental: false;
+    figmaURL: string;
+    description: string;
+    component: ((props: import("./Accordion").AccordionProps) => import("react").JSX.Element) & {
+        Item: (props: import("./AccordionItem").AccordionItemProps) => import("react").JSX.Element;
+    };
+    styleFn: () => {
+        accordion: {
+            width: "100%";
+            borderBottomWidth: number;
+        };
+        accordionLight: {
+            borderColor: "white";
+        };
+        accordionDefault: {
+            borderColor: string;
+        };
+        accordionRounded: {
+            borderRadius: number;
+            borderWidth: number;
+            borderColor: string;
+            overflow: "hidden";
+        };
+        accordionItemTrigger: {
+            borderWidth: number;
+            padding: number;
+        };
+        accordionItemHeader: {
+            cursor: "pointer";
+            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;
+            alignItems: "flex-start";
+            gap: import("@alveole/theme").Spacing;
+            alignSelf: "stretch";
+            backgroundColor: "#FFFFFF";
+            borderWidth: number;
+        };
+        accordionItemHeaderAlt: {
+            cursor: "pointer";
+            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;
+            alignItems: "flex-start";
+            gap: import("@alveole/theme").Spacing;
+            alignSelf: "stretch";
+            backgroundColor: string;
+            borderWidth: number;
+        };
+        accordionItemHeaderOutline: {
+            cursor: "pointer";
+            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;
+            alignItems: "flex-start";
+            gap: import("@alveole/theme").Spacing;
+            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: import("@alveole/theme").Spacing;
+            paddingBottom: import("@alveole/theme").Spacing;
+        };
+        accordionAfterLabel: {
+            width: "100%";
+            borderBottomWidth: number;
+            borderColor: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: () => import("react").JSX.Element;
+export * as Sources from './Accordion.stories.sources';
+//# sourceMappingURL=Accordion.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/Accordion/Accordion.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAUnB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,6BAA6B,CAAC"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from '../../core';
+import { useStyles } from './Accordion.styles';
+import { Accordion } from './index';
+export default {
+    title: 'Accordion',
+    tags: ['ui'],
+    experimental: false,
+    figmaURL: 'https://www.figma.com/design/xJz8Z6vfrnZPKTtRbuT2W8/Alveole---Composants?node-id=0-1',
+    description: 'Accordion de type Tamagui.',
+    component: Accordion,
+    styleFn: useStyles,
+};
+export const Default = () => (_jsxs(Accordion, { type: "multiple", children: [_jsx(Accordion.Item, { label: "Exemple", value: "accordion-content", children: _jsx(Typography, { children: "Contenu" }) }), _jsx(Accordion.Item, { label: "Exemple 2", value: "accordion-content-2", children: _jsx(Typography, { children: "Contenu 2" }) })] }));
+export * as Sources from './Accordion.stories.sources';

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

@@ -0,0 +1,6 @@
+export declare const Default: () => string;
+export declare const storySources: {
+    readonly Default: () => string;
+};
+export type StorySourceName = keyof typeof storySources;
+//# sourceMappingURL=Accordion.stories.sources.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/Accordion/Accordion.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA4W,CAAC;AAEjY,eAAO,MAAM,YAAY;;CAEf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -0,0 +1,6 @@
+// This file is generated. Do not edit manually.
+// Source: src/ui/Accordion/Accordion.stories.tsx
+export const Default = () => "export const Default = () => (\n  <Accordion type=\"multiple\">\n    <Accordion.Item label=\"Exemple\" value=\"accordion-content\">\n      <Typography>Contenu</Typography>\n    </Accordion.Item>\n\n    <Accordion.Item label=\"Exemple 2\" value=\"accordion-content-2\">\n      <Typography>Contenu 2</Typography>\n    </Accordion.Item>\n  </Accordion>\n);";
+export const storySources = {
+    Default,
+};

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

@@ -0,0 +1,90 @@
+export declare const useStyles: () => {
+    accordion: {
+        width: "100%";
+        borderBottomWidth: number;
+    };
+    accordionLight: {
+        borderColor: "white";
+    };
+    accordionDefault: {
+        borderColor: string;
+    };
+    accordionRounded: {
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        overflow: "hidden";
+    };
+    accordionItemTrigger: {
+        borderWidth: number;
+        padding: number;
+    };
+    accordionItemHeader: {
+        cursor: "pointer";
+        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;
+        alignItems: "flex-start";
+        gap: import("@alveole/theme").Spacing;
+        alignSelf: "stretch";
+        backgroundColor: "#FFFFFF";
+        borderWidth: number;
+    };
+    accordionItemHeaderAlt: {
+        cursor: "pointer";
+        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;
+        alignItems: "flex-start";
+        gap: import("@alveole/theme").Spacing;
+        alignSelf: "stretch";
+        backgroundColor: string;
+        borderWidth: number;
+    };
+    accordionItemHeaderOutline: {
+        cursor: "pointer";
+        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;
+        alignItems: "flex-start";
+        gap: import("@alveole/theme").Spacing;
+        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: import("@alveole/theme").Spacing;
+        paddingBottom: import("@alveole/theme").Spacing;
+    };
+    accordionAfterLabel: {
+        width: "100%";
+        borderBottomWidth: number;
+        borderColor: string;
+    };
+};
+//# sourceMappingURL=Accordion.styles.d.ts.map

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

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

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

@@ -0,0 +1,86 @@
+import { makeStyles } from '@alveole/theme';
+export const useStyles = makeStyles(({ spacing, color, text }) => ({
+    accordion: {
+        width: '100%',
+        borderBottomWidth: 1,
+    },
+    accordionLight: {
+        borderColor: 'white',
+    },
+    accordionDefault: {
+        borderColor: color.border['default-grey'],
+    },
+    accordionRounded: {
+        borderRadius: 8,
+        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: {
+        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',
+        borderWidth: 0,
+        backgroundColor: '#FFFFFF',
+        outlineWidth: 1,
+        outlineColor: color.border['default-grey'],
+        outlineStyle: 'solid',
+    },
+    accordionItemHeaderOpen: {
+        backgroundColor: color.background['default-active'],
+    },
+    accordionItemLabel: {
+        ...text['Corps de texte'].SM.Medium,
+    },
+    accordionItemContent: {
+        padding: spacing('100'),
+        paddingBottom: spacing('150'),
+    },
+    accordionAfterLabel: {
+        width: '100%',
+        borderBottomWidth: 1,
+        borderColor: color.border['default-grey'],
+    },
+}));

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { LucideIconProps } from '../LucideIcon';
+export type AccordionItemProps = {
+    value: string;
+    label: string;
+    labelChildren?: React.ReactNode;
+    afterLabel?: React.ReactNode;
+    variant?: 'default' | 'alt' | 'outline';
+    startIcon?: LucideIconProps['name'];
+    children?: React.ReactNode;
+    noPadding?: boolean;
+};
+export declare const AccordionItem: (props: AccordionItemProps) => React.JSX.Element;
+//# sourceMappingURL=AccordionItem.d.ts.map

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

@@ -0,0 +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"}

package/dist/ui/Accordion/AccordionItem.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Square, Accordion as TamaguiAccordion } from 'tamagui';
+import { Box, Typography } from '../../core';
+import { LucideIcon } from '../LucideIcon';
+import { useStyles } from './Accordion.styles';
+export const AccordionItem = (props) => {
+    const { children, label, labelChildren, startIcon, variant, noPadding, afterLabel, ...itemProps } = props;
+    const styles = useStyles();
+    const headerStyle = (open) => ({
+        ...(variant === 'alt'
+            ? styles.accordionItemHeaderAlt
+            : variant === 'outline'
+                ? styles.accordionItemHeaderOutline
+                : styles.accordionItemHeader),
+        ...(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 }) })] }));
+};

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

@@ -0,0 +1,4 @@
+export declare const Accordion: ((props: import("./Accordion").AccordionProps) => import("react").JSX.Element) & {
+    Item: (props: import("./AccordionItem").AccordionItemProps) => import("react").JSX.Element;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Accordion/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;CAEpB,CAAC"}

package/dist/ui/Accordion/index.js

@@ -0,0 +1,5 @@
+import { Accordion as AccordionComponent } from './Accordion';
+import { AccordionItem } from './AccordionItem';
+export const Accordion = Object.assign(AccordionComponent, {
+    Item: AccordionItem,
+});

package/dist/ui/ActionMenu/ActionMenu.stories.js

@@ -51,7 +51,7 @@ export const Filters = () => {
             const hasSelection = filter.multi
                 ? (multiSelected[filter.id]?.length ?? 0) > 0
                 : singleSelected[filter.id] != null;
-            return (_jsx(ActionMenu, { placement: "bottom-start", scrollable: false, open: isOpen, setOpen: open => setOpenId(open ? filter.id : null), renderTrigger: () => (_jsx(Button, { variant: "secondary", title: filter.title, endIcon: "ChevronDown", size: "sm", selected: hasSelection, active: isOpen })), children: filter.options.map(option => {
+            return (_jsx(ActionMenu, { placement: "bottom-start", scrollable: false, open: isOpen, setOpen: open => setOpenId(open ? filter.id : null), renderTrigger: () => (_jsx(Button, { variant: "secondary", title: filter.multi ? filter.title : (singleSelected[filter.id] ?? filter.title), endIcon: "ChevronDown", size: "sm", selected: hasSelection, active: isOpen })), children: filter.options.map(option => {
                     const isSelected = filter.multi
                         ? (multiSelected[filter.id] ?? []).includes(option)
                         : singleSelected[filter.id] === option;

package/dist/ui/ActionMenu/ActionMenu.stories.sources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/ActionMenu/ActionMenu.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA6/B,CAAC;AAElhC,eAAO,MAAM,OAAO,cAA0jG,CAAC;AAE/kG,eAAO,MAAM,UAAU,cAAoiC,CAAC;AAE5jC,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"ActionMenu.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/ActionMenu/ActionMenu.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAA6/B,CAAC;AAElhC,eAAO,MAAM,OAAO,cAAunG,CAAC;AAE5oG,eAAO,MAAM,UAAU,cAAoiC,CAAC;AAE5jC,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/ui/ActionMenu/ActionMenu.stories.sources.js

@@ -1,7 +1,7 @@
 // This file is generated. Do not edit manually.
 // Source: src/ui/ActionMenu/ActionMenu.stories.tsx
 export const Default = () => "export const Default = () => {\n  const alignments = [\n    'top',\n    'right',\n    'bottom',\n    'left',\n    'top-start',\n    'top-end',\n    'right-start',\n    'right-end',\n    'bottom-start',\n    'bottom-end',\n    'left-start',\n    'left-end',\n  ] as const;\n\n  return (\n    <Box\n      display=\"flex\"\n      flexWrap=\"wrap\"\n      gap=\"1W\"\n      flexDirection=\"row\"\n      width=\"100%\"\n      style={{ justifyContent: 'center', alignItems: 'center' }}\n    >\n      {alignments.map(alignment => (\n        <ActionMenu\n          key={alignment}\n          placement={alignment}\n          renderTrigger={() => <Button variant=\"secondary\" title={alignment} />}\n        >\n          <ActionMenu.Item title=\"Contenu de l'action menu\" icon=\"Settings\" selected />\n          <ActionMenu.Item title=\"Contenu de l'action menu\" icon=\"Copy\" />\n          <ActionMenu.Item title=\"Contenu de l'action menu\" icon=\"Trash\" />\n        </ActionMenu>\n      ))}\n    </Box>\n  );\n};";
-export const Filters = () => "export const Filters = () => {\n  const filters: { id: FilterId; title: string; options: string[]; multi?: boolean }[] = [\n    { id: 'epic', title: 'Epic', options: ['Refonte design', 'Onboarding', 'Facturation'] },\n    { id: 'type', title: 'Type', options: ['Bug', 'Story', 'Tâche'] },\n    {\n      id: 'filtresRapides',\n      title: 'Filtres rapides',\n      options: ['Assigné à moi', 'En cours', 'En retard'],\n      multi: true,\n    },\n  ];\n\n  const [openId, setOpenId] = React.useState<FilterId | null>(null);\n  const [singleSelected, setSingleSelected] = React.useState<Partial<Record<FilterId, string>>>({});\n  const [multiSelected, setMultiSelected] = React.useState<Partial<Record<FilterId, string[]>>>({});\n\n  return (\n    <ScrollView\n      horizontal\n      nestedScrollEnabled\n      directionalLockEnabled={Platform.OS === 'ios'}\n      showsHorizontalScrollIndicator={false}\n      contentContainerStyle={{ flexDirection: 'row', gap: 8, paddingHorizontal: 16 }}\n    >\n      {filters.map(filter => {\n        const isOpen = openId === filter.id;\n        const hasSelection = filter.multi\n          ? (multiSelected[filter.id]?.length ?? 0) > 0\n          : singleSelected[filter.id] != null;\n\n        return (\n          <ActionMenu\n            key={filter.id}\n            placement=\"bottom-start\"\n            scrollable={false}\n            open={isOpen}\n            setOpen={open => setOpenId(open ? filter.id : null)}\n            renderTrigger={() => (\n              <Button\n                variant=\"secondary\"\n                title={filter.title}\n                endIcon=\"ChevronDown\"\n                size=\"sm\"\n                selected={hasSelection}\n                active={isOpen}\n              />\n            )}\n          >\n            {filter.options.map(option => {\n              const isSelected = filter.multi\n                ? (multiSelected[filter.id] ?? []).includes(option)\n                : singleSelected[filter.id] === option;\n\n              return (\n                <ActionMenu.Item\n                  key={option}\n                  title={option}\n                  selected={isSelected}\n                  onPress={() => {\n                    if (filter.multi) {\n                      setMultiSelected(prev => {\n                        const current = prev[filter.id] ?? [];\n                        return {\n                          ...prev,\n                          [filter.id]: current.includes(option)\n                            ? current.filter(o => o !== option)\n                            : [...current, option],\n                        };\n                      });\n                    } else {\n                      setSingleSelected(prev => ({\n                        ...prev,\n                        [filter.id]: prev[filter.id] === option ? undefined : option,\n                      }));\n                      setOpenId(null);\n                    }\n                  }}\n                />\n              );\n            })}\n          </ActionMenu>\n        );\n      })}\n    </ScrollView>\n  );\n};";
+export const Filters = () => "export const Filters = () => {\n  const filters: { id: FilterId; title: string; options: string[]; multi?: boolean }[] = [\n    { id: 'epic', title: 'Epic', options: ['Refonte design', 'Onboarding', 'Facturation'] },\n    { id: 'type', title: 'Type', options: ['Bug', 'Story', 'Tâche'] },\n    {\n      id: 'filtresRapides',\n      title: 'Filtres rapides',\n      options: ['Assigné à moi', 'En cours', 'En retard'],\n      multi: true,\n    },\n  ];\n\n  const [openId, setOpenId] = React.useState<FilterId | null>(null);\n  const [singleSelected, setSingleSelected] = React.useState<Partial<Record<FilterId, string>>>({});\n  const [multiSelected, setMultiSelected] = React.useState<Partial<Record<FilterId, string[]>>>({});\n\n  return (\n    <ScrollView\n      horizontal\n      nestedScrollEnabled\n      directionalLockEnabled={Platform.OS === 'ios'}\n      showsHorizontalScrollIndicator={false}\n      contentContainerStyle={{ flexDirection: 'row', gap: 8, paddingHorizontal: 16 }}\n    >\n      {filters.map(filter => {\n        const isOpen = openId === filter.id;\n        const hasSelection = filter.multi\n          ? (multiSelected[filter.id]?.length ?? 0) > 0\n          : singleSelected[filter.id] != null;\n\n        return (\n          <ActionMenu\n            key={filter.id}\n            placement=\"bottom-start\"\n            scrollable={false}\n            open={isOpen}\n            setOpen={open => setOpenId(open ? filter.id : null)}\n            renderTrigger={() => (\n              <Button\n                variant=\"secondary\"\n                title={filter.multi ? filter.title : (singleSelected[filter.id] ?? filter.title)}\n                endIcon=\"ChevronDown\"\n                size=\"sm\"\n                selected={hasSelection}\n                active={isOpen}\n              />\n            )}\n          >\n            {filter.options.map(option => {\n              const isSelected = filter.multi\n                ? (multiSelected[filter.id] ?? []).includes(option)\n                : singleSelected[filter.id] === option;\n\n              return (\n                <ActionMenu.Item\n                  key={option}\n                  title={option}\n                  selected={isSelected}\n                  onPress={() => {\n                    if (filter.multi) {\n                      setMultiSelected(prev => {\n                        const current = prev[filter.id] ?? [];\n                        return {\n                          ...prev,\n                          [filter.id]: current.includes(option)\n                            ? current.filter(o => o !== option)\n                            : [...current, option],\n                        };\n                      });\n                    } else {\n                      setSingleSelected(prev => ({\n                        ...prev,\n                        [filter.id]: prev[filter.id] === option ? undefined : option,\n                      }));\n                      setOpenId(null);\n                    }\n                  }}\n                />\n              );\n            })}\n          </ActionMenu>\n        );\n      })}\n    </ScrollView>\n  );\n};";
 export const AvatarMenu = () => "export const AvatarMenu = () => {\n  const { color, radius } = useTheme();\n\n  return (\n    <Box style={{ display: 'flex', alignItems: 'center', height: 200 }}>\n      <ActionMenu\n        placement=\"bottom-end\"\n        renderTrigger={({ open }) => (\n          <Pressable\n            style={\n              {\n                borderRadius: radius('sm'),\n                outline: open ? `1px solid ${color.light.system.focus}` : 'none',\n                backgroundColor: open ? `${color.light.system.focus}1A` : 'transparent',\n              } as any\n            }\n          >\n            <Avatar size=\"md\" src=\"https://www.loremfaces.net/96/id/1.jpg\" fallbackText=\"Clément Prod'homme\" />\n          </Pressable>\n        )}\n      >\n        <ActionMenu.Item title=\"Mon profil\" icon=\"User\" />\n        <ActionMenu.Item title=\"Paramètres\" icon=\"Settings\" />\n        <ActionMenu.Item title=\"Aide\" icon=\"Info\" />\n        <ActionMenu.Item title=\"Déconnexion\" icon=\"LogOut\" />\n      </ActionMenu>\n    </Box>\n  );\n};";
 export const storySources = {
     Default,

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

@@ -0,0 +1,41 @@
+import { FormControlCaption, FormControlHintProps, FormControlLabel, FormControlLabelProps } from '@alveole/components';
+import React from 'react';
+type ChangeMeta = {
+    added: AutocompleteOption[];
+    removed: AutocompleteOption[];
+    created: AutocompleteOption[];
+};
+export type AutocompleteOptionWithoutGroup = {
+    value: string;
+    label: string;
+    __created?: boolean;
+};
+export type AutocompleteOptionWithGroup = {
+    value: string;
+    label: string;
+    __created?: boolean;
+    group: string;
+};
+export type AutocompleteOption = AutocompleteOptionWithoutGroup | AutocompleteOptionWithGroup;
+export declare const isAutocompleteOptionWithGroup: (option: AutocompleteOption | undefined | null) => option is AutocompleteOptionWithGroup;
+export declare const isAutocompleteOptionWithGroupArray: (options: AutocompleteOption[]) => options is AutocompleteOptionWithGroup[];
+export type AutocompleteProps = React.ComponentProps<typeof FormControlLabel> & FormControlLabelProps & FormControlHintProps & React.ComponentProps<typeof FormControlCaption> & {
+    value?: AutocompleteOption[];
+    options: AutocompleteOptionWithoutGroup[] | AutocompleteOptionWithGroup[];
+    placeholder?: string;
+    isMulti?: boolean;
+    allowEmpty?: boolean;
+    isSearchable?: boolean;
+    autoFocus?: boolean;
+    disabledSearch?: boolean;
+    disabledFilterSearch?: boolean;
+    onChange?: (value: AutocompleteOption[], meta?: ChangeMeta) => void;
+    onSearchChange?: (value: string) => void;
+    allowCreate?: boolean;
+    onCreateOption?: (created: AutocompleteOption) => void;
+    createOptionLabel?: (input: string) => string;
+    createOptionValue?: (input: string) => string;
+};
+export declare const Autocomplete: (props: AutocompleteProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Autocomplete.d.ts.map

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

@@ -0,0 +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"}