@uzum-tech/ui 1.3.0 → 1.4.0

package/es/upload/src/useUpload.js

@@ -0,0 +1,163 @@
+import { createSettledFileInfo } from './utils';
+export function useUpload() {
+    function createXhrHandlers(inst, file, xhr) {
+        const { doChange, xhrMap } = inst;
+        let percentage = 0;
+        function handleXHRError(e) {
+            var _a;
+            let fileAfterChange = Object.assign({}, file, {
+                status: 'error',
+                percentage
+            });
+            xhrMap.delete(file.id);
+            fileAfterChange = createSettledFileInfo(((_a = inst.onError) === null || _a === void 0 ? void 0 : _a.call(inst, { file: fileAfterChange, event: e })) || fileAfterChange);
+            doChange(fileAfterChange, e);
+        }
+        function handleXHRLoad(e) {
+            var _a;
+            if (inst.isErrorState) {
+                if (inst.isErrorState(xhr)) {
+                    handleXHRError(e);
+                    return;
+                }
+            }
+            else {
+                if (xhr.status < 200 || xhr.status >= 300) {
+                    handleXHRError(e);
+                    return;
+                }
+            }
+            let fileAfterChange = Object.assign({}, file, {
+                status: 'finished',
+                percentage
+            });
+            xhrMap.delete(file.id);
+            fileAfterChange = createSettledFileInfo(((_a = inst.onFinish) === null || _a === void 0 ? void 0 : _a.call(inst, { file: fileAfterChange, event: e })) || fileAfterChange);
+            doChange(fileAfterChange, e);
+        }
+        return {
+            handleXHRLoad,
+            handleXHRError,
+            handleXHRAbort(e) {
+                const fileAfterChange = Object.assign({}, file, {
+                    status: 'removed',
+                    file: null,
+                    percentage
+                });
+                xhrMap.delete(file.id);
+                doChange(fileAfterChange, e);
+            },
+            handleXHRProgress(e) {
+                const fileAfterChange = Object.assign({}, file, {
+                    status: 'uploading'
+                });
+                if (e.lengthComputable) {
+                    const progress = Math.ceil((e.loaded / e.total) * 100);
+                    fileAfterChange.percentage = progress;
+                    percentage = progress;
+                }
+                doChange(fileAfterChange, e);
+            }
+        };
+    }
+    function customSubmitImpl(options) {
+        const { inst, file, data, headers, withCredentials, action, customRequest } = options;
+        const { doChange } = options.inst;
+        let percentage = 0;
+        customRequest({
+            file,
+            data,
+            headers,
+            withCredentials,
+            action,
+            onProgress(event) {
+                const fileAfterChange = Object.assign({}, file, {
+                    status: 'uploading'
+                });
+                const progress = event.percent;
+                fileAfterChange.percentage = progress;
+                percentage = progress;
+                doChange(fileAfterChange);
+            },
+            onFinish() {
+                var _a;
+                let fileAfterChange = Object.assign({}, file, {
+                    status: 'finished',
+                    percentage
+                });
+                fileAfterChange = createSettledFileInfo(((_a = inst.onFinish) === null || _a === void 0 ? void 0 : _a.call(inst, { file: fileAfterChange })) || fileAfterChange);
+                doChange(fileAfterChange);
+            },
+            onError() {
+                var _a;
+                let fileAfterChange = Object.assign({}, file, {
+                    status: 'error',
+                    percentage
+                });
+                fileAfterChange = createSettledFileInfo(((_a = inst.onError) === null || _a === void 0 ? void 0 : _a.call(inst, { file: fileAfterChange })) || fileAfterChange);
+                doChange(fileAfterChange);
+            }
+        });
+    }
+    function registerHandler(inst, file, request) {
+        const handlers = createXhrHandlers(inst, file, request);
+        request.onabort = handlers.handleXHRAbort;
+        request.onerror = handlers.handleXHRError;
+        request.onload = handlers.handleXHRLoad;
+        if (request.upload) {
+            request.upload.onprogress = handlers.handleXHRProgress;
+        }
+    }
+    function unwrapFunctionValue(data, file) {
+        if (typeof data === 'function') {
+            return data({ file });
+        }
+        if (data)
+            return data;
+        return {};
+    }
+    function setHeaders(request, headers, file) {
+        const headersObject = unwrapFunctionValue(headers, file);
+        if (!headersObject)
+            return;
+        Object.keys(headersObject).forEach((key) => {
+            request.setRequestHeader(key, headersObject[key]);
+        });
+    }
+    function appendData(formData, data, file) {
+        const dataObject = unwrapFunctionValue(data, file);
+        if (!dataObject)
+            return;
+        Object.keys(dataObject).forEach((key) => {
+            formData.append(key, dataObject[key]);
+        });
+    }
+    function submitImpl(inst, fieldName, file, { method, action, withCredentials, responseType, headers, data }) {
+        const request = new XMLHttpRequest();
+        request.responseType = responseType;
+        inst.xhrMap.set(file.id, request);
+        request.withCredentials = withCredentials;
+        const formData = new FormData();
+        appendData(formData, data, file);
+        formData.append(fieldName, file.file);
+        registerHandler(inst, file, request);
+        if (action !== undefined) {
+            request.open(method.toUpperCase(), action);
+            setHeaders(request, headers, file);
+            request.send(formData);
+            const fileAfterChange = Object.assign({}, file, {
+                status: 'uploading'
+            });
+            inst.doChange(fileAfterChange);
+        }
+    }
+    return {
+        createXhrHandlers,
+        customSubmitImpl,
+        registerHandler,
+        unwrapFunctionValue,
+        setHeaders,
+        appendData,
+        submitImpl
+    };
+}

