@helpwave/hightide 0.0.13 → 0.0.16

package/dist/hooks/useLocalStorage.js

@@ -1,24 +1,80 @@
-import { useCallback, useEffect, useState } from 'react';
-import { LocalStorageService } from '../util/storage';
-const useLocalStorage = (key, initValue) => {
-    const get = useCallback(() => {
-        if (typeof window === 'undefined') {
-            return initValue;
-        }
-        const storageService = new LocalStorageService();
-        const value = storageService.get(key);
-        return value || initValue;
-    }, [initValue, key]);
-    const [storedValue, setStoredValue] = useState(get);
-    const setValue = useCallback(value => {
-        const newValue = value instanceof Function ? value(storedValue) : value;
-        const storageService = new LocalStorageService();
-        storageService.set(key, value);
-        setStoredValue(newValue);
-    }, [storedValue, setStoredValue, key]);
-    useEffect(() => {
-        setStoredValue(get());
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
-    return [storedValue, setValue];
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-export default useLocalStorage;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useLocalStorage.tsx
+var useLocalStorage_exports = {};
+__export(useLocalStorage_exports, {
+  default: () => useLocalStorage_default
+});
+module.exports = __toCommonJS(useLocalStorage_exports);
+var import_react = require("react");
+
+// src/util/storage.ts
+var StorageService = class {
+  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript
+  constructor(storage) {
+    this.storage = storage;
+  }
+  get(key) {
+    const value = this.storage.getItem(key);
+    if (value === null) {
+      return null;
+    }
+    return JSON.parse(value);
+  }
+  set(key, value) {
+    this.storage.setItem(key, JSON.stringify(value));
+  }
+  delete(key) {
+    this.storage.removeItem(key);
+  }
+  deleteAll() {
+    this.storage.clear();
+  }
+};
+var LocalStorageService = class extends StorageService {
+  constructor() {
+    super(window.localStorage);
+  }
+};
+
+// src/hooks/useLocalStorage.tsx
+var useLocalStorage = (key, initValue) => {
+  const get = (0, import_react.useCallback)(() => {
+    if (typeof window === "undefined") {
+      return initValue;
+    }
+    const storageService = new LocalStorageService();
+    const value = storageService.get(key);
+    return value || initValue;
+  }, [initValue, key]);
+  const [storedValue, setStoredValue] = (0, import_react.useState)(get);
+  const setValue = (0, import_react.useCallback)((value) => {
+    const newValue = value instanceof Function ? value(storedValue) : value;
+    const storageService = new LocalStorageService();
+    storageService.set(key, value);
+    setStoredValue(newValue);
+  }, [storedValue, setStoredValue, key]);
+  (0, import_react.useEffect)(() => {
+    setStoredValue(get());
+  }, []);
+  return [storedValue, setValue];
+};
+var useLocalStorage_default = useLocalStorage;
+//# sourceMappingURL=useLocalStorage.js.map

package/dist/hooks/useLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useLocalStorage.tsx","../../src/util/storage.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useEffect, useState } from 'react'\nimport { LocalStorageService } from '../util/storage'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\nconst useLocalStorage = <T, >(key: string, initValue: T): [T, SetValue<T>] => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return initValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || initValue\n  }, [initValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(value => {\n    const newValue = value instanceof Function ? value(storedValue) : value\n    const storageService = new LocalStorageService()\n    storageService.set(key, value)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  useEffect(() => {\n    setStoredValue(get())\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return [storedValue, setValue]\n}\n\nexport default useLocalStorage\n","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {}\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAiD;;;ACDjD,IAAM,iBAAN,MAAqB;AAAA;AAAA,EAGnB,YAAoB,SAAkB;AAAlB;AAAA,EAAmB;AAAA,EAEhC,IAAO,KAAuB;AACnC,UAAM,QAAQ,KAAK,QAAQ,QAAQ,GAAG;AACtC,QAAI,UAAU,MAAM;AAClB,aAAO;AAAA,IACT;AACA,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AAAA,EAEO,IAAO,KAAa,OAAU;AACnC,SAAK,QAAQ,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,EACjD;AAAA,EAEO,OAAO,KAAa;AACzB,SAAK,QAAQ,WAAW,GAAG;AAAA,EAC7B;AAAA,EAEO,YAAY;AACjB,SAAK,QAAQ,MAAM;AAAA,EACrB;AACF;AAEO,IAAM,sBAAN,cAAkC,eAAe;AAAA,EACtD,cAAc;AACZ,UAAM,OAAO,YAAY;AAAA,EAC3B;AACF;;;ADzBA,IAAM,kBAAkB,CAAM,KAAa,cAAmC;AAC5E,QAAM,UAAM,0BAAY,MAAS;AAC/B,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AACA,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,UAAM,QAAQ,eAAe,IAAO,GAAG;AACvC,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,WAAW,GAAG,CAAC;AAEnB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAY,GAAG;AAErD,QAAM,eAAwB,0BAAY,WAAS;AACjD,UAAM,WAAW,iBAAiB,WAAW,MAAM,WAAW,IAAI;AAClE,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,mBAAe,IAAI,KAAK,KAAK;AAE7B,mBAAe,QAAQ;AAAA,EACzB,GAAG,CAAC,aAAa,gBAAgB,GAAG,CAAC;AAErC,8BAAU,MAAM;AACd,mBAAe,IAAI,CAAC;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,aAAa,QAAQ;AAC/B;AAEA,IAAO,0BAAQ;","names":[]}

package/dist/hooks/useLocalStorage.mjs

@@ -0,0 +1,59 @@
+// src/hooks/useLocalStorage.tsx
+import { useCallback, useEffect, useState } from "react";
+
+// src/util/storage.ts
+var StorageService = class {
+  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript
+  constructor(storage) {
+    this.storage = storage;
+  }
+  get(key) {
+    const value = this.storage.getItem(key);
+    if (value === null) {
+      return null;
+    }
+    return JSON.parse(value);
+  }
+  set(key, value) {
+    this.storage.setItem(key, JSON.stringify(value));
+  }
+  delete(key) {
+    this.storage.removeItem(key);
+  }
+  deleteAll() {
+    this.storage.clear();
+  }
+};
+var LocalStorageService = class extends StorageService {
+  constructor() {
+    super(window.localStorage);
+  }
+};
+
+// src/hooks/useLocalStorage.tsx
+var useLocalStorage = (key, initValue) => {
+  const get = useCallback(() => {
+    if (typeof window === "undefined") {
+      return initValue;
+    }
+    const storageService = new LocalStorageService();
+    const value = storageService.get(key);
+    return value || initValue;
+  }, [initValue, key]);
+  const [storedValue, setStoredValue] = useState(get);
+  const setValue = useCallback((value) => {
+    const newValue = value instanceof Function ? value(storedValue) : value;
+    const storageService = new LocalStorageService();
+    storageService.set(key, value);
+    setStoredValue(newValue);
+  }, [storedValue, setStoredValue, key]);
+  useEffect(() => {
+    setStoredValue(get());
+  }, []);
+  return [storedValue, setValue];
+};
+var useLocalStorage_default = useLocalStorage;
+export {
+  useLocalStorage_default as default
+};
+//# sourceMappingURL=useLocalStorage.mjs.map

package/dist/hooks/useLocalStorage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useLocalStorage.tsx","../../src/util/storage.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useEffect, useState } from 'react'\nimport { LocalStorageService } from '../util/storage'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\nconst useLocalStorage = <T, >(key: string, initValue: T): [T, SetValue<T>] => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return initValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || initValue\n  }, [initValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(value => {\n    const newValue = value instanceof Function ? value(storedValue) : value\n    const storageService = new LocalStorageService()\n    storageService.set(key, value)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  useEffect(() => {\n    setStoredValue(get())\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return [storedValue, setValue]\n}\n\nexport default useLocalStorage\n","class StorageService {\n  // this seems to be a bug in eslint as 'paramter-properties' is a special syntax of typescript\n\n  constructor(private storage: Storage) {}\n\n  public get<T>(key: string): T | null {\n    const value = this.storage.getItem(key)\n    if (value === null) {\n      return null\n    }\n    return JSON.parse(value)\n  }\n\n  public set<T>(key: string, value: T) {\n    this.storage.setItem(key, JSON.stringify(value))\n  }\n\n  public delete(key: string) {\n    this.storage.removeItem(key)\n  }\n\n  public deleteAll() {\n    this.storage.clear()\n  }\n}\n\nexport class LocalStorageService extends StorageService {\n  constructor() {\n    super(window.localStorage)\n  }\n}\n\nexport class SessionStorageService extends StorageService {\n  constructor() {\n    super(window.sessionStorage)\n  }\n}\n"],"mappings":";AACA,SAAS,aAAa,WAAW,gBAAgB;;;ACDjD,IAAM,iBAAN,MAAqB;AAAA;AAAA,EAGnB,YAAoB,SAAkB;AAAlB;AAAA,EAAmB;AAAA,EAEhC,IAAO,KAAuB;AACnC,UAAM,QAAQ,KAAK,QAAQ,QAAQ,GAAG;AACtC,QAAI,UAAU,MAAM;AAClB,aAAO;AAAA,IACT;AACA,WAAO,KAAK,MAAM,KAAK;AAAA,EACzB;AAAA,EAEO,IAAO,KAAa,OAAU;AACnC,SAAK,QAAQ,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,EACjD;AAAA,EAEO,OAAO,KAAa;AACzB,SAAK,QAAQ,WAAW,GAAG;AAAA,EAC7B;AAAA,EAEO,YAAY;AACjB,SAAK,QAAQ,MAAM;AAAA,EACrB;AACF;AAEO,IAAM,sBAAN,cAAkC,eAAe;AAAA,EACtD,cAAc;AACZ,UAAM,OAAO,YAAY;AAAA,EAC3B;AACF;;;ADzBA,IAAM,kBAAkB,CAAM,KAAa,cAAmC;AAC5E,QAAM,MAAM,YAAY,MAAS;AAC/B,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AACA,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,UAAM,QAAQ,eAAe,IAAO,GAAG;AACvC,WAAO,SAAS;AAAA,EAClB,GAAG,CAAC,WAAW,GAAG,CAAC;AAEnB,QAAM,CAAC,aAAa,cAAc,IAAI,SAAY,GAAG;AAErD,QAAM,WAAwB,YAAY,WAAS;AACjD,UAAM,WAAW,iBAAiB,WAAW,MAAM,WAAW,IAAI;AAClE,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,mBAAe,IAAI,KAAK,KAAK;AAE7B,mBAAe,QAAQ;AAAA,EACzB,GAAG,CAAC,aAAa,gBAAgB,GAAG,CAAC;AAErC,YAAU,MAAM;AACd,mBAAe,IAAI,CAAC;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,aAAa,QAAQ;AAC/B;AAEA,IAAO,0BAAQ;","names":[]}

package/dist/hooks/useOutsideClick.d.mts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+
+declare const useOutsideClick: <Ts extends RefObject<HTMLElement>[]>(refs: Ts, handler: () => void) => void;
+
+export { useOutsideClick };

package/dist/hooks/useOutsideClick.d.ts

@@ -1,2 +1,5 @@
-import type { RefObject } from 'react';
-export declare const useOutsideClick: <Ts extends RefObject<HTMLElement>[]>(refs: Ts, handler: () => void) => void;
+import { RefObject } from 'react';
+
+declare const useOutsideClick: <Ts extends RefObject<HTMLElement>[]>(refs: Ts, handler: () => void) => void;
+
+export { useOutsideClick };

package/dist/hooks/useOutsideClick.js

@@ -1,22 +1,48 @@
-import { useEffect } from 'react';
-export const useOutsideClick = (refs, handler) => {
-    useEffect(() => {
-        const listener = (event) => {
-            // returning means not "not clicking outside"
-            // if no target exists, return
-            if (event.target === null)
-                return;
-            // if the target is a ref's element or descendent thereof, return
-            if (refs.some((ref) => !ref.current || ref.current.contains(event.target))) {
-                return;
-            }
-            handler();
-        };
-        document.addEventListener('mousedown', listener);
-        document.addEventListener('touchstart', listener);
-        return () => {
-            document.removeEventListener('mousedown', listener);
-            document.removeEventListener('touchstart', listener);
-        };
-    }, [refs, handler]);
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useOutsideClick.ts
+var useOutsideClick_exports = {};
+__export(useOutsideClick_exports, {
+  useOutsideClick: () => useOutsideClick
+});
+module.exports = __toCommonJS(useOutsideClick_exports);
+var import_react = require("react");
+var useOutsideClick = (refs, handler) => {
+  (0, import_react.useEffect)(() => {
+    const listener = (event) => {
+      if (event.target === null) return;
+      if (refs.some((ref) => !ref.current || ref.current.contains(event.target))) {
+        return;
+      }
+      handler();
+    };
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [refs, handler]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useOutsideClick
+});
+//# sourceMappingURL=useOutsideClick.js.map

package/dist/hooks/useOutsideClick.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport type { RefObject } from 'react'\n\nexport const useOutsideClick = <Ts extends RefObject<HTMLElement>[]>(refs: Ts, handler: () => void) => {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      // returning means not \"not clicking outside\"\n\n      // if no target exists, return\n      if (event.target === null) return\n      // if the target is a ref's element or descendent thereof, return\n      if (refs.some((ref) => !ref.current || ref.current.contains(event.target as Node))) {\n        return\n      }\n\n      handler()\n    }\n    document.addEventListener('mousedown', listener)\n    document.addEventListener('touchstart', listener)\n    return () => {\n      document.removeEventListener('mousedown', listener)\n      document.removeEventListener('touchstart', listener)\n    }\n  }, [refs, handler])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAGnB,IAAM,kBAAkB,CAAsC,MAAU,YAAwB;AACrG,8BAAU,MAAM;AACd,UAAM,WAAW,CAAC,UAAmC;AAInD,UAAI,MAAM,WAAW,KAAM;AAE3B,UAAI,KAAK,KAAK,CAAC,QAAQ,CAAC,IAAI,WAAW,IAAI,QAAQ,SAAS,MAAM,MAAc,CAAC,GAAG;AAClF;AAAA,MACF;AAEA,cAAQ;AAAA,IACV;AACA,aAAS,iBAAiB,aAAa,QAAQ;AAC/C,aAAS,iBAAiB,cAAc,QAAQ;AAChD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,QAAQ;AAClD,eAAS,oBAAoB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,CAAC;AACpB;","names":[]}

package/dist/hooks/useOutsideClick.mjs

@@ -0,0 +1,23 @@
+// src/hooks/useOutsideClick.ts
+import { useEffect } from "react";
+var useOutsideClick = (refs, handler) => {
+  useEffect(() => {
+    const listener = (event) => {
+      if (event.target === null) return;
+      if (refs.some((ref) => !ref.current || ref.current.contains(event.target))) {
+        return;
+      }
+      handler();
+    };
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [refs, handler]);
+};
+export {
+  useOutsideClick
+};
+//# sourceMappingURL=useOutsideClick.mjs.map

package/dist/hooks/useOutsideClick.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport type { RefObject } from 'react'\n\nexport const useOutsideClick = <Ts extends RefObject<HTMLElement>[]>(refs: Ts, handler: () => void) => {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      // returning means not \"not clicking outside\"\n\n      // if no target exists, return\n      if (event.target === null) return\n      // if the target is a ref's element or descendent thereof, return\n      if (refs.some((ref) => !ref.current || ref.current.contains(event.target as Node))) {\n        return\n      }\n\n      handler()\n    }\n    document.addEventListener('mousedown', listener)\n    document.addEventListener('touchstart', listener)\n    return () => {\n      document.removeEventListener('mousedown', listener)\n      document.removeEventListener('touchstart', listener)\n    }\n  }, [refs, handler])\n}\n"],"mappings":";AAAA,SAAS,iBAAiB;AAGnB,IAAM,kBAAkB,CAAsC,MAAU,YAAwB;AACrG,YAAU,MAAM;AACd,UAAM,WAAW,CAAC,UAAmC;AAInD,UAAI,MAAM,WAAW,KAAM;AAE3B,UAAI,KAAK,KAAK,CAAC,QAAQ,CAAC,IAAI,WAAW,IAAI,QAAQ,SAAS,MAAM,MAAc,CAAC,GAAG;AAClF;AAAA,MACF;AAEA,cAAQ;AAAA,IACV;AACA,aAAS,iBAAiB,aAAa,QAAQ;AAC/C,aAAS,iBAAiB,cAAc,QAAQ;AAChD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,QAAQ;AAClD,eAAS,oBAAoB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,CAAC;AACpB;","names":[]}

package/dist/hooks/useSaveDelay.d.mts

@@ -0,0 +1,6 @@
+declare function useSaveDelay(setNotificationStatus: (isShowing: boolean) => void, delay: number): {
+    restartTimer: (onSave: () => void) => void;
+    clearUpdateTimer: (hasSaved?: boolean) => void;
+};
+
+export { useSaveDelay as default };

package/dist/hooks/useSaveDelay.d.ts

@@ -2,4 +2,5 @@ declare function useSaveDelay(setNotificationStatus: (isShowing: boolean) => voi
     restartTimer: (onSave: () => void) => void;
     clearUpdateTimer: (hasSaved?: boolean) => void;
 };
-export default useSaveDelay;
+
+export { useSaveDelay as default };

package/dist/hooks/useSaveDelay.js

@@ -1,41 +1,65 @@
-import { useEffect, useState } from 'react';
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useSaveDelay.ts
+var useSaveDelay_exports = {};
+__export(useSaveDelay_exports, {
+  default: () => useSaveDelay_default
+});
+module.exports = __toCommonJS(useSaveDelay_exports);
+var import_react = require("react");
 function useSaveDelay(setNotificationStatus, delay) {
-    const [updateTimer, setUpdateTimer] = useState(undefined);
-    const [notificationTimer, setNotificationTimer] = useState(undefined);
-    const restartTimer = (onSave) => {
-        clearTimeout(updateTimer);
-        setUpdateTimer(setTimeout(() => {
-            onSave();
-            setNotificationStatus(true);
-            // Show Saved Notification for fade animation duration
-            clearTimeout(notificationTimer);
-            setNotificationTimer(setTimeout(() => {
-                setNotificationStatus(false);
-                clearTimeout(notificationTimer);
-            }, delay));
-            clearTimeout(updateTimer);
-        }, delay));
+  const [updateTimer, setUpdateTimer] = (0, import_react.useState)(void 0);
+  const [notificationTimer, setNotificationTimer] = (0, import_react.useState)(void 0);
+  const restartTimer = (onSave) => {
+    clearTimeout(updateTimer);
+    setUpdateTimer(setTimeout(() => {
+      onSave();
+      setNotificationStatus(true);
+      clearTimeout(notificationTimer);
+      setNotificationTimer(setTimeout(() => {
+        setNotificationStatus(false);
+        clearTimeout(notificationTimer);
+      }, delay));
+      clearTimeout(updateTimer);
+    }, delay));
+  };
+  const clearUpdateTimer = (hasSaved = true) => {
+    clearTimeout(updateTimer);
+    if (hasSaved) {
+      setNotificationStatus(true);
+      clearTimeout(notificationTimer);
+      setNotificationTimer(setTimeout(() => {
+        setNotificationStatus(false);
+        clearTimeout(notificationTimer);
+      }, delay));
+    } else {
+      setNotificationStatus(false);
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    return () => {
+      clearTimeout(updateTimer);
+      clearTimeout(notificationTimer);
     };
-    const clearUpdateTimer = (hasSaved = true) => {
-        clearTimeout(updateTimer);
-        if (hasSaved) {
-            setNotificationStatus(true);
-            clearTimeout(notificationTimer);
-            setNotificationTimer(setTimeout(() => {
-                setNotificationStatus(false);
-                clearTimeout(notificationTimer);
-            }, delay));
-        }
-        else {
-            setNotificationStatus(false);
-        }
-    };
-    useEffect(() => {
-        return () => {
-            clearTimeout(updateTimer);
-            clearTimeout(notificationTimer);
-        };
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
-    return { restartTimer, clearUpdateTimer };
+  }, []);
+  return { restartTimer, clearUpdateTimer };
 }
-export default useSaveDelay;
+var useSaveDelay_default = useSaveDelay;
+//# sourceMappingURL=useSaveDelay.js.map

package/dist/hooks/useSaveDelay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useSaveDelay.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nfunction useSaveDelay(setNotificationStatus: (isShowing: boolean) => void, delay: number) {\n  const [updateTimer, setUpdateTimer] = useState<NodeJS.Timeout | undefined>(undefined)\n  const [notificationTimer, setNotificationTimer] = useState<NodeJS.Timeout | undefined>(undefined)\n\n  const restartTimer = (onSave: () => void) => {\n    clearTimeout(updateTimer)\n    setUpdateTimer(setTimeout(() => {\n      onSave()\n      setNotificationStatus(true)\n      // Show Saved Notification for fade animation duration\n      clearTimeout(notificationTimer)\n      setNotificationTimer(setTimeout(() => {\n        setNotificationStatus(false)\n        clearTimeout(notificationTimer)\n      }, delay))\n      clearTimeout(updateTimer)\n    }, delay))\n  }\n\n  const clearUpdateTimer = (hasSaved = true) => {\n    clearTimeout(updateTimer)\n    if (hasSaved) {\n      setNotificationStatus(true)\n      clearTimeout(notificationTimer)\n      setNotificationTimer(setTimeout(() => {\n        setNotificationStatus(false)\n        clearTimeout(notificationTimer)\n      }, delay))\n    } else {\n      setNotificationStatus(false)\n    }\n  }\n\n  useEffect(() => {\n    return () => {\n      clearTimeout(updateTimer)\n      clearTimeout(notificationTimer)\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return { restartTimer, clearUpdateTimer }\n}\n\nexport default useSaveDelay\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAEpC,SAAS,aAAa,uBAAqD,OAAe;AACxF,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAqC,MAAS;AACpF,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,uBAAqC,MAAS;AAEhG,QAAM,eAAe,CAAC,WAAuB;AAC3C,iBAAa,WAAW;AACxB,mBAAe,WAAW,MAAM;AAC9B,aAAO;AACP,4BAAsB,IAAI;AAE1B,mBAAa,iBAAiB;AAC9B,2BAAqB,WAAW,MAAM;AACpC,8BAAsB,KAAK;AAC3B,qBAAa,iBAAiB;AAAA,MAChC,GAAG,KAAK,CAAC;AACT,mBAAa,WAAW;AAAA,IAC1B,GAAG,KAAK,CAAC;AAAA,EACX;AAEA,QAAM,mBAAmB,CAAC,WAAW,SAAS;AAC5C,iBAAa,WAAW;AACxB,QAAI,UAAU;AACZ,4BAAsB,IAAI;AAC1B,mBAAa,iBAAiB;AAC9B,2BAAqB,WAAW,MAAM;AACpC,8BAAsB,KAAK;AAC3B,qBAAa,iBAAiB;AAAA,MAChC,GAAG,KAAK,CAAC;AAAA,IACX,OAAO;AACL,4BAAsB,KAAK;AAAA,IAC7B;AAAA,EACF;AAEA,8BAAU,MAAM;AACd,WAAO,MAAM;AACX,mBAAa,WAAW;AACxB,mBAAa,iBAAiB;AAAA,IAChC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,cAAc,iBAAiB;AAC1C;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/hooks/useSaveDelay.mjs

@@ -0,0 +1,44 @@
+// src/hooks/useSaveDelay.ts
+import { useEffect, useState } from "react";
+function useSaveDelay(setNotificationStatus, delay) {
+  const [updateTimer, setUpdateTimer] = useState(void 0);
+  const [notificationTimer, setNotificationTimer] = useState(void 0);
+  const restartTimer = (onSave) => {
+    clearTimeout(updateTimer);
+    setUpdateTimer(setTimeout(() => {
+      onSave();
+      setNotificationStatus(true);
+      clearTimeout(notificationTimer);
+      setNotificationTimer(setTimeout(() => {
+        setNotificationStatus(false);
+        clearTimeout(notificationTimer);
+      }, delay));
+      clearTimeout(updateTimer);
+    }, delay));
+  };
+  const clearUpdateTimer = (hasSaved = true) => {
+    clearTimeout(updateTimer);
+    if (hasSaved) {
+      setNotificationStatus(true);
+      clearTimeout(notificationTimer);
+      setNotificationTimer(setTimeout(() => {
+        setNotificationStatus(false);
+        clearTimeout(notificationTimer);
+      }, delay));
+    } else {
+      setNotificationStatus(false);
+    }
+  };
+  useEffect(() => {
+    return () => {
+      clearTimeout(updateTimer);
+      clearTimeout(notificationTimer);
+    };
+  }, []);
+  return { restartTimer, clearUpdateTimer };
+}
+var useSaveDelay_default = useSaveDelay;
+export {
+  useSaveDelay_default as default
+};
+//# sourceMappingURL=useSaveDelay.mjs.map

package/dist/hooks/useSaveDelay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useSaveDelay.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nfunction useSaveDelay(setNotificationStatus: (isShowing: boolean) => void, delay: number) {\n  const [updateTimer, setUpdateTimer] = useState<NodeJS.Timeout | undefined>(undefined)\n  const [notificationTimer, setNotificationTimer] = useState<NodeJS.Timeout | undefined>(undefined)\n\n  const restartTimer = (onSave: () => void) => {\n    clearTimeout(updateTimer)\n    setUpdateTimer(setTimeout(() => {\n      onSave()\n      setNotificationStatus(true)\n      // Show Saved Notification for fade animation duration\n      clearTimeout(notificationTimer)\n      setNotificationTimer(setTimeout(() => {\n        setNotificationStatus(false)\n        clearTimeout(notificationTimer)\n      }, delay))\n      clearTimeout(updateTimer)\n    }, delay))\n  }\n\n  const clearUpdateTimer = (hasSaved = true) => {\n    clearTimeout(updateTimer)\n    if (hasSaved) {\n      setNotificationStatus(true)\n      clearTimeout(notificationTimer)\n      setNotificationTimer(setTimeout(() => {\n        setNotificationStatus(false)\n        clearTimeout(notificationTimer)\n      }, delay))\n    } else {\n      setNotificationStatus(false)\n    }\n  }\n\n  useEffect(() => {\n    return () => {\n      clearTimeout(updateTimer)\n      clearTimeout(notificationTimer)\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return { restartTimer, clearUpdateTimer }\n}\n\nexport default useSaveDelay\n"],"mappings":";AAAA,SAAS,WAAW,gBAAgB;AAEpC,SAAS,aAAa,uBAAqD,OAAe;AACxF,QAAM,CAAC,aAAa,cAAc,IAAI,SAAqC,MAAS;AACpF,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAqC,MAAS;AAEhG,QAAM,eAAe,CAAC,WAAuB;AAC3C,iBAAa,WAAW;AACxB,mBAAe,WAAW,MAAM;AAC9B,aAAO;AACP,4BAAsB,IAAI;AAE1B,mBAAa,iBAAiB;AAC9B,2BAAqB,WAAW,MAAM;AACpC,8BAAsB,KAAK;AAC3B,qBAAa,iBAAiB;AAAA,MAChC,GAAG,KAAK,CAAC;AACT,mBAAa,WAAW;AAAA,IAC1B,GAAG,KAAK,CAAC;AAAA,EACX;AAEA,QAAM,mBAAmB,CAAC,WAAW,SAAS;AAC5C,iBAAa,WAAW;AACxB,QAAI,UAAU;AACZ,4BAAsB,IAAI;AAC1B,mBAAa,iBAAiB;AAC9B,2BAAqB,WAAW,MAAM;AACpC,8BAAsB,KAAK;AAC3B,qBAAa,iBAAiB;AAAA,MAChC,GAAG,KAAK,CAAC;AAAA,IACX,OAAO;AACL,4BAAsB,KAAK;AAAA,IAC7B;AAAA,EACF;AAEA,YAAU,MAAM;AACd,WAAO,MAAM;AACX,mBAAa,WAAW;AACxB,mBAAa,iBAAiB;AAAA,IAChC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,cAAc,iBAAiB;AAC1C;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/hooks/useTheme.d.mts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { Dispatch, SetStateAction, PropsWithChildren } from 'react';
+import { Translation } from './useTranslation.mjs';
+import './useLanguage.mjs';
+
+type ThemeType = 'light' | 'dark';
+type ThemeTypeTranslation = Record<ThemeType, string>;
+declare const defaultThemeTypeTranslation: Translation<ThemeTypeTranslation>;
+type ThemeContextType = {
+    theme: ThemeType;
+    setTheme: Dispatch<SetStateAction<ThemeType>>;
+};
+declare const ThemeContext: react.Context<ThemeContextType>;
+type ThemeProviderProps = {
+    initialTheme?: ThemeType;
+};
+declare const ThemeProvider: ({ children, initialTheme }: PropsWithChildren<ThemeProviderProps>) => react_jsx_runtime.JSX.Element;
+declare const useTheme: () => ThemeContextType;
+
+export { ThemeContext, ThemeProvider, type ThemeType, type ThemeTypeTranslation, defaultThemeTypeTranslation, useTheme };

package/dist/hooks/useTheme.d.ts

@@ -1,16 +1,21 @@
-import type { Dispatch, SetStateAction, PropsWithChildren } from 'react';
-import type { Translation } from './useTranslation';
-export type ThemeType = 'light' | 'dark';
-export type ThemeTypeTranslation = Record<ThemeType, string>;
-export declare const defaultThemeTypeTranslation: Translation<ThemeTypeTranslation>;
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { Dispatch, SetStateAction, PropsWithChildren } from 'react';
+import { Translation } from './useTranslation.js';
+import './useLanguage.js';
+
+type ThemeType = 'light' | 'dark';
+type ThemeTypeTranslation = Record<ThemeType, string>;
+declare const defaultThemeTypeTranslation: Translation<ThemeTypeTranslation>;
 type ThemeContextType = {
     theme: ThemeType;
     setTheme: Dispatch<SetStateAction<ThemeType>>;
 };
-export declare const ThemeContext: import("react").Context<ThemeContextType>;
+declare const ThemeContext: react.Context<ThemeContextType>;
 type ThemeProviderProps = {
     initialTheme?: ThemeType;
 };
-export declare const ThemeProvider: ({ children, initialTheme }: PropsWithChildren<ThemeProviderProps>) => import("react/jsx-runtime").JSX.Element;
-export declare const useTheme: () => ThemeContextType;
-export {};
+declare const ThemeProvider: ({ children, initialTheme }: PropsWithChildren<ThemeProviderProps>) => react_jsx_runtime.JSX.Element;
+declare const useTheme: () => ThemeContextType;
+
+export { ThemeContext, ThemeProvider, type ThemeType, type ThemeTypeTranslation, defaultThemeTypeTranslation, useTheme };

package/dist/hooks/useTheme.js

@@ -1,32 +1,68 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { createContext, useState, useEffect } from 'react';
-export const defaultThemeTypeTranslation = {
-    en: {
-        dark: 'Dark',
-        light: 'Light'
-    },
-    de: {
-        dark: 'Dunkel',
-        light: 'Hell'
-    }
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useTheme.tsx
+var useTheme_exports = {};
+__export(useTheme_exports, {
+  ThemeContext: () => ThemeContext,
+  ThemeProvider: () => ThemeProvider,
+  defaultThemeTypeTranslation: () => defaultThemeTypeTranslation,
+  useTheme: () => useTheme
+});
+module.exports = __toCommonJS(useTheme_exports);
+var import_react = require("react");
+var import_react2 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultThemeTypeTranslation = {
+  en: {
+    dark: "Dark",
+    light: "Light"
+  },
+  de: {
+    dark: "Dunkel",
+    light: "Hell"
+  }
 };
-export const ThemeContext = createContext({
-    theme: 'light',
-    setTheme: (_) => {
-    },
+var ThemeContext = (0, import_react2.createContext)({
+  theme: "light",
+  setTheme: (_) => {
+  }
 });
-export const ThemeProvider = ({ children, initialTheme = 'light' }) => {
-    const [theme, setTheme] = useState(initialTheme);
-    useEffect(() => {
-        if (theme !== initialTheme) {
-            console.warn('ThemeProvider initial state changed: Prefer using useTheme\'s setTheme instead');
-            setTheme(initialTheme);
-        }
-    }, [initialTheme]); // eslint-disable-line react-hooks/exhaustive-deps
-    useEffect(() => {
-        document.documentElement.setAttribute('data-theme', theme);
-    }, [theme]);
-    return (_jsx(ThemeContext.Provider, { value: { theme, setTheme }, children: children }));
+var ThemeProvider = ({ children, initialTheme = "light" }) => {
+  const [theme, setTheme] = (0, import_react2.useState)(initialTheme);
+  (0, import_react2.useEffect)(() => {
+    if (theme !== initialTheme) {
+      console.warn("ThemeProvider initial state changed: Prefer using useTheme's setTheme instead");
+      setTheme(initialTheme);
+    }
+  }, [initialTheme]);
+  (0, import_react2.useEffect)(() => {
+    document.documentElement.setAttribute("data-theme", theme);
+  }, [theme]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeContext.Provider, { value: { theme, setTheme }, children });
 };
-export const useTheme = () => useContext(ThemeContext);
+var useTheme = () => (0, import_react.useContext)(ThemeContext);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeContext,
+  ThemeProvider,
+  defaultThemeTypeTranslation,
+  useTheme
+});
+//# sourceMappingURL=useTheme.js.map

package/dist/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useTheme.tsx"],"sourcesContent":["import { useContext } from 'react'\nimport type { Dispatch, SetStateAction, PropsWithChildren } from 'react'\nimport { createContext, useState, useEffect } from 'react'\nimport type { Translation } from './useTranslation'\n\nexport type ThemeType = 'light' | 'dark'\n\nexport type ThemeTypeTranslation = Record<ThemeType, string>\nexport const defaultThemeTypeTranslation: Translation<ThemeTypeTranslation> = {\n  en: {\n    dark: 'Dark',\n    light: 'Light'\n  },\n  de: {\n    dark: 'Dunkel',\n    light: 'Hell'\n  }\n}\n\ntype ThemeContextType = {\n  theme: ThemeType,\n  setTheme: Dispatch<SetStateAction<ThemeType>>,\n}\n\nexport const ThemeContext = createContext<ThemeContextType>({\n  theme: 'light',\n  setTheme: (_: SetStateAction<ThemeType>) => {\n  },\n})\n\ntype ThemeProviderProps = {\n  initialTheme?: ThemeType,\n}\n\nexport const ThemeProvider = ({ children, initialTheme = 'light' }: PropsWithChildren<ThemeProviderProps>) => {\n  const [theme, setTheme] = useState<ThemeType>(initialTheme)\n\n  useEffect(() => {\n    if (theme !== initialTheme) {\n      console.warn('ThemeProvider initial state changed: Prefer using useTheme\\'s setTheme instead')\n      setTheme(initialTheme)\n    }\n  }, [initialTheme]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', theme)\n  }, [theme])\n\n  return (\n    <ThemeContext.Provider value={{ theme, setTheme }}>\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\n\nexport const useTheme = () => useContext(ThemeContext)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAE3B,IAAAA,gBAAmD;AA+C/C;AAzCG,IAAM,8BAAiE;AAAA,EAC5E,IAAI;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,IAAI;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;AAOO,IAAM,mBAAe,6BAAgC;AAAA,EAC1D,OAAO;AAAA,EACP,UAAU,CAAC,MAAiC;AAAA,EAC5C;AACF,CAAC;AAMM,IAAM,gBAAgB,CAAC,EAAE,UAAU,eAAe,QAAQ,MAA6C;AAC5G,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAAoB,YAAY;AAE1D,+BAAU,MAAM;AACd,QAAI,UAAU,cAAc;AAC1B,cAAQ,KAAK,+EAAgF;AAC7F,eAAS,YAAY;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,+BAAU,MAAM;AACd,aAAS,gBAAgB,aAAa,cAAc,KAAK;AAAA,EAC3D,GAAG,CAAC,KAAK,CAAC;AAEV,SACE,4CAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,OAAO,SAAS,GAC7C,UACH;AAEJ;AAGO,IAAM,WAAW,UAAM,yBAAW,YAAY;","names":["import_react"]}