@jenesei-software/jenesei-kit-react 1.3.39 → 2.0.0

package/build/context-dialog-CCnhd1EY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-dialog-CCnhd1EY.cjs","names":[],"sources":["../src/contexts/context-dialog/context.constants.ts","../src/contexts/context-dialog/context.styles.tsx","../src/contexts/context-dialog/context.tsx","../src/contexts/context-dialog/context.hooks.ts"],"sourcesContent":["import { IThemePalette } from '@local/styles/utils';\n\nexport const DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT = 0.3;\nexport const DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT = 0.4;\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT: string = 'max-content';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH: string = 'max-content';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS: string = '12px';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING: string = '20px';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND: IThemePalette = 'fillDarkStable';\n","import { CSS_CLASS, CSS_VARS } from '@local/styles/utils';\n\nimport { CSSProperties } from 'react';\n\nimport {\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,\n} from './context.constants';\nimport { IDialogElementStyle, IDialogLayoutStyle } from './context.types';\n\nexport const DialogClass = CSS_CLASS.context.dialog;\n\nexport const getDialogLayoutClassName = () => DialogClass.layout;\n\nexport const getDialogLayoutStyle = (props: IDialogLayoutStyle): CSSProperties => ({\n  backgroundColor: CSS_VARS.palette.fillSecondaryLightStable,\n  zIndex: props.zIndex,\n});\n\nexport const getDialogElementStyle = (props: IDialogElementStyle): CSSProperties => ({\n  maxWidth: props.propsDialog?.maxWidth || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,\n  maxHeight: props.propsDialog?.maxHeight || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,\n  borderRadius: props.propsDialog?.borderRadius || DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,\n  background: props.propsDialog?.background\n    ? CSS_VARS.palette[props.propsDialog.background]\n    : CSS_VARS.palette[DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND],\n  padding: props.propsDialog?.padding || DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,\n});\n","import { Outside } from '@local/areas/outside';\nimport { setClasses } from '@local/styles/utils/functions';\n\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { FC, memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport { createContext } from 'use-context-selector';\n\nimport { DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT, DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT } from './context.constants';\nimport { DialogClass, getDialogElementStyle, getDialogLayoutClassName, getDialogLayoutStyle } from './context.styles';\nimport { IDialogContent, IDialogContext, IDialogElement, IDialogProvider } from './context.types';\n\nexport const DialogContext = createContext<IDialogContext | null>(null);\n\nexport const ProviderDialog: FC<IDialogProvider> = (props) => {\n  const [dialogHistory, setDialogHistory] = useState<IDialogContent[]>([]);\n  const classNameDialogLayout = getDialogLayoutClassName();\n\n  const remove: IDialogContext['remove'] = useCallback((id) => {\n    setDialogHistory((prev) => {\n      const itemToRemove = prev.find((item) => item.id === id);\n\n      if (itemToRemove === undefined) return prev;\n\n      const indexToRemove = itemToRemove.index;\n\n      if (indexToRemove === undefined) return prev;\n\n      const updatedHistory = prev\n        .filter((item) => item.id !== id)\n        .map((item) => {\n          const index = item.index;\n          if (index === undefined) return item;\n\n          return {\n            ...item,\n            index: index > indexToRemove ? index - 1 : item.index,\n          };\n        });\n\n      return updatedHistory;\n    });\n  }, []);\n\n  const update: IDialogContext['update'] = useCallback((dialog) => {\n    setDialogHistory((prev) => {\n      return prev.map((item) => {\n        if (item.id === dialog.id) {\n          return { ...item, ...dialog };\n        }\n        return item;\n      });\n    });\n  }, []);\n\n  const add: IDialogContext['add'] = useCallback((dialog) => {\n    const id = dialog.id;\n\n    setDialogHistory((prev) => {\n      const existingIndex = prev.findIndex((item) => item.id === id);\n\n      let updatedHistory: IDialogContent[];\n\n      if (existingIndex !== -1) {\n        updatedHistory = [...prev];\n        updatedHistory[existingIndex] = { ...dialog, id, index: prev[existingIndex].index };\n      } else {\n        updatedHistory = prev.map((item) => {\n          const index = item.index;\n          if (index === undefined) return item;\n\n          return {\n            ...item,\n            index: index + 1,\n          };\n        });\n        const newContent = { ...dialog, id, index: 0 };\n        updatedHistory.unshift(newContent);\n      }\n\n      return updatedHistory;\n    });\n  }, []);\n\n  const dialogHistoryLength = useMemo(() => dialogHistory.length, [dialogHistory.length]);\n  const zIndex = useMemo(() => props.zIndex, [props.zIndex]);\n\n  useEffect(() => {\n    return () => {\n      setDialogHistory([]);\n    };\n  }, []);\n  return (\n    <DialogContext.Provider value={{ add, remove, update, dialogHistory }}>\n      <AnimatePresence>\n        {dialogHistoryLength && (\n          <motion.div\n            className={classNameDialogLayout}\n            style={getDialogLayoutStyle({ zIndex })}\n            initial={{\n              opacity: 0,\n            }}\n            exit={{\n              opacity: 0,\n            }}\n            animate={{\n              opacity: 1,\n            }}\n            transition={{ type: 'spring', duration: DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT }}\n          >\n            {dialogHistory.map((dialog) => {\n              return (\n                <MemoizedDialogElement\n                  key={dialog.id}\n                  index={dialog.index}\n                  props={dialog.props}\n                  id={dialog.id}\n                  onRemove={dialog.onRemove}\n                />\n              );\n            })}\n          </motion.div>\n        )}\n      </AnimatePresence>\n\n      {props.children}\n    </DialogContext.Provider>\n  );\n};\n\nconst DialogElement = (props: IDialogElement<Record<string, unknown>>) => {\n  const [isAnimating, setIsAnimating] = useState(true);\n  const styleDialogElement = useMemo(() => {\n    return {\n      ...getDialogElementStyle({\n        propsDialog: props.props?.propsDialog,\n      }),\n      zIndex: -(props.index ?? 0),\n    };\n  }, [props.props?.propsDialog, props.index]);\n\n  const isRemoveOnOutsideClick = useMemo(\n    () => props.props?.propsDialog?.isRemoveOnOutsideClick ?? true,\n    [props.props?.propsDialog?.isRemoveOnOutsideClick],\n  );\n  const onRemove = useCallback(() => {\n    props.props?.onRemove?.();\n    props.onRemove?.();\n  }, [props.onRemove, props.props?.onRemove]);\n\n  const children = useMemo(\n    () => props.props?.content?.({ remove: onRemove, isAnimating: isAnimating, propsCustom: props.props.propsCustom }),\n    [props.props?.content, isAnimating, props?.props?.propsCustom, onRemove],\n  );\n  return (\n    props.index !== undefined && (\n      <Outside onOutsideClick={() => isRemoveOnOutsideClick && onRemove?.()}>\n        <motion.dialog\n          key={props.id}\n          className={setClasses([DialogClass.element])}\n          initial={{\n            opacity: 0,\n            scale: 0.8,\n          }}\n          animate={{\n            opacity: 1,\n            scale: 1,\n          }}\n          onAnimationComplete={() => setIsAnimating(false)}\n          transition={{\n            type: 'spring',\n            duration: DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,\n            delay: DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,\n          }}\n          style={styleDialogElement}\n        >\n          {children}\n        </motion.dialog>\n      </Outside>\n    )\n  );\n};\nconst MemoizedDialogElement = memo(DialogElement);\n","import { useDeepCompareMemoize } from '@local/hooks/use-deep-compare-memoize';\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useContextSelector } from 'use-context-selector';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { DialogContext } from './context';\nimport { IDialogContext, IDialogItem, IUseDialog, IUseDialogDependencies } from './context.types';\n\nexport const useDialogs = (props: IUseDialogDependencies): IDialogContext => {\n  const context = useContextSelector(DialogContext, (v) => {\n    return v\n      ? props.reduce((acc, prop) => {\n          acc[prop] = v[prop];\n          return acc;\n        }, {} as any)\n      : null;\n  });\n  if (!context) {\n    throw new Error('useDialogs must be used within an DialogContext');\n  }\n  return context;\n};\n\nexport const useDialog = <T extends object = Record<string, unknown>>(props?: IUseDialog<T>): IDialogItem => {\n  const { add, remove, update } = useDialogs(['add', 'remove', 'update']);\n  const [id, setId] = useState<string | null>(null);\n  const refId = useRef<string | null>(null);\n  const propsMemo = useDeepCompareMemoize(props);\n\n  const localRemove = useCallback(() => {\n    if (refId.current) {\n      setId(null);\n      remove(refId.current);\n      refId.current = null;\n    }\n  }, [remove]);\n\n  const localAdd: IDialogItem['add'] = useCallback(() => {\n    if (refId.current) return;\n    const dialogId = uuidv4();\n    setId(dialogId);\n    refId.current = dialogId;\n    add({\n      id: dialogId,\n      props: propsMemo as IUseDialog<Record<string, unknown>>,\n      onRemove: () => {\n        localRemove();\n        propsMemo?.onRemove?.();\n      },\n    });\n  }, [add, propsMemo, localRemove]);\n\n  useEffect(() => {\n    if (refId.current) {\n      update({ id: refId.current, props: propsMemo as IUseDialog<Record<string, unknown>> });\n    }\n  }, [propsMemo, update]);\n\n  return { add: localAdd, remove: localRemove, id: id };\n};\n"],"mappings":"6YAQA,IAAa,EAA4D,iBCK5D,EAAc,EAAA,UAAU,QAAQ,OAEhC,EAAA,IAAiC,EAAY,OAE7C,EAAwB,IAA8C,CACjF,gBAAiB,EAAA,SAAS,QAAQ,yBAClC,OAAQ,EAAM,SAGH,EAAyB,IAA+C,CACnF,SAAU,EAAM,aAAa,UAAA,cAC7B,UAAW,EAAM,aAAa,WAAA,cAC9B,aAAc,EAAM,aAAa,cAAA,OACjC,WAAY,EAAM,aAAa,WAC3B,EAAA,SAAS,QAAQ,EAAM,YAAY,UAAA,EACnC,EAAA,SAAS,QAAQ,CAAA,EACrB,QAAS,EAAM,aAAa,SAAA,SClBjB,EAAgB,EAAA,cAAqC,IAAA,EAErD,EAAuC,GAAU,CAC5D,KAAM,CAAC,EAAe,CAAA,KAAA,EAAA,UAA+C,CAAA,CAAE,EACjE,EAAwB,EAAA,EAExB,KAAA,EAAA,aAAgD,GAAO,CAC3D,EAAkB,GAAS,CACzB,MAAM,EAAe,EAAK,KAAM,GAAS,EAAK,KAAO,CAAA,EAErD,GAAI,IAAiB,OAAW,OAAO,EAEvC,MAAM,EAAgB,EAAa,MAEnC,OAAI,IAAkB,OAAkB,EAEjB,EACpB,OAAQ,GAAS,EAAK,KAAO,CAAA,EAC7B,IAAK,GAAS,CACb,MAAM,EAAQ,EAAK,MACnB,OAAI,IAAU,OAAkB,EAEzB,CACL,GAAG,EACH,MAAO,EAAQ,EAAgB,EAAQ,EAAI,EAAK,YAMvD,CAAA,CAAE,EAEC,KAAA,EAAA,aAAgD,GAAW,CAC/D,EAAkB,GACT,EAAK,IAAK,GACX,EAAK,KAAO,EAAO,GACd,CAAE,GAAG,EAAM,GAAG,GAEhB,KAGV,CAAA,CAAE,EAEC,KAAA,EAAA,aAA0C,GAAW,CACzD,MAAM,EAAK,EAAO,GAElB,EAAkB,GAAS,CACzB,MAAM,EAAgB,EAAK,UAAW,GAAS,EAAK,KAAO,CAAA,EAE3D,IAAI,EAEJ,GAAI,IAAkB,GACpB,EAAiB,CAAC,GAAG,CAAA,EACrB,EAAe,CAAA,EAAiB,CAAE,GAAG,EAAQ,GAAA,EAAI,MAAO,EAAK,CAAA,EAAe,WACvE,CACL,EAAiB,EAAK,IAAK,GAAS,CAClC,MAAM,EAAQ,EAAK,MACnB,OAAI,IAAU,OAAkB,EAEzB,CACL,GAAG,EACH,MAAO,EAAQ,KAGnB,MAAM,EAAa,CAAE,GAAG,EAAQ,GAAA,EAAI,MAAO,GAC3C,EAAe,QAAQ,CAAA,EAGzB,OAAO,KAER,CAAA,CAAE,EAEC,KAAA,EAAA,SAAA,IAAoC,EAAc,OAAQ,CAAC,EAAc,MAAA,CAAO,EAChF,KAAA,EAAA,SAAA,IAAuB,EAAM,OAAQ,CAAC,EAAM,MAAA,CAAO,EAEzD,SAAA,EAAA,WAAA,IACE,IAAa,CACX,EAAiB,CAAA,CAAE,GAEpB,CAAA,CAAE,KAEH,EAAA,MAAC,EAAc,SAAf,CAAwB,MAAO,CAAE,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAQ,cAAA,YAAtD,IACE,EAAA,KAAC,EAAA,gBAAD,CAAA,SACG,MACC,EAAA,KAAC,EAAA,OAAO,IAAR,CACE,UAAW,EACX,MAAO,EAAqB,CAAE,OAAA,CAAA,CAAQ,EACtC,QAAS,CACP,QAAS,CAAA,EAEX,KAAM,CACJ,QAAS,CAAA,EAEX,QAAS,CACP,QAAS,CAAA,EAEX,WAAY,CAAE,KAAM,SAAU,SAAA,aAE7B,EAAc,IAAK,MAEhB,EAAA,KAAC,EAAD,CAEE,MAAO,EAAO,MACd,MAAO,EAAO,MACd,GAAI,EAAO,GACX,SAAU,EAAO,UAJZ,EAAO,EAAA,GAQP,CAAA,CAEC,EAEjB,EAAM,QAAA,KAKP,EAAiB,GAAmD,CACxE,KAAM,CAAC,EAAa,CAAA,KAAA,EAAA,UAA2B,EAAA,EACzC,KAAA,EAAA,SAAA,KACG,CACL,GAAG,EAAsB,CACvB,YAAa,EAAM,OAAO,WAAA,CAC3B,EACD,OAAQ,EAAE,EAAM,OAAS,KAE1B,CAAC,EAAM,OAAO,YAAa,EAAM,KAAA,CAAM,EAEpC,KAAA,EAAA,SAAA,IACE,EAAM,OAAO,aAAa,wBAA0B,GAC1D,CAAC,EAAM,OAAO,aAAa,sBAAA,CAAuB,EAE9C,KAAA,EAAA,aAAA,IAA6B,CACjC,EAAM,OAAO,WAAA,EACb,EAAM,WAAA,GACL,CAAC,EAAM,SAAU,EAAM,OAAO,QAAA,CAAS,EAEpC,KAAA,EAAA,SAAA,IACE,EAAM,OAAO,UAAU,CAAE,OAAQ,EAAuB,YAAA,EAAa,YAAa,EAAM,MAAM,YAAa,EACjH,CAAC,EAAM,OAAO,QAAS,EAAa,GAAO,OAAO,YAAa,EAAS,EAE1E,OACE,EAAM,QAAU,WACd,EAAA,KAAC,EAAA,QAAD,CAAS,eAAA,IAAsB,GAA0B,IAAA,cACvD,EAAA,KAAC,EAAA,OAAO,OAAR,CAEE,UAAW,EAAA,WAAW,CAAC,EAAY,OAAA,CAAQ,EAC3C,QAAS,CACP,QAAS,EACT,MAAO,IAET,QAAS,CACP,QAAS,EACT,MAAO,GAET,oBAAA,IAA2B,EAAe,EAAA,EAC1C,WAAY,CACV,KAAM,SACN,SAAA,GACA,MAAA,IAEF,MAAO,EAEN,SAAA,GAlBI,EAAM,EAAA,EAoBL,GAIV,KAAA,EAAA,MAA6B,CAAA,EC5KtB,EAAc,GAAkD,CAC3E,MAAM,EAAU,EAAA,mBAAmB,EAAgB,GAC1C,EACH,EAAM,OAAA,CAAQ,EAAK,KACjB,EAAI,CAAA,EAAQ,EAAE,CAAA,EACP,GACN,CAAA,CAAE,EACL,MAEN,GAAI,CAAC,EACH,MAAM,IAAI,MAAM,iDAAA,EAElB,OAAO,GAGI,EAAyD,GAAuC,CAC3G,KAAM,CAAE,IAAA,EAAK,OAAA,EAAQ,OAAA,CAAA,EAAW,EAAW,CAAC,MAAO,SAAU,SAAS,EAChE,CAAC,EAAI,CAAA,KAAA,EAAA,UAAiC,IAAA,EACtC,KAAA,EAAA,QAA8B,IAAA,EAC9B,EAAY,EAAA,sBAAsB,CAAA,EAElC,KAAA,EAAA,aAAA,IAAgC,CAChC,EAAM,UACR,EAAM,IAAA,EACN,EAAO,EAAM,OAAA,EACb,EAAM,QAAU,OAEjB,CAAC,CAAA,CAAO,EAEL,KAAA,EAAA,aAAA,IAAiD,CACrD,GAAI,EAAM,QAAS,OACnB,MAAM,EAAW,EAAA,GAAA,EACjB,EAAM,CAAA,EACN,EAAM,QAAU,EAChB,EAAI,CACF,GAAI,EACJ,MAAO,EACP,SAAA,IAAgB,CACd,EAAA,EACA,GAAW,WAAA,GAEd,GACA,CAAC,EAAK,EAAW,EAAY,EAEhC,SAAA,EAAA,WAAA,IAAgB,CACV,EAAM,SACR,EAAO,CAAE,GAAI,EAAM,QAAS,MAAO,EAAkD,GAEtF,CAAC,EAAW,CAAA,CAAO,EAEf,CAAE,IAAK,EAAU,OAAQ,EAAiB,GAAA"}