package/es/upload/src/useUploadActionsRender.d.ts

@@ -0,0 +1,26 @@
+import { VNode } from 'vue';
+import { FileInfo, ListType } from './interface';
+interface Options {
+    clsPrefix: string;
+    listType: ListType;
+    file: Required<FileInfo>;
+    showPreviewButton: string | boolean | null;
+    showRemoveButton: boolean;
+    showCancelButton: boolean;
+    showRetryButton: boolean;
+    showDownloadButton: boolean;
+    disabled: boolean;
+    buttonType: string | undefined;
+    mergedTheme: any;
+    buttonThemeOverrides: any;
+    handlePreviewClick: () => void;
+    handleRemoveOrCancelClick: (e: MouseEvent) => void;
+    handleRetryClick: () => void;
+    handleDownloadClick: (e: MouseEvent) => void;
+    capitalizeFirstLetter: (text: string) => string;
+}
+export declare function useUploadActionsRender(opts: Options): {
+    actionsNode: VNode;
+    icon: VNode;
+};
+export {};

package/es/upload/src/useUploadActionsRender.js

@@ -0,0 +1,85 @@
+import { h } from 'vue';
+import { UButton } from '../../button';
+import { UBaseIcon, UIconSwitchTransition } from '../../_internal';
+import { CancelIcon, EyeIcon, RetryIcon, TrashIcon, DownloadIcon } from '../../_internal/icons';
+export function useUploadActionsRender(opts) {
+    const { clsPrefix, listType, file, showPreviewButton, showRemoveButton, showCancelButton, showRetryButton, showDownloadButton, disabled, buttonType, mergedTheme, buttonThemeOverrides, handlePreviewClick, handleRemoveOrCancelClick, handleRetryClick, handleDownloadClick, capitalizeFirstLetter } = opts;
+    const isImageType = ['image', 'image-card'].includes(listType);
+    const fileExt = file.name.split('.')[1] || '';
+    const capitalizedExt = capitalizeFirstLetter(fileExt);
+    const icon = h('div', {
+        class: [
+            `${clsPrefix}-upload-file-info__thumbnail`,
+            `${clsPrefix}-upload-file-info__thumbnail--icon`
+        ]
+    }, [
+        h('span', { class: `${clsPrefix}-upload-file-info__preview` }, [
+            h('div', { class: `${clsPrefix}-upload-file-info__preview--ext` }, capitalizedExt),
+            h('div', {
+                class: `${clsPrefix}-upload-file-info__preview--content`
+            })
+        ])
+    ]);
+    const actionsNode = h('div', {
+        class: [
+            `${clsPrefix}-upload-file-info__action`,
+            `${clsPrefix}-upload-file--${isImageType ? 'image-card' : 'text'}-type`
+        ]
+    }, [
+        showPreviewButton &&
+            h(UButton, {
+                key: 'preview',
+                quaternary: true,
+                type: buttonType,
+                onClick: handlePreviewClick,
+                theme: mergedTheme.peers.Button,
+                themeOverrides: mergedTheme.peerOverrides.Button,
+                builtinThemeOverrides: buttonThemeOverrides
+            }, {
+                icon: () => h(UBaseIcon, { clsPrefix }, { default: () => h(EyeIcon) })
+            }),
+        (showRemoveButton || showCancelButton) &&
+            !disabled &&
+            h(UButton, {
+                key: 'cancelOrTrash',
+                quaternary: true,
+                type: buttonType,
+                onClick: handleRemoveOrCancelClick,
+                theme: mergedTheme.peers.Button,
+                themeOverrides: mergedTheme.peerOverrides.Button,
+                builtinThemeOverrides: buttonThemeOverrides
+            }, {
+                icon: () => h(UIconSwitchTransition, {}, {
+                    default: () => showRemoveButton
+                        ? h(UBaseIcon, { clsPrefix, key: 'trash' }, { default: () => h(TrashIcon) })
+                        : h(UBaseIcon, { clsPrefix, key: 'cancel' }, { default: () => h(CancelIcon) })
+                })
+            }),
+        showRetryButton &&
+            !disabled &&
+            h(UButton, {
+                key: 'retry',
+                quaternary: true,
+                type: buttonType,
+                onClick: handleRetryClick,
+                theme: mergedTheme.peers.Button,
+                themeOverrides: mergedTheme.peerOverrides.Button,
+                builtinThemeOverrides: buttonThemeOverrides
+            }, {
+                icon: () => h(UBaseIcon, { clsPrefix }, { default: () => h(RetryIcon) })
+            }),
+        showDownloadButton &&
+            h(UButton, {
+                key: 'download',
+                quaternary: true,
+                type: buttonType,
+                onClick: handleDownloadClick,
+                theme: mergedTheme.peers.Button,
+                themeOverrides: mergedTheme.peerOverrides.Button,
+                builtinThemeOverrides: buttonThemeOverrides
+            }, {
+                icon: () => h(UBaseIcon, { clsPrefix }, { default: () => h(DownloadIcon) })
+            })
+    ].filter(Boolean));
+    return { icon, actionsNode };
+}

