react-simplikit 0.0.50 → 0.0.52

package/dist/index.d.cts

@@ -1,40 +1,56 @@
-export { ImpressionArea } from './components/ImpressionArea/index.cjs';
-export { Separated } from './components/Separated/index.cjs';
-export { SwitchCase } from './components/SwitchCase/index.cjs';
-export { useAsyncEffect } from './hooks/useAsyncEffect/index.cjs';
-export { useBooleanState } from './hooks/useBooleanState/index.cjs';
-export { useCallbackOncePerRender } from './hooks/useCallbackOncePerRender/index.cjs';
-export { useConditionalEffect } from './hooks/useConditionalEffect/index.cjs';
-export { useControlledState } from './hooks/useControlledState/index.cjs';
-export { useCounter } from './hooks/useCounter/index.cjs';
-export { useDebounce } from './hooks/useDebounce/index.cjs';
-export { useDebouncedCallback } from './hooks/useDebouncedCallback/index.cjs';
-export { useDoubleClick } from './hooks/useDoubleClick/index.cjs';
-export { useGeolocation } from './hooks/useGeolocation/index.cjs';
-export { useImpressionRef } from './hooks/useImpressionRef/index.cjs';
-export { useInputState } from './hooks/useInputState/index.cjs';
-export { useIntersectionObserver } from './hooks/useIntersectionObserver/index.cjs';
-export { useInterval } from './hooks/useInterval/index.cjs';
-export { useIsClient } from './hooks/useIsClient/index.cjs';
-export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect/index.cjs';
-export { useList } from './hooks/useList/index.cjs';
-export { useLoading } from './hooks/useLoading/index.cjs';
-export { useLongPress } from './hooks/useLongPress/index.cjs';
-export { useMap } from './hooks/useMap/index.cjs';
-export { useOutsideClickEffect } from './hooks/useOutsideClickEffect/index.cjs';
-export { usePreservedCallback } from './hooks/usePreservedCallback/index.cjs';
-export { usePreservedReference } from './hooks/usePreservedReference/index.cjs';
-export { usePrevious } from './hooks/usePrevious/index.cjs';
-export { useRefEffect } from './hooks/useRefEffect/index.cjs';
-export { useSet } from './hooks/useSet/index.cjs';
-export { useStorageState } from './hooks/useStorageState/index.cjs';
-export { useThrottle } from './hooks/useThrottle/index.cjs';
-export { useThrottledCallback } from './hooks/useThrottledCallback/index.cjs';
-export { useTimeout } from './hooks/useTimeout/index.cjs';
-export { useToggle } from './hooks/useToggle/index.cjs';
-export { useVisibilityEvent } from './hooks/useVisibilityEvent/index.cjs';
-export { buildContext } from './utils/buildContext/index.cjs';
-export { mergeProps } from './utils/mergeProps/index.cjs';
-export { mergeRefs } from './utils/mergeRefs/index.cjs';
-import 'react';
-import 'react/jsx-runtime';
+
+import { useImpressionRef } from "./hooks/useImpressionRef/useImpressionRef.cjs";
+import { ImpressionArea } from "./components/ImpressionArea/ImpressionArea.cjs";
+import "./components/ImpressionArea/index.cjs";
+import { Separated } from "./components/Separated/Separated.cjs";
+import "./components/Separated/index.cjs";
+import { SwitchCase } from "./components/SwitchCase/SwitchCase.cjs";
+import "./components/SwitchCase/index.cjs";
+import { useAsyncEffect } from "./hooks/useAsyncEffect/useAsyncEffect.cjs";
+import "./hooks/useAsyncEffect/index.cjs";
+import { useBooleanState } from "./hooks/useBooleanState/useBooleanState.cjs";
+import { useCallbackOncePerRender } from "./hooks/useCallbackOncePerRender/useCallbackOncePerRender.cjs";
+import "./hooks/useCallbackOncePerRender/index.cjs";
+import { useConditionalEffect } from "./hooks/useConditionalEffect/useConditionalEffect.cjs";
+import "./hooks/useConditionalEffect/index.cjs";
+import { useControlledState } from "./hooks/useControlledState/useControlledState.cjs";
+import "./hooks/useControlledState/index.cjs";
+import { useCounter } from "./hooks/useCounter/useCounter.cjs";
+import { useDebounce } from "./hooks/useDebounce/useDebounce.cjs";
+import { useDebouncedCallback } from "./hooks/useDebouncedCallback/useDebouncedCallback.cjs";
+import { useDoubleClick } from "./hooks/useDoubleClick/useDoubleClick.cjs";
+import "./hooks/useDoubleClick/index.cjs";
+import { useGeolocation } from "./hooks/useGeolocation/useGeolocation.cjs";
+import { useInputState } from "./hooks/useInputState/useInputState.cjs";
+import "./hooks/useInputState/index.cjs";
+import { useIntersectionObserver } from "./hooks/useIntersectionObserver/useIntersectionObserver.cjs";
+import { useInterval } from "./hooks/useInterval/useInterval.cjs";
+import { useIsClient } from "./hooks/useIsClient/useIsClient.cjs";
+import { useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs";
+import "./hooks/useIsomorphicLayoutEffect/index.cjs";
+import { useList } from "./hooks/useList/useList.cjs";
+import { useLoading } from "./hooks/useLoading/useLoading.cjs";
+import { useLongPress } from "./hooks/useLongPress/useLongPress.cjs";
+import "./hooks/useLongPress/index.cjs";
+import { useMap } from "./hooks/useMap/useMap.cjs";
+import { useOutsideClickEffect } from "./hooks/useOutsideClickEffect/useOutsideClickEffect.cjs";
+import { usePreservedCallback } from "./hooks/usePreservedCallback/usePreservedCallback.cjs";
+import { usePreservedReference } from "./hooks/usePreservedReference/usePreservedReference.cjs";
+import { usePrevious } from "./hooks/usePrevious/usePrevious.cjs";
+import { useRefEffect } from "./hooks/useRefEffect/useRefEffect.cjs";
+import "./hooks/useRefEffect/index.cjs";
+import { useSet } from "./hooks/useSet/useSet.cjs";
+import { useStorageState } from "./hooks/useStorageState/useStorageState.cjs";
+import "./hooks/useStorageState/index.cjs";
+import { useThrottle } from "./hooks/useThrottle/useThrottle.cjs";
+import { useThrottledCallback } from "./hooks/useThrottledCallback/useThrottledCallback.cjs";
+import { useTimeout } from "./hooks/useTimeout/useTimeout.cjs";
+import { useToggle } from "./hooks/useToggle/useToggle.cjs";
+import { useVisibilityEvent } from "./hooks/useVisibilityEvent/useVisibilityEvent.cjs";
+import { buildContext } from "./utils/buildContext/buildContext.cjs";
+import "./utils/buildContext/index.cjs";
+import { mergeProps } from "./utils/mergeProps/mergeProps.cjs";
+import "./utils/mergeProps/index.cjs";
+import { mergeRefs } from "./utils/mergeRefs/mergeRefs.cjs";
+import "./utils/mergeRefs/index.cjs";
+export { ImpressionArea, Separated, SwitchCase, buildContext, mergeProps, mergeRefs, useAsyncEffect, useBooleanState, useCallbackOncePerRender, useConditionalEffect, useControlledState, useCounter, useDebounce, useDebouncedCallback, useDoubleClick, useGeolocation, useImpressionRef, useInputState, useIntersectionObserver, useInterval, useIsClient, useIsomorphicLayoutEffect, useList, useLoading, useLongPress, useMap, useOutsideClickEffect, usePreservedCallback, usePreservedReference, usePrevious, useRefEffect, useSet, useStorageState, useThrottle, useThrottledCallback, useTimeout, useToggle, useVisibilityEvent };

package/dist/index.d.mts

@@ -0,0 +1,56 @@
+
+import { useImpressionRef } from "./hooks/useImpressionRef/useImpressionRef.mjs";
+import { ImpressionArea } from "./components/ImpressionArea/ImpressionArea.mjs";
+import "./components/ImpressionArea/index.mjs";
+import { Separated } from "./components/Separated/Separated.mjs";
+import "./components/Separated/index.mjs";
+import { SwitchCase } from "./components/SwitchCase/SwitchCase.mjs";
+import "./components/SwitchCase/index.mjs";
+import { useAsyncEffect } from "./hooks/useAsyncEffect/useAsyncEffect.mjs";
+import "./hooks/useAsyncEffect/index.mjs";
+import { useBooleanState } from "./hooks/useBooleanState/useBooleanState.mjs";
+import { useCallbackOncePerRender } from "./hooks/useCallbackOncePerRender/useCallbackOncePerRender.mjs";
+import "./hooks/useCallbackOncePerRender/index.mjs";
+import { useConditionalEffect } from "./hooks/useConditionalEffect/useConditionalEffect.mjs";
+import "./hooks/useConditionalEffect/index.mjs";
+import { useControlledState } from "./hooks/useControlledState/useControlledState.mjs";
+import "./hooks/useControlledState/index.mjs";
+import { useCounter } from "./hooks/useCounter/useCounter.mjs";
+import { useDebounce } from "./hooks/useDebounce/useDebounce.mjs";
+import { useDebouncedCallback } from "./hooks/useDebouncedCallback/useDebouncedCallback.mjs";
+import { useDoubleClick } from "./hooks/useDoubleClick/useDoubleClick.mjs";
+import "./hooks/useDoubleClick/index.mjs";
+import { useGeolocation } from "./hooks/useGeolocation/useGeolocation.mjs";
+import { useInputState } from "./hooks/useInputState/useInputState.mjs";
+import "./hooks/useInputState/index.mjs";
+import { useIntersectionObserver } from "./hooks/useIntersectionObserver/useIntersectionObserver.mjs";
+import { useInterval } from "./hooks/useInterval/useInterval.mjs";
+import { useIsClient } from "./hooks/useIsClient/useIsClient.mjs";
+import { useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import "./hooks/useIsomorphicLayoutEffect/index.mjs";
+import { useList } from "./hooks/useList/useList.mjs";
+import { useLoading } from "./hooks/useLoading/useLoading.mjs";
+import { useLongPress } from "./hooks/useLongPress/useLongPress.mjs";
+import "./hooks/useLongPress/index.mjs";
+import { useMap } from "./hooks/useMap/useMap.mjs";
+import { useOutsideClickEffect } from "./hooks/useOutsideClickEffect/useOutsideClickEffect.mjs";
+import { usePreservedCallback } from "./hooks/usePreservedCallback/usePreservedCallback.mjs";
+import { usePreservedReference } from "./hooks/usePreservedReference/usePreservedReference.mjs";
+import { usePrevious } from "./hooks/usePrevious/usePrevious.mjs";
+import { useRefEffect } from "./hooks/useRefEffect/useRefEffect.mjs";
+import "./hooks/useRefEffect/index.mjs";
+import { useSet } from "./hooks/useSet/useSet.mjs";
+import { useStorageState } from "./hooks/useStorageState/useStorageState.mjs";
+import "./hooks/useStorageState/index.mjs";
+import { useThrottle } from "./hooks/useThrottle/useThrottle.mjs";
+import { useThrottledCallback } from "./hooks/useThrottledCallback/useThrottledCallback.mjs";
+import { useTimeout } from "./hooks/useTimeout/useTimeout.mjs";
+import { useToggle } from "./hooks/useToggle/useToggle.mjs";
+import { useVisibilityEvent } from "./hooks/useVisibilityEvent/useVisibilityEvent.mjs";
+import { buildContext } from "./utils/buildContext/buildContext.mjs";
+import "./utils/buildContext/index.mjs";
+import { mergeProps } from "./utils/mergeProps/mergeProps.mjs";
+import "./utils/mergeProps/index.mjs";
+import { mergeRefs } from "./utils/mergeRefs/mergeRefs.mjs";
+import "./utils/mergeRefs/index.mjs";
+export { ImpressionArea, Separated, SwitchCase, buildContext, mergeProps, mergeRefs, useAsyncEffect, useBooleanState, useCallbackOncePerRender, useConditionalEffect, useControlledState, useCounter, useDebounce, useDebouncedCallback, useDoubleClick, useGeolocation, useImpressionRef, useInputState, useIntersectionObserver, useInterval, useIsClient, useIsomorphicLayoutEffect, useList, useLoading, useLongPress, useMap, useOutsideClickEffect, usePreservedCallback, usePreservedReference, usePrevious, useRefEffect, useSet, useStorageState, useThrottle, useThrottledCallback, useTimeout, useToggle, useVisibilityEvent };

package/dist/index.mjs

@@ -0,0 +1,40 @@
+"use client";
+import { usePreservedCallback } from "./hooks/usePreservedCallback/usePreservedCallback.mjs";
+import { useDebouncedCallback } from "./hooks/useDebouncedCallback/useDebouncedCallback.mjs";
+import { useRefEffect } from "./hooks/useRefEffect/useRefEffect.mjs";
+import { useIntersectionObserver } from "./hooks/useIntersectionObserver/useIntersectionObserver.mjs";
+import { useVisibilityEvent } from "./hooks/useVisibilityEvent/useVisibilityEvent.mjs";
+import { useImpressionRef } from "./hooks/useImpressionRef/useImpressionRef.mjs";
+import { mergeRefs } from "./utils/mergeRefs/mergeRefs.mjs";
+import { ImpressionArea } from "./components/ImpressionArea/ImpressionArea.mjs";
+import { Separated } from "./components/Separated/Separated.mjs";
+import { SwitchCase } from "./components/SwitchCase/SwitchCase.mjs";
+import { useAsyncEffect } from "./hooks/useAsyncEffect/useAsyncEffect.mjs";
+import { useBooleanState } from "./hooks/useBooleanState/useBooleanState.mjs";
+import { useCallbackOncePerRender } from "./hooks/useCallbackOncePerRender/useCallbackOncePerRender.mjs";
+import { useConditionalEffect } from "./hooks/useConditionalEffect/useConditionalEffect.mjs";
+import { useControlledState } from "./hooks/useControlledState/useControlledState.mjs";
+import { useCounter } from "./hooks/useCounter/useCounter.mjs";
+import { useDebounce } from "./hooks/useDebounce/useDebounce.mjs";
+import { useDoubleClick } from "./hooks/useDoubleClick/useDoubleClick.mjs";
+import { useGeolocation } from "./hooks/useGeolocation/useGeolocation.mjs";
+import { useInputState } from "./hooks/useInputState/useInputState.mjs";
+import { useInterval } from "./hooks/useInterval/useInterval.mjs";
+import { useIsClient } from "./hooks/useIsClient/useIsClient.mjs";
+import { useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import { usePreservedReference } from "./hooks/usePreservedReference/usePreservedReference.mjs";
+import { useList } from "./hooks/useList/useList.mjs";
+import { useLoading } from "./hooks/useLoading/useLoading.mjs";
+import { useLongPress } from "./hooks/useLongPress/useLongPress.mjs";
+import { useMap } from "./hooks/useMap/useMap.mjs";
+import { useOutsideClickEffect } from "./hooks/useOutsideClickEffect/useOutsideClickEffect.mjs";
+import { usePrevious } from "./hooks/usePrevious/usePrevious.mjs";
+import { useSet } from "./hooks/useSet/useSet.mjs";
+import { useStorageState } from "./hooks/useStorageState/useStorageState.mjs";
+import { useThrottle } from "./hooks/useThrottle/useThrottle.mjs";
+import { useThrottledCallback } from "./hooks/useThrottledCallback/useThrottledCallback.mjs";
+import { useTimeout } from "./hooks/useTimeout/useTimeout.mjs";
+import { useToggle } from "./hooks/useToggle/useToggle.mjs";
+import { buildContext } from "./utils/buildContext/buildContext.mjs";
+import { mergeProps } from "./utils/mergeProps/mergeProps.mjs";
+export { ImpressionArea, Separated, SwitchCase, buildContext, mergeProps, mergeRefs, useAsyncEffect, useBooleanState, useCallbackOncePerRender, useConditionalEffect, useControlledState, useCounter, useDebounce, useDebouncedCallback, useDoubleClick, useGeolocation, useImpressionRef, useInputState, useIntersectionObserver, useInterval, useIsClient, useIsomorphicLayoutEffect, useList, useLoading, useLongPress, useMap, useOutsideClickEffect, usePreservedCallback, usePreservedReference, usePrevious, useRefEffect, useSet, useStorageState, useThrottle, useThrottledCallback, useTimeout, useToggle, useVisibilityEvent };

package/dist/utils/buildContext/buildContext.cjs

@@ -0,0 +1,50 @@
+"use client";
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/utils/buildContext/buildContext.tsx
+/**
+* @description
+* `buildContext` is a helper function that reduces repetitive code when defining React Context.
+*
+* @param {string} contextName - The name of the context.
+* @param {ContextValuesType} [defaultContextValues] - The default values to be passed to the context.
+*
+* @returns {[Provider: (props: ProviderProps<ContextValuesType>) => JSX.Element, useContext: () => ContextValuesType]} A tuple of the form :
+* - Provider `(props: ProviderProps<ContextValuesType>) => JSX.Element` - The component that provides the context;
+* - useContext `() => ContextValuesType` - The hook that uses the context;
+*
+* @example
+* const [Provider, useContext] = buildContext<{ title: string }>('TestContext', null);
+*
+* function Inner() {
+*   const { title } = useContext();
+*   return <div>{title}</div>;
+* }
+*
+* function Page() {
+*   return (
+*     <Provider title="Hello">
+*       <Inner />
+*     </Provider>
+*   );
+* }
+*/
+function buildContext(contextName, defaultContextValues) {
+	const Context = (0, react.createContext)(defaultContextValues ?? void 0);
+	function Provider({ children, ...contextValues }) {
+		const value = (0, react.useMemo)(() => Object.keys(contextValues).length > 0 ? contextValues : null, [...Object.values(contextValues)]);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Context.Provider, {
+			value,
+			children
+		});
+	}
+	function useInnerContext() {
+		const context = (0, react.useContext)(Context);
+		if (context != null) return context;
+		if (defaultContextValues != null) return defaultContextValues;
+		throw new Error(`\`${contextName}Context\` must be used within \`${contextName}Provider\``);
+	}
+	return [Provider, useInnerContext];
+}
+//#endregion
+exports.buildContext = buildContext;

package/{esm/utils/buildContext/index.d.ts → dist/utils/buildContext/buildContext.d.cts}

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
 
+import { ReactNode } from "react";
+//#region src/utils/buildContext/buildContext.d.ts
 type ProviderProps<ContextValuesType> = (ContextValuesType & {
-    children: ReactNode;
+  children: ReactNode;
 }) | {
-    children: ReactNode;
+  children: ReactNode;
 };
 /**
  * @description
@@ -33,6 +33,6 @@ type ProviderProps<ContextValuesType> = (ContextValuesType & {
  *   );
  * }
  */
-declare function buildContext<ContextValuesType extends object>(contextName: string, defaultContextValues?: ContextValuesType): readonly [({ children, ...contextValues }: ProviderProps<ContextValuesType>) => react_jsx_runtime.JSX.Element, () => ContextValuesType];
-
-export { buildContext };
+declare function buildContext<ContextValuesType extends object>(contextName: string, defaultContextValues?: ContextValuesType): readonly [({ children, ...contextValues }: ProviderProps<ContextValuesType>) => import("react/jsx-runtime").JSX.Element, () => ContextValuesType];
+//#endregion
+export { buildContext };

package/dist/utils/buildContext/buildContext.d.mts

@@ -0,0 +1,38 @@
+
+import { ReactNode } from "react";
+//#region src/utils/buildContext/buildContext.d.ts
+type ProviderProps<ContextValuesType> = (ContextValuesType & {
+  children: ReactNode;
+}) | {
+  children: ReactNode;
+};
+/**
+ * @description
+ * `buildContext` is a helper function that reduces repetitive code when defining React Context.
+ *
+ * @param {string} contextName - The name of the context.
+ * @param {ContextValuesType} [defaultContextValues] - The default values to be passed to the context.
+ *
+ * @returns {[Provider: (props: ProviderProps<ContextValuesType>) => JSX.Element, useContext: () => ContextValuesType]} A tuple of the form :
+ * - Provider `(props: ProviderProps<ContextValuesType>) => JSX.Element` - The component that provides the context;
+ * - useContext `() => ContextValuesType` - The hook that uses the context;
+ *
+ * @example
+ * const [Provider, useContext] = buildContext<{ title: string }>('TestContext', null);
+ *
+ * function Inner() {
+ *   const { title } = useContext();
+ *   return <div>{title}</div>;
+ * }
+ *
+ * function Page() {
+ *   return (
+ *     <Provider title="Hello">
+ *       <Inner />
+ *     </Provider>
+ *   );
+ * }
+ */
+declare function buildContext<ContextValuesType extends object>(contextName: string, defaultContextValues?: ContextValuesType): readonly [({ children, ...contextValues }: ProviderProps<ContextValuesType>) => import("react/jsx-runtime").JSX.Element, () => ContextValuesType];
+//#endregion
+export { buildContext };

package/dist/utils/buildContext/buildContext.mjs

@@ -0,0 +1,50 @@
+"use client";
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/utils/buildContext/buildContext.tsx
+/**
+* @description
+* `buildContext` is a helper function that reduces repetitive code when defining React Context.
+*
+* @param {string} contextName - The name of the context.
+* @param {ContextValuesType} [defaultContextValues] - The default values to be passed to the context.
+*
+* @returns {[Provider: (props: ProviderProps<ContextValuesType>) => JSX.Element, useContext: () => ContextValuesType]} A tuple of the form :
+* - Provider `(props: ProviderProps<ContextValuesType>) => JSX.Element` - The component that provides the context;
+* - useContext `() => ContextValuesType` - The hook that uses the context;
+*
+* @example
+* const [Provider, useContext] = buildContext<{ title: string }>('TestContext', null);
+*
+* function Inner() {
+*   const { title } = useContext();
+*   return <div>{title}</div>;
+* }
+*
+* function Page() {
+*   return (
+*     <Provider title="Hello">
+*       <Inner />
+*     </Provider>
+*   );
+* }
+*/
+function buildContext(contextName, defaultContextValues) {
+	const Context = createContext(defaultContextValues ?? void 0);
+	function Provider({ children, ...contextValues }) {
+		const value = useMemo(() => Object.keys(contextValues).length > 0 ? contextValues : null, [...Object.values(contextValues)]);
+		return /* @__PURE__ */ jsx(Context.Provider, {
+			value,
+			children
+		});
+	}
+	function useInnerContext() {
+		const context = useContext(Context);
+		if (context != null) return context;
+		if (defaultContextValues != null) return defaultContextValues;
+		throw new Error(`\`${contextName}Context\` must be used within \`${contextName}Provider\``);
+	}
+	return [Provider, useInnerContext];
+}
+//#endregion
+export { buildContext };

package/dist/utils/buildContext/index.d.cts

@@ -1,38 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
 
-type ProviderProps<ContextValuesType> = (ContextValuesType & {
-    children: ReactNode;
-}) | {
-    children: ReactNode;
-};
-/**
- * @description
- * `buildContext` is a helper function that reduces repetitive code when defining React Context.
- *
- * @param {string} contextName - The name of the context.
- * @param {ContextValuesType} [defaultContextValues] - The default values to be passed to the context.
- *
- * @returns {[Provider: (props: ProviderProps<ContextValuesType>) => JSX.Element, useContext: () => ContextValuesType]} A tuple of the form :
- * - Provider `(props: ProviderProps<ContextValuesType>) => JSX.Element` - The component that provides the context;
- * - useContext `() => ContextValuesType` - The hook that uses the context;
- *
- * @example
- * const [Provider, useContext] = buildContext<{ title: string }>('TestContext', null);
- *
- * function Inner() {
- *   const { title } = useContext();
- *   return <div>{title}</div>;
- * }
- *
- * function Page() {
- *   return (
- *     <Provider title="Hello">
- *       <Inner />
- *     </Provider>
- *   );
- * }
- */
-declare function buildContext<ContextValuesType extends object>(contextName: string, defaultContextValues?: ContextValuesType): readonly [({ children, ...contextValues }: ProviderProps<ContextValuesType>) => react_jsx_runtime.JSX.Element, () => ContextValuesType];
-
-export { buildContext };
+import { buildContext } from "./buildContext.cjs";
+export { buildContext };

package/dist/utils/buildContext/index.d.mts

@@ -0,0 +1,3 @@
+
+import { buildContext } from "./buildContext.mjs";
+export { buildContext };

package/dist/utils/mergeProps/index.d.cts

@@ -1,26 +1,3 @@
-import { CSSProperties } from 'react';
 
-type BaseProps = {
-    style?: CSSProperties;
-    [key: string]: unknown;
-};
-type TupleToIntersection<T extends Record<string, unknown>[]> = {
-    [I in keyof T]: (x: T[I]) => void;
-}[number] extends (x: infer I) => void ? I : never;
-/**
- * @description
- * `mergeProps` is a utility function that merges multiple props objects into a single object.
- * It handles merging of `className`, `style`, and `function` properties.
- *
- * @template PropsList - The type of the props objects to merge.
- *
- * @param {PropsList} props - The props objects to merge.
- * @returns {TupleToIntersection<PropsList>} The merged props object.
- *
- * @example
- * const mergedProps = mergeProps({ className: 'foo', style: { color: 'red' } }, { className: 'bar', style: { backgroundColor: 'blue' } });
- * console.log(mergedProps); // { className: 'foo bar', style: { color: 'red', backgroundColor: 'blue' } }
- */
-declare function mergeProps<PropsList extends BaseProps[]>(...props: PropsList): TupleToIntersection<PropsList>;
-
-export { mergeProps };
+import { mergeProps } from "./mergeProps.cjs";
+export { mergeProps };

package/dist/utils/mergeProps/index.d.mts

@@ -0,0 +1,3 @@
+
+import { mergeProps } from "./mergeProps.mjs";
+export { mergeProps };

package/dist/utils/mergeProps/mergeProps.cjs

@@ -0,0 +1,53 @@
+"use client";
+//#region src/utils/mergeProps/mergeProps.ts
+/**
+* @description
+* `mergeProps` is a utility function that merges multiple props objects into a single object.
+* It handles merging of `className`, `style`, and `function` properties.
+*
+* @template PropsList - The type of the props objects to merge.
+*
+* @param {PropsList} props - The props objects to merge.
+* @returns {TupleToIntersection<PropsList>} The merged props object.
+*
+* @example
+* const mergedProps = mergeProps({ className: 'foo', style: { color: 'red' } }, { className: 'bar', style: { backgroundColor: 'blue' } });
+* console.log(mergedProps); // { className: 'foo bar', style: { color: 'red', backgroundColor: 'blue' } }
+*/
+function mergeProps(...props) {
+	return props.reduce(pushProp, {});
+}
+function pushProp(prev, curr) {
+	for (const key in curr) {
+		if (curr[key] === void 0) continue;
+		switch (key) {
+			case "className":
+				prev[key] = [prev[key], curr[key]].join(" ").trim();
+				break;
+			case "style":
+				prev[key] = mergeStyle(prev[key], curr[key]);
+				break;
+			default: {
+				const mergedFunction = mergeFunction(prev[key], curr[key]);
+				if (mergedFunction) prev[key] = mergedFunction;
+				else if (curr[key] !== void 0) prev[key] = curr[key];
+			}
+		}
+	}
+	return prev;
+}
+function mergeStyle(a, b) {
+	if (a == null) return b;
+	return {
+		...a,
+		...b
+	};
+}
+function mergeFunction(a, b) {
+	if (typeof a === "function" && typeof b === "function") return (...args) => {
+		a(...args);
+		b(...args);
+	};
+}
+//#endregion
+exports.mergeProps = mergeProps;

package/{esm/utils/mergeProps/index.d.ts → dist/utils/mergeProps/mergeProps.d.cts}

@@ -1,12 +1,11 @@
-import { CSSProperties } from 'react';
 
+import { CSSProperties } from "react";
+//#region src/utils/mergeProps/mergeProps.d.ts
 type BaseProps = {
-    style?: CSSProperties;
-    [key: string]: unknown;
+  style?: CSSProperties;
+  [key: string]: unknown;
 };
-type TupleToIntersection<T extends Record<string, unknown>[]> = {
-    [I in keyof T]: (x: T[I]) => void;
-}[number] extends (x: infer I) => void ? I : never;
+type TupleToIntersection<T extends Record<string, unknown>[]> = { [I in keyof T]: (x: T[I]) => void; }[number] extends ((x: infer I) => void) ? I : never;
 /**
  * @description
  * `mergeProps` is a utility function that merges multiple props objects into a single object.
@@ -22,5 +21,5 @@ type TupleToIntersection<T extends Record<string, unknown>[]> = {
  * console.log(mergedProps); // { className: 'foo bar', style: { color: 'red', backgroundColor: 'blue' } }
  */
 declare function mergeProps<PropsList extends BaseProps[]>(...props: PropsList): TupleToIntersection<PropsList>;
-
-export { mergeProps };
+//#endregion
+export { mergeProps };

package/dist/utils/mergeProps/mergeProps.d.mts

@@ -0,0 +1,25 @@
+
+import { CSSProperties } from "react";
+//#region src/utils/mergeProps/mergeProps.d.ts
+type BaseProps = {
+  style?: CSSProperties;
+  [key: string]: unknown;
+};
+type TupleToIntersection<T extends Record<string, unknown>[]> = { [I in keyof T]: (x: T[I]) => void; }[number] extends ((x: infer I) => void) ? I : never;
+/**
+ * @description
+ * `mergeProps` is a utility function that merges multiple props objects into a single object.
+ * It handles merging of `className`, `style`, and `function` properties.
+ *
+ * @template PropsList - The type of the props objects to merge.
+ *
+ * @param {PropsList} props - The props objects to merge.
+ * @returns {TupleToIntersection<PropsList>} The merged props object.
+ *
+ * @example
+ * const mergedProps = mergeProps({ className: 'foo', style: { color: 'red' } }, { className: 'bar', style: { backgroundColor: 'blue' } });
+ * console.log(mergedProps); // { className: 'foo bar', style: { color: 'red', backgroundColor: 'blue' } }
+ */
+declare function mergeProps<PropsList extends BaseProps[]>(...props: PropsList): TupleToIntersection<PropsList>;
+//#endregion
+export { mergeProps };

package/dist/utils/mergeProps/mergeProps.mjs

@@ -0,0 +1,53 @@
+"use client";
+//#region src/utils/mergeProps/mergeProps.ts
+/**
+* @description
+* `mergeProps` is a utility function that merges multiple props objects into a single object.
+* It handles merging of `className`, `style`, and `function` properties.
+*
+* @template PropsList - The type of the props objects to merge.
+*
+* @param {PropsList} props - The props objects to merge.
+* @returns {TupleToIntersection<PropsList>} The merged props object.
+*
+* @example
+* const mergedProps = mergeProps({ className: 'foo', style: { color: 'red' } }, { className: 'bar', style: { backgroundColor: 'blue' } });
+* console.log(mergedProps); // { className: 'foo bar', style: { color: 'red', backgroundColor: 'blue' } }
+*/
+function mergeProps(...props) {
+	return props.reduce(pushProp, {});
+}
+function pushProp(prev, curr) {
+	for (const key in curr) {
+		if (curr[key] === void 0) continue;
+		switch (key) {
+			case "className":
+				prev[key] = [prev[key], curr[key]].join(" ").trim();
+				break;
+			case "style":
+				prev[key] = mergeStyle(prev[key], curr[key]);
+				break;
+			default: {
+				const mergedFunction = mergeFunction(prev[key], curr[key]);
+				if (mergedFunction) prev[key] = mergedFunction;
+				else if (curr[key] !== void 0) prev[key] = curr[key];
+			}
+		}
+	}
+	return prev;
+}
+function mergeStyle(a, b) {
+	if (a == null) return b;
+	return {
+		...a,
+		...b
+	};
+}
+function mergeFunction(a, b) {
+	if (typeof a === "function" && typeof b === "function") return (...args) => {
+		a(...args);
+		b(...args);
+	};
+}
+//#endregion
+export { mergeProps };