@zydon/common 1.4.73 → 2.0.0

package/dist/components/upload/index.d.ts

@@ -0,0 +1,68 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UploadProps, CustomFile } from '../../types/upload.js';
+import { IconButtonProps } from '@mui/material/IconButton';
+import { SxProps, Theme } from '@mui/material/styles';
+import { StackProps } from '@mui/material/Stack';
+import { FileRejection } from 'react-dropzone';
+import 'react';
+
+declare const MultiFilePreview: ({ thumbnail, files, onRemove, onHandleMainImage, mainUrl, sx, }: UploadProps) => react_jsx_runtime.JSX.Element | null;
+
+type FileThumbnailProps = StackProps & {
+    tooltip?: boolean;
+    file: File | string;
+    imageView?: boolean;
+    sx?: SxProps<Theme>;
+    onDownload?: () => void;
+    onRemove?: () => void;
+    slotProps?: {
+        img?: SxProps<Theme>;
+        icon?: SxProps<Theme>;
+        removeBtn?: SxProps<Theme>;
+        downloadBtn?: SxProps<Theme>;
+    };
+};
+
+type FileUploadType = File | string | null;
+type FilesUploadType = (File | string)[];
+type SingleFilePreviewProps = {
+    file: File | string;
+};
+type MultiFilePreviewProps = {
+    files: FilesUploadType;
+    sx?: SxProps<Theme>;
+    lastNode?: React.ReactNode;
+    firstNode?: React.ReactNode;
+    onRemove: UploadProps['onRemove'];
+    thumbnail: UploadProps['thumbnail'];
+    onHandleMainImage?: (file: CustomFile | string) => void;
+    mainUrl?: string;
+    slotProps?: {
+        thumbnail?: Omit<FileThumbnailProps, 'file'>;
+    };
+};
+interface UploadWithCropProps extends UploadProps {
+    onFileCropped(file?: File): void;
+    onImageUploaded(image?: string): void;
+    onCancel?: VoidFunction;
+    aspect: number;
+    label: string;
+}
+
+declare function SingleFilePreview({ file }: SingleFilePreviewProps): react_jsx_runtime.JSX.Element;
+declare function DeleteButton({ sx, ...other }: IconButtonProps): react_jsx_runtime.JSX.Element;
+
+type Props = {
+    files: FileRejection[];
+};
+declare function RejectionFiles({ files }: Props): react_jsx_runtime.JSX.Element | null;
+
+declare const Upload: ({ id, disabled, multiple, error, helperText, file, onDelete, files, thumbnail, onRemove, onHandleMainImage, mainUrl, sx, dropZoneProps, placeholderProps, placeholderAlt, image, tabIndex, preview, onRemoveAll, onUpload, ...other }: UploadProps) => react_jsx_runtime.JSX.Element;
+
+declare function UploadAvatar({ sx, error, file: value, disabled, helperText, ...other }: UploadProps): react_jsx_runtime.JSX.Element;
+
+declare const UploadAvatarWithCrop: ({ onFileCropped, onImageUploaded, onCancel, aspect, label, image, uploading, file, tabIndex, ...other }: UploadWithCropProps) => react_jsx_runtime.JSX.Element;
+
+declare function UploadBox({ error, disabled, sx, ...other }: UploadProps): react_jsx_runtime.JSX.Element;
+
+export { DeleteButton, FileUploadType, FilesUploadType, MultiFilePreview, MultiFilePreviewProps, RejectionFiles, SingleFilePreview, SingleFilePreviewProps, Upload, UploadAvatar, UploadAvatarWithCrop, UploadBox, UploadAvatarWithCrop as UploadWithCrop, UploadWithCropProps };

package/dist/components/upload/index.mjs