package/es/upload/src/useUploadInternals.d.ts

@@ -0,0 +1,25 @@
+import { VNode, Slots } from 'vue';
+interface UseUploadInternalsOptions {
+    mergedClsPrefix: string;
+    accept?: string;
+    multiple?: boolean;
+    inputProps?: Record<string, any>;
+    directory?: boolean;
+    onChange?: (e: Event) => void;
+    label?: string;
+    title?: string;
+    subtitle?: string;
+    vertical?: boolean;
+    noIcon?: boolean;
+    icon?: any;
+    localeRef: {
+        title: string;
+        subtitle: string;
+    };
+    slots: Slots;
+}
+export declare function useUploadInternals(options: UseUploadInternalsOptions): {
+    inputNode: VNode;
+    renderDefaultTrigger: () => VNode[];
+};
+export {};

package/es/upload/src/useUploadInternals.js

@@ -0,0 +1,37 @@
+import { h, Fragment } from 'vue';
+import { uploadIcon } from './icons';
+import { UBaseIcon } from '../../_internal';
+import UUploadDragger from './UploadDragger';
+export function useUploadInternals(options) {
+    const { mergedClsPrefix, accept, multiple, inputProps = {}, directory, onChange, label, title, subtitle, vertical, noIcon, icon, localeRef, slots } = options;
+    const inputNode = h('input', Object.assign(Object.assign({}, inputProps), { ref: 'inputElRef', type: 'file', class: `${mergedClsPrefix}-upload-file-input`, accept,
+        multiple, directory: directory || undefined, webkitdirectory: directory || undefined, onChange }));
+    const renderDefaultTrigger = () => {
+        const rootClass = `${mergedClsPrefix}-upload-dragger-inner`;
+        return [
+            h(Fragment, null,
+                label ? (h("p", { class: `${mergedClsPrefix}-upload__label` }, label)) : null,
+                h(UUploadDragger, null, {
+                    default: () => {
+                        var _a, _b;
+                        return h('div', {
+                            class: [rootClass, vertical && `${rootClass}--vertical`]
+                        }, [
+                            !noIcon &&
+                                h('div', { class: `${rootClass}__icon` }, h(UBaseIcon, { clsPrefix: mergedClsPrefix }, {
+                                    default: () => icon || uploadIcon
+                                })),
+                            h('div', { class: `${rootClass}__content` }, [
+                                h('p', { class: `${rootClass}__title` }, title || ((_a = slots.title) === null || _a === void 0 ? void 0 : _a.call(slots)) || localeRef.title),
+                                h('p', { class: `${rootClass}__subtitle` }, subtitle || ((_b = slots.subtitle) === null || _b === void 0 ? void 0 : _b.call(slots)) || localeRef.subtitle)
+                            ])
+                        ]);
+                    }
+                }))
+        ];
+    };
+    return {
+        inputNode,
+        renderDefaultTrigger
+    };
+}