package/build/context-dialog-HLeQ5WNn.js

@@ -0,0 +1,176 @@
+import { t as f } from "./proxy-DTLy-pV-.js";
+import { t as C } from "./AnimatePresence-BByJ67dn.js";
+import { n as y, r as R } from "./utils-Cona48dZ.js";
+import { t as T } from "./functions-CLGf7hqw.js";
+import { useDeepCompareMemoize as h } from "./hooks-use-deep-compare-memoize.es.js";
+import { t as S } from "./outside-BtjOuCPD.js";
+import { n as N, t as M } from "./dist-Dq_YJa2q.js";
+import { t as U } from "./v4-CYaPyb-W.js";
+import { jsx as g, jsxs as P } from "react/jsx-runtime";
+import { memo as b, useCallback as x, useEffect as A, useMemo as v, useRef as k, useState as _ } from "react";
+var G = "fillDarkStable", L = y.context.dialog, H = () => L.layout, z = (e) => ({
+  backgroundColor: R.palette.fillSecondaryLightStable,
+  zIndex: e.zIndex
+}), V = (e) => ({
+  maxWidth: e.propsDialog?.maxWidth || "max-content",
+  maxHeight: e.propsDialog?.maxHeight || "max-content",
+  borderRadius: e.propsDialog?.borderRadius || "12px",
+  background: e.propsDialog?.background ? R.palette[e.propsDialog.background] : R.palette[G],
+  padding: e.propsDialog?.padding || "20px"
+}), O = M(null), ee = (e) => {
+  const [i, r] = _([]), d = H(), l = x((t) => {
+    r((o) => {
+      const s = o.find((n) => n.id === t);
+      if (s === void 0) return o;
+      const D = s.index;
+      return D === void 0 ? o : o.filter((n) => n.id !== t).map((n) => {
+        const c = n.index;
+        return c === void 0 ? n : {
+          ...n,
+          index: c > D ? c - 1 : n.index
+        };
+      });
+    });
+  }, []), u = x((t) => {
+    r((o) => o.map((s) => s.id === t.id ? {
+      ...s,
+      ...t
+    } : s));
+  }, []), a = x((t) => {
+    const o = t.id;
+    r((s) => {
+      const D = s.findIndex((c) => c.id === o);
+      let n;
+      if (D !== -1)
+        n = [...s], n[D] = {
+          ...t,
+          id: o,
+          index: s[D].index
+        };
+      else {
+        n = s.map((E) => {
+          const I = E.index;
+          return I === void 0 ? E : {
+            ...E,
+            index: I + 1
+          };
+        });
+        const c = {
+          ...t,
+          id: o,
+          index: 0
+        };
+        n.unshift(c);
+      }
+      return n;
+    });
+  }, []), m = v(() => i.length, [i.length]), p = v(() => e.zIndex, [e.zIndex]);
+  return A(() => () => {
+    r([]);
+  }, []), /* @__PURE__ */ P(O.Provider, {
+    value: {
+      add: a,
+      remove: l,
+      update: u,
+      dialogHistory: i
+    },
+    children: [/* @__PURE__ */ g(C, { children: m && /* @__PURE__ */ g(f.div, {
+      className: d,
+      style: z({ zIndex: p }),
+      initial: { opacity: 0 },
+      exit: { opacity: 0 },
+      animate: { opacity: 1 },
+      transition: {
+        type: "spring",
+        duration: 0.4
+      },
+      children: i.map((t) => /* @__PURE__ */ g(w, {
+        index: t.index,
+        props: t.props,
+        id: t.id,
+        onRemove: t.onRemove
+      }, t.id))
+    }) }), e.children]
+  });
+}, F = (e) => {
+  const [i, r] = _(!0), d = v(() => ({
+    ...V({ propsDialog: e.props?.propsDialog }),
+    zIndex: -(e.index ?? 0)
+  }), [e.props?.propsDialog, e.index]), l = v(() => e.props?.propsDialog?.isRemoveOnOutsideClick ?? !0, [e.props?.propsDialog?.isRemoveOnOutsideClick]), u = x(() => {
+    e.props?.onRemove?.(), e.onRemove?.();
+  }, [e.onRemove, e.props?.onRemove]), a = v(() => e.props?.content?.({
+    remove: u,
+    isAnimating: i,
+    propsCustom: e.props.propsCustom
+  }), [
+    e.props?.content,
+    i,
+    e?.props?.propsCustom,
+    u
+  ]);
+  return e.index !== void 0 && /* @__PURE__ */ g(S, {
+    onOutsideClick: () => l && u?.(),
+    children: /* @__PURE__ */ g(f.dialog, {
+      className: T([L.element]),
+      initial: {
+        opacity: 0,
+        scale: 0.8
+      },
+      animate: {
+        opacity: 1,
+        scale: 1
+      },
+      onAnimationComplete: () => r(!1),
+      transition: {
+        type: "spring",
+        duration: 0.3,
+        delay: 0.4
+      },
+      style: d,
+      children: a
+    }, e.id)
+  });
+}, w = b(F), W = (e) => {
+  const i = N(O, (r) => r ? e.reduce((d, l) => (d[l] = r[l], d), {}) : null);
+  if (!i) throw new Error("useDialogs must be used within an DialogContext");
+  return i;
+}, te = (e) => {
+  const { add: i, remove: r, update: d } = W([
+    "add",
+    "remove",
+    "update"
+  ]), [l, u] = _(null), a = k(null), m = h(e), p = x(() => {
+    a.current && (u(null), r(a.current), a.current = null);
+  }, [r]), t = x(() => {
+    if (a.current) return;
+    const o = U();
+    u(o), a.current = o, i({
+      id: o,
+      props: m,
+      onRemove: () => {
+        p(), m?.onRemove?.();
+      }
+    });
+  }, [
+    i,
+    m,
+    p
+  ]);
+  return A(() => {
+    a.current && d({
+      id: a.current,
+      props: m
+    });
+  }, [m, d]), {
+    add: t,
+    remove: p,
+    id: l
+  };
+};
+export {
+  W as n,
+  ee as r,
+  te as t
+};
+
+//# sourceMappingURL=context-dialog-HLeQ5WNn.js.map

