@alveole/components 1.10.0 → 2.0.0-alpha.1

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

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

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

@@ -1,6 +0,0 @@
-// This file is generated. Do not edit manually.
-// Source: src/ui/AutocompleteAddress/AutocompleteAddress.stories.tsx
-export const Default = () => "export const Default = () => {\n  const [value, setValue] = useState<AutocompleteOption[]>([]);\n  const [suggestions, setSuggestions] = useState<AutocompleteOption[]>([]);\n\n  const onSearchChange: AutocompleteAddressProps['onSearchChange'] = query => {\n    setSuggestions(query && query.length >= 3 ? MOCK_SUGGESTIONS : []);\n  };\n\n  return (\n    <Box minH={300}>\n      <AutocompleteAddress\n        label=\"Adresse\"\n        value={value}\n        suggestions={suggestions}\n        onSearchChange={onSearchChange}\n        onPlaceSelected={(placeId: string) => {\n          const found = MOCK_SUGGESTIONS.find(s => s.value === placeId);\n          if (found) setValue([found]);\n        }}\n        onClear={() => setValue([])}\n      />\n    </Box>\n  );\n};";
-export const storySources = {
-    Default,
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/AutocompleteAddress/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/ui/AutocompleteAddress/index.js

@@ -1 +0,0 @@
-export * from './AutocompleteAddress';

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

@@ -1,4 +0,0 @@
-export declare const useStyles: () => {
-    dateInput: {};
-};
-//# sourceMappingURL=DateInput.styles.d.ts.map

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

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

package/dist/ui/DateInput/DateInput.styles.js

@@ -1,4 +0,0 @@
-import { makeStyles } from '@alveole/theme';
-export const useStyles = makeStyles(() => ({
-    dateInput: {},
-}));

package/dist/ui/DateInput/dateUtils.d.ts

@@ -1,23 +0,0 @@
-export declare const DateFormats: {
-    readonly DatetimeFull: "iiii d MMMM yyyy à HH:mm";
-    readonly Datetime: "d MMMM yyyy à HH:mm";
-    readonly DatetimeShort: "d MMMM à HH:mm";
-    readonly Date: "d MMMM yyyy";
-    readonly DaySlashShort: "eeee dd/MM/yy";
-    readonly DateSlash: "dd/MM/yyyy";
-    readonly DateString: "yyyy-MM-dd";
-    readonly DateFull: "iiii d MMMM yyyy";
-    readonly DateFullAlt: "iii d MMM yyyy";
-    readonly DateTimeString: "yyyy-MM-dd'T'HH:mm";
-    readonly Time: "HH:mm";
-    readonly MonthString: "yyyy-MM";
-    readonly MonthAndYear: "MMMM yyyy";
-};
-export type DateFormat = (typeof DateFormats)[keyof typeof DateFormats];
-export declare function displayDate(date: string | Date | undefined, options?: {
-    fallback?: string;
-    format?: DateFormat;
-    capitalize?: boolean;
-}): string;
-export declare function isValidDate(value: unknown): value is string | Date;
-//# sourceMappingURL=dateUtils.d.ts.map

package/dist/ui/DateInput/dateUtils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dateUtils.d.ts","sourceRoot":"","sources":["../../../src/ui/DateInput/dateUtils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;CAcd,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAExE,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAC/B,OAAO,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,GACzE,MAAM,CAOR;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,GAAG,IAAI,CAclE"}

package/dist/ui/DateInput/dateUtils.js

@@ -1,47 +0,0 @@
-import { format, isValid, parseISO } from 'date-fns';
-import { fr } from 'date-fns/locale';
-export const DateFormats = {
-    DatetimeFull: 'iiii d MMMM yyyy à HH:mm',
-    Datetime: 'd MMMM yyyy à HH:mm',
-    DatetimeShort: 'd MMMM à HH:mm',
-    Date: 'd MMMM yyyy',
-    DaySlashShort: 'eeee dd/MM/yy',
-    DateSlash: 'dd/MM/yyyy',
-    DateString: 'yyyy-MM-dd',
-    DateFull: 'iiii d MMMM yyyy',
-    DateFullAlt: 'iii d MMM yyyy',
-    DateTimeString: "yyyy-MM-dd'T'HH:mm",
-    Time: 'HH:mm',
-    MonthString: 'yyyy-MM',
-    MonthAndYear: 'MMMM yyyy',
-};
-export function displayDate(date, options) {
-    const defaultFormat = DateFormats.Date;
-    const d = typeof date === 'string' ? parseISO(date) : date;
-    if (!d || !isValid(d))
-        return options?.fallback ?? '';
-    let response = format(d, options?.format ?? defaultFormat, { locale: fr });
-    if (options?.capitalize)
-        response = response.charAt(0).toUpperCase() + response.slice(1);
-    return response;
-}
-export function isValidDate(value) {
-    if (typeof value === 'string') {
-        const trimmedValue = value.trim();
-        if (!trimmedValue)
-            return false;
-        const isoFormat = /^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}:\d{2}(?:\.\d{1,3})?([+-]\d{2}:\d{2}|Z)?)?$/;
-        const partialIsoFormat = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}$/;
-        const standardDateFormat = /^\d{4}-\d{2}-\d{2}$/;
-        if (isoFormat.test(trimmedValue))
-            return isValid(parseISO(trimmedValue));
-        if (partialIsoFormat.test(trimmedValue))
-            return isValid(new Date(trimmedValue));
-        if (standardDateFormat.test(trimmedValue))
-            return isValid(new Date(trimmedValue));
-        return false;
-    }
-    if (value instanceof Date)
-        return isValid(value);
-    return false;
-}

