@zayne-labs/toolkit-react 0.12.4 → 0.12.6

package/dist/esm/hooks/useControllable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useControllable.js","names":[],"sources":["../../../src/hooks/useControllable.ts"],"sourcesContent":["\"use client\";\n\nimport { isFunction } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { StateSetter } from \"@/utils\";\nimport { useCallbackRef } from \"./useCallbackRef\";\n\ntype UseControllablePropOptions<TProp> = {\n\tprop: TProp | undefined;\n\tstate: TProp;\n};\n\n/**\n * @description Given a prop value and state value, the useControllableProp hook is used to determine whether a component is controlled or uncontrolled, and also returns the computed value.\n */\nexport const useControllableProp = <TProp>(options: UseControllablePropOptions<TProp>) => {\n\tconst { prop, state } = options;\n\n\tconst isControlled = prop !== undefined;\n\n\tconst value = isControlled ? prop : state;\n\n\tconst result = useMemo<[isControlled: typeof isControlled, value: typeof value]>(\n\t\t() => [isControlled, value],\n\t\t[isControlled, value]\n\t);\n\n\treturn result;\n};\n\ntype UseControllableStateOptions<TValue> = {\n\tdefaultValue?: TValue | (() => TValue);\n\tequalityFn?: (prevState: TValue, nextValue: TValue) => boolean;\n\tonChange?: (value: TValue) => void;\n\tvalue?: TValue;\n};\n\n/**\n * @description React hook to manage state that can be either controlled or uncontrolled.\n * - When `options.value` is provided, the hook operates in controlled mode.\n *   In this mode, `value` always equals `options.value` and `setValue` will\n *   invoke `options.onChange(next)` without mutating internal state.\n * - When `options.value` is not provided, the hook operates in uncontrolled\n *   mode, initializing internal state from `options.defaultValue` and updating\n *   it via `setValue`.\n * - All updates are gated by `options.equalityFn(prev, next)` which defaults\n *   to `Object.is`.\n *\n * @param options - Configuration options for the hook.\n * @param options.value - Controlled value. If defined, the state is controlled.\n * @param options.defaultValue - Initial value for the uncontrolled state. Can be a\n * function for lazy initialization or a direct value.\n * @param options.onChange - Callback fired when a new value is requested. In\n * controlled mode, this is invoked instead of updating internal state. In\n * uncontrolled mode, it is called after the internal state updates.\n * @param options.equalityFn - Predicate that decides whether to commit an\n * update given `prevState` and `nextValue`. If the values are equal, the update\n * is skipped. Defaults to `Object.is`.\n * @returns A tuple `[value, setValue]`  just like React.useState.\n *\n * @example\n * // Uncontrolled usage\n * const [value, setValue] = useControllableState({ defaultValue: 0 });\n *\n * @example\n * // Controlled usage\n * const [value, setValue] = useControllableState({\n *   value: props.value,\n *   onChange: props.onChange,\n * });\n */\nexport const useControllableState = <TValue>(options: UseControllableStateOptions<TValue>) => {\n\tconst { defaultValue, equalityFn = Object.is, onChange: onChangeProp, value: valueProp } = options;\n\n\tconst stableOnchangeProp = useCallbackRef(onChangeProp);\n\tconst stableEqualityFn = useCallbackRef(equalityFn);\n\n\tconst [unControlledState, setUncontrolledState] = useState(defaultValue as TValue);\n\n\tconst isControlled = valueProp !== undefined;\n\n\tconst currentValue = isControlled ? valueProp : unControlledState;\n\n\tconst setValue: StateSetter<TValue> = useCallback(\n\t\t(newValue) => {\n\t\t\tconst nextValue = isFunction(newValue) ? newValue(currentValue) : newValue;\n\n\t\t\tif (stableEqualityFn(currentValue, nextValue)) return;\n\n\t\t\t// == Always call onChangeProp whether the value is controlled or uncontrolled,\n\t\t\t// == just in case the onChangeProp is used to perform side effects\n\t\t\t// == without necessarily updating the controlled valueProp\n\t\t\tstableOnchangeProp(nextValue);\n\n\t\t\tif (isControlled) return;\n\n\t\t\tsetUncontrolledState(nextValue);\n\t\t},\n\t\t[isControlled, stableOnchangeProp, stableEqualityFn, currentValue]\n\t);\n\n\treturn [currentValue, setValue] as [value: typeof currentValue, setValue: typeof setValue];\n};\n"],"mappings":";;;;;;;;;;;AAeA,MAAa,uBAA8B,YAA+C;CACzF,MAAM,EAAE,MAAM,UAAU;CAExB,MAAM,eAAe,SAAS;CAE9B,MAAM,QAAQ,eAAe,OAAO;AAOpC,QALe,cACR,CAAC,cAAc,MAAM,EAC3B,CAAC,cAAc,MAAM,CACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CF,MAAa,wBAAgC,YAAiD;CAC7F,MAAM,EAAE,cAAc,aAAa,OAAO,IAAI,UAAU,cAAc,OAAO,cAAc;CAE3F,MAAM,qBAAqB,eAAe,aAAa;CACvD,MAAM,mBAAmB,eAAe,WAAW;CAEnD,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,aAAuB;CAElF,MAAM,eAAe,cAAc;CAEnC,MAAM,eAAe,eAAe,YAAY;AAoBhD,QAAO,CAAC,cAlB8B,aACpC,aAAa;EACb,MAAM,YAAY,WAAW,SAAS,GAAG,SAAS,aAAa,GAAG;AAElE,MAAI,iBAAiB,cAAc,UAAU,CAAE;AAK/C,qBAAmB,UAAU;AAE7B,MAAI,aAAc;AAElB,uBAAqB,UAAU;IAEhC;EAAC;EAAc;EAAoB;EAAkB;EAAa,CAClE,CAE8B"}

package/dist/esm/hooks/useCopyToClipboard.d.ts

@@ -1,15 +0,0 @@
-import * as react7 from "react";
-import { AllowedClipboardItems, CopyToClipboardOptions } from "@zayne-labs/toolkit-core";
-
-//#region src/hooks/useCopyToClipboard.d.ts
-declare const useCopyToClipboard: (options?: CopyToClipboardOptions & {
-  timeout?: number;
-}) => {
-  handleCopy: (valueToCopy: AllowedClipboardItems) => void;
-  hasCopied: boolean;
-  setValue: react7.Dispatch<react7.SetStateAction<AllowedClipboardItems>>;
-  value: AllowedClipboardItems;
-};
-//#endregion
-export { useCopyToClipboard };
-//# sourceMappingURL=useCopyToClipboard.d.ts.map

package/dist/esm/hooks/useCopyToClipboard.js