@@ -0,0 +1,19 @@
+export { a as UploadAvatar, b as UploadAvatarWithCrop, b as UploadWithCrop } from '../../chunk-MYKAMLAI.mjs';
+export { c as DeleteButton, a as MultiFilePreview, b as SingleFilePreview, d as Upload } from '../../chunk-GNT763UQ.mjs';
+export { c as RejectionFiles } from '../../chunk-Y6ER5LXD.mjs';
+import '../../chunk-PABYPOVH.mjs';
+import '../../chunk-NNSTFVSV.mjs';
+import '../../chunk-EVHG7UNX.mjs';
+import '../../chunk-HLTCIAAR.mjs';
+import { i } from '../../chunk-S6AXG7VS.mjs';
+import '../../chunk-OKHG4T22.mjs';
+import '../../chunk-BQ3PJ47P.mjs';
+import '../../chunk-QHCGLZFD.mjs';
+import '../../chunk-KLIYANST.mjs';
+import { useDropzone } from 'react-dropzone';
+import x from '@mui/material/Box';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function B({error:p,disabled:e,sx:a,...n}){let{getRootProps:i$1,getInputProps:l,isDragActive:s,isDragReject:m}=useDropzone({disabled:e,...n}),f=m||p;return jsxs(x,{...i$1(),sx:{width:64,height:64,flexShrink:0,display:"flex",borderRadius:1,cursor:"pointer",alignItems:"center",color:"text.disabled",justifyContent:"center",bgcolor:o=>i(o.vars.palette.grey["500Channel"],.08),border:o=>`dashed 1px ${i(o.vars.palette.grey["500Channel"],.16)}`,...s&&{opacity:.72},...e&&{opacity:.48,pointerEvents:"none"},...f&&{color:"error.main",borderColor:"error.main",bgcolor:o=>i(o.vars.palette.error.mainChannel,.08)},"&:hover":{opacity:.72},...a},children:[jsx("input",{...l()}),"Selecionar arquivo"]})}
+
+export { B as UploadBox };

package/dist/hooks/useActiveElement.d.ts

@@ -2,5 +2,5 @@ declare const useActiveElement: () => {
     activeElement: Element | null;
     listenersReady: boolean;
 };
-export default useActiveElement;
-//# sourceMappingURL=useActiveElement.d.ts.map
+
+export { useActiveElement as default };

package/dist/hooks/useActiveElement.mjs

@@ -0,0 +1,5 @@
+import { useState, useEffect } from 'react';
+
+var i=()=>{let[o,r]=useState(!1),[u,e]=useState(document.activeElement);return useEffect(()=>{let t=l=>e(l.target),n=()=>e(null);return window.addEventListener("focus",t,!0),window.addEventListener("blur",n,!0),r(!0),()=>{window.removeEventListener("focus",t),window.removeEventListener("blur",n);}},[]),{activeElement:u,listenersReady:o}},d=i;
+
+export { d as default };

package/dist/hooks/useApiMessage.d.ts

@@ -2,5 +2,5 @@ declare const useApiMessage: () => {
     showSuccessMessage: (message: string) => void;
     showErrorMessage: (error: any, message: string) => void;
 };
-export default useApiMessage;
-//# sourceMappingURL=useApiMessage.d.ts.map
+
+export { useApiMessage as default };

package/dist/hooks/useApiMessage.mjs

@@ -0,0 +1,5 @@
+import { toast } from 'sonner';
+
+var c=()=>({showSuccessMessage:a=>{toast.success(a);},showErrorMessage:(a,n)=>{toast.error(i(a,n));}}),o=c,i=(s,t)=>{try{return "message"in s?s.message||t:"data"in s&&s.data&&typeof s.data=="object"&&"message"in s.data&&typeof s.data.message=="string"?s.data.message:t}catch{return t}};
+
+export { o as default };

package/dist/hooks/useCopyToClipboard.d.ts

@@ -5,5 +5,5 @@ type ReturnType = {
     copiedText: CopiedValue;
 };
 declare function useCopyToClipboard(): ReturnType;
-export default useCopyToClipboard;
-//# sourceMappingURL=useCopyToClipboard.d.ts.map
+
+export { useCopyToClipboard as default };

package/dist/hooks/useCopyToClipboard.mjs

@@ -0,0 +1,5 @@
+import { useState } from 'react';
+
+function p(){let[o,e]=useState(null);return {copiedText:o,copy:async t=>{if(!navigator?.clipboard)return !1;try{return await navigator.clipboard.writeText(t),e(t),!0}catch{return e(null),!1}}}}var u=p;
+
+export { u as default };

package/dist/hooks/useDatagrid.d.ts