package/build/context-dialog-HLeQ5WNn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-dialog-HLeQ5WNn.js","names":[],"sources":["../src/contexts/context-dialog/context.constants.ts","../src/contexts/context-dialog/context.styles.tsx","../src/contexts/context-dialog/context.tsx","../src/contexts/context-dialog/context.hooks.ts"],"sourcesContent":["import { IThemePalette } from '@local/styles/utils';\n\nexport const DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT = 0.3;\nexport const DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT = 0.4;\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT: string = 'max-content';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH: string = 'max-content';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS: string = '12px';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING: string = '20px';\nexport const DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND: IThemePalette = 'fillDarkStable';\n","import { CSS_CLASS, CSS_VARS } from '@local/styles/utils';\n\nimport { CSSProperties } from 'react';\n\nimport {\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,\n  DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,\n} from './context.constants';\nimport { IDialogElementStyle, IDialogLayoutStyle } from './context.types';\n\nexport const DialogClass = CSS_CLASS.context.dialog;\n\nexport const getDialogLayoutClassName = () => DialogClass.layout;\n\nexport const getDialogLayoutStyle = (props: IDialogLayoutStyle): CSSProperties => ({\n  backgroundColor: CSS_VARS.palette.fillSecondaryLightStable,\n  zIndex: props.zIndex,\n});\n\nexport const getDialogElementStyle = (props: IDialogElementStyle): CSSProperties => ({\n  maxWidth: props.propsDialog?.maxWidth || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,\n  maxHeight: props.propsDialog?.maxHeight || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,\n  borderRadius: props.propsDialog?.borderRadius || DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,\n  background: props.propsDialog?.background\n    ? CSS_VARS.palette[props.propsDialog.background]\n    : CSS_VARS.palette[DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND],\n  padding: props.propsDialog?.padding || DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,\n});\n","import { Outside } from '@local/areas/outside';\nimport { setClasses } from '@local/styles/utils/functions';\n\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { FC, memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport { createContext } from 'use-context-selector';\n\nimport { DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT, DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT } from './context.constants';\nimport { DialogClass, getDialogElementStyle, getDialogLayoutClassName, getDialogLayoutStyle } from './context.styles';\nimport { IDialogContent, IDialogContext, IDialogElement, IDialogProvider } from './context.types';\n\nexport const DialogContext = createContext<IDialogContext | null>(null);\n\nexport const ProviderDialog: FC<IDialogProvider> = (props) => {\n  const [dialogHistory, setDialogHistory] = useState<IDialogContent[]>([]);\n  const classNameDialogLayout = getDialogLayoutClassName();\n\n  const remove: IDialogContext['remove'] = useCallback((id) => {\n    setDialogHistory((prev) => {\n      const itemToRemove = prev.find((item) => item.id === id);\n\n      if (itemToRemove === undefined) return prev;\n\n      const indexToRemove = itemToRemove.index;\n\n      if (indexToRemove === undefined) return prev;\n\n      const updatedHistory = prev\n        .filter((item) => item.id !== id)\n        .map((item) => {\n          const index = item.index;\n          if (index === undefined) return item;\n\n          return {\n            ...item,\n            index: index > indexToRemove ? index - 1 : item.index,\n          };\n        });\n\n      return updatedHistory;\n    });\n  }, []);\n\n  const update: IDialogContext['update'] = useCallback((dialog) => {\n    setDialogHistory((prev) => {\n      return prev.map((item) => {\n        if (item.id === dialog.id) {\n          return { ...item, ...dialog };\n        }\n        return item;\n      });\n    });\n  }, []);\n\n  const add: IDialogContext['add'] = useCallback((dialog) => {\n    const id = dialog.id;\n\n    setDialogHistory((prev) => {\n      const existingIndex = prev.findIndex((item) => item.id === id);\n\n      let updatedHistory: IDialogContent[];\n\n      if (existingIndex !== -1) {\n        updatedHistory = [...prev];\n        updatedHistory[existingIndex] = { ...dialog, id, index: prev[existingIndex].index };\n      } else {\n        updatedHistory = prev.map((item) => {\n          const index = item.index;\n          if (index === undefined) return item;\n\n          return {\n            ...item,\n            index: index + 1,\n          };\n        });\n        const newContent = { ...dialog, id, index: 0 };\n        updatedHistory.unshift(newContent);\n      }\n\n      return updatedHistory;\n    });\n  }, []);\n\n  const dialogHistoryLength = useMemo(() => dialogHistory.length, [dialogHistory.length]);\n  const zIndex = useMemo(() => props.zIndex, [props.zIndex]);\n\n  useEffect(() => {\n    return () => {\n      setDialogHistory([]);\n    };\n  }, []);\n  return (\n    <DialogContext.Provider value={{ add, remove, update, dialogHistory }}>\n      <AnimatePresence>\n        {dialogHistoryLength && (\n          <motion.div\n            className={classNameDialogLayout}\n            style={getDialogLayoutStyle({ zIndex })}\n            initial={{\n              opacity: 0,\n            }}\n            exit={{\n              opacity: 0,\n            }}\n            animate={{\n              opacity: 1,\n            }}\n            transition={{ type: 'spring', duration: DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT }}\n          >\n            {dialogHistory.map((dialog) => {\n              return (\n                <MemoizedDialogElement\n                  key={dialog.id}\n                  index={dialog.index}\n                  props={dialog.props}\n                  id={dialog.id}\n                  onRemove={dialog.onRemove}\n                />\n              );\n            })}\n          </motion.div>\n        )}\n      </AnimatePresence>\n\n      {props.children}\n    </DialogContext.Provider>\n  );\n};\n\nconst DialogElement = (props: IDialogElement<Record<string, unknown>>) => {\n  const [isAnimating, setIsAnimating] = useState(true);\n  const styleDialogElement = useMemo(() => {\n    return {\n      ...getDialogElementStyle({\n        propsDialog: props.props?.propsDialog,\n      }),\n      zIndex: -(props.index ?? 0),\n    };\n  }, [props.props?.propsDialog, props.index]);\n\n  const isRemoveOnOutsideClick = useMemo(\n    () => props.props?.propsDialog?.isRemoveOnOutsideClick ?? true,\n    [props.props?.propsDialog?.isRemoveOnOutsideClick],\n  );\n  const onRemove = useCallback(() => {\n    props.props?.onRemove?.();\n    props.onRemove?.();\n  }, [props.onRemove, props.props?.onRemove]);\n\n  const children = useMemo(\n    () => props.props?.content?.({ remove: onRemove, isAnimating: isAnimating, propsCustom: props.props.propsCustom }),\n    [props.props?.content, isAnimating, props?.props?.propsCustom, onRemove],\n  );\n  return (\n    props.index !== undefined && (\n      <Outside onOutsideClick={() => isRemoveOnOutsideClick && onRemove?.()}>\n        <motion.dialog\n          key={props.id}\n          className={setClasses([DialogClass.element])}\n          initial={{\n            opacity: 0,\n            scale: 0.8,\n          }}\n          animate={{\n            opacity: 1,\n            scale: 1,\n          }}\n          onAnimationComplete={() => setIsAnimating(false)}\n          transition={{\n            type: 'spring',\n            duration: DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,\n            delay: DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,\n          }}\n          style={styleDialogElement}\n        >\n          {children}\n        </motion.dialog>\n      </Outside>\n    )\n  );\n};\nconst MemoizedDialogElement = memo(DialogElement);\n","import { useDeepCompareMemoize } from '@local/hooks/use-deep-compare-memoize';\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useContextSelector } from 'use-context-selector';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { DialogContext } from './context';\nimport { IDialogContext, IDialogItem, IUseDialog, IUseDialogDependencies } from './context.types';\n\nexport const useDialogs = (props: IUseDialogDependencies): IDialogContext => {\n  const context = useContextSelector(DialogContext, (v) => {\n    return v\n      ? props.reduce((acc, prop) => {\n          acc[prop] = v[prop];\n          return acc;\n        }, {} as any)\n      : null;\n  });\n  if (!context) {\n    throw new Error('useDialogs must be used within an DialogContext');\n  }\n  return context;\n};\n\nexport const useDialog = <T extends object = Record<string, unknown>>(props?: IUseDialog<T>): IDialogItem => {\n  const { add, remove, update } = useDialogs(['add', 'remove', 'update']);\n  const [id, setId] = useState<string | null>(null);\n  const refId = useRef<string | null>(null);\n  const propsMemo = useDeepCompareMemoize(props);\n\n  const localRemove = useCallback(() => {\n    if (refId.current) {\n      setId(null);\n      remove(refId.current);\n      refId.current = null;\n    }\n  }, [remove]);\n\n  const localAdd: IDialogItem['add'] = useCallback(() => {\n    if (refId.current) return;\n    const dialogId = uuidv4();\n    setId(dialogId);\n    refId.current = dialogId;\n    add({\n      id: dialogId,\n      props: propsMemo as IUseDialog<Record<string, unknown>>,\n      onRemove: () => {\n        localRemove();\n        propsMemo?.onRemove?.();\n      },\n    });\n  }, [add, propsMemo, localRemove]);\n\n  useEffect(() => {\n    if (refId.current) {\n      update({ id: refId.current, props: propsMemo as IUseDialog<Record<string, unknown>> });\n    }\n  }, [propsMemo, update]);\n\n  return { add: localAdd, remove: localRemove, id: id };\n};\n"],"mappings":"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"}

