@helpwave/hightide 0.1.46 → 0.1.48

package/dist/theming/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/theming/useTheme.tsx","../../src/hooks/useLocalStorage.ts","../../src/utils/storage.ts","../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\n\nconst themes = ['light', 'dark', 'system'] as const\n\nexport type ThemeType = typeof themes[number]\nexport type ResolvedTheme = Exclude<ThemeType, 'system'>\n\nexport const ThemeUtil = {\n  themes,\n}\n\ntype ThemeContextType = {\n  theme: ThemeType,\n  resolvedTheme: ResolvedTheme,\n  setTheme: Dispatch<SetStateAction<ThemeType>>,\n}\n\nexport const ThemeContext = createContext<ThemeContextType | null>(null)\n\ntype ThemeProviderProps = {\n  /**\n   * Only set this if you want to control the theme yourself\n   */\n  theme?: ThemeType,\n}\n\nexport const ThemeProvider = ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => {\n  const {\n    value: storedTheme,\n    setValue: setStoredTheme,\n    deleteValue: deleteStoredTheme\n  } = useLocalStorage<ThemeType>('theme', 'system')\n  const [themePreference, setThemePreference] = useState<ThemeType>('system')\n\n  const resolvedTheme = useMemo((): ResolvedTheme => {\n    if (theme && theme !== 'system') {\n      return theme\n    }\n    if (storedTheme && storedTheme !== 'system') {\n      return storedTheme\n    }\n    if (themePreference !== 'system') {\n      return themePreference\n    }\n    return 'light'\n  }, [storedTheme, theme, themePreference])\n\n  useEffect(() => {\n    if(!theme) return\n    if (theme === 'system') {\n      deleteStoredTheme()\n    } else {\n      setStoredTheme(theme)\n    }\n  }, [theme]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', resolvedTheme)\n  }, [resolvedTheme])\n\n  const getPreference = useCallback(() => {\n    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n    const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches\n    setThemePreference(prefersDark ? 'dark' : (prefersLight ? 'light' : 'system'))\n  }, [])\n\n  useEffect(() => {\n    getPreference()\n  }, [getPreference])\n\n  useEffect(() => {\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const lightQuery = window.matchMedia('(prefers-color-scheme: light)')\n    const noPrefQuery = window.matchMedia('(prefers-color-scheme: no-preference)')\n    darkQuery.addEventListener('change', getPreference)\n    lightQuery.addEventListener('change', getPreference)\n    noPrefQuery.addEventListener('change', getPreference)\n    return () => {\n      darkQuery.removeEventListener('change', getPreference)\n      lightQuery.removeEventListener('change', getPreference)\n      noPrefQuery.removeEventListener('change', getPreference)\n    }\n  }, [getPreference])\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        theme: storedTheme,\n        resolvedTheme,\n        setTheme: (newTheme) => {\n          if (theme && theme !== 'system') {\n            console.warn('ThemeProvider: Attempting to change the ' +\n              \"theme while setting a fixed theme won't have any effect. \" +\n              'Change the theme provided to the ThemeProvider instead.')\n          }\n          setStoredTheme(newTheme)\n        }\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.')\n  }\n  return context\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    try {\n      const value = storageService.get<T>(key)\n      return value || backupValue\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    } catch (_) {\n      console.warn('useLocalStorage: Error while reading the stored value. Make sure your typing is correct.')\n      storageService.delete(key)\n      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`)\n      return backupValue\n    }\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\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\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","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["useCallback","useState","useState","useCallback"]}

package/dist/theming/useTheme.cjs

@@ -1,188 +0,0 @@
-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/theming/useTheme.tsx
-var useTheme_exports = {};
-__export(useTheme_exports, {
-  ThemeContext: () => ThemeContext,
-  ThemeProvider: () => ThemeProvider,
-  ThemeUtil: () => ThemeUtil,
-  useTheme: () => useTheme
-});
-module.exports = __toCommonJS(useTheme_exports);
-var import_react2 = require("react");
-
-// src/hooks/useLocalStorage.ts
-var import_react = require("react");
-
-// src/utils/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/utils/resolveSetState.ts
-function resolveSetState(action, prev) {
-  return typeof action === "function" ? action(prev) : action;
-}
-
-// src/hooks/useLocalStorage.ts
-var useLocalStorage = (key, backupValue) => {
-  const get = (0, import_react.useCallback)(() => {
-    if (typeof window === "undefined") {
-      return backupValue;
-    }
-    const storageService = new LocalStorageService();
-    try {
-      const value = storageService.get(key);
-      return value || backupValue;
-    } catch (_) {
-      console.warn("useLocalStorage: Error while reading the stored value. Make sure your typing is correct.");
-      storageService.delete(key);
-      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`);
-      return backupValue;
-    }
-  }, [backupValue, key]);
-  const [storedValue, setStoredValue] = (0, import_react.useState)(get);
-  const setValue = (0, import_react.useCallback)((action) => {
-    const newValue = resolveSetState(action, storedValue);
-    const storageService = new LocalStorageService();
-    storageService.set(key, newValue);
-    setStoredValue(newValue);
-  }, [storedValue, setStoredValue, key]);
-  const deleteValue = () => {
-    const storageService = new LocalStorageService();
-    storageService.delete(key);
-    setStoredValue(backupValue);
-  };
-  return { value: storedValue, setValue, deleteValue };
-};
-
-// src/theming/useTheme.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var themes = ["light", "dark", "system"];
-var ThemeUtil = {
-  themes
-};
-var ThemeContext = (0, import_react2.createContext)(null);
-var ThemeProvider = ({ children, theme }) => {
-  const {
-    value: storedTheme,
-    setValue: setStoredTheme,
-    deleteValue: deleteStoredTheme
-  } = useLocalStorage("theme", "system");
-  const [themePreference, setThemePreference] = (0, import_react2.useState)("system");
-  const resolvedTheme = (0, import_react2.useMemo)(() => {
-    if (theme && theme !== "system") {
-      return theme;
-    }
-    if (storedTheme && storedTheme !== "system") {
-      return storedTheme;
-    }
-    if (themePreference !== "system") {
-      return themePreference;
-    }
-    return "light";
-  }, [storedTheme, theme, themePreference]);
-  (0, import_react2.useEffect)(() => {
-    if (!theme) return;
-    if (theme === "system") {
-      deleteStoredTheme();
-    } else {
-      setStoredTheme(theme);
-    }
-  }, [theme]);
-  (0, import_react2.useEffect)(() => {
-    document.documentElement.setAttribute("data-theme", resolvedTheme);
-  }, [resolvedTheme]);
-  const getPreference = (0, import_react2.useCallback)(() => {
-    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-    const prefersLight = window.matchMedia("(prefers-color-scheme: light)").matches;
-    setThemePreference(prefersDark ? "dark" : prefersLight ? "light" : "system");
-  }, []);
-  (0, import_react2.useEffect)(() => {
-    getPreference();
-  }, [getPreference]);
-  (0, import_react2.useEffect)(() => {
-    const darkQuery = window.matchMedia("(prefers-color-scheme: dark)");
-    const lightQuery = window.matchMedia("(prefers-color-scheme: light)");
-    const noPrefQuery = window.matchMedia("(prefers-color-scheme: no-preference)");
-    darkQuery.addEventListener("change", getPreference);
-    lightQuery.addEventListener("change", getPreference);
-    noPrefQuery.addEventListener("change", getPreference);
-    return () => {
-      darkQuery.removeEventListener("change", getPreference);
-      lightQuery.removeEventListener("change", getPreference);
-      noPrefQuery.removeEventListener("change", getPreference);
-    };
-  }, [getPreference]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    ThemeContext.Provider,
-    {
-      value: {
-        theme: storedTheme,
-        resolvedTheme,
-        setTheme: (newTheme) => {
-          if (theme && theme !== "system") {
-            console.warn("ThemeProvider: Attempting to change the theme while setting a fixed theme won't have any effect. Change the theme provided to the ThemeProvider instead.");
-          }
-          setStoredTheme(newTheme);
-        }
-      },
-      children
-    }
-  );
-};
-var useTheme = () => {
-  const context = (0, import_react2.useContext)(ThemeContext);
-  if (!context) {
-    throw new Error("useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.");
-  }
-  return context;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ThemeContext,
-  ThemeProvider,
-  ThemeUtil,
-  useTheme
-});
-//# sourceMappingURL=useTheme.cjs.map

package/dist/theming/useTheme.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/theming/useTheme.tsx","../../src/hooks/useLocalStorage.ts","../../src/utils/storage.ts","../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\n\nconst themes = ['light', 'dark', 'system'] as const\n\nexport type ThemeType = typeof themes[number]\nexport type ResolvedTheme = Exclude<ThemeType, 'system'>\n\nexport const ThemeUtil = {\n  themes,\n}\n\ntype ThemeContextType = {\n  theme: ThemeType,\n  resolvedTheme: ResolvedTheme,\n  setTheme: Dispatch<SetStateAction<ThemeType>>,\n}\n\nexport const ThemeContext = createContext<ThemeContextType | null>(null)\n\ntype ThemeProviderProps = {\n  /**\n   * Only set this if you want to control the theme yourself\n   */\n  theme?: ThemeType,\n}\n\nexport const ThemeProvider = ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => {\n  const {\n    value: storedTheme,\n    setValue: setStoredTheme,\n    deleteValue: deleteStoredTheme\n  } = useLocalStorage<ThemeType>('theme', 'system')\n  const [themePreference, setThemePreference] = useState<ThemeType>('system')\n\n  const resolvedTheme = useMemo((): ResolvedTheme => {\n    if (theme && theme !== 'system') {\n      return theme\n    }\n    if (storedTheme && storedTheme !== 'system') {\n      return storedTheme\n    }\n    if (themePreference !== 'system') {\n      return themePreference\n    }\n    return 'light'\n  }, [storedTheme, theme, themePreference])\n\n  useEffect(() => {\n    if(!theme) return\n    if (theme === 'system') {\n      deleteStoredTheme()\n    } else {\n      setStoredTheme(theme)\n    }\n  }, [theme]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', resolvedTheme)\n  }, [resolvedTheme])\n\n  const getPreference = useCallback(() => {\n    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n    const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches\n    setThemePreference(prefersDark ? 'dark' : (prefersLight ? 'light' : 'system'))\n  }, [])\n\n  useEffect(() => {\n    getPreference()\n  }, [getPreference])\n\n  useEffect(() => {\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const lightQuery = window.matchMedia('(prefers-color-scheme: light)')\n    const noPrefQuery = window.matchMedia('(prefers-color-scheme: no-preference)')\n    darkQuery.addEventListener('change', getPreference)\n    lightQuery.addEventListener('change', getPreference)\n    noPrefQuery.addEventListener('change', getPreference)\n    return () => {\n      darkQuery.removeEventListener('change', getPreference)\n      lightQuery.removeEventListener('change', getPreference)\n      noPrefQuery.removeEventListener('change', getPreference)\n    }\n  }, [getPreference])\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        theme: storedTheme,\n        resolvedTheme,\n        setTheme: (newTheme) => {\n          if (theme && theme !== 'system') {\n            console.warn('ThemeProvider: Attempting to change the ' +\n              \"theme while setting a fixed theme won't have any effect. \" +\n              'Change the theme provided to the ThemeProvider instead.')\n          }\n          setStoredTheme(newTheme)\n        }\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.')\n  }\n  return context\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    try {\n      const value = storageService.get<T>(key)\n      return value || backupValue\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    } catch (_) {\n      console.warn('useLocalStorage: Error while reading the stored value. Make sure your typing is correct.')\n      storageService.delete(key)\n      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`)\n      return backupValue\n    }\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\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\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","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,gBAAqF;;;ACErF,mBAAsC;;;ACHtC,IAAM,iBAAN,MAAqB;AAAA;AAAA,EAGnB,YAAoB,SAAkB;AAAlB;AAAA,EACpB;AAAA,EAEO,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;;;AC7BO,SAAS,gBAAmB,QAA2B,MAAY;AACxE,SAAO,OAAO,WAAW,aAAc,OAA0B,IAAI,IAAI;AAC3E;;;AFiBO,IAAM,kBAAkB,CAAI,KAAa,gBAA6C;AAC3F,QAAM,UAAM,0BAAY,MAAS;AAC/B,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AACA,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,QAAI;AACF,YAAM,QAAQ,eAAe,IAAO,GAAG;AACvC,aAAO,SAAS;AAAA,IAElB,SAAS,GAAG;AACV,cAAQ,KAAK,0FAA0F;AACvG,qBAAe,OAAO,GAAG;AACzB,cAAQ,KAAK,qDAAqD,GAAG,EAAE;AACvE,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,aAAa,GAAG,CAAC;AAErB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAY,GAAG;AAErD,QAAM,eAAwB,0BAAY,YAAU;AAClD,UAAM,WAAW,gBAAgB,QAAQ,WAAW;AACpD,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,mBAAe,IAAI,KAAK,QAAQ;AAEhC,mBAAe,QAAQ;AAAA,EACzB,GAAG,CAAC,aAAa,gBAAgB,GAAG,CAAC;AAErC,QAAM,cAAc,MAAM;AACxB,UAAM,iBAAiB,IAAI,oBAAoB;AAC/C,mBAAe,OAAO,GAAG;AACzB,mBAAe,WAAW;AAAA,EAC5B;AAEA,SAAO,EAAE,OAAO,aAAa,UAAU,YAAY;AACrD;;;AD+BI;AAnFJ,IAAM,SAAS,CAAC,SAAS,QAAQ,QAAQ;AAKlC,IAAM,YAAY;AAAA,EACvB;AACF;AAQO,IAAM,mBAAe,6BAAuC,IAAI;AAShE,IAAM,gBAAgB,CAAC,EAAE,UAAU,MAAM,MAA6C;AAC3F,QAAM;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,aAAa;AAAA,EACf,IAAI,gBAA2B,SAAS,QAAQ;AAChD,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,wBAAoB,QAAQ;AAE1E,QAAM,oBAAgB,uBAAQ,MAAqB;AACjD,QAAI,SAAS,UAAU,UAAU;AAC/B,aAAO;AAAA,IACT;AACA,QAAI,eAAe,gBAAgB,UAAU;AAC3C,aAAO;AAAA,IACT;AACA,QAAI,oBAAoB,UAAU;AAChC,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,OAAO,eAAe,CAAC;AAExC,+BAAU,MAAM;AACd,QAAG,CAAC,MAAO;AACX,QAAI,UAAU,UAAU;AACtB,wBAAkB;AAAA,IACpB,OAAO;AACL,qBAAe,KAAK;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,+BAAU,MAAM;AACd,aAAS,gBAAgB,aAAa,cAAc,aAAa;AAAA,EACnE,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,oBAAgB,2BAAY,MAAM;AACtC,UAAM,cAAc,OAAO,WAAW,8BAA8B,EAAE;AACtE,UAAM,eAAe,OAAO,WAAW,+BAA+B,EAAE;AACxE,uBAAmB,cAAc,SAAU,eAAe,UAAU,QAAS;AAAA,EAC/E,GAAG,CAAC,CAAC;AAEL,+BAAU,MAAM;AACd,kBAAc;AAAA,EAChB,GAAG,CAAC,aAAa,CAAC;AAElB,+BAAU,MAAM;AACd,UAAM,YAAY,OAAO,WAAW,8BAA8B;AAClE,UAAM,aAAa,OAAO,WAAW,+BAA+B;AACpE,UAAM,cAAc,OAAO,WAAW,uCAAuC;AAC7E,cAAU,iBAAiB,UAAU,aAAa;AAClD,eAAW,iBAAiB,UAAU,aAAa;AACnD,gBAAY,iBAAiB,UAAU,aAAa;AACpD,WAAO,MAAM;AACX,gBAAU,oBAAoB,UAAU,aAAa;AACrD,iBAAW,oBAAoB,UAAU,aAAa;AACtD,kBAAY,oBAAoB,UAAU,aAAa;AAAA,IACzD;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAElB,SACE;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP;AAAA,QACA,UAAU,CAAC,aAAa;AACtB,cAAI,SAAS,UAAU,UAAU;AAC/B,oBAAQ,KAAK,0JAE8C;AAAA,UAC7D;AACA,yBAAe,QAAQ;AAAA,QACzB;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEO,IAAM,WAAW,MAAM;AAC5B,QAAM,cAAU,0BAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,wFAAwF;AAAA,EAC1G;AACA,SAAO;AACT;","names":["import_react"]}

package/dist/theming/useTheme.d.cts

@@ -1,26 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { Dispatch, SetStateAction, PropsWithChildren } from 'react';
-
-declare const themes: readonly ["light", "dark", "system"];
-type ThemeType = typeof themes[number];
-type ResolvedTheme = Exclude<ThemeType, 'system'>;
-declare const ThemeUtil: {
-    themes: readonly ["light", "dark", "system"];
-};
-type ThemeContextType = {
-    theme: ThemeType;
-    resolvedTheme: ResolvedTheme;
-    setTheme: Dispatch<SetStateAction<ThemeType>>;
-};
-declare const ThemeContext: React.Context<ThemeContextType>;
-type ThemeProviderProps = {
-    /**
-     * Only set this if you want to control the theme yourself
-     */
-    theme?: ThemeType;
-};
-declare const ThemeProvider: ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => react_jsx_runtime.JSX.Element;
-declare const useTheme: () => ThemeContextType;
-
-export { type ResolvedTheme, ThemeContext, ThemeProvider, type ThemeType, ThemeUtil, useTheme };

package/dist/theming/useTheme.d.ts

@@ -1,26 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { Dispatch, SetStateAction, PropsWithChildren } from 'react';
-
-declare const themes: readonly ["light", "dark", "system"];
-type ThemeType = typeof themes[number];
-type ResolvedTheme = Exclude<ThemeType, 'system'>;
-declare const ThemeUtil: {
-    themes: readonly ["light", "dark", "system"];
-};
-type ThemeContextType = {
-    theme: ThemeType;
-    resolvedTheme: ResolvedTheme;
-    setTheme: Dispatch<SetStateAction<ThemeType>>;
-};
-declare const ThemeContext: React.Context<ThemeContextType>;
-type ThemeProviderProps = {
-    /**
-     * Only set this if you want to control the theme yourself
-     */
-    theme?: ThemeType;
-};
-declare const ThemeProvider: ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => react_jsx_runtime.JSX.Element;
-declare const useTheme: () => ThemeContextType;
-
-export { type ResolvedTheme, ThemeContext, ThemeProvider, type ThemeType, ThemeUtil, useTheme };

package/dist/theming/useTheme.js

@@ -1,161 +0,0 @@
-// src/theming/useTheme.tsx
-import { createContext, useCallback as useCallback2, useContext, useEffect, useMemo, useState as useState2 } from "react";
-
-// src/hooks/useLocalStorage.ts
-import { useCallback, useState } from "react";
-
-// src/utils/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/utils/resolveSetState.ts
-function resolveSetState(action, prev) {
-  return typeof action === "function" ? action(prev) : action;
-}
-
-// src/hooks/useLocalStorage.ts
-var useLocalStorage = (key, backupValue) => {
-  const get = useCallback(() => {
-    if (typeof window === "undefined") {
-      return backupValue;
-    }
-    const storageService = new LocalStorageService();
-    try {
-      const value = storageService.get(key);
-      return value || backupValue;
-    } catch (_) {
-      console.warn("useLocalStorage: Error while reading the stored value. Make sure your typing is correct.");
-      storageService.delete(key);
-      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`);
-      return backupValue;
-    }
-  }, [backupValue, key]);
-  const [storedValue, setStoredValue] = useState(get);
-  const setValue = useCallback((action) => {
-    const newValue = resolveSetState(action, storedValue);
-    const storageService = new LocalStorageService();
-    storageService.set(key, newValue);
-    setStoredValue(newValue);
-  }, [storedValue, setStoredValue, key]);
-  const deleteValue = () => {
-    const storageService = new LocalStorageService();
-    storageService.delete(key);
-    setStoredValue(backupValue);
-  };
-  return { value: storedValue, setValue, deleteValue };
-};
-
-// src/theming/useTheme.tsx
-import { jsx } from "react/jsx-runtime";
-var themes = ["light", "dark", "system"];
-var ThemeUtil = {
-  themes
-};
-var ThemeContext = createContext(null);
-var ThemeProvider = ({ children, theme }) => {
-  const {
-    value: storedTheme,
-    setValue: setStoredTheme,
-    deleteValue: deleteStoredTheme
-  } = useLocalStorage("theme", "system");
-  const [themePreference, setThemePreference] = useState2("system");
-  const resolvedTheme = useMemo(() => {
-    if (theme && theme !== "system") {
-      return theme;
-    }
-    if (storedTheme && storedTheme !== "system") {
-      return storedTheme;
-    }
-    if (themePreference !== "system") {
-      return themePreference;
-    }
-    return "light";
-  }, [storedTheme, theme, themePreference]);
-  useEffect(() => {
-    if (!theme) return;
-    if (theme === "system") {
-      deleteStoredTheme();
-    } else {
-      setStoredTheme(theme);
-    }
-  }, [theme]);
-  useEffect(() => {
-    document.documentElement.setAttribute("data-theme", resolvedTheme);
-  }, [resolvedTheme]);
-  const getPreference = useCallback2(() => {
-    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-    const prefersLight = window.matchMedia("(prefers-color-scheme: light)").matches;
-    setThemePreference(prefersDark ? "dark" : prefersLight ? "light" : "system");
-  }, []);
-  useEffect(() => {
-    getPreference();
-  }, [getPreference]);
-  useEffect(() => {
-    const darkQuery = window.matchMedia("(prefers-color-scheme: dark)");
-    const lightQuery = window.matchMedia("(prefers-color-scheme: light)");
-    const noPrefQuery = window.matchMedia("(prefers-color-scheme: no-preference)");
-    darkQuery.addEventListener("change", getPreference);
-    lightQuery.addEventListener("change", getPreference);
-    noPrefQuery.addEventListener("change", getPreference);
-    return () => {
-      darkQuery.removeEventListener("change", getPreference);
-      lightQuery.removeEventListener("change", getPreference);
-      noPrefQuery.removeEventListener("change", getPreference);
-    };
-  }, [getPreference]);
-  return /* @__PURE__ */ jsx(
-    ThemeContext.Provider,
-    {
-      value: {
-        theme: storedTheme,
-        resolvedTheme,
-        setTheme: (newTheme) => {
-          if (theme && theme !== "system") {
-            console.warn("ThemeProvider: Attempting to change the theme while setting a fixed theme won't have any effect. Change the theme provided to the ThemeProvider instead.");
-          }
-          setStoredTheme(newTheme);
-        }
-      },
-      children
-    }
-  );
-};
-var useTheme = () => {
-  const context = useContext(ThemeContext);
-  if (!context) {
-    throw new Error("useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.");
-  }
-  return context;
-};
-export {
-  ThemeContext,
-  ThemeProvider,
-  ThemeUtil,
-  useTheme
-};
-//# sourceMappingURL=useTheme.js.map

package/dist/theming/useTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/theming/useTheme.tsx","../../src/hooks/useLocalStorage.ts","../../src/utils/storage.ts","../../src/utils/resolveSetState.ts"],"sourcesContent":["import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\n\nconst themes = ['light', 'dark', 'system'] as const\n\nexport type ThemeType = typeof themes[number]\nexport type ResolvedTheme = Exclude<ThemeType, 'system'>\n\nexport const ThemeUtil = {\n  themes,\n}\n\ntype ThemeContextType = {\n  theme: ThemeType,\n  resolvedTheme: ResolvedTheme,\n  setTheme: Dispatch<SetStateAction<ThemeType>>,\n}\n\nexport const ThemeContext = createContext<ThemeContextType | null>(null)\n\ntype ThemeProviderProps = {\n  /**\n   * Only set this if you want to control the theme yourself\n   */\n  theme?: ThemeType,\n}\n\nexport const ThemeProvider = ({ children, theme }: PropsWithChildren<ThemeProviderProps>) => {\n  const {\n    value: storedTheme,\n    setValue: setStoredTheme,\n    deleteValue: deleteStoredTheme\n  } = useLocalStorage<ThemeType>('theme', 'system')\n  const [themePreference, setThemePreference] = useState<ThemeType>('system')\n\n  const resolvedTheme = useMemo((): ResolvedTheme => {\n    if (theme && theme !== 'system') {\n      return theme\n    }\n    if (storedTheme && storedTheme !== 'system') {\n      return storedTheme\n    }\n    if (themePreference !== 'system') {\n      return themePreference\n    }\n    return 'light'\n  }, [storedTheme, theme, themePreference])\n\n  useEffect(() => {\n    if(!theme) return\n    if (theme === 'system') {\n      deleteStoredTheme()\n    } else {\n      setStoredTheme(theme)\n    }\n  }, [theme]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    document.documentElement.setAttribute('data-theme', resolvedTheme)\n  }, [resolvedTheme])\n\n  const getPreference = useCallback(() => {\n    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches\n    const prefersLight = window.matchMedia('(prefers-color-scheme: light)').matches\n    setThemePreference(prefersDark ? 'dark' : (prefersLight ? 'light' : 'system'))\n  }, [])\n\n  useEffect(() => {\n    getPreference()\n  }, [getPreference])\n\n  useEffect(() => {\n    const darkQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    const lightQuery = window.matchMedia('(prefers-color-scheme: light)')\n    const noPrefQuery = window.matchMedia('(prefers-color-scheme: no-preference)')\n    darkQuery.addEventListener('change', getPreference)\n    lightQuery.addEventListener('change', getPreference)\n    noPrefQuery.addEventListener('change', getPreference)\n    return () => {\n      darkQuery.removeEventListener('change', getPreference)\n      lightQuery.removeEventListener('change', getPreference)\n      noPrefQuery.removeEventListener('change', getPreference)\n    }\n  }, [getPreference])\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        theme: storedTheme,\n        resolvedTheme,\n        setTheme: (newTheme) => {\n          if (theme && theme !== 'system') {\n            console.warn('ThemeProvider: Attempting to change the ' +\n              \"theme while setting a fixed theme won't have any effect. \" +\n              'Change the theme provided to the ThemeProvider instead.')\n          }\n          setStoredTheme(newTheme)\n        }\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext)\n  if (!context) {\n    throw new Error('useTheme must be used within ThemeContext. Try adding a ThemeProvider around your app.')\n  }\n  return context\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    try {\n      const value = storageService.get<T>(key)\n      return value || backupValue\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    } catch (_) {\n      console.warn('useLocalStorage: Error while reading the stored value. Make sure your typing is correct.')\n      storageService.delete(key)\n      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`)\n      return backupValue\n    }\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\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\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","import type { SetStateAction } from 'react'\n\nexport function resolveSetState<T>(action: SetStateAction<T>, prev: T): T {\n  return typeof action === 'function' ? (action as (prev: T) => T)(prev) : action\n}"],"mappings":"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","names":["useCallback","useState","useState","useCallback"]}

package/dist/utils/array.cjs

@@ -1,172 +0,0 @@
-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/utils/array.ts
-var array_exports = {};
-__export(array_exports, {
-  ArrayUtil: () => ArrayUtil,
-  closestMatch: () => closestMatch,
-  createLoopingList: () => createLoopingList,
-  createLoopingListWithIndex: () => createLoopingListWithIndex,
-  equalSizeGroups: () => equalSizeGroups,
-  getNeighbours: () => getNeighbours,
-  range: () => range
-});
-module.exports = __toCommonJS(array_exports);
-var equalSizeGroups = (array, groupSize) => {
-  if (groupSize <= 0) {
-    console.warn(`group size should be greater than 0: groupSize = ${groupSize}`);
-    return [[...array]];
-  }
-  const groups = [];
-  for (let i = 0; i < array.length; i += groupSize) {
-    groups.push(array.slice(i, Math.min(i + groupSize, array.length)));
-  }
-  return groups;
-};
-var defaultRangeOptions = {
-  allowEmptyRange: false,
-  stepSize: 1,
-  exclusiveStart: false,
-  exclusiveEnd: true
-};
-var range = (endOrRange, options) => {
-  const { allowEmptyRange, stepSize, exclusiveStart, exclusiveEnd } = { ...defaultRangeOptions, ...options };
-  let start = 0;
-  let end;
-  if (typeof endOrRange === "number") {
-    end = endOrRange;
-  } else {
-    start = endOrRange[0];
-    end = endOrRange[1];
-  }
-  if (!exclusiveEnd) {
-    end -= 1;
-  }
-  if (exclusiveStart) {
-    start += 1;
-  }
-  if (end - 1 < start) {
-    if (!allowEmptyRange) {
-      console.warn(`range: end (${end}) < start (${start}) should be allowed explicitly, set options.allowEmptyRange to true`);
-    }
-    return [];
-  }
-  return Array.from({ length: end - start }, (_, index) => index * stepSize + start);
-};
-var closestMatch = (list, firstCloser) => {
-  return list.reduce((item1, item2) => {
-    return firstCloser(item1, item2) ? item1 : item2;
-  });
-};
-var getNeighbours = (list, item, neighbourDistance = 2) => {
-  const index = list.indexOf(item);
-  const totalItems = neighbourDistance * 2 + 1;
-  if (list.length < totalItems) {
-    console.warn("List is to short");
-    return list;
-  }
-  if (index === -1) {
-    console.error("item not found in list");
-    return list.splice(0, totalItems);
-  }
-  let start = index - neighbourDistance;
-  if (start < 0) {
-    start += list.length;
-  }
-  const end = (index + neighbourDistance + 1) % list.length;
-  const result = [];
-  let ignoreOnce = list.length === totalItems;
-  for (let i = start; i !== end || ignoreOnce; i = (i + 1) % list.length) {
-    result.push(list[i]);
-    if (end === i && ignoreOnce) {
-      ignoreOnce = false;
-    }
-  }
-  return result;
-};
-var createLoopingListWithIndex = (list, startIndex = 0, length = 0, forwards = true) => {
-  if (length < 0) {
-    console.warn(`createLoopingList: length must be >= 0, given ${length}`);
-  } else if (length === 0) {
-    length = list.length;
-  }
-  const returnList = [];
-  if (forwards) {
-    for (let i = startIndex; returnList.length < length; i = (i + 1) % list.length) {
-      returnList.push([i, list[i]]);
-    }
-  } else {
-    for (let i = startIndex; returnList.length < length; i = i === 0 ? i = list.length - 1 : i - 1) {
-      returnList.push([i, list[i]]);
-    }
-  }
-  return returnList;
-};
-var createLoopingList = (list, startIndex = 0, length = 0, forwards = true) => {
-  return createLoopingListWithIndex(list, startIndex, length, forwards).map(([_, item]) => item);
-};
-var moveItems = (list, move = 0) => {
-  const result = [];
-  let start = move;
-  if (start < 0) {
-    start = list.length - move;
-  }
-  start = start % list.length;
-  for (let i = 0; i < list.length; i++) {
-    result[i] = list[(i + start) % list.length];
-  }
-  return result;
-};
-function resolveSingleOrArray(value) {
-  if (Array.isArray(value)) {
-    return value;
-  } else if (value) {
-    return [value];
-  }
-  return [];
-}
-var ArrayUtil = {
-  unique: (list) => {
-    const seen = /* @__PURE__ */ new Set();
-    return list.filter((item) => {
-      if (seen.has(item)) {
-        return false;
-      }
-      seen.add(item);
-      return true;
-    });
-  },
-  difference: (list, removeList) => {
-    const remove = new Set(removeList);
-    return list.filter((item) => !remove.has(item));
-  },
-  moveItems,
-  resolveSingleOrArray
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ArrayUtil,
-  closestMatch,
-  createLoopingList,
-  createLoopingListWithIndex,
-  equalSizeGroups,
-  getNeighbours,
-  range
-});
-//# sourceMappingURL=array.cjs.map

package/dist/utils/array.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/utils/array.ts"],"sourcesContent":["export const equalSizeGroups = <T>(array: T[], groupSize: number): T[][] => {\n  if (groupSize <= 0) {\n    console.warn(`group size should be greater than 0: groupSize = ${groupSize}`)\n    return [[...array]]\n  }\n\n  const groups = []\n  for (let i = 0; i < array.length; i += groupSize) {\n    groups.push(array.slice(i, Math.min(i + groupSize, array.length)))\n  }\n  return groups\n}\n\nexport type RangeOptions = {\n  /**  Whether the range can be defined empty via end < start without a warning */\n  allowEmptyRange: boolean,\n  stepSize: number,\n  exclusiveStart: boolean,\n  exclusiveEnd: boolean,\n}\n\nconst defaultRangeOptions: RangeOptions = {\n  allowEmptyRange: false,\n  stepSize: 1,\n  exclusiveStart: false,\n  exclusiveEnd: true,\n}\n\n/**\n * @param endOrRange The end value or a range [start, end], end is exclusive\n * @param options the options for defining the range\n */\nexport const range = (endOrRange: number | [number, number], options?: Partial<RangeOptions>): number[] => {\n  const { allowEmptyRange, stepSize, exclusiveStart, exclusiveEnd } = { ...defaultRangeOptions, ...options }\n  let start = 0\n  let end: number\n  if (typeof endOrRange === 'number') {\n    end = endOrRange\n  } else {\n    start = endOrRange[0]\n    end = endOrRange[1]\n  }\n  if (!exclusiveEnd) {\n    end -= 1\n  }\n  if (exclusiveStart) {\n    start += 1\n  }\n\n  if (end - 1 < start) {\n    if (!allowEmptyRange) {\n      console.warn(`range: end (${end}) < start (${start}) should be allowed explicitly, set options.allowEmptyRange to true`)\n    }\n    return []\n  }\n  return Array.from({ length: end - start }, (_, index) => index * stepSize + start)\n}\n\n/** Finds the closest match\n * @param list The list of all possible matches\n * @param firstCloser Return whether item1 is closer than item2\n */\nexport const closestMatch = <T>(list: T[], firstCloser: (item1: T, item2: T) => boolean) => {\n  return list.reduce((item1, item2) => {\n    return firstCloser(item1, item2) ? item1 : item2\n  })\n}\n\n/**\n * returns the item in middle of a list and its neighbours before and after\n * e.g. [1,2,3,4,5,6] for item = 1 would return [5,6,1,2,3]\n */\nexport const getNeighbours = <T>(list: T[], item: T, neighbourDistance: number = 2) => {\n  const index = list.indexOf(item)\n  const totalItems = neighbourDistance * 2 + 1\n  if (list.length < totalItems) {\n    console.warn('List is to short')\n    return list\n  }\n\n  if (index === -1) {\n    console.error('item not found in list')\n    return list.splice(0, totalItems)\n  }\n\n  let start = index - neighbourDistance\n  if (start < 0) {\n    start += list.length\n  }\n  const end = (index + neighbourDistance + 1) % list.length\n\n  const result: T[] = []\n  let ignoreOnce = list.length === totalItems\n  for (let i = start; i !== end || ignoreOnce; i = (i + 1) % list.length) {\n    result.push(list[i]!)\n    if (end === i && ignoreOnce) {\n      ignoreOnce = false\n    }\n  }\n  return result\n}\n\nexport const createLoopingListWithIndex = <T>(list: T[], startIndex: number = 0, length: number = 0, forwards: boolean = true) => {\n  if (length < 0) {\n    console.warn(`createLoopingList: length must be >= 0, given ${length}`)\n  } else if (length === 0) {\n    length = list.length\n  }\n\n  const returnList: [number, T][] = []\n\n  if (forwards) {\n    for (let i = startIndex; returnList.length < length; i = (i + 1) % list.length) {\n      returnList.push([i, list[i]!])\n    }\n  } else {\n    for (let i = startIndex; returnList.length < length; i = i === 0 ? i = list.length - 1 : i - 1) {\n      returnList.push([i, list[i]!])\n    }\n  }\n\n  return returnList\n}\n\nexport const createLoopingList = <T>(list: T[], startIndex: number = 0, length: number = 0, forwards: boolean = true) => {\n  return createLoopingListWithIndex(list, startIndex, length, forwards).map(([_, item]) => item)\n}\n\n/**\n * @param list The list to be changed\n * @param move The shifting applied to the array (can be negative)\n */\nconst moveItems = <T>(list: T[], move: number = 0) => {\n  const result = []\n  let start = move\n  if (start < 0) {\n    start = list.length - move\n  }\n  start = start % list.length\n  for (let i = 0; i < list.length; i++) {\n    result[i] = list[(i + start) % list.length]\n  }\n  return result\n}\n\nfunction resolveSingleOrArray<T>(value: T | T[]): T[] {\n  if (Array.isArray(value)) {\n    return value\n  } else if (value) {\n    return [value]\n  }\n  return []\n}\n\nexport const ArrayUtil = {\n  unique: <T>(list: T[]): T[] => {\n    const seen = new Set<T>()\n    return list.filter((item) => {\n      if (seen.has(item)) {\n        return false\n      }\n      seen.add(item)\n      return true\n    })\n  },\n  difference: <T>(list: T[], removeList: T[]): T[] => {\n    const remove = new Set<T>(removeList)\n    return list.filter((item) => !remove.has(item))\n  },\n  moveItems,\n  resolveSingleOrArray\n}\n"],"mappings":"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","names":[]}