@@ -1,49 +0,0 @@
-import { useCallbackRef } from "./useCallbackRef.js";
-import { useToggle } from "./useToggle.js";
-import { useCallback, useRef, useState } from "react";
-import { copyToClipboard } from "@zayne-labs/toolkit-core";
-
-//#region src/hooks/useCopyToClipboard.ts
-const useCopyToClipboard = (options = {}) => {
-	const { mimeType, onCopied, onError, onSuccess, timeout = 1500 } = options;
-	const [value, setValue] = useState("");
-	const [hasCopied, toggleHasCopied] = useToggle(false);
-	const timeoutRef = useRef(null);
-	const savedOnError = useCallbackRef(onError);
-	const savedOnSuccess = useCallbackRef(onSuccess);
-	const savedOnCopied = useCallbackRef(onCopied);
-	const handleHasCopied = useCallback(() => {
-		toggleHasCopied(true);
-		timeoutRef.current && clearTimeout(timeoutRef.current);
-		timeoutRef.current = setTimeout(() => {
-			toggleHasCopied(false);
-		}, timeout);
-	}, [toggleHasCopied, timeout]);
-	return {
-		handleCopy: useCallback((valueToCopy) => {
-			setValue(valueToCopy);
-			copyToClipboard(valueToCopy, {
-				mimeType,
-				onCopied: () => {
-					savedOnCopied();
-					handleHasCopied();
-				},
-				onError: savedOnError,
-				onSuccess: savedOnSuccess
-			});
-		}, [
-			handleHasCopied,
-			mimeType,
-			savedOnCopied,
-			savedOnError,
-			savedOnSuccess
-		]),
-		hasCopied,
-		setValue,
-		value
-	};
-};
-
-//#endregion
-export { useCopyToClipboard };
-//# sourceMappingURL=useCopyToClipboard.js.map

package/dist/esm/hooks/useCopyToClipboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCopyToClipboard.js","names":[],"sources":["../../../src/hooks/useCopyToClipboard.ts"],"sourcesContent":["import {\n\ttype AllowedClipboardItems,\n\ttype CopyToClipboardOptions,\n\tcopyToClipboard,\n} from \"@zayne-labs/toolkit-core\";\nimport { useCallback, useRef, useState } from \"react\";\nimport { useCallbackRef } from \"./useCallbackRef\";\nimport { useToggle } from \"./useToggle\";\n\nconst useCopyToClipboard = (options: CopyToClipboardOptions & { timeout?: number } = {}) => {\n\tconst { mimeType, onCopied, onError, onSuccess, timeout = 1500 } = options;\n\n\tconst [value, setValue] = useState<AllowedClipboardItems>(\"\");\n\n\tconst [hasCopied, toggleHasCopied] = useToggle(false);\n\tconst timeoutRef = useRef<number | null>(null);\n\n\tconst savedOnError = useCallbackRef(onError);\n\tconst savedOnSuccess = useCallbackRef(onSuccess);\n\tconst savedOnCopied = useCallbackRef(onCopied);\n\n\tconst handleHasCopied = useCallback(() => {\n\t\ttoggleHasCopied(true);\n\n\t\ttimeoutRef.current && clearTimeout(timeoutRef.current);\n\n\t\ttimeoutRef.current = setTimeout(() => {\n\t\t\ttoggleHasCopied(false);\n\t\t}, timeout) as never;\n\t}, [toggleHasCopied, timeout]);\n\n\tconst handleCopy = useCallback(\n\t\t(valueToCopy: AllowedClipboardItems) => {\n\t\t\tsetValue(valueToCopy);\n\n\t\t\tvoid copyToClipboard(valueToCopy, {\n\t\t\t\tmimeType,\n\t\t\t\tonCopied: () => {\n\t\t\t\t\tsavedOnCopied();\n\t\t\t\t\thandleHasCopied();\n\t\t\t\t},\n\t\t\t\tonError: savedOnError,\n\t\t\t\tonSuccess: savedOnSuccess,\n\t\t\t});\n\t\t},\n\t\t[handleHasCopied, mimeType, savedOnCopied, savedOnError, savedOnSuccess]\n\t);\n\n\treturn { handleCopy, hasCopied, setValue, value };\n};\n\nexport { useCopyToClipboard };\n"],"mappings":";;;;;;AASA,MAAM,sBAAsB,UAAyD,EAAE,KAAK;CAC3F,MAAM,EAAE,UAAU,UAAU,SAAS,WAAW,UAAU,SAAS;CAEnE,MAAM,CAAC,OAAO,YAAY,SAAgC,GAAG;CAE7D,MAAM,CAAC,WAAW,mBAAmB,UAAU,MAAM;CACrD,MAAM,aAAa,OAAsB,KAAK;CAE9C,MAAM,eAAe,eAAe,QAAQ;CAC5C,MAAM,iBAAiB,eAAe,UAAU;CAChD,MAAM,gBAAgB,eAAe,SAAS;CAE9C,MAAM,kBAAkB,kBAAkB;AACzC,kBAAgB,KAAK;AAErB,aAAW,WAAW,aAAa,WAAW,QAAQ;AAEtD,aAAW,UAAU,iBAAiB;AACrC,mBAAgB,MAAM;KACpB,QAAQ;IACT,CAAC,iBAAiB,QAAQ,CAAC;AAmB9B,QAAO;EAAE,YAjBU,aACjB,gBAAuC;AACvC,YAAS,YAAY;AAErB,GAAK,gBAAgB,aAAa;IACjC;IACA,gBAAgB;AACf,oBAAe;AACf,sBAAiB;;IAElB,SAAS;IACT,WAAW;IACX,CAAC;KAEH;GAAC;GAAiB;GAAU;GAAe;GAAc;GAAe,CACxE;EAEoB;EAAW;EAAU;EAAO"}

package/dist/esm/hooks/useDebounce.d.ts

@@ -1,23 +0,0 @@
-import * as react2 from "react";
-import { CallbackFn } from "@zayne-labs/toolkit-type-helpers";
-
-//#region src/hooks/useDebounce.d.ts
-declare const useDebouncedFn: <TParams>(callBackFn: CallbackFn<TParams>, delay: number | undefined) => {
-  (...params: TParams[]): void;
-  (params: TParams | TParams[], overrideOptions: {
-    $delay: number;
-  }): void;
-  cancel: () => void;
-  cancelMaxWait(): void;
-};
-declare const useDebouncedState: <TValue>(defaultValue: TValue, delay: number | undefined) => readonly [TValue, {
-  (...params: react2.SetStateAction<TValue>[]): void;
-  (params: react2.SetStateAction<TValue> | react2.SetStateAction<TValue>[], overrideOptions: {
-    $delay: number;
-  }): void;
-  cancel: () => void;
-  cancelMaxWait(): void;
-}, react2.Dispatch<react2.SetStateAction<TValue>>];
-//#endregion
-export { useDebouncedFn, useDebouncedState };
-//# sourceMappingURL=useDebounce.d.ts.map

package/dist/esm/hooks/useDebounce.js

