@siberiacancode/reactuse 0.3.14 → 0.3.17

package/dist/cjs/utils/helpers/getDate.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=(e=new Date)=>{const s=e.getSeconds(),o=e.getMinutes(),t=e.getHours(),r=t%12===0?12:t%12,c=t>=12?"pm":"am",m=e.getDate(),n=e.getMonth()+1,i=e.getFullYear(),a=e.getTime();return{seconds:s,minutes:o,hours:t,meridiemHours:{value:r,type:c},day:m,month:n,year:i,timestamp:a}};exports.getDate=u;
-//# sourceMappingURL=getDate.cjs.map
+var e=(e=new Date)=>{let t=e.getSeconds(),n=e.getMinutes(),r=e.getHours(),i=r%12==0?12:r%12,a=r>=12?`pm`:`am`,o=e.getDate(),s=e.getMonth()+1,c=e.getFullYear(),l=e.getTime();return{seconds:t,minutes:n,hours:r,meridiemHours:{value:i,type:a},day:o,month:s,year:c,timestamp:l}};exports.getDate=e;
+//# sourceMappingURL=getDate.cjs.map

package/dist/cjs/utils/helpers/getDate.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"getDate.cjs","sources":["../../../../src/utils/helpers/getDate.ts"],"sourcesContent":["export const getDate = (now: Date = new Date()) => {\n  const seconds = now.getSeconds();\n  const minutes = now.getMinutes();\n  const hours = now.getHours();\n  const meridiemHours = hours % 12 === 0 ? 12 : hours % 12;\n  const meridiemType = hours >= 12 ? 'pm' : 'am';\n  const day = now.getDate();\n  const month = now.getMonth() + 1;\n  const year = now.getFullYear();\n  const timestamp = now.getTime();\n\n  return {\n    seconds,\n    minutes,\n    hours,\n    meridiemHours: { value: meridiemHours, type: meridiemType },\n    day,\n    month,\n    year,\n    timestamp\n  };\n};\n"],"names":["getDate","now","seconds","minutes","hours","meridiemHours","meridiemType","day","month","year","timestamp"],"mappings":"gFAAO,MAAMA,EAAU,CAACC,EAAY,IAAI,OAAW,CACjD,MAAMC,EAAUD,EAAI,WAAA,EACdE,EAAUF,EAAI,WAAA,EACdG,EAAQH,EAAI,SAAA,EACZI,EAAgBD,EAAQ,KAAO,EAAI,GAAKA,EAAQ,GAChDE,EAAeF,GAAS,GAAK,KAAO,KACpCG,EAAMN,EAAI,QAAA,EACVO,EAAQP,EAAI,SAAA,EAAa,EACzBQ,EAAOR,EAAI,YAAA,EACXS,EAAYT,EAAI,QAAA,EAEtB,MAAO,CACL,QAAAC,EACA,QAAAC,EACA,MAAAC,EACA,cAAe,CAAE,MAAOC,EAAe,KAAMC,CAAA,EAC7C,IAAAC,EACA,MAAAC,EACA,KAAAC,EACA,UAAAC,CAAA,CAEJ"}
+{"version":3,"file":"getDate.cjs","names":[],"sources":["../../../../src/utils/helpers/getDate.ts"],"sourcesContent":["export const getDate = (now: Date = new Date()) => {\n  const seconds = now.getSeconds();\n  const minutes = now.getMinutes();\n  const hours = now.getHours();\n  const meridiemHours = hours % 12 === 0 ? 12 : hours % 12;\n  const meridiemType = hours >= 12 ? 'pm' : 'am';\n  const day = now.getDate();\n  const month = now.getMonth() + 1;\n  const year = now.getFullYear();\n  const timestamp = now.getTime();\n\n  return {\n    seconds,\n    minutes,\n    hours,\n    meridiemHours: { value: meridiemHours, type: meridiemType },\n    day,\n    month,\n    year,\n    timestamp\n  };\n};\n"],"mappings":"AAAA,IAAa,GAAW,EAAY,IAAI,OAAW,CACjD,IAAM,EAAU,EAAI,YAAY,CAC1B,EAAU,EAAI,YAAY,CAC1B,EAAQ,EAAI,UAAU,CACtB,EAAgB,EAAQ,IAAO,EAAI,GAAK,EAAQ,GAChD,EAAe,GAAS,GAAK,KAAO,KACpC,EAAM,EAAI,SAAS,CACnB,EAAQ,EAAI,UAAU,CAAG,EACzB,EAAO,EAAI,aAAa,CACxB,EAAY,EAAI,SAAS,CAE/B,MAAO,CACL,UACA,UACA,QACA,cAAe,CAAE,MAAO,EAAe,KAAM,EAAc,CAC3D,MACA,QACA,OACA,YACD"}

package/dist/cjs/utils/helpers/getRetry.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>typeof e=="number"?e:e?1:0;exports.getRetry=t;
-//# sourceMappingURL=getRetry.cjs.map
+var e=e=>typeof e==`number`?e:e?1:0;exports.getRetry=e;
+//# sourceMappingURL=getRetry.cjs.map

package/dist/cjs/utils/helpers/getRetry.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"getRetry.cjs","sources":["../../../../src/utils/helpers/getRetry.ts"],"sourcesContent":["export const getRetry = (retry: boolean | number) => {\n  if (typeof retry === 'number') return retry;\n  return retry ? 1 : 0;\n};\n"],"names":["getRetry","retry"],"mappings":"gFAAO,MAAMA,EAAYC,GACnB,OAAOA,GAAU,SAAiBA,EAC/BA,EAAQ,EAAI"}
+{"version":3,"file":"getRetry.cjs","names":[],"sources":["../../../../src/utils/helpers/getRetry.ts"],"sourcesContent":["export const getRetry = (retry: boolean | number) => {\n  if (typeof retry === 'number') return retry;\n  return retry ? 1 : 0;\n};\n"],"mappings":"AAAA,IAAa,EAAY,GACnB,OAAO,GAAU,SAAiB,EAC/B,EAAQ,EAAI"}

package/dist/cjs/utils/helpers/isTarget.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=Symbol("target"),i=e=>({value:e,type:t}),s=e=>typeof e=="object"&&"current"in e,u=e=>typeof e=="function"&&"state"in e&&"current"in e,o=e=>typeof e=="object"&&e&&"type"in e&&e.type===t&&"value"in e,n=e=>s(e)||u(e)||o(e),c=e=>"current"in e?e.current:typeof e.value=="function"?e.value():typeof e.value=="string"?document.querySelector(e.value):(e.value instanceof Document||e.value instanceof Window||e.value instanceof Element,e.value),l=e=>e&&"state"in e&&e.state,f=e=>u(e)?e.state:o(e)?e.value:e;n.wrap=i;n.getElement=c;n.getRefState=l;n.getRawElement=f;exports.getRawElement=f;exports.getRefState=l;exports.isBrowserTarget=o;exports.isRef=s;exports.isRefState=u;exports.isTarget=n;exports.target=i;exports.targetSymbol=t;
-//# sourceMappingURL=isTarget.cjs.map
+var e=Symbol(`target`),t=t=>({value:t,type:e}),n=e=>typeof e==`object`&&`current`in e,r=e=>typeof e==`function`&&`state`in e&&`current`in e,i=t=>typeof t==`object`&&t&&`type`in t&&t.type===e&&`value`in t,a=e=>n(e)||r(e)||i(e),o=e=>`current`in e?e.current:typeof e.value==`function`?e.value():typeof e.value==`string`?document.querySelector(e.value):(e.value instanceof Document||e.value instanceof Window||e.value instanceof Element,e.value),s=e=>e&&`state`in e&&e.state,c=e=>r(e)?e.state:i(e)?e.value:e;a.wrap=t,a.getElement=o,a.getRefState=s,a.getRawElement=c,exports.getRawElement=c,exports.getRefState=s,exports.isBrowserTarget=i,exports.isRef=n,exports.isRefState=r,exports.isTarget=a,exports.target=t,exports.targetSymbol=e;
+//# sourceMappingURL=isTarget.cjs.map