@@ -1,4 +1,6 @@
-/// <reference types="react" />
+import * as react from 'react';
+import * as _mui_x_data_grid_premium_models_gridApiPremium from '@mui/x-data-grid-premium/models/gridApiPremium';
+
 interface State {
     page?: number;
     perPage?: number;
@@ -8,7 +10,7 @@ interface State {
     dir?: 'asc' | 'desc';
 }
 declare const useDatagrid: ({ page, perPage, dir, search, searchValue, sort }?: State) => {
-    apiRef: import("react").MutableRefObject<import("@mui/x-data-grid-premium/models/gridApiPremium").GridApiPremium>;
+    apiRef: react.MutableRefObject<_mui_x_data_grid_premium_models_gridApiPremium.GridApiPremium>;
     page: number;
     perPage: number;
     handlePaginationModelChange: ({ pageSize, page }: {
@@ -16,14 +18,14 @@ declare const useDatagrid: ({ page, perPage, dir, search, searchValue, sort }?:
         page?: number | undefined;
     }) => void;
     handleSearch: (search: string | undefined) => void;
-    handleSort: (field?: string, dir?: 'asc' | 'desc') => void;
+    handleSort: (field: string, dir: 'asc' | 'desc') => void;
     handleSearchValue: (search: string | undefined) => void;
     applySearchValue: () => void;
     goToPageFirstPage: () => void;
     search?: string | undefined;
     searchValue?: string | undefined;
     sort?: string | undefined;
-    dir?: "desc" | "asc" | undefined;
+    dir?: "asc" | "desc" | undefined;
 };
-export default useDatagrid;
-//# sourceMappingURL=useDatagrid.d.ts.map
+
+export { useDatagrid as default };

package/dist/hooks/useDatagrid.mjs

@@ -0,0 +1,6 @@
+import { useState } from 'react';
+import { useGridApiRef } from '@mui/x-data-grid-premium';
+
+var b=({page:c,perPage:o,dir:i,search:p,searchValue:d,sort:u}={page:0,perPage:25})=>{let n=useGridApiRef(),[r,t]=useState({page:c,perPage:o,dir:i,search:p,searchValue:d,sort:u}),g=({pageSize:e=25,page:a=0})=>{t(s=>({...s,page:a,perPage:e}));},h=e=>t(a=>({...a,page:0,search:e})),l=e=>t(a=>({...a,searchValue:e})),P=()=>t(e=>({...e,page:0,search:e.searchValue})),S=(e,a)=>t(s=>({...s,sort:e,dir:a})),f=()=>{n.current.setPage(0),g({page:0});};return {...r,apiRef:n,page:r.page||0,perPage:r.perPage||25,handlePaginationModelChange:g,handleSearch:h,handleSort:S,handleSearchValue:l,applySearchValue:P,goToPageFirstPage:f}},y=b;
+
+export { y as default };

package/dist/hooks/useDeepCompareEffect.d.ts

@@ -1,4 +1,5 @@
 import { EffectCallback, DependencyList } from 'react';
+
 declare const useDeepCompareEffect: (callback: EffectCallback, dependencies: DependencyList) => void;
-export default useDeepCompareEffect;
-//# sourceMappingURL=useDeepCompareEffect.d.ts.map
+
+export { useDeepCompareEffect as default };

package/dist/hooks/useDeepCompareEffect.mjs

@@ -0,0 +1,6 @@
+import { a } from '../chunk-BYPABU6L.mjs';
+import { useEffect, useRef } from 'react';
+
+var f=n=>{let e=useRef();return a(n,e.current)||(e.current=n),e.current},o=(n,e)=>{useEffect(n,e.map(f));},m=o;
+
+export { m as default };

package/dist/hooks/useEventCallback.d.ts

@@ -1,4 +1,4 @@
-export declare function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R): (...args: Args) => R;
-export declare function useEventCallback<Args extends unknown[], R>(fn: ((...args: Args) => R) | undefined): ((...args: Args) => R) | undefined;
-export default useEventCallback;
-//# sourceMappingURL=useEventCallback.d.ts.map
+declare function useEventCallback<Args extends unknown[], R>(fn: (...args: Args) => R): (...args: Args) => R;
+declare function useEventCallback<Args extends unknown[], R>(fn: ((...args: Args) => R) | undefined): ((...args: Args) => R) | undefined;
+
+export { useEventCallback as default, useEventCallback };

package/dist/hooks/useEventCallback.mjs

@@ -0,0 +1,2 @@
+export { b as default, a as useEventCallback } from '../chunk-NCUXGXKM.mjs';
+import '../chunk-X3BVGYHF.mjs';

package/dist/hooks/useEventListener.d.ts

@@ -1,6 +1,7 @@
 import { RefObject } from 'react';
+
 declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: undefined, options?: boolean | AddEventListenerOptions): void;
 declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: RefObject<T>, options?: boolean | AddEventListenerOptions): void;
 declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: RefObject<Document>, options?: boolean | AddEventListenerOptions): void;
