@nlabs/gothamui 1.8.0

package/lib/components/DropUpload/DropUpload.js

@@ -0,0 +1,323 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { FileImage, UploadCloud, X } from 'lucide-react';
+import { memo, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
+const imageMimeTypes = new Set([
+    'image/jpeg',
+    'image/png',
+    'image/webp'
+]);
+const createId = (file, index = 0)=>[
+        file.name,
+        file.size,
+        file.lastModified,
+        index
+    ].join('-');
+const parseAccept = (accept = '')=>accept.split(',').map((value)=>value.trim().toLowerCase()).filter(Boolean);
+const acceptsFile = (file, accept = '')=>{
+    const acceptRules = parseAccept(accept);
+    if (!acceptRules.length) {
+        return true;
+    }
+    const fileType = file.type.toLowerCase();
+    const fileName = file.name.toLowerCase();
+    return acceptRules.some((rule)=>{
+        if (rule.endsWith('/*')) {
+            return fileType.startsWith(rule.slice(0, -1));
+        }
+        if (rule.startsWith('.')) {
+            return fileName.endsWith(rule);
+        }
+        return fileType === rule;
+    });
+};
+const createImagePreview = (file)=>{
+    if (!imageMimeTypes.has(file.type)) {
+        return undefined;
+    }
+    return URL.createObjectURL(file);
+};
+const resizeImage = async (file, { imageOutputMimeType = 'image/jpeg', imageOutputQuality = 0.92, imageResizeTargetHeight, imageResizeTargetWidth, imageResizeUpscale = false })=>{
+    if (!imageMimeTypes.has(file.type) || !imageResizeTargetHeight && !imageResizeTargetWidth) {
+        return file;
+    }
+    const sourceUrl = URL.createObjectURL(file);
+    const image = new Image();
+    image.src = sourceUrl;
+    await image.decode();
+    const widthRatio = imageResizeTargetWidth ? imageResizeTargetWidth / image.width : Number.POSITIVE_INFINITY;
+    const heightRatio = imageResizeTargetHeight ? imageResizeTargetHeight / image.height : Number.POSITIVE_INFINITY;
+    const scale = Math.min(widthRatio, heightRatio, imageResizeUpscale ? Number.POSITIVE_INFINITY : 1);
+    if (scale >= 1 && !imageResizeUpscale) {
+        URL.revokeObjectURL(sourceUrl);
+        return file;
+    }
+    const canvas = document.createElement('canvas');
+    canvas.width = Math.max(1, Math.round(image.width * scale));
+    canvas.height = Math.max(1, Math.round(image.height * scale));
+    const context = canvas.getContext('2d');
+    context?.drawImage(image, 0, 0, canvas.width, canvas.height);
+    URL.revokeObjectURL(sourceUrl);
+    const blob = await new Promise((resolve)=>{
+        canvas.toBlob(resolve, imageOutputMimeType, imageOutputQuality);
+    });
+    if (!blob) {
+        return file;
+    }
+    return new File([
+        blob
+    ], file.name, {
+        lastModified: file.lastModified,
+        type: imageOutputMimeType
+    });
+};
+const filesToItems = (files)=>files.map((file, index)=>({
+            file,
+            id: createId(file, index),
+            previewUrl: createImagePreview(file)
+        }));
+const DropUploadComponent = ({ accept, browseLabel = 'browse', className, defaultFiles = [], disabled = false, files, helperText, imageOutputMimeType = 'image/jpeg', imageOutputQuality = 0.92, imageResizeTargetHeight, imageResizeTargetWidth, imageResizeUpscale = false, label = 'Drop files here or', maxFileSize, maxFiles = Number.POSITIVE_INFINITY, multiple = true, onFilesChange, onReject, previewClassName, ref, showPreviews = true, transformImages = true, ...props })=>{
+    const inputId = useId();
+    const inputRef = useRef(null);
+    const itemsRef = useRef([]);
+    const [isDragging, setIsDragging] = useState(false);
+    const [internalItems, setInternalItems] = useState(()=>filesToItems(defaultFiles));
+    const isControlled = Array.isArray(files);
+    const items = useMemo(()=>isControlled ? filesToItems(files || []) : internalItems, [
+        files,
+        internalItems,
+        isControlled
+    ]);
+    useEffect(()=>{
+        const nextPreviewUrls = new Set(items.map((item)=>item.previewUrl).filter(Boolean));
+        itemsRef.current.forEach((item)=>{
+            if (item.previewUrl && !nextPreviewUrls.has(item.previewUrl)) {
+                URL.revokeObjectURL(item.previewUrl);
+            }
+        });
+        itemsRef.current = items;
+    }, [
+        items
+    ]);
+    useEffect(()=>()=>{
+            itemsRef.current.forEach((item)=>{
+                if (item.previewUrl) {
+                    URL.revokeObjectURL(item.previewUrl);
+                }
+            });
+        }, []);
+    const updateItems = useCallback((nextItems)=>{
+        if (!isControlled) {
+            setInternalItems(nextItems);
+        }
+        onFilesChange?.(nextItems.map((item)=>item.file), nextItems);
+    }, [
+        isControlled,
+        onFilesChange
+    ]);
+    const addFiles = useCallback(async (incomingFiles)=>{
+        if (disabled) {
+            return;
+        }
+        const currentItems = multiple ? items : [];
+        const acceptedFiles = [];
+        const rejections = [];
+        const remainingSlots = Math.max(0, maxFiles - currentItems.length);
+        incomingFiles.forEach((file)=>{
+            if (acceptedFiles.length >= remainingSlots) {
+                rejections.push({
+                    file,
+                    reason: 'max-files'
+                });
+                return;
+            }
+            if (!acceptsFile(file, accept)) {
+                rejections.push({
+                    file,
+                    reason: 'type'
+                });
+                return;
+            }
+            if (maxFileSize && file.size > maxFileSize) {
+                rejections.push({
+                    file,
+                    reason: 'max-size'
+                });
+                return;
+            }
+            acceptedFiles.push(file);
+        });
+        if (rejections.length) {
+            onReject?.(rejections);
+        }
+        if (!acceptedFiles.length) {
+            return;
+        }
+        const transformedFiles = transformImages ? await Promise.all(acceptedFiles.map((file)=>resizeImage(file, {
+                imageOutputMimeType,
+                imageOutputQuality,
+                imageResizeTargetHeight,
+                imageResizeTargetWidth,
+                imageResizeUpscale
+            }))) : acceptedFiles;
+        updateItems([
+            ...currentItems,
+            ...filesToItems(transformedFiles)
+        ]);
+    }, [
+        accept,
+        disabled,
+        imageOutputMimeType,
+        imageOutputQuality,
+        imageResizeTargetHeight,
+        imageResizeTargetWidth,
+        imageResizeUpscale,
+        items,
+        maxFileSize,
+        maxFiles,
+        multiple,
+        onReject,
+        transformImages,
+        updateItems
+    ]);
+    const onInputChange = async (event)=>{
+        await addFiles(Array.from(event.target.files || []));
+        event.target.value = '';
+    };
+    const onDragOver = (event)=>{
+        event.preventDefault();
+        setIsDragging(true);
+    };
+    const onDragLeave = (event)=>{
+        event.preventDefault();
+        if (event.currentTarget === event.target) {
+            setIsDragging(false);
+        }
+    };
+    const onDrop = async (event)=>{
+        event.preventDefault();
+        setIsDragging(false);
+        await addFiles(Array.from(event.dataTransfer.files || []));
+    };
+    const onKeyDown = (event)=>{
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            inputRef.current?.click();
+        }
+    };
+    const removeItem = (id)=>{
+        updateItems(items.filter((item)=>item.id !== id));
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn('flex w-full flex-col gap-4', className),
+        ref: ref,
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                "aria-disabled": disabled,
+                className: cn('group relative flex min-h-44 w-full cursor-pointer flex-col items-center justify-center rounded-xl border border-dashed border-border bg-transparent px-6 py-8 text-center transition-colors', 'focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/30', 'hover:border-primary/70 hover:bg-primary/5', disabled && 'cursor-not-allowed opacity-50', isDragging && 'border-primary bg-primary/10'),
+                onClick: ()=>inputRef.current?.click(),
+                onDragLeave: onDragLeave,
+                onDragOver: onDragOver,
+                onDrop: onDrop,
+                onKeyDown: onKeyDown,
+                role: "button",
+                tabIndex: disabled ? -1 : 0,
+                children: [
+                    /*#__PURE__*/ _jsx("input", {
+                        accept: accept,
+                        className: "sr-only",
+                        disabled: disabled,
+                        id: inputId,
+                        multiple: multiple,
+                        onChange: onInputChange,
+                        ref: inputRef,
+                        type: "file"
+                    }),
+                    /*#__PURE__*/ _jsx(UploadCloud, {
+                        "aria-hidden": "true",
+                        className: "mb-4 size-10 text-muted-foreground transition-colors group-hover:text-primary"
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "text-sm font-medium text-foreground",
+                        children: [
+                            /*#__PURE__*/ _jsxs("span", {
+                                children: [
+                                    label,
+                                    " "
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("label", {
+                                className: "cursor-pointer text-primary underline-offset-4 hover:underline",
+                                htmlFor: inputId,
+                                children: browseLabel
+                            })
+                        ]
+                    }),
+                    helperText && /*#__PURE__*/ _jsx("div", {
+                        className: "mt-2 text-sm text-muted-foreground",
+                        children: helperText
+                    })
+                ]
+            }),
+            showPreviews && !!items.length && /*#__PURE__*/ _jsx("div", {
+                className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3",
+                children: items.map((item)=>/*#__PURE__*/ _jsxs("div", {
+                        className: cn('group/item relative overflow-hidden rounded-lg border border-border bg-card text-card-foreground', previewClassName),
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "flex aspect-video items-center justify-center bg-muted",
+                                children: item.previewUrl ? /*#__PURE__*/ _jsx("img", {
+                                    alt: item.file.name,
+                                    className: "size-full object-cover",
+                                    src: item.previewUrl
+                                }) : /*#__PURE__*/ _jsx(FileImage, {
+                                    "aria-hidden": "true",
+                                    className: "size-9 text-muted-foreground"
+                                })
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex items-center justify-between gap-3 px-3 py-2",
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "min-w-0",
+                                        children: [
+                                            /*#__PURE__*/ _jsx("p", {
+                                                className: "truncate text-sm font-medium",
+                                                children: item.file.name
+                                            }),
+                                            /*#__PURE__*/ _jsxs("p", {
+                                                className: "text-xs text-muted-foreground",
+                                                children: [
+                                                    Math.ceil(item.file.size / 1024),
+                                                    " KB"
+                                                ]
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx("button", {
+                                        "aria-label": `Remove ${item.file.name}`,
+                                        className: "inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
+                                        disabled: disabled,
+                                        onClick: (event)=>{
+                                            event.stopPropagation();
+                                            removeItem(item.id);
+                                        },
+                                        type: "button",
+                                        children: /*#__PURE__*/ _jsx(X, {
+                                            "aria-hidden": "true",
+                                            className: "size-4"
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    }, item.id))
+            })
+        ]
+    });
+};
+export const DropUpload = /*#__PURE__*/ memo(DropUploadComponent);
+DropUpload.displayName = 'DropUpload';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0Ryb3BVcGxvYWQvRHJvcFVwbG9hZC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtjbn0gZnJvbSAnQG5sYWJzL3V0aWxzJztcbmltcG9ydCB7RmlsZUltYWdlLCBVcGxvYWRDbG91ZCwgWH0gZnJvbSAnbHVjaWRlLXJlYWN0JztcbmltcG9ydCB7bWVtbyxcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUVmZmVjdCxcbiAgdXNlSWQsXG4gIHVzZU1lbW8sXG4gIHVzZVJlZixcbiAgdXNlU3RhdGVcbn0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdHlwZSB7XG4gIENoYW5nZUV2ZW50LFxuICBEcmFnRXZlbnQsXG4gIEhUTUxBdHRyaWJ1dGVzLFxuICBLZXlib2FyZEV2ZW50LFxuICBSZWFjdE5vZGUsXG4gIFJlZlxufSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIERyb3BVcGxvYWRSZWplY3Rpb25SZWFzb24gPSAnbWF4LWZpbGVzJyB8ICdtYXgtc2l6ZScgfCAndHlwZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHJvcFVwbG9hZEl0ZW0ge1xuICByZWFkb25seSBmaWxlOiBGaWxlO1xuICByZWFkb25seSBpZDogc3RyaW5nO1xuICByZWFkb25seSBwcmV2aWV3VXJsPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIERyb3BVcGxvYWRSZWplY3Rpb24ge1xuICByZWFkb25seSBmaWxlOiBGaWxlO1xuICByZWFkb25seSByZWFzb246IERyb3BVcGxvYWRSZWplY3Rpb25SZWFzb247XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHJvcFVwbG9hZFByb3BzIGV4dGVuZHMgT21pdDxIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4sICdvbkNoYW5nZScgfCAnb25Ecm9wJz4ge1xuICByZWFkb25seSBhY2NlcHQ/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IGJyb3dzZUxhYmVsPzogc3RyaW5nO1xuICByZWFkb25seSBkZWZhdWx0RmlsZXM/OiByZWFkb25seSBGaWxlW107XG4gIHJlYWRvbmx5IGRpc2FibGVkPzogYm9vbGVhbjtcbiAgcmVhZG9ubHkgZmlsZXM/OiByZWFkb25seSBGaWxlW107XG4gIHJlYWRvbmx5IGhlbHBlclRleHQ/OiBSZWFjdE5vZGU7XG4gIHJlYWRvbmx5IGltYWdlT3V0cHV0TWltZVR5cGU/OiAnaW1hZ2UvanBlZycgfCAnaW1hZ2UvcG5nJyB8ICdpbWFnZS93ZWJwJztcbiAgcmVhZG9ubHkgaW1hZ2VPdXRwdXRRdWFsaXR5PzogbnVtYmVyO1xuICByZWFkb25seSBpbWFnZVJlc2l6ZVRhcmdldEhlaWdodD86IG51bWJlcjtcbiAgcmVhZG9ubHkgaW1hZ2VSZXNpemVUYXJnZXRXaWR0aD86IG51bWJlcjtcbiAgcmVhZG9ubHkgaW1hZ2VSZXNpemVVcHNjYWxlPzogYm9vbGVhbjtcbiAgcmVhZG9ubHkgbGFiZWw/OiBSZWFjdE5vZGU7XG4gIHJlYWRvbmx5IG1heEZpbGVTaXplPzogbnVtYmVyO1xuICByZWFkb25seSBtYXhGaWxlcz86IG51bWJlcjtcbiAgcmVhZG9ubHkgbXVsdGlwbGU/OiBib29sZWFuO1xuICByZWFkb25seSBvbkZpbGVzQ2hhbmdlPzogKGZpbGVzOiBGaWxlW10sIGl0ZW1zOiBEcm9wVXBsb2FkSXRlbVtdKSA9PiB2b2lkO1xuICByZWFkb25seSBvblJlamVjdD86IChyZWplY3Rpb25zOiBEcm9wVXBsb2FkUmVqZWN0aW9uW10pID0+IHZvaWQ7XG4gIHJlYWRvbmx5IHByZXZpZXdDbGFzc05hbWU/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IHJlZj86IFJlZjxIVE1MRGl2RWxlbWVudD47XG4gIHJlYWRvbmx5IHNob3dQcmV2aWV3cz86IGJvb2xlYW47XG4gIHJlYWRvbmx5IHRyYW5zZm9ybUltYWdlcz86IGJvb2xlYW47XG59XG5cbmNvbnN0IGltYWdlTWltZVR5cGVzID0gbmV3IFNldChbJ2ltYWdlL2pwZWcnLCAnaW1hZ2UvcG5nJywgJ2ltYWdlL3dlYnAnXSk7XG5cbmNvbnN0IGNyZWF0ZUlkID0gKGZpbGU6IEZpbGUsIGluZGV4ID0gMCk6IHN0cmluZyA9PiBbXG4gIGZpbGUubmFtZSxcbiAgZmlsZS5zaXplLFxuICBmaWxlLmxhc3RNb2RpZmllZCxcbiAgaW5kZXhcbl0uam9pbignLScpO1xuXG5jb25zdCBwYXJzZUFjY2VwdCA9IChhY2NlcHQgPSAnJyk6IHN0cmluZ1tdID0+IGFjY2VwdFxuICAuc3BsaXQoJywnKVxuICAubWFwKCh2YWx1ZSkgPT4gdmFsdWUudHJpbSgpLnRvTG93ZXJDYXNlKCkpXG4gIC5maWx0ZXIoQm9vbGVhbik7XG5cbmNvbnN0IGFjY2VwdHNGaWxlID0gKGZpbGU6IEZpbGUsIGFjY2VwdCA9ICcnKTogYm9vbGVhbiA9PiB7XG4gIGNvbnN0IGFjY2VwdFJ1bGVzID0gcGFyc2VBY2NlcHQoYWNjZXB0KTtcblxuICBpZighYWNjZXB0UnVsZXMubGVuZ3RoKSB7XG4gICAgcmV0dXJuIHRydWU7XG4gIH1cblxuICBjb25zdCBmaWxlVHlwZSA9IGZpbGUudHlwZS50b0xvd2VyQ2FzZSgpO1xuICBjb25zdCBmaWxlTmFtZSA9IGZpbGUubmFtZS50b0xvd2VyQ2FzZSgpO1xuXG4gIHJldHVybiBhY2NlcHRSdWxlcy5zb21lKChydWxlKSA9PiB7XG4gICAgaWYocnVsZS5lbmRzV2l0aCgnLyonKSkge1xuICAgICAgcmV0dXJuIGZpbGVUeXBlLnN0YXJ0c1dpdGgocnVsZS5zbGljZSgwLCAtMSkpO1xuICAgIH1cblxuICAgIGlmKHJ1bGUuc3RhcnRzV2l0aCgnLicpKSB7XG4gICAgICByZXR1cm4gZmlsZU5hbWUuZW5kc1dpdGgocnVsZSk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGZpbGVUeXBlID09PSBydWxlO1xuICB9KTtcbn07XG5cbmNvbnN0IGNyZWF0ZUltYWdlUHJldmlldyA9IChmaWxlOiBGaWxlKTogc3RyaW5nIHwgdW5kZWZpbmVkID0+IHtcbiAgaWYoIWltYWdlTWltZVR5cGVzLmhhcyhmaWxlLnR5cGUpKSB7XG4gICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgfVxuXG4gIHJldHVybiBVUkwuY3JlYXRlT2JqZWN0VVJMKGZpbGUpO1xufTtcblxuY29uc3QgcmVzaXplSW1hZ2UgPSBhc3luYyAoXG4gIGZpbGU6IEZpbGUsXG4gIHtcbiAgICBpbWFnZU91dHB1dE1pbWVUeXBlID0gJ2ltYWdlL2pwZWcnLFxuICAgIGltYWdlT3V0cHV0UXVhbGl0eSA9IDAuOTIsXG4gICAgaW1hZ2VSZXNpemVUYXJnZXRIZWlnaHQsXG4gICAgaW1hZ2VSZXNpemVUYXJnZXRXaWR0aCxcbiAgICBpbWFnZVJlc2l6ZVVwc2NhbGUgPSBmYWxzZVxuICB9OiBQaWNrPFxuICAgIERyb3BVcGxvYWRQcm9wcyxcbiAgICAnaW1hZ2VPdXRwdXRNaW1lVHlwZScgfFxuICAgICdpbWFnZU91dHB1dFF1YWxpdHknIHxcbiAgICAnaW1hZ2VSZXNpemVUYXJnZXRIZWlnaHQnIHxcbiAgICAnaW1hZ2VSZXNpemVUYXJnZXRXaWR0aCcgfFxuICAgICdpbWFnZVJlc2l6ZVVwc2NhbGUnXG4gID5cbik6IFByb21pc2U8RmlsZT4gPT4ge1xuICBpZighaW1hZ2VNaW1lVHlwZXMuaGFzKGZpbGUudHlwZSkgfHwgKCFpbWFnZVJlc2l6ZVRhcmdldEhlaWdodCAmJiAhaW1hZ2VSZXNpemVUYXJnZXRXaWR0aCkpIHtcbiAgICByZXR1cm4gZmlsZTtcbiAgfVxuXG4gIGNvbnN0IHNvdXJjZVVybCA9IFVSTC5jcmVhdGVPYmplY3RVUkwoZmlsZSk7XG4gIGNvbnN0IGltYWdlID0gbmV3IEltYWdlKCk7XG4gIGltYWdlLnNyYyA9IHNvdXJjZVVybDtcbiAgYXdhaXQgaW1hZ2UuZGVjb2RlKCk7XG5cbiAgY29uc3Qgd2lkdGhSYXRpbyA9IGltYWdlUmVzaXplVGFyZ2V0V2lkdGggPyBpbWFnZVJlc2l6ZVRhcmdldFdpZHRoIC8gaW1hZ2Uud2lkdGggOiBOdW1iZXIuUE9TSVRJVkVfSU5GSU5JVFk7XG4gIGNvbnN0IGhlaWdodFJhdGlvID0gaW1hZ2VSZXNpemVUYXJnZXRIZWlnaHQgPyBpbWFnZVJlc2l6ZVRhcmdldEhlaWdodCAvIGltYWdlLmhlaWdodCA6IE51bWJlci5QT1NJVElWRV9JTkZJTklUWTtcbiAgY29uc3Qgc2NhbGUgPSBNYXRoLm1pbih3aWR0aFJhdGlvLCBoZWlnaHRSYXRpbywgaW1hZ2VSZXNpemVVcHNjYWxlID8gTnVtYmVyLlBPU0lUSVZFX0lORklOSVRZIDogMSk7XG5cbiAgaWYoc2NhbGUgPj0gMSAmJiAhaW1hZ2VSZXNpemVVcHNjYWxlKSB7XG4gICAgVVJMLnJldm9rZU9iamVjdFVSTChzb3VyY2VVcmwpO1xuICAgIHJldHVybiBmaWxlO1xuICB9XG5cbiAgY29uc3QgY2FudmFzID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnY2FudmFzJyk7XG4gIGNhbnZhcy53aWR0aCA9IE1hdGgubWF4KDEsIE1hdGgucm91bmQoaW1hZ2Uud2lkdGggKiBzY2FsZSkpO1xuICBjYW52YXMuaGVpZ2h0ID0gTWF0aC5tYXgoMSwgTWF0aC5yb3VuZChpbWFnZS5oZWlnaHQgKiBzY2FsZSkpO1xuXG4gIGNvbnN0IGNvbnRleHQgPSBjYW52YXMuZ2V0Q29udGV4dCgnMmQnKTtcbiAgY29udGV4dD8uZHJhd0ltYWdlKGltYWdlLCAwLCAwLCBjYW52YXMud2lkdGgsIGNhbnZhcy5oZWlnaHQpO1xuICBVUkwucmV2b2tlT2JqZWN0VVJMKHNvdXJjZVVybCk7XG5cbiAgY29uc3QgYmxvYiA9IGF3YWl0IG5ldyBQcm9taXNlPEJsb2IgfCBudWxsPigocmVzb2x2ZSkgPT4ge1xuICAgIGNhbnZhcy50b0Jsb2IocmVzb2x2ZSwgaW1hZ2VPdXRwdXRNaW1lVHlwZSwgaW1hZ2VPdXRwdXRRdWFsaXR5KTtcbiAgfSk7XG5cbiAgaWYoIWJsb2IpIHtcbiAgICByZXR1cm4gZmlsZTtcbiAgfVxuXG4gIHJldHVybiBuZXcgRmlsZShbYmxvYl0sIGZpbGUubmFtZSwge1xuICAgIGxhc3RNb2RpZmllZDogZmlsZS5sYXN0TW9kaWZpZWQsXG4gICAgdHlwZTogaW1hZ2VPdXRwdXRNaW1lVHlwZVxuICB9KTtcbn07XG5cbmNvbnN0IGZpbGVzVG9JdGVtcyA9IChmaWxlczogcmVhZG9ubHkgRmlsZVtdKTogRHJvcFVwbG9hZEl0ZW1bXSA9PiBmaWxlcy5tYXAoKGZpbGUsIGluZGV4KSA9PiAoe1xuICBmaWxlLFxuICBpZDogY3JlYXRlSWQoZmlsZSwgaW5kZXgpLFxuICBwcmV2aWV3VXJsOiBjcmVhdGVJbWFnZVByZXZpZXcoZmlsZSlcbn0pKTtcblxuY29uc3QgRHJvcFVwbG9hZENvbXBvbmVudCA9ICh7XG4gIGFjY2VwdCxcbiAgYnJvd3NlTGFiZWwgPSAnYnJvd3NlJyxcbiAgY2xhc3NOYW1lLFxuICBkZWZhdWx0RmlsZXMgPSBbXSxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgZmlsZXMsXG4gIGhlbHBlclRleHQsXG4gIGltYWdlT3V0cHV0TWltZVR5cGUgPSAnaW1hZ2UvanBlZycsXG4gIGltYWdlT3V0cHV0UXVhbGl0eSA9IDAuOTIsXG4gIGltYWdlUmVzaXplVGFyZ2V0SGVpZ2h0LFxuICBpbWFnZVJlc2l6ZVRhcmdldFdpZHRoLFxuICBpbWFnZVJlc2l6ZVVwc2NhbGUgPSBmYWxzZSxcbiAgbGFiZWwgPSAnRHJvcCBmaWxlcyBoZXJlIG9yJyxcbiAgbWF4RmlsZVNpemUsXG4gIG1heEZpbGVzID0gTnVtYmVyLlBPU0lUSVZFX0lORklOSVRZLFxuICBtdWx0aXBsZSA9IHRydWUsXG4gIG9uRmlsZXNDaGFuZ2UsXG4gIG9uUmVqZWN0LFxuICBwcmV2aWV3Q2xhc3NOYW1lLFxuICByZWYsXG4gIHNob3dQcmV2aWV3cyA9IHRydWUsXG4gIHRyYW5zZm9ybUltYWdlcyA9IHRydWUsXG4gIC4uLnByb3BzXG59OiBEcm9wVXBsb2FkUHJvcHMpID0+IHtcbiAgY29uc3QgaW5wdXRJZCA9IHVzZUlkKCk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBpdGVtc1JlZiA9IHVzZVJlZjxEcm9wVXBsb2FkSXRlbVtdPihbXSk7XG4gIGNvbnN0IFtpc0RyYWdnaW5nLCBzZXRJc0RyYWdnaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2ludGVybmFsSXRlbXMsIHNldEludGVybmFsSXRlbXNdID0gdXNlU3RhdGU8RHJvcFVwbG9hZEl0ZW1bXT4oKCkgPT4gZmlsZXNUb0l0ZW1zKGRlZmF1bHRGaWxlcykpO1xuICBjb25zdCBpc0NvbnRyb2xsZWQgPSBBcnJheS5pc0FycmF5KGZpbGVzKTtcbiAgY29uc3QgaXRlbXMgPSB1c2VNZW1vKFxuICAgICgpID0+IChpc0NvbnRyb2xsZWQgPyBmaWxlc1RvSXRlbXMoZmlsZXMgfHwgW10pIDogaW50ZXJuYWxJdGVtcyksXG4gICAgW2ZpbGVzLCBpbnRlcm5hbEl0ZW1zLCBpc0NvbnRyb2xsZWRdXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBuZXh0UHJldmlld1VybHMgPSBuZXcgU2V0KGl0ZW1zLm1hcCgoaXRlbSkgPT4gaXRlbS5wcmV2aWV3VXJsKS5maWx0ZXIoQm9vbGVhbikpO1xuXG4gICAgaXRlbXNSZWYuY3VycmVudC5mb3JFYWNoKChpdGVtKSA9PiB7XG4gICAgICBpZihpdGVtLnByZXZpZXdVcmwgJiYgIW5leHRQcmV2aWV3VXJscy5oYXMoaXRlbS5wcmV2aWV3VXJsKSkge1xuICAgICAgICBVUkwucmV2b2tlT2JqZWN0VVJMKGl0ZW0ucHJldmlld1VybCk7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgICBpdGVtc1JlZi5jdXJyZW50ID0gaXRlbXM7XG4gIH0sIFtpdGVtc10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiAoKSA9PiB7XG4gICAgaXRlbXNSZWYuY3VycmVudC5mb3JFYWNoKChpdGVtKSA9PiB7XG4gICAgICBpZihpdGVtLnByZXZpZXdVcmwpIHtcbiAgICAgICAgVVJMLnJldm9rZU9iamVjdFVSTChpdGVtLnByZXZpZXdVcmwpO1xuICAgICAgfVxuICAgIH0pO1xuICB9LCBbXSk7XG5cbiAgY29uc3QgdXBkYXRlSXRlbXMgPSB1c2VDYWxsYmFjaygobmV4dEl0ZW1zOiBEcm9wVXBsb2FkSXRlbVtdKSA9PiB7XG4gICAgaWYoIWlzQ29udHJvbGxlZCkge1xuICAgICAgc2V0SW50ZXJuYWxJdGVtcyhuZXh0SXRlbXMpO1xuICAgIH1cblxuICAgIG9uRmlsZXNDaGFuZ2U/LihuZXh0SXRlbXMubWFwKChpdGVtKSA9PiBpdGVtLmZpbGUpLCBuZXh0SXRlbXMpO1xuICB9LCBbaXNDb250cm9sbGVkLCBvbkZpbGVzQ2hhbmdlXSk7XG5cbiAgY29uc3QgYWRkRmlsZXMgPSB1c2VDYWxsYmFjayhhc3luYyAoaW5jb21pbmdGaWxlczogRmlsZVtdKSA9PiB7XG4gICAgaWYoZGlzYWJsZWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBjdXJyZW50SXRlbXMgPSBtdWx0aXBsZSA/IGl0ZW1zIDogW107XG4gICAgY29uc3QgYWNjZXB0ZWRGaWxlczogRmlsZVtdID0gW107XG4gICAgY29uc3QgcmVqZWN0aW9uczogRHJvcFVwbG9hZFJlamVjdGlvbltdID0gW107XG4gICAgY29uc3QgcmVtYWluaW5nU2xvdHMgPSBNYXRoLm1heCgwLCBtYXhGaWxlcyAtIGN1cnJlbnRJdGVtcy5sZW5ndGgpO1xuXG4gICAgaW5jb21pbmdGaWxlcy5mb3JFYWNoKChmaWxlKSA9PiB7XG4gICAgICBpZihhY2NlcHRlZEZpbGVzLmxlbmd0aCA+PSByZW1haW5pbmdTbG90cykge1xuICAgICAgICByZWplY3Rpb25zLnB1c2goe2ZpbGUsIHJlYXNvbjogJ21heC1maWxlcyd9KTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBpZighYWNjZXB0c0ZpbGUoZmlsZSwgYWNjZXB0KSkge1xuICAgICAgICByZWplY3Rpb25zLnB1c2goe2ZpbGUsIHJlYXNvbjogJ3R5cGUnfSk7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgaWYobWF4RmlsZVNpemUgJiYgZmlsZS5zaXplID4gbWF4RmlsZVNpemUpIHtcbiAgICAgICAgcmVqZWN0aW9ucy5wdXNoKHtmaWxlLCByZWFzb246ICdtYXgtc2l6ZSd9KTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBhY2NlcHRlZEZpbGVzLnB1c2goZmlsZSk7XG4gICAgfSk7XG5cbiAgICBpZihyZWplY3Rpb25zLmxlbmd0aCkge1xuICAgICAgb25SZWplY3Q/LihyZWplY3Rpb25zKTtcbiAgICB9XG5cbiAgICBpZighYWNjZXB0ZWRGaWxlcy5sZW5ndGgpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCB0cmFuc2Zvcm1lZEZpbGVzID0gdHJhbnNmb3JtSW1hZ2VzXG4gICAgICA/IGF3YWl0IFByb21pc2UuYWxsKGFjY2VwdGVkRmlsZXMubWFwKChmaWxlKSA9PiByZXNpemVJbWFnZShmaWxlLCB7XG4gICAgICAgIGltYWdlT3V0cHV0TWltZVR5cGUsXG4gICAgICAgIGltYWdlT3V0cHV0UXVhbGl0eSxcbiAgICAgICAgaW1hZ2VSZXNpemVUYXJnZXRIZWlnaHQsXG4gICAgICAgIGltYWdlUmVzaXplVGFyZ2V0V2lkdGgsXG4gICAgICAgIGltYWdlUmVzaXplVXBzY2FsZVxuICAgICAgfSkpKVxuICAgICAgOiBhY2NlcHRlZEZpbGVzO1xuXG4gICAgdXBkYXRlSXRlbXMoW1xuICAgICAgLi4uY3VycmVudEl0ZW1zLFxuICAgICAgLi4uZmlsZXNUb0l0ZW1zKHRyYW5zZm9ybWVkRmlsZXMpXG4gICAgXSk7XG4gIH0sIFtcbiAgICBhY2NlcHQsXG4gICAgZGlzYWJsZWQsXG4gICAgaW1hZ2VPdXRwdXRNaW1lVHlwZSxcbiAgICBpbWFnZU91dHB1dFF1YWxpdHksXG4gICAgaW1hZ2VSZXNpemVUYXJnZXRIZWlnaHQsXG4gICAgaW1hZ2VSZXNpemVUYXJnZXRXaWR0aCxcbiAgICBpbWFnZVJlc2l6ZVVwc2NhbGUsXG4gICAgaXRlbXMsXG4gICAgbWF4RmlsZVNpemUsXG4gICAgbWF4RmlsZXMsXG4gICAgbXVsdGlwbGUsXG4gICAgb25SZWplY3QsXG4gICAgdHJhbnNmb3JtSW1hZ2VzLFxuICAgIHVwZGF0ZUl0ZW1zXG4gIF0pO1xuXG4gIGNvbnN0IG9uSW5wdXRDaGFuZ2UgPSBhc3luYyAoZXZlbnQ6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgYXdhaXQgYWRkRmlsZXMoQXJyYXkuZnJvbShldmVudC50YXJnZXQuZmlsZXMgfHwgW10pKTtcbiAgICBldmVudC50YXJnZXQudmFsdWUgPSAnJztcbiAgfTtcblxuICBjb25zdCBvbkRyYWdPdmVyID0gKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICBzZXRJc0RyYWdnaW5nKHRydWUpO1xuICB9O1xuXG4gIGNvbnN0IG9uRHJhZ0xlYXZlID0gKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcblxuICAgIGlmKGV2ZW50LmN1cnJlbnRUYXJnZXQgPT09IGV2ZW50LnRhcmdldCkge1xuICAgICAgc2V0SXNEcmFnZ2luZyhmYWxzZSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uRHJvcCA9IGFzeW5jIChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgc2V0SXNEcmFnZ2luZyhmYWxzZSk7XG4gICAgYXdhaXQgYWRkRmlsZXMoQXJyYXkuZnJvbShldmVudC5kYXRhVHJhbnNmZXIuZmlsZXMgfHwgW10pKTtcbiAgfTtcblxuICBjb25zdCBvbktleURvd24gPSAoZXZlbnQ6IEtleWJvYXJkRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYoZXZlbnQua2V5ID09PSAnRW50ZXInIHx8IGV2ZW50LmtleSA9PT0gJyAnKSB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgaW5wdXRSZWYuY3VycmVudD8uY2xpY2soKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgcmVtb3ZlSXRlbSA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgdXBkYXRlSXRlbXMoaXRlbXMuZmlsdGVyKChpdGVtKSA9PiBpdGVtLmlkICE9PSBpZCkpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NuKCdmbGV4IHctZnVsbCBmbGV4LWNvbCBnYXAtNCcsIGNsYXNzTmFtZSl9IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgICAgPGRpdlxuICAgICAgICBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgICAnZ3JvdXAgcmVsYXRpdmUgZmxleCBtaW4taC00NCB3LWZ1bGwgY3Vyc29yLXBvaW50ZXIgZmxleC1jb2wgaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIHJvdW5kZWQteGwgYm9yZGVyIGJvcmRlci1kYXNoZWQgYm9yZGVyLWJvcmRlciBiZy10cmFuc3BhcmVudCBweC02IHB5LTggdGV4dC1jZW50ZXIgdHJhbnNpdGlvbi1jb2xvcnMnLFxuICAgICAgICAgICdmb2N1cy13aXRoaW46Ym9yZGVyLXJpbmcgZm9jdXMtd2l0aGluOnJpbmctMyBmb2N1cy13aXRoaW46cmluZy1yaW5nLzMwJyxcbiAgICAgICAgICAnaG92ZXI6Ym9yZGVyLXByaW1hcnkvNzAgaG92ZXI6YmctcHJpbWFyeS81JyxcbiAgICAgICAgICBkaXNhYmxlZCAmJiAnY3Vyc29yLW5vdC1hbGxvd2VkIG9wYWNpdHktNTAnLFxuICAgICAgICAgIGlzRHJhZ2dpbmcgJiYgJ2JvcmRlci1wcmltYXJ5IGJnLXByaW1hcnkvMTAnXG4gICAgICAgICl9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IGlucHV0UmVmLmN1cnJlbnQ/LmNsaWNrKCl9XG4gICAgICAgIG9uRHJhZ0xlYXZlPXtvbkRyYWdMZWF2ZX1cbiAgICAgICAgb25EcmFnT3Zlcj17b25EcmFnT3Zlcn1cbiAgICAgICAgb25Ecm9wPXtvbkRyb3B9XG4gICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgICAgdGFiSW5kZXg9e2Rpc2FibGVkID8gLTEgOiAwfT5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgYWNjZXB0PXthY2NlcHR9XG4gICAgICAgICAgY2xhc3NOYW1lPVwic3Itb25seVwiXG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGlkPXtpbnB1dElkfVxuICAgICAgICAgIG11bHRpcGxlPXttdWx0aXBsZX1cbiAgICAgICAgICBvbkNoYW5nZT17b25JbnB1dENoYW5nZX1cbiAgICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICAgIHR5cGU9XCJmaWxlXCJcbiAgICAgICAgLz5cbiAgICAgICAgPFVwbG9hZENsb3VkIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGNsYXNzTmFtZT1cIm1iLTQgc2l6ZS0xMCB0ZXh0LW11dGVkLWZvcmVncm91bmQgdHJhbnNpdGlvbi1jb2xvcnMgZ3JvdXAtaG92ZXI6dGV4dC1wcmltYXJ5XCIgLz5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJ0ZXh0LXNtIGZvbnQtbWVkaXVtIHRleHQtZm9yZWdyb3VuZFwiPlxuICAgICAgICAgIDxzcGFuPntsYWJlbH0gPC9zcGFuPlxuICAgICAgICAgIDxsYWJlbCBjbGFzc05hbWU9XCJjdXJzb3ItcG9pbnRlciB0ZXh0LXByaW1hcnkgdW5kZXJsaW5lLW9mZnNldC00IGhvdmVyOnVuZGVybGluZVwiIGh0bWxGb3I9e2lucHV0SWR9PlxuICAgICAgICAgICAge2Jyb3dzZUxhYmVsfVxuICAgICAgICAgIDwvbGFiZWw+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICB7aGVscGVyVGV4dCAmJiAoXG4gICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJtdC0yIHRleHQtc20gdGV4dC1tdXRlZC1mb3JlZ3JvdW5kXCI+XG4gICAgICAgICAgICB7aGVscGVyVGV4dH1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuXG4gICAgICB7c2hvd1ByZXZpZXdzICYmICEhaXRlbXMubGVuZ3RoICYmIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJncmlkIGdhcC0zIHNtOmdyaWQtY29scy0yIGxnOmdyaWQtY29scy0zXCI+XG4gICAgICAgICAge2l0ZW1zLm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAgICAgICAgICdncm91cC9pdGVtIHJlbGF0aXZlIG92ZXJmbG93LWhpZGRlbiByb3VuZGVkLWxnIGJvcmRlciBib3JkZXItYm9yZGVyIGJnLWNhcmQgdGV4dC1jYXJkLWZvcmVncm91bmQnLFxuICAgICAgICAgICAgICAgIHByZXZpZXdDbGFzc05hbWVcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAga2V5PXtpdGVtLmlkfT5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IGFzcGVjdC12aWRlbyBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgYmctbXV0ZWRcIj5cbiAgICAgICAgICAgICAgICB7aXRlbS5wcmV2aWV3VXJsID8gKFxuICAgICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgICBhbHQ9e2l0ZW0uZmlsZS5uYW1lfVxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJzaXplLWZ1bGwgb2JqZWN0LWNvdmVyXCJcbiAgICAgICAgICAgICAgICAgICAgc3JjPXtpdGVtLnByZXZpZXdVcmx9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICA8RmlsZUltYWdlIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGNsYXNzTmFtZT1cInNpemUtOSB0ZXh0LW11dGVkLWZvcmVncm91bmRcIiAvPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktYmV0d2VlbiBnYXAtMyBweC0zIHB5LTJcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm1pbi13LTBcIj5cbiAgICAgICAgICAgICAgICAgIDxwIGNsYXNzTmFtZT1cInRydW5jYXRlIHRleHQtc20gZm9udC1tZWRpdW1cIj57aXRlbS5maWxlLm5hbWV9PC9wPlxuICAgICAgICAgICAgICAgICAgPHAgY2xhc3NOYW1lPVwidGV4dC14cyB0ZXh0LW11dGVkLWZvcmVncm91bmRcIj57TWF0aC5jZWlsKGl0ZW0uZmlsZS5zaXplIC8gMTAyNCl9IEtCPC9wPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BSZW1vdmUgJHtpdGVtLmZpbGUubmFtZX1gfVxuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiaW5saW5lLWZsZXggc2l6ZS04IHNocmluay0wIGN1cnNvci1wb2ludGVyIGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciByb3VuZGVkLW1kIHRleHQtbXV0ZWQtZm9yZWdyb3VuZCB0cmFuc2l0aW9uLWNvbG9ycyBob3ZlcjpiZy1tdXRlZCBob3Zlcjp0ZXh0LWZvcmVncm91bmQgZm9jdXMtdmlzaWJsZTpyaW5nLTIgZm9jdXMtdmlzaWJsZTpyaW5nLXJpbmcgZm9jdXMtdmlzaWJsZTpvdXRsaW5lLW5vbmVcIlxuICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17KGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgICAgICAgICAgICByZW1vdmVJdGVtKGl0ZW0uaWQpO1xuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIj5cbiAgICAgICAgICAgICAgICAgIDxYIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGNsYXNzTmFtZT1cInNpemUtNFwiIC8+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBEcm9wVXBsb2FkID0gbWVtbyhEcm9wVXBsb2FkQ29tcG9uZW50KTtcbkRyb3BVcGxvYWQuZGlzcGxheU5hbWUgPSAnRHJvcFVwbG9hZCc7XG4iXSwibmFtZXMiOlsiY24iLCJGaWxlSW1hZ2UiLCJVcGxvYWRDbG91ZCIsIlgiLCJtZW1vIiwidXNlQ2FsbGJhY2siLCJ1c2VFZmZlY3QiLCJ1c2VJZCIsInVzZU1lbW8iLCJ1c2VSZWYiLCJ1c2VTdGF0ZSIsImltYWdlTWltZVR5cGVzIiwiU2V0IiwiY3JlYXRlSWQiLCJmaWxlIiwiaW5kZXgiLCJuYW1lIiwic2l6ZSIsImxhc3RNb2RpZmllZCIsImpvaW4iLCJwYXJzZUFjY2VwdCIsImFjY2VwdCIsInNwbGl0IiwibWFwIiwidmFsdWUiLCJ0cmltIiwidG9Mb3dlckNhc2UiLCJmaWx0ZXIiLCJCb29sZWFuIiwiYWNjZXB0c0ZpbGUiLCJhY2NlcHRSdWxlcyIsImxlbmd0aCIsImZpbGVUeXBlIiwidHlwZSIsImZpbGVOYW1lIiwic29tZSIsInJ1bGUiLCJlbmRzV2l0aCIsInN0YXJ0c1dpdGgiLCJzbGljZSIsImNyZWF0ZUltYWdlUHJldmlldyIsImhhcyIsInVuZGVmaW5lZCIsIlVSTCIsImNyZWF0ZU9iamVjdFVSTCIsInJlc2l6ZUltYWdlIiwiaW1hZ2VPdXRwdXRNaW1lVHlwZSIsImltYWdlT3V0cHV0UXVhbGl0eSIsImltYWdlUmVzaXplVGFyZ2V0SGVpZ2h0IiwiaW1hZ2VSZXNpemVUYXJnZXRXaWR0aCIsImltYWdlUmVzaXplVXBzY2FsZSIsInNvdXJjZVVybCIsImltYWdlIiwiSW1hZ2UiLCJzcmMiLCJkZWNvZGUiLCJ3aWR0aFJhdGlvIiwid2lkdGgiLCJOdW1iZXIiLCJQT1NJVElWRV9JTkZJTklUWSIsImhlaWdodFJhdGlvIiwiaGVpZ2h0Iiwic2NhbGUiLCJNYXRoIiwibWluIiwicmV2b2tlT2JqZWN0VVJMIiwiY2FudmFzIiwiZG9jdW1lbnQiLCJjcmVhdGVFbGVtZW50IiwibWF4Iiwicm91bmQiLCJjb250ZXh0IiwiZ2V0Q29udGV4dCIsImRyYXdJbWFnZSIsImJsb2IiLCJQcm9taXNlIiwicmVzb2x2ZSIsInRvQmxvYiIsIkZpbGUiLCJmaWxlc1RvSXRlbXMiLCJmaWxlcyIsImlkIiwicHJldmlld1VybCIsIkRyb3BVcGxvYWRDb21wb25lbnQiLCJicm93c2VMYWJlbCIsImNsYXNzTmFtZSIsImRlZmF1bHRGaWxlcyIsImRpc2FibGVkIiwiaGVscGVyVGV4dCIsImxhYmVsIiwibWF4RmlsZVNpemUiLCJtYXhGaWxlcyIsIm11bHRpcGxlIiwib25GaWxlc0NoYW5nZSIsIm9uUmVqZWN0IiwicHJldmlld0NsYXNzTmFtZSIsInJlZiIsInNob3dQcmV2aWV3cyIsInRyYW5zZm9ybUltYWdlcyIsInByb3BzIiwiaW5wdXRJZCIsImlucHV0UmVmIiwiaXRlbXNSZWYiLCJpc0RyYWdnaW5nIiwic2V0SXNEcmFnZ2luZyIsImludGVybmFsSXRlbXMiLCJzZXRJbnRlcm5hbEl0ZW1zIiwiaXNDb250cm9sbGVkIiwiQXJyYXkiLCJpc0FycmF5IiwiaXRlbXMiLCJuZXh0UHJldmlld1VybHMiLCJpdGVtIiwiY3VycmVudCIsImZvckVhY2giLCJ1cGRhdGVJdGVtcyIsIm5leHRJdGVtcyIsImFkZEZpbGVzIiwiaW5jb21pbmdGaWxlcyIsImN1cnJlbnRJdGVtcyIsImFjY2VwdGVkRmlsZXMiLCJyZWplY3Rpb25zIiwicmVtYWluaW5nU2xvdHMiLCJwdXNoIiwicmVhc29uIiwidHJhbnNmb3JtZWRGaWxlcyIsImFsbCIsIm9uSW5wdXRDaGFuZ2UiLCJldmVudCIsImZyb20iLCJ0YXJnZXQiLCJvbkRyYWdPdmVyIiwicHJldmVudERlZmF1bHQiLCJvbkRyYWdMZWF2ZSIsImN1cnJlbnRUYXJnZXQiLCJvbkRyb3AiLCJkYXRhVHJhbnNmZXIiLCJvbktleURvd24iLCJrZXkiLCJjbGljayIsInJlbW92ZUl0ZW0iLCJkaXYiLCJhcmlhLWRpc2FibGVkIiwib25DbGljayIsInJvbGUiLCJ0YWJJbmRleCIsImlucHV0Iiwib25DaGFuZ2UiLCJhcmlhLWhpZGRlbiIsInNwYW4iLCJodG1sRm9yIiwiaW1nIiwiYWx0IiwicCIsImNlaWwiLCJidXR0b24iLCJhcmlhLWxhYmVsIiwic3RvcFByb3BhZ2F0aW9uIiwiRHJvcFVwbG9hZCIsImRpc3BsYXlOYW1lIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBUUEsRUFBRSxRQUFPLGVBQWU7QUFDaEMsU0FBUUMsU0FBUyxFQUFFQyxXQUFXLEVBQUVDLENBQUMsUUFBTyxlQUFlO0FBQ3ZELFNBQVFDLElBQUksRUFDVkMsV0FBVyxFQUNYQyxTQUFTLEVBQ1RDLEtBQUssRUFDTEMsT0FBTyxFQUNQQyxNQUFNLEVBQ05DLFFBQVEsUUFDSCxRQUFRO0FBZ0RmLE1BQU1DLGlCQUFpQixJQUFJQyxJQUFJO0lBQUM7SUFBYztJQUFhO0NBQWE7QUFFeEUsTUFBTUMsV0FBVyxDQUFDQyxNQUFZQyxRQUFRLENBQUMsR0FBYTtRQUNsREQsS0FBS0UsSUFBSTtRQUNURixLQUFLRyxJQUFJO1FBQ1RILEtBQUtJLFlBQVk7UUFDakJIO0tBQ0QsQ0FBQ0ksSUFBSSxDQUFDO0FBRVAsTUFBTUMsY0FBYyxDQUFDQyxTQUFTLEVBQUUsR0FBZUEsT0FDNUNDLEtBQUssQ0FBQyxLQUNOQyxHQUFHLENBQUMsQ0FBQ0MsUUFBVUEsTUFBTUMsSUFBSSxHQUFHQyxXQUFXLElBQ3ZDQyxNQUFNLENBQUNDO0FBRVYsTUFBTUMsY0FBYyxDQUFDZixNQUFZTyxTQUFTLEVBQUU7SUFDMUMsTUFBTVMsY0FBY1YsWUFBWUM7SUFFaEMsSUFBRyxDQUFDUyxZQUFZQyxNQUFNLEVBQUU7UUFDdEIsT0FBTztJQUNUO0lBRUEsTUFBTUMsV0FBV2xCLEtBQUttQixJQUFJLENBQUNQLFdBQVc7SUFDdEMsTUFBTVEsV0FBV3BCLEtBQUtFLElBQUksQ0FBQ1UsV0FBVztJQUV0QyxPQUFPSSxZQUFZSyxJQUFJLENBQUMsQ0FBQ0M7UUFDdkIsSUFBR0EsS0FBS0MsUUFBUSxDQUFDLE9BQU87WUFDdEIsT0FBT0wsU0FBU00sVUFBVSxDQUFDRixLQUFLRyxLQUFLLENBQUMsR0FBRyxDQUFDO1FBQzVDO1FBRUEsSUFBR0gsS0FBS0UsVUFBVSxDQUFDLE1BQU07WUFDdkIsT0FBT0osU0FBU0csUUFBUSxDQUFDRDtRQUMzQjtRQUVBLE9BQU9KLGFBQWFJO0lBQ3RCO0FBQ0Y7QUFFQSxNQUFNSSxxQkFBcUIsQ0FBQzFCO0lBQzFCLElBQUcsQ0FBQ0gsZUFBZThCLEdBQUcsQ0FBQzNCLEtBQUttQixJQUFJLEdBQUc7UUFDakMsT0FBT1M7SUFDVDtJQUVBLE9BQU9DLElBQUlDLGVBQWUsQ0FBQzlCO0FBQzdCO0FBRUEsTUFBTStCLGNBQWMsT0FDbEIvQixNQUNBLEVBQ0VnQyxzQkFBc0IsWUFBWSxFQUNsQ0MscUJBQXFCLElBQUksRUFDekJDLHVCQUF1QixFQUN2QkMsc0JBQXNCLEVBQ3RCQyxxQkFBcUIsS0FBSyxFQVEzQjtJQUVELElBQUcsQ0FBQ3ZDLGVBQWU4QixHQUFHLENBQUMzQixLQUFLbUIsSUFBSSxLQUFNLENBQUNlLDJCQUEyQixDQUFDQyx3QkFBeUI7UUFDMUYsT0FBT25DO0lBQ1Q7SUFFQSxNQUFNcUMsWUFBWVIsSUFBSUMsZUFBZSxDQUFDOUI7SUFDdEMsTUFBTXNDLFFBQVEsSUFBSUM7SUFDbEJELE1BQU1FLEdBQUcsR0FBR0g7SUFDWixNQUFNQyxNQUFNRyxNQUFNO0lBRWxCLE1BQU1DLGFBQWFQLHlCQUF5QkEseUJBQXlCRyxNQUFNSyxLQUFLLEdBQUdDLE9BQU9DLGlCQUFpQjtJQUMzRyxNQUFNQyxjQUFjWiwwQkFBMEJBLDBCQUEwQkksTUFBTVMsTUFBTSxHQUFHSCxPQUFPQyxpQkFBaUI7SUFDL0csTUFBTUcsUUFBUUMsS0FBS0MsR0FBRyxDQUFDUixZQUFZSSxhQUFhVixxQkFBcUJRLE9BQU9DLGlCQUFpQixHQUFHO0lBRWhHLElBQUdHLFNBQVMsS0FBSyxDQUFDWixvQkFBb0I7UUFDcENQLElBQUlzQixlQUFlLENBQUNkO1FBQ3BCLE9BQU9yQztJQUNUO0lBRUEsTUFBTW9ELFNBQVNDLFNBQVNDLGFBQWEsQ0FBQztJQUN0Q0YsT0FBT1QsS0FBSyxHQUFHTSxLQUFLTSxHQUFHLENBQUMsR0FBR04sS0FBS08sS0FBSyxDQUFDbEIsTUFBTUssS0FBSyxHQUFHSztJQUNwREksT0FBT0wsTUFBTSxHQUFHRSxLQUFLTSxHQUFHLENBQUMsR0FBR04sS0FBS08sS0FBSyxDQUFDbEIsTUFBTVMsTUFBTSxHQUFHQztJQUV0RCxNQUFNUyxVQUFVTCxPQUFPTSxVQUFVLENBQUM7SUFDbENELFNBQVNFLFVBQVVyQixPQUFPLEdBQUcsR0FBR2MsT0FBT1QsS0FBSyxFQUFFUyxPQUFPTCxNQUFNO0lBQzNEbEIsSUFBSXNCLGVBQWUsQ0FBQ2Q7SUFFcEIsTUFBTXVCLE9BQU8sTUFBTSxJQUFJQyxRQUFxQixDQUFDQztRQUMzQ1YsT0FBT1csTUFBTSxDQUFDRCxTQUFTOUIscUJBQXFCQztJQUM5QztJQUVBLElBQUcsQ0FBQzJCLE1BQU07UUFDUixPQUFPNUQ7SUFDVDtJQUVBLE9BQU8sSUFBSWdFLEtBQUs7UUFBQ0o7S0FBSyxFQUFFNUQsS0FBS0UsSUFBSSxFQUFFO1FBQ2pDRSxjQUFjSixLQUFLSSxZQUFZO1FBQy9CZSxNQUFNYTtJQUNSO0FBQ0Y7QUFFQSxNQUFNaUMsZUFBZSxDQUFDQyxRQUE2Q0EsTUFBTXpELEdBQUcsQ0FBQyxDQUFDVCxNQUFNQyxRQUFXLENBQUE7WUFDN0ZEO1lBQ0FtRSxJQUFJcEUsU0FBU0MsTUFBTUM7WUFDbkJtRSxZQUFZMUMsbUJBQW1CMUI7UUFDakMsQ0FBQTtBQUVBLE1BQU1xRSxzQkFBc0IsQ0FBQyxFQUMzQjlELE1BQU0sRUFDTitELGNBQWMsUUFBUSxFQUN0QkMsU0FBUyxFQUNUQyxlQUFlLEVBQUUsRUFDakJDLFdBQVcsS0FBSyxFQUNoQlAsS0FBSyxFQUNMUSxVQUFVLEVBQ1YxQyxzQkFBc0IsWUFBWSxFQUNsQ0MscUJBQXFCLElBQUksRUFDekJDLHVCQUF1QixFQUN2QkMsc0JBQXNCLEVBQ3RCQyxxQkFBcUIsS0FBSyxFQUMxQnVDLFFBQVEsb0JBQW9CLEVBQzVCQyxXQUFXLEVBQ1hDLFdBQVdqQyxPQUFPQyxpQkFBaUIsRUFDbkNpQyxXQUFXLElBQUksRUFDZkMsYUFBYSxFQUNiQyxRQUFRLEVBQ1JDLGdCQUFnQixFQUNoQkMsR0FBRyxFQUNIQyxlQUFlLElBQUksRUFDbkJDLGtCQUFrQixJQUFJLEVBQ3RCLEdBQUdDLE9BQ2E7SUFDaEIsTUFBTUMsVUFBVTdGO0lBQ2hCLE1BQU04RixXQUFXNUYsT0FBeUI7SUFDMUMsTUFBTTZGLFdBQVc3RixPQUF5QixFQUFFO0lBQzVDLE1BQU0sQ0FBQzhGLFlBQVlDLGNBQWMsR0FBRzlGLFNBQVM7SUFDN0MsTUFBTSxDQUFDK0YsZUFBZUMsaUJBQWlCLEdBQUdoRyxTQUEyQixJQUFNcUUsYUFBYU87SUFDeEYsTUFBTXFCLGVBQWVDLE1BQU1DLE9BQU8sQ0FBQzdCO0lBQ25DLE1BQU04QixRQUFRdEcsUUFDWixJQUFPbUcsZUFBZTVCLGFBQWFDLFNBQVMsRUFBRSxJQUFJeUIsZUFDbEQ7UUFBQ3pCO1FBQU95QjtRQUFlRTtLQUFhO0lBR3RDckcsVUFBVTtRQUNSLE1BQU15RyxrQkFBa0IsSUFBSW5HLElBQUlrRyxNQUFNdkYsR0FBRyxDQUFDLENBQUN5RixPQUFTQSxLQUFLOUIsVUFBVSxFQUFFdkQsTUFBTSxDQUFDQztRQUU1RTBFLFNBQVNXLE9BQU8sQ0FBQ0MsT0FBTyxDQUFDLENBQUNGO1lBQ3hCLElBQUdBLEtBQUs5QixVQUFVLElBQUksQ0FBQzZCLGdCQUFnQnRFLEdBQUcsQ0FBQ3VFLEtBQUs5QixVQUFVLEdBQUc7Z0JBQzNEdkMsSUFBSXNCLGVBQWUsQ0FBQytDLEtBQUs5QixVQUFVO1lBQ3JDO1FBQ0Y7UUFFQW9CLFNBQVNXLE9BQU8sR0FBR0g7SUFDckIsR0FBRztRQUFDQTtLQUFNO0lBRVZ4RyxVQUFVLElBQU07WUFDZGdHLFNBQVNXLE9BQU8sQ0FBQ0MsT0FBTyxDQUFDLENBQUNGO2dCQUN4QixJQUFHQSxLQUFLOUIsVUFBVSxFQUFFO29CQUNsQnZDLElBQUlzQixlQUFlLENBQUMrQyxLQUFLOUIsVUFBVTtnQkFDckM7WUFDRjtRQUNGLEdBQUcsRUFBRTtJQUVMLE1BQU1pQyxjQUFjOUcsWUFBWSxDQUFDK0c7UUFDL0IsSUFBRyxDQUFDVCxjQUFjO1lBQ2hCRCxpQkFBaUJVO1FBQ25CO1FBRUF2QixnQkFBZ0J1QixVQUFVN0YsR0FBRyxDQUFDLENBQUN5RixPQUFTQSxLQUFLbEcsSUFBSSxHQUFHc0c7SUFDdEQsR0FBRztRQUFDVDtRQUFjZDtLQUFjO0lBRWhDLE1BQU13QixXQUFXaEgsWUFBWSxPQUFPaUg7UUFDbEMsSUFBRy9CLFVBQVU7WUFDWDtRQUNGO1FBRUEsTUFBTWdDLGVBQWUzQixXQUFXa0IsUUFBUSxFQUFFO1FBQzFDLE1BQU1VLGdCQUF3QixFQUFFO1FBQ2hDLE1BQU1DLGFBQW9DLEVBQUU7UUFDNUMsTUFBTUMsaUJBQWlCM0QsS0FBS00sR0FBRyxDQUFDLEdBQUdzQixXQUFXNEIsYUFBYXhGLE1BQU07UUFFakV1RixjQUFjSixPQUFPLENBQUMsQ0FBQ3BHO1lBQ3JCLElBQUcwRyxjQUFjekYsTUFBTSxJQUFJMkYsZ0JBQWdCO2dCQUN6Q0QsV0FBV0UsSUFBSSxDQUFDO29CQUFDN0c7b0JBQU04RyxRQUFRO2dCQUFXO2dCQUMxQztZQUNGO1lBRUEsSUFBRyxDQUFDL0YsWUFBWWYsTUFBTU8sU0FBUztnQkFDN0JvRyxXQUFXRSxJQUFJLENBQUM7b0JBQUM3RztvQkFBTThHLFFBQVE7Z0JBQU07Z0JBQ3JDO1lBQ0Y7WUFFQSxJQUFHbEMsZUFBZTVFLEtBQUtHLElBQUksR0FBR3lFLGFBQWE7Z0JBQ3pDK0IsV0FBV0UsSUFBSSxDQUFDO29CQUFDN0c7b0JBQU04RyxRQUFRO2dCQUFVO2dCQUN6QztZQUNGO1lBRUFKLGNBQWNHLElBQUksQ0FBQzdHO1FBQ3JCO1FBRUEsSUFBRzJHLFdBQVcxRixNQUFNLEVBQUU7WUFDcEIrRCxXQUFXMkI7UUFDYjtRQUVBLElBQUcsQ0FBQ0QsY0FBY3pGLE1BQU0sRUFBRTtZQUN4QjtRQUNGO1FBRUEsTUFBTThGLG1CQUFtQjNCLGtCQUNyQixNQUFNdkIsUUFBUW1ELEdBQUcsQ0FBQ04sY0FBY2pHLEdBQUcsQ0FBQyxDQUFDVCxPQUFTK0IsWUFBWS9CLE1BQU07Z0JBQ2hFZ0M7Z0JBQ0FDO2dCQUNBQztnQkFDQUM7Z0JBQ0FDO1lBQ0YsT0FDRXNFO1FBRUpMLFlBQVk7ZUFDUEk7ZUFDQXhDLGFBQWE4QztTQUNqQjtJQUNILEdBQUc7UUFDRHhHO1FBQ0FrRTtRQUNBekM7UUFDQUM7UUFDQUM7UUFDQUM7UUFDQUM7UUFDQTREO1FBQ0FwQjtRQUNBQztRQUNBQztRQUNBRTtRQUNBSTtRQUNBaUI7S0FDRDtJQUVELE1BQU1ZLGdCQUFnQixPQUFPQztRQUMzQixNQUFNWCxTQUFTVCxNQUFNcUIsSUFBSSxDQUFDRCxNQUFNRSxNQUFNLENBQUNsRCxLQUFLLElBQUksRUFBRTtRQUNsRGdELE1BQU1FLE1BQU0sQ0FBQzFHLEtBQUssR0FBRztJQUN2QjtJQUVBLE1BQU0yRyxhQUFhLENBQUNIO1FBQ2xCQSxNQUFNSSxjQUFjO1FBQ3BCNUIsY0FBYztJQUNoQjtJQUVBLE1BQU02QixjQUFjLENBQUNMO1FBQ25CQSxNQUFNSSxjQUFjO1FBRXBCLElBQUdKLE1BQU1NLGFBQWEsS0FBS04sTUFBTUUsTUFBTSxFQUFFO1lBQ3ZDMUIsY0FBYztRQUNoQjtJQUNGO0lBRUEsTUFBTStCLFNBQVMsT0FBT1A7UUFDcEJBLE1BQU1JLGNBQWM7UUFDcEI1QixjQUFjO1FBQ2QsTUFBTWEsU0FBU1QsTUFBTXFCLElBQUksQ0FBQ0QsTUFBTVEsWUFBWSxDQUFDeEQsS0FBSyxJQUFJLEVBQUU7SUFDMUQ7SUFFQSxNQUFNeUQsWUFBWSxDQUFDVDtRQUNqQixJQUFHQSxNQUFNVSxHQUFHLEtBQUssV0FBV1YsTUFBTVUsR0FBRyxLQUFLLEtBQUs7WUFDN0NWLE1BQU1JLGNBQWM7WUFDcEIvQixTQUFTWSxPQUFPLEVBQUUwQjtRQUNwQjtJQUNGO0lBRUEsTUFBTUMsYUFBYSxDQUFDM0Q7UUFDbEJrQyxZQUFZTCxNQUFNbkYsTUFBTSxDQUFDLENBQUNxRixPQUFTQSxLQUFLL0IsRUFBRSxLQUFLQTtJQUNqRDtJQUVBLHFCQUNFLE1BQUM0RDtRQUFJeEQsV0FBV3JGLEdBQUcsOEJBQThCcUY7UUFBWVcsS0FBS0E7UUFBTSxHQUFHRyxLQUFLOzswQkFDOUUsTUFBQzBDO2dCQUNDQyxpQkFBZXZEO2dCQUNmRixXQUFXckYsR0FDVCxnTUFDQSwwRUFDQSw4Q0FDQXVGLFlBQVksaUNBQ1pnQixjQUFjO2dCQUVoQndDLFNBQVMsSUFBTTFDLFNBQVNZLE9BQU8sRUFBRTBCO2dCQUNqQ04sYUFBYUE7Z0JBQ2JGLFlBQVlBO2dCQUNaSSxRQUFRQTtnQkFDUkUsV0FBV0E7Z0JBQ1hPLE1BQUs7Z0JBQ0xDLFVBQVUxRCxXQUFXLENBQUMsSUFBSTs7a0NBQzFCLEtBQUMyRDt3QkFDQzdILFFBQVFBO3dCQUNSZ0UsV0FBVTt3QkFDVkUsVUFBVUE7d0JBQ1ZOLElBQUltQjt3QkFDSlIsVUFBVUE7d0JBQ1Z1RCxVQUFVcEI7d0JBQ1YvQixLQUFLSzt3QkFDTHBFLE1BQUs7O2tDQUVQLEtBQUMvQjt3QkFBWWtKLGVBQVk7d0JBQU8vRCxXQUFVOztrQ0FDMUMsTUFBQ3dEO3dCQUFJeEQsV0FBVTs7MENBQ2IsTUFBQ2dFOztvQ0FBTTVEO29DQUFNOzs7MENBQ2IsS0FBQ0E7Z0NBQU1KLFdBQVU7Z0NBQWlFaUUsU0FBU2xEOzBDQUN4RmhCOzs7O29CQUdKSSw0QkFDQyxLQUFDcUQ7d0JBQUl4RCxXQUFVO2tDQUNaRzs7OztZQUtOUyxnQkFBZ0IsQ0FBQyxDQUFDYSxNQUFNL0UsTUFBTSxrQkFDN0IsS0FBQzhHO2dCQUFJeEQsV0FBVTswQkFDWnlCLE1BQU12RixHQUFHLENBQUMsQ0FBQ3lGLHFCQUNWLE1BQUM2Qjt3QkFDQ3hELFdBQVdyRixHQUNULG9HQUNBK0Y7OzBDQUdGLEtBQUM4QztnQ0FBSXhELFdBQVU7MENBQ1oyQixLQUFLOUIsVUFBVSxpQkFDZCxLQUFDcUU7b0NBQ0NDLEtBQUt4QyxLQUFLbEcsSUFBSSxDQUFDRSxJQUFJO29DQUNuQnFFLFdBQVU7b0NBQ1YvQixLQUFLMEQsS0FBSzlCLFVBQVU7bURBR3RCLEtBQUNqRjtvQ0FBVW1KLGVBQVk7b0NBQU8vRCxXQUFVOzs7MENBRzVDLE1BQUN3RDtnQ0FBSXhELFdBQVU7O2tEQUNiLE1BQUN3RDt3Q0FBSXhELFdBQVU7OzBEQUNiLEtBQUNvRTtnREFBRXBFLFdBQVU7MERBQWdDMkIsS0FBS2xHLElBQUksQ0FBQ0UsSUFBSTs7MERBQzNELE1BQUN5STtnREFBRXBFLFdBQVU7O29EQUFpQ3RCLEtBQUsyRixJQUFJLENBQUMxQyxLQUFLbEcsSUFBSSxDQUFDRyxJQUFJLEdBQUc7b0RBQU07Ozs7O2tEQUVqRixLQUFDMEk7d0NBQ0NDLGNBQVksQ0FBQyxPQUFPLEVBQUU1QyxLQUFLbEcsSUFBSSxDQUFDRSxJQUFJLEVBQUU7d0NBQ3RDcUUsV0FBVTt3Q0FDVkUsVUFBVUE7d0NBQ1Z3RCxTQUFTLENBQUNmOzRDQUNSQSxNQUFNNkIsZUFBZTs0Q0FDckJqQixXQUFXNUIsS0FBSy9CLEVBQUU7d0NBQ3BCO3dDQUNBaEQsTUFBSztrREFDTCxjQUFBLEtBQUM5Qjs0Q0FBRWlKLGVBQVk7NENBQU8vRCxXQUFVOzs7Ozs7dUJBMUIvQjJCLEtBQUsvQixFQUFFOzs7O0FBbUMxQjtBQUVBLE9BQU8sTUFBTTZFLDJCQUFhMUosS0FBSytFLHFCQUFxQjtBQUNwRDJFLFdBQVdDLFdBQVcsR0FBRyJ9

package/lib/components/DropUpload/DropUpload.stories.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { DropUpload } from './DropUpload.js';
+const meta = {
+    argTypes: {
+        accept: {
+            control: 'text'
+        },
+        disabled: {
+            control: 'boolean'
+        },
+        helperText: {
+            control: 'text'
+        },
+        label: {
+            control: 'text'
+        },
+        maxFiles: {
+            control: 'number'
+        },
+        multiple: {
+            control: 'boolean'
+        },
+        showPreviews: {
+            control: 'boolean'
+        }
+    },
+    component: DropUpload,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/Form/DropUpload'
+};
+export default meta;
+export const Default = {
+    args: {
+        accept: 'image/*,.pdf',
+        helperText: 'PNG, JPG, or PDF up to 5 MB',
+        label: 'Drop assets here or',
+        maxFiles: 3,
+        multiple: true,
+        showPreviews: false,
+        transformImages: false
+    },
+    play: interactWithCanvas
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0Ryb3BVcGxvYWQvRHJvcFVwbG9hZC5zdG9yaWVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge2ludGVyYWN0V2l0aENhbnZhc30gZnJvbSAnLi4vLi4vdXRpbHMvc3RvcnlJbnRlcmFjdGlvbnMuanMnO1xuaW1wb3J0IHtEcm9wVXBsb2FkfSBmcm9tICcuL0Ryb3BVcGxvYWQuanMnO1xuXG5pbXBvcnQgdHlwZSB7TWV0YSwgU3RvcnlPYmp9IGZyb20gJ0BubGFicy9sZXgvc3Rvcnlib29rJztcblxuY29uc3QgbWV0YTogTWV0YTx0eXBlb2YgRHJvcFVwbG9hZD4gPSB7XG4gIGFyZ1R5cGVzOiB7XG4gICAgYWNjZXB0OiB7XG4gICAgICBjb250cm9sOiAndGV4dCdcbiAgICB9LFxuICAgIGRpc2FibGVkOiB7XG4gICAgICBjb250cm9sOiAnYm9vbGVhbidcbiAgICB9LFxuICAgIGhlbHBlclRleHQ6IHtcbiAgICAgIGNvbnRyb2w6ICd0ZXh0J1xuICAgIH0sXG4gICAgbGFiZWw6IHtcbiAgICAgIGNvbnRyb2w6ICd0ZXh0J1xuICAgIH0sXG4gICAgbWF4RmlsZXM6IHtcbiAgICAgIGNvbnRyb2w6ICdudW1iZXInXG4gICAgfSxcbiAgICBtdWx0aXBsZToge1xuICAgICAgY29udHJvbDogJ2Jvb2xlYW4nXG4gICAgfSxcbiAgICBzaG93UHJldmlld3M6IHtcbiAgICAgIGNvbnRyb2w6ICdib29sZWFuJ1xuICAgIH1cbiAgfSxcbiAgY29tcG9uZW50OiBEcm9wVXBsb2FkLFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgbGF5b3V0OiAnY2VudGVyZWQnXG4gIH0sXG4gIHRpdGxlOiAnQ29tcG9uZW50cy9Gb3JtL0Ryb3BVcGxvYWQnXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xuXG50eXBlIFN0b3J5ID0gU3RvcnlPYmo8dHlwZW9mIERyb3BVcGxvYWQ+O1xuXG5leHBvcnQgY29uc3QgRGVmYXVsdDogU3RvcnkgPSB7XG4gIGFyZ3M6IHtcbiAgICBhY2NlcHQ6ICdpbWFnZS8qLC5wZGYnLFxuICAgIGhlbHBlclRleHQ6ICdQTkcsIEpQRywgb3IgUERGIHVwIHRvIDUgTUInLFxuICAgIGxhYmVsOiAnRHJvcCBhc3NldHMgaGVyZSBvcicsXG4gICAgbWF4RmlsZXM6IDMsXG4gICAgbXVsdGlwbGU6IHRydWUsXG4gICAgc2hvd1ByZXZpZXdzOiBmYWxzZSxcbiAgICB0cmFuc2Zvcm1JbWFnZXM6IGZhbHNlXG4gIH0sXG4gIHBsYXk6IGludGVyYWN0V2l0aENhbnZhc1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsImludGVyYWN0V2l0aENhbnZhcyIsIkRyb3BVcGxvYWQiLCJtZXRhIiwiYXJnVHlwZXMiLCJhY2NlcHQiLCJjb250cm9sIiwiZGlzYWJsZWQiLCJoZWxwZXJUZXh0IiwibGFiZWwiLCJtYXhGaWxlcyIsIm11bHRpcGxlIiwic2hvd1ByZXZpZXdzIiwiY29tcG9uZW50IiwicGFyYW1ldGVycyIsImxheW91dCIsInRpdGxlIiwiRGVmYXVsdCIsImFyZ3MiLCJ0cmFuc2Zvcm1JbWFnZXMiLCJwbGF5Il0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPQSxXQUFXLFFBQVE7QUFFMUIsU0FBUUMsa0JBQWtCLFFBQU8sbUNBQW1DO0FBQ3BFLFNBQVFDLFVBQVUsUUFBTyxrQkFBa0I7QUFJM0MsTUFBTUMsT0FBZ0M7SUFDcENDLFVBQVU7UUFDUkMsUUFBUTtZQUNOQyxTQUFTO1FBQ1g7UUFDQUMsVUFBVTtZQUNSRCxTQUFTO1FBQ1g7UUFDQUUsWUFBWTtZQUNWRixTQUFTO1FBQ1g7UUFDQUcsT0FBTztZQUNMSCxTQUFTO1FBQ1g7UUFDQUksVUFBVTtZQUNSSixTQUFTO1FBQ1g7UUFDQUssVUFBVTtZQUNSTCxTQUFTO1FBQ1g7UUFDQU0sY0FBYztZQUNaTixTQUFTO1FBQ1g7SUFDRjtJQUNBTyxXQUFXWDtJQUNYWSxZQUFZO1FBQ1ZDLFFBQVE7SUFDVjtJQUNBQyxPQUFPO0FBQ1Q7QUFFQSxlQUFlYixLQUFLO0FBSXBCLE9BQU8sTUFBTWMsVUFBaUI7SUFDNUJDLE1BQU07UUFDSmIsUUFBUTtRQUNSRyxZQUFZO1FBQ1pDLE9BQU87UUFDUEMsVUFBVTtRQUNWQyxVQUFVO1FBQ1ZDLGNBQWM7UUFDZE8saUJBQWlCO0lBQ25CO0lBQ0FDLE1BQU1uQjtBQUNSLEVBQUUifQ==

package/lib/components/Empty/Empty.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes } from 'react';
+export type EmptyMediaVariant = 'default' | 'icon';
+export declare const Empty: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export declare const EmptyHeader: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export interface EmptyMediaProps extends HTMLAttributes<HTMLDivElement> {
+    readonly variant?: EmptyMediaVariant;
+}
+export declare const EmptyMedia: ({ className, variant, ...props }: EmptyMediaProps) => import("react").JSX.Element;
+export declare const EmptyTitle: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export declare const EmptyDescription: ({ className, ...props }: HTMLAttributes<HTMLParagraphElement>) => import("react").JSX.Element;
+export declare const EmptyContent: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;

package/lib/components/Empty/Empty.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+const mediaClasses = {
+    default: 'bg-transparent',
+    icon: 'flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*=size-])]:size-6'
+};
+export const Empty = ({ className, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border border-dashed border-border p-6 text-center text-balance md:p-12', className),
+        "data-slot": "empty",
+        ...props
+    });
+export const EmptyHeader = ({ className, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('flex max-w-sm flex-col items-center gap-2 text-center', className),
+        "data-slot": "empty-header",
+        ...props
+    });
+export const EmptyMedia = ({ className, variant = 'default', ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0', mediaClasses[variant], className),
+        "data-slot": "empty-media",
+        "data-variant": variant,
+        ...props
+    });
+export const EmptyTitle = ({ className, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('text-lg font-medium tracking-tight', className),
+        "data-slot": "empty-title",
+        ...props
+    });
+export const EmptyDescription = ({ className, ...props })=>/*#__PURE__*/ _jsx("p", {
+        className: cn('text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary', className),
+        "data-slot": "empty-description",
+        ...props
+    });
+export const EmptyContent = ({ className, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance', className),
+        "data-slot": "empty-content",
+        ...props
+    });
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0VtcHR5L0VtcHR5LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge2NufSBmcm9tICdAbmxhYnMvdXRpbHMnO1xuXG5pbXBvcnQgdHlwZSB7SFRNTEF0dHJpYnV0ZXN9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IHR5cGUgRW1wdHlNZWRpYVZhcmlhbnQgPSAnZGVmYXVsdCcgfCAnaWNvbic7XG5cbmNvbnN0IG1lZGlhQ2xhc3NlczogUmVjb3JkPEVtcHR5TWVkaWFWYXJpYW50LCBzdHJpbmc+ID0ge1xuICBkZWZhdWx0OiAnYmctdHJhbnNwYXJlbnQnLFxuICBpY29uOiAnZmxleCBzaXplLTEwIHNocmluay0wIGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciByb3VuZGVkLWxnIGJnLW11dGVkIHRleHQtZm9yZWdyb3VuZCBbJl9zdmc6bm90KFtjbGFzcyo9c2l6ZS1dKV06c2l6ZS02J1xufTtcblxuZXhwb3J0IGNvbnN0IEVtcHR5ID0gKHtjbGFzc05hbWUsIC4uLnByb3BzfTogSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+KSA9PiAoXG4gIDxkaXZcbiAgICBjbGFzc05hbWU9e2NuKCdmbGV4IG1pbi13LTAgZmxleC0xIGZsZXgtY29sIGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciBnYXAtNiByb3VuZGVkLWxnIGJvcmRlciBib3JkZXItZGFzaGVkIGJvcmRlci1ib3JkZXIgcC02IHRleHQtY2VudGVyIHRleHQtYmFsYW5jZSBtZDpwLTEyJywgY2xhc3NOYW1lKX1cbiAgICBkYXRhLXNsb3Q9XCJlbXB0eVwiXG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IEVtcHR5SGVhZGVyID0gKHtjbGFzc05hbWUsIC4uLnByb3BzfTogSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+KSA9PiAoXG4gIDxkaXZcbiAgICBjbGFzc05hbWU9e2NuKCdmbGV4IG1heC13LXNtIGZsZXgtY29sIGl0ZW1zLWNlbnRlciBnYXAtMiB0ZXh0LWNlbnRlcicsIGNsYXNzTmFtZSl9XG4gICAgZGF0YS1zbG90PVwiZW1wdHktaGVhZGVyXCJcbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgaW50ZXJmYWNlIEVtcHR5TWVkaWFQcm9wcyBleHRlbmRzIEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiB7XG4gIHJlYWRvbmx5IHZhcmlhbnQ/OiBFbXB0eU1lZGlhVmFyaWFudDtcbn1cblxuZXhwb3J0IGNvbnN0IEVtcHR5TWVkaWEgPSAoe1xuICBjbGFzc05hbWUsXG4gIHZhcmlhbnQgPSAnZGVmYXVsdCcsXG4gIC4uLnByb3BzXG59OiBFbXB0eU1lZGlhUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNsYXNzTmFtZT17Y24oJ21iLTIgZmxleCBzaHJpbmstMCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgWyZfc3ZnXTpwb2ludGVyLWV2ZW50cy1ub25lIFsmX3N2Z106c2hyaW5rLTAnLCBtZWRpYUNsYXNzZXNbdmFyaWFudF0sIGNsYXNzTmFtZSl9XG4gICAgZGF0YS1zbG90PVwiZW1wdHktbWVkaWFcIlxuICAgIGRhdGEtdmFyaWFudD17dmFyaWFudH1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgRW1wdHlUaXRsZSA9ICh7Y2xhc3NOYW1lLCAuLi5wcm9wc306IEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PikgPT4gKFxuICA8ZGl2XG4gICAgY2xhc3NOYW1lPXtjbigndGV4dC1sZyBmb250LW1lZGl1bSB0cmFja2luZy10aWdodCcsIGNsYXNzTmFtZSl9XG4gICAgZGF0YS1zbG90PVwiZW1wdHktdGl0bGVcIlxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBFbXB0eURlc2NyaXB0aW9uID0gKHtjbGFzc05hbWUsIC4uLnByb3BzfTogSFRNTEF0dHJpYnV0ZXM8SFRNTFBhcmFncmFwaEVsZW1lbnQ+KSA9PiAoXG4gIDxwXG4gICAgY2xhc3NOYW1lPXtjbigndGV4dC1zbS9yZWxheGVkIHRleHQtbXV0ZWQtZm9yZWdyb3VuZCBbJj5hXTp1bmRlcmxpbmUgWyY+YV06dW5kZXJsaW5lLW9mZnNldC00IFsmPmE6aG92ZXJdOnRleHQtcHJpbWFyeScsIGNsYXNzTmFtZSl9XG4gICAgZGF0YS1zbG90PVwiZW1wdHktZGVzY3JpcHRpb25cIlxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBFbXB0eUNvbnRlbnQgPSAoe2NsYXNzTmFtZSwgLi4ucHJvcHN9OiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPGRpdlxuICAgIGNsYXNzTmFtZT17Y24oJ2ZsZXggdy1mdWxsIG1heC13LXNtIG1pbi13LTAgZmxleC1jb2wgaXRlbXMtY2VudGVyIGdhcC00IHRleHQtc20gdGV4dC1iYWxhbmNlJywgY2xhc3NOYW1lKX1cbiAgICBkYXRhLXNsb3Q9XCJlbXB0eS1jb250ZW50XCJcbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuIl0sIm5hbWVzIjpbImNuIiwibWVkaWFDbGFzc2VzIiwiZGVmYXVsdCIsImljb24iLCJFbXB0eSIsImNsYXNzTmFtZSIsInByb3BzIiwiZGl2IiwiZGF0YS1zbG90IiwiRW1wdHlIZWFkZXIiLCJFbXB0eU1lZGlhIiwidmFyaWFudCIsImRhdGEtdmFyaWFudCIsIkVtcHR5VGl0bGUiLCJFbXB0eURlc2NyaXB0aW9uIiwicCIsIkVtcHR5Q29udGVudCJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVFBLEVBQUUsUUFBTyxlQUFlO0FBTWhDLE1BQU1DLGVBQWtEO0lBQ3REQyxTQUFTO0lBQ1RDLE1BQU07QUFDUjtBQUVBLE9BQU8sTUFBTUMsUUFBUSxDQUFDLEVBQUNDLFNBQVMsRUFBRSxHQUFHQyxPQUFzQyxpQkFDekUsS0FBQ0M7UUFDQ0YsV0FBV0wsR0FBRyxxSkFBcUpLO1FBQ25LRyxhQUFVO1FBQ1QsR0FBR0YsS0FBSztPQUVYO0FBRUYsT0FBTyxNQUFNRyxjQUFjLENBQUMsRUFBQ0osU0FBUyxFQUFFLEdBQUdDLE9BQXNDLGlCQUMvRSxLQUFDQztRQUNDRixXQUFXTCxHQUFHLHlEQUF5REs7UUFDdkVHLGFBQVU7UUFDVCxHQUFHRixLQUFLO09BRVg7QUFNRixPQUFPLE1BQU1JLGFBQWEsQ0FBQyxFQUN6QkwsU0FBUyxFQUNUTSxVQUFVLFNBQVMsRUFDbkIsR0FBR0wsT0FDYSxpQkFDaEIsS0FBQ0M7UUFDQ0YsV0FBV0wsR0FBRywrRkFBK0ZDLFlBQVksQ0FBQ1UsUUFBUSxFQUFFTjtRQUNwSUcsYUFBVTtRQUNWSSxnQkFBY0Q7UUFDYixHQUFHTCxLQUFLO09BRVg7QUFFRixPQUFPLE1BQU1PLGFBQWEsQ0FBQyxFQUFDUixTQUFTLEVBQUUsR0FBR0MsT0FBc0MsaUJBQzlFLEtBQUNDO1FBQ0NGLFdBQVdMLEdBQUcsc0NBQXNDSztRQUNwREcsYUFBVTtRQUNULEdBQUdGLEtBQUs7T0FFWDtBQUVGLE9BQU8sTUFBTVEsbUJBQW1CLENBQUMsRUFBQ1QsU0FBUyxFQUFFLEdBQUdDLE9BQTRDLGlCQUMxRixLQUFDUztRQUNDVixXQUFXTCxHQUFHLDJHQUEyR0s7UUFDekhHLGFBQVU7UUFDVCxHQUFHRixLQUFLO09BRVg7QUFFRixPQUFPLE1BQU1VLGVBQWUsQ0FBQyxFQUFDWCxTQUFTLEVBQUUsR0FBR0MsT0FBc0MsaUJBQ2hGLEtBQUNDO1FBQ0NGLFdBQVdMLEdBQUcsaUZBQWlGSztRQUMvRkcsYUFBVTtRQUNULEdBQUdGLEtBQUs7T0FFWCJ9

package/lib/components/Empty/Empty.stories.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Search } from 'lucide-react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { Button } from '../Button/Button.js';
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from './Empty.js';
+const meta = {
+    argTypes: {
+        className: {
+            control: 'text'
+        }
+    },
+    component: Empty,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/Empty'
+};
+export default meta;
+export const Default = {
+    args: {
+        className: 'w-[28rem]'
+    },
+    play: interactWithCanvas,
+    render: (args)=>/*#__PURE__*/ _jsxs(Empty, {
+            ...args,
+            children: [
+                /*#__PURE__*/ _jsxs(EmptyHeader, {
+                    children: [
+                        /*#__PURE__*/ _jsx(EmptyMedia, {
+                            variant: "icon",
+                            children: /*#__PURE__*/ _jsx(Search, {})
+                        }),
+                        /*#__PURE__*/ _jsx(EmptyTitle, {
+                            children: "No results"
+                        }),
+                        /*#__PURE__*/ _jsx(EmptyDescription, {
+                            children: "Try changing the filters or creating a new saved view."
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(EmptyContent, {
+                    children: /*#__PURE__*/ _jsx(Button, {
+                        label: "Create view",
+                        size: "sm"
+                    })
+                })
+            ]
+        })
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0VtcHR5L0VtcHR5LnN0b3JpZXMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQge1NlYXJjaH0gZnJvbSAnbHVjaWRlLXJlYWN0JztcbmltcG9ydCB7aW50ZXJhY3RXaXRoQ2FudmFzfSBmcm9tICcuLi8uLi91dGlscy9zdG9yeUludGVyYWN0aW9ucy5qcyc7XG5pbXBvcnQge0J1dHRvbn0gZnJvbSAnLi4vQnV0dG9uL0J1dHRvbi5qcyc7XG5pbXBvcnQge0VtcHR5LCBFbXB0eUNvbnRlbnQsIEVtcHR5RGVzY3JpcHRpb24sIEVtcHR5SGVhZGVyLCBFbXB0eU1lZGlhLCBFbXB0eVRpdGxlfSBmcm9tICcuL0VtcHR5LmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cbmNvbnN0IG1ldGE6IE1ldGE8dHlwZW9mIEVtcHR5PiA9IHtcbiAgYXJnVHlwZXM6IHtcbiAgICBjbGFzc05hbWU6IHtcbiAgICAgIGNvbnRyb2w6ICd0ZXh0J1xuICAgIH1cbiAgfSxcbiAgY29tcG9uZW50OiBFbXB0eSxcbiAgcGFyYW1ldGVyczoge1xuICAgIGxheW91dDogJ2NlbnRlcmVkJ1xuICB9LFxuICB0aXRsZTogJ0NvbXBvbmVudHMvRW1wdHknXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xuXG50eXBlIFN0b3J5ID0gU3RvcnlPYmo8dHlwZW9mIEVtcHR5PjtcblxuZXhwb3J0IGNvbnN0IERlZmF1bHQ6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgY2xhc3NOYW1lOiAndy1bMjhyZW1dJ1xuICB9LFxuICBwbGF5OiBpbnRlcmFjdFdpdGhDYW52YXMsXG4gIHJlbmRlcjogKGFyZ3MpID0+IChcbiAgICA8RW1wdHkgey4uLmFyZ3N9PlxuICAgICAgPEVtcHR5SGVhZGVyPlxuICAgICAgICA8RW1wdHlNZWRpYSB2YXJpYW50PVwiaWNvblwiPlxuICAgICAgICAgIDxTZWFyY2ggLz5cbiAgICAgICAgPC9FbXB0eU1lZGlhPlxuICAgICAgICA8RW1wdHlUaXRsZT5ObyByZXN1bHRzPC9FbXB0eVRpdGxlPlxuICAgICAgICA8RW1wdHlEZXNjcmlwdGlvbj5UcnkgY2hhbmdpbmcgdGhlIGZpbHRlcnMgb3IgY3JlYXRpbmcgYSBuZXcgc2F2ZWQgdmlldy48L0VtcHR5RGVzY3JpcHRpb24+XG4gICAgICA8L0VtcHR5SGVhZGVyPlxuICAgICAgPEVtcHR5Q29udGVudD5cbiAgICAgICAgPEJ1dHRvbiBsYWJlbD1cIkNyZWF0ZSB2aWV3XCIgc2l6ZT1cInNtXCIgLz5cbiAgICAgIDwvRW1wdHlDb250ZW50PlxuICAgIDwvRW1wdHk+XG4gIClcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiLCJTZWFyY2giLCJpbnRlcmFjdFdpdGhDYW52YXMiLCJCdXR0b24iLCJFbXB0eSIsIkVtcHR5Q29udGVudCIsIkVtcHR5RGVzY3JpcHRpb24iLCJFbXB0eUhlYWRlciIsIkVtcHR5TWVkaWEiLCJFbXB0eVRpdGxlIiwibWV0YSIsImFyZ1R5cGVzIiwiY2xhc3NOYW1lIiwiY29udHJvbCIsImNvbXBvbmVudCIsInBhcmFtZXRlcnMiLCJsYXlvdXQiLCJ0aXRsZSIsIkRlZmF1bHQiLCJhcmdzIiwicGxheSIsInJlbmRlciIsInZhcmlhbnQiLCJsYWJlbCIsInNpemUiXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxXQUFXLFFBQVE7QUFDMUIsU0FBUUMsTUFBTSxRQUFPLGVBQWU7QUFDcEMsU0FBUUMsa0JBQWtCLFFBQU8sbUNBQW1DO0FBQ3BFLFNBQVFDLE1BQU0sUUFBTyxzQkFBc0I7QUFDM0MsU0FBUUMsS0FBSyxFQUFFQyxZQUFZLEVBQUVDLGdCQUFnQixFQUFFQyxXQUFXLEVBQUVDLFVBQVUsRUFBRUMsVUFBVSxRQUFPLGFBQWE7QUFJdEcsTUFBTUMsT0FBMkI7SUFDL0JDLFVBQVU7UUFDUkMsV0FBVztZQUNUQyxTQUFTO1FBQ1g7SUFDRjtJQUNBQyxXQUFXVjtJQUNYVyxZQUFZO1FBQ1ZDLFFBQVE7SUFDVjtJQUNBQyxPQUFPO0FBQ1Q7QUFFQSxlQUFlUCxLQUFLO0FBSXBCLE9BQU8sTUFBTVEsVUFBaUI7SUFDNUJDLE1BQU07UUFDSlAsV0FBVztJQUNiO0lBQ0FRLE1BQU1sQjtJQUNObUIsUUFBUSxDQUFDRixxQkFDUCxNQUFDZjtZQUFPLEdBQUdlLElBQUk7OzhCQUNiLE1BQUNaOztzQ0FDQyxLQUFDQzs0QkFBV2MsU0FBUTtzQ0FDbEIsY0FBQSxLQUFDckI7O3NDQUVILEtBQUNRO3NDQUFXOztzQ0FDWixLQUFDSDtzQ0FBaUI7Ozs7OEJBRXBCLEtBQUNEOzhCQUNDLGNBQUEsS0FBQ0Y7d0JBQU9vQixPQUFNO3dCQUFjQyxNQUFLOzs7OztBQUl6QyxFQUFFIn0=

package/lib/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,15 @@
+import type { ButtonProps } from '../Button/Button.js';
+import type { ReactNode } from 'react';
+export interface EmptyStateProps {
+    readonly action?: ReactNode;
+    readonly actionClassName?: string;
+    readonly actionIcon?: ReactNode;
+    readonly actionLabel?: string;
+    readonly actionProps?: Omit<ButtonProps, 'children' | 'icon' | 'label' | 'onClick' | 'variant'>;
+    readonly className?: string;
+    readonly description: string;
+    readonly icon?: ReactNode;
+    readonly onAction?: () => void;
+    readonly title: string;
+}
+export declare const EmptyState: ({ action, actionClassName, actionIcon, actionLabel, actionProps, className, description, icon, onAction, title }: EmptyStateProps) => import("react").JSX.Element;

package/lib/components/EmptyState/EmptyState.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { Button } from '../Button/Button.js';
+const defaultIcon = /*#__PURE__*/ _jsx("svg", {
+    "aria-hidden": "true",
+    className: "mx-auto size-12 text-gray-400 dark:text-gray-500",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24",
+    children: /*#__PURE__*/ _jsx("path", {
+        d: "M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 2,
+        vectorEffect: "non-scaling-stroke"
+    })
+});
+export const EmptyState = ({ action, actionClassName, actionIcon, actionLabel, actionProps, className, description, icon = defaultIcon, onAction, title })=>/*#__PURE__*/ _jsxs("div", {
+        className: cn('flex flex-col items-center text-center', className),
+        children: [
+            icon,
+            /*#__PURE__*/ _jsx("h3", {
+                className: "mt-2 text-sm font-semibold text-gray-900 dark:text-white",
+                children: title
+            }),
+            /*#__PURE__*/ _jsx("p", {
+                className: "mt-1 text-sm text-gray-500 dark:text-gray-400",
+                children: description
+            }),
+            (action || actionLabel) && /*#__PURE__*/ _jsx("div", {
+                className: "mt-6 flex justify-center",
+                children: action || /*#__PURE__*/ _jsx(Button, {
+                    className: actionClassName,
+                    icon: actionIcon,
+                    label: actionLabel,
+                    onClick: onAction,
+                    variant: "contained",
+                    ...actionProps
+                })
+            })
+        ]
+    });
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvRW1wdHlTdGF0ZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtjbn0gZnJvbSAnQG5sYWJzL3V0aWxzJztcblxuaW1wb3J0IHtCdXR0b259IGZyb20gJy4uL0J1dHRvbi9CdXR0b24uanMnO1xuXG5pbXBvcnQgdHlwZSB7QnV0dG9uUHJvcHN9IGZyb20gJy4uL0J1dHRvbi9CdXR0b24uanMnO1xuaW1wb3J0IHR5cGUge1JlYWN0Tm9kZX0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEVtcHR5U3RhdGVQcm9wcyB7XG4gIHJlYWRvbmx5IGFjdGlvbj86IFJlYWN0Tm9kZTtcbiAgcmVhZG9ubHkgYWN0aW9uQ2xhc3NOYW1lPzogc3RyaW5nO1xuICByZWFkb25seSBhY3Rpb25JY29uPzogUmVhY3ROb2RlO1xuICByZWFkb25seSBhY3Rpb25MYWJlbD86IHN0cmluZztcbiAgcmVhZG9ubHkgYWN0aW9uUHJvcHM/OiBPbWl0PEJ1dHRvblByb3BzLCAnY2hpbGRyZW4nIHwgJ2ljb24nIHwgJ2xhYmVsJyB8ICdvbkNsaWNrJyB8ICd2YXJpYW50Jz47XG4gIHJlYWRvbmx5IGNsYXNzTmFtZT86IHN0cmluZztcbiAgcmVhZG9ubHkgZGVzY3JpcHRpb246IHN0cmluZztcbiAgcmVhZG9ubHkgaWNvbj86IFJlYWN0Tm9kZTtcbiAgcmVhZG9ubHkgb25BY3Rpb24/OiAoKSA9PiB2b2lkO1xuICByZWFkb25seSB0aXRsZTogc3RyaW5nO1xufVxuXG5jb25zdCBkZWZhdWx0SWNvbiA9IChcbiAgPHN2Z1xuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgY2xhc3NOYW1lPVwibXgtYXV0byBzaXplLTEyIHRleHQtZ3JheS00MDAgZGFyazp0ZXh0LWdyYXktNTAwXCJcbiAgICBmaWxsPVwibm9uZVwiXG4gICAgc3Ryb2tlPVwiY3VycmVudENvbG9yXCJcbiAgICB2aWV3Qm94PVwiMCAwIDI0IDI0XCJcbiAgPlxuICAgIDxwYXRoXG4gICAgICBkPVwiTTkgMTNoNm0tMy0zdjZtLTkgMVY3YTIgMiAwIDAxMi0yaDZsMiAyaDZhMiAyIDAgMDEyIDJ2OGEyIDIgMCAwMS0yIDJINWEyIDIgMCAwMS0yLTJ6XCJcbiAgICAgIHN0cm9rZUxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICBzdHJva2VMaW5lam9pbj1cInJvdW5kXCJcbiAgICAgIHN0cm9rZVdpZHRoPXsyfVxuICAgICAgdmVjdG9yRWZmZWN0PVwibm9uLXNjYWxpbmctc3Ryb2tlXCJcbiAgICAvPlxuICA8L3N2Zz5cbik7XG5cbmV4cG9ydCBjb25zdCBFbXB0eVN0YXRlID0gKHtcbiAgYWN0aW9uLFxuICBhY3Rpb25DbGFzc05hbWUsXG4gIGFjdGlvbkljb24sXG4gIGFjdGlvbkxhYmVsLFxuICBhY3Rpb25Qcm9wcyxcbiAgY2xhc3NOYW1lLFxuICBkZXNjcmlwdGlvbixcbiAgaWNvbiA9IGRlZmF1bHRJY29uLFxuICBvbkFjdGlvbixcbiAgdGl0bGVcbn06IEVtcHR5U3RhdGVQcm9wcykgPT4gKFxuICA8ZGl2IGNsYXNzTmFtZT17Y24oJ2ZsZXggZmxleC1jb2wgaXRlbXMtY2VudGVyIHRleHQtY2VudGVyJywgY2xhc3NOYW1lKX0+XG4gICAge2ljb259XG4gICAgPGgzIGNsYXNzTmFtZT1cIm10LTIgdGV4dC1zbSBmb250LXNlbWlib2xkIHRleHQtZ3JheS05MDAgZGFyazp0ZXh0LXdoaXRlXCI+e3RpdGxlfTwvaDM+XG4gICAgPHAgY2xhc3NOYW1lPVwibXQtMSB0ZXh0LXNtIHRleHQtZ3JheS01MDAgZGFyazp0ZXh0LWdyYXktNDAwXCI+e2Rlc2NyaXB0aW9ufTwvcD5cbiAgICB7KGFjdGlvbiB8fCBhY3Rpb25MYWJlbCkgJiYgKFxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJtdC02IGZsZXgganVzdGlmeS1jZW50ZXJcIj5cbiAgICAgICAge2FjdGlvbiB8fCAoXG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgY2xhc3NOYW1lPXthY3Rpb25DbGFzc05hbWV9XG4gICAgICAgICAgICBpY29uPXthY3Rpb25JY29ufVxuICAgICAgICAgICAgbGFiZWw9e2FjdGlvbkxhYmVsfVxuICAgICAgICAgICAgb25DbGljaz17b25BY3Rpb259XG4gICAgICAgICAgICB2YXJpYW50PVwiY29udGFpbmVkXCJcbiAgICAgICAgICAgIHsuLi5hY3Rpb25Qcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgKX1cbiAgPC9kaXY+XG4pO1xuIl0sIm5hbWVzIjpbImNuIiwiQnV0dG9uIiwiZGVmYXVsdEljb24iLCJzdmciLCJhcmlhLWhpZGRlbiIsImNsYXNzTmFtZSIsImZpbGwiLCJzdHJva2UiLCJ2aWV3Qm94IiwicGF0aCIsImQiLCJzdHJva2VMaW5lY2FwIiwic3Ryb2tlTGluZWpvaW4iLCJzdHJva2VXaWR0aCIsInZlY3RvckVmZmVjdCIsIkVtcHR5U3RhdGUiLCJhY3Rpb24iLCJhY3Rpb25DbGFzc05hbWUiLCJhY3Rpb25JY29uIiwiYWN0aW9uTGFiZWwiLCJhY3Rpb25Qcm9wcyIsImRlc2NyaXB0aW9uIiwiaWNvbiIsIm9uQWN0aW9uIiwidGl0bGUiLCJkaXYiLCJoMyIsInAiLCJsYWJlbCIsIm9uQ2xpY2siLCJ2YXJpYW50Il0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBUUEsRUFBRSxRQUFPLGVBQWU7QUFFaEMsU0FBUUMsTUFBTSxRQUFPLHNCQUFzQjtBQWtCM0MsTUFBTUMsNEJBQ0osS0FBQ0M7SUFDQ0MsZUFBWTtJQUNaQyxXQUFVO0lBQ1ZDLE1BQUs7SUFDTEMsUUFBTztJQUNQQyxTQUFRO2NBRVIsY0FBQSxLQUFDQztRQUNDQyxHQUFFO1FBQ0ZDLGVBQWM7UUFDZEMsZ0JBQWU7UUFDZkMsYUFBYTtRQUNiQyxjQUFhOzs7QUFLbkIsT0FBTyxNQUFNQyxhQUFhLENBQUMsRUFDekJDLE1BQU0sRUFDTkMsZUFBZSxFQUNmQyxVQUFVLEVBQ1ZDLFdBQVcsRUFDWEMsV0FBVyxFQUNYZixTQUFTLEVBQ1RnQixXQUFXLEVBQ1hDLE9BQU9wQixXQUFXLEVBQ2xCcUIsUUFBUSxFQUNSQyxLQUFLLEVBQ1csaUJBQ2hCLE1BQUNDO1FBQUlwQixXQUFXTCxHQUFHLDBDQUEwQ0s7O1lBQzFEaUI7MEJBQ0QsS0FBQ0k7Z0JBQUdyQixXQUFVOzBCQUE0RG1COzswQkFDMUUsS0FBQ0c7Z0JBQUV0QixXQUFVOzBCQUFpRGdCOztZQUM1REwsQ0FBQUEsVUFBVUcsV0FBVSxtQkFDcEIsS0FBQ007Z0JBQUlwQixXQUFVOzBCQUNaVyx3QkFDQyxLQUFDZjtvQkFDQ0ksV0FBV1k7b0JBQ1hLLE1BQU1KO29CQUNOVSxPQUFPVDtvQkFDUFUsU0FBU047b0JBQ1RPLFNBQVE7b0JBQ1AsR0FBR1YsV0FBVzs7OztPQU16QiJ9