package/build/context-dialog.cjs.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("./context.constants-Bzn9Rcey.cjs"),E=require("./context.hooks-Bkj1PSKe.cjs");exports.DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT=D.DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,exports.DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT=D.DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND=D.DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS=D.DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT=D.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH=D.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING=D.DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,exports.DialogContent=D.DialogContent,exports.DialogContext=D.DialogContext,exports.DialogElementWrapper=D.DialogElementWrapper,exports.DialogLayout=D.DialogLayout,exports.ProviderDialog=D.ProviderDialog,exports.useDialog=E.useDialog,exports.useDialogs=E.useDialogs;
-//# sourceMappingURL=context-dialog.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./chunk-CW3en5xf.cjs"),e=require("./context-dialog-CCnhd1EY.cjs");exports.ProviderDialog=e.ProviderDialog;exports.useDialog=e.useDialog;exports.useDialogs=e.useDialogs;

package/build/context-dialog.d.ts

@@ -1,106 +1,2 @@
-import { Component } from 'react';
-import { Context } from 'react';
-import { FastOmit } from 'styled-components';
-import { FC } from 'react';
-import { ForwardRefComponent } from 'framer-motion';
-import { HTMLMotionProps } from 'framer-motion';
-import { IStyledComponentBase } from 'styled-components/dist/types';
-import { PropsWithChildren } from 'react';
-import { ReactNode } from 'react';
-import { RefAttributes } from 'react';
-import { Substitute } from 'styled-components/dist/types';
-
-declare type AddDollarSign<T> = {
-    [K in keyof T as `$${string & K}`]: T[K];
-};
-
-declare type AddDollarSign_2<T> = {
-    [K in keyof T as `$${string & K}`]: T[K];
-};
-
-declare type addOutlineProps = {
-    isReadOnly?: boolean;
-    isDisabledOutline?: boolean;
-    isOutlineBoxShadow?: boolean;
-};
-
-export declare const DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT = 0.3;
-
-export declare const DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT = 0.4;
-
-export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND: IThemePaletteKeys;
-
-export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS: string;
-
-export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT: string;
-
-export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH: string;
-
-export declare const DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING: string;
-
-export declare const DialogContent: IStyledComponentBase<"web", FastOmit<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, never>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
-
-declare type DialogContentObjectPropsContent<T extends object> = (remove?: () => void, isAnimating?: boolean, propsCustom?: T) => ReactNode;
-
-declare type DialogContentObjectPropsDialog = {
-    maxWidth?: string;
-    maxHeight?: string;
-    padding?: string;
-    borderRadius?: string;
-    background?: IThemePaletteKeys;
-    isRemoveOnOutsideClick?: boolean;
-};
-
-export declare type DialogContentProps<T extends object = any> = {
-    props?: useDialogProps<T>;
-    id?: string;
-    index?: number;
-    onRemove?: () => void;
-};
-
-export declare const DialogContext: Context<DialogContextProps | null>;
-
-export declare type DialogContextItemProps = {
-    add: () => void;
-    remove: () => void;
-    id: string | null;
-};
-
-export declare type DialogContextProps<T extends object = any> = {
-    add: (dialog: DialogContentProps<T>) => void;
-    remove: (id: DialogContentProps<T>['id']) => void;
-    update: (dialog: DialogContentProps<T>) => void;
-    dialogHistory: DialogContentProps<T>[];
-};
-
-export declare type DialogElementProps<T extends object> = DialogContentProps<T>;
-
-export declare const DialogElementWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"dialog">, "ref"> & RefAttributes<HTMLDialogElement>, AddDollarSign_2<addOutlineProps & Pick<useDialogProps<object>, "propsDialog">>>> & string & Omit<ForwardRefComponent<HTMLDialogElement, HTMLMotionProps<"dialog">>, keyof Component<any, {}, any>>;
-
-export declare type DialogElementWrapperProps<T extends object> = AddDollarSign<addOutlineProps & Pick<useDialogProps<T>, 'propsDialog'>>;
-
-export declare const DialogLayout: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign_2<Pick<ProviderDialogProps, "zIndex">>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
-
-export declare type DialogLayoutProps = AddDollarSign<Pick<ProviderDialogProps, 'zIndex'>>;
-
-declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';
-
-export declare const ProviderDialog: FC<ProviderDialogProps>;
-
-export declare type ProviderDialogProps = PropsWithChildren & {
-    zIndex: number;
-};
-
-export declare const useDialog: <T extends object = object>(props?: useDialogProps<T>) => DialogContextItemProps;
-
-export declare type useDialogProps<T extends object = any> = {
-    content?: DialogContentObjectPropsContent<T>;
-    propsDialog?: DialogContentObjectPropsDialog;
-    propsOutline?: addOutlineProps;
-    propsCustom?: T;
-    onRemove?: () => void;
-};
-
-export declare const useDialogs: () => DialogContextProps;
-
-export { }
+export * from './contexts/context-dialog/index'
+export {}