-export default useEventListener;
-//# sourceMappingURL=useEventListener.d.ts.map
+
+export { useEventListener as default };

package/dist/hooks/useEventListener.mjs

@@ -0,0 +1 @@
+export { a as default } from '../chunk-B3WKNPY5.mjs';

package/dist/hooks/useIsMounting.d.ts

@@ -1,3 +1,3 @@
 declare const useIsMounting: () => boolean;
-export default useIsMounting;
-//# sourceMappingURL=useIsMounting.d.ts.map
+
+export { useIsMounting as default };

package/dist/hooks/useIsMounting.mjs

@@ -0,0 +1,5 @@
+import { useRef } from 'react';
+
+var e=()=>{let r=useRef(!0);return r.current?(r.current=!1,!0):r.current},n=e;
+
+export { n as default };

package/dist/hooks/useIsomorphicLayoutEffect.d.ts

@@ -1,4 +1,5 @@
 import { useEffect } from 'react';
+
 declare const _default: typeof useEffect;
-export default _default;
-//# sourceMappingURL=useIsomorphicLayoutEffect.d.ts.map
+
+export { _default as default };

package/dist/hooks/useIsomorphicLayoutEffect.mjs

@@ -0,0 +1 @@
+export { a as default } from '../chunk-X3BVGYHF.mjs';

package/dist/hooks/useLocalStorage.d.ts