@@ -1,32 +0,0 @@
-import { useCallbackRef } from "./useCallbackRef.js";
-import { useUnmountEffect } from "./effects/useUnMountEffect.js";
-import { useMemo, useState } from "react";
-import { debounce } from "@zayne-labs/toolkit-core";
-
-//#region src/hooks/useDebounce.ts
-const useDebouncedFn = (callBackFn, delay) => {
-	const latestCallback = useCallbackRef(callBackFn);
-	const debouncedFn = useMemo(() => debounce(latestCallback, delay), [delay, latestCallback]);
-	useUnmountEffect(() => {
-		debouncedFn.cancel();
-		debouncedFn.cancelMaxWait();
-	});
-	return debouncedFn;
-};
-const useDebouncedState = (defaultValue, delay) => {
-	const [value, setValue] = useState(defaultValue);
-	const setDebouncedValue = useMemo(() => debounce(setValue, delay), [delay]);
-	useUnmountEffect(() => {
-		setDebouncedValue.cancel();
-		setDebouncedValue.cancelMaxWait();
-	});
-	return [
-		value,
-		setDebouncedValue,
-		setValue
-	];
-};
-
-//#endregion
-export { useDebouncedFn, useDebouncedState };
-//# sourceMappingURL=useDebounce.js.map

package/dist/esm/hooks/useDebounce.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDebounce.js","names":[],"sources":["../../../src/hooks/useDebounce.ts"],"sourcesContent":["import { debounce } from \"@zayne-labs/toolkit-core\";\nimport type { CallbackFn } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useMemo, useState } from \"react\";\nimport { useUnmountEffect } from \"./effects/useUnMountEffect\";\nimport { useCallbackRef } from \"./useCallbackRef\";\n\nexport const useDebouncedFn = <TParams>(callBackFn: CallbackFn<TParams>, delay: number | undefined) => {\n\tconst latestCallback = useCallbackRef(callBackFn);\n\n\tconst debouncedFn = useMemo(() => debounce(latestCallback, delay), [delay, latestCallback]);\n\n\tuseUnmountEffect(() => {\n\t\tdebouncedFn.cancel();\n\t\tdebouncedFn.cancelMaxWait();\n\t});\n\n\treturn debouncedFn;\n};\n\nexport const useDebouncedState = <TValue>(defaultValue: TValue, delay: number | undefined) => {\n\tconst [value, setValue] = useState(defaultValue);\n\n\tconst setDebouncedValue = useMemo(() => debounce(setValue, delay), [delay]);\n\n\tuseUnmountEffect(() => {\n\t\tsetDebouncedValue.cancel();\n\t\tsetDebouncedValue.cancelMaxWait();\n\t});\n\n\treturn [value, setDebouncedValue, setValue] as const;\n};\n"],"mappings":";;;;;;AAMA,MAAa,kBAA2B,YAAiC,UAA8B;CACtG,MAAM,iBAAiB,eAAe,WAAW;CAEjD,MAAM,cAAc,cAAc,SAAS,gBAAgB,MAAM,EAAE,CAAC,OAAO,eAAe,CAAC;AAE3F,wBAAuB;AACtB,cAAY,QAAQ;AACpB,cAAY,eAAe;GAC1B;AAEF,QAAO;;AAGR,MAAa,qBAA6B,cAAsB,UAA8B;CAC7F,MAAM,CAAC,OAAO,YAAY,SAAS,aAAa;CAEhD,MAAM,oBAAoB,cAAc,SAAS,UAAU,MAAM,EAAE,CAAC,MAAM,CAAC;AAE3E,wBAAuB;AACtB,oBAAkB,QAAQ;AAC1B,oBAAkB,eAAe;GAChC;AAEF,QAAO;EAAC;EAAO;EAAmB;EAAS"}

package/dist/esm/hooks/useDisclosure.d.ts

@@ -1,14 +0,0 @@
-//#region src/hooks/useDisclosure.d.ts
-type DisclosureOptions = {
-  hasScrollControl?: boolean;
-  initialState?: boolean | (() => boolean);
-};
-declare const useDisclosure: (options?: DisclosureOptions) => {
-  isOpen: boolean;
-  onClose: () => void;
-  onOpen: () => void;
-  onToggle: <TValue>(value?: TValue) => void;
-};
-//#endregion
-export { useDisclosure };
-//# sourceMappingURL=useDisclosure.d.ts.map

package/dist/esm/hooks/useDisclosure.js

@@ -1,42 +0,0 @@
-import { useCallbackRef } from "./useCallbackRef.js";
-import { useToggle } from "./useToggle.js";
-import { useMemo } from "react";
-import { lockScroll } from "@zayne-labs/toolkit-core";
-import { isBoolean } from "@zayne-labs/toolkit-type-helpers";
-
-//#region src/hooks/useDisclosure.ts
-const useDisclosure = (options = {}) => {
-	const { hasScrollControl = false, initialState = false } = options;
-	const [isOpen, toggleIsOpen] = useToggle(initialState);
-	const onOpen = useCallbackRef(() => {
-		toggleIsOpen(true);
-		hasScrollControl && lockScroll({ lock: true });
-	});
-	const onClose = useCallbackRef(() => {
-		toggleIsOpen(false);
-		hasScrollControl && lockScroll({ lock: false });
-	});
-	const onToggle = useCallbackRef((value) => {
-		if (isBoolean(value)) {
-			toggleIsOpen(value);
-			hasScrollControl && lockScroll({ lock: value });
-			return;
-		}
-		isOpen ? onClose() : onOpen();
-	});
-	return useMemo(() => ({
-		isOpen,
-		onClose,
-		onOpen,
-		onToggle
-	}), [
-		isOpen,
-		onClose,
-		onOpen,
-		onToggle
-	]);
-};
-
-//#endregion
-export { useDisclosure };
-//# sourceMappingURL=useDisclosure.js.map

package/dist/esm/hooks/useDisclosure.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDisclosure.js","names":[],"sources":["../../../src/hooks/useDisclosure.ts"],"sourcesContent":["import { lockScroll } from \"@zayne-labs/toolkit-core\";\nimport { isBoolean } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useMemo } from \"react\";\nimport { useCallbackRef } from \"./useCallbackRef\";\nimport { useToggle } from \"./useToggle\";\n\ntype DisclosureOptions = {\n\thasScrollControl?: boolean;\n\tinitialState?: boolean | (() => boolean);\n};\n\nconst useDisclosure = (options: DisclosureOptions = {}) => {\n\tconst { hasScrollControl = false, initialState = false } = options;\n\tconst [isOpen, toggleIsOpen] = useToggle(initialState);\n\n\tconst onOpen = useCallbackRef(() => {\n\t\ttoggleIsOpen(true);\n\t\thasScrollControl && lockScroll({ lock: true });\n\t});\n\n\tconst onClose = useCallbackRef(() => {\n\t\ttoggleIsOpen(false);\n\t\thasScrollControl && lockScroll({ lock: false });\n\t});\n\n\tconst onToggle = useCallbackRef(<TValue>(value?: TValue) => {\n\t\tif (isBoolean(value)) {\n\t\t\ttoggleIsOpen(value);\n\t\t\thasScrollControl && lockScroll({ lock: value });\n\t\t\treturn;\n\t\t}\n\n\t\tisOpen ? onClose() : onOpen();\n\t});\n\n\tconst api = useMemo(() => ({ isOpen, onClose, onOpen, onToggle }), [isOpen, onClose, onOpen, onToggle]);\n\n\treturn api;\n};\nexport { useDisclosure };\n"],"mappings":";;;;;;;AAWA,MAAM,iBAAiB,UAA6B,EAAE,KAAK;CAC1D,MAAM,EAAE,mBAAmB,OAAO,eAAe,UAAU;CAC3D,MAAM,CAAC,QAAQ,gBAAgB,UAAU,aAAa;CAEtD,MAAM,SAAS,qBAAqB;AACnC,eAAa,KAAK;AAClB,sBAAoB,WAAW,EAAE,MAAM,MAAM,CAAC;GAC7C;CAEF,MAAM,UAAU,qBAAqB;AACpC,eAAa,MAAM;AACnB,sBAAoB,WAAW,EAAE,MAAM,OAAO,CAAC;GAC9C;CAEF,MAAM,WAAW,gBAAwB,UAAmB;AAC3D,MAAI,UAAU,MAAM,EAAE;AACrB,gBAAa,MAAM;AACnB,uBAAoB,WAAW,EAAE,MAAM,OAAO,CAAC;AAC/C;;AAGD,WAAS,SAAS,GAAG,QAAQ;GAC5B;AAIF,QAFY,eAAe;EAAE;EAAQ;EAAS;EAAQ;EAAU,GAAG;EAAC;EAAQ;EAAS;EAAQ;EAAS,CAAC"}

