@slimr/react 3.0.63 → 3.0.67

package/cjs/index.d.ts

@@ -1,10 +1,10 @@
-export * from '@slimr/forms';
-export * from '@slimr/markdown';
-export * from '@slimr/router';
-export * from '@slimr/styled';
-export * from '@slimr/swr';
-export * from 'react-use';
-export * from './merge-refs.js';
-export * from './useColorScheme.js';
-export * from './useMemos.js';
-export * from './useSet2.js';
+export * from "@slimr/forms";
+export * from "@slimr/markdown";
+export * from "@slimr/router";
+export * from "@slimr/styled";
+export * from "@slimr/swr";
+export * from "react-use";
+export * from "./merge-refs.js";
+export * from "./useColorScheme.js";
+export * from "./useMemos.js";
+export * from "./useSet2.js";

package/cjs/index.ts

@@ -1,11 +1,11 @@
-export * from '@slimr/forms'
-export * from '@slimr/markdown'
-export * from '@slimr/router'
-export * from '@slimr/styled'
-export * from '@slimr/swr'
-export * from 'react-use'
+export * from "@slimr/forms"
+export * from "@slimr/markdown"
+export * from "@slimr/router"
+export * from "@slimr/styled"
+export * from "@slimr/swr"
+export * from "react-use"
 
-export * from './merge-refs.js'
-export * from './useColorScheme.js'
-export * from './useMemos.js'
-export * from './useSet2.js'
+export * from "./merge-refs.js"
+export * from "./useColorScheme.js"
+export * from "./useMemos.js"
+export * from "./useSet2.js"

package/cjs/merge-refs.js

@@ -16,9 +16,9 @@ exports.mergeRefs = mergeRefs;
  * ```
  **/
 function mergeRefs(refs) {
-    return value => {
-        refs.forEach(ref => {
-            if (typeof ref === 'function') {
+    return (value) => {
+        refs.forEach((ref) => {
+            if (typeof ref === "function") {
                 ref(value);
             }
             else if (ref != null) {

package/cjs/merge-refs.js.map

@@ -1 +1 @@
-{"version":3,"file":"merge-refs.js","sourceRoot":"","sources":["../src/merge-refs.ts"],"names":[],"mappings":";;AAcA,8BAYC;AA1BD;;;;;;;;;;;;;IAaI;AACJ,SAAgB,SAAS,CACvB,IAA2D;IAE3D,OAAO,KAAK,CAAC,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,KAAK,CAAC,CAAA;YACZ,CAAC;iBAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;gBACvB,CAAC;gBAAC,GAAwC,CAAC,OAAO,GAAG,KAAK,CAAA;YAC5D,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;AACH,CAAC"}
+{"version":3,"file":"merge-refs.js","sourceRoot":"","sources":["../src/merge-refs.ts"],"names":[],"mappings":";;AAcA,8BAYC;AA1BD;;;;;;;;;;;;;IAaI;AACJ,SAAgB,SAAS,CACxB,IAA2D;IAE3D,OAAO,CAAC,KAAK,EAAE,EAAE;QAChB,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACpB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC/B,GAAG,CAAC,KAAK,CAAC,CAAA;YACX,CAAC;iBAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;gBACxB,CAAC;gBAAC,GAAwC,CAAC,OAAO,GAAG,KAAK,CAAA;YAC3D,CAAC;QACF,CAAC,CAAC,CAAA;IACH,CAAC,CAAA;AACF,CAAC"}

package/cjs/merge-refs.ts

@@ -13,15 +13,15 @@
  * ```
  **/
 export function mergeRefs<T = any>(
-  refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>
+	refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>,
 ): React.RefCallback<T> {
-  return value => {
-    refs.forEach(ref => {
-      if (typeof ref === 'function') {
-        ref(value)
-      } else if (ref != null) {
-        ;(ref as React.MutableRefObject<T | null>).current = value
-      }
-    })
-  }
+	return (value) => {
+		refs.forEach((ref) => {
+			if (typeof ref === "function") {
+				ref(value)
+			} else if (ref != null) {
+				;(ref as React.MutableRefObject<T | null>).current = value
+			}
+		})
+	}
 }

package/cjs/useColorScheme.js

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useColorScheme = useColorScheme;
 const react_1 = require("react");
-const matchMediaPrefersDark = matchMedia?.('(prefers-color-scheme:dark)');
+const matchMediaPrefersDark = matchMedia?.("(prefers-color-scheme:dark)");
 function useColorScheme() {
     const [dark, setDark] = (0, react_1.useState)(!!matchMediaPrefersDark?.matches);
     (0, react_1.useEffect)(() => {
         const updateColorScheme = () => {
             setDark(!!matchMediaPrefersDark?.matches);
         };
-        matchMediaPrefersDark.addEventListener('change', updateColorScheme);
+        matchMediaPrefersDark.addEventListener("change", updateColorScheme);
         return () => {
-            matchMediaPrefersDark.removeEventListener('change', updateColorScheme);
+            matchMediaPrefersDark.removeEventListener("change", updateColorScheme);
         };
     }, []);
-    return { dark, light: !dark, scheme: dark ? 'dark' : 'light' };
+    return { dark, light: !dark, scheme: dark ? "dark" : "light" };
 }
 //# sourceMappingURL=useColorScheme.js.map

package/cjs/useColorScheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColorScheme.js","sourceRoot":"","sources":["../src/useColorScheme.ts"],"names":[],"mappings":";;AAIA,wCAcC;AAlBD,iCAAyC;AAEzC,MAAM,qBAAqB,GAAG,UAAU,EAAE,CAAC,6BAA6B,CAAC,CAAA;AAEzE,SAAgB,cAAc;IAC5B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAA;IAElE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,GAAG,EAAE;YAC7B,OAAO,CAAC,CAAC,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAA;QAC3C,CAAC,CAAA;QACD,qBAAqB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAA;QACnE,OAAO,GAAG,EAAE;YACV,qBAAqB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAA;QACxE,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,EAAC,IAAI,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAC,CAAA;AAC9D,CAAC"}
+{"version":3,"file":"useColorScheme.js","sourceRoot":"","sources":["../src/useColorScheme.ts"],"names":[],"mappings":";;AAIA,wCAcC;AAlBD,iCAA2C;AAE3C,MAAM,qBAAqB,GAAG,UAAU,EAAE,CAAC,6BAA6B,CAAC,CAAA;AAEzE,SAAgB,cAAc;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAA;IAElE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,iBAAiB,GAAG,GAAG,EAAE;YAC9B,OAAO,CAAC,CAAC,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAA;QAC1C,CAAC,CAAA;QACD,qBAAqB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAA;QACnE,OAAO,GAAG,EAAE;YACX,qBAAqB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAA;QACvE,CAAC,CAAA;IACF,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAA;AAC/D,CAAC"}