package/es/upload/src/utils.d.ts

@@ -1,9 +1,10 @@
 import type { FileAndEntry, FileInfo, SettledFileInfo, ShouldUseThumbnailUrl } from './interface';
 export declare const isImageFileType: (type: string) => boolean;
+export declare const capitalizeFirstLetter: (str: string) => string;
 export declare const isImageFile: ShouldUseThumbnailUrl;
 export declare function createImageDataUrl(file: File): Promise<string>;
 export declare const environmentSupportFile: false | {
-    new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
+    new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
     prototype: File;
 };
 export declare function isFileSystemDirectoryEntry(item: FileSystemEntry | FileSystemFileEntry | FileSystemDirectoryEntry): item is FileSystemDirectoryEntry;

package/es/upload/src/utils.js

@@ -16,6 +16,11 @@ const getExtname = (url = '') => {
     return (/\.[^./\\]*$/.exec(filenameWithoutSuffix) || [''])[0];
 };
 const imageExtensionRegex = /(webp|svg|png|gif|jpg|jpeg|jfif|bmp|dpg|ico)$/i;
+export const capitalizeFirstLetter = (str) => {
+    if (!str)
+        return str;
+    return str.charAt(0).toUpperCase() + str.slice(1);
+};
 // Do not need File object
 export const isImageFile = (file) => {
     if (file.type) {

package/es/upload/styles/light.d.ts

@@ -21,6 +21,12 @@ export declare const self: (vars: ThemeCommonVars) => {
     draggerTitleColor: string;
     draggerTextColor: string;
     labelColor: string;
+    widthSmall: string;
+    widthMedium: string;
+    widthLarge: string;
+    containerSecondary: string;
+    brandPrimary300: string;
+    elementsQuaternary: string;
 };
 export type UploadThemeVars = ReturnType<typeof self>;
 declare const uploadLight: import("../../_mixins").Theme<"Upload", {
@@ -45,6 +51,12 @@ declare const uploadLight: import("../../_mixins").Theme<"Upload", {
     draggerTitleColor: string;
     draggerTextColor: string;
     labelColor: string;
+    widthSmall: string;
+    widthMedium: string;
+    widthLarge: string;
+    containerSecondary: string;
+    brandPrimary300: string;
+    elementsQuaternary: string;
 }, {
     Button: import("../../_mixins").Theme<"Button", {
         heightTiny: string;

package/es/upload/styles/light.js

@@ -4,7 +4,7 @@ import { progressLight } from '../../progress/styles';
 import { commonLight } from '../../_styles/common';
 import { createTheme } from '../../_mixins';
 export const self = (vars) => {
-    const { staticGreen, staticRed, elementsQuaternary, elementsTertiary, elementsPrimary, textPrimary, opacityDisabled, containerPrimary, fontBodyMedium, lineHeightBodyMedium, borderRadiusLarge, elementsQuinary } = vars;
+    const { staticGreen, staticRed, elementsQuaternary, elementsTertiary, elementsPrimary, textPrimary, opacityDisabled, containerPrimary, fontBodyMedium, lineHeightBodyMedium, borderRadiusLarge, elementsQuinary, containerSecondary, brandPrimary300 } = vars;
     return {
         baseColor: containerPrimary,
         fontSize: fontBodyMedium,
@@ -28,7 +28,13 @@ export const self = (vars) => {
         draggerIconColor: elementsPrimary,
         draggerTitleColor: textPrimary,
         draggerTextColor: textPrimary,
-        labelColor: textPrimary
+        labelColor: textPrimary,
+        widthSmall: '140px',
+        widthMedium: 'auto',
+        widthLarge: 'auto',
+        containerSecondary,
+        brandPrimary300,
+        elementsQuaternary
     };
 };
 const uploadLight = createTheme({

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.3.0";
+declare const _default: "1.4.0";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.3.0';
+export default '1.4.0';

package/es/watermark/src/Watermark.d.ts

@@ -273,22 +273,22 @@ declare const _default: import("vue").DefineComponent<{
         fontFamily: string;
     }, unknown>>>;
 }>>, {
-    readonly fontSize: number;
-    readonly fontStretch: string;
-    readonly fontStyle: "normal" | "italic" | "oblique" | `oblique ${number}deg`;
-    readonly fontVariant: string;
     readonly fontWeight: number;
+    readonly width: number;
+    readonly fontSize: number;
     readonly height: number;
     readonly lineHeight: number;
     readonly rotate: number;
-    readonly width: number;
+    readonly fontStretch: string;
+    readonly fontStyle: "normal" | "italic" | "oblique" | `oblique ${number}deg`;
+    readonly fontVariant: string;
     readonly zIndex: number;
-    readonly cross: boolean;
     readonly xGap: number;
     readonly yGap: number;
     readonly selectable: boolean;
     readonly fullscreen: boolean;
     readonly debug: boolean;
+    readonly cross: boolean;
     readonly yOffset: number;
     readonly xOffset: number;
     readonly imageOpacity: number;

package/lib/__mocks__/vueuse-core.d.ts

@@ -0,0 +1,5 @@
+export function useClipboard(): {
+    copy: jest.Mock<any, any, any>;
+    text: string;
+    isSupported: boolean;
+};

package/lib/__mocks__/vueuse-core.js

@@ -0,0 +1,9 @@
+"use strict";
+/* global jest */
+module.exports = {
+    useClipboard: () => ({
+        copy: jest.fn(),
+        text: '',
+        isSupported: true
+    })
+};

package/lib/_internal/checkbox/src/use-checkbox.d.ts

@@ -14,11 +14,11 @@ export declare const checkboxGroupInjectionKey: import("vue").InjectionKey<Check
 export declare const checkboxBaseProps: {
     size: PropType<"small" | "medium" | "large">;
     checked: {
-        type: PropType<string | number | boolean | undefined>;
+        type: PropType<boolean | string | number | undefined>;
         default: undefined;
     };
     defaultChecked: {
-        type: PropType<string | number | boolean>;
+        type: PropType<boolean | string | number>;
         default: boolean;
     };
     value: PropType<string | number>;
@@ -27,11 +27,11 @@ export declare const checkboxBaseProps: {
         default: undefined;
     };
     checkedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     'onUpdate:checked': PropType<MaybeArray<OnUpdateChecked>>;

package/lib/_internal/close/src/Close.d.ts

@@ -40,10 +40,10 @@ declare const _default: import("vue").DefineComponent<{
     onClick: PropType<(e: MouseEvent) => void>;
     absolute: BooleanConstructor;
 }>>, {
+    disabled: boolean;
     round: boolean;
     absolute: boolean;
-    disabled: boolean;
-    focusable: boolean;
     isButtonTag: boolean;
+    focusable: boolean;
 }, {}>;
 export default _default;

package/lib/_internal/fade-in-expand-transition/src/FadeInExpandTransition.d.ts

@@ -2,7 +2,7 @@ import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     appear: BooleanConstructor;
     group: BooleanConstructor;
-    mode: PropType<"default" | "in-out" | "out-in">;
+    mode: PropType<"in-out" | "out-in" | "default">;
     onLeave: FunctionConstructor;
     onAfterLeave: FunctionConstructor;
     onAfterEnter: FunctionConstructor;
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     appear: BooleanConstructor;
     group: BooleanConstructor;
-    mode: PropType<"default" | "in-out" | "out-in">;
+    mode: PropType<"in-out" | "out-in" | "default">;
     onLeave: FunctionConstructor;
     onAfterLeave: FunctionConstructor;
     onAfterEnter: FunctionConstructor;
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     reverse: boolean;
     width: boolean;
-    appear: boolean;
     group: boolean;
+    appear: boolean;
 }, {}>;
 export default _default;

package/lib/_internal/icons/CheckmarkCircle.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/CheckmarkCircle.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'CheckmarkCircle',
+    render() {
+        return ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+            (0, vue_1.h)("g", { fill: "none" },
+                (0, vue_1.h)("path", { d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17zm-1.25 9.94l4.47-4.47a.75.75 0 0 1 1.133.976l-.073.084l-5 5a.75.75 0 0 1-.976.073l-.084-.073l-2.5-2.5a.75.75 0 0 1 .976-1.133l.084.073l1.97 1.97l4.47-4.47l-4.47 4.47z", fill: "currentColor" }))));
+    }
+});

package/lib/_internal/icons/ContentCopy.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/ContentCopy.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'ContentCopy',
+    render() {
+        return ((0, vue_1.h)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            (0, vue_1.h)("path", { stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M5 9C4.06812 9 3.60218 9 3.23463 9.15224C2.74458 9.35523 2.35523 9.74458 2.15224 10.2346C2 10.6022 2 11.0681 2 12V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.0799 22 5.2 22H12C12.9319 22 13.3978 22 13.7654 21.8478C14.2554 21.6448 14.6448 21.2554 14.8478 20.7654C15 20.3978 15 19.9319 15 19M12.2 2H18.8C19.9201 2 20.4802 2 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C22 3.51984 22 4.0799 22 5.2V11.8C22 12.9201 22 13.4802 21.782 13.908C21.5903 14.2843 21.2843 14.5903 20.908 14.782C20.4802 15 19.9201 15 18.8 15H12.2C11.0799 15 10.5198 15 10.092 14.782C9.71569 14.5903 9.40973 14.2843 9.21799 13.908C9 13.4802 9 12.9201 9 11.8V5.2C9 4.0799 9 3.51984 9.21799 3.09202C9.40973 2.71569 9.71569 2.40973 10.092 2.21799C10.5198 2 11.0799 2 12.2 2Z" })));
+    }
+});

package/lib/_internal/icons/DismissCircle.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/DismissCircle.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'DismissCircle',
+    render() {
+        return ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+            (0, vue_1.h)("g", { fill: "none" },
+                (0, vue_1.h)("path", { d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2zm0 1.5a8.5 8.5 0 1 0 0 17a8.5 8.5 0 0 0 0-17zm3.446 4.897l.084.073a.75.75 0 0 1 .073.976l-.073.084L13.061 12l2.47 2.47a.75.75 0 0 1 .072.976l-.073.084a.75.75 0 0 1-.976.073l-.084-.073L12 13.061l-2.47 2.47a.75.75 0 0 1-.976.072l-.084-.073a.75.75 0 0 1-.073-.976l.073-.084L10.939 12l-2.47-2.47a.75.75 0 0 1-.072-.976l.073-.084a.75.75 0 0 1 .976-.073l.084.073L12 10.939l2.47-2.47a.75.75 0 0 1 .976-.072z", fill: "currentColor" }))));
+    }
+});

package/lib/_internal/icons/Edit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/Edit.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'Edit',
+    render() {
+        return ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
+            (0, vue_1.h)("g", { fill: "none" },
+                (0, vue_1.h)("path", { d: "M21.03 2.97a3.578 3.578 0 0 1 0 5.06L9.062 20a2.25 2.25 0 0 1-.999.58l-5.116 1.395a.75.75 0 0 1-.92-.921l1.395-5.116a2.25 2.25 0 0 1 .58-.999L15.97 2.97a3.578 3.578 0 0 1 5.06 0zM15 6.06L5.062 16a.75.75 0 0 0-.193.333l-1.05 3.85l3.85-1.05A.75.75 0 0 0 8 18.938L17.94 9L15 6.06zm2.03-2.03l-.97.97L19 7.94l.97-.97a2.079 2.079 0 0 0-2.94-2.94z", fill: "currentColor" }))));
+    }
+});

package/lib/_internal/icons/FileHeart.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/FileHeart.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'FileHeart',
+    render() {
+        return ((0, vue_1.h)("svg", { width: "27", height: "30", viewBox: "0 0 27 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            (0, vue_1.h)("path", { d: "M23.6666 12.3333V8.06663C23.6666 5.82642 23.6666 4.70631 23.2306 3.85066C22.8471 3.09802 22.2352 2.48609 21.4825 2.1026C20.6269 1.66663 19.5068 1.66663 17.2666 1.66663H8.73325C6.49304 1.66663 5.37294 1.66663 4.51729 2.1026C3.76464 2.48609 3.15272 3.09802 2.76923 3.85066C2.33325 4.70631 2.33325 5.82642 2.33325 8.06663V21.9333C2.33325 24.1735 2.33325 25.2936 2.76923 26.1493C3.15272 26.9019 3.76464 27.5138 4.51729 27.8973C5.37294 28.3333 6.49304 28.3333 8.73325 28.3333H12.9999M13.6666 13.6666H7.66659M8.99992 19H7.66659M18.3333 8.33329H7.66659M19.6629 18.7741C18.5966 17.5621 16.8185 17.2361 15.4824 18.3459C14.1464 19.4557 13.9583 21.3113 15.0075 22.6239C16.0567 23.9365 19.6629 27 19.6629 27C19.6629 27 23.2692 23.9365 24.3184 22.6239C25.3676 21.3113 25.2024 19.444 23.8434 18.3459C22.4845 17.2477 20.7293 17.5621 19.6629 18.7741Z", stroke: "currentColor", "stroke-width": "3.2", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+    }
+});

package/lib/_internal/icons/SiderUnionBorder.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/_internal/icons/SiderUnionBorder.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'SiderUnionBorder',
+    render() {
+        return ((0, vue_1.h)("svg", { viewBox: "0 0 35 82", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            (0, vue_1.h)("path", { d: "M15 0L0 0V82H15V72.0682C15 67.6499 18.7463 64.209 22.7412 62.3215C29.9427 58.9189 35 50.9123 35 41.5775C35 32.2426 29.9427 24.236 22.7412 20.8334C18.7463 18.946 15 15.505 15 11.0867V0Z", fill: "currentColor" })));
+    }
+});