@zydon/common 2.2.43 → 2.2.44

package/dist/hooks/useScrollOffSetTop.js

@@ -1,6 +1,33 @@
 import { useRef, useState, useCallback, useMemo } from 'react';
 import { useScroll, useMotionValueEvent } from 'framer-motion';
 
-const R=(t=0)=>{const e=useRef(null),{scrollY:r}=useScroll(),[o,l]=useState(!1),n=useCallback(c=>{const f=Math.round(c);if(e?.current){const 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])};var g=R;
+const useScrollOffSetTop = (top = 0) => {
+  const elementRef = useRef(null);
+  const { scrollY } = useScroll();
+  const [offsetTop, setOffsetTop] = useState(false);
+  const handleScrollChange = useCallback(
+    (val) => {
+      const scrollHeight = Math.round(val);
+      if (elementRef?.current) {
+        const rect = elementRef.current.getBoundingClientRect();
+        const elementTop = Math.round(rect.top);
+        setOffsetTop(elementTop < top);
+      } else {
+        setOffsetTop(scrollHeight > top);
+      }
+    },
+    [elementRef, top]
+  );
+  useMotionValueEvent(
+    scrollY,
+    "change",
+    useMemo(() => handleScrollChange, [handleScrollChange])
+  );
+  const memoizedValue = useMemo(() => ({ elementRef, offsetTop }), [offsetTop]);
+  return memoizedValue;
+};
+var useScrollOffSetTop_default = useScrollOffSetTop;
 
-export { g as default };
+export { useScrollOffSetTop_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useScrollOffSetTop.js.map

package/dist/hooks/useScrollOffSetTop.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useScrollOffSetTop.ts"],"names":[],"mappings":"AAAA,SAAS,aAAa,SAAS,QAAQ,gBAAgB;AACvD,SAAS,qBAAqB,iBAAiB;AAS/C,MAAM,qBAAqB,CAAC,MAAM,MAAgC;AAChE,QAAM,aAAa,OAAuB,IAAI;AAE9C,QAAM,EAAE,QAAQ,IAAI,UAAU;AAE9B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,qBAAqB;AAAA,IACzB,CAAC,QAAgB;AACf,YAAM,eAAe,KAAK,MAAM,GAAG;AAEnC,UAAI,YAAY,SAAS;AACvB,cAAM,OAAO,WAAW,QAAQ,sBAAsB;AACtD,cAAM,aAAa,KAAK,MAAM,KAAK,GAAG;AAEtC,qBAAa,aAAa,GAAG;AAAA,MAC/B,OAAO;AACL,qBAAa,eAAe,GAAG;AAAA,MACjC;AAAA,IACF;AAAA,IACA,CAAC,YAAY,GAAG;AAAA,EAClB;AAEA;AAAA,IACE;AAAA,IACA;AAAA,IACA,QAAQ,MAAM,oBAAoB,CAAC,kBAAkB,CAAC;AAAA,EACxD;AAEA,QAAM,gBAAgB,QAAQ,OAAO,EAAE,YAAY,UAAU,IAAI,CAAC,SAAS,CAAC;AAE5E,SAAO;AACT;AAEA,IAAO,6BAAQ","sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react';\nimport { useMotionValueEvent, useScroll } from 'framer-motion';\n\n// ----------------------------------------------------------------------\n\nexport type UseScrollOffSetTopReturn = {\n  offsetTop: boolean;\n  elementRef: React.RefObject<HTMLDivElement>;\n};\n\nconst useScrollOffSetTop = (top = 0): UseScrollOffSetTopReturn => {\n  const elementRef = useRef<HTMLDivElement>(null);\n\n  const { scrollY } = useScroll();\n\n  const [offsetTop, setOffsetTop] = useState(false);\n\n  const handleScrollChange = useCallback(\n    (val: number) => {\n      const scrollHeight = Math.round(val);\n\n      if (elementRef?.current) {\n        const rect = elementRef.current.getBoundingClientRect();\n        const elementTop = Math.round(rect.top);\n\n        setOffsetTop(elementTop < top);\n      } else {\n        setOffsetTop(scrollHeight > top);\n      }\n    },\n    [elementRef, top],\n  );\n\n  useMotionValueEvent(\n    scrollY,\n    'change',\n    useMemo(() => handleScrollChange, [handleScrollChange]),\n  );\n\n  const memoizedValue = useMemo(() => ({ elementRef, offsetTop }), [offsetTop]);\n\n  return memoizedValue;\n};\n\nexport default useScrollOffSetTop;\n"]}

package/dist/hooks/useSnackbar.js

@@ -1,5 +1,14 @@
 import { toast } from 'sonner';
 
-const e=()=>({success:(t,r)=>toast.success(t,r),error:(t,r)=>toast.error(t,r),warning:(t,r)=>toast.warning(t,r),info:(t,r)=>toast.info(t,r)});var l=e;
+const useSnackbar = () => {
+  const success = (message, data) => toast.success(message, data);
+  const error = (message, data) => toast.error(message, data);
+  const warning = (message, data) => toast.warning(message, data);
+  const info = (message, data) => toast.info(message, data);
+  return { success, error, warning, info };
+};
+var useSnackbar_default = useSnackbar;
 
-export { l as default };
+export { useSnackbar_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useSnackbar.js.map

package/dist/hooks/useSnackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useSnackbar.ts"],"names":[],"mappings":"AACA,SAAwB,aAAa;AAErC,MAAM,cAAc,MAAM;AACxB,QAAM,UAAU,CAAC,SAA6B,SAC5C,MAAM,QAAQ,SAAS,IAAI;AAE7B,QAAM,QAAQ,CAAC,SAA6B,SAC1C,MAAM,MAAM,SAAS,IAAI;AAE3B,QAAM,UAAU,CAAC,SAA6B,SAC5C,MAAM,QAAQ,SAAS,IAAI;AAE7B,QAAM,OAAO,CAAC,SAA6B,SACzC,MAAM,KAAK,SAAS,IAAI;AAE1B,SAAO,EAAE,SAAS,OAAO,SAAS,KAAK;AACzC;AAEA,IAAO,sBAAQ","sourcesContent":["import { ReactNode } from 'react';\nimport { ExternalToast, toast } from 'sonner';\n\nconst useSnackbar = () => {\n  const success = (message: string | ReactNode, data?: ExternalToast) =>\n    toast.success(message, data);\n\n  const error = (message: string | ReactNode, data?: ExternalToast) =>\n    toast.error(message, data);\n\n  const warning = (message: string | ReactNode, data?: ExternalToast) =>\n    toast.warning(message, data);\n\n  const info = (message: string | ReactNode, data?: ExternalToast) =>\n    toast.info(message, data);\n\n  return { success, error, warning, info };\n};\n\nexport default useSnackbar;\n"]}

package/dist/hooks/useTabs.js

@@ -1,5 +1,17 @@
 import { useState } from 'react';
 
-const s=(e="")=>{const[n,t]=useState(e);return {currentTab:n,onChangeTab:(u,r)=>{t(r);},setCurrentTab:t}};var b=s;
+const useTabs = (defaultValue = "") => {
+  const [currentTab, setCurrentTab] = useState(defaultValue);
+  return {
+    currentTab,
+    onChangeTab: (_, newValue) => {
+      setCurrentTab(newValue);
+    },
+    setCurrentTab
+  };
+};
+var useTabs_default = useTabs;
 
-export { b as default };
+export { useTabs_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useTabs.js.map

package/dist/hooks/useTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useTabs.ts"],"names":[],"mappings":"AAAA,SAAS,gBAAgB;AAEzB,MAAM,UAAU,CAAC,eAAgC,OAAO;AACtD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,YAAY;AAEzD,SAAO;AAAA,IACL;AAAA,IACA,aAAa,CACX,GACA,aACG;AACH,oBAAc,QAAQ;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAO,kBAAQ","sourcesContent":["import { useState } from 'react';\n\nconst useTabs = (defaultValue: string | number = '') => {\n  const [currentTab, setCurrentTab] = useState(defaultValue);\n\n  return {\n    currentTab,\n    onChangeTab: (\n      _: React.SyntheticEvent<Element, Event>,\n      newValue: string,\n    ) => {\n      setCurrentTab(newValue);\n    },\n    setCurrentTab,\n  };\n};\n\nexport default useTabs;\n"]}

package/dist/hooks/useToggle.js

@@ -1,5 +1,12 @@
 import { useState, useCallback } from 'react';
 
-const n=(e=!1)=>{const[o,t]=useState(e),a=useCallback(()=>t(s=>!s),[]);return [o,a,t]};var u=n;
+const useToggle = (initialState = false) => {
+  const [state, setState] = useState(initialState);
+  const toggle = useCallback(() => setState((currentState) => !currentState), []);
+  return [state, toggle, setState];
+};
+var useToggle_default = useToggle;
 
-export { u as default };
+export { useToggle_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useToggle.js.map

package/dist/hooks/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useToggle.ts"],"names":[],"mappings":"AAAA,SAAS,aAAa,gBAAgB;AAEtC,MAAM,YAAY,CAChB,eAAe,UAC0D;AACzE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAE/C,QAAM,SAAS,YAAY,MAAM,SAAS,kBAAgB,CAAC,YAAY,GAAG,CAAC,CAAC;AAE5E,SAAO,CAAC,OAAO,QAAQ,QAAQ;AACjC;AAEA,IAAO,oBAAQ","sourcesContent":["import { useCallback, useState } from 'react';\n\nconst useToggle = (\n  initialState = false,\n): [boolean, () => void, React.Dispatch<React.SetStateAction<boolean>>] => {\n  const [state, setState] = useState(initialState);\n\n  const toggle = useCallback(() => setState(currentState => !currentState), []);\n\n  return [state, toggle, setState];\n};\n\nexport default useToggle;\n"]}

package/dist/hooks/useUpload.js

@@ -1,6 +1,58 @@
 import { useState } from 'react';
 import { useFormContext } from 'react-hook-form';
 
-function F(t,i){const{watch:r,setValue:n}=useFormContext(),[u,o]=useState(i),l=r(t)||[];return {uploadFile:async e=>{if(!e){n(t,void 0),o(void 0);return}n(t,e),o(Object.assign(e,{preview:URL.createObjectURL(e)}));},uploadFiles:async e=>{n(t,[...l,...e.map(s=>Object.assign(s,{preview:URL.createObjectURL(s)}))]);},handleDeleteFile:()=>{n(t,void 0),o(void 0);},handleRemoveAll:()=>{n(t,void 0);},handleRemove:e=>{const s=l.filter(a=>a!==e);n(t,s);},file:u,setFileValue:o}}var j=F;
+function useUpload(fieldName, urlImage) {
+  const { watch, setValue } = useFormContext();
+  const [fileValue, setFileValue] = useState(
+    urlImage
+  );
+  const filesValues = watch(fieldName) || [];
+  const uploadFile = async (file) => {
+    if (!file) {
+      setValue(fieldName, void 0);
+      setFileValue(void 0);
+      return;
+    }
+    setValue(fieldName, file);
+    setFileValue(
+      Object.assign(file, {
+        preview: URL.createObjectURL(file)
+      })
+    );
+  };
+  const uploadFiles = async (files) => {
+    setValue(fieldName, [
+      ...filesValues,
+      ...files.map(
+        (file) => Object.assign(file, {
+          preview: URL.createObjectURL(file)
+        })
+      )
+    ]);
+  };
+  const handleDeleteFile = () => {
+    setValue(fieldName, void 0);
+    setFileValue(void 0);
+  };
+  const handleRemoveAll = () => {
+    setValue(fieldName, void 0);
+  };
+  const handleRemove = (file) => {
+    const filteredItems = filesValues.filter((f) => f !== file);
+    setValue(fieldName, filteredItems);
+  };
+  return {
+    uploadFile,
+    uploadFiles,
+    handleDeleteFile,
+    handleRemoveAll,
+    handleRemove,
+    file: fileValue,
+    setFileValue
+  };
+}
+var useUpload_default = useUpload;
 
-export { j as default };
+export { useUpload_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useUpload.js.map

package/dist/hooks/useUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useUpload.ts"],"names":[],"mappings":"AAAA,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAI/B,SAAS,UAAU,WAAmB,UAAmB;AACvD,QAAM,EAAE,OAAO,SAAS,IAAI,eAAe;AAC3C,QAAM,CAAC,WAAW,YAAY,IAAI;AAAA,IAChC;AAAA,EACF;AACA,QAAM,cAAwB,MAAM,SAAS,KAAK,CAAC;AAEnD,QAAM,aAAa,OAAO,SAAgB;AACxC,QAAI,CAAC,MAAM;AACT,eAAS,WAAW,MAAS;AAC7B,mBAAa,MAAS;AACtB;AAAA,IACF;AAEA,aAAS,WAAW,IAAI;AAExB;AAAA,MACE,OAAO,OAAO,MAAM;AAAA,QAClB,SAAS,IAAI,gBAAgB,IAAI;AAAA,MACnC,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,cAAc,OAAO,UAAkB;AAC3C,aAAS,WAAW;AAAA,MAClB,GAAG;AAAA,MACH,GAAG,MAAM;AAAA,QAAI,CAAC,SACZ,OAAO,OAAO,MAAM;AAAA,UAClB,SAAS,IAAI,gBAAgB,IAAI;AAAA,QACnC,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,mBAAmB,MAAM;AAC7B,aAAS,WAAW,MAAS;AAC7B,iBAAa,MAAS;AAAA,EACxB;AAEA,QAAM,kBAAkB,MAAM;AAC5B,aAAS,WAAW,MAAS;AAAA,EAC/B;AAEA,QAAM,eAAe,CAAC,SAAwB;AAC5C,UAAM,gBAAgB,YAAY,OAAO,OAAK,MAAM,IAAI;AAExD,aAAS,WAAW,aAAa;AAAA,EACnC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,EACF;AACF;AAEA,IAAO,oBAAQ","sourcesContent":["import { useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\n\nimport { CustomFile } from 'types/upload';\n\nfunction useUpload(fieldName: string, urlImage?: string) {\n  const { watch, setValue } = useFormContext();\n  const [fileValue, setFileValue] = useState<CustomFile | string | undefined>(\n    urlImage,\n  );\n  const filesValues: string[] = watch(fieldName) || [];\n\n  const uploadFile = async (file?: File) => {\n    if (!file) {\n      setValue(fieldName, undefined);\n      setFileValue(undefined);\n      return;\n    }\n\n    setValue(fieldName, file);\n\n    setFileValue(\n      Object.assign(file, {\n        preview: URL.createObjectURL(file),\n      }),\n    );\n  };\n\n  const uploadFiles = async (files: File[]) => {\n    setValue(fieldName, [\n      ...filesValues,\n      ...files.map((file: Blob | MediaSource) =>\n        Object.assign(file, {\n          preview: URL.createObjectURL(file),\n        }),\n      ),\n    ]);\n  };\n\n  const handleDeleteFile = () => {\n    setValue(fieldName, undefined);\n    setFileValue(undefined);\n  };\n\n  const handleRemoveAll = () => {\n    setValue(fieldName, undefined);\n  };\n\n  const handleRemove = (file: File | string) => {\n    const filteredItems = filesValues.filter(f => f !== file);\n\n    setValue(fieldName, filteredItems);\n  };\n\n  return {\n    uploadFile,\n    uploadFiles,\n    handleDeleteFile,\n    handleRemoveAll,\n    handleRemove,\n    file: fileValue,\n    setFileValue,\n  };\n}\n\nexport default useUpload;\n"]}

package/dist/hooks/useUploadImage.js

@@ -1,7 +1,80 @@
 import { useId, useState } from 'react';
-import w from 'browser-image-compression';
-import I from './useToggle';
+import imageCompression from 'browser-image-compression';
+import useToggle from './useToggle';
 
-const h=5242880,y=({onFileCropped:o,onImageUploaded:c,onCancel:i})=>{const d=useId(),[e,l]=useState(),[m,a,s]=I(),[f,r]=useState(),[u,g]=useState(!1);return {id:d,setCropModalOpen:s,handleRemove:()=>{o(void 0),c(void 0),s(!1);},toggleCropModalOpen:a,cropModalOpen:m,cancelChanges:()=>{i&&i(),s(!1);},saveChanges:()=>{e!==void 0&&e.getCroppedCanvas().toBlob(async p=>{try{if(!p)return;g(!0);const n=new File([p],"imagem.png",{type:"image/png"});if(console.log({file:n}),n.size>h){const v=await w(n,{maxSizeMB:5});o(v),a();return}o(n),a();}finally{g(!1);}},"image/png",1);},previewImage:()=>{e!==void 0&&r(e.getCroppedCanvas().toDataURL());},setCropper:l,preview:f,closePreviewImage:()=>r(void 0),saving:u}};var x=y;
+const FIVE_MB = 5242880;
+const useUploadImage = ({
+  onFileCropped,
+  onImageUploaded,
+  onCancel
+}) => {
+  const id = useId();
+  const [cropper, setCropper] = useState();
+  const [cropModalOpen, toggleCropModalOpen, setCropModalOpen] = useToggle();
+  const [preview, setPreview] = useState();
+  const [saving, setSaving] = useState(false);
+  const cancelChanges = () => {
+    if (onCancel)
+      onCancel();
+    setCropModalOpen(false);
+  };
+  const previewImage = () => {
+    if (cropper === void 0)
+      return;
+    setPreview(cropper.getCroppedCanvas().toDataURL());
+  };
+  const closePreviewImage = () => setPreview(void 0);
+  const saveChanges = () => {
+    if (cropper === void 0)
+      return;
+    cropper.getCroppedCanvas().toBlob(
+      async (blob) => {
+        try {
+          if (!blob)
+            return;
+          setSaving(true);
+          const file = new File([blob], "imagem.png", { type: "image/png" });
+          console.log({ file });
+          if (file.size > FIVE_MB) {
+            const compressedFile = await imageCompression(file, {
+              maxSizeMB: 5
+            });
+            onFileCropped(compressedFile);
+            toggleCropModalOpen();
+            return;
+          }
+          onFileCropped(file);
+          toggleCropModalOpen();
+        } finally {
+          setSaving(false);
+        }
+      },
+      "image/png",
+      1
+    );
+  };
+  const handleRemove = () => {
+    onFileCropped(void 0);
+    onImageUploaded(void 0);
+    setCropModalOpen(false);
+  };
+  return {
+    id,
+    setCropModalOpen,
+    handleRemove,
+    toggleCropModalOpen,
+    cropModalOpen,
+    cancelChanges,
+    saveChanges,
+    previewImage,
+    setCropper,
+    preview,
+    closePreviewImage,
+    saving
+  };
+};
+var useUploadImage_default = useUploadImage;
 
-export { x as default };
+export { useUploadImage_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useUploadImage.js.map

package/dist/hooks/useUploadImage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useUploadImage.ts"],"names":[],"mappings":"AACA,SAAS,OAAO,gBAAgB;AAChC,OAAO,sBAAsB;AAE7B,OAAO,eAAe;AAQtB,MAAM,UAAU;AAEhB,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,KAAK,MAAM;AACjB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAc;AAC5C,QAAM,CAAC,eAAe,qBAAqB,gBAAgB,IAAI,UAAU;AACzE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAiB;AAC/C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,gBAAgB,MAAM;AAC1B,QAAI;AAAU,eAAS;AACvB,qBAAiB,KAAK;AAAA,EACxB;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY;AAAW;AAE3B,eAAW,QAAQ,iBAAiB,EAAE,UAAU,CAAC;AAAA,EACnD;AAEA,QAAM,oBAAoB,MAAM,WAAW,MAAS;AAEpD,QAAM,cAAc,MAAM;AACxB,QAAI,YAAY;AAAW;AAE3B,YAAQ,iBAAiB,EAAE;AAAA,MACzB,OAAO,SAAc;AACnB,YAAI;AACF,cAAI,CAAC;AAAM;AAEX,oBAAU,IAAI;AAEd,gBAAM,OAAO,IAAI,KAAK,CAAC,IAAI,GAAG,cAAc,EAAE,MAAM,YAAY,CAAC;AAGjE,kBAAQ,IAAI,EAAE,KAAK,CAAC;AAEpB,cAAI,KAAK,OAAO,SAAS;AACvB,kBAAM,iBAAiB,MAAM,iBAAiB,MAAM;AAAA,cAClD,WAAW;AAAA,YACb,CAAC;AAED,0BAAc,cAAc;AAC5B,gCAAoB;AAEpB;AAAA,UACF;AAEA,wBAAc,IAAI;AAClB,8BAAoB;AAAA,QACtB,UAAE;AACA,oBAAU,KAAK;AAAA,QACjB;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,eAAe,MAAM;AACzB,kBAAc,MAAS;AACvB,oBAAgB,MAAS;AACzB,qBAAiB,KAAK;AAAA,EACxB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAO,yBAAQ","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useId, useState } from 'react';\nimport imageCompression from 'browser-image-compression';\n\nimport useToggle from './useToggle';\n\ninterface Props {\n  onFileCropped(file?: File): void;\n  onImageUploaded(image?: string): void;\n  onCancel?: VoidFunction;\n}\n\nconst FIVE_MB = 5242880;\n\nconst useUploadImage = ({\n  onFileCropped,\n  onImageUploaded,\n  onCancel,\n}: Props) => {\n  const id = useId();\n  const [cropper, setCropper] = useState<any>();\n  const [cropModalOpen, toggleCropModalOpen, setCropModalOpen] = useToggle();\n  const [preview, setPreview] = useState<string>();\n  const [saving, setSaving] = useState(false);\n\n  const cancelChanges = () => {\n    if (onCancel) onCancel();\n    setCropModalOpen(false);\n  };\n\n  const previewImage = () => {\n    if (cropper === undefined) return;\n\n    setPreview(cropper.getCroppedCanvas().toDataURL());\n  };\n\n  const closePreviewImage = () => setPreview(undefined);\n\n  const saveChanges = () => {\n    if (cropper === undefined) return;\n\n    cropper.getCroppedCanvas().toBlob(\n      async (blob: any) => {\n        try {\n          if (!blob) return;\n\n          setSaving(true);\n\n          const file = new File([blob], 'imagem.png', { type: 'image/png' });\n\n          // eslint-disable-next-line no-console\n          console.log({ file });\n\n          if (file.size > FIVE_MB) {\n            const compressedFile = await imageCompression(file, {\n              maxSizeMB: 5,\n            });\n\n            onFileCropped(compressedFile);\n            toggleCropModalOpen();\n\n            return;\n          }\n\n          onFileCropped(file);\n          toggleCropModalOpen();\n        } finally {\n          setSaving(false);\n        }\n      },\n      'image/png',\n      1,\n    );\n  };\n\n  const handleRemove = () => {\n    onFileCropped(undefined);\n    onImageUploaded(undefined);\n    setCropModalOpen(false);\n  };\n\n  return {\n    id,\n    setCropModalOpen,\n    handleRemove,\n    toggleCropModalOpen,\n    cropModalOpen,\n    cancelChanges,\n    saveChanges,\n    previewImage,\n    setCropper,\n    preview,\n    closePreviewImage,\n    saving,\n  };\n};\n\nexport default useUploadImage;\n"]}

package/dist/index.js

@@ -1,5 +1,7 @@
 import './global.css';
 
-const e=()=>!0;
+const test = () => true;
 
-export { e as test };
+export { test };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAyJA,OAAO;AAEP,MAAM,OAAO,MAAM","sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport { CustomShadows } from 'types/shadows';\n\n// @ts-ignore\ndeclare module '@mui/material/styles/createPalette' {\n  interface CommonColors {\n    whiteChannel: string;\n    blackChannel: string;\n  }\n  interface TypeText {\n    disabledChannel: string;\n  }\n  interface TypeBackground {\n    neutral: string;\n    neutralChannel: string;\n  }\n  interface SimplePaletteColorOptions {\n    lighter: string;\n    darker: string;\n    lighterChannel: string;\n    darkerChannel: string;\n  }\n  interface PaletteColor {\n    lighter: string;\n    darker: string;\n    lighterChannel: string;\n    darkerChannel: string;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/styles' {\n  interface ThemeVars {\n    // @ts-ignore\n    transitions: Theme['transitions'];\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material' {\n  interface Color {\n    ['50Channel']: string;\n    ['100Channel']: string;\n    ['200Channel']: string;\n    ['300Channel']: string;\n    ['400Channel']: string;\n    ['500Channel']: string;\n    ['600Channel']: string;\n    ['700Channel']: string;\n    ['800Channel']: string;\n    ['900Channel']: string;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/styles' {\n  interface TypographyVariants {\n    fontSecondaryFamily: React.CSSProperties['fontFamily'];\n    fontWeightSemiBold: React.CSSProperties['fontWeight'];\n  }\n  interface TypographyVariantsOptions {\n    fontSecondaryFamily?: React.CSSProperties['fontFamily'];\n    fontWeightSemiBold?: React.CSSProperties['fontWeight'];\n  }\n  interface ThemeVars {\n    // @ts-ignore\n    typography: Theme['typography'];\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/AvatarGroup' {\n  interface AvatarGroupPropsVariantOverrides {\n    compact: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/Badge' {\n  interface BadgePropsVariantOverrides {\n    alway: true;\n    busy: true;\n    online: true;\n    offline: true;\n    invisible: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/Fab' {\n  interface FabPropsVariantOverrides {\n    outlined: true;\n    outlinedExtended: true;\n    soft: true;\n    softExtended: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/ButtonGroup' {\n  interface ButtonGroupPropsVariantOverrides {\n    soft: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/Button' {\n  interface ButtonPropsVariantOverrides {\n    soft: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/Chip' {\n  interface ChipPropsVariantOverrides {\n    soft: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/Pagination' {\n  interface PaginationPropsVariantOverrides {\n    soft: true;\n  }\n\n  interface PaginationPropsColorOverrides {\n    info: true;\n    success: true;\n    warning: true;\n    error: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/Slider' {\n  interface SliderPropsColorOverrides {\n    inherit: true;\n  }\n}\n\n// @ts-ignore\ndeclare module '@mui/material/styles' {\n  interface Theme {\n    customShadows: CustomShadows;\n  }\n  interface ThemeOptions {\n    customShadows?: CustomShadows;\n  }\n  interface ThemeVars {\n    customShadows: CustomShadows;\n  }\n}\n\nimport './global.css';\n\nconst test = () => true;\n\nexport { test };\n"]}

package/dist/locales/all-langs.js

@@ -2,6 +2,33 @@ import { ptBR } from '@mui/material/locale';
 import { enUS as enUS$1, ptBR as ptBR$2 } from '@mui/x-data-grid/locales';
 import { enUS, ptBR as ptBR$1 } from '@mui/x-date-pickers-pro/locales';
 
-const m=[{value:"en",label:"English",countryCode:"GB",adapterLocale:"en",numberFormat:{code:"en-US",currency:"USD"},systemValue:{components:{...enUS.components,...enUS$1.components}}},{value:"br",label:"Portug\xEAs",countryCode:"BR",adapterLocale:"br",numberFormat:{code:"pt-Br",currency:"R$"},systemValue:{components:{...ptBR.components,...ptBR$1.components,...ptBR$2.components}}}];
+const allLangs = [
+  {
+    value: "en",
+    label: "English",
+    countryCode: "GB",
+    adapterLocale: "en",
+    numberFormat: { code: "en-US", currency: "USD" },
+    systemValue: {
+      components: { ...enUS.components, ...enUS$1.components }
+    }
+  },
+  {
+    value: "br",
+    label: "Portug\xEAs",
+    countryCode: "BR",
+    adapterLocale: "br",
+    numberFormat: { code: "pt-Br", currency: "R$" },
+    systemValue: {
+      components: {
+        ...ptBR.components,
+        ...ptBR$1.components,
+        ...ptBR$2.components
+      }
+    }
+  }
+];
 
-export { m as allLangs };
+export { allLangs };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=all-langs.js.map

package/dist/locales/all-langs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/locales/all-langs.ts"],"names":[],"mappings":"AAAA,SAAS,QAAQ,gBAAgB;AACjC;AAAA,EACE,QAAQ;AAAA,EACR,QAAQ;AAAA,OACH;AACP;AAAA,EACE,QAAQ;AAAA,EACR,QAAQ;AAAA,OACH;AAEA,MAAM,WAAW;AAAA,EACtB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,cAAc,EAAE,MAAM,SAAS,UAAU,MAAM;AAAA,IAC/C,aAAa;AAAA,MACX,YAAY,EAAE,GAAG,SAAS,YAAY,GAAG,aAAa,WAAW;AAAA,IACnE;AAAA,EACF;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,IACb,eAAe;AAAA,IACf,cAAc,EAAE,MAAM,SAAS,UAAU,KAAK;AAAA,IAC9C,aAAa;AAAA,MACX,YAAY;AAAA,QACV,GAAG,SAAS;AAAA,QACZ,GAAG,SAAS;AAAA,QACZ,GAAG,aAAa;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF","sourcesContent":["import { ptBR as ptBRCore } from '@mui/material/locale';\nimport {\n  enUS as enUSDataGrid,\n  ptBR as ptBRDataGrid,\n} from '@mui/x-data-grid/locales';\nimport {\n  enUS as enUSDate,\n  ptBR as ptBRDate,\n} from '@mui/x-date-pickers-pro/locales';\n\nexport const allLangs = [\n  {\n    value: 'en',\n    label: 'English',\n    countryCode: 'GB',\n    adapterLocale: 'en',\n    numberFormat: { code: 'en-US', currency: 'USD' },\n    systemValue: {\n      components: { ...enUSDate.components, ...enUSDataGrid.components },\n    },\n  },\n  {\n    value: 'br',\n    label: 'Portugês',\n    countryCode: 'BR',\n    adapterLocale: 'br',\n    numberFormat: { code: 'pt-Br', currency: 'R$' },\n    systemValue: {\n      components: {\n        ...ptBRCore.components,\n        ...ptBRDate.components,\n        ...ptBRDataGrid.components,\n      },\n    },\n  },\n];\n"]}

package/dist/theme/core/index.js

@@ -3,3 +3,5 @@ export * from './custom-shadows';
 export * from './palette';
 export * from './shadows';
 export * from './typography';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/theme/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/theme/core/index.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","sourcesContent":["export * from './components';\nexport * from './custom-shadows';\nexport * from './palette';\nexport * from './shadows';\nexport * from './typography';\n"]}

package/dist/theme/styles/index.js

@@ -1,2 +1,4 @@
 export * from './mixins';
 export * from './utils';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/theme/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/theme/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,cAAc","sourcesContent":["export * from './mixins';\nexport * from './utils';\n"]}

package/dist/theme/theme-provider.js

@@ -1,10 +1,46 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import a from '@mui/material/CssBaseline';
+import CssBaseline from '@mui/material/CssBaseline';
 import { Experimental_CssVarsProvider } from '@mui/material/styles';
 import { allLangs } from 'locales/all-langs';
 import { schemeConfig } from './color-scheme-script';
 import { createTheme } from './create-theme';
 
-const h=({primaryColor:e,children:r,colorScheme:t="light",contrast:o="default",cssVarPrefix:m})=>{const i=createTheme(allLangs[1].systemValue,{primaryColor:e,colorScheme:t,contrast:o,navLayout:"vertical",navColor:"integrate",compactLayout:!0,fontFamily:"Public Sans"},m);return jsxs(Experimental_CssVarsProvider,{theme:i,defaultMode:"light",defaultColorScheme:"light",modeStorageKey:schemeConfig.modeStorageKey,children:[jsx(a,{}),r]})};var S=h;
+const ThemeProvider = ({
+  primaryColor,
+  children,
+  colorScheme = "light",
+  contrast = "default",
+  cssVarPrefix
+}) => {
+  const theme = createTheme(
+    allLangs[1].systemValue,
+    {
+      primaryColor,
+      colorScheme,
+      contrast,
+      navLayout: "vertical",
+      navColor: "integrate",
+      compactLayout: true,
+      fontFamily: "Public Sans"
+    },
+    cssVarPrefix
+  );
+  return /* @__PURE__ */ jsxs(
+    Experimental_CssVarsProvider,
+    {
+      theme,
+      defaultMode: "light",
+      defaultColorScheme: "light",
+      modeStorageKey: schemeConfig.modeStorageKey,
+      children: [
+        /* @__PURE__ */ jsx(CssBaseline, {}),
+        children
+      ]
+    }
+  );
+};
+var theme_provider_default = ThemeProvider;
 
-export { S as default };
+export { theme_provider_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=theme-provider.js.map

package/dist/theme/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/theme-provider.tsx"],"names":[],"mappings":"AAoCI,SAME,KANF;AAlCJ,OAAO,iBAAiB;AACxB,SAAS,gCAAgC,uBAAuB;AAKhE,SAAS,gBAAgB;AAEzB,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAG5B,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,WAAW;AAAA,EACX;AACF,MAA6C;AAC3C,QAAM,QAAQ;AAAA,IACZ,SAAS,CAAC,EAAE;AAAA,IACZ;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,UAAU;AAAA,MACV,eAAe;AAAA,MACf,YAAY;AAAA,IACd;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAY;AAAA,MACZ,oBAAmB;AAAA,MACnB,gBAAgB,aAAa;AAAA,MAE7B;AAAA,4BAAC,eAAY;AAAA,QACZ;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,yBAAQ","sourcesContent":["import { PropsWithChildren } from 'react';\nimport type {} from '@mui/lab/themeAugmentation';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { Experimental_CssVarsProvider as CssVarsProvider } from '@mui/material/styles';\nimport type {} from '@mui/material/themeCssVarsAugmentation';\nimport type {} from '@mui/x-data-grid/themeAugmentation';\nimport type {} from '@mui/x-date-pickers-pro/themeAugmentation';\n\nimport { allLangs } from 'locales/all-langs';\n\nimport { schemeConfig } from './color-scheme-script';\nimport { createTheme } from './create-theme';\nimport { ThemeProviderProps } from './props';\n\nconst ThemeProvider = ({\n  primaryColor,\n  children,\n  colorScheme = 'light',\n  contrast = 'default',\n  cssVarPrefix,\n}: PropsWithChildren<ThemeProviderProps>) => {\n  const theme = createTheme(\n    allLangs[1].systemValue,\n    {\n      primaryColor,\n      colorScheme,\n      contrast,\n      navLayout: 'vertical',\n      navColor: 'integrate',\n      compactLayout: true,\n      fontFamily: 'Public Sans',\n    },\n    cssVarPrefix,\n  );\n\n  return (\n    <CssVarsProvider\n      theme={theme}\n      defaultMode=\"light\"\n      defaultColorScheme=\"light\"\n      modeStorageKey={schemeConfig.modeStorageKey}\n    >\n      <CssBaseline />\n      {children}\n    </CssVarsProvider>\n  );\n};\n\nexport default ThemeProvider;\n"]}

package/dist/theme/with-settings/index.js

@@ -1 +1,3 @@
 export * from './update-theme';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/theme/with-settings/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/theme/with-settings/index.ts"],"names":[],"mappings":"AAAA,cAAc","sourcesContent":["export * from './update-theme';\n"]}

package/dist/types/addressProps.js

@@ -1 +1,3 @@
 
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=addressProps.js.map

package/dist/types/addressProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/types/api.js

@@ -1 +1,3 @@
 
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=api.js.map

package/dist/types/api.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/types/autoComplete.js

@@ -1 +1,3 @@
 
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=autoComplete.js.map

package/dist/types/autoComplete.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/types/autoCompleteProps.js

@@ -1 +1,3 @@
 
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=autoCompleteProps.js.map

package/dist/types/autoCompleteProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/types/baseField.js

@@ -1 +1,3 @@
 
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=baseField.js.map

package/dist/types/baseField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/types/dataGridProps.js

@@ -1 +1,3 @@
 
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=dataGridProps.js.map

package/dist/types/dataGridProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/types/datagrid.js

@@ -1 +1,3 @@
 
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=datagrid.js.map

package/dist/types/datagrid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/types/datePickerProps.js

@@ -1 +1,3 @@
 
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=datePickerProps.js.map

package/dist/types/datePickerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/types/dateRangePickerProps.js

@@ -1 +1,3 @@
 
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=dateRangePickerProps.js.map

package/dist/types/dateRangePickerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/types/dateTimePickerProps.js

@@ -1 +1,3 @@
 
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=dateTimePickerProps.js.map

package/dist/types/dateTimePickerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/types/fieldProps.js

@@ -1 +1,3 @@
 
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=fieldProps.js.map

package/dist/types/fieldProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}