package/build/context-dialog.es.js

@@ -1,19 +1,6 @@
-import { d, e, j, h, f, g, i, c, D, b, a, P } from "./context.constants-DUVlJghM.js";
-import { a as a2, u } from "./context.hooks-v8uZ7dfO.js";
+import { n as a, r, t as s } from "./context-dialog-HLeQ5WNn.js";
 export {
-  d as DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,
-  e as DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,
-  j as DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND,
-  h as DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,
-  f as DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,
-  g as DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,
-  i as DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,
-  c as DialogContent,
-  D as DialogContext,
-  b as DialogElementWrapper,
-  a as DialogLayout,
-  P as ProviderDialog,
-  a2 as useDialog,
-  u as useDialogs
+  r as ProviderDialog,
+  s as useDialog,
+  a as useDialogs
 };
-//# sourceMappingURL=context-dialog.es.js.map

package/build/context-geolocation-C7PYGQ2g.js

@@ -0,0 +1,42 @@
+import { t as f } from "./context-permission-Co4BKDOu.js";
+import { jsx as v } from "react/jsx-runtime";
+import { createContext as E, useContext as P, useEffect as r, useState as i } from "react";
+var s = E(null), G = (o) => {
+  const { geolocationPermission: e, requestGeolocationPermission: t } = f(), [a, c] = i(null), [l, u] = i(null);
+  return r(() => {
+    const d = (n) => {
+      c(n);
+    }, m = (n) => {
+      u(n);
+    };
+    e === "granted" && navigator.geolocation.getCurrentPosition(d, m);
+  }, [
+    e,
+    o.isAskEntrance,
+    t
+  ]), r(() => {
+    o.isAskEntrance && e !== "granted" && t();
+  }, [
+    e,
+    o.isAskEntrance,
+    t
+  ]), /* @__PURE__ */ v(s.Provider, {
+    value: {
+      requestGeolocationPermission: t,
+      geolocationPermission: e,
+      location: a,
+      error: l
+    },
+    children: o.children
+  });
+}, C = () => {
+  const o = P(s);
+  if (!o) throw new Error("useGeolocation must be used within an ProviderGeolocation");
+  return o;
+};
+export {
+  G as n,
+  C as t
+};
+
+//# sourceMappingURL=context-geolocation-C7PYGQ2g.js.map

package/build/context-geolocation-C7PYGQ2g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-geolocation-C7PYGQ2g.js","names":[],"sources":["../src/contexts/context-geolocation/context.tsx","../src/contexts/context-geolocation/context.hooks.ts"],"sourcesContent":["import { usePermission } from '@local/contexts/context-permission';\n\nimport { createContext, FC, useEffect, useState } from 'react';\n\nimport { IGeolocationContext, IGeolocationProvider } from './context.types';\n\nexport const GeolocationContext = createContext<IGeolocationContext | null>(null);\n\nexport const ProviderGeolocation: FC<IGeolocationProvider> = (props) => {\n  const { geolocationPermission, requestGeolocationPermission } = usePermission();\n\n  const [location, setLocation] = useState<GeolocationPosition | null>(null);\n  const [error, setError] = useState<GeolocationPositionError | null>(null);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>\n  useEffect(() => {\n    const handleSuccess = (position: GeolocationPosition) => {\n      setLocation(position);\n    };\n\n    const handleError = (error: GeolocationPositionError) => {\n      setError(error);\n    };\n\n    if (geolocationPermission === 'granted') {\n      navigator.geolocation.getCurrentPosition(handleSuccess, handleError);\n    }\n  }, [geolocationPermission, props.isAskEntrance, requestGeolocationPermission]);\n\n  useEffect(() => {\n    if (props.isAskEntrance) {\n      if (geolocationPermission !== 'granted') {\n        requestGeolocationPermission();\n      }\n    }\n  }, [geolocationPermission, props.isAskEntrance, requestGeolocationPermission]);\n  return (\n    <GeolocationContext.Provider\n      value={{\n        requestGeolocationPermission,\n        geolocationPermission,\n        location,\n        error,\n      }}\n    >\n      {props.children}\n    </GeolocationContext.Provider>\n  );\n};\n","import { useContext } from 'react';\n\nimport { GeolocationContext } from './context';\nimport { IGeolocationContext } from './context.types';\n\nexport const useGeolocation = (): IGeolocationContext => {\n  const context = useContext(GeolocationContext);\n  if (!context) {\n    throw new Error('useGeolocation must be used within an ProviderGeolocation');\n  }\n  return context;\n};\n"],"mappings":";;;AAMA,IAAa,IAAqB,EAA0C,IAAA,GAE/D,IAAA,CAAiD,MAAU;AACtE,QAAM,EAAE,uBAAA,GAAuB,8BAAA,EAAA,IAAiC,EAAA,GAE1D,CAAC,GAAU,CAAA,IAAe,EAAqC,IAAA,GAC/D,CAAC,GAAO,CAAA,IAAY,EAA0C,IAAA;AAGpE,SAAA,EAAA,MAAgB;AACd,UAAM,IAAA,CAAiB,MAAkC;AACvD,MAAA,EAAY,CAAA;AAAA,OAGR,IAAA,CAAe,MAAoC;AACvD,MAAA,EAAS,CAAA;AAAA;AAGX,IAAI,MAA0B,aAC5B,UAAU,YAAY,mBAAmB,GAAe,CAAA;AAAA,KAEzD;AAAA,IAAC;AAAA,IAAuB,EAAM;AAAA,IAAe;AAAA,GAA6B,GAE7E,EAAA,MAAgB;AACd,IAAI,EAAM,iBACJ,MAA0B,aAC5B,EAAA;AAAA,KAGH;AAAA,IAAC;AAAA,IAAuB,EAAM;AAAA,IAAe;AAAA,GAA6B,GAE3E,gBAAA,EAAC,EAAmB,UAApB;AAAA,IACE,OAAO;AAAA,MACL,8BAAA;AAAA,MACA,uBAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA;cAGD,EAAM;AAAA,GACqB;GCzCrB,IAAA,MAA4C;AACvD,QAAM,IAAU,EAAW,CAAA;AAC3B,MAAI,CAAC,EACH,OAAM,IAAI,MAAM,2DAAA;AAElB,SAAO"}

package/build/context-geolocation-ffFFV4kn.cjs

@@ -0,0 +1,3 @@
+const m=require("./chunk-CW3en5xf.cjs"),f=require("./context-permission-K3tWOiAx.cjs");let P=require("react/jsx-runtime"),t=require("react");var i=(0,t.createContext)(null),v=e=>{const{geolocationPermission:r,requestGeolocationPermission:n}=f.usePermission(),[c,s]=(0,t.useState)(null),[u,a]=(0,t.useState)(null);return(0,t.useEffect)(()=>{const l=o=>{s(o)},d=o=>{a(o)};r==="granted"&&navigator.geolocation.getCurrentPosition(l,d)},[r,e.isAskEntrance,n]),(0,t.useEffect)(()=>{e.isAskEntrance&&r!=="granted"&&n()},[r,e.isAskEntrance,n]),(0,P.jsx)(i.Provider,{value:{requestGeolocationPermission:n,geolocationPermission:r,location:c,error:u},children:e.children})},g=()=>{const e=(0,t.useContext)(i);if(!e)throw new Error("useGeolocation must be used within an ProviderGeolocation");return e};Object.defineProperty(exports,"ProviderGeolocation",{enumerable:!0,get:function(){return v}});Object.defineProperty(exports,"useGeolocation",{enumerable:!0,get:function(){return g}});
+
+//# sourceMappingURL=context-geolocation-ffFFV4kn.cjs.map

