@zydon/common 2.2.43 → 2.2.44

package/dist/hooks/useAutocomplete.js

@@ -1,6 +1,62 @@
 import { useState } from 'react';
 import { debounce } from '@mui/material/utils';
 
-const h=d=>{const[o,i]=useState(!1),[s,l]=useState(),[p,a]=useState(),O=debounce(e=>{l(e),i(!1);},500),S=e=>{e&&i(!0),O(e);},c=()=>{i(!1),l(void 0);};return {search:s,searching:o,buildOptions:(e=[],r=!1)=>{const t=p||d;if(!t||s!==void 0)return e.filter(n=>n.value!==null&&n.value!==void 0);if(o||r)return [];const f=[...Array.isArray(t)?t:[t],...e];return Array.from(new Set(f.map(n=>n.value))).map(n=>f.find(m=>m.value===n)).filter(n=>n.value!==null&&n.value!==void 0)},onSearch:S,onSelectValue:(e=[],r)=>{if(!r||Array.isArray(r)&&r.length===0){a(void 0);return}Array.isArray(r)?a(e.filter(t=>r.includes(t.value))):a(e.find(t=>t.value===r)),c();},finishSearch:c}};var x=h;
+const useAutocomplete = (initialValue) => {
+  const [searching, setSearching] = useState(false);
+  const [search, setSearch] = useState();
+  const [selectedValue, setSelectedValue] = useState();
+  const debouncedSetSearch = debounce((search2) => {
+    setSearch(search2);
+    setSearching(false);
+  }, 500);
+  const onSearch = (term) => {
+    if (term)
+      setSearching(true);
+    debouncedSetSearch(term);
+  };
+  const finishSearch = () => {
+    setSearching(false);
+    setSearch(void 0);
+  };
+  const buildOptions = (options = [], fetching = false) => {
+    const value = selectedValue || initialValue;
+    if (!value || search !== void 0)
+      return options.filter(
+        (opt) => opt.value !== null && opt.value !== void 0
+      );
+    if (searching || fetching)
+      return [];
+    const selectedArray = Array.isArray(value) ? value : [value];
+    const combinedOptions = [...selectedArray, ...options];
+    return Array.from(new Set(combinedOptions.map((opt) => opt.value))).map(
+      (uniqueValue) => combinedOptions.find((opt) => opt.value === uniqueValue)
+    ).filter((opt) => opt.value !== null && opt.value !== void 0);
+  };
+  const onSelectValue = (options = [], selected) => {
+    if (!selected || Array.isArray(selected) && selected.length === 0) {
+      setSelectedValue(void 0);
+      return;
+    }
+    if (Array.isArray(selected)) {
+      setSelectedValue(
+        options.filter((opt) => selected.includes(opt.value))
+      );
+    } else {
+      setSelectedValue(options.find((opt) => opt.value === selected));
+    }
+    finishSearch();
+  };
+  return {
+    search,
+    searching,
+    buildOptions,
+    onSearch,
+    onSelectValue,
+    finishSearch
+  };
+};
+var useAutocomplete_default = useAutocomplete;
 