package/dist/ui/DragAndDropFile/DragAndDropFile.d.ts

@@ -1,9 +0,0 @@
-import { FormControlCaptionProps, FormControlFileInputProps, FormControlFileInputValue, FormControlHintProps, LucideIconProps } from '@alveole/components';
-import React from 'react';
-export type DragAndDropFileValue = FormControlFileInputValue;
-export type DragAndDropFileProps = FormControlHintProps & FormControlCaptionProps & FormControlFileInputProps & {
-    label: string;
-    icon?: LucideIconProps['name'];
-};
-export declare const DragAndDropFile: (props: DragAndDropFileProps) => React.JSX.Element;
-//# sourceMappingURL=DragAndDropFile.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DragAndDropFile.d.ts","sourceRoot":"","sources":["../../../src/ui/DragAndDropFile/DragAndDropFile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,uBAAuB,EAEvB,yBAAyB,EACzB,yBAAyB,EAEzB,oBAAoB,EAIpB,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,CAAC;AAC7D,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,GACrD,uBAAuB,GACvB,yBAAyB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEJ,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBAqG1D,CAAC"}

package/dist/ui/DragAndDropFile/DragAndDropFile.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, FormControlCaption, FormControlFileInput, FormControlHint, FormControlLabel, Image, LucideIcon, } from '@alveole/components';
-import React from 'react';
-import { Alert } from '../../core/Alert';
-import { useStyles } from './DragAndDropFile.styles';
-export const DragAndDropFile = (props) => {
-    const { label, hint, icon, type, error, success, onChange, multiple } = props;
-    const styles = useStyles();
-    const [forceOpen, setForceOpen] = React.useState(false);
-    const onValueChange = value => {
-        if (type == null)
-            return onChange(value);
-        if (multiple && Array.isArray(value)) {
-            const invalidFiles = value.filter(file => {
-                const mimeType = file?.mimeType;
-                const fileName = file?.name;
-                if (mimeType == null)
-                    return true;
-                return !((type.includes('image') && mimeType.startsWith('image')) ||
-                    (type.includes('pdf') && mimeType.endsWith('pdf')) ||
-                    (type.includes('csv') &&
-                        (mimeType === 'text/csv' || mimeType === 'application/csv' || fileName?.endsWith('.csv'))));
-            });
-            if (invalidFiles.length > 0) {
-                Alert.alert({
-                    title: 'Type de fichier incorrect',
-                    message: `Certains fichiers ne sont pas pris en charge`,
-                });
-                return;
-            }
-            return onChange(value);
-        }
-        const mimeType = value?.mimeType;
-        if (mimeType == null)
-            return onChange(value);
-        const fileName = value?.name;
-        if ((type.includes('image') && mimeType.startsWith('image')) ||
-            (type.includes('pdf') && mimeType.endsWith('pdf')) ||
-            (type.includes('csv') &&
-                (mimeType === 'text/csv' || mimeType === 'application/csv' || fileName?.endsWith('.csv'))))
-            return onChange(value);
-        else {
-            Alert.alert({
-                title: 'Type de fichier incorrect',
-                message: `Le format du fichier n'est pas pris en charge`,
-            });
-        }
-    };
-    return (_jsxs(Box, { tag: "drag-and-drop-file", style: styles.container, display: "flex", flexDirection: "row", justify: "space-between", onPress: () => setForceOpen(true), children: [_jsxs(Box, { children: [_jsxs(Box, { tag: "drag-and-drop-file-icon", display: "flex", flexDirection: "row", justify: "center", gap: '050', children: [_jsx(LucideIcon, { size: "md", name: icon ?? 'Upload' }), _jsx(Box, { mt: 'auto', mb: 'auto', children: _jsx(FormControlLabel, { label: label }) })] }), _jsx(Box, { tag: "drag-and-drop-file-hint", display: "flex", flexDirection: "row", justify: "center", children: hint && _jsx(FormControlHint, { hint: hint }) }), _jsx(Box, { tag: "drag-and-drop-file-input", children: _jsx(FormControlFileInput, { ...props, hideButton: true, hideFilename: true, canChange: false, onChange: onValueChange, reopen: forceOpen, onPickStart: () => setForceOpen(false), type: type, multiple: multiple }) }), (error || success) && (_jsx(Box, { tag: "drag-and-drop-file-error", mt: '075', display: "flex", flexDirection: "row", justify: "center", children: _jsx(Box, { p: 16, children: _jsx(FormControlCaption, { ...props }) }) }))] }), _jsx(Box, { children: props.previewURL && _jsx(Image, { source: { uri: props.previewURL }, height: 40, width: 30, contentFit: "cover" }) })] }));
-};

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