package/build/context-geolocation-ffFFV4kn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-geolocation-ffFFV4kn.cjs","names":[],"sources":["../src/contexts/context-geolocation/context.tsx","../src/contexts/context-geolocation/context.hooks.ts"],"sourcesContent":["import { usePermission } from '@local/contexts/context-permission';\n\nimport { createContext, FC, useEffect, useState } from 'react';\n\nimport { IGeolocationContext, IGeolocationProvider } from './context.types';\n\nexport const GeolocationContext = createContext<IGeolocationContext | null>(null);\n\nexport const ProviderGeolocation: FC<IGeolocationProvider> = (props) => {\n  const { geolocationPermission, requestGeolocationPermission } = usePermission();\n\n  const [location, setLocation] = useState<GeolocationPosition | null>(null);\n  const [error, setError] = useState<GeolocationPositionError | null>(null);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>\n  useEffect(() => {\n    const handleSuccess = (position: GeolocationPosition) => {\n      setLocation(position);\n    };\n\n    const handleError = (error: GeolocationPositionError) => {\n      setError(error);\n    };\n\n    if (geolocationPermission === 'granted') {\n      navigator.geolocation.getCurrentPosition(handleSuccess, handleError);\n    }\n  }, [geolocationPermission, props.isAskEntrance, requestGeolocationPermission]);\n\n  useEffect(() => {\n    if (props.isAskEntrance) {\n      if (geolocationPermission !== 'granted') {\n        requestGeolocationPermission();\n      }\n    }\n  }, [geolocationPermission, props.isAskEntrance, requestGeolocationPermission]);\n  return (\n    <GeolocationContext.Provider\n      value={{\n        requestGeolocationPermission,\n        geolocationPermission,\n        location,\n        error,\n      }}\n    >\n      {props.children}\n    </GeolocationContext.Provider>\n  );\n};\n","import { useContext } from 'react';\n\nimport { GeolocationContext } from './context';\nimport { IGeolocationContext } from './context.types';\n\nexport const useGeolocation = (): IGeolocationContext => {\n  const context = useContext(GeolocationContext);\n  if (!context) {\n    throw new Error('useGeolocation must be used within an ProviderGeolocation');\n  }\n  return context;\n};\n"],"mappings":"6IAMA,IAAa,KAAA,EAAA,eAA+D,IAAA,EAE/D,EAAiD,GAAU,CACtE,KAAM,CAAE,sBAAA,EAAuB,6BAAA,CAAA,EAAiC,EAAA,cAAA,EAE1D,CAAC,EAAU,CAAA,KAAA,EAAA,UAAoD,IAAA,EAC/D,CAAC,EAAO,CAAA,KAAA,EAAA,UAAsD,IAAA,EAGpE,SAAA,EAAA,WAAA,IAAgB,CACd,MAAM,EAAiB,GAAkC,CACvD,EAAY,CAAA,GAGR,EAAe,GAAoC,CACvD,EAAS,CAAA,GAGP,IAA0B,WAC5B,UAAU,YAAY,mBAAmB,EAAe,CAAA,GAEzD,CAAC,EAAuB,EAAM,cAAe,EAA6B,KAE7E,EAAA,WAAA,IAAgB,CACV,EAAM,eACJ,IAA0B,WAC5B,EAAA,GAGH,CAAC,EAAuB,EAAM,cAAe,EAA6B,KAE3E,EAAA,KAAC,EAAmB,SAApB,CACE,MAAO,CACL,6BAAA,EACA,sBAAA,EACA,SAAA,EACA,MAAA,YAGD,EAAM,SACqB,GCzCrB,EAAA,IAA4C,CACvD,MAAM,KAAA,EAAA,YAAqB,CAAA,EAC3B,GAAI,CAAC,EACH,MAAM,IAAI,MAAM,2DAAA,EAElB,OAAO"}

package/build/context-geolocation.cjs.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./context-B8kTBKjt.cjs"),e=require("./context.hooks-CYJnoIrt.cjs");exports.GeolocationContext=o.GeolocationContext,exports.ProviderGeolocation=o.ProviderGeolocation,exports.useGeolocation=e.useGeolocation;
-//# sourceMappingURL=context-geolocation.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./chunk-CW3en5xf.cjs"),e=require("./context-geolocation-ffFFV4kn.cjs");exports.ProviderGeolocation=e.ProviderGeolocation;exports.useGeolocation=e.useGeolocation;

package/build/context-geolocation.d.ts

@@ -1,22 +1,2 @@
-import { Context } from 'react';
-import { FC } from 'react';
-import { PropsWithChildren } from 'react';
-
-export declare const GeolocationContext: Context<GeolocationContextProps | null>;
-
-export declare interface GeolocationContextProps {
-    geolocationPermission: PermissionState | null;
-    requestGeolocationPermission: () => void;
-    location: GeolocationPosition | null;
-    error: GeolocationPositionError | null;
-}
-
-export declare const ProviderGeolocation: FC<ProviderGeolocationProps>;
-
-export declare type ProviderGeolocationProps = PropsWithChildren & {
-    isAskEntrance?: boolean;
-};
-
-export declare const useGeolocation: () => GeolocationContextProps;
-
-export { }
+export * from './contexts/context-geolocation/index'
+export {}

package/build/context-geolocation.es.js

@@ -1,8 +1,5 @@
-import { G, P } from "./context-LBih45kv.js";
-import { u } from "./context.hooks-CXJ-eM6d.js";
+import { n as e, t as r } from "./context-geolocation-C7PYGQ2g.js";
 export {
-  G as GeolocationContext,
-  P as ProviderGeolocation,
-  u as useGeolocation
+  e as ProviderGeolocation,
+  r as useGeolocation
 };
-//# sourceMappingURL=context-geolocation.es.js.map

package/build/context-local-storage-Bb_vktd8.js

@@ -0,0 +1,83 @@
+import { t as i } from "./logger-BRWLzI5S.js";
+import { jsx as f } from "react/jsx-runtime";
+import { createContext as V, useCallback as c, useContext as h, useEffect as d, useState as m } from "react";
+var u = V(null), E = (a) => {
+  const { getLocalStorage: g, setLocalStorage: r, removeLocalStorageValue: S, removeLocalStorageValues: s, checkLocalStorage: o, localStorageValues: n } = P(a);
+  return /* @__PURE__ */ f(u.Provider, {
+    value: {
+      getLocalStorage: g,
+      setLocalStorage: r,
+      removeLocalStorageValue: S,
+      removeLocalStorageValues: s,
+      checkLocalStorage: o,
+      localStorageValues: n
+    },
+    children: a.children
+  });
+}, P = (a) => {
+  const [g, r] = m(), S = c((e) => {
+    const t = localStorage.getItem(e);
+    return r((l) => ({
+      ...l,
+      [e]: t ? JSON.parse(t) : void 0
+    })), t ? JSON.parse(t) : void 0;
+  }, []), s = c((e, t) => {
+    try {
+      localStorage.setItem(String(e), JSON.stringify(t)), r((l) => ({
+        ...l,
+        [e]: t
+      }));
+    } catch {
+      i.info(`Provider LocalStorage. ChangeLocalStorage error - key:${e}, value:${t}.`);
+    }
+  }, []), o = c((e) => {
+    try {
+      localStorage.removeItem(String(e)), r((t) => ({
+        ...t,
+        [e]: void 0
+      }));
+    } catch {
+      i.info(`Provider LocalStorage. RemoveLocalStorageValue error - key:${e}.`);
+    }
+  }, []), n = c(() => {
+    a.validate?.validateKeys ? a.validate?.validateKeys.forEach((e) => {
+      o(String(e));
+    }) : i.info("Provider LocalStorage. RemoveLocalStorageValues - validate is not defined.");
+  }, [a.validate, o]), v = c(() => {
+    a.validate?.validateKeys && a.validate.getValidateLocalStorageValue ? a.validate?.validateKeys.forEach((e) => {
+      const t = localStorage.getItem(e);
+      if (t) try {
+        const l = JSON.parse(t);
+        a.validate?.getValidateLocalStorageValue(String(e), l) ? r((L) => ({
+          ...L,
+          [e]: l
+        })) : o(String(e));
+      } catch {
+        o(String(e));
+      }
+      else o(String(e));
+    }) : i.info("Provider LocalStorage. CheckLocalStorage - validate is not defined.");
+  }, [a.validate, o]);
+  return d(() => {
+    v();
+  }, [v]), d(() => () => {
+    r(void 0);
+  }, []), {
+    getLocalStorage: S,
+    setLocalStorage: s,
+    removeLocalStorageValue: o,
+    removeLocalStorageValues: n,
+    checkLocalStorage: v,
+    localStorageValues: g
+  };
+}, I = () => {
+  const a = h(u);
+  if (!a) throw new Error("useLocalStorage must be used within an ProviderLocalStorage");
+  return a;
+};
+export {
+  E as n,
+  I as t
+};
+
+//# sourceMappingURL=context-local-storage-Bb_vktd8.js.map

