@edifice.io/react 2.0.0-develop-rc.7 → 2.0.0-develop-rc.11

package/dist/hooks/useDropzone/useDropzone.js

@@ -1,76 +1,77 @@
-import { useState, useRef } from "react";
-const useDropzone = (props) => {
-  const [dragging, setDragging] = useState(!1), [files, setFiles] = useState([]), inputRef = useRef(null), addFile = (file) => {
-    addFiles([file]);
-  }, deleteFile = (file) => {
-    setFiles((prevFiles) => prevFiles.filter((prevFile) => prevFile.name !== file.name));
-  }, replaceFileAt = (index, file) => {
-    setFiles((prevFiles) => {
-      if (0 <= index && index < prevFiles.length) {
-        const firstPart = prevFiles.slice(0, index), lastPart = index === prevFiles.length - 1 ? [] : prevFiles.slice(index + 1);
-        return [...firstPart, file, ...lastPart];
+import { useState as d, useRef as A } from "react";
+const z = (c) => {
+  const [h, u] = d(!1), [m, r] = d([]), a = A(null), p = (t) => {
+    o([t]);
+  }, D = (t) => {
+    r((e) => e.filter((s) => s.name !== t.name));
+  }, F = (t, e) => {
+    r((s) => {
+      if (0 <= t && t < s.length) {
+        const l = s.slice(0, t), i = t === s.length - 1 ? [] : s.slice(t + 1);
+        return [...l, e, ...i];
       }
-      return prevFiles;
+      return s;
     });
-  }, applyInputFiltersOn = (files2) => {
-    var _a;
-    let filteredFiles = files2;
-    if ((_a = inputRef.current) != null && _a.accept) {
-      const filters = inputRef.current.accept.split(",").map((filter) => filter.trim().toLowerCase()), extensions = filters.filter((filter) => filter.startsWith(".")), mimes = filters.filter((filter) => !filter.startsWith(".")).map((mime) => mime.replace("*", ""));
-      filteredFiles = [], files2.forEach((file) => {
-        const fileName = file.name.toLowerCase();
-        (extensions.some((extension) => fileName.endsWith(extension)) || mimes.some((mime) => file.type.includes(mime))) && filteredFiles.push(file);
+  }, P = (t) => {
+    var s;
+    let e = t;
+    if ((s = a.current) != null && s.accept) {
+      const l = a.current.accept.split(",").map((n) => n.trim().toLowerCase()), i = l.filter((n) => n.startsWith(".")), w = l.filter((n) => !n.startsWith(".")).map((n) => n.replace("*", ""));
+      e = [], t.forEach((n) => {
+        const y = n.name.toLowerCase();
+        (i.some((f) => y.endsWith(f)) || w.some((f) => n.type.includes(f))) && e.push(n);
       });
     }
-    return filteredFiles;
-  }, addFiles = (files2) => {
-    if (props != null && props.forceFilters) {
-      const filesToAdd = applyInputFiltersOn(files2);
-      filesToAdd && filesToAdd.length && setFiles((prevFiles) => [...prevFiles, ...filesToAdd]);
+    return e;
+  }, o = (t) => {
+    if (c != null && c.forceFilters) {
+      const e = P(t);
+      e && e.length && r((s) => [...s, ...e]);
     } else
-      setFiles((prevFiles) => [...prevFiles, ...files2]);
-  }, cleanFiles = () => {
-    setFiles([]);
-  }, handleOnChange = (event) => {
-    const files2 = event.target.files;
-    files2 && addFiles([...files2]);
-  }, handleDragging = (event) => {
-    event.preventDefault(), event.stopPropagation(), setDragging(!0);
-  }, handleDragLeave = (event) => {
-    event.preventDefault(), event.stopPropagation(), setDragging(!1);
+      r((e) => [...e, ...t]);
+  }, C = () => {
+    r([]);
+  }, L = (t) => {
+    const e = t.target.files;
+    e && o([...e]);
+  }, W = (t) => {
+    t.preventDefault(), t.stopPropagation(), u(!0);
+  }, g = (t) => {
+    t.preventDefault(), t.stopPropagation(), u(!1);
   };
   return {
     /** Reference to an `input[type=file]` HTMLElement, null at first. */
-    inputRef,
+    inputRef: a,
     /** Read-only list of File·s  managed by this hook. */
-    files,
+    files: m,
     /** Truthy when a drag event is triggered. */
-    dragging,
+    dragging: h,
     /** Callback to attach to your drop zone (any HTMLElement). */
-    handleDragging,
+    handleDragging: W,
     /** Callback to attach to your drop zone (any HTMLElement). */
-    handleDragLeave,
+    handleDragLeave: g,
     /** Callback to attach to your drop zone (any HTMLElement). */
-    handleDrop: (event) => {
-      var _a;
-      handleDragLeave(event);
-      const files2 = (_a = event.dataTransfer) == null ? void 0 : _a.files;
-      files2 && (addFiles([...files2]), inputRef != null && inputRef.current && (inputRef.current.files = files2));
+    handleDrop: (t) => {
+      var s;
+      g(t);
+      const e = (s = t.dataTransfer) == null ? void 0 : s.files;
+      e && (o([...e]), a != null && a.current && (a.current.files = e));
     },
     /** Replace a file in the `files` list. */
-    replaceFileAt,
+    replaceFileAt: F,
     /** Remove a file from the `files` list. */
-    deleteFile,
+    deleteFile: D,
     /** Add a file to the `files` list. */
-    addFile,
+    addFile: p,
     /** Add many files to the `files` list. */
-    addFiles,
+    addFiles: o,
     /** Empty the `files` list. */
-    cleanFiles,
+    cleanFiles: C,
     /** Callback to attach to your `input[type=file]` HTMLElement. */
-    handleOnChange
+    handleOnChange: L
   };
 };
 export {
-  useDropzone as default
+  z as default
 };
+//# sourceMappingURL=useDropzone.js.map

package/dist/hooks/useDropzone/useDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropzone.js","sources":["../../../src/hooks/useDropzone/useDropzone.ts"],"sourcesContent":["import { ChangeEvent, useRef, useState } from 'react';\n\nconst useDropzone = (props?: {\n  /**\n   * Truthy when the `accept` attribute of the referenced `input[type=file]`\n   * must be force-checked against any added file.\n   */\n  forceFilters: boolean;\n}) => {\n  const [dragging, setDragging] = useState<boolean>(false);\n  const [files, setFiles] = useState<File[]>([]);\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  const addFile = (file: File) => {\n    addFiles([file]);\n  };\n\n  const deleteFile = (file: File) => {\n    setFiles((prevFiles) =>\n      prevFiles.filter((prevFile) => prevFile.name !== file.name),\n    );\n  };\n\n  const replaceFileAt = (index: number, file: File) => {\n    setFiles((prevFiles) => {\n      if (0 <= index && index < prevFiles.length) {\n        const firstPart = prevFiles.slice(0, index);\n        const lastPart =\n          index === prevFiles.length - 1 ? [] : prevFiles.slice(index + 1);\n        return [...firstPart, file, ...lastPart];\n      }\n      return prevFiles;\n    });\n  };\n\n  const applyInputFiltersOn = (files: File[]) => {\n    let filteredFiles: File[] = files;\n    if (inputRef.current?.accept) {\n      // Reject files which do not pass the `accept` filter.\n      const filters = inputRef.current.accept\n        .split(',')\n        .map((filter) => filter.trim().toLowerCase());\n      const extensions = filters.filter((filter) => filter.startsWith('.'));\n      const mimes = filters\n        .filter((filter) => !filter.startsWith('.'))\n        .map((mime) => mime.replace('*', ''));\n\n      filteredFiles = [];\n      files.forEach((file) => {\n        const fileName = file.name.toLowerCase();\n        if (\n          extensions.some((extension) => fileName.endsWith(extension)) ||\n          mimes.some((mime) => file.type.includes(mime))\n        ) {\n          filteredFiles.push(file);\n        }\n      });\n    }\n    return filteredFiles;\n  };\n\n  const addFiles = (files: File[]) => {\n    if (props?.forceFilters) {\n      const filesToAdd = applyInputFiltersOn(files);\n      if (filesToAdd && filesToAdd.length)\n        setFiles((prevFiles) => [...prevFiles, ...filesToAdd]);\n    } else {\n      setFiles((prevFiles) => [...prevFiles, ...files]);\n    }\n  };\n\n  const cleanFiles = () => {\n    setFiles([]);\n  };\n\n  const handleOnChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const files = event.target.files;\n    if (files) addFiles([...files]);\n  };\n\n  const handleDragging = <T extends HTMLElement>(event: React.DragEvent<T>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setDragging(true);\n  };\n\n  const handleDragLeave = <T extends HTMLElement>(\n    event: React.DragEvent<T>,\n  ) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setDragging(false);\n  };\n\n  const handleDrop = <T extends HTMLElement>(event: React.DragEvent<T>) => {\n    handleDragLeave(event);\n    const files = event.dataTransfer?.files;\n    if (files) {\n      addFiles([...files]);\n      if (inputRef?.current) {\n        inputRef.current.files = files;\n      }\n    }\n  };\n\n  return {\n    /** Reference to an `input[type=file]` HTMLElement, null at first. */\n    inputRef,\n    /** Read-only list of File·s  managed by this hook. */\n    files,\n    /** Truthy when a drag event is triggered. */\n    dragging,\n    /** Callback to attach to your drop zone (any HTMLElement). */\n    handleDragging,\n    /** Callback to attach to your drop zone (any HTMLElement). */\n    handleDragLeave,\n    /** Callback to attach to your drop zone (any HTMLElement). */\n    handleDrop,\n    /** Replace a file in the `files` list. */\n    replaceFileAt,\n    /** Remove a file from the `files` list. */\n    deleteFile,\n    /** Add a file to the `files` list. */\n    addFile,\n    /** Add many files to the `files` list. */\n    addFiles,\n    /** Empty the `files` list. */\n    cleanFiles,\n    /** Callback to attach to your `input[type=file]` HTMLElement. */\n    handleOnChange,\n  };\n};\n\nexport default useDropzone;\n"],"names":["useDropzone","props","dragging","setDragging","useState","files","setFiles","inputRef","useRef","addFile","file","addFiles","deleteFile","prevFiles","filter","prevFile","name","replaceFileAt","index","length","firstPart","slice","lastPart","applyInputFiltersOn","filteredFiles","current","accept","filters","split","map","trim","toLowerCase","extensions","startsWith","mimes","mime","replace","forEach","fileName","some","extension","endsWith","type","includes","push","forceFilters","filesToAdd","cleanFiles","handleOnChange","event","target","handleDragging","preventDefault","stopPropagation","handleDragLeave","handleDrop","dataTransfer"],"mappings":"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"}

package/dist/hooks/useHover/useHover.js

@@ -1,22 +1,23 @@
-import { useState, useRef, useEffect } from "react";
-function useHover() {
-  const [value, setValue] = useState(!1), ref = useRef(null), handleMouseOver = () => {
-    setValue(!0);
-  }, handleMouseOut = () => {
-    setValue(!1);
+import { useState as r, useRef as a, useEffect as v } from "react";
+function l() {
+  const [u, o] = r(!1), t = a(null), s = () => {
+    o(!0);
+  }, n = () => {
+    o(!1);
   };
-  return useEffect(
+  return v(
     () => {
-      const node = ref.current;
-      if (node)
-        return node.addEventListener("mouseover", handleMouseOver), node.addEventListener("mouseout", handleMouseOut), () => {
-          node.removeEventListener("mouseover", handleMouseOver), node.removeEventListener("mouseout", handleMouseOut);
+      const e = t.current;
+      if (e)
+        return e.addEventListener("mouseover", s), e.addEventListener("mouseout", n), () => {
+          e.removeEventListener("mouseover", s), e.removeEventListener("mouseout", n);
         };
     },
-    [ref]
+    [t]
     // Recall only if ref changes
-  ), [ref, value];
+  ), [t, u];
 }
 export {
-  useHover as default
+  l as default
 };
+//# sourceMappingURL=useHover.js.map

package/dist/hooks/useHover/useHover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.js","sources":["../../../src/hooks/useHover/useHover.ts"],"sourcesContent":["import { type MutableRefObject, useState, useRef, useEffect } from 'react';\n\nexport default function useHover<T>(): [MutableRefObject<T>, boolean] {\n  const [value, setValue] = useState<boolean>(false);\n  const ref: any = useRef<T | null>(null);\n  const handleMouseOver = (): void => {\n    setValue(true);\n  };\n  const handleMouseOut = (): void => {\n    setValue(false);\n  };\n  useEffect(\n    () => {\n      const node: any = ref.current;\n      if (node) {\n        node.addEventListener('mouseover', handleMouseOver);\n        node.addEventListener('mouseout', handleMouseOut);\n        return () => {\n          node.removeEventListener('mouseover', handleMouseOver);\n          node.removeEventListener('mouseout', handleMouseOut);\n        };\n      }\n    },\n    [ref], // Recall only if ref changes\n  );\n  return [ref, value];\n}\n"],"names":["useHover","value","setValue","useState","ref","useRef","handleMouseOver","handleMouseOut","useEffect","node","current","addEventListener","removeEventListener"],"mappings":";AAEA,SAAwBA,IAA8C;AACpE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAkB,EAAK,GAC3CC,IAAWC,EAAiB,IAAI,GAChCC,IAAkBA,MAAY;AAClCJ,IAAAA,EAAS,EAAI;AAAA,EAAA,GAETK,IAAiBA,MAAY;AACjCL,IAAAA,EAAS,EAAK;AAAA,EAAA;AAEhBM,SAAAA;AAAAA,IACE,MAAM;AACJ,YAAMC,IAAYL,EAAIM;AACtB,UAAID;AACGE,eAAAA,EAAAA,iBAAiB,aAAaL,CAAe,GAC7CK,EAAAA,iBAAiB,YAAYJ,CAAc,GACzC,MAAM;AACNK,UAAAA,EAAAA,oBAAoB,aAAaN,CAAe,GAChDM,EAAAA,oBAAoB,YAAYL,CAAc;AAAA,QAAA;AAAA,IAGzD;AAAA,IACA,CAACH,CAAG;AAAA;AAAA,EAAA,GAEC,CAACA,GAAKH,CAAK;AACpB;"}

package/dist/hooks/useImage/useImage.js

@@ -1,18 +1,19 @@
-import { useState, useCallback, useEffect } from "react";
-function useImage({
-  src,
-  placeholder
+import { useState as r, useCallback as s, useEffect as f } from "react";
+function a({
+  src: t,
+  placeholder: e
 }) {
-  const [imgSrc, setImgSrc] = useState(src || placeholder), onError = useCallback(() => {
-    setImgSrc(placeholder);
-  }, [placeholder]);
-  return useEffect(() => {
-    setImgSrc(src);
-  }, [src]), {
-    imgSrc,
-    onError
+  const [n, u] = r(t || e), o = s(() => {
+    u(e);
+  }, [e]);
+  return f(() => {
+    u(t);
+  }, [t]), {
+    imgSrc: n,
+    onError: o
   };
 }
 export {
-  useImage as default
+  a as default
 };
+//# sourceMappingURL=useImage.js.map

package/dist/hooks/useImage/useImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImage.js","sources":["../../../src/hooks/useImage/useImage.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\ninterface useImageProps {\n  src: string;\n  placeholder: string;\n}\n\nexport default function useImage({ src, placeholder }: useImageProps) {\n  const [imgSrc, setImgSrc] = useState<string>(src || placeholder);\n\n  const onError = useCallback(() => {\n    setImgSrc(placeholder);\n  }, [placeholder]);\n\n  // Force initial value imgSrc to src. If we use the value returned by useState it is wrong the second time the hook is called\n  useEffect(() => {\n    setImgSrc(src);\n  }, [src]);\n  return { imgSrc, onError };\n}\n"],"names":["useImage","src","placeholder","imgSrc","setImgSrc","useState","onError","useCallback","useEffect"],"mappings":";AAOA,SAAwBA,EAAS;AAAA,EAAEC,KAAAA;AAAAA,EAAKC,aAAAA;AAA2B,GAAG;AACpE,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAiBJ,KAAOC,CAAW,GAEzDI,IAAUC,EAAY,MAAM;AAChCH,IAAAA,EAAUF,CAAW;AAAA,EAAA,GACpB,CAACA,CAAW,CAAC;AAGhBM,SAAAA,EAAU,MAAM;AACdJ,IAAAA,EAAUH,CAAG;AAAA,EAAA,GACZ,CAACA,CAAG,CAAC,GACD;AAAA,IAAEE,QAAAA;AAAAA,IAAQG,SAAAA;AAAAA,EAAAA;AACnB;"}

package/dist/hooks/useImageResizer/useImageResizer.js

@@ -1,42 +1,43 @@
-function useImageResizer() {
-  const changeHeightWidth = (height, maxHeight, width, maxWidth) => (width > maxWidth && (height = Math.round(height * maxWidth / width), width = maxWidth), height > maxHeight && (width = Math.round(width * maxHeight / height), height = maxHeight), {
-    height,
-    width
-  }), renameFileNameExtension = (filename, newExtension) => {
-    const filenameParts = filename.split(".");
-    return filenameParts.pop(), filenameParts.join(".") + "." + newExtension;
-  }, resizeImage = (image, fileName, maxWidth, maxHeight, compressFormat = "jpeg", quality = 80) => {
-    const qualityDecimal = quality / 100, canvas = document.createElement("canvas"), contentType = `image/${compressFormat}`;
-    let width = image.width, height = image.height;
-    const newHeightWidth = changeHeightWidth(height, maxHeight, width, maxWidth);
-    width = newHeightWidth.width, height = newHeightWidth.height;
-    const ctx = canvas.getContext("2d");
-    return ctx && (canvas.width = width, canvas.height = height, ctx.imageSmoothingEnabled && ctx.imageSmoothingQuality && (ctx.imageSmoothingQuality = "high"), ctx.drawImage(image, 0, 0, width, height)), new Promise((resolve, reject) => {
-      canvas.toBlob((blob) => {
-        blob ? resolve(new File([blob], fileName, {
-          type: contentType,
+function z() {
+  const h = (e, n, t, o) => (t > o && (e = Math.round(e * o / t), t = o), e > n && (t = Math.round(t * n / e), e = n), {
+    height: e,
+    width: t
+  }), p = (e, n) => {
+    const t = e.split(".");
+    return t.pop(), t.join(".") + "." + n;
+  }, w = (e, n, t, o, s = "jpeg", g = 80) => {
+    const i = g / 100, r = document.createElement("canvas"), l = `image/${s}`;
+    let c = e.width, m = e.height;
+    const u = h(m, o, c, t);
+    c = u.width, m = u.height;
+    const a = r.getContext("2d");
+    return a && (r.width = c, r.height = m, a.imageSmoothingEnabled && a.imageSmoothingQuality && (a.imageSmoothingQuality = "high"), a.drawImage(e, 0, 0, c, m)), new Promise((f, y) => {
+      r.toBlob((d) => {
+        d ? f(new File([d], n, {
+          type: l,
           lastModified: (/* @__PURE__ */ new Date()).getTime()
-        })) : reject();
-      }, contentType, qualityDecimal);
+        })) : y();
+      }, l, i);
     });
   };
   return {
-    resizeImageFile: async (file, maxWidth = 1440, maxHeight = 1440, quality = 80) => {
-      if (!file) throw Error("Image resizer: file not found!");
-      if (!file.type || !file.type.startsWith("image/")) throw Error("Image resizer: the file given is not an image.");
-      const compressFormat = "jpeg";
-      return new Promise((resolve) => {
-        const image = new Image();
-        image.setAttribute("style", "max-width: none;"), image.src = URL.createObjectURL(file), image.onload = async () => {
-          const resizedFile = await resizeImage(image, renameFileNameExtension(file.name, compressFormat), maxWidth, maxHeight, compressFormat, quality);
-          resolve(resizedFile);
-        }, image.onerror = (error) => {
-          throw Error("Image Loading Error: " + error);
+    resizeImageFile: async (e, n = 1440, t = 1440, o = 80) => {
+      if (!e) throw Error("Image resizer: file not found!");
+      if (!e.type || !e.type.startsWith("image/")) throw Error("Image resizer: the file given is not an image.");
+      const s = "jpeg";
+      return new Promise((g) => {
+        const i = new Image();
+        i.setAttribute("style", "max-width: none;"), i.src = URL.createObjectURL(e), i.onload = async () => {
+          const r = await w(i, p(e.name, s), n, t, s, o);
+          g(r);
+        }, i.onerror = (r) => {
+          throw Error("Image Loading Error: " + r);
         };
       });
     }
   };
 }
 export {
-  useImageResizer as default
+  z as default
 };
+//# sourceMappingURL=useImageResizer.js.map

package/dist/hooks/useImageResizer/useImageResizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageResizer.js","sources":["../../../src/hooks/useImageResizer/useImageResizer.ts"],"sourcesContent":["/**\n * @module useImageResizer\n * @description This module provides a hook to resize and compress image files.\n * @returns all the action available for the image resizer\n */\nexport default function useImageResizer() {\n  const changeHeightWidth = (\n    height: number,\n    maxHeight: number,\n    width: number,\n    maxWidth: number,\n  ) => {\n    if (width > maxWidth) {\n      height = Math.round((height * maxWidth) / width);\n      width = maxWidth;\n    }\n    if (height > maxHeight) {\n      width = Math.round((width * maxHeight) / height);\n      height = maxHeight;\n    }\n    return { height, width };\n  };\n\n  const renameFileNameExtension = (filename: string, newExtension: string) => {\n    const filenameParts = filename.split('.');\n    filenameParts.pop();\n    return filenameParts.join('.') + '.' + newExtension;\n  };\n\n  const resizeImage = (\n    image: HTMLImageElement,\n    fileName: string,\n    maxWidth: number,\n    maxHeight: number,\n    compressFormat = 'jpeg',\n    quality = 80,\n  ): Promise<File> => {\n    const qualityDecimal = quality / 100;\n    const canvas = document.createElement('canvas');\n    const contentType = `image/${compressFormat}`;\n\n    let width = image.width;\n    let height = image.height;\n\n    const newHeightWidth = changeHeightWidth(\n      height,\n      maxHeight,\n      width,\n      maxWidth,\n    );\n\n    width = newHeightWidth.width;\n    height = newHeightWidth.height;\n\n    const ctx = canvas.getContext('2d');\n    if (ctx) {\n      canvas.width = width;\n      canvas.height = height;\n\n      if (ctx.imageSmoothingEnabled && ctx.imageSmoothingQuality) {\n        ctx.imageSmoothingQuality = 'high';\n      }\n\n      ctx.drawImage(image, 0, 0, width, height);\n    }\n    return new Promise((resolve, reject) => {\n      canvas.toBlob(\n        (blob) => {\n          if (blob) {\n            resolve(\n              new File([blob], fileName, {\n                type: contentType,\n                lastModified: new Date().getTime(),\n              }),\n            );\n          } else {\n            reject();\n          }\n        },\n        contentType,\n        qualityDecimal,\n      );\n    });\n  };\n\n  /**\n   * Resize and compress Image File in JPEG format (other format don't work well with canvas.toBlob() with quality parameter)\n   * @param file  The image file to resize\n   * @param maxWidth  The maximum width of the resized image\n   * @param maxHeight   The maximum height of the resized image\n   * @param quality   The quality of the compressed image\n   * @returns   The resized image file\n   */\n  const resizeImageFile = async (\n    file: File,\n    maxWidth = 1440,\n    maxHeight = 1440,\n    quality = 80,\n  ): Promise<File> => {\n    if (!file) throw Error('Image resizer: file not found!');\n\n    if (!file.type || !file.type.startsWith('image/'))\n      throw Error('Image resizer: the file given is not an image.');\n\n    const compressFormat = 'jpeg';\n\n    return new Promise((resolve) => {\n      const image = new Image();\n      image.setAttribute('style', 'max-width: none;');\n      image.src = URL.createObjectURL(file);\n      image.onload = async () => {\n        const resizedFile = await resizeImage(\n          image,\n          renameFileNameExtension(file.name, compressFormat),\n          maxWidth,\n          maxHeight,\n          compressFormat,\n          quality,\n        );\n        resolve(resizedFile);\n      };\n      image.onerror = (error) => {\n        throw Error('Image Loading Error: ' + error);\n      };\n    });\n  };\n\n  return {\n    resizeImageFile,\n  };\n}\n"],"names":["useImageResizer","changeHeightWidth","height","maxHeight","width","maxWidth","Math","round","renameFileNameExtension","filename","newExtension","filenameParts","split","pop","join","resizeImage","image","fileName","compressFormat","quality","qualityDecimal","canvas","document","createElement","contentType","newHeightWidth","ctx","getContext","imageSmoothingEnabled","imageSmoothingQuality","drawImage","Promise","resolve","reject","toBlob","blob","File","type","lastModified","Date","getTime","resizeImageFile","file","Error","startsWith","Image","setAttribute","src","URL","createObjectURL","onload","resizedFile","name","onerror","error"],"mappings":"AAKA,SAAwBA,IAAkB;AACxC,QAAMC,IAAoBA,CACxBC,GACAC,GACAC,GACAC,OAEID,IAAQC,MACVH,IAASI,KAAKC,MAAOL,IAASG,IAAYD,CAAK,GACvCC,IAAAA,IAENH,IAASC,MACXC,IAAQE,KAAKC,MAAOH,IAAQD,IAAaD,CAAM,GACtCC,IAAAA,IAEJ;AAAA,IAAED,QAAAA;AAAAA,IAAQE,OAAAA;AAAAA,EAAAA,IAGbI,IAA0BA,CAACC,GAAkBC,MAAyB;AACpEC,UAAAA,IAAgBF,EAASG,MAAM,GAAG;AACxCD,WAAAA,EAAcE,IAAI,GACXF,EAAcG,KAAK,GAAG,IAAI,MAAMJ;AAAAA,EAAAA,GAGnCK,IAAcA,CAClBC,GACAC,GACAZ,GACAF,GACAe,IAAiB,QACjBC,IAAU,OACQ;AAClB,UAAMC,IAAiBD,IAAU,KAC3BE,IAASC,SAASC,cAAc,QAAQ,GACxCC,IAAc,SAASN,CAAc;AAE3C,QAAId,IAAQY,EAAMZ,OACdF,IAASc,EAAMd;AAEnB,UAAMuB,IAAiBxB,EACrBC,GACAC,GACAC,GACAC,CACF;AAEAD,IAAAA,IAAQqB,EAAerB,OACvBF,IAASuB,EAAevB;AAElBwB,UAAAA,IAAML,EAAOM,WAAW,IAAI;AAClC,WAAID,MACFL,EAAOjB,QAAQA,GACfiB,EAAOnB,SAASA,GAEZwB,EAAIE,yBAAyBF,EAAIG,0BACnCH,EAAIG,wBAAwB,SAG9BH,EAAII,UAAUd,GAAO,GAAG,GAAGZ,GAAOF,CAAM,IAEnC,IAAI6B,QAAQ,CAACC,GAASC,MAAW;AACtCZ,MAAAA,EAAOa,OACJC,CAASA,MAAA;AACR,QAAIA,IACFH,EACE,IAAII,KAAK,CAACD,CAAI,GAAGlB,GAAU;AAAA,UACzBoB,MAAMb;AAAAA,UACNc,eAAc,oBAAIC,KAAK,GAAEC,QAAQ;AAAA,QAClC,CAAA,CACH,IAEOP;MACT,GAEFT,GACAJ,CACF;AAAA,IAAA,CACD;AAAA,EAAA;AA6CI,SAAA;AAAA,IACLqB,iBAnCsB,OACtBC,GACArC,IAAW,MACXF,IAAY,MACZgB,IAAU,OACQ;AAClB,UAAI,CAACuB,EAAYC,OAAAA,MAAM,gCAAgC;AAEnD,UAAA,CAACD,EAAKL,QAAQ,CAACK,EAAKL,KAAKO,WAAW,QAAQ,EACxCD,OAAAA,MAAM,gDAAgD;AAE9D,YAAMzB,IAAiB;AAEhB,aAAA,IAAIa,QAASC,CAAYA,MAAA;AACxBhB,cAAAA,IAAQ,IAAI6B;AACZC,QAAAA,EAAAA,aAAa,SAAS,kBAAkB,GACxCC,EAAAA,MAAMC,IAAIC,gBAAgBP,CAAI,GACpC1B,EAAMkC,SAAS,YAAY;AACzB,gBAAMC,IAAc,MAAMpC,EACxBC,GACAR,EAAwBkC,EAAKU,MAAMlC,CAAc,GACjDb,GACAF,GACAe,GACAC,CACF;AACAa,UAAAA,EAAQmB,CAAW;AAAA,QAAA,GAErBnC,EAAMqC,UAAWC,CAAUA,MAAA;AACnBX,gBAAAA,MAAM,0BAA0BW,CAAK;AAAA,QAAA;AAAA,MAC7C,CACD;AAAA,IAAA;AAAA,EAIDb;AAEJ;"}

package/dist/hooks/useKeyPress/useKeyPress.js

@@ -1,14 +1,15 @@
-import { useCallback, useEffect } from "react";
-function useKeyPress(callback, keyCodes) {
-  const handler = useCallback(({
-    code
+import { useCallback as o, useEffect as s } from "react";
+function i(n, t) {
+  const e = o(({
+    code: r
   }) => {
-    keyCodes.includes(code) && callback();
-  }, [callback, keyCodes]);
-  useEffect(() => (window.addEventListener("keydown", handler), () => {
-    window.removeEventListener("keydown", handler);
-  }), [handler]);
+    t.includes(r) && n();
+  }, [n, t]);
+  s(() => (window.addEventListener("keydown", e), () => {
+    window.removeEventListener("keydown", e);
+  }), [e]);
 }
 export {
-  useKeyPress as default
+  i as default
 };
+//# sourceMappingURL=useKeyPress.js.map

package/dist/hooks/useKeyPress/useKeyPress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyPress.js","sources":["../../../src/hooks/useKeyPress/useKeyPress.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nexport default function useKeyPress(\n  callback: () => void,\n  keyCodes: string[],\n): void {\n  const handler = useCallback(\n    ({ code }: KeyboardEvent) => {\n      if (keyCodes.includes(code)) {\n        callback();\n      }\n    },\n    [callback, keyCodes],\n  );\n\n  useEffect(() => {\n    window.addEventListener('keydown', handler);\n    return () => {\n      window.removeEventListener('keydown', handler);\n    };\n  }, [handler]);\n}\n"],"names":["useKeyPress","callback","keyCodes","handler","useCallback","code","includes","useEffect","addEventListener","removeEventListener"],"mappings":";AAEwBA,SAAAA,EACtBC,GACAC,GACM;AACAC,QAAAA,IAAUC,EACd,CAAC;AAAA,IAAEC,MAAAA;AAAAA,EAAAA,MAA0B;AACvBH,IAAAA,EAASI,SAASD,CAAI,KACfJ;EACX,GAEF,CAACA,GAAUC,CAAQ,CACrB;AAEAK,EAAAA,EAAU,OACDC,OAAAA,iBAAiB,WAAWL,CAAO,GACnC,MAAM;AACJM,WAAAA,oBAAoB,WAAWN,CAAO;AAAA,EAAA,IAE9C,CAACA,CAAO,CAAC;AACd;"}

package/dist/hooks/useScrollToTop/useScrollToTop.js

@@ -1,9 +1,10 @@
-function useScrollToTop() {
-  const refToTop = document.querySelector("html");
+function e() {
+  const o = document.querySelector("html");
   return () => {
-    refToTop && refToTop.scrollIntoView();
+    o && o.scrollIntoView();
   };
 }
 export {
-  useScrollToTop as default
+  e as default
 };
+//# sourceMappingURL=useScrollToTop.js.map

package/dist/hooks/useScrollToTop/useScrollToTop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollToTop.js","sources":["../../../src/hooks/useScrollToTop/useScrollToTop.ts"],"sourcesContent":["export default function useScrollToTop() {\n  const refToTop = document.querySelector('html');\n\n  const scrollToTop = () => {\n    refToTop && refToTop.scrollIntoView();\n  };\n  return scrollToTop;\n}\n"],"names":["useScrollToTop","refToTop","document","querySelector","scrollToTop","scrollIntoView"],"mappings":"AAAA,SAAwBA,IAAiB;AACjCC,QAAAA,IAAWC,SAASC,cAAc,MAAM;AAKvCC,SAHaA,MAAM;AACxBH,IAAAA,KAAYA,EAASI;EAAe;AAGxC;"}

package/dist/hooks/useThumbnail/useThumbnail.js

@@ -1,29 +1,30 @@
-import { useState, useEffect } from "react";
-import { useInView } from "react-intersection-observer";
-function useThumbnail(src, options) {
-  const [status, setStatus] = useState(null), {
-    ref: inViewRef,
-    inView
-  } = useInView({
+import { useState as t, useEffect as a } from "react";
+import { useInView as d } from "react-intersection-observer";
+function w(c, r) {
+  const [m, l] = t(null), {
+    ref: u,
+    inView: f
+  } = d({
     triggerOnce: !0,
-    ...options == null ? void 0 : options.intersectionOptions
+    ...r == null ? void 0 : r.intersectionOptions
   });
-  return useEffect(() => {
-    var _a;
-    (_a = options == null ? void 0 : options.ref) != null && _a.current && (inViewRef == null || inViewRef(options.ref.current));
-  }, [options == null ? void 0 : options.ref, inViewRef]), useEffect(() => {
-    if ((options == null ? void 0 : options.ref) === void 0 || inView) {
-      const img = new Image();
-      return img.src = src, img.onload = () => {
-        setStatus(!0);
-      }, img.onerror = () => {
-        setStatus(!1);
+  return a(() => {
+    var e;
+    (e = r == null ? void 0 : r.ref) != null && e.current && (u == null || u(r.ref.current));
+  }, [r == null ? void 0 : r.ref, u]), a(() => {
+    if ((r == null ? void 0 : r.ref) === void 0 || f) {
+      const e = new Image();
+      return e.src = c, e.onload = () => {
+        l(!0);
+      }, e.onerror = () => {
+        l(!1);
       }, () => {
-        img.onload = null, img.onerror = null, setStatus(null);
+        e.onload = null, e.onerror = null, l(null);
       };
     }
-  }, [inView]), status;
+  }, [f]), m;
 }
 export {
-  useThumbnail as default
+  w as default
 };
+//# sourceMappingURL=useThumbnail.js.map

package/dist/hooks/useThumbnail/useThumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThumbnail.js","sources":["../../../src/hooks/useThumbnail/useThumbnail.ts"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { useEffect, useState } from 'react';\n\nimport { IntersectionOptions, useInView } from 'react-intersection-observer';\n\ntype LazyLoadOptions = {\n  ref?: React.RefObject<HTMLElement>;\n  intersectionOptions?: IntersectionOptions;\n};\n\n/**\n * Preload a `src` URL and return true if it is available.\n * @param src the URL to preload\n * @param options if defined, lazy-load the `src` URL when ref is defined and visible,\n *        with respect to the [`intersectionOptions`](https://github.com/thebuilder/react-intersection-observer/tree/dceba7f52aebea4d62d539bc55a1db129226bb6c?tab=readme-ov-file#options)\n * @return `true` if `src` is available, or false otherwise, or `null` while not tested.\n */\nexport default function useThumbnail(src: string, options?: LazyLoadOptions) {\n  const [status, setStatus] = useState<boolean | null>(null);\n\n  // If defined, wait for the currentRef to be \"InView\" to check if its thumbnail exists.\n  const { ref: inViewRef, inView } = useInView({\n    triggerOnce: true,\n    ...options?.intersectionOptions,\n  });\n\n  // This `useEffect` is required to share the ref node with useInView() above\n  useEffect(() => {\n    // Callback refs, like the one from `useInView`, is a function that takes the node as an argument\n    options?.ref?.current && inViewRef?.(options.ref.current);\n  }, [options?.ref, inViewRef]);\n\n  useEffect(() => {\n    if (options?.ref === undefined || inView) {\n      const img = new Image();\n      img.src = src;\n\n      img.onload = () => {\n        setStatus(true);\n      };\n\n      img.onerror = () => {\n        setStatus(false);\n      };\n\n      return () => {\n        img.onload = null;\n        img.onerror = null;\n        setStatus(null);\n      };\n    }\n  }, [inView]);\n\n  return status;\n}\n"],"names":["useThumbnail","src","options","status","setStatus","useState","ref","inViewRef","inView","useInView","triggerOnce","intersectionOptions","useEffect","current","undefined","img","Image","onload","onerror"],"mappings":";;AAiBwBA,SAAAA,EAAaC,GAAaC,GAA2B;AAC3E,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAyB,IAAI,GAGnD;AAAA,IAAEC,KAAKC;AAAAA,IAAWC,QAAAA;AAAAA,MAAWC,EAAU;AAAA,IAC3CC,aAAa;AAAA,IACb,GAAGR,KAAAA,gBAAAA,EAASS;AAAAA,EAAAA,CACb;AAGDC,SAAAA,EAAU,MAAM;;AAEdV,KAAAA,IAAAA,KAAAA,gBAAAA,EAASI,QAATJ,QAAAA,EAAcW,YAAWN,KAAAA,QAAAA,EAAYL,EAAQI,IAAIO;AAAAA,EAChD,GAAA,CAACX,KAAAA,gBAAAA,EAASI,KAAKC,CAAS,CAAC,GAE5BK,EAAU,MAAM;AACVV,SAAAA,KAAAA,gBAAAA,EAASI,SAAQQ,UAAaN,GAAQ;AAClCO,YAAAA,IAAM,IAAIC;AAChBD,aAAAA,EAAId,MAAMA,GAEVc,EAAIE,SAAS,MAAM;AACjBb,QAAAA,EAAU,EAAI;AAAA,MAAA,GAGhBW,EAAIG,UAAU,MAAM;AAClBd,QAAAA,EAAU,EAAK;AAAA,MAAA,GAGV,MAAM;AACXW,QAAAA,EAAIE,SAAS,MACbF,EAAIG,UAAU,MACdd,EAAU,IAAI;AAAA,MAAA;AAAA,IAElB;AAAA,EAAA,GACC,CAACI,CAAM,CAAC,GAEJL;AACT;"}

package/dist/hooks/useTitle/useTitle.js

@@ -1,10 +1,11 @@
-import { useState, useEffect } from "react";
-function useTitle() {
-  const documentDefined = typeof document < "u", [title, setTitle] = useState(() => document.title);
-  return useEffect(() => {
-    documentDefined && setTitle(document.title);
-  }, [documentDefined]), title;
+import { useState as u, useEffect as o } from "react";
+function f() {
+  const t = typeof document < "u", [e, n] = u(() => document.title);
+  return o(() => {
+    t && n(document.title);
+  }, [t]), e;
 }
 export {
-  useTitle as default
+  f as default
 };
+//# sourceMappingURL=useTitle.js.map

package/dist/hooks/useTitle/useTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTitle.js","sources":["../../../src/hooks/useTitle/useTitle.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport default function useTitle(): string {\n  const documentDefined = typeof document !== 'undefined';\n\n  const [title, setTitle] = useState<string>(() => document.title);\n\n  useEffect(() => {\n    if (!documentDefined) return;\n\n    setTitle(document.title);\n  }, [documentDefined]);\n\n  return title;\n}\n"],"names":["useTitle","documentDefined","document","title","setTitle","useState","useEffect"],"mappings":";AAEA,SAAwBA,IAAmB;AACnCC,QAAAA,IAAkB,OAAOC,WAAa,KAEtC,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,MAAMH,SAASC,KAAK;AAE/DG,SAAAA,EAAU,MAAM;AACd,IAAKL,KAELG,EAASF,SAASC,KAAK;AAAA,EAAA,GACtB,CAACF,CAAe,CAAC,GAEbE;AACT;"}

package/dist/hooks/useToast/useToast.js

@@ -1,34 +1,35 @@
-import { jsx } from "react/jsx-runtime";
-import toast from "react-hot-toast";
-import { Alert } from "../../components/Alert/Alert.js";
-const DEFAULT_POSITION = "top-right";
-function useToast() {
+import { jsx as m } from "react/jsx-runtime";
+import a from "react-hot-toast";
+import { Alert as d } from "../../components/Alert/Alert.js";
+const u = "top-right";
+function D() {
   return {
-    success: (message, options) => toast.custom(/* @__PURE__ */ jsx(Alert, { type: "success", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
-      id: options == null ? void 0 : options.id,
-      duration: options == null ? void 0 : options.duration,
-      position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
+    success: (r, e) => a.custom(/* @__PURE__ */ m(d, { type: "success", isToast: !0, isDismissible: e == null ? void 0 : e.isDismissible, className: "mb-12", children: r }), {
+      id: e == null ? void 0 : e.id,
+      duration: e == null ? void 0 : e.duration,
+      position: (e == null ? void 0 : e.position) ?? u
     }),
-    error: (message, options) => toast.custom(/* @__PURE__ */ jsx(Alert, { type: "danger", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
-      id: options == null ? void 0 : options.id,
-      duration: options == null ? void 0 : options.duration,
-      position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
+    error: (r, e) => a.custom(/* @__PURE__ */ m(d, { type: "danger", isToast: !0, isDismissible: e == null ? void 0 : e.isDismissible, className: "mb-12", children: r }), {
+      id: e == null ? void 0 : e.id,
+      duration: e == null ? void 0 : e.duration,
+      position: (e == null ? void 0 : e.position) ?? u
     }),
-    info: (message, options) => toast.custom(/* @__PURE__ */ jsx(Alert, { type: "info", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
-      id: options == null ? void 0 : options.id,
-      duration: options == null ? void 0 : options.duration,
-      position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
+    info: (r, e) => a.custom(/* @__PURE__ */ m(d, { type: "info", isToast: !0, isDismissible: e == null ? void 0 : e.isDismissible, className: "mb-12", children: r }), {
+      id: e == null ? void 0 : e.id,
+      duration: e == null ? void 0 : e.duration,
+      position: (e == null ? void 0 : e.position) ?? u
     }),
-    warning: (message, options) => toast.custom(/* @__PURE__ */ jsx(Alert, { type: "warning", isToast: !0, isDismissible: options == null ? void 0 : options.isDismissible, className: "mb-12", children: message }), {
-      id: options == null ? void 0 : options.id,
-      duration: options == null ? void 0 : options.duration,
-      position: (options == null ? void 0 : options.position) ?? DEFAULT_POSITION
+    warning: (r, e) => a.custom(/* @__PURE__ */ m(d, { type: "warning", isToast: !0, isDismissible: e == null ? void 0 : e.isDismissible, className: "mb-12", children: r }), {
+      id: e == null ? void 0 : e.id,
+      duration: e == null ? void 0 : e.duration,
+      position: (e == null ? void 0 : e.position) ?? u
     }),
-    loading: toast.loading,
-    dismiss: (id) => toast.dismiss(id),
-    remove: (id) => toast.remove(id)
+    loading: a.loading,
+    dismiss: (r) => a.dismiss(r),
+    remove: (r) => a.remove(r)
   };
 }
 export {
-  useToast as default
+  D as default
 };
+//# sourceMappingURL=useToast.js.map

package/dist/hooks/useToast/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.js","sources":["../../../src/hooks/useToast/useToast.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport toast, { ToastPosition } from 'react-hot-toast';\n\nimport Alert from '../../components/Alert/Alert';\n\nexport interface CustomToastOptions {\n  id?: string;\n  isDismissible?: boolean;\n  position?: ToastPosition;\n  duration?: number;\n}\n\nconst DEFAULT_POSITION = 'top-right';\n\nexport default function useToast() {\n  const toasts = {\n    success: (message: string | ReactNode, options?: CustomToastOptions) =>\n      toast.custom(\n        <Alert\n          type=\"success\"\n          isToast={true}\n          isDismissible={options?.isDismissible}\n          className=\"mb-12\"\n        >\n          {message}\n        </Alert>,\n        {\n          id: options?.id,\n          duration: options?.duration,\n          position: options?.position ?? DEFAULT_POSITION,\n        },\n      ),\n    error: (message: string | ReactNode, options?: CustomToastOptions) =>\n      toast.custom(\n        <Alert\n          type=\"danger\"\n          isToast={true}\n          isDismissible={options?.isDismissible}\n          className=\"mb-12\"\n        >\n          {message}\n        </Alert>,\n        {\n          id: options?.id,\n          duration: options?.duration,\n          position: options?.position ?? DEFAULT_POSITION,\n        },\n      ),\n    info: (message: string | ReactNode, options?: CustomToastOptions) =>\n      toast.custom(\n        <Alert\n          type=\"info\"\n          isToast={true}\n          isDismissible={options?.isDismissible}\n          className=\"mb-12\"\n        >\n          {message}\n        </Alert>,\n        {\n          id: options?.id,\n          duration: options?.duration,\n          position: options?.position ?? DEFAULT_POSITION,\n        },\n      ),\n    warning: (message: string | ReactNode, options?: CustomToastOptions) =>\n      toast.custom(\n        <Alert\n          type=\"warning\"\n          isToast={true}\n          isDismissible={options?.isDismissible}\n          className=\"mb-12\"\n        >\n          {message}\n        </Alert>,\n        {\n          id: options?.id,\n          duration: options?.duration,\n          position: options?.position ?? DEFAULT_POSITION,\n        },\n      ),\n    loading: toast.loading,\n    dismiss: (id: string) => toast.dismiss(id),\n    remove: (id: string) => toast.remove(id),\n  };\n\n  return toasts;\n}\n"],"names":["DEFAULT_POSITION","useToast","toasts","success","message","options","toast","custom","Alert","isDismissible","id","duration","position","error","info","warning","loading","dismiss","remove"],"mappings":";;;AAaA,MAAMA,IAAmB;AAEzB,SAAwBC,IAAW;AAuE1BC,SAtEQ;AAAA,IACbC,SAASA,CAACC,GAA6BC,MACrCC,EAAMC,yBACHC,GACC,EAAA,MAAK,WACL,SAAS,IACT,eAAeH,KAAAA,gBAAAA,EAASI,eACxB,WAAU,SAETL,aACH,GACA;AAAA,MACEM,IAAIL,KAAAA,gBAAAA,EAASK;AAAAA,MACbC,UAAUN,KAAAA,gBAAAA,EAASM;AAAAA,MACnBC,WAAUP,KAAAA,gBAAAA,EAASO,aAAYZ;AAAAA,IAAAA,CAEnC;AAAA,IACFa,OAAOA,CAACT,GAA6BC,MACnCC,EAAMC,yBACHC,GACC,EAAA,MAAK,UACL,SAAS,IACT,eAAeH,KAAAA,gBAAAA,EAASI,eACxB,WAAU,SAETL,aACH,GACA;AAAA,MACEM,IAAIL,KAAAA,gBAAAA,EAASK;AAAAA,MACbC,UAAUN,KAAAA,gBAAAA,EAASM;AAAAA,MACnBC,WAAUP,KAAAA,gBAAAA,EAASO,aAAYZ;AAAAA,IAAAA,CAEnC;AAAA,IACFc,MAAMA,CAACV,GAA6BC,MAClCC,EAAMC,yBACHC,GACC,EAAA,MAAK,QACL,SAAS,IACT,eAAeH,KAAAA,gBAAAA,EAASI,eACxB,WAAU,SAETL,aACH,GACA;AAAA,MACEM,IAAIL,KAAAA,gBAAAA,EAASK;AAAAA,MACbC,UAAUN,KAAAA,gBAAAA,EAASM;AAAAA,MACnBC,WAAUP,KAAAA,gBAAAA,EAASO,aAAYZ;AAAAA,IAAAA,CAEnC;AAAA,IACFe,SAASA,CAACX,GAA6BC,MACrCC,EAAMC,yBACHC,GACC,EAAA,MAAK,WACL,SAAS,IACT,eAAeH,KAAAA,gBAAAA,EAASI,eACxB,WAAU,SAETL,aACH,GACA;AAAA,MACEM,IAAIL,KAAAA,gBAAAA,EAASK;AAAAA,MACbC,UAAUN,KAAAA,gBAAAA,EAASM;AAAAA,MACnBC,WAAUP,KAAAA,gBAAAA,EAASO,aAAYZ;AAAAA,IAAAA,CAEnC;AAAA,IACFgB,SAASV,EAAMU;AAAAA,IACfC,SAASA,CAACP,MAAeJ,EAAMW,QAAQP,CAAE;AAAA,IACzCQ,QAAQA,CAACR,MAAeJ,EAAMY,OAAOR,CAAE;AAAA,EAAA;AAI3C;"}

package/dist/hooks/useToggle/useToggle.js

@@ -1,10 +1,11 @@
-import { useState, useCallback } from "react";
-function useToggle(initialState = !1) {
-  const [state, setState] = useState(initialState), toggle = useCallback(() => {
-    setState((prevState) => !prevState);
+import { useState as l, useCallback as u } from "react";
+function r(t = !1) {
+  const [e, s] = l(t), a = u(() => {
+    s((o) => !o);
   }, []);
-  return [state, toggle];
+  return [e, a];
 }
 export {
-  useToggle as default
+  r as default
 };
+//# sourceMappingURL=useToggle.js.map

package/dist/hooks/useToggle/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.js","sources":["../../../src/hooks/useToggle/useToggle.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n// Hook\n// Parameter is the boolean, with default \"false\" value\nexport default function useToggle(initialState = false): [boolean, any] {\n  // Initialize the state\n  const [state, setState] = useState<boolean>(initialState);\n  // Define and memorize toggler function in case we pass down the comopnent,\n  // This function change the boolean value to it's opposite value\n  const toggle = useCallback((): void => {\n    setState((prevState: any) => !prevState);\n  }, []);\n  return [state, toggle];\n}\n"],"names":["useToggle","initialState","state","setState","useState","toggle","useCallback","prevState"],"mappings":";AAGwBA,SAAAA,EAAUC,IAAe,IAAuB;AAEtE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAkBH,CAAY,GAGlDI,IAASC,EAAY,MAAY;AAC5B,IAAAH,EAAA,CAACI,MAAmB,CAACA,CAAS;AAAA,EACzC,GAAG,CAAE,CAAA;AACE,SAAA,CAACL,GAAOG,CAAM;AACvB;"}

package/dist/hooks/useTrapFocus/useTrapFocus.js

@@ -1,16 +1,17 @@
-import { useRef, useEffect } from "react";
-function useTrapFocus() {
-  const ref = useRef(null), focusableElements = 'button:not([disabled]), [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
-  return useEffect(() => {
-    const node = ref.current, firstFocusableElement = node.querySelectorAll(focusableElements)[0], focusableContent = node.querySelectorAll(focusableElements), lastFocusableElement = ref && (focusableContent == null ? void 0 : focusableContent[focusableContent.length - 1]), handleKeydown = (event) => {
-      event.key === "Tab" && (event.shiftKey ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), event.preventDefault()) : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), event.preventDefault()));
+import { useRef as u, useEffect as a } from "react";
+function d() {
+  const s = u(null), o = 'button:not([disabled]), [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+  return a(() => {
+    const e = s.current, r = e.querySelectorAll(o)[0], t = e.querySelectorAll(o), l = s && (t == null ? void 0 : t[t.length - 1]), c = (n) => {
+      n.key === "Tab" && (n.shiftKey ? document.activeElement === r && (l.focus(), n.preventDefault()) : document.activeElement === l && (r.focus(), n.preventDefault()));
     };
-    if (node)
-      return node.addEventListener("keydown", handleKeydown), () => {
-        node.removeEventListener("keydown", handleKeydown);
+    if (e)
+      return e.addEventListener("keydown", c), () => {
+        e.removeEventListener("keydown", c);
       };
-  }, []), ref;
+  }, []), s;
 }
 export {
-  useTrapFocus as default
+  d as default
 };
+//# sourceMappingURL=useTrapFocus.js.map