@@ -1,102 +0,0 @@
-declare const _default: {
-    title: string;
-    tags: "ui"[];
-    experimental: false;
-    webOnly: true;
-    description: string;
-    component: (props: import("./DragAndDropFile").DragAndDropFileProps) => import("react").JSX.Element;
-    styleFn: () => {
-        container: {
-            borderWidth: number;
-            borderStyle: "dashed";
-            borderColor: string;
-            padding: string | number;
-            borderRadius: number;
-            backgroundColor: string;
-            cursor: "pointer";
-        };
-        containerHover: {
-            borderStyle: "solid";
-            borderColor: string;
-            backgroundColor: string;
-        };
-        containerMouseHover: {
-            borderStyle: "dashed";
-            borderColor: string;
-            backgroundColor: string;
-        };
-        containerError: {
-            borderStyle: "dashed";
-            borderColor: string;
-            backgroundColor: string;
-        };
-        webError: {
-            width: "100%";
-            alignItems: "center";
-        };
-        icon: {
-            color: string;
-            backgroundColor: string;
-            padding: string | number;
-            borderRadius: number;
-            width: import("@alveole/theme").Spacing;
-            height: import("@alveole/theme").Spacing;
-            marginBottom: string | number;
-        };
-        filesListContainer: {
-            marginTop: string | number;
-        };
-        filesListHeader: {
-            display: "flex";
-            flexDirection: "row";
-            justifyContent: "space-between";
-            alignItems: "center";
-            marginBottom: string | number;
-        };
-        filesListTitle: {
-            fontWeight: "bold";
-        };
-        filesListBox: {
-            borderWidth: number;
-            borderColor: string;
-            borderRadius: number;
-            padding: string | number;
-            backgroundColor: string;
-        };
-        fileItemContainer: {
-            display: "flex";
-            flexDirection: "row";
-            alignItems: "center";
-            gap: string | number;
-            padding: string | number;
-            marginBottom: string | number;
-            backgroundColor: string;
-            borderRadius: number;
-        };
-        fileItemContainerLast: {
-            marginBottom: number;
-        };
-        fileIcon: {
-            color: string;
-        };
-        fileInfo: {
-            flex: number;
-            display: "flex";
-            flexDirection: "column";
-            gap: string | number;
-        };
-        fileName: {
-            fontWeight: "bold";
-        };
-        fileSize: {
-            fontSize: number;
-            color: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: () => import("react").JSX.Element;
-export declare const Multiple: () => import("react").JSX.Element;
-export declare const WithError: () => import("react").JSX.Element;
-export * as Sources from './DragAndDropFile.stories.sources';
-//# sourceMappingURL=DragAndDropFile.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DragAndDropFile.stories.d.ts","sourceRoot":"","sources":["../../../src/ui/DragAndDropFile/DragAndDropFile.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAQkB;AAElB,eAAO,MAAM,OAAO,mCAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAEpB,CAAC;AAEF,eAAO,MAAM,SAAS,mCAErB,CAAC;AAEF,OAAO,KAAK,OAAO,MAAM,mCAAmC,CAAC"}

package/dist/ui/DragAndDropFile/DragAndDropFile.stories.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '../../core';
-import { DragAndDropFile } from './DragAndDropFile';
-import { useStyles } from './DragAndDropFile.styles';
-export default {
-    title: 'DragAndDropFile',
-    tags: ['ui'],
-    experimental: false,
-    webOnly: true,
-    description: 'Zone de dépôt de fichiers par glisser-déposer ou clic.',
-    component: DragAndDropFile,
-    styleFn: useStyles,
-};
-export const Default = () => (_jsxs(Box, { display: "flex", flexDirection: "column", gap: 24, children: [_jsx(DragAndDropFile, { label: "Document", value: null, onChange: () => { } }), _jsx(DragAndDropFile, { label: "Image uniquement", type: "image/*", value: null, onChange: () => { } })] }));
-export const Multiple = () => (_jsx(DragAndDropFile, { label: "Documents (plusieurs)", multiple: true, value: null, onChange: () => { } }));
-export const WithError = () => (_jsx(DragAndDropFile, { label: "Document", error: "Format non support\u00E9", value: null, onChange: () => { } }));
-export * as Sources from './DragAndDropFile.stories.sources';

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DragAndDropFile.stories.sources.d.ts","sourceRoot":"","sources":["../../../src/ui/DragAndDropFile/DragAndDropFile.stories.sources.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,cAAsS,CAAC;AAE3T,eAAO,MAAM,QAAQ,cAA+I,CAAC;AAErK,eAAO,MAAM,SAAS,cAAwJ,CAAC;AAE/K,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -1,10 +0,0 @@
-// This file is generated. Do not edit manually.
-// Source: src/ui/DragAndDropFile/DragAndDropFile.stories.tsx
-export const Default = () => "export const Default = () => (\n  <Box display=\"flex\" flexDirection=\"column\" gap={24}>\n    <DragAndDropFile label=\"Document\" value={null} onChange={() => {}} />\n    <DragAndDropFile label=\"Image uniquement\" type=\"image/*\" value={null} onChange={() => {}} />\n  </Box>\n);";
-export const Multiple = () => "export const Multiple = () => (\n  <DragAndDropFile label=\"Documents (plusieurs)\" multiple value={null} onChange={() => {}} />\n);";
-export const WithError = () => "export const WithError = () => (\n  <DragAndDropFile label=\"Document\" error=\"Format non supporté\" value={null} onChange={() => {}} />\n);";
-export const storySources = {
-    Default,
-    Multiple,
-    WithError,
-};

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

@@ -1,89 +0,0 @@
-export declare const useStyles: () => {
-    container: {
-        borderWidth: number;
-        borderStyle: "dashed";
-        borderColor: string;
-        padding: string | number;
-        borderRadius: number;
-        backgroundColor: string;
-        cursor: "pointer";
-    };
-    containerHover: {
-        borderStyle: "solid";
-        borderColor: string;
-        backgroundColor: string;
-    };
-    containerMouseHover: {
-        borderStyle: "dashed";
-        borderColor: string;
-        backgroundColor: string;
-    };
-    containerError: {
-        borderStyle: "dashed";
-        borderColor: string;
-        backgroundColor: string;
-    };
-    webError: {
-        width: "100%";
-        alignItems: "center";
-    };
-    icon: {
-        color: string;
-        backgroundColor: string;
-        padding: string | number;
-        borderRadius: number;
-        width: import("@alveole/theme").Spacing;
-        height: import("@alveole/theme").Spacing;
-        marginBottom: string | number;
-    };
-    filesListContainer: {
-        marginTop: string | number;
-    };
-    filesListHeader: {
-        display: "flex";
-        flexDirection: "row";
-        justifyContent: "space-between";
-        alignItems: "center";
-        marginBottom: string | number;
-    };
-    filesListTitle: {
-        fontWeight: "bold";
-    };
-    filesListBox: {
-        borderWidth: number;
-        borderColor: string;
-        borderRadius: number;
-        padding: string | number;
-        backgroundColor: string;
-    };
-    fileItemContainer: {
-        display: "flex";
-        flexDirection: "row";
-        alignItems: "center";
-        gap: string | number;
-        padding: string | number;
-        marginBottom: string | number;
-        backgroundColor: string;
-        borderRadius: number;
-    };
-    fileItemContainerLast: {
-        marginBottom: number;
-    };
-    fileIcon: {
-        color: string;
-    };
-    fileInfo: {
-        flex: number;
-        display: "flex";
-        flexDirection: "column";
-        gap: string | number;
-    };
-    fileName: {
-        fontWeight: "bold";
-    };
-    fileSize: {
-        fontSize: number;
-        color: string;
-    };
-};
-//# sourceMappingURL=DragAndDropFile.styles.d.ts.map

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

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

package/dist/ui/DragAndDropFile/DragAndDropFile.styles.js

@@ -1,89 +0,0 @@
-import { makeStyles } from '@alveole/theme';
-export const useStyles = makeStyles(({ color, spacing, spacingValue }) => ({
-    container: {
-        borderWidth: 1,
-        borderStyle: 'dashed',
-        borderColor: color.border['contrast-grey'],
-        padding: spacing('200'),
-        borderRadius: 8,
-        backgroundColor: color.alpha(color.background['alt-grey'], 0.3),
-        cursor: 'pointer',
-    },
-    containerHover: {
-        borderStyle: 'solid',
-        borderColor: color.border['disabled-grey'],
-        backgroundColor: color.alpha(color.background['alt-grey'], 0.25),
-    },
-    containerMouseHover: {
-        borderStyle: 'dashed',
-        borderColor: color.border['contrast-grey'],
-        backgroundColor: color.alpha(color.background['alt-grey'], 0.75),
-    },
-    containerError: {
-        borderStyle: 'dashed',
-        borderColor: color.alpha(color.border['plain-error'], 0.5),
-        backgroundColor: color.alpha(color.background['alt-grey'], 0.25),
-    },
-    webError: {
-        width: '100%',
-        alignItems: 'center',
-    },
-    icon: {
-        color: color.text.mention,
-        backgroundColor: color.background['alt-grey'],
-        padding: spacing('100'),
-        borderRadius: 12,
-        width: spacingValue('200'),
-        height: spacingValue('200'),
-        marginBottom: spacing('100'),
-    },
-    filesListContainer: {
-        marginTop: spacing('100'),
-    },
-    filesListHeader: {
-        display: 'flex',
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        marginBottom: spacing('050'),
-    },
-    filesListTitle: {
-        fontWeight: 'bold',
-    },
-    filesListBox: {
-        borderWidth: 1,
-        borderColor: color.border['default-grey'],
-        borderRadius: 8,
-        padding: spacing('050'),
-        backgroundColor: color.background.default,
-    },
-    fileItemContainer: {
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        gap: spacing('050'),
-        padding: spacing('050'),
-        marginBottom: spacing('025'),
-        backgroundColor: color.background['alt-grey'],
-        borderRadius: 8,
-    },
-    fileItemContainerLast: {
-        marginBottom: 0,
-    },
-    fileIcon: {
-        color: color.text['default-error'],
-    },
-    fileInfo: {
-        flex: 1,
-        display: 'flex',
-        flexDirection: 'column',
-        gap: spacing('025'),
-    },
-    fileName: {
-        fontWeight: 'bold',
-    },
-    fileSize: {
-        fontSize: 12,
-        color: color.text['default-grey'],
-    },
-}));

package/dist/ui/DragAndDropFile/DragAndDropFile.web.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DragAndDropFileProps } from './DragAndDropFile';
-export declare const DragAndDropFile: (props: DragAndDropFileProps) => React.JSX.Element;
-//# sourceMappingURL=DragAndDropFile.web.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DragAndDropFile.web.d.ts","sourceRoot":"","sources":["../../../src/ui/DragAndDropFile/DragAndDropFile.web.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AA8BzD,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBAyN1D,CAAC"}