package/dist/cjs/utils/helpers/isTarget.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"isTarget.cjs","sources":["../../../../src/utils/helpers/isTarget.ts"],"sourcesContent":["import type { RefObject } from 'react';\r\n\r\nexport const targetSymbol = Symbol('target');\r\n\r\nexport type Target = (() => Element) | string | Document | Element | Window;\r\ninterface BrowserTarget {\r\n  type: symbol;\r\n  value: Target;\r\n}\r\ninterface StateRef<Value> {\r\n  (node: Value): void;\r\n  current: Value;\r\n  state: Value;\r\n}\r\n\r\nexport type HookTarget =\r\n  | BrowserTarget\r\n  | RefObject<Element | null | undefined>\r\n  | StateRef<Element | null | undefined>;\r\n\r\nexport const target = (target: Target) => ({\r\n  value: target,\r\n  type: targetSymbol\r\n});\r\n\r\nexport const isRef = (target: HookTarget) => typeof target === 'object' && 'current' in target;\r\n\r\nexport const isRefState = (target: HookTarget) =>\r\n  typeof target === 'function' && 'state' in target && 'current' in target;\r\n\r\nexport const isBrowserTarget = (target: HookTarget) =>\r\n  typeof target === 'object' &&\r\n  target &&\r\n  'type' in target &&\r\n  target.type === targetSymbol &&\r\n  'value' in target;\r\n\r\nexport const isTarget = (target: HookTarget) =>\r\n  isRef(target) || isRefState(target) || isBrowserTarget(target);\r\n\r\nconst getElement = (target: HookTarget) => {\r\n  if ('current' in target) {\r\n    return target.current;\r\n  }\r\n\r\n  if (typeof target.value === 'function') {\r\n    return target.value();\r\n  }\r\n\r\n  if (typeof target.value === 'string') {\r\n    return document.querySelector(target.value);\r\n  }\r\n\r\n  if (target.value instanceof Document) {\r\n    return target.value;\r\n  }\r\n\r\n  if (target.value instanceof Window) {\r\n    return target.value;\r\n  }\r\n\r\n  if (target.value instanceof Element) {\r\n    return target.value;\r\n  }\r\n\r\n  return target.value;\r\n};\r\nexport const getRefState = (target?: HookTarget) => target && 'state' in target && target.state;\r\nexport const getRawElement = (target: HookTarget) => {\r\n  if (isRefState(target)) return target.state;\r\n  if (isBrowserTarget(target)) return (target as BrowserTarget).value;\r\n\r\n  return target;\r\n};\r\n\r\nisTarget.wrap = target;\r\nisTarget.getElement = getElement;\r\nisTarget.getRefState = getRefState;\r\nisTarget.getRawElement = getRawElement;\r\n"],"names":["targetSymbol","target","isRef","isRefState","isBrowserTarget","isTarget","getElement","getRefState","getRawElement"],"mappings":"gFAEO,MAAMA,SAAsB,QAAQ,EAkB9BC,EAAUA,IAAoB,CACzC,MAAOA,EACP,KAAMD,CACR,GAEaE,EAASD,GAAuB,OAAOA,GAAW,UAAY,YAAaA,EAE3EE,EAAcF,GACzB,OAAOA,GAAW,YAAc,UAAWA,GAAU,YAAaA,EAEvDG,EAAmBH,GAC9B,OAAOA,GAAW,UAClBA,GACA,SAAUA,GACVA,EAAO,OAASD,GAChB,UAAWC,EAEAI,EAAYJ,GACvBC,EAAMD,CAAM,GAAKE,EAAWF,CAAM,GAAKG,EAAgBH,CAAM,EAEzDK,EAAcL,GACd,YAAaA,EACRA,EAAO,QAGZ,OAAOA,EAAO,OAAU,WACnBA,EAAO,MAAA,EAGZ,OAAOA,EAAO,OAAU,SACnB,SAAS,cAAcA,EAAO,KAAK,GAGxCA,EAAO,iBAAiB,UAIxBA,EAAO,iBAAiB,QAIxBA,EAAO,iBAAiB,QACnBA,EAAO,OAKLM,EAAeN,GAAwBA,GAAU,UAAWA,GAAUA,EAAO,MAC7EO,EAAiBP,GACxBE,EAAWF,CAAM,EAAUA,EAAO,MAClCG,EAAgBH,CAAM,EAAWA,EAAyB,MAEvDA,EAGTI,EAAS,KAAOJ,EAChBI,EAAS,WAAaC,EACtBD,EAAS,YAAcE,EACvBF,EAAS,cAAgBG"}
+{"version":3,"file":"isTarget.cjs","names":[],"sources":["../../../../src/utils/helpers/isTarget.ts"],"sourcesContent":["import type { RefObject } from 'react';\r\n\r\nexport const targetSymbol = Symbol('target');\r\n\r\nexport type Target = (() => Element) | string | Document | Element | Window;\r\ninterface BrowserTarget {\r\n  type: symbol;\r\n  value: Target;\r\n}\r\ninterface StateRef<Value> {\r\n  (node: Value): void;\r\n  current: Value;\r\n  state: Value;\r\n}\r\n\r\nexport type HookTarget =\r\n  | BrowserTarget\r\n  | RefObject<Element | null | undefined>\r\n  | StateRef<Element | null | undefined>;\r\n\r\nexport const target = (target: Target) => ({\r\n  value: target,\r\n  type: targetSymbol\r\n});\r\n\r\nexport const isRef = (target: HookTarget) => typeof target === 'object' && 'current' in target;\r\n\r\nexport const isRefState = (target: HookTarget) =>\r\n  typeof target === 'function' && 'state' in target && 'current' in target;\r\n\r\nexport const isBrowserTarget = (target: HookTarget) =>\r\n  typeof target === 'object' &&\r\n  target &&\r\n  'type' in target &&\r\n  target.type === targetSymbol &&\r\n  'value' in target;\r\n\r\nexport const isTarget = (target: HookTarget) =>\r\n  isRef(target) || isRefState(target) || isBrowserTarget(target);\r\n\r\nconst getElement = (target: HookTarget) => {\r\n  if ('current' in target) {\r\n    return target.current;\r\n  }\r\n\r\n  if (typeof target.value === 'function') {\r\n    return target.value();\r\n  }\r\n\r\n  if (typeof target.value === 'string') {\r\n    return document.querySelector(target.value);\r\n  }\r\n\r\n  if (target.value instanceof Document) {\r\n    return target.value;\r\n  }\r\n\r\n  if (target.value instanceof Window) {\r\n    return target.value;\r\n  }\r\n\r\n  if (target.value instanceof Element) {\r\n    return target.value;\r\n  }\r\n\r\n  return target.value;\r\n};\r\nexport const getRefState = (target?: HookTarget) => target && 'state' in target && target.state;\r\nexport const getRawElement = (target: HookTarget) => {\r\n  if (isRefState(target)) return target.state;\r\n  if (isBrowserTarget(target)) return (target as BrowserTarget).value;\r\n\r\n  return target;\r\n};\r\n\r\nisTarget.wrap = target;\r\nisTarget.getElement = getElement;\r\nisTarget.getRefState = getRefState;\r\nisTarget.getRawElement = getRawElement;\r\n"],"mappings":"AAEA,IAAa,EAAe,OAAO,SAAS,CAkB/B,EAAU,IAAoB,CACzC,MAAO,EACP,KAAM,EACP,EAEY,EAAS,GAAuB,OAAO,GAAW,UAAY,YAAa,EAE3E,EAAc,GACzB,OAAO,GAAW,YAAc,UAAW,GAAU,YAAa,EAEvD,EAAmB,GAC9B,OAAO,GAAW,UAClB,GACA,SAAU,GACV,EAAO,OAAS,GAChB,UAAW,EAEA,EAAY,GACvB,EAAM,EAAO,EAAI,EAAW,EAAO,EAAI,EAAgB,EAAO,CAE1D,EAAc,GACd,YAAa,EACR,EAAO,QAGZ,OAAO,EAAO,OAAU,WACnB,EAAO,OAAO,CAGnB,OAAO,EAAO,OAAU,SACnB,SAAS,cAAc,EAAO,MAAM,EAGzC,EAAO,iBAAiB,UAIxB,EAAO,iBAAiB,QAIxB,EAAO,iBAAiB,QACnB,EAAO,OAKL,EAAe,GAAwB,GAAU,UAAW,GAAU,EAAO,MAC7E,EAAiB,GACxB,EAAW,EAAO,CAAS,EAAO,MAClC,EAAgB,EAAO,CAAU,EAAyB,MAEvD,EAGT,EAAS,KAAO,EAChB,EAAS,WAAa,EACtB,EAAS,YAAc,EACvB,EAAS,cAAgB"}

package/dist/cjs/utils/helpers/throttle.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=(l,r)=>{let e=!1,t=null;const i=()=>{if(!t){e=!1;return}l.apply(void 0,t),t=null,setTimeout(i,r)};return function(...o){if(e){t=o;return}l.apply(this,o),e=!0,setTimeout(i,r)}};exports.throttle=u;
-//# sourceMappingURL=throttle.cjs.map
+var e=(e,t)=>{let n=!1,r=null,i=()=>{if(!r){n=!1;return}e.apply(void 0,r),r=null,setTimeout(i,t)};return function(...a){if(n){r=a;return}e.apply(this,a),n=!0,setTimeout(i,t)}};exports.throttle=e;
+//# sourceMappingURL=throttle.cjs.map

package/dist/cjs/utils/helpers/throttle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"throttle.cjs","sources":["../../../../src/utils/helpers/throttle.ts"],"sourcesContent":["export const throttle = <Params extends any[]>(\n  callback: (...args: Params) => void,\n  delay: number\n): ((...args: Params) => void) => {\n  let isCalled = false;\n  let lastArgs: Params | null = null;\n\n  const timer = () => {\n    if (!lastArgs) {\n      isCalled = false;\n      return;\n    }\n\n    callback.apply(this, lastArgs);\n    lastArgs = null;\n    setTimeout(timer, delay);\n  };\n\n  return function (this: any, ...args: Params) {\n    if (isCalled) {\n      lastArgs = args;\n      return;\n    }\n\n    callback.apply(this, args);\n    isCalled = true;\n    setTimeout(timer, delay);\n  };\n};\n"],"names":["throttle","callback","delay","isCalled","lastArgs","timer","args"],"mappings":"gFAAO,MAAMA,EAAW,CACtBC,EACAC,IACgC,CAChC,IAAIC,EAAW,GACXC,EAA0B,KAE9B,MAAMC,EAAQ,IAAM,CAClB,GAAI,CAACD,EAAU,CACbD,EAAW,GACX,MAAA,CAGFF,EAAS,MAAM,OAAMG,CAAQ,EAC7BA,EAAW,KACX,WAAWC,EAAOH,CAAK,CAAA,EAGzB,OAAO,YAAwBI,EAAc,CAC3C,GAAIH,EAAU,CACZC,EAAWE,EACX,MAAA,CAGFL,EAAS,MAAM,KAAMK,CAAI,EACzBH,EAAW,GACX,WAAWE,EAAOH,CAAK,CAAA,CAE3B"}
+{"version":3,"file":"throttle.cjs","names":[],"sources":["../../../../src/utils/helpers/throttle.ts"],"sourcesContent":["export const throttle = <Params extends any[]>(\n  callback: (...args: Params) => void,\n  delay: number\n): ((...args: Params) => void) => {\n  let isCalled = false;\n  let lastArgs: Params | null = null;\n\n  const timer = () => {\n    if (!lastArgs) {\n      isCalled = false;\n      return;\n    }\n\n    callback.apply(this, lastArgs);\n    lastArgs = null;\n    setTimeout(timer, delay);\n  };\n\n  return function (this: any, ...args: Params) {\n    if (isCalled) {\n      lastArgs = args;\n      return;\n    }\n\n    callback.apply(this, args);\n    isCalled = true;\n    setTimeout(timer, delay);\n  };\n};\n"],"mappings":"AAAA,IAAa,GACX,EACA,IACgC,CAChC,IAAI,EAAW,GACX,EAA0B,KAExB,MAAc,CAClB,GAAI,CAAC,EAAU,CACb,EAAW,GACX,OAGF,EAAS,MAAA,IAAA,GAAY,EAAS,CAC9B,EAAW,KACX,WAAW,EAAO,EAAM,EAG1B,OAAO,SAAqB,GAAG,EAAc,CAC3C,GAAI,EAAU,CACZ,EAAW,EACX,OAGF,EAAS,MAAM,KAAM,EAAK,CAC1B,EAAW,GACX,WAAW,EAAO,EAAM"}