package/dist/esm/hooks/useIsHydrated.d.ts

@@ -1,28 +0,0 @@
-//#region src/hooks/useIsHydrated.d.ts
-/**
- * @description Return a boolean indicating if the JS has been hydrated already.
- * When doing Server-Side Rendering, the result will always be false.
- * When doing Client-Side Rendering, the result will always be false on the
- * first render and true from then on. Even if a new component renders it will
- * always start with true.
- *
- * @see https://github.com/sergiodxa/remix-utils/blob/main/src/react/use-hydrated.ts
- *
- * @see https://github.com/sergiodxa/remix-utils/blob/main/src/react/use-hydrated.ts
- *
- * @example
- * **Example: Disable a button that needs JS to work.**
- * ```tsx
- * const isHydrated = useIsHydrated();
- *
- * return (
- *   <button type="button" disabled={!isHydrated} onClick={doSomethingCustom}>
- *     Click me
- *   </button>
- * );
- * ```
- */
-declare const useIsHydrated: () => boolean;
-//#endregion
-export { useIsHydrated };
-//# sourceMappingURL=useIsHydrated.d.ts.map

package/dist/esm/hooks/useIsHydrated.js

@@ -1,39 +0,0 @@
-import { useSyncExternalStore } from "react";
-
-//#region src/hooks/useIsHydrated.ts
-const noop = () => {};
-const noopStore = {
-	getServerSnapshot: () => true,
-	getSnapshot: () => false,
-	subscribe: () => noop
-};
-/**
-* @description Return a boolean indicating if the JS has been hydrated already.
-* When doing Server-Side Rendering, the result will always be false.
-* When doing Client-Side Rendering, the result will always be false on the
-* first render and true from then on. Even if a new component renders it will
-* always start with true.
-*
-* @see https://github.com/sergiodxa/remix-utils/blob/main/src/react/use-hydrated.ts
-*
-* @see https://github.com/sergiodxa/remix-utils/blob/main/src/react/use-hydrated.ts
-*
-* @example
-* **Example: Disable a button that needs JS to work.**
-* ```tsx
-* const isHydrated = useIsHydrated();
-*
-* return (
-*   <button type="button" disabled={!isHydrated} onClick={doSomethingCustom}>
-*     Click me
-*   </button>
-* );
-* ```
-*/
-const useIsHydrated = () => {
-	return useSyncExternalStore(noopStore.subscribe, noopStore.getSnapshot, noopStore.getServerSnapshot);
-};
-
-//#endregion
-export { useIsHydrated };
-//# sourceMappingURL=useIsHydrated.js.map

package/dist/esm/hooks/useIsHydrated.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsHydrated.js","names":[],"sources":["../../../src/hooks/useIsHydrated.ts"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\n\nconst noop = () => {};\n\nconst noopStore = {\n\tgetServerSnapshot: () => true,\n\tgetSnapshot: () => false,\n\tsubscribe: () => noop,\n};\n\n/**\n * @description Return a boolean indicating if the JS has been hydrated already.\n * When doing Server-Side Rendering, the result will always be false.\n * When doing Client-Side Rendering, the result will always be false on the\n * first render and true from then on. Even if a new component renders it will\n * always start with true.\n *\n * @see https://github.com/sergiodxa/remix-utils/blob/main/src/react/use-hydrated.ts\n *\n * @see https://github.com/sergiodxa/remix-utils/blob/main/src/react/use-hydrated.ts\n *\n * @example\n * **Example: Disable a button that needs JS to work.**\n * ```tsx\n * const isHydrated = useIsHydrated();\n *\n * return (\n *   <button type=\"button\" disabled={!isHydrated} onClick={doSomethingCustom}>\n *     Click me\n *   </button>\n * );\n * ```\n */\nconst useIsHydrated = () => {\n\tconst isHydrated = useSyncExternalStore(\n\t\tnoopStore.subscribe,\n\t\tnoopStore.getSnapshot,\n\t\tnoopStore.getServerSnapshot\n\t);\n\n\treturn isHydrated;\n};\n\nexport { useIsHydrated };\n"],"mappings":";;;AAEA,MAAM,aAAa;AAEnB,MAAM,YAAY;CACjB,yBAAyB;CACzB,mBAAmB;CACnB,iBAAiB;CACjB;;;;;;;;;;;;;;;;;;;;;;;;AAyBD,MAAM,sBAAsB;AAO3B,QANmB,qBAClB,UAAU,WACV,UAAU,aACV,UAAU,kBACV"}

package/dist/esm/hooks/useLocationState.d.ts

@@ -1,17 +0,0 @@
-import * as _zayne_labs_toolkit_core0 from "@zayne-labs/toolkit-core";
-import { LocationInfo, LocationStoreApi, LocationStoreOptions } from "@zayne-labs/toolkit-core";
-import { SelectorFn } from "@zayne-labs/toolkit-type-helpers";
-
-//#region src/hooks/useLocationState.d.ts
-type UseLocationResult<TSlice> = [state: TSlice, actions: LocationStoreApi];
-declare const createUseLocationState: (options?: LocationStoreOptions) => Omit<_zayne_labs_toolkit_core0.StoreApi<_zayne_labs_toolkit_core0.URLInfoObject>, "resetState" | "setState"> & {
-  push: (url: string | _zayne_labs_toolkit_core0.PartialURLInfo, options?: {
-    state?: _zayne_labs_toolkit_core0.PartialURLInfo["state"];
-  }) => void;
-  replace: LocationStoreApi["push"];
-  triggerPopstateEvent: (nextLocationState?: LocationInfo["state"]) => void;
-} & (<TSlice = _zayne_labs_toolkit_core0.URLInfoObject>(selector?: SelectorFn<LocationInfo, TSlice>) => UseLocationResult<TSlice>);
-declare const useLocationState: <TSlice = LocationInfo>(selector?: SelectorFn<LocationInfo, TSlice>, options?: LocationStoreOptions) => UseLocationResult<TSlice>;
-//#endregion
-export { createUseLocationState, useLocationState };
-//# sourceMappingURL=useLocationState.d.ts.map