package/build/context-local-storage-Bb_vktd8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-local-storage-Bb_vktd8.js","names":[],"sources":["../src/contexts/context-local-storage/context.tsx","../src/contexts/context-local-storage/context.hooks.ts"],"sourcesContent":["import { logger } from '@local/cores/logger';\n\nimport { createContext, FC, useCallback, useEffect, useState } from 'react';\n\nimport { ILocalStorageContext, ILocalStorageProvider, IValidLocalStorageObject } from './context.types';\n\nexport const LocalStorageContext = createContext<ILocalStorageContext | null>(null);\n\n/**\n * Provider component for managing local storage.\n *\n * @remarks\n * The local storage is typed using the `jenesei-kit-react.d.ts` file:\n *\n * ```typescript\n * import '@jenesei-software/jenesei-kit-react'\n *\n * declare module '@jenesei-software/jenesei-kit-react' {\n *   export interface IValidLocalStorageObject {\n *     access_token: string\n *     refresh_token: string\n *   }\n * }\n * ```\n */\nexport const ProviderLocalStorage: FC<ILocalStorageProvider> = (props) => {\n  const {\n    getLocalStorage,\n    setLocalStorage,\n    removeLocalStorageValue,\n    removeLocalStorageValues,\n    checkLocalStorage,\n    localStorageValues,\n  } = useProviderLocalStorage(props);\n\n  return (\n    <LocalStorageContext.Provider\n      value={{\n        getLocalStorage,\n        setLocalStorage,\n        removeLocalStorageValue,\n        removeLocalStorageValues,\n        checkLocalStorage,\n        localStorageValues,\n      }}\n    >\n      {props.children}\n    </LocalStorageContext.Provider>\n  );\n};\n\nconst useProviderLocalStorage = (props: ILocalStorageProvider) => {\n  const [localStorageValues, setLocalStorageValues] = useState<IValidLocalStorageObject>();\n\n  const getLocalStorage = useCallback(\n    <K extends keyof IValidLocalStorageObject>(name: K): IValidLocalStorageObject[K] | undefined => {\n      const localStorageValue = localStorage.getItem(name);\n      setLocalStorageValues((prevState) => ({\n        ...prevState,\n        [name]: localStorageValue ? JSON.parse(localStorageValue) : undefined,\n      }));\n      return localStorageValue ? JSON.parse(localStorageValue) : undefined;\n    },\n    [],\n  );\n\n  const changeLocalStorage = useCallback(\n    <K extends keyof IValidLocalStorageObject>(name: K, value: IValidLocalStorageObject[K]) => {\n      try {\n        localStorage.setItem(String(name), JSON.stringify(value));\n        setLocalStorageValues((prevState) => ({ ...prevState, [name]: value }));\n      } catch {\n        logger.info(`Provider LocalStorage. ChangeLocalStorage error - key:${name}, value:${value}.`);\n      }\n    },\n    [],\n  );\n\n  const removeLocalStorageValue = useCallback(<K extends keyof IValidLocalStorageObject>(name: K) => {\n    try {\n      localStorage.removeItem(String(name));\n      setLocalStorageValues((prevState) => ({\n        ...prevState,\n        [name]: undefined,\n      }));\n    } catch {\n      logger.info(`Provider LocalStorage. RemoveLocalStorageValue error - key:${name}.`);\n    }\n  }, []);\n\n  const removeLocalStorageValues = useCallback(() => {\n    if (props.validate?.validateKeys) {\n      props.validate?.validateKeys.forEach((key) => {\n        removeLocalStorageValue(String(key) as never);\n      });\n    } else {\n      logger.info('Provider LocalStorage. RemoveLocalStorageValues - validate is not defined.');\n    }\n  }, [props.validate, removeLocalStorageValue]);\n\n  const checkLocalStorage = useCallback(() => {\n    if (props.validate?.validateKeys && props.validate.getValidateLocalStorageValue) {\n      props.validate?.validateKeys.forEach((key) => {\n        const localStorageValue = localStorage.getItem(key);\n        if (localStorageValue) {\n          try {\n            const parsedValue = JSON.parse(localStorageValue);\n            if (!props.validate?.getValidateLocalStorageValue(String(key) as never, parsedValue as never)) {\n              removeLocalStorageValue(String(key) as never);\n            } else {\n              setLocalStorageValues((prevState) => ({\n                ...prevState,\n                [key]: parsedValue,\n              }));\n            }\n          } catch {\n            removeLocalStorageValue(String(key) as never);\n          }\n        } else {\n          removeLocalStorageValue(String(key) as never);\n        }\n      });\n    } else {\n      logger.info('Provider LocalStorage. CheckLocalStorage - validate is not defined.');\n    }\n  }, [props.validate, removeLocalStorageValue]);\n\n  useEffect(() => {\n    checkLocalStorage();\n  }, [checkLocalStorage]);\n\n  useEffect(() => {\n    return () => {\n      setLocalStorageValues(undefined);\n    };\n  }, []);\n\n  return {\n    getLocalStorage,\n    setLocalStorage: changeLocalStorage,\n    removeLocalStorageValue,\n    removeLocalStorageValues,\n    checkLocalStorage,\n    localStorageValues,\n  };\n};\n","import { useContext } from 'react';\n\nimport { LocalStorageContext } from './context';\nimport { ILocalStorageContext } from './context.types';\n\n/**\n * Custom hook to access the LocalStorageContext.\n */\nexport const useLocalStorage = (): ILocalStorageContext => {\n  const context = useContext(LocalStorageContext);\n  if (!context) {\n    throw new Error('useLocalStorage must be used within an ProviderLocalStorage');\n  }\n  return context;\n};\n"],"mappings":"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"}

package/build/context-local-storage-kmxWNK_4.cjs

@@ -0,0 +1,3 @@
+const P=require("./chunk-CW3en5xf.cjs"),g=require("./logger-DZFY33QY.cjs");let L=require("react/jsx-runtime"),r=require("react");var d=(0,r.createContext)(null),f=a=>{const{getLocalStorage:i,setLocalStorage:l,removeLocalStorageValue:n,removeLocalStorageValues:u,checkLocalStorage:o,localStorageValues:S}=V(a);return(0,L.jsx)(d.Provider,{value:{getLocalStorage:i,setLocalStorage:l,removeLocalStorageValue:n,removeLocalStorageValues:u,checkLocalStorage:o,localStorageValues:S},children:a.children})},V=a=>{const[i,l]=(0,r.useState)(),n=(0,r.useCallback)(e=>{const t=localStorage.getItem(e);return l(c=>({...c,[e]:t?JSON.parse(t):void 0})),t?JSON.parse(t):void 0},[]),u=(0,r.useCallback)((e,t)=>{try{localStorage.setItem(String(e),JSON.stringify(t)),l(c=>({...c,[e]:t}))}catch{g.logger.info(`Provider LocalStorage. ChangeLocalStorage error - key:${e}, value:${t}.`)}},[]),o=(0,r.useCallback)(e=>{try{localStorage.removeItem(String(e)),l(t=>({...t,[e]:void 0}))}catch{g.logger.info(`Provider LocalStorage. RemoveLocalStorageValue error - key:${e}.`)}},[]),S=(0,r.useCallback)(()=>{a.validate?.validateKeys?a.validate?.validateKeys.forEach(e=>{o(String(e))}):g.logger.info("Provider LocalStorage. RemoveLocalStorageValues - validate is not defined.")},[a.validate,o]),s=(0,r.useCallback)(()=>{a.validate?.validateKeys&&a.validate.getValidateLocalStorageValue?a.validate?.validateKeys.forEach(e=>{const t=localStorage.getItem(e);if(t)try{const c=JSON.parse(t);a.validate?.getValidateLocalStorageValue(String(e),c)?l(v=>({...v,[e]:c})):o(String(e))}catch{o(String(e))}else o(String(e))}):g.logger.info("Provider LocalStorage. CheckLocalStorage - validate is not defined.")},[a.validate,o]);return(0,r.useEffect)(()=>{s()},[s]),(0,r.useEffect)(()=>()=>{l(void 0)},[]),{getLocalStorage:n,setLocalStorage:u,removeLocalStorageValue:o,removeLocalStorageValues:S,checkLocalStorage:s,localStorageValues:i}},h=()=>{const a=(0,r.useContext)(d);if(!a)throw new Error("useLocalStorage must be used within an ProviderLocalStorage");return a};Object.defineProperty(exports,"ProviderLocalStorage",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"useLocalStorage",{enumerable:!0,get:function(){return h}});
+
+//# sourceMappingURL=context-local-storage-kmxWNK_4.cjs.map