package/dist/esm/helpers/createContext/createContext.mjs

@@ -1,34 +1,33 @@
-import { jsx as u } from "react/jsx-runtime";
-import { createContext as m, useContext as x, useState as v, useMemo as d } from "react";
-const P = (n = void 0, o = {}) => {
-  const t = m({
-    value: n,
-    set: () => {
-    }
-  });
-  t.displayName = o.name;
-  function i(r) {
-    const e = x(t);
-    if (!e && o.strict)
-      throw new Error(`Context hook ${o.name} must be used inside a Provider`);
-    return r ? r(e.value) : e;
-  }
-  return {
-    useSelect: i,
-    instance: t,
-    Provider: ({ children: r, initialValue: e }) => {
-      const [s, a] = v(e ?? n), c = d(
-        () => ({
-          value: s,
-          set: a
-        }),
-        [s]
-      );
-      return /* @__PURE__ */ u(t, { value: c, children: r });
-    }
-  };
+import { createContext as e, useContext as t, useMemo as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/helpers/createContext/createContext.tsx
+var a = (a = void 0, o = {}) => {
+	let s = e({
+		value: a,
+		set: () => {}
+	});
+	s.displayName = o.name;
+	function c(e) {
+		let n = t(s);
+		if (!n && o.strict) throw Error(`Context hook ${o.name} must be used inside a Provider`);
+		return e ? e(n.value) : n;
+	}
+	return {
+		useSelect: c,
+		instance: s,
+		Provider: ({ children: e, initialValue: t }) => {
+			let [o, c] = r(t ?? a);
+			return /* @__PURE__ */ i(s, {
+				value: n(() => ({
+					value: o,
+					set: c
+				}), [o]),
+				children: e
+			});
+		}
+	};
 };
-export {
-  P as createContext
-};
-//# sourceMappingURL=createContext.mjs.map
+//#endregion
+export { a as createContext };
+
+//# sourceMappingURL=createContext.mjs.map

package/dist/esm/helpers/createContext/createContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createContext.mjs","sources":["../../../../src/helpers/createContext/createContext.tsx"],"sourcesContent":["import type { JSX, ReactNode } from 'react';\r\n\r\nimport { createContext as createReactContext, useContext, useMemo, useState } from 'react';\r\n\r\n/** The create context options type */\r\nexport interface CreateContextOptions {\r\n  /** Display name for the context (useful for debugging) */\r\n  name?: string;\r\n  /** Whether to throw an error if context is used outside of Provider */\r\n  strict?: boolean;\r\n}\r\n\r\n/** The context value type */\r\nexport interface ContextValue<Value> {\r\n  /** The context value */\r\n  value: Value | undefined;\r\n  /** The context set function */\r\n  set: (value: Value) => void;\r\n}\r\n\r\n/** The provider props type */\r\nexport interface ProviderProps<Value> {\r\n  /** The children */\r\n  children?: ReactNode;\r\n  /** The initial value */\r\n  initialValue?: Value;\r\n}\r\n\r\n/** The create context return type */\r\nexport interface CreateContextReturn<Value> {\r\n  /** The context instance */\r\n  instance: React.Context<ContextValue<Value>>;\r\n  /** The provider component */\r\n  Provider: (props: ProviderProps<Value>) => JSX.Element;\r\n  /** The selector hook */\r\n  useSelect: {\r\n    <Selected>(selector: (value: Value) => Selected): Selected;\r\n    (): ContextValue<Value>;\r\n  };\r\n}\r\n\r\n/**\r\n * @name createContext\r\n * @description - Creates a typed context with additional utilities\r\n * @category Helpers\r\n * @usage high\r\n *\r\n * @template Value - The type of value that will be stored in the context\r\n * @param {Value | undefined} [defaultValue] - Default value for the context\r\n * @param {CreateContextOptions<Value>} [options] - Additional options for context creation\r\n * @returns {CreateContextReturn<Value>} Object containing context utilities and components\r\n *\r\n * @example\r\n * const { useSelect, instance, Provider } = createContext<number>(0);\r\n */\r\nexport const createContext = <Value,>(\r\n  defaultValue: Value | undefined = undefined,\r\n  options: CreateContextOptions = {}\r\n): CreateContextReturn<Value> => {\r\n  const Context = createReactContext<{\r\n    value: Value | undefined;\r\n    set: (value: Value) => void;\r\n  }>({\r\n    value: defaultValue,\r\n    set: () => {}\r\n  });\r\n\r\n  Context.displayName = options.name;\r\n\r\n  function useSelect(): ContextValue<Value>;\r\n  function useSelect<Selected>(selector: (value: Value) => Selected): Selected;\r\n  function useSelect<Selected>(selector?: (value: Value) => Selected) {\r\n    const context = useContext(Context);\r\n\r\n    if (!context && options.strict) {\r\n      throw new Error(`Context hook ${options.name} must be used inside a Provider`);\r\n    }\r\n\r\n    if (!selector) {\r\n      return context;\r\n    }\r\n\r\n    return selector(context.value as Value);\r\n  }\r\n\r\n  const Provider = ({ children, initialValue }: ProviderProps<Value>) => {\r\n    const [profile, setProfile] = useState<Value | undefined>(initialValue ?? defaultValue);\r\n\r\n    const value = useMemo(\r\n      () => ({\r\n        value: profile,\r\n        set: setProfile\r\n      }),\r\n      [profile]\r\n    );\r\n\r\n    return <Context value={value}>{children}</Context>;\r\n  };\r\n\r\n  return {\r\n    useSelect,\r\n    instance: Context,\r\n    Provider\r\n  } as const;\r\n};\r\n"],"names":["createContext","defaultValue","options","Context","createReactContext","useSelect","selector","context","useContext","children","initialValue","profile","setProfile","useState","value","useMemo","jsx"],"mappings":";;AAuDO,MAAMA,IAAgB,CAC3BC,IAAkC,QAClCC,IAAgC,CAAA,MACD;AAC/B,QAAMC,IAAUC,EAGb;AAAA,IACD,OAAOH;AAAA,IACP,KAAK,MAAM;AAAA,IAAA;AAAA,EAAC,CACb;AAED,EAAAE,EAAQ,cAAcD,EAAQ;AAI9B,WAASG,EAAoBC,GAAuC;AAClE,UAAMC,IAAUC,EAAWL,CAAO;AAElC,QAAI,CAACI,KAAWL,EAAQ;AACtB,YAAM,IAAI,MAAM,gBAAgBA,EAAQ,IAAI,iCAAiC;AAG/E,WAAKI,IAIEA,EAASC,EAAQ,KAAc,IAH7BA;AAAA,EAG6B;AAiBxC,SAAO;AAAA,IACL,WAAAF;AAAA,IACA,UAAUF;AAAA,IACV,UAjBe,CAAC,EAAE,UAAAM,GAAU,cAAAC,QAAyC;AACrE,YAAM,CAACC,GAASC,CAAU,IAAIC,EAA4BH,KAAgBT,CAAY,GAEhFa,IAAQC;AAAA,QACZ,OAAO;AAAA,UACL,OAAOJ;AAAA,UACP,KAAKC;AAAA,QAAA;AAAA,QAEP,CAACD,CAAO;AAAA,MAAA;AAGV,aAAO,gBAAAK,EAACb,GAAA,EAAQ,OAAAW,GAAe,UAAAL,EAAA,CAAS;AAAA,IAAA;AAAA,EAMxC;AAEJ;"}
+{"version":3,"file":"createContext.mjs","names":[],"sources":["../../../../src/helpers/createContext/createContext.tsx"],"sourcesContent":["import type { JSX, ReactNode } from 'react';\r\n\r\nimport { createContext as createReactContext, useContext, useMemo, useState } from 'react';\r\n\r\n/** The create context options type */\r\nexport interface CreateContextOptions {\r\n  /** Display name for the context (useful for debugging) */\r\n  name?: string;\r\n  /** Whether to throw an error if context is used outside of Provider */\r\n  strict?: boolean;\r\n}\r\n\r\n/** The context value type */\r\nexport interface ContextValue<Value> {\r\n  /** The context value */\r\n  value: Value | undefined;\r\n  /** The context set function */\r\n  set: (value: Value) => void;\r\n}\r\n\r\n/** The provider props type */\r\nexport interface ProviderProps<Value> {\r\n  /** The children */\r\n  children?: ReactNode;\r\n  /** The initial value */\r\n  initialValue?: Value;\r\n}\r\n\r\n/** The create context return type */\r\nexport interface CreateContextReturn<Value> {\r\n  /** The context instance */\r\n  instance: React.Context<ContextValue<Value>>;\r\n  /** The provider component */\r\n  Provider: (props: ProviderProps<Value>) => JSX.Element;\r\n  /** The selector hook */\r\n  useSelect: {\r\n    <Selected>(selector: (value: Value) => Selected): Selected;\r\n    (): ContextValue<Value>;\r\n  };\r\n}\r\n\r\n/**\r\n * @name createContext\r\n * @description - Creates a typed context with additional utilities\r\n * @category Helpers\r\n * @usage high\r\n *\r\n * @template Value - The type of value that will be stored in the context\r\n * @param {Value | undefined} [defaultValue] - Default value for the context\r\n * @param {CreateContextOptions<Value>} [options] - Additional options for context creation\r\n * @returns {CreateContextReturn<Value>} Object containing context utilities and components\r\n *\r\n * @example\r\n * const { useSelect, instance, Provider } = createContext<number>(0);\r\n */\r\nexport const createContext = <Value,>(\r\n  defaultValue: Value | undefined = undefined,\r\n  options: CreateContextOptions = {}\r\n): CreateContextReturn<Value> => {\r\n  const Context = createReactContext<{\r\n    value: Value | undefined;\r\n    set: (value: Value) => void;\r\n  }>({\r\n    value: defaultValue,\r\n    set: () => {}\r\n  });\r\n\r\n  Context.displayName = options.name;\r\n\r\n  function useSelect(): ContextValue<Value>;\r\n  function useSelect<Selected>(selector: (value: Value) => Selected): Selected;\r\n  function useSelect<Selected>(selector?: (value: Value) => Selected) {\r\n    const context = useContext(Context);\r\n\r\n    if (!context && options.strict) {\r\n      throw new Error(`Context hook ${options.name} must be used inside a Provider`);\r\n    }\r\n\r\n    if (!selector) {\r\n      return context;\r\n    }\r\n\r\n    return selector(context.value as Value);\r\n  }\r\n\r\n  const Provider = ({ children, initialValue }: ProviderProps<Value>) => {\r\n    const [profile, setProfile] = useState<Value | undefined>(initialValue ?? defaultValue);\r\n\r\n    const value = useMemo(\r\n      () => ({\r\n        value: profile,\r\n        set: setProfile\r\n      }),\r\n      [profile]\r\n    );\r\n\r\n    return <Context value={value}>{children}</Context>;\r\n  };\r\n\r\n  return {\r\n    useSelect,\r\n    instance: Context,\r\n    Provider\r\n  } as const;\r\n};\r\n"],"mappings":";;;AAuDA,IAAa,KACX,IAAkC,KAAA,GAClC,IAAgC,EAAE,KACH;CAC/B,IAAM,IAAU,EAGb;EACD,OAAO;EACP,WAAW;EACZ,CAAC;AAEF,GAAQ,cAAc,EAAQ;CAI9B,SAAS,EAAoB,GAAuC;EAClE,IAAM,IAAU,EAAW,EAAQ;AAEnC,MAAI,CAAC,KAAW,EAAQ,OACtB,OAAU,MAAM,gBAAgB,EAAQ,KAAK,iCAAiC;AAOhF,SAJK,IAIE,EAAS,EAAQ,MAAe,GAH9B;;AAoBX,QAAO;EACL;EACA,UAAU;EACV,WAjBgB,EAAE,aAAU,sBAAyC;GACrE,IAAM,CAAC,GAAS,KAAc,EAA4B,KAAgB,EAAa;AAUvF,UAAO,kBAAC,GAAD;IAAgB,OART,SACL;KACL,OAAO;KACP,KAAK;KACN,GACD,CAAC,EAAQ,CACV;IAE8B;IAAmB,CAAA;;EAOnD"}

package/dist/esm/helpers/createContextHook/createContextHook.mjs

@@ -1,13 +1,20 @@
-import { jsx as s } from "react/jsx-runtime";
-import { createContext as c, useContext as u } from "react";
-const C = (o) => {
-  const t = c(null);
-  return { Provider: ({ children: e, params: r }) => {
-    const n = o(...r);
-    return /* @__PURE__ */ s(t.Provider, { value: n, children: e });
-  }, use: () => u(t) };
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/helpers/createContextHook/createContextHook.tsx
+var r = (r) => {
+	let i = e(null);
+	return {
+		Provider: ({ children: e, params: t }) => {
+			let a = r(...t);
+			return /* @__PURE__ */ n(i.Provider, {
+				value: a,
+				children: e
+			});
+		},
+		use: () => t(i)
+	};
 };
-export {
-  C as createContextHook
-};
-//# sourceMappingURL=createContextHook.mjs.map
+//#endregion
+export { r as createContextHook };
+
+//# sourceMappingURL=createContextHook.mjs.map

package/dist/esm/helpers/createContextHook/createContextHook.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createContextHook.mjs","sources":["../../../../src/helpers/createContextHook/createContextHook.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * @name createContextHook\n * @description - Hook that runs inside a Provider; Provider accepts params (the hook's arguments). Use when you need a scoped instance per subtree.\n * @category Helpers\n * @usage low\n *\n * @warning - For complex interfaces, we strongly recommend using state management solutions outside of React like createStore, reatom, effector, or zustand instead of context\n *\n * @param useHook - The hook to run in the Provider (e.g. useMediaQuery)\n * @returns { Provider, use } — Provider takes params; use() returns the value and must be used inside Provider\n *\n * @example\n * const { Provider, use } = createContextHook(useMediaQuery);\n * <Provider params={[\"(max-width: 768px)\"]}>\n *   <Component />\n * </Provider>\n * const matches = use();\n */\nexport const createContextHook = <Hook extends (...args: any[]) => any>(useHook: Hook) => {\n  type Value = ReturnType<Hook>;\n  const Context = createContext<Value | null>(null);\n\n  const Provider = ({ children, params }: { children: ReactNode; params: Parameters<Hook> }) => {\n    const value = useHook(...params) as Value;\n    return <Context.Provider value={value}>{children}</Context.Provider>;\n  };\n\n  const use = () => useContext(Context);\n\n  return { Provider, use };\n};\n"],"names":["createContextHook","useHook","Context","createContext","children","params","value","jsx","useContext"],"mappings":";;AAsBO,MAAMA,IAAoB,CAAuCC,MAAkB;AAExF,QAAMC,IAAUC,EAA4B,IAAI;AAShD,SAAO,EAAE,UAPQ,CAAC,EAAE,UAAAC,GAAU,QAAAC,QAAgE;AAC5F,UAAMC,IAAQL,EAAQ,GAAGI,CAAM;AAC/B,WAAO,gBAAAE,EAACL,EAAQ,UAAR,EAAiB,OAAAI,GAAe,UAAAF,EAAA,CAAS;AAAA,EAAA,GAKhC,KAFP,MAAMI,EAAWN,CAAO,EAEjB;AACrB;"}
+{"version":3,"file":"createContextHook.mjs","names":[],"sources":["../../../../src/helpers/createContextHook/createContextHook.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * @name createContextHook\n * @description - Hook that runs inside a Provider; Provider accepts params (the hook's arguments). Use when you need a scoped instance per subtree.\n * @category Helpers\n * @usage low\n *\n * @warning - For complex interfaces, we strongly recommend using state management solutions outside of React like createStore, reatom, effector, or zustand instead of context\n *\n * @param useHook - The hook to run in the Provider (e.g. useMediaQuery)\n * @returns { Provider, use } — Provider takes params; use() returns the value and must be used inside Provider\n *\n * @example\n * const { Provider, use } = createContextHook(useMediaQuery);\n * <Provider params={[\"(max-width: 768px)\"]}>\n *   <Component />\n * </Provider>\n * const matches = use();\n */\nexport const createContextHook = <Hook extends (...args: any[]) => any>(useHook: Hook) => {\n  type Value = ReturnType<Hook>;\n  const Context = createContext<Value | null>(null);\n\n  const Provider = ({ children, params }: { children: ReactNode; params: Parameters<Hook> }) => {\n    const value = useHook(...params) as Value;\n    return <Context.Provider value={value}>{children}</Context.Provider>;\n  };\n\n  const use = () => useContext(Context);\n\n  return { Provider, use };\n};\n"],"mappings":";;;AAsBA,IAAa,KAA2D,MAAkB;CAExF,IAAM,IAAU,EAA4B,KAAK;AASjD,QAAO;EAAE,WAPS,EAAE,aAAU,gBAAgE;GAC5F,IAAM,IAAQ,EAAQ,GAAG,EAAO;AAChC,UAAO,kBAAC,EAAQ,UAAT;IAAyB;IAAQ;IAA4B,CAAA;;EAKnD,WAFD,EAAW,EAAQ;EAEb"}

package/dist/esm/helpers/createEventEmitter/createEventEmitter.mjs

@@ -1,34 +1,35 @@
-import { useState as a, useRef as v, useEffect as S } from "react";
-const E = () => {
-  const r = /* @__PURE__ */ new Map(), b = (e, t) => {
-    r.get(e)?.forEach((n) => n(t));
-  }, c = (e, t) => {
-    const s = e, n = r.get(s);
-    n && (n.delete(t), n.size || r.delete(s));
-  }, o = (e, t) => {
-    const s = e;
-    return r.has(s) || r.set(s, /* @__PURE__ */ new Set()), r.get(e).add(t), () => {
-      c(e, t);
-    };
-  };
-  return {
-    push: b,
-    subscribe: o,
-    unsubscribe: c,
-    useSubscribe: (e, t) => {
-      const [s, n] = a(void 0), u = v(t);
-      return u.current = t, S(() => {
-        const f = o(e, (i) => {
-          n(i), u.current?.(i);
-        });
-        return () => {
-          f();
-        };
-      }, [e]), s;
-    }
-  };
+import { useEffect as e, useRef as t, useState as n } from "react";
+//#region src/helpers/createEventEmitter/createEventEmitter.ts
+var r = () => {
+	let r = /* @__PURE__ */ new Map(), i = (e, t) => {
+		r.get(e)?.forEach((e) => e(t));
+	}, a = (e, t) => {
+		let n = e, i = r.get(n);
+		i && (i.delete(t), i.size || r.delete(n));
+	}, o = (e, t) => {
+		let n = e;
+		return r.has(n) || r.set(n, /* @__PURE__ */ new Set()), r.get(e).add(t), () => {
+			a(e, t);
+		};
+	};
+	return {
+		push: i,
+		subscribe: o,
+		unsubscribe: a,
+		useSubscribe: (r, i) => {
+			let [a, s] = n(void 0), c = t(i);
+			return c.current = i, e(() => {
+				let e = o(r, (e) => {
+					s(e), c.current?.(e);
+				});
+				return () => {
+					e();
+				};
+			}, [r]), a;
+		}
+	};
 };
-export {
-  E as createEventEmitter
-};
-//# sourceMappingURL=createEventEmitter.mjs.map
+//#endregion
+export { r as createEventEmitter };
+
+//# sourceMappingURL=createEventEmitter.mjs.map

package/dist/esm/helpers/createEventEmitter/createEventEmitter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createEventEmitter.mjs","sources":["../../../../src/helpers/createEventEmitter/createEventEmitter.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/**\n * @name createEventEmitter\n * @description - Creates a type-safe event emitter\n * @category Helpers\n * @usage low\n *\n * @template Events - The type of events and their data\n * @returns {EventEmitterApi<Events>} - Object containing event emitter methods and hook\n *\n * @example\n * const { push, subscribe, unsubscribe, useSubscribe } = createEventEmitter<{ foo: number }>();\n */\nexport const createEventEmitter = <Events extends Record<string, any> = Record<string, any>>() => {\n  type ListenerMap = Map<string, Set<(data: any) => void>>;\n  const listeners: ListenerMap = new Map();\n\n  const push = <Event extends keyof Events>(event: Event, data: Events[Event]) => {\n    const eventListeners = listeners.get(event as string);\n    eventListeners?.forEach((listener) => listener(data));\n  };\n\n  const unsubscribe = <Key extends keyof Events>(\n    event: Key,\n    listener: (data: Events[Key]) => void\n  ) => {\n    const eventKey = event as string;\n    const eventListeners = listeners.get(eventKey);\n    if (!eventListeners) return;\n    eventListeners.delete(listener);\n    if (!eventListeners.size) listeners.delete(eventKey);\n  };\n\n  const subscribe = <Key extends keyof Events>(\n    event: Key,\n    listener: (data: Events[Key]) => void\n  ) => {\n    const eventKey = event as string;\n    if (!listeners.has(eventKey)) listeners.set(eventKey, new Set());\n    const eventListeners = listeners.get(event as string)!;\n    eventListeners.add(listener);\n\n    return () => {\n      unsubscribe(event, listener);\n    };\n  };\n\n  const useSubscribe = <Event extends keyof Events>(\n    event: Event,\n    listener?: (data: Events[Event]) => void\n  ) => {\n    const [data, setData] = useState<Events[Event] | undefined>(undefined);\n    const listenerRef = useRef(listener);\n    listenerRef.current = listener;\n\n    useEffect(() => {\n      const onSubscribe = (data: Events[Event]) => {\n        setData(data);\n        listenerRef.current?.(data);\n      };\n\n      const unsubscribe = subscribe(event, onSubscribe);\n      return () => {\n        unsubscribe();\n      };\n    }, [event]);\n\n    return data;\n  };\n\n  return {\n    push,\n    subscribe,\n    unsubscribe,\n    useSubscribe\n  };\n};\n"],"names":["createEventEmitter","listeners","push","event","data","listener","unsubscribe","eventKey","eventListeners","subscribe","setData","useState","listenerRef","useRef","useEffect"],"mappings":";AAcO,MAAMA,IAAqB,MAAgE;AAEhG,QAAMC,wBAA6B,IAAA,GAE7BC,IAAO,CAA6BC,GAAcC,MAAwB;AAE9E,IADuBH,EAAU,IAAIE,CAAe,GACpC,QAAQ,CAACE,MAAaA,EAASD,CAAI,CAAC;AAAA,EAAA,GAGhDE,IAAc,CAClBH,GACAE,MACG;AACH,UAAME,IAAWJ,GACXK,IAAiBP,EAAU,IAAIM,CAAQ;AAC7C,IAAKC,MACLA,EAAe,OAAOH,CAAQ,GACzBG,EAAe,QAAMP,EAAU,OAAOM,CAAQ;AAAA,EAAA,GAG/CE,IAAY,CAChBN,GACAE,MACG;AACH,UAAME,IAAWJ;AACjB,WAAKF,EAAU,IAAIM,CAAQ,OAAa,IAAIA,GAAU,oBAAI,KAAK,GACxCN,EAAU,IAAIE,CAAe,EACrC,IAAIE,CAAQ,GAEpB,MAAM;AACX,MAAAC,EAAYH,GAAOE,CAAQ;AAAA,IAAA;AAAA,EAC7B;AA0BF,SAAO;AAAA,IACL,MAAAH;AAAA,IACA,WAAAO;AAAA,IACA,aAAAH;AAAA,IACA,cA3BmB,CACnBH,GACAE,MACG;AACH,YAAM,CAACD,GAAMM,CAAO,IAAIC,EAAoC,MAAS,GAC/DC,IAAcC,EAAOR,CAAQ;AACnC,aAAAO,EAAY,UAAUP,GAEtBS,EAAU,MAAM;AAMd,cAAMR,IAAcG,EAAUN,GALV,CAACC,MAAwB;AAC3C,UAAAM,EAAQN,CAAI,GACZQ,EAAY,UAAUR,CAAI;AAAA,QAAA,CAGoB;AAChD,eAAO,MAAM;AACXE,UAAAA,EAAAA;AAAAA,QAAY;AAAA,MACd,GACC,CAACH,CAAK,CAAC,GAEHC;AAAA,IAAA;AAAA,EAOP;AAEJ;"}
+{"version":3,"file":"createEventEmitter.mjs","names":[],"sources":["../../../../src/helpers/createEventEmitter/createEventEmitter.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/**\n * @name createEventEmitter\n * @description - Creates a type-safe event emitter\n * @category Helpers\n * @usage low\n *\n * @template Events - The type of events and their data\n * @returns {EventEmitterApi<Events>} - Object containing event emitter methods and hook\n *\n * @example\n * const { push, subscribe, unsubscribe, useSubscribe } = createEventEmitter<{ foo: number }>();\n */\nexport const createEventEmitter = <Events extends Record<string, any> = Record<string, any>>() => {\n  type ListenerMap = Map<string, Set<(data: any) => void>>;\n  const listeners: ListenerMap = new Map();\n\n  const push = <Event extends keyof Events>(event: Event, data: Events[Event]) => {\n    const eventListeners = listeners.get(event as string);\n    eventListeners?.forEach((listener) => listener(data));\n  };\n\n  const unsubscribe = <Key extends keyof Events>(\n    event: Key,\n    listener: (data: Events[Key]) => void\n  ) => {\n    const eventKey = event as string;\n    const eventListeners = listeners.get(eventKey);\n    if (!eventListeners) return;\n    eventListeners.delete(listener);\n    if (!eventListeners.size) listeners.delete(eventKey);\n  };\n\n  const subscribe = <Key extends keyof Events>(\n    event: Key,\n    listener: (data: Events[Key]) => void\n  ) => {\n    const eventKey = event as string;\n    if (!listeners.has(eventKey)) listeners.set(eventKey, new Set());\n    const eventListeners = listeners.get(event as string)!;\n    eventListeners.add(listener);\n\n    return () => {\n      unsubscribe(event, listener);\n    };\n  };\n\n  const useSubscribe = <Event extends keyof Events>(\n    event: Event,\n    listener?: (data: Events[Event]) => void\n  ) => {\n    const [data, setData] = useState<Events[Event] | undefined>(undefined);\n    const listenerRef = useRef(listener);\n    listenerRef.current = listener;\n\n    useEffect(() => {\n      const onSubscribe = (data: Events[Event]) => {\n        setData(data);\n        listenerRef.current?.(data);\n      };\n\n      const unsubscribe = subscribe(event, onSubscribe);\n      return () => {\n        unsubscribe();\n      };\n    }, [event]);\n\n    return data;\n  };\n\n  return {\n    push,\n    subscribe,\n    unsubscribe,\n    useSubscribe\n  };\n};\n"],"mappings":";;AAcA,IAAa,UAAqF;CAEhG,IAAM,oBAAyB,IAAI,KAAK,EAElC,KAAoC,GAAc,MAAwB;AACvD,IAAU,IAAI,EAAgB,EACrC,SAAS,MAAa,EAAS,EAAK,CAAC;IAGjD,KACJ,GACA,MACG;EACH,IAAM,IAAW,GACX,IAAiB,EAAU,IAAI,EAAS;AACzC,QACL,EAAe,OAAO,EAAS,EAC1B,EAAe,QAAM,EAAU,OAAO,EAAS;IAGhD,KACJ,GACA,MACG;EACH,IAAM,IAAW;AAKjB,SAJK,EAAU,IAAI,EAAS,IAAE,EAAU,IAAI,mBAAU,IAAI,KAAK,CAAC,EACzC,EAAU,IAAI,EAAgB,CACtC,IAAI,EAAS,QAEf;AACX,KAAY,GAAO,EAAS;;;AA2BhC,QAAO;EACL;EACA;EACA;EACA,eA1BA,GACA,MACG;GACH,IAAM,CAAC,GAAM,KAAW,EAAoC,KAAA,EAAU,EAChE,IAAc,EAAO,EAAS;AAepC,UAdA,EAAY,UAAU,GAEtB,QAAgB;IAMd,IAAM,IAAc,EAAU,IALT,MAAwB;AAE3C,KADA,EAAQ,EAAK,EACb,EAAY,UAAU,EAAK;MAGoB;AACjD,iBAAa;AACX,QAAa;;MAEd,CAAC,EAAM,CAAC,EAEJ;;EAQR"}

package/dist/esm/helpers/createReactiveContext/createReactiveContext.mjs

@@ -1,54 +1,54 @@
-import { createContext as v, useRef as d, useMemo as f, startTransition as m, createElement as x, useContext as h, useState as C } from "react";
-import { useIsomorphicLayoutEffect as l } from "../../hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-import { useEvent as P } from "../../hooks/useEvent/useEvent.mjs";
-const S = (c) => (e) => {
-  const t = d(e.value), n = f(
-    () => ({
-      value: t,
-      listeners: /* @__PURE__ */ new Set()
-    }),
-    []
-  );
-  return l(() => {
-    Object.is(t.current, e.value) || (t.current = e.value, m(() => {
-      n.listeners.forEach((s) => {
-        s(t.current);
-      });
-    }));
-  }, [e.value]), x(c, { value: n }, e.children);
-}, E = (c, r, e = {}) => {
-  const t = h(c);
-  if (!t && e.strict)
-    throw new Error(`Context hook ${e.name} must be used inside a Provider`);
-  const [n, s] = C({
-    selected: r(t.value.current),
-    value: t.value.current
-  }), o = P((i) => {
-    s((u) => {
-      if (Object.is(u.value, i)) return u;
-      const a = r(i);
-      return Object.is(u.selected, a) ? u : { value: i, selected: a };
-    });
-  });
-  return l(() => (t.listeners.add(o), () => {
-    t.listeners.delete(o);
-  }), [t.listeners]), n.selected;
-}, w = (c = void 0, r = {}) => {
-  const e = v({
-    value: { current: c },
-    listeners: /* @__PURE__ */ new Set()
-  }), t = S(e.Provider);
-  e.displayName = r.name;
-  function n(s) {
-    return E(
-      e,
-      s ?? ((o) => o),
-      r
-    );
-  }
-  return { instance: e, Provider: t, useSelector: n };
+import { useIsomorphicLayoutEffect as e } from "../../hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import { useEvent as t } from "../../hooks/useEvent/useEvent.mjs";
+import { createContext as n, createElement as r, startTransition as i, useContext as a, useMemo as o, useRef as s, useState as c } from "react";
+//#region src/helpers/createReactiveContext/createReactiveContext.ts
+var l = (t) => (n) => {
+	let a = s(n.value), c = o(() => ({
+		value: a,
+		listeners: /* @__PURE__ */ new Set()
+	}), []);
+	return e(() => {
+		Object.is(a.current, n.value) || (a.current = n.value, i(() => {
+			c.listeners.forEach((e) => {
+				e(a.current);
+			});
+		}));
+	}, [n.value]), r(t, { value: c }, n.children);
+}, u = (n, r, i = {}) => {
+	let o = a(n);
+	if (!o && i.strict) throw Error(`Context hook ${i.name} must be used inside a Provider`);
+	let [s, l] = c({
+		selected: r(o.value.current),
+		value: o.value.current
+	}), u = t((e) => {
+		l((t) => {
+			if (Object.is(t.value, e)) return t;
+			let n = r(e);
+			return Object.is(t.selected, n) ? t : {
+				value: e,
+				selected: n
+			};
+		});
+	});
+	return e(() => (o.listeners.add(u), () => {
+		o.listeners.delete(u);
+	}), [o.listeners]), s.selected;
+}, d = (e = void 0, t = {}) => {
+	let r = n({
+		value: { current: e },
+		listeners: /* @__PURE__ */ new Set()
+	}), i = l(r.Provider);
+	r.displayName = t.name;
+	function a(e) {
+		return u(r, e ?? ((e) => e), t);
+	}
+	return {
+		instance: r,
+		Provider: i,
+		useSelector: a
+	};
 };
-export {
-  w as createReactiveContext
-};
-//# sourceMappingURL=createReactiveContext.mjs.map
+//#endregion
+export { d as createReactiveContext };
+
+//# sourceMappingURL=createReactiveContext.mjs.map

package/dist/esm/helpers/createReactiveContext/createReactiveContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createReactiveContext.mjs","sources":["../../../../src/helpers/createReactiveContext/createReactiveContext.ts"],"sourcesContent":["import type { Context, FC, Provider, ProviderProps, RefObject } from 'react';\n\nimport {\n  createContext,\n  createElement,\n  startTransition,\n  useContext,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\n\nimport { useEvent, useIsomorphicLayoutEffect } from '@/hooks';\n\n/** The create reactive context options type */\nexport interface CreateReactiveContextOptions {\n  /** Display name for the context (useful for debugging) */\n  name?: string;\n  /** Whether to throw an error if context is used outside of Provider */\n  strict?: boolean;\n}\n\n/** The create reactive context return type */\nexport interface CreateReactiveContextReturn<Value> {\n  /** The context instance */\n  instance: Context<ReactiveContextValue<Value>>;\n  /** The Provider component for the context */\n  Provider: Provider<Value>;\n  /** A hook to select a part of the context state */\n  useSelector: <Selected>(selector?: (state: Value) => Selected) => Selected;\n}\n\ntype ContextListener<Value> = (value: Value) => void;\n\ninterface ReactiveContextValue<Value> {\n  /** The listeners for the context */\n  listeners: Set<ContextListener<Value>>;\n  /** The value for the context */\n  value: RefObject<Value>;\n}\n\nconst createProvider = <Value>(originalProvider: Provider<ReactiveContextValue<Value>>) => {\n  const Provider: FC<ProviderProps<Value>> = (props) => {\n    const valueRef = useRef(props.value);\n    const contextValue = useMemo<ReactiveContextValue<Value>>(\n      () => ({\n        value: valueRef,\n        listeners: new Set()\n      }),\n      []\n    );\n\n    useIsomorphicLayoutEffect(() => {\n      if (!Object.is(valueRef.current, props.value)) {\n        valueRef.current = props.value;\n\n        startTransition(() => {\n          contextValue.listeners.forEach((listener) => {\n            listener(valueRef.current);\n          });\n        });\n      }\n    }, [props.value]);\n\n    return createElement(originalProvider, { value: contextValue }, props.children);\n  };\n\n  return Provider as unknown as Provider<ReactiveContextValue<Value>>;\n};\n\nconst createReactiveContextSelector = <Value, Selected>(\n  Context: Context<ReactiveContextValue<Value>>,\n  selector: (state: Value) => Selected,\n  options: CreateReactiveContextOptions = {}\n) => {\n  const context = useContext(Context);\n\n  if (!context && options.strict) {\n    throw new Error(`Context hook ${options.name} must be used inside a Provider`);\n  }\n\n  const [value, setValue] = useState({\n    selected: selector(context.value.current),\n    value: context.value.current\n  });\n\n  const dispatch = useEvent((newValue: Value) => {\n    setValue((prevValue) => {\n      if (Object.is(prevValue.value, newValue)) return prevValue;\n\n      const newSelected = selector(newValue);\n      if (Object.is(prevValue.selected, newSelected)) return prevValue;\n\n      return { value: newValue, selected: newSelected };\n    });\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    context.listeners.add(dispatch);\n    return () => {\n      context.listeners.delete(dispatch);\n    };\n  }, [context.listeners]);\n\n  return value.selected;\n};\n\n/**\n * @name createReactiveContext\n * @description - Creates a typed context selector with optimized updates for state selection\n * @category Helpers\n * @usage low\n *\n * @warning - For complex interfaces, we strongly recommend using state management solutions outside of React like createStore, reatom, effector, or zustand instead of context\n *\n * @template Value - The type of value that will be stored in the context\n * @param {Value | undefined} [defaultValue] - Default value for the context\n * @param {CreateReactiveContextOptions<Value>} [options] - Additional options for context creation\n * @returns {CreateReactiveContextReturn<Value>} Object containing context utilities and components\n *\n * @example\n * const { Provider, useSelector, instance } = createReactiveContext<number>(0);\n */\nexport const createReactiveContext = <Value extends Record<string, any>>(\n  defaultValue: Value | undefined = undefined,\n  options: CreateReactiveContextOptions = {}\n) => {\n  const Context = createContext<ReactiveContextValue<Value>>({\n    value: { current: defaultValue as Value },\n    listeners: new Set()\n  });\n\n  const Provider = createProvider(Context.Provider) as unknown as Provider<Value>;\n\n  Context.displayName = options.name;\n\n  function useSelector(): Value;\n  function useSelector<SelectedValue>(selector: (state: Value) => SelectedValue): SelectedValue;\n  function useSelector<SelectedValue>(selector?: (state: Value) => SelectedValue) {\n    return createReactiveContextSelector(\n      Context as unknown as Context<ReactiveContextValue<Value>>,\n      selector ?? ((state) => state as unknown as SelectedValue),\n      options\n    );\n  }\n\n  return { instance: Context, Provider, useSelector };\n};\n"],"names":["createProvider","originalProvider","props","valueRef","useRef","contextValue","useMemo","useIsomorphicLayoutEffect","startTransition","listener","createElement","createReactiveContextSelector","Context","selector","options","context","useContext","value","setValue","useState","dispatch","useEvent","newValue","prevValue","newSelected","createReactiveContext","defaultValue","createContext","Provider","useSelector","state"],"mappings":";;;AAyCA,MAAMA,IAAiB,CAAQC,MACc,CAACC,MAAU;AACpD,QAAMC,IAAWC,EAAOF,EAAM,KAAK,GAC7BG,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,OAAOH;AAAA,MACP,+BAAe,IAAA;AAAA,IAAI;AAAA,IAErB,CAAA;AAAA,EAAC;AAGH,SAAAI,EAA0B,MAAM;AAC9B,IAAK,OAAO,GAAGJ,EAAS,SAASD,EAAM,KAAK,MAC1CC,EAAS,UAAUD,EAAM,OAEzBM,EAAgB,MAAM;AACpB,MAAAH,EAAa,UAAU,QAAQ,CAACI,MAAa;AAC3C,QAAAA,EAASN,EAAS,OAAO;AAAA,MAAA,CAC1B;AAAA,IAAA,CACF;AAAA,EACH,GACC,CAACD,EAAM,KAAK,CAAC,GAETQ,EAAcT,GAAkB,EAAE,OAAOI,EAAA,GAAgBH,EAAM,QAAQ;AAAA,GAM5ES,IAAgC,CACpCC,GACAC,GACAC,IAAwC,CAAA,MACrC;AACH,QAAMC,IAAUC,EAAWJ,CAAO;AAElC,MAAI,CAACG,KAAWD,EAAQ;AACtB,UAAM,IAAI,MAAM,gBAAgBA,EAAQ,IAAI,iCAAiC;AAG/E,QAAM,CAACG,GAAOC,CAAQ,IAAIC,EAAS;AAAA,IACjC,UAAUN,EAASE,EAAQ,MAAM,OAAO;AAAA,IACxC,OAAOA,EAAQ,MAAM;AAAA,EAAA,CACtB,GAEKK,IAAWC,EAAS,CAACC,MAAoB;AAC7C,IAAAJ,EAAS,CAACK,MAAc;AACtB,UAAI,OAAO,GAAGA,EAAU,OAAOD,CAAQ,EAAG,QAAOC;AAEjD,YAAMC,IAAcX,EAASS,CAAQ;AACrC,aAAI,OAAO,GAAGC,EAAU,UAAUC,CAAW,IAAUD,IAEhD,EAAE,OAAOD,GAAU,UAAUE,EAAA;AAAA,IAAY,CACjD;AAAA,EAAA,CACF;AAED,SAAAjB,EAA0B,OACxBQ,EAAQ,UAAU,IAAIK,CAAQ,GACvB,MAAM;AACX,IAAAL,EAAQ,UAAU,OAAOK,CAAQ;AAAA,EAAA,IAElC,CAACL,EAAQ,SAAS,CAAC,GAEfE,EAAM;AACf,GAkBaQ,IAAwB,CACnCC,IAAkC,QAClCZ,IAAwC,CAAA,MACrC;AACH,QAAMF,IAAUe,EAA2C;AAAA,IACzD,OAAO,EAAE,SAASD,EAAA;AAAA,IAClB,+BAAe,IAAA;AAAA,EAAI,CACpB,GAEKE,IAAW5B,EAAeY,EAAQ,QAAQ;AAEhD,EAAAA,EAAQ,cAAcE,EAAQ;AAI9B,WAASe,EAA2BhB,GAA4C;AAC9E,WAAOF;AAAA,MACLC;AAAA,MACAC,MAAa,CAACiB,MAAUA;AAAA,MACxBhB;AAAA,IAAA;AAAA,EACF;AAGF,SAAO,EAAE,UAAUF,GAAS,UAAAgB,GAAU,aAAAC,EAAA;AACxC;"}
+{"version":3,"file":"createReactiveContext.mjs","names":[],"sources":["../../../../src/helpers/createReactiveContext/createReactiveContext.ts"],"sourcesContent":["import type { Context, FC, Provider, ProviderProps, RefObject } from 'react';\n\nimport {\n  createContext,\n  createElement,\n  startTransition,\n  useContext,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\n\nimport { useEvent, useIsomorphicLayoutEffect } from '@/hooks';\n\n/** The create reactive context options type */\nexport interface CreateReactiveContextOptions {\n  /** Display name for the context (useful for debugging) */\n  name?: string;\n  /** Whether to throw an error if context is used outside of Provider */\n  strict?: boolean;\n}\n\n/** The create reactive context return type */\nexport interface CreateReactiveContextReturn<Value> {\n  /** The context instance */\n  instance: Context<ReactiveContextValue<Value>>;\n  /** The Provider component for the context */\n  Provider: Provider<Value>;\n  /** A hook to select a part of the context state */\n  useSelector: <Selected>(selector?: (state: Value) => Selected) => Selected;\n}\n\ntype ContextListener<Value> = (value: Value) => void;\n\ninterface ReactiveContextValue<Value> {\n  /** The listeners for the context */\n  listeners: Set<ContextListener<Value>>;\n  /** The value for the context */\n  value: RefObject<Value>;\n}\n\nconst createProvider = <Value>(originalProvider: Provider<ReactiveContextValue<Value>>) => {\n  const Provider: FC<ProviderProps<Value>> = (props) => {\n    const valueRef = useRef(props.value);\n    const contextValue = useMemo<ReactiveContextValue<Value>>(\n      () => ({\n        value: valueRef,\n        listeners: new Set()\n      }),\n      []\n    );\n\n    useIsomorphicLayoutEffect(() => {\n      if (!Object.is(valueRef.current, props.value)) {\n        valueRef.current = props.value;\n\n        startTransition(() => {\n          contextValue.listeners.forEach((listener) => {\n            listener(valueRef.current);\n          });\n        });\n      }\n    }, [props.value]);\n\n    return createElement(originalProvider, { value: contextValue }, props.children);\n  };\n\n  return Provider as unknown as Provider<ReactiveContextValue<Value>>;\n};\n\nconst createReactiveContextSelector = <Value, Selected>(\n  Context: Context<ReactiveContextValue<Value>>,\n  selector: (state: Value) => Selected,\n  options: CreateReactiveContextOptions = {}\n) => {\n  const context = useContext(Context);\n\n  if (!context && options.strict) {\n    throw new Error(`Context hook ${options.name} must be used inside a Provider`);\n  }\n\n  const [value, setValue] = useState({\n    selected: selector(context.value.current),\n    value: context.value.current\n  });\n\n  const dispatch = useEvent((newValue: Value) => {\n    setValue((prevValue) => {\n      if (Object.is(prevValue.value, newValue)) return prevValue;\n\n      const newSelected = selector(newValue);\n      if (Object.is(prevValue.selected, newSelected)) return prevValue;\n\n      return { value: newValue, selected: newSelected };\n    });\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    context.listeners.add(dispatch);\n    return () => {\n      context.listeners.delete(dispatch);\n    };\n  }, [context.listeners]);\n\n  return value.selected;\n};\n\n/**\n * @name createReactiveContext\n * @description - Creates a typed context selector with optimized updates for state selection\n * @category Helpers\n * @usage low\n *\n * @warning - For complex interfaces, we strongly recommend using state management solutions outside of React like createStore, reatom, effector, or zustand instead of context\n *\n * @template Value - The type of value that will be stored in the context\n * @param {Value | undefined} [defaultValue] - Default value for the context\n * @param {CreateReactiveContextOptions<Value>} [options] - Additional options for context creation\n * @returns {CreateReactiveContextReturn<Value>} Object containing context utilities and components\n *\n * @example\n * const { Provider, useSelector, instance } = createReactiveContext<number>(0);\n */\nexport const createReactiveContext = <Value extends Record<string, any>>(\n  defaultValue: Value | undefined = undefined,\n  options: CreateReactiveContextOptions = {}\n) => {\n  const Context = createContext<ReactiveContextValue<Value>>({\n    value: { current: defaultValue as Value },\n    listeners: new Set()\n  });\n\n  const Provider = createProvider(Context.Provider) as unknown as Provider<Value>;\n\n  Context.displayName = options.name;\n\n  function useSelector(): Value;\n  function useSelector<SelectedValue>(selector: (state: Value) => SelectedValue): SelectedValue;\n  function useSelector<SelectedValue>(selector?: (state: Value) => SelectedValue) {\n    return createReactiveContextSelector(\n      Context as unknown as Context<ReactiveContextValue<Value>>,\n      selector ?? ((state) => state as unknown as SelectedValue),\n      options\n    );\n  }\n\n  return { instance: Context, Provider, useSelector };\n};\n"],"mappings":";;;;AAyCA,IAAM,KAAyB,OACe,MAAU;CACpD,IAAM,IAAW,EAAO,EAAM,MAAM,EAC9B,IAAe,SACZ;EACL,OAAO;EACP,2BAAW,IAAI,KAAK;EACrB,GACD,EAAE,CACH;AAcD,QAZA,QAAgC;AAC9B,EAAK,OAAO,GAAG,EAAS,SAAS,EAAM,MAAM,KAC3C,EAAS,UAAU,EAAM,OAEzB,QAAsB;AACpB,KAAa,UAAU,SAAS,MAAa;AAC3C,MAAS,EAAS,QAAQ;KAC1B;IACF;IAEH,CAAC,EAAM,MAAM,CAAC,EAEV,EAAc,GAAkB,EAAE,OAAO,GAAc,EAAE,EAAM,SAAS;GAM7E,KACJ,GACA,GACA,IAAwC,EAAE,KACvC;CACH,IAAM,IAAU,EAAW,EAAQ;AAEnC,KAAI,CAAC,KAAW,EAAQ,OACtB,OAAU,MAAM,gBAAgB,EAAQ,KAAK,iCAAiC;CAGhF,IAAM,CAAC,GAAO,KAAY,EAAS;EACjC,UAAU,EAAS,EAAQ,MAAM,QAAQ;EACzC,OAAO,EAAQ,MAAM;EACtB,CAAC,EAEI,IAAW,GAAU,MAAoB;AAC7C,KAAU,MAAc;AACtB,OAAI,OAAO,GAAG,EAAU,OAAO,EAAS,CAAE,QAAO;GAEjD,IAAM,IAAc,EAAS,EAAS;AAGtC,UAFI,OAAO,GAAG,EAAU,UAAU,EAAY,GAAS,IAEhD;IAAE,OAAO;IAAU,UAAU;IAAa;IACjD;GACF;AASF,QAPA,SACE,EAAQ,UAAU,IAAI,EAAS,QAClB;AACX,IAAQ,UAAU,OAAO,EAAS;KAEnC,CAAC,EAAQ,UAAU,CAAC,EAEhB,EAAM;GAmBF,KACX,IAAkC,KAAA,GAClC,IAAwC,EAAE,KACvC;CACH,IAAM,IAAU,EAA2C;EACzD,OAAO,EAAE,SAAS,GAAuB;EACzC,2BAAW,IAAI,KAAK;EACrB,CAAC,EAEI,IAAW,EAAe,EAAQ,SAAS;AAEjD,GAAQ,cAAc,EAAQ;CAI9B,SAAS,EAA2B,GAA4C;AAC9E,SAAO,EACL,GACA,OAAc,MAAU,IACxB,EACD;;AAGH,QAAO;EAAE,UAAU;EAAS;EAAU;EAAa"}

package/dist/esm/helpers/createSharedHook/createSharedHook.mjs

@@ -1,42 +1,37 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useSyncExternalStore as d, useEffect as m } from "react";
-import { c as a } from "../../_virtual/client.mjs";
-const c = (n) => {
-  const e = document.createElement("div"), t = a.createRoot(e);
-  return t.render(n), () => {
-    t.unmount(), e.remove();
-  };
-}, p = (n) => {
-  if (typeof window > "u") {
-    const t = (...r) => n(...r);
-    return t.useShared = t, t;
-  }
-  const e = {
-    state: void 0,
-    listeners: /* @__PURE__ */ new Set(),
-    mounted: !1,
-    unmount: void 0
-  };
-  return function(...r) {
-    return e.mounted || (e.mounted = !0, queueMicrotask(() => {
-      const o = () => {
-        const s = n(...r);
-        return m(() => {
-          e.state = s, e.listeners.forEach((u) => u());
-        }, [s]), null;
-      };
-      e.unmount = c(/* @__PURE__ */ i(o, {}));
-    })), d(
-      (o) => (e.listeners.add(o), () => {
-        e.listeners.delete(o), e.listeners.size < 0 && e.unmount && (e.unmount(), e.unmount = void 0, e.state = void 0, e.mounted = !1);
-      }),
-      () => e.state,
-      () => e.state
-    );
-  };
+import { useEffect as e, useSyncExternalStore as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { createRoot as r } from "react-dom/client";
+//#region src/helpers/createSharedHook/createSharedHook.tsx
+var i = (e) => {
+	let t = document.createElement("div"), n = r(t);
+	return n.render(e), () => {
+		n.unmount(), t.remove();
+	};
+}, a = (r) => {
+	if (typeof window > "u") {
+		let e = (...e) => r(...e);
+		return e.useShared = e, e;
+	}
+	let a = {
+		state: void 0,
+		listeners: /* @__PURE__ */ new Set(),
+		mounted: !1,
+		unmount: void 0
+	};
+	return function(...o) {
+		return a.mounted || (a.mounted = !0, queueMicrotask(() => {
+			a.unmount = i(/* @__PURE__ */ n(() => {
+				let t = r(...o);
+				return e(() => {
+					a.state = t, a.listeners.forEach((e) => e());
+				}, [t]), null;
+			}, {}));
+		})), t((e) => (a.listeners.add(e), () => {
+			a.listeners.delete(e), a.listeners.size < 0 && a.unmount && (a.unmount(), a.unmount = void 0, a.state = void 0, a.mounted = !1);
+		}), () => a.state, () => a.state);
+	};
 };
-export {
-  p as createSharedHook,
-  c as mount
-};
-//# sourceMappingURL=createSharedHook.mjs.map
+//#endregion
+export { a as createSharedHook, i as mount };
+
+//# sourceMappingURL=createSharedHook.mjs.map

package/dist/esm/helpers/createSharedHook/createSharedHook.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createSharedHook.mjs","sources":["../../../../src/helpers/createSharedHook/createSharedHook.tsx"],"sourcesContent":["import { useEffect, useSyncExternalStore } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nexport const mount = (component: React.ReactNode) => {\n  const container = document.createElement('div');\n  const root = createRoot(container);\n  root.render(component);\n  return () => {\n    root.unmount();\n    container.remove();\n  };\n};\n\n/**\n * @name createSharedHook\n * @description - One shared instance of the hook globally. First subscriber's args are used; when subscribers hit zero, the runner unmounts.\n * @category Helpers\n * @usage low\n *\n * @warning - For complex interfaces, we strongly recommend using state management solutions outside of React like createStore, reatom, effector, or zustand instead of context\n *\n * @template Hook - The hook to create a shared instance of\n * @param {Hook} useHook - The hook to create a shared instance of\n * @returns {Hook & { useShared: typeof useShared }} - The shared hook\n *\n * @example\n * const useSharedMediaQuery = createSharedHook(useMediaQuery);\n * const matches = useSharedMediaQuery(\"(max-width: 768px)\");\n */\nexport const createSharedHook = <Hook extends (...args: any[]) => any>(useHook: Hook) => {\n  if (typeof window === 'undefined') {\n    const fn = (...args: Parameters<Hook>) => useHook(...args);\n    fn.useShared = fn;\n    return fn;\n  }\n\n  type Value = ReturnType<Hook>;\n  const store = {\n    state: undefined as Value | undefined,\n    listeners: new Set<() => void>(),\n    mounted: false,\n    unmount: undefined as (() => void) | undefined\n  };\n\n  return function useShared(...args: Parameters<Hook>): Value {\n    if (!store.mounted) {\n      store.mounted = true;\n      queueMicrotask(() => {\n        const HookContainer = () => {\n          const value = useHook(...args) as Value;\n          useEffect(() => {\n            store.state = value;\n            store.listeners.forEach((l) => l());\n          }, [value]);\n          return null;\n        };\n\n        store.unmount = mount(<HookContainer />);\n      });\n    }\n\n    return useSyncExternalStore(\n      (callback) => {\n        store.listeners.add(callback);\n        return () => {\n          store.listeners.delete(callback);\n          if (store.listeners.size < 0 && store.unmount) {\n            store.unmount();\n            store.unmount = undefined;\n            store.state = undefined;\n            store.mounted = false;\n          }\n        };\n      },\n      () => store.state,\n      () => store.state\n    ) as Value;\n  };\n};\n"],"names":["mount","component","container","root","createRoot","createSharedHook","useHook","fn","args","store","HookContainer","value","useEffect","l","jsx","useSyncExternalStore","callback"],"mappings":";;;AAGO,MAAMA,IAAQ,CAACC,MAA+B;AACnD,QAAMC,IAAY,SAAS,cAAc,KAAK,GACxCC,IAAOC,EAAAA,WAAWF,CAAS;AACjC,SAAAC,EAAK,OAAOF,CAAS,GACd,MAAM;AACX,IAAAE,EAAK,QAAA,GACLD,EAAU,OAAA;AAAA,EAAO;AAErB,GAkBaG,IAAmB,CAAuCC,MAAkB;AACvF,MAAI,OAAO,SAAW,KAAa;AACjC,UAAMC,IAAK,IAAIC,MAA2BF,EAAQ,GAAGE,CAAI;AACzD,WAAAD,EAAG,YAAYA,GACRA;AAAA,EAAA;AAIT,QAAME,IAAQ;AAAA,IACZ,OAAO;AAAA,IACP,+BAAe,IAAA;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAGX,SAAO,YAAsBD,GAA+B;AAC1D,WAAKC,EAAM,YACTA,EAAM,UAAU,IAChB,eAAe,MAAM;AACnB,YAAMC,IAAgB,MAAM;AAC1B,cAAMC,IAAQL,EAAQ,GAAGE,CAAI;AAC7B,eAAAI,EAAU,MAAM;AACd,UAAAH,EAAM,QAAQE,GACdF,EAAM,UAAU,QAAQ,CAACI,MAAMA,GAAG;AAAA,QAAA,GACjC,CAACF,CAAK,CAAC,GACH;AAAA,MAAA;AAGT,MAAAF,EAAM,UAAUT,EAAM,gBAAAc,EAACJ,GAAA,CAAA,CAAc,CAAE;AAAA,IAAA,CACxC,IAGIK;AAAA,MACL,CAACC,OACCP,EAAM,UAAU,IAAIO,CAAQ,GACrB,MAAM;AACX,QAAAP,EAAM,UAAU,OAAOO,CAAQ,GAC3BP,EAAM,UAAU,OAAO,KAAKA,EAAM,YACpCA,EAAM,QAAA,GACNA,EAAM,UAAU,QAChBA,EAAM,QAAQ,QACdA,EAAM,UAAU;AAAA,MAClB;AAAA,MAGJ,MAAMA,EAAM;AAAA,MACZ,MAAMA,EAAM;AAAA,IAAA;AAAA,EACd;AAEJ;"}
+{"version":3,"file":"createSharedHook.mjs","names":[],"sources":["../../../../src/helpers/createSharedHook/createSharedHook.tsx"],"sourcesContent":["import { useEffect, useSyncExternalStore } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nexport const mount = (component: React.ReactNode) => {\n  const container = document.createElement('div');\n  const root = createRoot(container);\n  root.render(component);\n  return () => {\n    root.unmount();\n    container.remove();\n  };\n};\n\n/**\n * @name createSharedHook\n * @description - One shared instance of the hook globally. First subscriber's args are used; when subscribers hit zero, the runner unmounts.\n * @category Helpers\n * @usage low\n *\n * @warning - For complex interfaces, we strongly recommend using state management solutions outside of React like createStore, reatom, effector, or zustand instead of context\n *\n * @template Hook - The hook to create a shared instance of\n * @param {Hook} useHook - The hook to create a shared instance of\n * @returns {Hook & { useShared: typeof useShared }} - The shared hook\n *\n * @example\n * const useSharedMediaQuery = createSharedHook(useMediaQuery);\n * const matches = useSharedMediaQuery(\"(max-width: 768px)\");\n */\nexport const createSharedHook = <Hook extends (...args: any[]) => any>(useHook: Hook) => {\n  if (typeof window === 'undefined') {\n    const fn = (...args: Parameters<Hook>) => useHook(...args);\n    fn.useShared = fn;\n    return fn;\n  }\n\n  type Value = ReturnType<Hook>;\n  const store = {\n    state: undefined as Value | undefined,\n    listeners: new Set<() => void>(),\n    mounted: false,\n    unmount: undefined as (() => void) | undefined\n  };\n\n  return function useShared(...args: Parameters<Hook>): Value {\n    if (!store.mounted) {\n      store.mounted = true;\n      queueMicrotask(() => {\n        const HookContainer = () => {\n          const value = useHook(...args) as Value;\n          useEffect(() => {\n            store.state = value;\n            store.listeners.forEach((l) => l());\n          }, [value]);\n          return null;\n        };\n\n        store.unmount = mount(<HookContainer />);\n      });\n    }\n\n    return useSyncExternalStore(\n      (callback) => {\n        store.listeners.add(callback);\n        return () => {\n          store.listeners.delete(callback);\n          if (store.listeners.size < 0 && store.unmount) {\n            store.unmount();\n            store.unmount = undefined;\n            store.state = undefined;\n            store.mounted = false;\n          }\n        };\n      },\n      () => store.state,\n      () => store.state\n    ) as Value;\n  };\n};\n"],"mappings":";;;;AAGA,IAAa,KAAS,MAA+B;CACnD,IAAM,IAAY,SAAS,cAAc,MAAM,EACzC,IAAO,EAAW,EAAU;AAElC,QADA,EAAK,OAAO,EAAU,QACT;AAEX,EADA,EAAK,SAAS,EACd,EAAU,QAAQ;;GAoBT,KAA0D,MAAkB;AACvF,KAAI,OAAO,SAAW,KAAa;EACjC,IAAM,KAAM,GAAG,MAA2B,EAAQ,GAAG,EAAK;AAE1D,SADA,EAAG,YAAY,GACR;;CAIT,IAAM,IAAQ;EACZ,OAAO,KAAA;EACP,2BAAW,IAAI,KAAiB;EAChC,SAAS;EACT,SAAS,KAAA;EACV;AAED,QAAO,SAAmB,GAAG,GAA+B;AAiB1D,SAhBK,EAAM,YACT,EAAM,UAAU,IAChB,qBAAqB;AAUnB,KAAM,UAAU,EAAM,wBATM;IAC1B,IAAM,IAAQ,EAAQ,GAAG,EAAK;AAK9B,WAJA,QAAgB;AAEd,KADA,EAAM,QAAQ,GACd,EAAM,UAAU,SAAS,MAAM,GAAG,CAAC;OAClC,CAAC,EAAM,CAAC,EACJ;MAGa,EAAiB,CAAA,CAAC;IACxC,GAGG,GACJ,OACC,EAAM,UAAU,IAAI,EAAS,QAChB;AAEX,GADA,EAAM,UAAU,OAAO,EAAS,EAC5B,EAAM,UAAU,OAAO,KAAK,EAAM,YACpC,EAAM,SAAS,EACf,EAAM,UAAU,KAAA,GAChB,EAAM,QAAQ,KAAA,GACd,EAAM,UAAU;YAIhB,EAAM,aACN,EAAM,MACb"}