package/dist/esm/hooks/useLocationState.js

@@ -1,24 +0,0 @@
-import { useCallbackRef } from "./useCallbackRef.js";
-import { useStore } from "./useStore.js";
-import { useMemo } from "react";
-import { createLocationStore } from "@zayne-labs/toolkit-core";
-
-//#region src/hooks/useLocationState.ts
-const createUseLocationState = (options) => {
-	const locationStore = createLocationStore(options);
-	const useLocationState$1 = (selector) => {
-		return [useStore(locationStore, selector), locationStore];
-	};
-	Object.assign(useLocationState$1, locationStore);
-	return useLocationState$1;
-};
-const useLocationState = (selector, options = {}) => {
-	const { equalityFn } = options;
-	const savedEqualityFn = useCallbackRef(equalityFn);
-	const locationStore = useMemo(() => createLocationStore({ equalityFn: savedEqualityFn }), [savedEqualityFn]);
-	return [useStore(locationStore, selector), locationStore];
-};
-
-//#endregion
-export { createUseLocationState, useLocationState };
-//# sourceMappingURL=useLocationState.js.map

package/dist/esm/hooks/useLocationState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLocationState.js","names":["useLocationState"],"sources":["../../../src/hooks/useLocationState.ts"],"sourcesContent":["import {\n\tcreateLocationStore,\n\ttype LocationInfo,\n\ttype LocationStoreApi,\n\ttype LocationStoreOptions,\n} from \"@zayne-labs/toolkit-core\";\nimport type { SelectorFn } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useMemo } from \"react\";\nimport { useCallbackRef } from \"./useCallbackRef\";\nimport { useStore } from \"./useStore\";\n\ntype UseLocationResult<TSlice> = [state: TSlice, actions: LocationStoreApi];\n\nexport const createUseLocationState = (options?: LocationStoreOptions) => {\n\tconst locationStore = createLocationStore(options);\n\n\ttype UseBoundLocationState = LocationStoreApi\n\t\t& (<TSlice = LocationInfo>(\n\t\t\tselector?: SelectorFn<LocationInfo, TSlice>\n\t\t) => UseLocationResult<TSlice>);\n\n\tconst useLocationState = <TSlice = LocationInfo>(\n\t\tselector?: SelectorFn<LocationInfo, TSlice>\n\t): UseLocationResult<TSlice> => {\n\t\tconst stateSlice = useStore(locationStore as never, selector);\n\n\t\treturn [stateSlice, locationStore];\n\t};\n\n\tObject.assign(useLocationState, locationStore);\n\n\treturn useLocationState as UseBoundLocationState;\n};\n\nexport const useLocationState = <TSlice = LocationInfo>(\n\tselector?: SelectorFn<LocationInfo, TSlice>,\n\toptions: LocationStoreOptions = {}\n): UseLocationResult<TSlice> => {\n\tconst { equalityFn } = options;\n\n\tconst savedEqualityFn = useCallbackRef(equalityFn);\n\n\tconst locationStore = useMemo(\n\t\t() => createLocationStore({ equalityFn: savedEqualityFn }),\n\t\t[savedEqualityFn]\n\t);\n\n\tconst stateSlice = useStore(locationStore as never, selector);\n\n\treturn [stateSlice, locationStore];\n};\n"],"mappings":";;;;;;AAaA,MAAa,0BAA0B,YAAmC;CACzE,MAAM,gBAAgB,oBAAoB,QAAQ;CAOlD,MAAMA,sBACL,aAC+B;AAG/B,SAAO,CAFY,SAAS,eAAwB,SAAS,EAEzC,cAAc;;AAGnC,QAAO,OAAOA,oBAAkB,cAAc;AAE9C,QAAOA;;AAGR,MAAa,oBACZ,UACA,UAAgC,EAAE,KACH;CAC/B,MAAM,EAAE,eAAe;CAEvB,MAAM,kBAAkB,eAAe,WAAW;CAElD,MAAM,gBAAgB,cACf,oBAAoB,EAAE,YAAY,iBAAiB,CAAC,EAC1D,CAAC,gBAAgB,CACjB;AAID,QAAO,CAFY,SAAS,eAAwB,SAAS,EAEzC,cAAc"}

package/dist/esm/hooks/useScrollObserver.d.ts

@@ -1,11 +0,0 @@
-import { RefCallback } from "react";
-import { ScrollObserverOptions } from "@zayne-labs/toolkit-core";
-
-//#region src/hooks/useScrollObserver.d.ts
-declare const useScrollObserver: <TElement extends HTMLElement>(options?: ScrollObserverOptions) => {
-  isScrolled: boolean;
-  observedElementRef: RefCallback<TElement>;
-};
-//#endregion
-export { useScrollObserver };
-//# sourceMappingURL=useScrollObserver.d.ts.map

package/dist/esm/hooks/useScrollObserver.js

@@ -1,43 +0,0 @@
-import { useCallbackRef } from "./useCallbackRef.js";
-import { useMemo, useState } from "react";
-import { createScrollObserver } from "@zayne-labs/toolkit-core";
-
-//#region src/hooks/useScrollObserver.ts
-const useScrollObserver = (options = {}) => {
-	const { onIntersection, root, rootMargin = "10px 0px 0px 0px", threshold } = options;
-	const [isScrolled, setIsScrolled] = useState(false);
-	const savedOnIntersection = useCallbackRef(onIntersection);
-	const { handleObservation } = useMemo(() => {
-		return createScrollObserver({
-			onIntersection: (entry, observer) => {
-				const newIsScrolledState = !entry.isIntersecting;
-				setIsScrolled(newIsScrolledState);
-				entry.target.dataset.scrolled = String(newIsScrolledState);
-				savedOnIntersection(entry, observer);
-			},
-			root,
-			rootMargin,
-			threshold
-		});
-	}, [
-		root,
-		rootMargin,
-		savedOnIntersection,
-		threshold
-	]);
-	return {
-		isScrolled,
-		observedElementRef: useCallbackRef((element) => {
-			const cleanupFn = handleObservation(element);
-			if (!element) {
-				cleanupFn?.();
-				return;
-			}
-			return cleanupFn;
-		})
-	};
-};
-
-//#endregion
-export { useScrollObserver };
-//# sourceMappingURL=useScrollObserver.js.map