package/cjs/useColorScheme.ts

@@ -1,19 +1,19 @@
-import {useEffect, useState} from 'react'
+import { useEffect, useState } from "react"
 
-const matchMediaPrefersDark = matchMedia?.('(prefers-color-scheme:dark)')
+const matchMediaPrefersDark = matchMedia?.("(prefers-color-scheme:dark)")
 
 export function useColorScheme() {
-  const [dark, setDark] = useState(!!matchMediaPrefersDark?.matches)
+	const [dark, setDark] = useState(!!matchMediaPrefersDark?.matches)
 
-  useEffect(() => {
-    const updateColorScheme = () => {
-      setDark(!!matchMediaPrefersDark?.matches)
-    }
-    matchMediaPrefersDark.addEventListener('change', updateColorScheme)
-    return () => {
-      matchMediaPrefersDark.removeEventListener('change', updateColorScheme)
-    }
-  }, [])
+	useEffect(() => {
+		const updateColorScheme = () => {
+			setDark(!!matchMediaPrefersDark?.matches)
+		}
+		matchMediaPrefersDark.addEventListener("change", updateColorScheme)
+		return () => {
+			matchMediaPrefersDark.removeEventListener("change", updateColorScheme)
+		}
+	}, [])
 
-  return {dark, light: !dark, scheme: dark ? 'dark' : 'light'}
+	return { dark, light: !dark, scheme: dark ? "dark" : "light" }
 }

package/cjs/useMemos.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMemos.js","sourceRoot":"","sources":["../src/useMemos.ts"],"names":[],"mappings":";;AAUA,gDAQC;AAOD,sDAQC;AAjCD,sCAA2C;AAC3C,iCAAkD;AAIlD;;;;GAIG;AACH,SAAgB,kBAAkB,CAAC,QAAa,EAAE,WAAkB;IAClE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAA;IAC/D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAA,sBAAe,EAAC,WAAW,EAAE,aAAa,CAAC,EAAE,CAAC;YAChD,gBAAgB,CAAC,WAAW,CAAC,CAAA;QAC/B,CAAC;IACH,CAAC,EAAE,WAAW,CAAC,CAAA;IACf,OAAO,IAAA,eAAO,EAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;AAC3C,CAAC;AAED;;;;GAIG;AACH,SAAgB,qBAAqB,CAAC,QAAa,EAAE,WAAkB;IACrE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAA;IAC/D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAA,sBAAe,EAAC,WAAW,EAAE,aAAa,CAAC,EAAE,CAAC;YAChD,gBAAgB,CAAC,WAAW,CAAC,CAAA;QAC/B,CAAC;IACH,CAAC,EAAE,WAAW,CAAC,CAAA;IACf,OAAO,IAAA,eAAO,EAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;AAC3C,CAAC"}
+{"version":3,"file":"useMemos.js","sourceRoot":"","sources":["../src/useMemos.ts"],"names":[],"mappings":";;AAUA,gDAQC;AAOD,sDAQC;AAjCD,sCAA6C;AAC7C,iCAAoD;AAIpD;;;;GAIG;AACH,SAAgB,kBAAkB,CAAC,QAAa,EAAE,WAAkB;IACnE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAA;IAC/D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,IAAA,sBAAe,EAAC,WAAW,EAAE,aAAa,CAAC,EAAE,CAAC;YACjD,gBAAgB,CAAC,WAAW,CAAC,CAAA;QAC9B,CAAC;IACF,CAAC,EAAE,WAAW,CAAC,CAAA;IACf,OAAO,IAAA,eAAO,EAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;AAC1C,CAAC;AAED;;;;GAIG;AACH,SAAgB,qBAAqB,CAAC,QAAa,EAAE,WAAkB;IACtE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAA;IAC/D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,IAAA,sBAAe,EAAC,WAAW,EAAE,aAAa,CAAC,EAAE,CAAC;YACjD,gBAAgB,CAAC,WAAW,CAAC,CAAA;QAC9B,CAAC;IACF,CAAC,EAAE,WAAW,CAAC,CAAA;IACf,OAAO,IAAA,eAAO,EAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;AAC1C,CAAC"}

package/cjs/useMemos.ts

@@ -1,5 +1,5 @@
-import {areNotEqualDeep} from '@slimr/util'
-import {useEffect, useMemo, useState} from 'react'
+import { areNotEqualDeep } from "@slimr/util"
+import { useEffect, useMemo, useState } from "react"
 
 type Fnc = (...args: any[]) => any
 
@@ -9,13 +9,13 @@ type Fnc = (...args: any[]) => any
  * so use it intensionally.
  */
 export function useDeepCompareMemo(callback: Fnc, varsToWatch: any[]) {
-  const [lastSeenProps, setLastSeenProps] = useState(varsToWatch)
-  useEffect(() => {
-    if (areNotEqualDeep(varsToWatch, lastSeenProps)) {
-      setLastSeenProps(varsToWatch)
-    }
-  }, varsToWatch)
-  return useMemo(callback, [lastSeenProps])
+	const [lastSeenProps, setLastSeenProps] = useState(varsToWatch)
+	useEffect(() => {
+		if (areNotEqualDeep(varsToWatch, lastSeenProps)) {
+			setLastSeenProps(varsToWatch)
+		}
+	}, varsToWatch)
+	return useMemo(callback, [lastSeenProps])
 }
 
 /**
@@ -24,11 +24,11 @@ export function useDeepCompareMemo(callback: Fnc, varsToWatch: any[]) {
  * less than useDeepCompareMemo, so use it intentionally.
  */
 export function useShallowCompareMemo(callback: Fnc, varsToWatch: any[]) {
-  const [lastSeenProps, setLastSeenProps] = useState(varsToWatch)
-  useEffect(() => {
-    if (areNotEqualDeep(varsToWatch, lastSeenProps)) {
-      setLastSeenProps(varsToWatch)
-    }
-  }, varsToWatch)
-  return useMemo(callback, [lastSeenProps])
+	const [lastSeenProps, setLastSeenProps] = useState(varsToWatch)
+	useEffect(() => {
+		if (areNotEqualDeep(varsToWatch, lastSeenProps)) {
+			setLastSeenProps(varsToWatch)
+		}
+	}, varsToWatch)
+	return useMemo(callback, [lastSeenProps])
 }