package/build/context-local-storage-kmxWNK_4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-local-storage-kmxWNK_4.cjs","names":[],"sources":["../src/contexts/context-local-storage/context.tsx","../src/contexts/context-local-storage/context.hooks.ts"],"sourcesContent":["import { logger } from '@local/cores/logger';\n\nimport { createContext, FC, useCallback, useEffect, useState } from 'react';\n\nimport { ILocalStorageContext, ILocalStorageProvider, IValidLocalStorageObject } from './context.types';\n\nexport const LocalStorageContext = createContext<ILocalStorageContext | null>(null);\n\n/**\n * Provider component for managing local storage.\n *\n * @remarks\n * The local storage is typed using the `jenesei-kit-react.d.ts` file:\n *\n * ```typescript\n * import '@jenesei-software/jenesei-kit-react'\n *\n * declare module '@jenesei-software/jenesei-kit-react' {\n *   export interface IValidLocalStorageObject {\n *     access_token: string\n *     refresh_token: string\n *   }\n * }\n * ```\n */\nexport const ProviderLocalStorage: FC<ILocalStorageProvider> = (props) => {\n  const {\n    getLocalStorage,\n    setLocalStorage,\n    removeLocalStorageValue,\n    removeLocalStorageValues,\n    checkLocalStorage,\n    localStorageValues,\n  } = useProviderLocalStorage(props);\n\n  return (\n    <LocalStorageContext.Provider\n      value={{\n        getLocalStorage,\n        setLocalStorage,\n        removeLocalStorageValue,\n        removeLocalStorageValues,\n        checkLocalStorage,\n        localStorageValues,\n      }}\n    >\n      {props.children}\n    </LocalStorageContext.Provider>\n  );\n};\n\nconst useProviderLocalStorage = (props: ILocalStorageProvider) => {\n  const [localStorageValues, setLocalStorageValues] = useState<IValidLocalStorageObject>();\n\n  const getLocalStorage = useCallback(\n    <K extends keyof IValidLocalStorageObject>(name: K): IValidLocalStorageObject[K] | undefined => {\n      const localStorageValue = localStorage.getItem(name);\n      setLocalStorageValues((prevState) => ({\n        ...prevState,\n        [name]: localStorageValue ? JSON.parse(localStorageValue) : undefined,\n      }));\n      return localStorageValue ? JSON.parse(localStorageValue) : undefined;\n    },\n    [],\n  );\n\n  const changeLocalStorage = useCallback(\n    <K extends keyof IValidLocalStorageObject>(name: K, value: IValidLocalStorageObject[K]) => {\n      try {\n        localStorage.setItem(String(name), JSON.stringify(value));\n        setLocalStorageValues((prevState) => ({ ...prevState, [name]: value }));\n      } catch {\n        logger.info(`Provider LocalStorage. ChangeLocalStorage error - key:${name}, value:${value}.`);\n      }\n    },\n    [],\n  );\n\n  const removeLocalStorageValue = useCallback(<K extends keyof IValidLocalStorageObject>(name: K) => {\n    try {\n      localStorage.removeItem(String(name));\n      setLocalStorageValues((prevState) => ({\n        ...prevState,\n        [name]: undefined,\n      }));\n    } catch {\n      logger.info(`Provider LocalStorage. RemoveLocalStorageValue error - key:${name}.`);\n    }\n  }, []);\n\n  const removeLocalStorageValues = useCallback(() => {\n    if (props.validate?.validateKeys) {\n      props.validate?.validateKeys.forEach((key) => {\n        removeLocalStorageValue(String(key) as never);\n      });\n    } else {\n      logger.info('Provider LocalStorage. RemoveLocalStorageValues - validate is not defined.');\n    }\n  }, [props.validate, removeLocalStorageValue]);\n\n  const checkLocalStorage = useCallback(() => {\n    if (props.validate?.validateKeys && props.validate.getValidateLocalStorageValue) {\n      props.validate?.validateKeys.forEach((key) => {\n        const localStorageValue = localStorage.getItem(key);\n        if (localStorageValue) {\n          try {\n            const parsedValue = JSON.parse(localStorageValue);\n            if (!props.validate?.getValidateLocalStorageValue(String(key) as never, parsedValue as never)) {\n              removeLocalStorageValue(String(key) as never);\n            } else {\n              setLocalStorageValues((prevState) => ({\n                ...prevState,\n                [key]: parsedValue,\n              }));\n            }\n          } catch {\n            removeLocalStorageValue(String(key) as never);\n          }\n        } else {\n          removeLocalStorageValue(String(key) as never);\n        }\n      });\n    } else {\n      logger.info('Provider LocalStorage. CheckLocalStorage - validate is not defined.');\n    }\n  }, [props.validate, removeLocalStorageValue]);\n\n  useEffect(() => {\n    checkLocalStorage();\n  }, [checkLocalStorage]);\n\n  useEffect(() => {\n    return () => {\n      setLocalStorageValues(undefined);\n    };\n  }, []);\n\n  return {\n    getLocalStorage,\n    setLocalStorage: changeLocalStorage,\n    removeLocalStorageValue,\n    removeLocalStorageValues,\n    checkLocalStorage,\n    localStorageValues,\n  };\n};\n","import { useContext } from 'react';\n\nimport { LocalStorageContext } from './context';\nimport { ILocalStorageContext } from './context.types';\n\n/**\n * Custom hook to access the LocalStorageContext.\n */\nexport const useLocalStorage = (): ILocalStorageContext => {\n  const context = useContext(LocalStorageContext);\n  if (!context) {\n    throw new Error('useLocalStorage must be used within an ProviderLocalStorage');\n  }\n  return context;\n};\n"],"mappings":"iIAMA,IAAa,KAAA,EAAA,eAAiE,IAAA,EAmBjE,EAAmD,GAAU,CACxE,KAAM,CACJ,gBAAA,EACA,gBAAA,EACA,wBAAA,EACA,yBAAA,EACA,kBAAA,EACA,mBAAA,CAAA,EACE,EAAwB,CAAA,EAE5B,SACE,EAAA,KAAC,EAAoB,SAArB,CACE,MAAO,CACL,gBAAA,EACA,gBAAA,EACA,wBAAA,EACA,yBAAA,EACA,kBAAA,EACA,mBAAA,YAGD,EAAM,SACsB,GAI7B,EAA2B,GAAiC,CAChE,KAAM,CAAC,EAAoB,CAAA,KAAA,EAAA,UAAA,EAErB,KAAA,EAAA,aACuC,GAAqD,CAC9F,MAAM,EAAoB,aAAa,QAAQ,CAAA,EAC/C,OAAA,EAAuB,IAAe,CACpC,GAAG,GACF,CAAA,EAAO,EAAoB,KAAK,MAAM,CAAA,EAAqB,QAC7D,EACM,EAAoB,KAAK,MAAM,CAAA,EAAqB,QAE7D,CAAA,CAAE,EAGE,KAAA,EAAA,aAAA,CACuC,EAAS,IAAuC,CACzF,GAAI,CACF,aAAa,QAAQ,OAAO,CAAA,EAAO,KAAK,UAAU,CAAA,CAAM,EACxD,EAAuB,IAAe,CAAE,GAAG,GAAY,CAAA,EAAO,GAAO,OAC/D,CACN,EAAA,OAAO,KAAK,yDAAyD,CAAA,WAAe,CAAA,GAAM,IAG9F,CAAA,CAAE,EAGE,KAAA,EAAA,aAAiF,GAAY,CACjG,GAAI,CACF,aAAa,WAAW,OAAO,CAAA,CAAK,EACpC,EAAuB,IAAe,CACpC,GAAG,GACF,CAAA,EAAO,QACT,OACK,CACN,EAAA,OAAO,KAAK,8DAA8D,CAAA,GAAK,IAEhF,CAAA,CAAE,EAEC,KAAA,EAAA,aAAA,IAA6C,CAC7C,EAAM,UAAU,aAClB,EAAM,UAAU,aAAa,QAAS,GAAQ,CAC5C,EAAwB,OAAO,CAAA,CAAI,IAGrC,EAAA,OAAO,KAAK,4EAAA,GAEb,CAAC,EAAM,SAAU,CAAA,CAAwB,EAEtC,KAAA,EAAA,aAAA,IAAsC,CACtC,EAAM,UAAU,cAAgB,EAAM,SAAS,6BACjD,EAAM,UAAU,aAAa,QAAS,GAAQ,CAC5C,MAAM,EAAoB,aAAa,QAAQ,CAAA,EAC/C,GAAI,EACF,GAAI,CACF,MAAM,EAAc,KAAK,MAAM,CAAA,EAC1B,EAAM,UAAU,6BAA6B,OAAO,CAAA,EAAe,CAAA,EAGtE,EAAuB,IAAe,CACpC,GAAG,GACF,CAAA,EAAM,GACR,EALD,EAAwB,OAAO,CAAA,CAAI,OAO/B,CACN,EAAwB,OAAO,CAAA,CAAI,OAGrC,EAAwB,OAAO,CAAA,CAAI,IAIvC,EAAA,OAAO,KAAK,qEAAA,GAEb,CAAC,EAAM,SAAU,CAAA,CAAwB,EAE5C,SAAA,EAAA,WAAA,IAAgB,CACd,EAAA,GACC,CAAC,CAAA,CAAkB,KAEtB,EAAA,WAAA,IACE,IAAa,CACX,EAAsB,MAAA,GAEvB,CAAA,CAAE,EAEE,CACL,gBAAA,EACA,gBAAiB,EACjB,wBAAA,EACA,yBAAA,EACA,kBAAA,EACA,mBAAA,ICvIS,EAAA,IAA8C,CACzD,MAAM,KAAA,EAAA,YAAqB,CAAA,EAC3B,GAAI,CAAC,EACH,MAAM,IAAI,MAAM,6DAAA,EAElB,OAAO"}

package/build/context-local-storage.cjs.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./context-B1id3uai.cjs"),e=require("./context.functions-BqeTmcmr.cjs");exports.LocalStorageContext=o.LocalStorageContext,exports.ProviderLocalStorage=o.ProviderLocalStorage,exports.getFromLocalStorage=e.getFromLocalStorage,exports.setToLocalStorage=e.setToLocalStorage,exports.useLocalStorage=e.useLocalStorage;
-//# sourceMappingURL=context-local-storage.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-CW3en5xf.cjs"),e=require("./context-local-storage-kmxWNK_4.cjs");exports.ProviderLocalStorage=e.ProviderLocalStorage;exports.useLocalStorage=e.useLocalStorage;