package/dist/esm/hooks/useScrollObserver.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScrollObserver.js","names":[],"sources":["../../../src/hooks/useScrollObserver.ts"],"sourcesContent":["import { createScrollObserver, type ScrollObserverOptions } from \"@zayne-labs/toolkit-core\";\nimport { type RefCallback, useMemo, useState } from \"react\";\nimport { useCallbackRef } from \"./useCallbackRef\";\n\nconst useScrollObserver = <TElement extends HTMLElement>(options: ScrollObserverOptions = {}) => {\n\tconst { onIntersection, root, rootMargin = \"10px 0px 0px 0px\", threshold } = options;\n\n\tconst [isScrolled, setIsScrolled] = useState(false);\n\n\tconst savedOnIntersection = useCallbackRef(onIntersection);\n\n\tconst { handleObservation } = useMemo(() => {\n\t\treturn createScrollObserver({\n\t\t\tonIntersection: (entry, observer) => {\n\t\t\t\tconst newIsScrolledState = !entry.isIntersecting;\n\n\t\t\t\tsetIsScrolled(newIsScrolledState);\n\n\t\t\t\t// eslint-disable-next-line no-param-reassign -- Mutation is fine here\n\t\t\t\t(entry.target as HTMLElement).dataset.scrolled = String(newIsScrolledState);\n\n\t\t\t\tsavedOnIntersection(entry, observer);\n\t\t\t},\n\t\t\troot,\n\t\t\trootMargin,\n\t\t\tthreshold,\n\t\t});\n\t}, [root, rootMargin, savedOnIntersection, threshold]);\n\n\tconst observedElementRef: RefCallback<TElement> = useCallbackRef((element) => {\n\t\tconst cleanupFn = handleObservation(element);\n\n\t\t// == React 18 may not call the cleanup function so we need to call it manually on element unmount\n\t\tif (!element) {\n\t\t\tcleanupFn?.();\n\t\t\treturn;\n\t\t}\n\n\t\treturn cleanupFn;\n\t});\n\n\treturn { isScrolled, observedElementRef };\n};\n\nexport { useScrollObserver };\n"],"mappings":";;;;;AAIA,MAAM,qBAAmD,UAAiC,EAAE,KAAK;CAChG,MAAM,EAAE,gBAAgB,MAAM,aAAa,oBAAoB,cAAc;CAE7E,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CAEnD,MAAM,sBAAsB,eAAe,eAAe;CAE1D,MAAM,EAAE,sBAAsB,cAAc;AAC3C,SAAO,qBAAqB;GAC3B,iBAAiB,OAAO,aAAa;IACpC,MAAM,qBAAqB,CAAC,MAAM;AAElC,kBAAc,mBAAmB;AAGjC,IAAC,MAAM,OAAuB,QAAQ,WAAW,OAAO,mBAAmB;AAE3E,wBAAoB,OAAO,SAAS;;GAErC;GACA;GACA;GACA,CAAC;IACA;EAAC;EAAM;EAAY;EAAqB;EAAU,CAAC;AActD,QAAO;EAAE;EAAY,oBAZ6B,gBAAgB,YAAY;GAC7E,MAAM,YAAY,kBAAkB,QAAQ;AAG5C,OAAI,CAAC,SAAS;AACb,iBAAa;AACb;;AAGD,UAAO;IACN;EAEuC"}

package/dist/esm/hooks/useSearch.d.ts

@@ -1,12 +0,0 @@
-import * as react9 from "react";
-
-//#region src/hooks/useSearch.d.ts
-declare const useSearch: <TData>(initialData: TData[], delay?: number) => {
-  data: TData[];
-  isLoading: boolean;
-  query: string;
-  setQuery: react9.Dispatch<react9.SetStateAction<string>>;
-};
-//#endregion
-export { useSearch };
-//# sourceMappingURL=useSearch.d.ts.map

package/dist/esm/hooks/useSearch.js

@@ -1,39 +0,0 @@
-import { useAfterMountEffect } from "./effects/useAfterMountEffect.js";
-import { useDebouncedFn } from "./useDebounce.js";
-import { useState } from "react";
-import { isPlainObject } from "@zayne-labs/toolkit-type-helpers";
-
-//#region src/hooks/useSearch.ts
-const isSerializable = (item) => typeof item === "string" || typeof item === "number" || typeof item === "boolean";
-const checkObjectPropsForQuery = (item, query) => {
-	for (const value of Object.values(item)) if (isSerializable(value) && value.toString().toLowerCase().includes(query)) return true;
-	return false;
-};
-const useSearch = (initialData, delay) => {
-	const [searchQuery, setSearchQuery] = useState("");
-	const [filteredData, setFilteredData] = useState(initialData);
-	const [isLoading, setIsLoading] = useState(false);
-	const handleDebouncedSearch = useDebouncedFn(() => {
-		const query = searchQuery.toLowerCase();
-		setFilteredData(initialData.filter((item) => {
-			if (isSerializable(item)) return item.toString().toLowerCase().includes(query);
-			if (isPlainObject(item)) return checkObjectPropsForQuery(item, query);
-			return false;
-		}));
-		setIsLoading(false);
-	}, delay);
-	useAfterMountEffect(() => {
-		setIsLoading(true);
-		handleDebouncedSearch();
-	}, [searchQuery]);
-	return {
-		data: filteredData,
-		isLoading,
-		query: searchQuery,
-		setQuery: setSearchQuery
-	};
-};
-
-//#endregion
-export { useSearch };
-//# sourceMappingURL=useSearch.js.map

package/dist/esm/hooks/useSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSearch.js","names":[],"sources":["../../../src/hooks/useSearch.ts"],"sourcesContent":["import { isPlainObject } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useState } from \"react\";\nimport { useAfterMountEffect } from \"./effects/useAfterMountEffect\";\nimport { useDebouncedFn } from \"./useDebounce\";\n\nconst isSerializable = (item: unknown): item is boolean | number | string =>\n\ttypeof item === \"string\" || typeof item === \"number\" || typeof item === \"boolean\";\n\nconst checkObjectPropsForQuery = (item: Record<string, unknown>, query: string): boolean => {\n\tfor (const value of Object.values(item)) {\n\t\tif (isSerializable(value) && value.toString().toLowerCase().includes(query)) {\n\t\t\treturn true;\n\t\t}\n\t}\n\treturn false;\n};\n\nconst useSearch = <TData>(initialData: TData[], delay?: number) => {\n\tconst [searchQuery, setSearchQuery] = useState(\"\");\n\tconst [filteredData, setFilteredData] = useState(initialData);\n\tconst [isLoading, setIsLoading] = useState(false);\n\n\tconst handleDebouncedSearch = useDebouncedFn(() => {\n\t\tconst query = searchQuery.toLowerCase();\n\n\t\tconst filteredResults = initialData.filter((item) => {\n\t\t\tif (isSerializable(item)) {\n\t\t\t\treturn item.toString().toLowerCase().includes(query);\n\t\t\t}\n\n\t\t\tif (isPlainObject(item)) {\n\t\t\t\treturn checkObjectPropsForQuery(item, query);\n\t\t\t}\n\n\t\t\treturn false;\n\t\t});\n\n\t\tsetFilteredData(filteredResults);\n\t\tsetIsLoading(false);\n\t}, delay);\n\n\tuseAfterMountEffect(() => {\n\t\tsetIsLoading(true);\n\t\thandleDebouncedSearch();\n\t}, [searchQuery]);\n\n\treturn { data: filteredData, isLoading, query: searchQuery, setQuery: setSearchQuery };\n};\n\nexport { useSearch };\n"],"mappings":";;;;;;AAKA,MAAM,kBAAkB,SACvB,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY,OAAO,SAAS;AAEzE,MAAM,4BAA4B,MAA+B,UAA2B;AAC3F,MAAK,MAAM,SAAS,OAAO,OAAO,KAAK,CACtC,KAAI,eAAe,MAAM,IAAI,MAAM,UAAU,CAAC,aAAa,CAAC,SAAS,MAAM,CAC1E,QAAO;AAGT,QAAO;;AAGR,MAAM,aAAoB,aAAsB,UAAmB;CAClE,MAAM,CAAC,aAAa,kBAAkB,SAAS,GAAG;CAClD,MAAM,CAAC,cAAc,mBAAmB,SAAS,YAAY;CAC7D,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAEjD,MAAM,wBAAwB,qBAAqB;EAClD,MAAM,QAAQ,YAAY,aAAa;AAcvC,kBAZwB,YAAY,QAAQ,SAAS;AACpD,OAAI,eAAe,KAAK,CACvB,QAAO,KAAK,UAAU,CAAC,aAAa,CAAC,SAAS,MAAM;AAGrD,OAAI,cAAc,KAAK,CACtB,QAAO,yBAAyB,MAAM,MAAM;AAG7C,UAAO;IACN,CAE8B;AAChC,eAAa,MAAM;IACjB,MAAM;AAET,2BAA0B;AACzB,eAAa,KAAK;AAClB,yBAAuB;IACrB,CAAC,YAAY,CAAC;AAEjB,QAAO;EAAE,MAAM;EAAc;EAAW,OAAO;EAAa,UAAU;EAAgB"}