package/cjs/useSet2.d.ts

@@ -1,7 +1,7 @@
 export interface UseSet2<T> extends Set<T> {
-    _add: Set<T>['add'];
-    _clear: Set<T>['clear'];
-    _delete: Set<T>['delete'];
+    _add: Set<T>["add"];
+    _clear: Set<T>["clear"];
+    _delete: Set<T>["delete"];
     toggle(v: T): void;
     reset(): void;
     _union<U>(other: ReadonlySetLike<U>): Set<T | U>;

package/cjs/useSet2.js

@@ -23,7 +23,7 @@ function useSet2(initial = new Set()) {
     const set = setRef.current;
     if (!set._add) {
         set._add = set.add;
-        set.add = v => {
+        set.add = (v) => {
             set._add(v);
             rerender();
             return set;
@@ -35,7 +35,7 @@ function useSet2(initial = new Set()) {
             return set;
         };
         set._delete = set.delete;
-        set.delete = v => {
+        set.delete = (v) => {
             const res = set._delete(v);
             rerender();
             return res;
@@ -46,7 +46,7 @@ function useSet2(initial = new Set()) {
             rerender();
             return set;
         };
-        set.toggle = v => {
+        set.toggle = (v) => {
             if (set.has(v))
                 set._delete(v);
             else

package/cjs/useSet2.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSet2.js","sourceRoot":"","sources":["../src/useSet2.ts"],"names":[],"mappings":";;AA2BA,0BAwDC;AAnFD,iCAA4B;AAC5B,yCAAmC;AAYnC;;;;;;;;;;;;;GAaG;AACH,SAAgB,OAAO,CAAI,UAAkB,IAAI,GAAG,EAAE;IACpD,MAAM,QAAQ,GAAG,IAAA,qBAAS,GAAE,CAAA;IAC5B,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,OAAgC,CAAC,CAAA;IACvD,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAA;IAE1B,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QACd,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAA;QAClB,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,EAAE;YACZ,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YACX,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACZ,CAAC,CAAA;QAED,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,KAAK,CAAA;QACtB,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE;YACf,GAAG,CAAC,MAAM,EAAE,CAAA;YACZ,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACZ,CAAC,CAAA;QAED,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,MAAM,CAAA;QACxB,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;YACf,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YAC1B,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACZ,CAAC,CAAA;QAED,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE;YACf,GAAG,CAAC,MAAM,EAAE,CAAA;YACZ,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;YACnB,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACZ,CAAC,CAAA;QAED,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;YACf,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;gBAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;;gBACzB,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YAChB,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACZ,CAAC,CAAA;QAED,GAAG,CAAC,MAAM,GAAG,CAAI,KAAyB,EAAc,EAAE;YACxD,KAAK,MAAM,IAAI,IAAI,KAA0B,EAAE,CAAC;gBAC9C,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAChB,CAAC;YACD,OAAO,GAAG,CAAA;QACZ,CAAC,CAAA;QAED,GAAG,CAAC,KAAK,GAAG,CAAI,KAAyB,EAAc,EAAE;YACvD,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACjB,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACZ,CAAC,CAAA;IACH,CAAC;IAED,OAAO,GAAG,CAAA;AACZ,CAAC"}
+{"version":3,"file":"useSet2.js","sourceRoot":"","sources":["../src/useSet2.ts"],"names":[],"mappings":";;AA2BA,0BAwDC;AAnFD,iCAA8B;AAC9B,yCAAqC;AAYrC;;;;;;;;;;;;;GAaG;AACH,SAAgB,OAAO,CAAI,UAAkB,IAAI,GAAG,EAAE;IACrD,MAAM,QAAQ,GAAG,IAAA,qBAAS,GAAE,CAAA;IAC5B,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,OAAgC,CAAC,CAAA;IACvD,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAA;IAE1B,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QACf,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAA;QAClB,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,EAAE,EAAE;YACf,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YACX,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACX,CAAC,CAAA;QAED,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,KAAK,CAAA;QACtB,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE;YAChB,GAAG,CAAC,MAAM,EAAE,CAAA;YACZ,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACX,CAAC,CAAA;QAED,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,MAAM,CAAA;QACxB,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE;YAClB,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YAC1B,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACX,CAAC,CAAA;QAED,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE;YAChB,GAAG,CAAC,MAAM,EAAE,CAAA;YACZ,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;YACnB,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACX,CAAC,CAAA;QAED,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE;YAClB,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;gBAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;;gBACzB,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YAChB,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACX,CAAC,CAAA;QAED,GAAG,CAAC,MAAM,GAAG,CAAI,KAAyB,EAAc,EAAE;YACzD,KAAK,MAAM,IAAI,IAAI,KAA0B,EAAE,CAAC;gBAC/C,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACf,CAAC;YACD,OAAO,GAAG,CAAA;QACX,CAAC,CAAA;QAED,GAAG,CAAC,KAAK,GAAG,CAAI,KAAyB,EAAc,EAAE;YACxD,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACjB,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACX,CAAC,CAAA;IACF,CAAC;IAED,OAAO,GAAG,CAAA;AACX,CAAC"}

package/cjs/useSet2.ts

@@ -1,14 +1,14 @@
-import {useRef} from 'react'
-import {useUpdate} from 'react-use'
+import { useRef } from "react"
+import { useUpdate } from "react-use"
 
 export interface UseSet2<T> extends Set<T> {
-  _add: Set<T>['add']
-  _clear: Set<T>['clear']
-  _delete: Set<T>['delete']
-  toggle(v: T): void
-  reset(): void
-  _union<U>(other: ReadonlySetLike<U>): Set<T | U>
-  union<U>(other: ReadonlySetLike<U>): Set<T | U>
+	_add: Set<T>["add"]
+	_clear: Set<T>["clear"]
+	_delete: Set<T>["delete"]
+	toggle(v: T): void
+	reset(): void
+	_union<U>(other: ReadonlySetLike<U>): Set<T | U>
+	union<U>(other: ReadonlySetLike<U>): Set<T | U>
 }
 
 /**
@@ -26,59 +26,59 @@ export interface UseSet2<T> extends Set<T> {
  * ```
  */
 export function useSet2<T>(initial: Set<T> = new Set()) {
-  const rerender = useUpdate()
-  const setRef = useRef(initial as unknown as UseSet2<T>)
-  const set = setRef.current
+	const rerender = useUpdate()
+	const setRef = useRef(initial as unknown as UseSet2<T>)
+	const set = setRef.current
 
-  if (!set._add) {
-    set._add = set.add
-    set.add = v => {
-      set._add(v)
-      rerender()
-      return set
-    }
+	if (!set._add) {
+		set._add = set.add
+		set.add = (v) => {
+			set._add(v)
+			rerender()
+			return set
+		}
 
-    set._clear = set.clear
-    set.clear = () => {
-      set._clear()
-      rerender()
-      return set
-    }
+		set._clear = set.clear
+		set.clear = () => {
+			set._clear()
+			rerender()
+			return set
+		}
 
-    set._delete = set.delete
-    set.delete = v => {
-      const res = set._delete(v)
-      rerender()
-      return res
-    }
+		set._delete = set.delete
+		set.delete = (v) => {
+			const res = set._delete(v)
+			rerender()
+			return res
+		}
 
-    set.reset = () => {
-      set._clear()
-      set._union(initial)
-      rerender()
-      return set
-    }
+		set.reset = () => {
+			set._clear()
+			set._union(initial)
+			rerender()
+			return set
+		}
 
-    set.toggle = v => {
-      if (set.has(v)) set._delete(v)
-      else set._add(v)
-      rerender()
-      return set
-    }
+		set.toggle = (v) => {
+			if (set.has(v)) set._delete(v)
+			else set._add(v)
+			rerender()
+			return set
+		}
 
-    set._union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {
-      for (const elem of other as unknown as Set<T>) {
-        set._add(elem)
-      }
-      return set
-    }
+		set._union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {
+			for (const elem of other as unknown as Set<T>) {
+				set._add(elem)
+			}
+			return set
+		}
 
-    set.union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {
-      set._union(other)
-      rerender()
-      return set
-    }
-  }
+		set.union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {
+			set._union(other)
+			rerender()
+			return set
+		}
+	}
 
-  return set
+	return set
 }

package/esm/index.d.ts

@@ -1,10 +1,10 @@
-export * from '@slimr/forms';
-export * from '@slimr/markdown';
-export * from '@slimr/router';
-export * from '@slimr/styled';
-export * from '@slimr/swr';
-export * from 'react-use';
-export * from './merge-refs.js';
-export * from './useColorScheme.js';
-export * from './useMemos.js';
-export * from './useSet2.js';
+export * from "@slimr/forms";
+export * from "@slimr/markdown";
+export * from "@slimr/router";
+export * from "@slimr/styled";
+export * from "@slimr/swr";
+export * from "react-use";
+export * from "./merge-refs.js";
+export * from "./useColorScheme.js";
+export * from "./useMemos.js";
+export * from "./useSet2.js";

package/esm/index.js

@@ -1,11 +1,11 @@
-export * from '@slimr/forms';
-export * from '@slimr/markdown';
-export * from '@slimr/router';
-export * from '@slimr/styled';
-export * from '@slimr/swr';
-export * from 'react-use';
-export * from './merge-refs.js';
-export * from './useColorScheme.js';
-export * from './useMemos.js';
-export * from './useSet2.js';
+export * from "@slimr/forms";
+export * from "@slimr/markdown";
+export * from "@slimr/router";
+export * from "@slimr/styled";
+export * from "@slimr/swr";
+export * from "react-use";
+export * from "./merge-refs.js";
+export * from "./useColorScheme.js";
+export * from "./useMemos.js";
+export * from "./useSet2.js";
 //# sourceMappingURL=index.js.map

package/esm/index.ts

@@ -1,11 +1,11 @@
-export * from '@slimr/forms'
-export * from '@slimr/markdown'
-export * from '@slimr/router'
-export * from '@slimr/styled'
-export * from '@slimr/swr'
-export * from 'react-use'
+export * from "@slimr/forms"
+export * from "@slimr/markdown"
+export * from "@slimr/router"
+export * from "@slimr/styled"
+export * from "@slimr/swr"
+export * from "react-use"
 
-export * from './merge-refs.js'
-export * from './useColorScheme.js'
-export * from './useMemos.js'
-export * from './useSet2.js'
+export * from "./merge-refs.js"
+export * from "./useColorScheme.js"
+export * from "./useMemos.js"
+export * from "./useSet2.js"

package/esm/merge-refs.js

@@ -13,9 +13,9 @@
  * ```
  **/
 export function mergeRefs(refs) {
-    return value => {
-        refs.forEach(ref => {
-            if (typeof ref === 'function') {
+    return (value) => {
+        refs.forEach((ref) => {
+            if (typeof ref === "function") {
                 ref(value);
             }
             else if (ref != null) {

package/esm/merge-refs.js.map

@@ -1 +1 @@
-{"version":3,"file":"merge-refs.js","sourceRoot":"","sources":["../src/merge-refs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;IAaI;AACJ,MAAM,UAAU,SAAS,CACvB,IAA2D;IAE3D,OAAO,KAAK,CAAC,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,KAAK,CAAC,CAAA;YACZ,CAAC;iBAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;gBACvB,CAAC;gBAAC,GAAwC,CAAC,OAAO,GAAG,KAAK,CAAA;YAC5D,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;AACH,CAAC"}
+{"version":3,"file":"merge-refs.js","sourceRoot":"","sources":["../src/merge-refs.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;IAaI;AACJ,MAAM,UAAU,SAAS,CACxB,IAA2D;IAE3D,OAAO,CAAC,KAAK,EAAE,EAAE;QAChB,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACpB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC/B,GAAG,CAAC,KAAK,CAAC,CAAA;YACX,CAAC;iBAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;gBACxB,CAAC;gBAAC,GAAwC,CAAC,OAAO,GAAG,KAAK,CAAA;YAC3D,CAAC;QACF,CAAC,CAAC,CAAA;IACH,CAAC,CAAA;AACF,CAAC"}

package/esm/merge-refs.ts

@@ -13,15 +13,15 @@
  * ```
  **/
 export function mergeRefs<T = any>(
-  refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>
+	refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>,
 ): React.RefCallback<T> {
-  return value => {
-    refs.forEach(ref => {
-      if (typeof ref === 'function') {
-        ref(value)
-      } else if (ref != null) {
-        ;(ref as React.MutableRefObject<T | null>).current = value
-      }
-    })
-  }
+	return (value) => {
+		refs.forEach((ref) => {
+			if (typeof ref === "function") {
+				ref(value)
+			} else if (ref != null) {
+				;(ref as React.MutableRefObject<T | null>).current = value
+			}
+		})
+	}
 }

package/esm/useColorScheme.js

@@ -1,16 +1,16 @@
-import { useEffect, useState } from 'react';
-const matchMediaPrefersDark = matchMedia?.('(prefers-color-scheme:dark)');
+import { useEffect, useState } from "react";
+const matchMediaPrefersDark = matchMedia?.("(prefers-color-scheme:dark)");
 export function useColorScheme() {
     const [dark, setDark] = useState(!!matchMediaPrefersDark?.matches);
     useEffect(() => {
         const updateColorScheme = () => {
             setDark(!!matchMediaPrefersDark?.matches);
         };
-        matchMediaPrefersDark.addEventListener('change', updateColorScheme);
+        matchMediaPrefersDark.addEventListener("change", updateColorScheme);
         return () => {
-            matchMediaPrefersDark.removeEventListener('change', updateColorScheme);
+            matchMediaPrefersDark.removeEventListener("change", updateColorScheme);
         };
     }, []);
-    return { dark, light: !dark, scheme: dark ? 'dark' : 'light' };
+    return { dark, light: !dark, scheme: dark ? "dark" : "light" };
 }
 //# sourceMappingURL=useColorScheme.js.map

package/esm/useColorScheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColorScheme.js","sourceRoot":"","sources":["../src/useColorScheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAEzC,MAAM,qBAAqB,GAAG,UAAU,EAAE,CAAC,6BAA6B,CAAC,CAAA;AAEzE,MAAM,UAAU,cAAc;IAC5B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAA;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,GAAG,EAAE;YAC7B,OAAO,CAAC,CAAC,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAA;QAC3C,CAAC,CAAA;QACD,qBAAqB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAA;QACnE,OAAO,GAAG,EAAE;YACV,qBAAqB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAA;QACxE,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,EAAC,IAAI,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAC,CAAA;AAC9D,CAAC"}
+{"version":3,"file":"useColorScheme.js","sourceRoot":"","sources":["../src/useColorScheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,qBAAqB,GAAG,UAAU,EAAE,CAAC,6BAA6B,CAAC,CAAA;AAEzE,MAAM,UAAU,cAAc;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAA;IAElE,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,iBAAiB,GAAG,GAAG,EAAE;YAC9B,OAAO,CAAC,CAAC,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAA;QAC1C,CAAC,CAAA;QACD,qBAAqB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAA;QACnE,OAAO,GAAG,EAAE;YACX,qBAAqB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAA;QACvE,CAAC,CAAA;IACF,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAA;AAC/D,CAAC"}

package/esm/useColorScheme.ts

@@ -1,19 +1,19 @@
-import {useEffect, useState} from 'react'
+import { useEffect, useState } from "react"
 
-const matchMediaPrefersDark = matchMedia?.('(prefers-color-scheme:dark)')
+const matchMediaPrefersDark = matchMedia?.("(prefers-color-scheme:dark)")
 
 export function useColorScheme() {
-  const [dark, setDark] = useState(!!matchMediaPrefersDark?.matches)
+	const [dark, setDark] = useState(!!matchMediaPrefersDark?.matches)
 
-  useEffect(() => {
-    const updateColorScheme = () => {
-      setDark(!!matchMediaPrefersDark?.matches)
-    }
-    matchMediaPrefersDark.addEventListener('change', updateColorScheme)
-    return () => {
-      matchMediaPrefersDark.removeEventListener('change', updateColorScheme)
-    }
-  }, [])
+	useEffect(() => {
+		const updateColorScheme = () => {
+			setDark(!!matchMediaPrefersDark?.matches)
+		}
+		matchMediaPrefersDark.addEventListener("change", updateColorScheme)
+		return () => {
+			matchMediaPrefersDark.removeEventListener("change", updateColorScheme)
+		}
+	}, [])
 
-  return {dark, light: !dark, scheme: dark ? 'dark' : 'light'}
+	return { dark, light: !dark, scheme: dark ? "dark" : "light" }
 }

package/esm/useMemos.js

@@ -1,5 +1,5 @@
-import { areNotEqualDeep } from '@slimr/util';
-import { useEffect, useMemo, useState } from 'react';
+import { areNotEqualDeep } from "@slimr/util";
+import { useEffect, useMemo, useState } from "react";
 /**
  * Like useMemo, but does a deep compare instead default compare
  * to avoid misfires. Is more expensive than useMemo though,

package/esm/useMemos.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMemos.js","sourceRoot":"","sources":["../src/useMemos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAA;AAC3C,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAIlD;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,QAAa,EAAE,WAAkB;IAClE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;IAC/D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,CAAC,WAAW,EAAE,aAAa,CAAC,EAAE,CAAC;YAChD,gBAAgB,CAAC,WAAW,CAAC,CAAA;QAC/B,CAAC;IACH,CAAC,EAAE,WAAW,CAAC,CAAA;IACf,OAAO,OAAO,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;AAC3C,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAAC,QAAa,EAAE,WAAkB;IACrE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;IAC/D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,CAAC,WAAW,EAAE,aAAa,CAAC,EAAE,CAAC;YAChD,gBAAgB,CAAC,WAAW,CAAC,CAAA;QAC/B,CAAC;IACH,CAAC,EAAE,WAAW,CAAC,CAAA;IACf,OAAO,OAAO,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;AAC3C,CAAC"}
+{"version":3,"file":"useMemos.js","sourceRoot":"","sources":["../src/useMemos.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIpD;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,QAAa,EAAE,WAAkB;IACnE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;IAC/D,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,eAAe,CAAC,WAAW,EAAE,aAAa,CAAC,EAAE,CAAC;YACjD,gBAAgB,CAAC,WAAW,CAAC,CAAA;QAC9B,CAAC;IACF,CAAC,EAAE,WAAW,CAAC,CAAA;IACf,OAAO,OAAO,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;AAC1C,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAAC,QAAa,EAAE,WAAkB;IACtE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAA;IAC/D,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,eAAe,CAAC,WAAW,EAAE,aAAa,CAAC,EAAE,CAAC;YACjD,gBAAgB,CAAC,WAAW,CAAC,CAAA;QAC9B,CAAC;IACF,CAAC,EAAE,WAAW,CAAC,CAAA;IACf,OAAO,OAAO,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;AAC1C,CAAC"}

package/esm/useMemos.ts

@@ -1,5 +1,5 @@
-import {areNotEqualDeep} from '@slimr/util'
-import {useEffect, useMemo, useState} from 'react'
+import { areNotEqualDeep } from "@slimr/util"
+import { useEffect, useMemo, useState } from "react"
 
 type Fnc = (...args: any[]) => any
 
@@ -9,13 +9,13 @@ type Fnc = (...args: any[]) => any
  * so use it intensionally.
  */
 export function useDeepCompareMemo(callback: Fnc, varsToWatch: any[]) {
-  const [lastSeenProps, setLastSeenProps] = useState(varsToWatch)
-  useEffect(() => {
-    if (areNotEqualDeep(varsToWatch, lastSeenProps)) {
-      setLastSeenProps(varsToWatch)
-    }
-  }, varsToWatch)
-  return useMemo(callback, [lastSeenProps])
+	const [lastSeenProps, setLastSeenProps] = useState(varsToWatch)
+	useEffect(() => {
+		if (areNotEqualDeep(varsToWatch, lastSeenProps)) {
+			setLastSeenProps(varsToWatch)
+		}
+	}, varsToWatch)
+	return useMemo(callback, [lastSeenProps])
 }
 
 /**
@@ -24,11 +24,11 @@ export function useDeepCompareMemo(callback: Fnc, varsToWatch: any[]) {
  * less than useDeepCompareMemo, so use it intentionally.
  */
 export function useShallowCompareMemo(callback: Fnc, varsToWatch: any[]) {
-  const [lastSeenProps, setLastSeenProps] = useState(varsToWatch)
-  useEffect(() => {
-    if (areNotEqualDeep(varsToWatch, lastSeenProps)) {
-      setLastSeenProps(varsToWatch)
-    }
-  }, varsToWatch)
-  return useMemo(callback, [lastSeenProps])
+	const [lastSeenProps, setLastSeenProps] = useState(varsToWatch)
+	useEffect(() => {
+		if (areNotEqualDeep(varsToWatch, lastSeenProps)) {
+			setLastSeenProps(varsToWatch)
+		}
+	}, varsToWatch)
+	return useMemo(callback, [lastSeenProps])
 }

package/esm/useSet2.d.ts

@@ -1,7 +1,7 @@
 export interface UseSet2<T> extends Set<T> {
-    _add: Set<T>['add'];
-    _clear: Set<T>['clear'];
-    _delete: Set<T>['delete'];
+    _add: Set<T>["add"];
+    _clear: Set<T>["clear"];
+    _delete: Set<T>["delete"];
     toggle(v: T): void;
     reset(): void;
     _union<U>(other: ReadonlySetLike<U>): Set<T | U>;

package/esm/useSet2.js

@@ -1,5 +1,5 @@
-import { useRef } from 'react';
-import { useUpdate } from 'react-use';
+import { useRef } from "react";
+import { useUpdate } from "react-use";
 /**
  * Returns a set-like object that intercepts the setter function to
  * trigger re-renders on change. Also adds a toggle and reset method.
@@ -20,7 +20,7 @@ export function useSet2(initial = new Set()) {
     const set = setRef.current;
     if (!set._add) {
         set._add = set.add;
-        set.add = v => {
+        set.add = (v) => {
             set._add(v);
             rerender();
             return set;
@@ -32,7 +32,7 @@ export function useSet2(initial = new Set()) {
             return set;
         };
         set._delete = set.delete;
-        set.delete = v => {
+        set.delete = (v) => {
             const res = set._delete(v);
             rerender();
             return res;
@@ -43,7 +43,7 @@ export function useSet2(initial = new Set()) {
             rerender();
             return set;
         };
-        set.toggle = v => {
+        set.toggle = (v) => {
             if (set.has(v))
                 set._delete(v);
             else

package/esm/useSet2.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSet2.js","sourceRoot":"","sources":["../src/useSet2.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAA;AAYnC;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,OAAO,CAAI,UAAkB,IAAI,GAAG,EAAE;IACpD,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAA;IAC5B,MAAM,MAAM,GAAG,MAAM,CAAC,OAAgC,CAAC,CAAA;IACvD,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAA;IAE1B,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QACd,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAA;QAClB,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,EAAE;YACZ,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YACX,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACZ,CAAC,CAAA;QAED,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,KAAK,CAAA;QACtB,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE;YACf,GAAG,CAAC,MAAM,EAAE,CAAA;YACZ,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACZ,CAAC,CAAA;QAED,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,MAAM,CAAA;QACxB,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;YACf,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YAC1B,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACZ,CAAC,CAAA;QAED,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE;YACf,GAAG,CAAC,MAAM,EAAE,CAAA;YACZ,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;YACnB,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACZ,CAAC,CAAA;QAED,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;YACf,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;gBAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;;gBACzB,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YAChB,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACZ,CAAC,CAAA;QAED,GAAG,CAAC,MAAM,GAAG,CAAI,KAAyB,EAAc,EAAE;YACxD,KAAK,MAAM,IAAI,IAAI,KAA0B,EAAE,CAAC;gBAC9C,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAChB,CAAC;YACD,OAAO,GAAG,CAAA;QACZ,CAAC,CAAA;QAED,GAAG,CAAC,KAAK,GAAG,CAAI,KAAyB,EAAc,EAAE;YACvD,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACjB,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACZ,CAAC,CAAA;IACH,CAAC;IAED,OAAO,GAAG,CAAA;AACZ,CAAC"}
+{"version":3,"file":"useSet2.js","sourceRoot":"","sources":["../src/useSet2.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAYrC;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,OAAO,CAAI,UAAkB,IAAI,GAAG,EAAE;IACrD,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAA;IAC5B,MAAM,MAAM,GAAG,MAAM,CAAC,OAAgC,CAAC,CAAA;IACvD,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAA;IAE1B,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QACf,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAA;QAClB,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,EAAE,EAAE;YACf,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YACX,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACX,CAAC,CAAA;QAED,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,KAAK,CAAA;QACtB,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE;YAChB,GAAG,CAAC,MAAM,EAAE,CAAA;YACZ,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACX,CAAC,CAAA;QAED,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,MAAM,CAAA;QACxB,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE;YAClB,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YAC1B,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACX,CAAC,CAAA;QAED,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE;YAChB,GAAG,CAAC,MAAM,EAAE,CAAA;YACZ,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;YACnB,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACX,CAAC,CAAA;QAED,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE;YAClB,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;gBAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;;gBACzB,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;YAChB,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACX,CAAC,CAAA;QAED,GAAG,CAAC,MAAM,GAAG,CAAI,KAAyB,EAAc,EAAE;YACzD,KAAK,MAAM,IAAI,IAAI,KAA0B,EAAE,CAAC;gBAC/C,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACf,CAAC;YACD,OAAO,GAAG,CAAA;QACX,CAAC,CAAA;QAED,GAAG,CAAC,KAAK,GAAG,CAAI,KAAyB,EAAc,EAAE;YACxD,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACjB,QAAQ,EAAE,CAAA;YACV,OAAO,GAAG,CAAA;QACX,CAAC,CAAA;IACF,CAAC;IAED,OAAO,GAAG,CAAA;AACX,CAAC"}

package/esm/useSet2.ts

@@ -1,14 +1,14 @@
-import {useRef} from 'react'
-import {useUpdate} from 'react-use'
+import { useRef } from "react"
+import { useUpdate } from "react-use"
 
 export interface UseSet2<T> extends Set<T> {
-  _add: Set<T>['add']
-  _clear: Set<T>['clear']
-  _delete: Set<T>['delete']
-  toggle(v: T): void
-  reset(): void
-  _union<U>(other: ReadonlySetLike<U>): Set<T | U>
-  union<U>(other: ReadonlySetLike<U>): Set<T | U>
+	_add: Set<T>["add"]
+	_clear: Set<T>["clear"]
+	_delete: Set<T>["delete"]
+	toggle(v: T): void
+	reset(): void
+	_union<U>(other: ReadonlySetLike<U>): Set<T | U>
+	union<U>(other: ReadonlySetLike<U>): Set<T | U>
 }
 
 /**
@@ -26,59 +26,59 @@ export interface UseSet2<T> extends Set<T> {
  * ```
  */
 export function useSet2<T>(initial: Set<T> = new Set()) {
-  const rerender = useUpdate()
-  const setRef = useRef(initial as unknown as UseSet2<T>)
-  const set = setRef.current
+	const rerender = useUpdate()
+	const setRef = useRef(initial as unknown as UseSet2<T>)
+	const set = setRef.current
 
-  if (!set._add) {
-    set._add = set.add
-    set.add = v => {
-      set._add(v)
-      rerender()
-      return set
-    }
+	if (!set._add) {
+		set._add = set.add
+		set.add = (v) => {
+			set._add(v)
+			rerender()
+			return set
+		}
 
-    set._clear = set.clear
-    set.clear = () => {
-      set._clear()
-      rerender()
-      return set
-    }
+		set._clear = set.clear
+		set.clear = () => {
+			set._clear()
+			rerender()
+			return set
+		}
 
-    set._delete = set.delete
-    set.delete = v => {
-      const res = set._delete(v)
-      rerender()
-      return res
-    }
+		set._delete = set.delete
+		set.delete = (v) => {
+			const res = set._delete(v)
+			rerender()
+			return res
+		}
 
-    set.reset = () => {
-      set._clear()
-      set._union(initial)
-      rerender()
-      return set
-    }
+		set.reset = () => {
+			set._clear()
+			set._union(initial)
+			rerender()
+			return set
+		}
 
-    set.toggle = v => {
-      if (set.has(v)) set._delete(v)
-      else set._add(v)
-      rerender()
-      return set
-    }
+		set.toggle = (v) => {
+			if (set.has(v)) set._delete(v)
+			else set._add(v)
+			rerender()
+			return set
+		}
 
-    set._union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {
-      for (const elem of other as unknown as Set<T>) {
-        set._add(elem)
-      }
-      return set
-    }
+		set._union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {
+			for (const elem of other as unknown as Set<T>) {
+				set._add(elem)
+			}
+			return set
+		}
 
-    set.union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {
-      set._union(other)
-      rerender()
-      return set
-    }
-  }
+		set.union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {
+			set._union(other)
+			rerender()
+			return set
+		}
+	}
 
-  return set
+	return set
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slimr/react",
-  "version": "3.0.63",
+  "version": "3.0.67",
   "author": "Brian Dombrowski",
   "license": "ISC",
   "private": false,
@@ -31,12 +31,12 @@
     "start": "nodemon -w src -e '*' -x 'npm run build && cd ../demo && npm start'"
   },
   "dependencies": {
-    "@slimr/forms": "^5.0.37",
-    "@slimr/markdown": "^2.1.81",
-    "@slimr/router": "^2.1.68",
-    "@slimr/styled": "^2.1.78",
-    "@slimr/swr": "^2.1.66",
-    "@slimr/util": "^3.2.67",
+    "@slimr/forms": "^5.0.41",
+    "@slimr/markdown": "^2.1.83",
+    "@slimr/router": "^2.1.69",
+    "@slimr/styled": "^2.1.80",
+    "@slimr/swr": "^2.1.68",
+    "@slimr/util": "^3.2.69",
     "react-use": "17"
   },
   "peerDependencies": {

package/src/index.ts

@@ -1,11 +1,11 @@
-export * from '@slimr/forms'
-export * from '@slimr/markdown'
-export * from '@slimr/router'
-export * from '@slimr/styled'
-export * from '@slimr/swr'
-export * from 'react-use'
+export * from "@slimr/forms"
+export * from "@slimr/markdown"
+export * from "@slimr/router"
+export * from "@slimr/styled"
+export * from "@slimr/swr"
+export * from "react-use"
 
-export * from './merge-refs.js'
-export * from './useColorScheme.js'
-export * from './useMemos.js'
-export * from './useSet2.js'
+export * from "./merge-refs.js"
+export * from "./useColorScheme.js"
+export * from "./useMemos.js"
+export * from "./useSet2.js"

package/src/merge-refs.ts

@@ -13,15 +13,15 @@
  * ```
  **/
 export function mergeRefs<T = any>(
-  refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>
+	refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>,
 ): React.RefCallback<T> {
-  return value => {
-    refs.forEach(ref => {
-      if (typeof ref === 'function') {
-        ref(value)
-      } else if (ref != null) {
-        ;(ref as React.MutableRefObject<T | null>).current = value
-      }
-    })
-  }
+	return (value) => {
+		refs.forEach((ref) => {
+			if (typeof ref === "function") {
+				ref(value)
+			} else if (ref != null) {
+				;(ref as React.MutableRefObject<T | null>).current = value
+			}
+		})
+	}
 }

package/src/useColorScheme.ts

@@ -1,19 +1,19 @@
-import {useEffect, useState} from 'react'
+import { useEffect, useState } from "react"
 
-const matchMediaPrefersDark = matchMedia?.('(prefers-color-scheme:dark)')
+const matchMediaPrefersDark = matchMedia?.("(prefers-color-scheme:dark)")
 
 export function useColorScheme() {
-  const [dark, setDark] = useState(!!matchMediaPrefersDark?.matches)
+	const [dark, setDark] = useState(!!matchMediaPrefersDark?.matches)
 
-  useEffect(() => {
-    const updateColorScheme = () => {
-      setDark(!!matchMediaPrefersDark?.matches)
-    }
-    matchMediaPrefersDark.addEventListener('change', updateColorScheme)
-    return () => {
-      matchMediaPrefersDark.removeEventListener('change', updateColorScheme)
-    }
-  }, [])
+	useEffect(() => {
+		const updateColorScheme = () => {
+			setDark(!!matchMediaPrefersDark?.matches)
+		}
+		matchMediaPrefersDark.addEventListener("change", updateColorScheme)
+		return () => {
+			matchMediaPrefersDark.removeEventListener("change", updateColorScheme)
+		}
+	}, [])
 
-  return {dark, light: !dark, scheme: dark ? 'dark' : 'light'}
+	return { dark, light: !dark, scheme: dark ? "dark" : "light" }
 }

package/src/useMemos.ts

@@ -1,5 +1,5 @@
-import {areNotEqualDeep} from '@slimr/util'
-import {useEffect, useMemo, useState} from 'react'
+import { areNotEqualDeep } from "@slimr/util"
+import { useEffect, useMemo, useState } from "react"
 
 type Fnc = (...args: any[]) => any
 
@@ -9,13 +9,13 @@ type Fnc = (...args: any[]) => any
  * so use it intensionally.
  */
 export function useDeepCompareMemo(callback: Fnc, varsToWatch: any[]) {
-  const [lastSeenProps, setLastSeenProps] = useState(varsToWatch)
-  useEffect(() => {
-    if (areNotEqualDeep(varsToWatch, lastSeenProps)) {
-      setLastSeenProps(varsToWatch)
-    }
-  }, varsToWatch)
-  return useMemo(callback, [lastSeenProps])
+	const [lastSeenProps, setLastSeenProps] = useState(varsToWatch)
+	useEffect(() => {
+		if (areNotEqualDeep(varsToWatch, lastSeenProps)) {
+			setLastSeenProps(varsToWatch)
+		}
+	}, varsToWatch)
+	return useMemo(callback, [lastSeenProps])
 }
 
 /**
@@ -24,11 +24,11 @@ export function useDeepCompareMemo(callback: Fnc, varsToWatch: any[]) {
  * less than useDeepCompareMemo, so use it intentionally.
  */
 export function useShallowCompareMemo(callback: Fnc, varsToWatch: any[]) {
-  const [lastSeenProps, setLastSeenProps] = useState(varsToWatch)
-  useEffect(() => {
-    if (areNotEqualDeep(varsToWatch, lastSeenProps)) {
-      setLastSeenProps(varsToWatch)
-    }
-  }, varsToWatch)
-  return useMemo(callback, [lastSeenProps])
+	const [lastSeenProps, setLastSeenProps] = useState(varsToWatch)
+	useEffect(() => {
+		if (areNotEqualDeep(varsToWatch, lastSeenProps)) {
+			setLastSeenProps(varsToWatch)
+		}
+	}, varsToWatch)
+	return useMemo(callback, [lastSeenProps])
 }

package/src/useSet2.ts

@@ -1,14 +1,14 @@
-import {useRef} from 'react'
-import {useUpdate} from 'react-use'
+import { useRef } from "react"
+import { useUpdate } from "react-use"
 
 export interface UseSet2<T> extends Set<T> {
-  _add: Set<T>['add']
-  _clear: Set<T>['clear']
-  _delete: Set<T>['delete']
-  toggle(v: T): void
-  reset(): void
-  _union<U>(other: ReadonlySetLike<U>): Set<T | U>
-  union<U>(other: ReadonlySetLike<U>): Set<T | U>
+	_add: Set<T>["add"]
+	_clear: Set<T>["clear"]
+	_delete: Set<T>["delete"]
+	toggle(v: T): void
+	reset(): void
+	_union<U>(other: ReadonlySetLike<U>): Set<T | U>
+	union<U>(other: ReadonlySetLike<U>): Set<T | U>
 }
 
 /**
@@ -26,59 +26,59 @@ export interface UseSet2<T> extends Set<T> {
  * ```
  */
 export function useSet2<T>(initial: Set<T> = new Set()) {
-  const rerender = useUpdate()
-  const setRef = useRef(initial as unknown as UseSet2<T>)
-  const set = setRef.current
+	const rerender = useUpdate()
+	const setRef = useRef(initial as unknown as UseSet2<T>)
+	const set = setRef.current
 
-  if (!set._add) {
-    set._add = set.add
-    set.add = v => {
-      set._add(v)
-      rerender()
-      return set
-    }
+	if (!set._add) {
+		set._add = set.add
+		set.add = (v) => {
+			set._add(v)
+			rerender()
+			return set
+		}
 
-    set._clear = set.clear
-    set.clear = () => {
-      set._clear()
-      rerender()
-      return set
-    }
+		set._clear = set.clear
+		set.clear = () => {
+			set._clear()
+			rerender()
+			return set
+		}
 
-    set._delete = set.delete
-    set.delete = v => {
-      const res = set._delete(v)
-      rerender()
-      return res
-    }
+		set._delete = set.delete
+		set.delete = (v) => {
+			const res = set._delete(v)
+			rerender()
+			return res
+		}
 
-    set.reset = () => {
-      set._clear()
-      set._union(initial)
-      rerender()
-      return set
-    }
+		set.reset = () => {
+			set._clear()
+			set._union(initial)
+			rerender()
+			return set
+		}
 
-    set.toggle = v => {
-      if (set.has(v)) set._delete(v)
-      else set._add(v)
-      rerender()
-      return set
-    }
+		set.toggle = (v) => {
+			if (set.has(v)) set._delete(v)
+			else set._add(v)
+			rerender()
+			return set
+		}
 
-    set._union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {
-      for (const elem of other as unknown as Set<T>) {
-        set._add(elem)
-      }
-      return set
-    }
+		set._union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {
+			for (const elem of other as unknown as Set<T>) {
+				set._add(elem)
+			}
+			return set
+		}
 
-    set.union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {
-      set._union(other)
-      rerender()
-      return set
-    }
-  }
+		set.union = <U>(other: ReadonlySetLike<U>): Set<T | U> => {
+			set._union(other)
+			rerender()
+			return set
+		}
+	}
 
-  return set
+	return set
 }

package/tsconfig.json

@@ -1,7 +1,7 @@
 {
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "types": ["vite/client"]
-  },
-  "include": ["src"]
+	"extends": "../../tsconfig.json",
+	"compilerOptions": {
+		"types": ["vite/client"]
+	},
+	"include": ["src"]
 }