-export { x as default };
+export { useAutocomplete_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useAutocomplete.js.map

package/dist/hooks/useAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useAutocomplete.ts"],"names":["search"],"mappings":"AAAA,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AAIzB,MAAM,kBAAkB,CAAC,iBAAqC;AAC5D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAA4B;AAEtE,QAAM,qBAAqB,SAAS,CAACA,YAAoB;AACvD,cAAUA,OAAM;AAChB,iBAAa,KAAK;AAAA,EACpB,GAAG,GAAG;AAEN,QAAM,WAAW,CAAC,SAAkB;AAClC,QAAI;AAAM,mBAAa,IAAI;AAC3B,uBAAmB,IAAI;AAAA,EACzB;AAEA,QAAM,eAAe,MAAM;AACzB,iBAAa,KAAK;AAClB,cAAU,MAAS;AAAA,EACrB;AAEA,QAAM,eAAe,CAAC,UAAoB,CAAC,GAAG,WAAW,UAAU;AACjE,UAAM,QAAQ,iBAAiB;AAE/B,QAAI,CAAC,SAAS,WAAW;AACvB,aAAO,QAAQ;AAAA,QACb,SAAO,IAAI,UAAU,QAAQ,IAAI,UAAU;AAAA,MAC7C;AAEF,QAAI,aAAa;AAAU,aAAO,CAAC;AAEnC,UAAM,gBAAgB,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK;AAC3D,UAAM,kBAAkB,CAAC,GAAG,eAAe,GAAG,OAAO;AAErD,WACE,MAAM,KAAK,IAAI,IAAI,gBAAgB,IAAI,SAAO,IAAI,KAAK,CAAC,CAAC,EAAE;AAAA,MACzD,iBAAe,gBAAgB,KAAK,SAAO,IAAI,UAAU,WAAW;AAAA,IACtE,EACA,OAAO,SAAO,IAAI,UAAU,QAAQ,IAAI,UAAU,MAAS;AAAA,EAC/D;AAEA,QAAM,gBAAgB,CAAC,UAAoB,CAAC,GAAG,aAAsB;AACnE,QAAI,CAAC,YAAa,MAAM,QAAQ,QAAQ,KAAK,SAAS,WAAW,GAAI;AACnE,uBAAiB,MAAS;AAC1B;AAAA,IACF;AAEA,QAAI,MAAM,QAAQ,QAAQ,GAAG;AAC3B;AAAA,QACE,QAAQ,OAAO,SAAO,SAAS,SAAS,IAAI,KAAe,CAAC;AAAA,MAC9D;AAAA,IACF,OAAO;AACL,uBAAiB,QAAQ,KAAK,SAAO,IAAI,UAAU,QAAQ,CAAC;AAAA,IAC9D;AAEA,iBAAa;AAAA,EACf;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAO,0BAAQ","sourcesContent":["import { useState } from 'react';\nimport { debounce } from '@mui/material/utils';\n\nimport { Option } from 'types/option';\n\nconst useAutocomplete = (initialValue?: Option | Option[]) => {\n  const [searching, setSearching] = useState(false);\n  const [search, setSearch] = useState<string>();\n  const [selectedValue, setSelectedValue] = useState<Option | Option[]>();\n\n  const debouncedSetSearch = debounce((search?: string) => {\n    setSearch(search);\n    setSearching(false);\n  }, 500);\n\n  const onSearch = (term?: string) => {\n    if (term) setSearching(true);\n    debouncedSetSearch(term);\n  };\n\n  const finishSearch = () => {\n    setSearching(false);\n    setSearch(undefined);\n  };\n\n  const buildOptions = (options: Option[] = [], fetching = false) => {\n    const value = selectedValue || initialValue;\n\n    if (!value || search !== undefined)\n      return options.filter(\n        opt => opt.value !== null && opt.value !== undefined,\n      );\n\n    if (searching || fetching) return [];\n\n    const selectedArray = Array.isArray(value) ? value : [value];\n    const combinedOptions = [...selectedArray, ...options];\n\n    return (\n      Array.from(new Set(combinedOptions.map(opt => opt.value))).map(\n        uniqueValue => combinedOptions.find(opt => opt.value === uniqueValue),\n      ) as Option[]\n    ).filter(opt => opt.value !== null && opt.value !== undefined);\n  };\n\n  const onSelectValue = (options: Option[] = [], selected: unknown) => {\n    if (!selected || (Array.isArray(selected) && selected.length === 0)) {\n      setSelectedValue(undefined);\n      return;\n    }\n\n    if (Array.isArray(selected)) {\n      setSelectedValue(\n        options.filter(opt => selected.includes(opt.value as string)),\n      );\n    } else {\n      setSelectedValue(options.find(opt => opt.value === selected));\n    }\n\n    finishSearch();\n  };\n\n  return {\n    search,\n    searching,\n    buildOptions,\n    onSearch,\n    onSelectValue,\n    finishSearch,\n  };\n};\n\nexport default useAutocomplete;\n"]}

package/dist/hooks/useCopyToClipboard.js

@@ -1,5 +1,23 @@
 import { useState } from 'react';
 
-const p=()=>{const[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 l=p;
+const useCopyToClipboard = () => {
+  const [copiedText, setCopiedText] = useState(null);
+  const copy = async (text) => {
+    if (!navigator?.clipboard)
+      return false;
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopiedText(text);
+      return true;
+    } catch (error) {
+      setCopiedText(null);
+      return false;
+    }
+  };
+  return { copiedText, copy };
+};
+var useCopyToClipboard_default = useCopyToClipboard;
 
-export { l as default };
+export { useCopyToClipboard_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useCopyToClipboard.js.map

package/dist/hooks/useCopyToClipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AAAA,SAAS,gBAAgB;AAWzB,MAAM,qBAAqB,MAAkB;AAC3C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAsB,IAAI;AAE9D,QAAM,OAAe,OAAM,SAAQ;AACjC,QAAI,CAAC,WAAW;AAAW,aAAO;AAElC,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,IAAI;AACxC,oBAAc,IAAI;AAClB,aAAO;AAAA,IACT,SAAS,OAAP;AACA,oBAAc,IAAI;AAClB,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO,EAAE,YAAY,KAAK;AAC5B;AAEA,IAAO,6BAAQ","sourcesContent":["import { useState } from 'react';\n\ntype CopiedValue = string | null;\n\ntype CopyFn = (text: string) => Promise<boolean>;\n\ntype ReturnType = {\n  copy: CopyFn;\n  copiedText: CopiedValue;\n};\n\nconst useCopyToClipboard = (): ReturnType => {\n  const [copiedText, setCopiedText] = useState<CopiedValue>(null);\n\n  const copy: CopyFn = async text => {\n    if (!navigator?.clipboard) return false;\n\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopiedText(text);\n      return true;\n    } catch (error) {\n      setCopiedText(null);\n      return false;\n    }\n  };\n\n  return { copiedText, copy };\n};\n\nexport default useCopyToClipboard;\n"]}

package/dist/hooks/useDatagrid.js

@@ -1,6 +1,45 @@
 import { useState } from 'react';
 import { useGridApiRef } from '@mui/x-data-grid-premium';
 
-const b=({page:c,perPage:o,dir:i,search:p,searchValue:d,sort:u}={page:0,perPage:25})=>{const 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}};var y=b;
+const useDatagrid = ({ page, perPage, dir, search, searchValue, sort } = {
+  page: 0,
+  perPage: 25
+}) => {
+  const apiRef = useGridApiRef();
+  const [state, setState] = useState({
+    page,
+    perPage,
+    dir,
+    search,
+    searchValue,
+    sort
+  });
+  const handlePaginationModelChange = ({ pageSize = 25, page: page2 = 0 }) => {
+    setState((state2) => ({ ...state2, page: page2, perPage: pageSize }));
+  };
+  const handleSearch = (search2) => setState((state2) => ({ ...state2, page: 0, search: search2 }));
+  const handleSearchValue = (search2) => setState((state2) => ({ ...state2, searchValue: search2 }));
+  const applySearchValue = () => setState((state2) => ({ ...state2, page: 0, search: state2.searchValue }));
+  const handleSort = (field, dir2) => setState((state2) => ({ ...state2, sort: field, dir: dir2 }));
+  const goToPageFirstPage = () => {
+    apiRef.current.setPage(0);
+    handlePaginationModelChange({ page: 0 });
+  };
+  return {
+    ...state,
+    apiRef,
+    page: state.page || 0,
+    perPage: state.perPage || 25,
+    handlePaginationModelChange,
+    handleSearch,
+    handleSort,
+    handleSearchValue,
+    applySearchValue,
+    goToPageFirstPage
+  };
+};
+var useDatagrid_default = useDatagrid;
 
-export { y as default };
+export { useDatagrid_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useDatagrid.js.map

package/dist/hooks/useDatagrid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useDatagrid.ts"],"names":["page","state","search","dir"],"mappings":"AAAA,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAW9B,MAAM,cAAc,CAClB,EAAE,MAAM,SAAS,KAAK,QAAQ,aAAa,KAAK,IAAW;AAAA,EACzD,MAAM;AAAA,EACN,SAAS;AACX,MACG;AACH,QAAM,SAAS,cAAc;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAgB;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,8BAA8B,CAAC,EAAE,WAAW,IAAI,MAAAA,QAAO,EAAE,MAAM;AACnE,aAAS,CAAAC,YAAU,EAAE,GAAGA,QAAO,MAAAD,OAAM,SAAS,SAAS,EAAE;AAAA,EAC3D;AAEA,QAAM,eAAe,CAACE,YACpB,SAAS,CAAAD,YAAU,EAAE,GAAGA,QAAO,MAAM,GAAG,QAAAC,QAAO,EAAE;AAEnD,QAAM,oBAAoB,CAACA,YACzB,SAAS,CAAAD,YAAU,EAAE,GAAGA,QAAO,aAAaC,QAAO,EAAE;AAEvD,QAAM,mBAAmB,MACvB,SAAS,CAAAD,YAAU,EAAE,GAAGA,QAAO,MAAM,GAAG,QAAQA,OAAM,YAAY,EAAE;AAEtE,QAAM,aAAa,CAAC,OAAgBE,SAClC,SAAS,CAAAF,YAAU,EAAE,GAAGA,QAAO,MAAM,OAAO,KAAAE,KAAI,EAAE;AAEpD,QAAM,oBAAoB,MAAM;AAC9B,WAAO,QAAQ,QAAQ,CAAC;AACxB,gCAA4B,EAAE,MAAM,EAAE,CAAC;AAAA,EACzC;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA,MAAM,MAAM,QAAQ;AAAA,IACpB,SAAS,MAAM,WAAW;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAO,sBAAQ","sourcesContent":["import { useState } from 'react';\nimport { useGridApiRef } from '@mui/x-data-grid-premium';\n\ninterface State {\n  page?: number;\n  perPage?: number;\n  search?: string;\n  searchValue?: string;\n  sort?: string;\n  dir?: 'asc' | 'desc';\n}\n\nconst useDatagrid = (\n  { page, perPage, dir, search, searchValue, sort }: State = {\n    page: 0,\n    perPage: 25,\n  },\n) => {\n  const apiRef = useGridApiRef();\n  const [state, setState] = useState<State>({\n    page,\n    perPage,\n    dir,\n    search,\n    searchValue,\n    sort,\n  });\n\n  const handlePaginationModelChange = ({ pageSize = 25, page = 0 }) => {\n    setState(state => ({ ...state, page, perPage: pageSize }));\n  };\n\n  const handleSearch = (search: string | undefined) =>\n    setState(state => ({ ...state, page: 0, search }));\n\n  const handleSearchValue = (search: string | undefined) =>\n    setState(state => ({ ...state, searchValue: search }));\n\n  const applySearchValue = () =>\n    setState(state => ({ ...state, page: 0, search: state.searchValue }));\n\n  const handleSort = (field?: string, dir?: 'asc' | 'desc') =>\n    setState(state => ({ ...state, sort: field, dir }));\n\n  const goToPageFirstPage = () => {\n    apiRef.current.setPage(0);\n    handlePaginationModelChange({ page: 0 });\n  };\n\n  return {\n    ...state,\n    apiRef,\n    page: state.page || 0,\n    perPage: state.perPage || 25,\n    handlePaginationModelChange,\n    handleSearch,\n    handleSort,\n    handleSearchValue,\n    applySearchValue,\n    goToPageFirstPage,\n  };\n};\n\nexport default useDatagrid;\n"]}

package/dist/hooks/useDebounceValue.js

@@ -1,5 +1,19 @@
 import { useState, useEffect } from 'react';
 
-function s(e,t){const[u,n]=useState(e);return useEffect(()=>{const o=setTimeout(()=>{n(e);},t);return ()=>{clearTimeout(o);}},[e,t]),u}var f=s;
+function useDebounceValue(value, delay) {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
+var useDebounceValue_default = useDebounceValue;
 
-export { f as default };
+export { useDebounceValue_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useDebounceValue.js.map

package/dist/hooks/useDebounceValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useDebounceValue.ts"],"names":[],"mappings":"AAAA,SAAS,WAAW,gBAAgB;AAEpC,SAAS,iBAAoB,OAAU,OAAkB;AACvD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAY,KAAK;AAE7D,YAAU,MAAM;AACd,UAAM,UAAU,WAAW,MAAM;AAC/B,wBAAkB,KAAK;AAAA,IACzB,GAAG,KAAK;AAER,WAAO,MAAM;AACX,mBAAa,OAAO;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,OAAO,KAAK,CAAC;AAEjB,SAAO;AACT;AAEA,IAAO,2BAAQ","sourcesContent":["import { useEffect, useState } from 'react';\n\nfunction useDebounceValue<T>(value: T, delay: number): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n\nexport default useDebounceValue;\n"]}

package/dist/hooks/useDeepCompareEffect.js

@@ -1,6 +1,17 @@
 import { useEffect, useRef } from 'react';
 import { isEqual } from 'utils/compare';
 
-const f=n=>{const e=useRef();return isEqual(n,e.current)||(e.current=n),e.current},o=(n,e)=>{useEffect(n,e.map(f));};var m=o;
+const useDeepCompareMemoize = (value) => {
+  const ref = useRef();
+  if (!isEqual(value, ref.current))
+    ref.current = value;
+  return ref.current;
+};
+const useDeepCompareEffect = (callback, dependencies) => {
+  useEffect(callback, dependencies.map(useDeepCompareMemoize));
+};
+var useDeepCompareEffect_default = useDeepCompareEffect;
 
-export { m as default };
+export { useDeepCompareEffect_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useDeepCompareEffect.js.map

package/dist/hooks/useDeepCompareEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useDeepCompareEffect.ts"],"names":[],"mappings":"AAAA,SAAyC,WAAW,cAAc;AAElE,SAAS,eAAe;AAExB,MAAM,wBAAwB,CAAC,UAAoB;AACjD,QAAM,MAAM,OAAgB;AAE5B,MAAI,CAAC,QAAQ,OAAO,IAAI,OAAO;AAAG,QAAI,UAAU;AAEhD,SAAO,IAAI;AACb;AAEA,MAAM,uBAAuB,CAC3B,UACA,iBACG;AAEH,YAAU,UAAU,aAAa,IAAI,qBAAqB,CAAC;AAC7D;AAEA,IAAO,+BAAQ","sourcesContent":["import { DependencyList, EffectCallback, useEffect, useRef } from 'react';\n\nimport { isEqual } from 'utils/compare';\n\nconst useDeepCompareMemoize = (value?: unknown) => {\n  const ref = useRef<unknown>();\n\n  if (!isEqual(value, ref.current)) ref.current = value;\n\n  return ref.current;\n};\n\nconst useDeepCompareEffect = (\n  callback: EffectCallback,\n  dependencies: DependencyList,\n) => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(callback, dependencies.map(useDeepCompareMemoize));\n};\n\nexport default useDeepCompareEffect;\n"]}

package/dist/hooks/useEventCallback.js

@@ -1,6 +1,17 @@
 import { useRef, useCallback } from 'react';
-import a from './useIsomorphicLayoutEffect';
+import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';
 
-function o(e){const n=useRef(()=>{throw new Error("Cannot call an event handler while rendering.")});return a(()=>{n.current=e;},[e]),useCallback((...r)=>n.current?.(...r),[n])}var f=o;
+function useEventCallback(fn) {
+  const ref = useRef(() => {
+    throw new Error("Cannot call an event handler while rendering.");
+  });
+  useIsomorphicLayoutEffect(() => {
+    ref.current = fn;
+  }, [fn]);
+  return useCallback((...args) => ref.current?.(...args), [ref]);
+}
+var useEventCallback_default = useEventCallback;
 
-export { f as default, o as useEventCallback };
+export { useEventCallback_default as default, useEventCallback };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useEventCallback.js.map

package/dist/hooks/useEventCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useEventCallback.ts"],"names":[],"mappings":"AAAA,SAAS,aAAa,cAAc;AAEpC,OAAO,+BAA+B;AAQ/B,SAAS,iBACd,IACoC;AACpC,QAAM,MAAM,OAAkB,MAAM;AAClC,UAAM,IAAI,MAAM,+CAA+C;AAAA,EACjE,CAAC;AAED,4BAA0B,MAAM;AAC9B,QAAI,UAAU;AAAA,EAChB,GAAG,CAAC,EAAE,CAAC;AAEP,SAAO,YAAY,IAAI,SAAe,IAAI,UAAU,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC;AAGrE;AAEA,IAAO,2BAAQ","sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect';\n\nexport function useEventCallback<Args extends unknown[], R>(\n  fn: (...args: Args) => R,\n): (...args: Args) => R;\nexport function useEventCallback<Args extends unknown[], R>(\n  fn: ((...args: Args) => R) | undefined,\n): ((...args: Args) => R) | undefined;\nexport function useEventCallback<Args extends unknown[], R>(\n  fn: ((...args: Args) => R) | undefined,\n): ((...args: Args) => R) | undefined {\n  const ref = useRef<typeof fn>(() => {\n    throw new Error('Cannot call an event handler while rendering.');\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n\n  return useCallback((...args: Args) => ref.current?.(...args), [ref]) as (\n    ...args: Args\n  ) => R;\n}\n\nexport default useEventCallback;\n"]}

package/dist/hooks/useEventListener.js

@@ -1,5 +1,25 @@
 import { useRef, useEffect, useLayoutEffect } from 'react';
 
-const a=typeof window<"u"?useLayoutEffect:useEffect;function u(n,t,o,d){const i=useRef(t);a(()=>{i.current=t;},[t]),useEffect(()=>{const e=o?.current||window;if(!(e&&e.addEventListener))return;const v=E=>i.current(E);return e.addEventListener(n,v,d),()=>{e.removeEventListener(n,v);}},[n,o,d]);}var L=u;
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+function useEventListener(eventName, handler, element, options) {
+  const savedHandler = useRef(handler);
+  useIsomorphicLayoutEffect(() => {
+    savedHandler.current = handler;
+  }, [handler]);
+  useEffect(() => {
+    const targetElement = element?.current || window;
+    if (!(targetElement && targetElement.addEventListener)) {
+      return;
+    }
+    const eventListener = (event) => savedHandler.current(event);
+    targetElement.addEventListener(eventName, eventListener, options);
+    return () => {
+      targetElement.removeEventListener(eventName, eventListener);
+    };
+  }, [eventName, element, options]);
+}
+var useEventListener_default = useEventListener;
 
-export { L as default };
+export { useEventListener_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useEventListener.js.map

package/dist/hooks/useEventListener.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAAA,SAAoB,WAAW,iBAAiB,cAAc;AAE9D,MAAM,4BACJ,OAAO,WAAW,cAAc,kBAAkB;AA6BpD,SAAS,iBAKP,WACA,SAGA,SACA,SACA;AAEA,QAAM,eAAe,OAAO,OAAO;AAEnC,4BAA0B,MAAM;AAC9B,iBAAa,UAAU;AAAA,EACzB,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;AAEd,UAAM,gBAA4B,SAAS,WAAW;AACtD,QAAI,EAAE,iBAAiB,cAAc,mBAAmB;AACtD;AAAA,IACF;AAGA,UAAM,gBAAgC,WAAS,aAAa,QAAQ,KAAK;AAEzE,kBAAc,iBAAiB,WAAW,eAAe,OAAO;AAGhE,WAAO,MAAM;AACX,oBAAc,oBAAoB,WAAW,aAAa;AAAA,IAC5D;AAAA,EACF,GAAG,CAAC,WAAW,SAAS,OAAO,CAAC;AAClC;AAEA,IAAO,2BAAQ","sourcesContent":["import { RefObject, useEffect, useLayoutEffect, useRef } from 'react';\n\nconst useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\n// Window Event based useEventListener interface\nfunction useEventListener<K extends keyof WindowEventMap>(\n  eventName: K,\n  handler: (event: WindowEventMap[K]) => void,\n  element?: undefined,\n  options?: boolean | AddEventListenerOptions,\n): void;\n\n// Element Event based useEventListener interface\nfunction useEventListener<\n  K extends keyof HTMLElementEventMap,\n  T extends HTMLElement = HTMLDivElement,\n>(\n  eventName: K,\n  handler: (event: HTMLElementEventMap[K]) => void,\n  element: RefObject<T>,\n  options?: boolean | AddEventListenerOptions,\n): void;\n\n// Document Event based useEventListener interface\nfunction useEventListener<K extends keyof DocumentEventMap>(\n  eventName: K,\n  handler: (event: DocumentEventMap[K]) => void,\n  element: RefObject<Document>,\n  options?: boolean | AddEventListenerOptions,\n): void;\n\nfunction useEventListener<\n  KW extends keyof WindowEventMap,\n  KH extends keyof HTMLElementEventMap,\n  T extends HTMLElement | void = void,\n>(\n  eventName: KW | KH,\n  handler: (\n    event: WindowEventMap[KW] | HTMLElementEventMap[KH] | Event,\n  ) => void,\n  element?: RefObject<T>,\n  options?: boolean | AddEventListenerOptions,\n) {\n  // Create a ref that stores handler\n  const savedHandler = useRef(handler);\n\n  useIsomorphicLayoutEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  useEffect(() => {\n    // Define the listening target\n    const targetElement: T | Window = element?.current || window;\n    if (!(targetElement && targetElement.addEventListener)) {\n      return;\n    }\n\n    // Create event listener that calls handler function stored in ref\n    const eventListener: typeof handler = event => savedHandler.current(event);\n\n    targetElement.addEventListener(eventName, eventListener, options);\n\n    // Remove event listener on cleanup\n    return () => {\n      targetElement.removeEventListener(eventName, eventListener);\n    };\n  }, [eventName, element, options]);\n}\n\nexport default useEventListener;\n"]}

package/dist/hooks/useIsMounting.js

@@ -1,5 +1,14 @@
 import { useRef, useEffect } from 'react';
 
-const u=()=>{const e=useRef(!0);return useEffect(()=>{e.current=!1;},[]),e.current};var s=u;
+const useIsMounting = () => {
+  const isMounting = useRef(true);
+  useEffect(() => {
+    isMounting.current = false;
+  }, []);
+  return isMounting.current;
+};
+var useIsMounting_default = useIsMounting;
 
-export { s as default };
+export { useIsMounting_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useIsMounting.js.map

package/dist/hooks/useIsMounting.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useIsMounting.ts"],"names":[],"mappings":"AAAA,SAAS,WAAW,cAAc;AAElC,MAAM,gBAAgB,MAAM;AAC1B,QAAM,aAAa,OAAO,IAAI;AAE9B,YAAU,MAAM;AACd,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,SAAO,WAAW;AACpB;AAEA,IAAO,wBAAQ","sourcesContent":["import { useEffect, useRef } from 'react';\n\nconst useIsMounting = () => {\n  const isMounting = useRef(true);\n\n  useEffect(() => {\n    isMounting.current = false;\n  }, []);\n\n  return isMounting.current;\n};\n\nexport default useIsMounting;\n"]}

package/dist/hooks/useIsomorphicLayoutEffect.js

@@ -1,5 +1,7 @@
 import { useLayoutEffect, useEffect } from 'react';
 
-var o=typeof window<"u"?useLayoutEffect:useEffect;
+var useIsomorphicLayoutEffect_default = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 
-export { o as default };
+export { useIsomorphicLayoutEffect_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useIsomorphicLayoutEffect.js.map

package/dist/hooks/useIsomorphicLayoutEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useIsomorphicLayoutEffect.ts"],"names":[],"mappings":"AAAA,SAAS,WAAW,uBAAuB;AAE3C,IAAO,oCAAQ,OAAO,WAAW,cAAc,kBAAkB","sourcesContent":["import { useEffect, useLayoutEffect } from 'react';\n\nexport default typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n"]}

package/dist/hooks/useLocalStorage.js

@@ -1,7 +1,89 @@
 import { useCallback, useState, useEffect } from 'react';
 import { useEventCallback } from './useEventCallback';
-import g from './useEventListener';
+import useEventListener from './useEventListener';
 
-const h=typeof window>"u",p=(r,t,o={})=>{const{initializeWithValue:l=!0}=o,S=useCallback(e=>o.serializer?o.serializer(e):JSON.stringify(e),[o]),i=useCallback(e=>{if(o.deserializer)return o.deserializer(e);if(e==="undefined")return;const n=t instanceof Function?t():t;let d;try{d=JSON.parse(e);}catch{return n}return d},[o,t]),a=useCallback(()=>{const e=t instanceof Function?t():t;if(h)return e;try{const n=window.localStorage.getItem(r);return n?i(n):e}catch{return e}},[t,r,i]),[w,s]=useState(()=>l?a():t instanceof Function?t():t),T=useEventCallback(e=>{try{const n=e instanceof Function?e(a()):e;window.localStorage.setItem(r,S(n)),s(n),window.dispatchEvent(new StorageEvent("local-storage",{key:r}));}catch{}}),m=useEventCallback(()=>{const e=t instanceof Function?t():t;window.localStorage.removeItem(r),s(e),window.dispatchEvent(new StorageEvent("local-storage",{key:r}));});useEffect(()=>{s(a());},[r]);const u=useCallback(e=>{e.key&&e.key!==r||s(a());},[r,a]);return g("storage",u),g("local-storage",u),[w,T,m]};var I=p;
+const IS_SERVER = typeof window === "undefined";
+const useLocalStorage = (key, initialValue, options = {}) => {
+  const { initializeWithValue = true } = options;
+  const serializer = useCallback(
+    (value) => {
+      if (options.serializer) {
+        return options.serializer(value);
+      }
+      return JSON.stringify(value);
+    },
+    [options]
+  );
+  const deserializer = useCallback(
+    (value) => {
+      if (options.deserializer) {
+        return options.deserializer(value);
+      }
+      if (value === "undefined") {
+        return void 0;
+      }
+      const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;
+      let parsed;
+      try {
+        parsed = JSON.parse(value);
+      } catch (error) {
+        return defaultValue;
+      }
+      return parsed;
+    },
+    [options, initialValue]
+  );
+  const readValue = useCallback(() => {
+    const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;
+    if (IS_SERVER) {
+      return initialValueToUse;
+    }
+    try {
+      const raw = window.localStorage.getItem(key);
+      return raw ? deserializer(raw) : initialValueToUse;
+    } catch (error) {
+      return initialValueToUse;
+    }
+  }, [initialValue, key, deserializer]);
+  const [storedValue, setStoredValue] = useState(() => {
+    if (initializeWithValue) {
+      return readValue();
+    }
+    return initialValue instanceof Function ? initialValue() : initialValue;
+  });
+  const setValue = useEventCallback((value) => {
+    try {
+      const newValue = value instanceof Function ? value(readValue()) : value;
+      window.localStorage.setItem(key, serializer(newValue));
+      setStoredValue(newValue);
+      window.dispatchEvent(new StorageEvent("local-storage", { key }));
+    } catch {
+    }
+  });
+  const removeValue = useEventCallback(() => {
+    const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;
+    window.localStorage.removeItem(key);
+    setStoredValue(defaultValue);
+    window.dispatchEvent(new StorageEvent("local-storage", { key }));
+  });
+  useEffect(() => {
+    setStoredValue(readValue());
+  }, [key]);
+  const handleStorageChange = useCallback(
+    (event) => {
+      if (event.key && event.key !== key) {
+        return;
+      }
+      setStoredValue(readValue());
+    },
+    [key, readValue]
+  );
+  useEventListener("storage", handleStorageChange);
+  useEventListener("local-storage", handleStorageChange);
+  return [storedValue, setValue, removeValue];
+};
+var useLocalStorage_default = useLocalStorage;
 
-export { I as default };
+export { useLocalStorage_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useLocalStorage.js.map

package/dist/hooks/useLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AACA,SAAS,aAAa,WAAW,gBAAgB;AAEjD,SAAS,wBAAwB;AACjC,OAAO,sBAAsB;AAc7B,MAAM,YAAY,OAAO,WAAW;AAEpC,MAAM,kBAAkB,CACtB,KACA,cACA,UAAqC,CAAC,MACW;AACjD,QAAM,EAAE,sBAAsB,KAAK,IAAI;AAEvC,QAAM,aAAa;AAAA,IACjB,WAAS;AACP,UAAI,QAAQ,YAAY;AACtB,eAAO,QAAQ,WAAW,KAAK;AAAA,MACjC;AACA,aAAO,KAAK,UAAU,KAAK;AAAA,IAC7B;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,QAAM,eAAe;AAAA,IACnB,WAAS;AACP,UAAI,QAAQ,cAAc;AACxB,eAAO,QAAQ,aAAa,KAAK;AAAA,MACnC;AACA,UAAI,UAAU,aAAa;AACzB,eAAO;AAAA,MACT;AAEA,YAAM,eACJ,wBAAwB,WAAW,aAAa,IAAI;AAEtD,UAAI;AACJ,UAAI;AACF,iBAAS,KAAK,MAAM,KAAK;AAAA,MAC3B,SAAS,OAAP;AACA,eAAO;AAAA,MACT;AAEA,aAAO;AAAA,IACT;AAAA,IACA,CAAC,SAAS,YAAY;AAAA,EACxB;AAEA,QAAM,YAAY,YAAY,MAAS;AACrC,UAAM,oBACJ,wBAAwB,WAAW,aAAa,IAAI;AAEtD,QAAI,WAAW;AACb,aAAO;AAAA,IACT;AAEA,QAAI;AACF,YAAM,MAAM,OAAO,aAAa,QAAQ,GAAG;AAC3C,aAAO,MAAM,aAAa,GAAG,IAAI;AAAA,IACnC,SAAS,OAAP;AACA,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,cAAc,KAAK,YAAY,CAAC;AAEpC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,MAAM;AACnD,QAAI,qBAAqB;AACvB,aAAO,UAAU;AAAA,IACnB;AACA,WAAO,wBAAwB,WAAW,aAAa,IAAI;AAAA,EAC7D,CAAC;AAED,QAAM,WAAwC,iBAAiB,WAAS;AACtE,QAAI;AACF,YAAM,WAAW,iBAAiB,WAAW,MAAM,UAAU,CAAC,IAAI;AAClE,aAAO,aAAa,QAAQ,KAAK,WAAW,QAAQ,CAAC;AACrD,qBAAe,QAAQ;AACvB,aAAO,cAAc,IAAI,aAAa,iBAAiB,EAAE,IAAI,CAAC,CAAC;AAAA,IACjE,QAAE;AAAA,IAEF;AAAA,EACF,CAAC;AAED,QAAM,cAAc,iBAAiB,MAAM;AACzC,UAAM,eACJ,wBAAwB,WAAW,aAAa,IAAI;AACtD,WAAO,aAAa,WAAW,GAAG;AAClC,mBAAe,YAAY;AAC3B,WAAO,cAAc,IAAI,aAAa,iBAAiB,EAAE,IAAI,CAAC,CAAC;AAAA,EACjE,CAAC;AAED,YAAU,MAAM;AACd,mBAAe,UAAU,CAAC;AAAA,EAE5B,GAAG,CAAC,GAAG,CAAC;AAER,QAAM,sBAAsB;AAAA,IAC1B,CAAC,UAAsC;AACrC,UAAK,MAAuB,OAAQ,MAAuB,QAAQ,KAAK;AACtE;AAAA,MACF;AACA,qBAAe,UAAU,CAAC;AAAA,IAC5B;AAAA,IACA,CAAC,KAAK,SAAS;AAAA,EACjB;AAEA,mBAAiB,WAAW,mBAAmB;AAC/C,mBAAiB,iBAAiB,mBAAmB;AAErD,SAAO,CAAC,aAAa,UAAU,WAAW;AAC5C;AAEA,IAAO,0BAAQ","sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { useEventCallback } from './useEventCallback';\nimport useEventListener from './useEventListener';\n\ndeclare global {\n  interface WindowEventMap {\n    'local-storage': CustomEvent;\n  }\n}\n\ntype UseLocalStorageOptions<T> = {\n  serializer?: (value: T) => string;\n  deserializer?: (value: string) => T;\n  initializeWithValue?: boolean;\n};\n\nconst IS_SERVER = typeof window === 'undefined';\n\nconst useLocalStorage = <T>(\n  key: string,\n  initialValue: T | (() => T),\n  options: UseLocalStorageOptions<T> = {},\n): [T, Dispatch<SetStateAction<T>>, () => void] => {\n  const { initializeWithValue = true } = options;\n\n  const serializer = useCallback<(value: T) => string>(\n    value => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n      return JSON.stringify(value);\n    },\n    [options],\n  );\n\n  const deserializer = useCallback<(value: string) => T>(\n    value => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === 'undefined') {\n        return undefined as unknown as T;\n      }\n\n      const defaultValue =\n        initialValue instanceof Function ? initialValue() : initialValue;\n\n      let parsed: unknown;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        return defaultValue;\n      }\n\n      return parsed as T;\n    },\n    [options, initialValue],\n  );\n\n  const readValue = useCallback((): T => {\n    const initialValueToUse =\n      initialValue instanceof Function ? initialValue() : initialValue;\n\n    if (IS_SERVER) {\n      return initialValueToUse;\n    }\n\n    try {\n      const raw = window.localStorage.getItem(key);\n      return raw ? deserializer(raw) : initialValueToUse;\n    } catch (error) {\n      return initialValueToUse;\n    }\n  }, [initialValue, key, deserializer]);\n\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n\n  const setValue: Dispatch<SetStateAction<T>> = useEventCallback(value => {\n    try {\n      const newValue = value instanceof Function ? value(readValue()) : value;\n      window.localStorage.setItem(key, serializer(newValue));\n      setStoredValue(newValue);\n      window.dispatchEvent(new StorageEvent('local-storage', { key }));\n    } catch {\n      /* empty */\n    }\n  });\n\n  const removeValue = useEventCallback(() => {\n    const defaultValue =\n      initialValue instanceof Function ? initialValue() : initialValue;\n    window.localStorage.removeItem(key);\n    setStoredValue(defaultValue);\n    window.dispatchEvent(new StorageEvent('local-storage', { key }));\n  });\n\n  useEffect(() => {\n    setStoredValue(readValue());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key]);\n\n  const handleStorageChange = useCallback(\n    (event: StorageEvent | CustomEvent) => {\n      if ((event as StorageEvent).key && (event as StorageEvent).key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue],\n  );\n\n  useEventListener('storage', handleStorageChange);\n  useEventListener('local-storage', handleStorageChange);\n\n  return [storedValue, setValue, removeValue];\n};\n\nexport default useLocalStorage;\n"]}

package/dist/hooks/useMount.js

@@ -1,5 +1,10 @@
 import { useEffect } from 'react';
 
-const e=o=>{useEffect(o,[]);};var u=e;
+const useMount = (callback) => {
+  useEffect(callback, []);
+};
+var useMount_default = useMount;
 
-export { u as default };
+export { useMount_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useMount.js.map

package/dist/hooks/useMount.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useMount.ts"],"names":[],"mappings":"AAAA,SAAS,iBAAiB;AAsB1B,MAAM,WAAW,CAAC,aAAwC;AAExD,YAAU,UAAU,CAAC,CAAC;AACxB;AAEA,IAAO,mBAAQ","sourcesContent":["import { useEffect } from 'react';\n\n/**\n * UseMount hook runs the callback only once when the component is mounted.\n *\n * @param callback - The callback to run when the component is mounted. Returns a cleanup function to run at the end of the component lifecycle.\n * @example\n * Here's an example with negative numbers:\n * ```\n * useMount(() => {\n *   document.addEventListener('resize', () => {\n *     // do something\n *   });\n *\n *   return () => {\n *     document.removeEventListener('resize', () => {\n *       // cleanup event listener\n *     });\n *   };\n * });\n * ```\n */\nconst useMount = (callback: () => void | (() => void)) => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(callback, []);\n};\n\nexport default useMount;\n"]}

package/dist/hooks/useOnClickOutside.js

@@ -1,5 +1,16 @@
-import s from './useEventListener';
+import useEventListener from './useEventListener';
 
-const u=(n,o,r="mousedown")=>{s(r,e=>{const t=n?.current;!t||t.contains(e.target)||o(e);});};var c=u;
+const useOnClickOutside = (ref, handler, mouseEvent = "mousedown") => {
+  useEventListener(mouseEvent, (event) => {
+    const el = ref?.current;
+    if (!el || el.contains(event.target)) {
+      return;
+    }
+    handler(event);
+  });
+};
+var useOnClickOutside_default = useOnClickOutside;
 
-export { c as default };
+export { useOnClickOutside_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useOnClickOutside.js.map

package/dist/hooks/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAEA,OAAO,sBAAsB;AAI7B,MAAM,oBAAoB,CACxB,KACA,SACA,aAAsC,gBACnC;AACH,mBAAiB,YAAY,WAAS;AACpC,UAAM,KAAK,KAAK;AAGhB,QAAI,CAAC,MAAM,GAAG,SAAS,MAAM,MAAc,GAAG;AAC5C;AAAA,IACF;AAEA,YAAQ,KAAK;AAAA,EACf,CAAC;AACH;AAEA,IAAO,4BAAQ","sourcesContent":["import { RefObject } from 'react';\n\nimport useEventListener from './useEventListener';\n\ntype Handler = (event: MouseEvent) => void;\n\nconst useOnClickOutside = <T extends HTMLElement = HTMLElement>(\n  ref: RefObject<T>,\n  handler: Handler,\n  mouseEvent: 'mousedown' | 'mouseup' = 'mousedown',\n) => {\n  useEventListener(mouseEvent, event => {\n    const el = ref?.current;\n\n    // Do nothing if clicking ref's element or descendent elements\n    if (!el || el.contains(event.target as Node)) {\n      return;\n    }\n\n    handler(event);\n  });\n};\n\nexport default useOnClickOutside;\n"]}

package/dist/hooks/usePagination.js

@@ -1,5 +1,41 @@
 import { useState } from 'react';
 
-function s({items:r,itemsPerPage:n}){const[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;
+function usePagination({
+  items,
+  itemsPerPage
+}) {
+  const [currentPage, setCurrentPage] = useState(1);
+  const totalPages = Math.ceil(items.length / itemsPerPage);
+  const currentItems = items.slice(
+    (currentPage - 1) * itemsPerPage,
+    currentPage * itemsPerPage
+  );
+  const goToPage = (page) => {
+    if (page > 0 && page <= totalPages) {
+      setCurrentPage(page);
+    }
+  };
+  const nextPage = () => {
+    if (currentPage < totalPages) {
+      setCurrentPage((prevPage2) => prevPage2 + 1);
+    }
+  };
+  const prevPage = () => {
+    if (currentPage > 1) {
+      setCurrentPage((prevPage2) => prevPage2 - 1);
+    }
+  };
+  return {
+    currentPage,
+    totalPages,
+    currentItems,
+    goToPage,
+    nextPage,
+    prevPage
+  };
+}
+var usePagination_default = usePagination;
 
-export { f as default };
+export { usePagination_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=usePagination.js.map

package/dist/hooks/usePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/usePagination.ts"],"names":["prevPage"],"mappings":"AAAA,SAAS,gBAAgB;AAgBzB,SAAS,cAAiB;AAAA,EACxB;AAAA,EACA;AACF,GAAkD;AAChD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,CAAC;AAEhD,QAAM,aAAa,KAAK,KAAK,MAAM,SAAS,YAAY;AAExD,QAAM,eAAe,MAAM;AAAA,KACxB,cAAc,KAAK;AAAA,IACpB,cAAc;AAAA,EAChB;AAEA,QAAM,WAAW,CAAC,SAAiB;AACjC,QAAI,OAAO,KAAK,QAAQ,YAAY;AAClC,qBAAe,IAAI;AAAA,IACrB;AAAA,EACF;AAEA,QAAM,WAAW,MAAM;AACrB,QAAI,cAAc,YAAY;AAC5B,qBAAe,CAAAA,cAAYA,YAAW,CAAC;AAAA,IACzC;AAAA,EACF;AAEA,QAAM,WAAW,MAAM;AACrB,QAAI,cAAc,GAAG;AACnB,qBAAe,CAAAA,cAAYA,YAAW,CAAC;AAAA,IACzC;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAO,wBAAQ","sourcesContent":["import { useState } from 'react';\n\ninterface UsePaginationProps<T> {\n  items: T[];\n  itemsPerPage: number;\n}\n\ninterface UsePaginationResult<T> {\n  currentPage: number;\n  totalPages: number;\n  currentItems: T[];\n  goToPage: (page: number) => void;\n  nextPage: () => void;\n  prevPage: () => void;\n}\n\nfunction usePagination<T>({\n  items,\n  itemsPerPage,\n}: UsePaginationProps<T>): UsePaginationResult<T> {\n  const [currentPage, setCurrentPage] = useState(1);\n\n  const totalPages = Math.ceil(items.length / itemsPerPage);\n\n  const currentItems = items.slice(\n    (currentPage - 1) * itemsPerPage,\n    currentPage * itemsPerPage,\n  );\n\n  const goToPage = (page: number) => {\n    if (page > 0 && page <= totalPages) {\n      setCurrentPage(page);\n    }\n  };\n\n  const nextPage = () => {\n    if (currentPage < totalPages) {\n      setCurrentPage(prevPage => prevPage + 1);\n    }\n  };\n\n  const prevPage = () => {\n    if (currentPage > 1) {\n      setCurrentPage(prevPage => prevPage - 1);\n    }\n  };\n\n  return {\n    currentPage,\n    totalPages,\n    currentItems,\n    goToPage,\n    nextPage,\n    prevPage,\n  };\n}\n\nexport default usePagination;\n"]}

package/dist/hooks/usePopover.js

@@ -1,5 +1,22 @@
 import { useState, useCallback } from 'react';
 
-const p=()=>{const[t,e]=useState(null),o=useCallback(s=>{e(s.currentTarget);},[]),l=useCallback(()=>{e(null);},[]);return {open:t,onOpen:o,onClose:l,setOpen:e}};var v=p;
+const usePopover = () => {
+  const [open, setOpen] = useState(null);
+  const onOpen = useCallback((event) => {
+    setOpen(event.currentTarget);
+  }, []);
+  const onClose = useCallback(() => {
+    setOpen(null);
+  }, []);
+  return {
+    open,
+    onOpen,
+    onClose,
+    setOpen
+  };
+};
+var usePopover_default = usePopover;
 
-export { v as default };
+export { usePopover_default as default };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=usePopover.js.map

package/dist/hooks/usePopover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/usePopover.ts"],"names":[],"mappings":"AAAA;AAAA,EAIE;AAAA,EACA;AAAA,OACK;AASP,MAAM,aAAa,MAAuB;AACxC,QAAM,CAAC,MAAM,OAAO,IAAI,SAA6B,IAAI;AAEzD,QAAM,SAAS,YAAY,CAAC,UAAmC;AAC7D,YAAQ,MAAM,aAAa;AAAA,EAC7B,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,MAAM;AAChC,YAAQ,IAAI;AAAA,EACd,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAO,qBAAQ","sourcesContent":["import {\n  Dispatch,\n  MouseEvent,\n  SetStateAction,\n  useCallback,\n  useState,\n} from 'react';\n\ninterface usePopoverProps {\n  onClose: VoidFunction;\n  open: HTMLElement | null;\n  onOpen: (event: MouseEvent<HTMLElement>) => void;\n  setOpen: Dispatch<SetStateAction<HTMLElement | null>>;\n}\n\nconst usePopover = (): usePopoverProps => {\n  const [open, setOpen] = useState<HTMLElement | null>(null);\n\n  const onOpen = useCallback((event: MouseEvent<HTMLElement>) => {\n    setOpen(event.currentTarget);\n  }, []);\n\n  const onClose = useCallback(() => {\n    setOpen(null);\n  }, []);\n\n  return {\n    open,\n    onOpen,\n    onClose,\n    setOpen,\n  };\n};\n\nexport default usePopover;\n"]}

package/dist/hooks/useResponsive.js

@@ -1,6 +1,35 @@
 import { useTheme } from '@mui/material/styles';
-import o from '@mui/material/useMediaQuery';
+import useMediaQuery from '@mui/material/useMediaQuery';
 
-const l=(n,t,r)=>{const e=useTheme(),a=o(e.breakpoints.up(t)),s=o(e.breakpoints.down(t)),p=o(e.breakpoints.between(t,r)),i=o(e.breakpoints.only(t));return n==="up"?a:n==="down"?s:n==="between"?p:i};function y(){const n=useTheme();return [...n.breakpoints.keys].reverse().reduce((r,e)=>{const a=o(n.breakpoints.up(e));return !r&&a?e:r},null)||"xs"}var b=l;
+const useResponsive = (query, start, end) => {
+  const theme = useTheme();
+  const mediaUp = useMediaQuery(theme.breakpoints.up(start));
+  const mediaDown = useMediaQuery(theme.breakpoints.down(start));
+  const mediaBetween = useMediaQuery(
+    theme.breakpoints.between(start, end)
+  );
+  const mediaOnly = useMediaQuery(theme.breakpoints.only(start));
+  if (query === "up") {
+    return mediaUp;
+  }
+  if (query === "down") {
+    return mediaDown;
+  }
+  if (query === "between") {
+    return mediaBetween;
+  }
+  return mediaOnly;
+};
+function useWidth() {
+  const theme = useTheme();
+  const keys = [...theme.breakpoints.keys].reverse();
+  return keys.reduce((output, key) => {
+    const matches = useMediaQuery(theme.breakpoints.up(key));
+    return !output && matches ? key : output;
+  }, null) || "xs";
+}
+var useResponsive_default = useResponsive;
 
-export { b as default, y as useWidth };
+export { useResponsive_default as default, useWidth };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=useResponsive.js.map

package/dist/hooks/useResponsive.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useResponsive.ts"],"names":[],"mappings":"AAAA,SAAqB,gBAAgB;AACrC,OAAO,mBAAmB;AAQ1B,MAAM,gBAAgB,CACpB,OACA,OACA,QACe;AACf,QAAM,QAAQ,SAAS;AAEvB,QAAM,UAAU,cAAc,MAAM,YAAY,GAAG,KAAc,CAAC;AAElE,QAAM,YAAY,cAAc,MAAM,YAAY,KAAK,KAAc,CAAC;AAEtE,QAAM,eAAe;AAAA,IACnB,MAAM,YAAY,QAAQ,OAAgB,GAAY;AAAA,EACxD;AAEA,QAAM,YAAY,cAAc,MAAM,YAAY,KAAK,KAAmB,CAAC;AAE3E,MAAI,UAAU,MAAM;AAClB,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,WAAW;AACvB,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAIO,SAAS,WAAW;AACzB,QAAM,QAAQ,SAAS;AAEvB,QAAM,OAAO,CAAC,GAAG,MAAM,YAAY,IAAI,EAAE,QAAQ;AAEjD,SACE,KAAK,OAAO,CAAC,QAA0B,QAAoB;AAEzD,UAAM,UAAU,cAAc,MAAM,YAAY,GAAG,GAAG,CAAC;AAEvD,WAAO,CAAC,UAAU,UAAU,MAAM;AAAA,EACpC,GAAG,IAAI,KAAK;AAEhB;AAEA,IAAO,wBAAQ","sourcesContent":["import { Breakpoint, useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\ntype ReturnType = boolean;\n\ntype Query = 'up' | 'down' | 'between' | 'only';\n\ntype Value = Breakpoint | number;\n\nconst useResponsive = (\n  query: Query,\n  start?: Value,\n  end?: Value,\n): ReturnType => {\n  const theme = useTheme();\n\n  const mediaUp = useMediaQuery(theme.breakpoints.up(start as Value));\n\n  const mediaDown = useMediaQuery(theme.breakpoints.down(start as Value));\n\n  const mediaBetween = useMediaQuery(\n    theme.breakpoints.between(start as Value, end as Value),\n  );\n\n  const mediaOnly = useMediaQuery(theme.breakpoints.only(start as Breakpoint));\n\n  if (query === 'up') {\n    return mediaUp;\n  }\n\n  if (query === 'down') {\n    return mediaDown;\n  }\n\n  if (query === 'between') {\n    return mediaBetween;\n  }\n\n  return mediaOnly;\n};\n\ntype BreakpointOrNull = Breakpoint | null;\n\nexport function useWidth() {\n  const theme = useTheme();\n\n  const keys = [...theme.breakpoints.keys].reverse();\n\n  return (\n    keys.reduce((output: BreakpointOrNull, key: Breakpoint) => {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const matches = useMediaQuery(theme.breakpoints.up(key));\n\n      return !output && matches ? key : output;\n    }, null) || 'xs'\n  );\n}\n\nexport default useResponsive;\n"]}