package/dist/esm/hooks/useSearchParams.d.ts

@@ -1,12 +0,0 @@
-import * as _zayne_labs_toolkit_core4 from "@zayne-labs/toolkit-core";
-import { LocationStoreOptions, URLSearchParamsInit } from "@zayne-labs/toolkit-core";
-
-//#region src/hooks/useSearchParams.d.ts
-type UseSearchParamsOptions = LocationStoreOptions & {
-  action?: "push" | "replace";
-};
-declare const useSearchParams: <TSearchParams extends URLSearchParamsInit>(options?: UseSearchParamsOptions) => [searchParams: URLSearchParams, setSearchParams: (newQueryParams: TSearchParams | ((prev: URLSearchParams) => TSearchParams)) => void, triggerPopstateEvent: (nextLocationState?: _zayne_labs_toolkit_core4.LocationInfo["state"]) => void];
-declare const useSearchParamsObject: <TSearchParams extends Record<string, string>>(options?: UseSearchParamsOptions) => [searchParamsObject: TSearchParams, setSearchParamsObject: (newQueryParams: TSearchParams | ((prev: TSearchParams) => TSearchParams)) => void, triggerPopstateEvent: (nextLocationState?: _zayne_labs_toolkit_core4.LocationInfo["state"]) => void];
-//#endregion
-export { useSearchParams, useSearchParamsObject };
-//# sourceMappingURL=useSearchParams.d.ts.map

package/dist/esm/hooks/useSearchParams.js

@@ -1,34 +0,0 @@
-import { useLocationState } from "./useLocationState.js";
-import { createSearchParams } from "@zayne-labs/toolkit-core";
-import { isFunction } from "@zayne-labs/toolkit-type-helpers";
-
-//#region src/hooks/useSearchParams.ts
-const useSearchParams = (options) => {
-	const { action = "push",...restOfOptions } = options ?? {};
-	const [searchParams, actions] = useLocationState((state) => state.search, restOfOptions);
-	const setSearchParams = (newQueryParams) => {
-		const nextSearchParams = createSearchParams(isFunction(newQueryParams) ? newQueryParams(searchParams) : newQueryParams);
-		actions[action]({ search: nextSearchParams });
-	};
-	return [
-		searchParams,
-		setSearchParams,
-		actions.triggerPopstateEvent
-	];
-};
-const useSearchParamsObject = (options) => {
-	const [searchParams, setSearchParams, triggerPopstateEvent] = useSearchParams(options);
-	const searchParamsObject = Object.fromEntries(searchParams);
-	const setSearchParamsObject = (newQueryParams) => {
-		setSearchParams(isFunction(newQueryParams) ? newQueryParams(searchParamsObject) : newQueryParams);
-	};
-	return [
-		searchParamsObject,
-		setSearchParamsObject,
-		triggerPopstateEvent
-	];
-};
-
-//#endregion
-export { useSearchParams, useSearchParamsObject };
-//# sourceMappingURL=useSearchParams.js.map

package/dist/esm/hooks/useSearchParams.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSearchParams.js","names":[],"sources":["../../../src/hooks/useSearchParams.ts"],"sourcesContent":["import {\n\tcreateSearchParams,\n\ttype LocationStoreOptions,\n\ttype URLSearchParamsInit,\n} from \"@zayne-labs/toolkit-core\";\nimport { isFunction } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useLocationState } from \"./useLocationState\";\n\ntype UseSearchParamsOptions = LocationStoreOptions & {\n\taction?: \"push\" | \"replace\";\n};\n\nexport const useSearchParams = <TSearchParams extends URLSearchParamsInit>(\n\toptions?: UseSearchParamsOptions\n) => {\n\tconst { action = \"push\", ...restOfOptions } = options ?? {};\n\n\tconst [searchParams, actions] = useLocationState((state) => state.search, restOfOptions);\n\n\tconst setSearchParams = (\n\t\tnewQueryParams: TSearchParams | ((prev: URLSearchParams) => TSearchParams)\n\t) => {\n\t\tconst params = isFunction(newQueryParams) ? newQueryParams(searchParams) : newQueryParams;\n\n\t\tconst nextSearchParams = createSearchParams(params);\n\n\t\tactions[action]({ search: nextSearchParams });\n\t};\n\n\treturn [searchParams, setSearchParams, actions.triggerPopstateEvent] as [\n\t\tsearchParams: typeof searchParams,\n\t\tsetSearchParams: typeof setSearchParams,\n\t\ttriggerPopstateEvent: typeof actions.triggerPopstateEvent,\n\t];\n};\n\nexport const useSearchParamsObject = <TSearchParams extends Record<string, string>>(\n\toptions?: UseSearchParamsOptions\n) => {\n\tconst [searchParams, setSearchParams, triggerPopstateEvent] = useSearchParams(options);\n\n\tconst searchParamsObject = Object.fromEntries(searchParams) as TSearchParams;\n\n\tconst setSearchParamsObject = (\n\t\tnewQueryParams: TSearchParams | ((prev: TSearchParams) => TSearchParams)\n\t) => {\n\t\tconst params = isFunction(newQueryParams) ? newQueryParams(searchParamsObject) : newQueryParams;\n\n\t\tsetSearchParams(params);\n\t};\n\n\treturn [searchParamsObject, setSearchParamsObject, triggerPopstateEvent] as [\n\t\tsearchParamsObject: typeof searchParamsObject,\n\t\tsetSearchParamsObject: typeof setSearchParamsObject,\n\t\ttriggerPopstateEvent: typeof triggerPopstateEvent,\n\t];\n};\n"],"mappings":";;;;;AAYA,MAAa,mBACZ,YACI;CACJ,MAAM,EAAE,SAAS,OAAQ,GAAG,kBAAkB,WAAW,EAAE;CAE3D,MAAM,CAAC,cAAc,WAAW,kBAAkB,UAAU,MAAM,QAAQ,cAAc;CAExF,MAAM,mBACL,mBACI;EAGJ,MAAM,mBAAmB,mBAFV,WAAW,eAAe,GAAG,eAAe,aAAa,GAAG,eAExB;AAEnD,UAAQ,QAAQ,EAAE,QAAQ,kBAAkB,CAAC;;AAG9C,QAAO;EAAC;EAAc;EAAiB,QAAQ;EAAqB;;AAOrE,MAAa,yBACZ,YACI;CACJ,MAAM,CAAC,cAAc,iBAAiB,wBAAwB,gBAAgB,QAAQ;CAEtF,MAAM,qBAAqB,OAAO,YAAY,aAAa;CAE3D,MAAM,yBACL,mBACI;AAGJ,kBAFe,WAAW,eAAe,GAAG,eAAe,mBAAmB,GAAG,eAE1D;;AAGxB,QAAO;EAAC;EAAoB;EAAuB;EAAqB"}