@@ -1,4 +1,5 @@
-import type { Dispatch, SetStateAction } from 'react';
+import { Dispatch, SetStateAction } from 'react';
+
 declare global {
     interface WindowEventMap {
         'local-storage': CustomEvent;
@@ -9,6 +10,6 @@ type UseLocalStorageOptions<T> = {
     deserializer?: (value: string) => T;
     initializeWithValue?: boolean;
 };
-export default function useLocalStorage<T>(key: string, initialValue: T | (() => T), options?: UseLocalStorageOptions<T>): [T, Dispatch<SetStateAction<T>>, () => void];
-export {};
-//# sourceMappingURL=useLocalStorage.d.ts.map
+declare function useLocalStorage<T>(key: string, initialValue: T | (() => T), options?: UseLocalStorageOptions<T>): [T, Dispatch<SetStateAction<T>>, () => void];
+
+export { useLocalStorage as default };

package/dist/hooks/useLocalStorage.mjs

@@ -0,0 +1,8 @@
+import { a } from '../chunk-NCUXGXKM.mjs';
+import '../chunk-X3BVGYHF.mjs';
+import { a as a$1 } from '../chunk-B3WKNPY5.mjs';
+import { useCallback, useState, useEffect } from 'react';
+
+var h=typeof window>"u";function p(r,t,o={}){let{initializeWithValue:g=!0}=o,S=useCallback(e=>o.serializer?o.serializer(e):JSON.stringify(e),[o]),d=useCallback(e=>{if(o.deserializer)return o.deserializer(e);if(e==="undefined")return;let n=t instanceof Function?t():t,f;try{f=JSON.parse(e);}catch{return n}return f},[o,t]),a$2=useCallback(()=>{let e=t instanceof Function?t():t;if(h)return e;try{let n=window.localStorage.getItem(r);return n?d(n):e}catch{return e}},[t,r,d]),[w,s]=useState(()=>g?a$2():t instanceof Function?t():t),T=a(e=>{try{let n=e instanceof Function?e(a$2()):e;window.localStorage.setItem(r,S(n)),s(n),window.dispatchEvent(new StorageEvent("local-storage",{key:r}));}catch{}})||(()=>null),m=a(()=>{let e=t instanceof Function?t():t;window.localStorage.removeItem(r),s(e),window.dispatchEvent(new StorageEvent("local-storage",{key:r}));})||(()=>null);useEffect(()=>{s(a$2());},[r]);let l=useCallback(e=>{e.key&&e.key!==r||s(a$2());},[r,a$2]);return a$1("storage",l),a$1("local-storage",l),[w,T,m]}
+
+export { p as default };

package/dist/hooks/useOnClickOutside.d.ts

@@ -1,5 +1,6 @@
 import { RefObject } from 'react';
+
 type Handler = (event: MouseEvent) => void;
 declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: Handler, mouseEvent?: 'mousedown' | 'mouseup') => void;
-export default useOnClickOutside;
-//# sourceMappingURL=useOnClickOutside.d.ts.map
+
+export { useOnClickOutside as default };

package/dist/hooks/useOnClickOutside.mjs

@@ -0,0 +1,5 @@
+import { a } from '../chunk-B3WKNPY5.mjs';
+
+var u=(o,r,s="mousedown")=>{a(s,e=>{let t=o?.current;!t||t.contains(e.target)||r(e);});},m=u;
+
+export { m as default };

package/dist/hooks/usePagination.d.ts

@@ -11,5 +11,5 @@ interface UsePaginationResult<T> {
     prevPage: () => void;
 }
 declare function usePagination<T>({ items, itemsPerPage, }: UsePaginationProps<T>): UsePaginationResult<T>;
-export default usePagination;
-//# sourceMappingURL=usePagination.d.ts.map
+
+export { usePagination as default };

package/dist/hooks/usePagination.mjs

@@ -0,0 +1,5 @@
+import { useState } from 'react';
+
+function s({items:r,itemsPerPage:n}){let[t,a]=useState(1),o=Math.ceil(r.length/n),g=r.slice((t-1)*n,t*n);return {currentPage:t,totalPages:o,currentItems:g,goToPage:e=>{e>0&&e<=o&&a(e);},nextPage:()=>{t<o&&a(e=>e+1);},prevPage:()=>{t>1&&a(e=>e-1);}}}var f=s;
+
+export { f as default };

package/dist/hooks/usePopover.d.ts

@@ -1,4 +1,5 @@
-import { Dispatch, MouseEvent, SetStateAction } from 'react';
+import { MouseEvent, Dispatch, SetStateAction } from 'react';
+
 interface usePopoverProps {
     onClose: VoidFunction;
     open: HTMLElement | null;
@@ -6,5 +7,5 @@ interface usePopoverProps {
     setOpen: Dispatch<SetStateAction<HTMLElement | null>>;
 }
 declare const usePopover: () => usePopoverProps;
-export default usePopover;
-//# sourceMappingURL=usePopover.d.ts.map
+
+export { usePopover as default };

package/dist/hooks/usePopover.mjs

@@ -0,0 +1 @@
+export { a as default } from '../chunk-BD3NUJHG.mjs';

package/dist/hooks/useResponsive.d.ts

@@ -1,8 +1,9 @@
 import { Breakpoint } from '@mui/material/styles';
+
 type ReturnType = boolean;
 type Query = 'up' | 'down' | 'between' | 'only';
 type Value = Breakpoint | number;
 declare const useResponsive: (query: Query, start?: Value, end?: Value) => ReturnType;
-export declare function useWidth(): "xs" | "sm" | "md" | "lg" | "xl";
-export default useResponsive;
-//# sourceMappingURL=useResponsive.d.ts.map
+declare function useWidth(): "xs" | "sm" | "md" | "lg" | "xl";
+
+export { useResponsive as default, useWidth };

package/dist/hooks/useResponsive.mjs

@@ -0,0 +1 @@
+export { b as default, a as useWidth } from '../chunk-D7XCMUMB.mjs';

package/dist/hooks/useScrollOffSetTop.d.ts

@@ -0,0 +1,7 @@
+type UseScrollOffSetTopReturn = {
+    offsetTop: boolean;
+    elementRef: React.RefObject<HTMLDivElement>;
+};
+declare const useScrollOffSetTop: (top?: number) => UseScrollOffSetTopReturn;
+
+export { UseScrollOffSetTopReturn, useScrollOffSetTop as default };

package/dist/hooks/useScrollOffSetTop.mjs

@@ -0,0 +1,6 @@
+import { useRef, useState, useCallback, useMemo } from 'react';
+import { useScroll, useMotionValueEvent } from 'framer-motion';
+
+var R=(t=0)=>{let e=useRef(null),{scrollY:r}=useScroll(),[o,l]=useState(!1),n=useCallback(c=>{let f=Math.round(c);if(e?.current){let u=e.current.getBoundingClientRect(),a=Math.round(u.top);l(a<t);}else l(f>t);},[e,t]);return useMotionValueEvent(r,"change",useMemo(()=>n,[n])),useMemo(()=>({elementRef:e,offsetTop:o}),[o])},g=R;
+
+export { g as default };

package/dist/hooks/useSnackbar.d.ts

@@ -0,0 +1,8 @@
+declare const useSnackbar: () => {
+    success: (message: string) => string | number;
+    error: (message: string) => string | number;
+    warning: (message: string) => string | number;
+    info: (message: string) => string | number;
+};
+
+export { useSnackbar as default };

package/dist/hooks/useSnackbar.mjs

@@ -0,0 +1,5 @@
+import { toast } from 'sonner';
+
+var s=()=>({success:r=>toast.success(r),error:r=>toast.error(r),warning:r=>toast.warning(r),info:r=>toast.info(r)}),a=s;
+
+export { a as default };

package/dist/hooks/useTabs.d.ts

@@ -1,7 +1,9 @@
-/// <reference types="react" />
-export default function useTabs(defaultValue?: string | number): {
+import * as react from 'react';
+
+declare function useTabs(defaultValue?: string | number): {
     currentTab: string | number;
     onChangeTab: (_: React.SyntheticEvent<Element, Event>, newValue: string) => void;
-    setCurrentTab: import("react").Dispatch<import("react").SetStateAction<string | number>>;
+    setCurrentTab: react.Dispatch<react.SetStateAction<string | number>>;
 };
-//# sourceMappingURL=useTabs.d.ts.map
+
+export { useTabs as default };

package/dist/hooks/useTabs.mjs

@@ -0,0 +1,5 @@
+import { useState } from 'react';
+
+function u(e=""){let[n,t]=useState(e);return {currentTab:n,onChangeTab:(s,r)=>{t(r);},setCurrentTab:t}}
+
+export { u as default };

package/dist/hooks/useToggle.d.ts

@@ -1,3 +1,3 @@
 declare const useToggle: (initialState?: boolean) => [boolean, () => void, React.Dispatch<React.SetStateAction<boolean>>];
-export default useToggle;
-//# sourceMappingURL=useToggle.d.ts.map
+
+export { useToggle as default };

package/dist/hooks/useToggle.mjs

@@ -0,0 +1 @@
+export { a as default } from '../chunk-BQ3PJ47P.mjs';

package/dist/hooks/useUpload.d.ts

@@ -1,5 +1,8 @@
-/// <reference types="react" />
-import { CustomFile } from '../types/upload';
+import * as react from 'react';
+import { CustomFile } from '../types/upload.js';
+import 'react-dropzone';
+import '@mui/material/styles';
+
 declare function useUpload(fieldName: string, urlImage?: string): {
     uploadFile: (file?: File) => Promise<void>;
     uploadFiles: (files: File[]) => Promise<void>;
@@ -7,7 +10,7 @@ declare function useUpload(fieldName: string, urlImage?: string): {
     handleRemoveAll: () => void;
     handleRemove: (file: File | string) => void;
     file: string | CustomFile | undefined;
-    setFileValue: import("react").Dispatch<import("react").SetStateAction<string | CustomFile | undefined>>;
+    setFileValue: react.Dispatch<react.SetStateAction<string | CustomFile | undefined>>;
 };
-export default useUpload;
-//# sourceMappingURL=useUpload.d.ts.map
+
+export { useUpload as default };

package/dist/hooks/useUpload.mjs

@@ -0,0 +1 @@
+export { a as default } from '../chunk-R2LSQJYW.mjs';

package/dist/hooks/useUploadImage.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+import * as react from 'react';
+
 interface Props {
     onFileCropped(file?: File): void;
     onImageUploaded(image?: string): void;
@@ -6,16 +7,16 @@ interface Props {
 }
 declare const useUploadImage: ({ onFileCropped, onImageUploaded, onCancel, }: Props) => {
     id: string;
-    setCropModalOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setCropModalOpen: react.Dispatch<react.SetStateAction<boolean>>;
     handleRemove: () => void;
     toggleCropModalOpen: () => void;
     cropModalOpen: boolean;
     cancelChanges: () => void;
     saveChanges: () => void;
     previewImage: () => void;
-    setCropper: import("react").Dispatch<import("react").SetStateAction<Cropper | undefined>>;
+    setCropper: react.Dispatch<any>;
     preview: string | undefined;
     closePreviewImage: () => void;
 };
-export default useUploadImage;
-//# sourceMappingURL=useUploadImage.d.ts.map
+
+export { useUploadImage as default };

package/dist/hooks/useUploadImage.mjs

@@ -0,0 +1,2 @@
+export { a as default } from '../chunk-OKHG4T22.mjs';
+import '../chunk-BQ3PJ47P.mjs';

package/dist/index.css

@@ -0,0 +1,10 @@
+.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{inset:0;opacity:0;overflow:hidden;position:fixed;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));inset:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{display:flex;justify-content:flex-end;inset:0 0 auto auto;padding:var(--yarl__toolbar_padding,8px);position:absolute}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);color:var(--yarl__slide_description_color,#fff);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__thumbnails{display:flex;height:100%}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1;position:relative}.yarl__thumbnails_container{background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));flex:0 0 auto;overflow:hidden;padding:var(--yarl__thumbnails_container_padding,16px);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__thumbnails_vignette{pointer-events:none;position:absolute;--yarl__thumbnails_vignette_size:12%}@media (min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media (min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);bottom:0;top:0;width:100%}.yarl__thumbnails_track{gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--yarl__thumbnails_thumbnail_background,#000);border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-width:var(--yarl__thumbnails_thumbnail_border,1px);cursor:pointer;flex:0 0 auto;-webkit-tap-highlight-color:transparent;box-sizing:content-box;height:var(--yarl__thumbnails_thumbnail_height,80px);outline:none;overflow:hidden;padding:var(--yarl__thumbnails_thumbnail_padding,4px);position:relative;width:var(--yarl__thumbnails_thumbnail_width,120px)}.yarl__thumbnails_thumbnail_active{border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards;opacity:0}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:unset}.yarl__thumbnails_thumbnail_placeholder{cursor:unset;visibility:hidden}.yarl__thumbnails_thumbnail:focus{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:unset}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));height:var(--yarl__thumbnails_thumbnail_icon_size,32px);left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%);width:var(--yarl__thumbnails_thumbnail_icon_size,32px)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}.yarl__root{--yarl__thumbnails_thumbnail_padding: 0;--yarl__thumbnails_thumbnail_border: transparent;--yarl__color_backdrop: rgba(var(--palette-grey-900Channel) / .9);--yarl__slide_captions_container_background: rgba(var(--palette-common-blackChannel) / .32)}.yarl__slide_title{font-size:20px;font-weight:600}.yarl__slide_description{font-size:14px}.yarl__button{filter:unset}.yarl__thumbnails_thumbnail{opacity:.48;border-radius:10px;border-color:transparent}.yarl__thumbnails_thumbnail_active{opacity:1;border-color:var(--palette-primary-main)}.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size: 0}.yarl__video_container{background:var(--palette-common-black)}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;inset:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;inset:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{inset:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{inset:0 auto 0 0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.simplebar-scrollbar:before{background-color:var(--palette-text-disabled)}.simplebar-scrollbar.simplebar-visible:before{opacity:.48}.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{inset:0;position:absolute}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}html{height:100%;-webkit-overflow-scrolling:touch}body,#root,#root__layout{display:flex;flex:1 1 auto;min-height:100%;flex-direction:column}img{max-width:100%;vertical-align:middle}ul{margin:0;padding:0;list-style-type:none}input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none}input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}
+/*!
+ * Cropper.js v1.6.2
+ * https://fengyuanchen.github.io/cropperjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2024-04-21T07:43:02.731Z
+ */