package/dist/esm/hooks/useShallowCompare.d.ts

@@ -1,8 +0,0 @@
-import { SelectorFn } from "@zayne-labs/toolkit-type-helpers";
-
-//#region src/hooks/useShallowCompare.d.ts
-declare const useShallowCompSelector: <TState, TResult>(selector: SelectorFn<TState, TResult> | undefined) => (state: TState) => TResult;
-declare const useShallowCompValue: <TValue>(value: TValue) => TValue;
-//#endregion
-export { useShallowCompSelector, useShallowCompValue };
-//# sourceMappingURL=useShallowCompare.d.ts.map

package/dist/esm/hooks/useShallowCompare.js

@@ -1,26 +0,0 @@
-import { useCallbackRef } from "./useCallbackRef.js";
-import { useInsertionEffect, useRef } from "react";
-import { shallowCompare } from "@zayne-labs/toolkit-core";
-
-//#region src/hooks/useShallowCompare.ts
-const useShallowCompSelector = (selector) => {
-	const prevStateRef = useRef(void 0);
-	return useCallbackRef((state) => {
-		const nextState = selector?.(state);
-		if (!nextState) return prevStateRef.current;
-		if (shallowCompare(prevStateRef.current, nextState)) return prevStateRef.current;
-		return prevStateRef.current = nextState;
-	});
-};
-const useShallowCompValue = (value) => {
-	const prevValueRef = useRef(value);
-	useInsertionEffect(() => {
-		if (shallowCompare(prevValueRef.current, value)) return;
-		prevValueRef.current = value;
-	});
-	return prevValueRef.current;
-};
-
-//#endregion
-export { useShallowCompSelector, useShallowCompValue };
-//# sourceMappingURL=useShallowCompare.js.map

package/dist/esm/hooks/useShallowCompare.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useShallowCompare.js","names":[],"sources":["../../../src/hooks/useShallowCompare.ts"],"sourcesContent":["import { shallowCompare } from \"@zayne-labs/toolkit-core\";\nimport type { SelectorFn } from \"@zayne-labs/toolkit-type-helpers\";\nimport { useInsertionEffect, useRef } from \"react\";\nimport { useCallbackRef } from \"./useCallbackRef\";\n\nexport const useShallowCompSelector = <TState, TResult>(\n\tselector: SelectorFn<TState, TResult> | undefined\n) => {\n\tconst prevStateRef = useRef<TResult>(undefined as never);\n\n\tconst shallowSelector = useCallbackRef((state: TState) => {\n\t\tconst nextState = selector?.(state);\n\n\t\tif (!nextState) {\n\t\t\treturn prevStateRef.current;\n\t\t}\n\n\t\tif (shallowCompare(prevStateRef.current, nextState)) {\n\t\t\treturn prevStateRef.current;\n\t\t}\n\n\t\treturn (prevStateRef.current = nextState);\n\t});\n\n\treturn shallowSelector;\n};\n\nexport const useShallowCompValue = <TValue>(value: TValue) => {\n\tconst prevValueRef = useRef<TValue>(value);\n\n\tuseInsertionEffect(() => {\n\t\tif (shallowCompare(prevValueRef.current, value)) return;\n\n\t\tprevValueRef.current = value;\n\t});\n\n\t// eslint-disable-next-line react-hooks/refs -- Allow this for convenience\n\treturn prevValueRef.current;\n};\n"],"mappings":";;;;;AAKA,MAAa,0BACZ,aACI;CACJ,MAAM,eAAe,OAAgB,OAAmB;AAgBxD,QAdwB,gBAAgB,UAAkB;EACzD,MAAM,YAAY,WAAW,MAAM;AAEnC,MAAI,CAAC,UACJ,QAAO,aAAa;AAGrB,MAAI,eAAe,aAAa,SAAS,UAAU,CAClD,QAAO,aAAa;AAGrB,SAAQ,aAAa,UAAU;GAC9B;;AAKH,MAAa,uBAA+B,UAAkB;CAC7D,MAAM,eAAe,OAAe,MAAM;AAE1C,0BAAyB;AACxB,MAAI,eAAe,aAAa,SAAS,MAAM,CAAE;AAEjD,eAAa,UAAU;GACtB;AAGF,QAAO,aAAa"}

package/dist/esm/hooks/useStorageState.d.ts

@@ -1,20 +0,0 @@
-import * as _zayne_labs_toolkit_core6 from "@zayne-labs/toolkit-core";
-import { StorageOptions, StorageStoreApi } from "@zayne-labs/toolkit-core";
-import { SelectorFn } from "@zayne-labs/toolkit-type-helpers";
-
-//#region src/hooks/useStorageState.d.ts
-type UseStorageResult<TState, TSlice = TState> = [state: TSlice, actions: StorageStoreApi<TState>];
-/**
- * @description Creates a custom hook that returns a storage state and actions to modify it. You can use this if you need shared options.
- * @note You must use this if you want to be able to prevent syncing state across tabs.
- */
-declare const createUseStorageState: <TState>(baseOptions: StorageOptions<TState>) => _zayne_labs_toolkit_core6.StoreApi<TState> & {
-  removeState: () => void;
-} & (<TSlice = TState>(selector?: SelectorFn<TState, TSlice>) => UseStorageResult<TState, TSlice>);
-type UseStorageStateOptions<TValue> = Omit<StorageOptions<TValue>, "initialValue" | "key">;
-declare const useStorageState: <TValue, TSlice = TValue>(key: string, initialValue?: TValue, options?: UseStorageStateOptions<TValue> & {
-  select?: SelectorFn<TValue, TSlice>;
-}) => UseStorageResult<TValue, TSlice>;
-//#endregion
-export { createUseStorageState, useStorageState };
-//# sourceMappingURL=useStorageState.d.ts.map