@jenesei-software/jenesei-kit-react 1.3.40 → 2.0.1

package/build/context-sonner-qDPLFpD5.js

@@ -0,0 +1,218 @@
+import { t as U } from "./proxy-wCWa57J3.js";
+import { t as F } from "./AnimatePresence-19yP-TCg.js";
+import { n as G, r as f } from "./utils-Cona48dZ.js";
+import { t as W } from "./functions-CLGf7hqw.js";
+import { r as I } from "./icon-DzAWOQJg.js";
+import { t as $ } from "./button-BbGiFvok.js";
+import { n as j, t as K } from "./dist-BV0C3tLK.js";
+import { t as w } from "./v4-CYaPyb-W.js";
+import { Fragment as Y, jsx as l, jsxs as b } from "react/jsx-runtime";
+import { memo as q, useCallback as u, useEffect as J, useMemo as s, useState as M } from "react";
+var Q = 0.04, X = 0.3;
+var Z = {
+  content: "Undo",
+  onClick: () => {
+  }
+}, a = G.context.sonner, p = a.layout, ee = a.elementWrapper, ne = a.content, te = a.icon, ie = a.contentTitle, oe = a.contentDescription, ae = a.buttonWrapper, de = {
+  "bottom-center": a.layoutBottomCenter,
+  "bottom-left": a.layoutBottomLeft,
+  "bottom-right": a.layoutBottomRight,
+  "top-right": a.layoutTopRight,
+  "top-left": a.layoutTopLeft,
+  "top-center": a.layoutTopCenter
+}, re = (e) => W([p, de[e]]), le = (e) => ({
+  "--context-sonner-gap": `${e.gap}px`,
+  "--context-sonner-z-index": `${e.zIndex ?? 0}`
+}), ce = (e) => {
+  const t = f.genre.button[e];
+  return {
+    "--context-sonner-wrapper-background": t.background.index,
+    "--context-sonner-wrapper-border-color": t.border.index,
+    "--context-sonner-wrapper-box-shadow": e === "primary" || e === "secondary" ? f.palette.shadowPrimaryLight : f.palette.shadowSecondaryLight,
+    "--context-sonner-wrapper-box-shadow-hover": e === "primary" || e === "secondary" ? f.palette.shadowSecondaryLight : f.palette.shadowPrimaryLight,
+    "--context-sonner-icon-color": t.color.index,
+    "--context-sonner-title-color": t.color.index,
+    "--context-sonner-description-color": t.color.index
+  };
+}, N = K(null), be = (e) => {
+  const t = s(() => e.visibleToasts, [e.visibleToasts]), g = s(() => e?.default?.description, [e?.default?.description]), v = s(() => e?.default?.title, [e?.default?.title]), S = s(() => e?.default?.button, [e?.default?.button]), O = s(() => e?.default?.hidingTime, [e?.default?.hidingTime]), k = s(() => e?.default?.hidingMode ?? "clickOnButton", [e?.default?.hidingMode]), D = s(() => e?.default?.genre ?? "product", [e?.default?.genre]), R = s(() => e.position.includes("top"), [e.position]), [C, T] = M([]), [_, E] = M(!1), V = u(() => {
+    E(!0);
+  }, []), L = u(() => {
+    E(!1);
+  }, []), m = u((n) => {
+    T((o) => {
+      const c = o.find((i) => i.id === n);
+      if (!c) return o;
+      const d = c.index, r = o.filter((i) => i.id !== n).map((i) => ({
+        ...i,
+        index: i.index > d ? i.index - 1 : i.index
+      }));
+      return r.length === 0 && L(), r;
+    });
+  }, [L]), x = u((n) => {
+    const o = n.id ?? w(), c = n.hidingTime ?? O;
+    T((d) => {
+      const r = d.findIndex((h) => h.id === o);
+      let i;
+      if (r !== -1)
+        i = [...d], i[r] = {
+          ...n,
+          id: o,
+          index: d[r].index
+        };
+      else {
+        i = d.map((y) => ({
+          ...y,
+          index: y.index + 1
+        }));
+        const h = {
+          ...n,
+          id: o,
+          index: 0
+        };
+        i.unshift(h);
+      }
+      return i;
+    }), c !== void 0 && setTimeout(() => {
+      m(o);
+    }, c);
+  }, [O, m]), P = u((n, o, c) => {
+    const d = w();
+    return x({
+      ...o,
+      id: d,
+      isLoading: !0
+    }), n.then((r) => {
+      x({
+        ...c(r, void 0),
+        id: d
+      });
+    }).catch((r) => {
+      x({
+        ...c(void 0, r),
+        id: d
+      });
+    });
+  }, [x]), A = u((n) => {
+    m(n);
+  }, [m]);
+  return J(() => () => {
+    T([]);
+  }, []), /* @__PURE__ */ b(N.Provider, {
+    value: {
+      toast: x,
+      promise: P,
+      remove: m,
+      contentHistory: C
+    },
+    children: [/* @__PURE__ */ l("div", {
+      className: re(e.position),
+      style: le({
+        gap: e.gap,
+        zIndex: e.zIndex ?? 100
+      }),
+      onMouseEnter: V,
+      onMouseLeave: L,
+      children: /* @__PURE__ */ l(F, { children: C.map((n) => {
+        const o = n.index, c = t ? o > t : !1, d = t ? o > t - 1 : !1, r = t ? o === t - 1 : !1, i = n.genre ?? D, h = i, y = n.hidingMode ?? k, B = "content" in n ? n.content : !1, H = "title" in n ? n.title : !1, z = "description" in n ? n.description : !1;
+        return /* @__PURE__ */ l(ue, {
+          isMoreThanLastViewIndexPlusOne: c,
+          isMoreThanLastViewIndex: d,
+          isLastViewIndex: r,
+          isTop: R,
+          id: n.id,
+          icon: n.icon,
+          isLoading: n.isLoading,
+          index: o,
+          buttonGenre: h,
+          hidingMode: y,
+          isHovered: _,
+          genre: i,
+          content: B,
+          title: H || v,
+          description: z || g,
+          button: n.button ?? S ?? Z,
+          handleOnClick: A
+        }, n.id);
+      }) })
+    }), e.children]
+  });
+}, se = (e) => /* @__PURE__ */ l(U.div, {
+  layout: !0,
+  initial: {
+    opacity: 0,
+    scale: 1,
+    y: e.isLastViewIndex ? e.isTop ? 100 : -100 : e.isTop ? -100 : 100
+  },
+  animate: {
+    y: 0,
+    opacity: e.isMoreThanLastViewIndex ? 0 : 1,
+    pointerEvents: e.isMoreThanLastViewIndex ? "none" : "auto",
+    display: e.isMoreThanLastViewIndex ? "none" : "flex",
+    scale: e.isHovered ? 1 : Math.max(1 - e.index * Q, 0.88),
+    marginTop: e.isTop ? e.isHovered || e.index === 0 ? "0px" : "-65px" : "0px",
+    marginBottom: e.isTop || e.isHovered || e.index === 0 ? "0px" : "-65px"
+  },
+  style: { zIndex: -e.index },
+  whileInView: { opacity: e.isMoreThanLastViewIndex ? 0 : 1 },
+  exit: {
+    opacity: 0,
+    y: e.isTop ? -100 : 100
+  },
+  transition: {
+    type: "spring",
+    duration: X
+  },
+  children: /* @__PURE__ */ b("div", {
+    className: ee,
+    style: ce(e.genre),
+    role: e.hidingMode === "clickOnSonner" ? "button" : void 0,
+    tabIndex: e.hidingMode === "clickOnSonner" ? 0 : void 0,
+    onClick: () => e.hidingMode === "clickOnSonner" && e.handleOnClick(e.id, "clickOnSonner"),
+    onKeyDown: (t) => {
+      e.hidingMode === "clickOnSonner" && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), e.handleOnClick(e.id, "clickOnSonner"));
+    },
+    children: [
+      (e.isLoading || e.icon) && /* @__PURE__ */ l("div", {
+        className: te,
+        children: e.isLoading ? /* @__PURE__ */ l(I, {
+          size: "medium",
+          type: "loading",
+          name: "Line"
+        }) : e.icon && /* @__PURE__ */ l(I, {
+          ...e.icon,
+          size: e.icon.size ?? "medium"
+        })
+      }),
+      /* @__PURE__ */ l("div", {
+        className: ne,
+        children: e.content ? e.content : /* @__PURE__ */ b(Y, { children: [e.title && /* @__PURE__ */ l("div", {
+          className: ie,
+          children: e.title
+        }), e.description && /* @__PURE__ */ l("div", {
+          className: oe,
+          children: e.description
+        })] })
+      }),
+      e.button && "content" in e.button && e.button?.content && /* @__PURE__ */ l("div", {
+        className: ae,
+        children: /* @__PURE__ */ l($, {
+          genre: e.buttonGenre,
+          size: "small",
+          onClick: () => e.hidingMode === "clickOnButton" && e.handleOnClick(e.id, "clickOnButton"),
+          children: e.button.content
+        })
+      })
+    ]
+  })
+}, e.id), ue = q(se), Oe = (e) => {
+  const t = j(N, (g) => g ? e.reduce((v, S) => (v[S] = g[S], v), {}) : null);
+  if (!t) throw new Error("useSonner must be used within an ProviderSonner");
+  return t;
+};
+export {
+  be as n,
+  Oe as t
+};
+
+//# sourceMappingURL=context-sonner-qDPLFpD5.js.map

package/build/context-sonner-qDPLFpD5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-sonner-qDPLFpD5.js","names":[],"sources":["../src/contexts/context-sonner/context.constants.ts","../src/contexts/context-sonner/context.styles.tsx","../src/contexts/context-sonner/context.tsx","../src/contexts/context-sonner/context.hooks.ts"],"sourcesContent":["import { IThemeGenreSonner } from '@local/styles/utils/types';\n\nimport { ISonnerProvider } from './context.types';\n\nexport const DEFAULT_PROVIDER_SONNER_Z_INDEX = 100;\nexport const DEFAULT_PROVIDER_SONNER_SCALE = 0.04;\nexport const DEFAULT_PROVIDER_SONNER_Y = 100;\nexport const DEFAULT_PROVIDER_SONNER_DURATION = 0.3;\nexport const DEFAULT_PROVIDER_SONNER_GENRE: IThemeGenreSonner = 'product';\nexport const DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM = 65;\nexport const DEFAULT_PROVIDER_SONNER_BUTTON: ISonnerProvider['default']['button'] = {\n  content: 'Undo',\n  onClick: () => {},\n};\n","import { CSS_CLASS, CSS_VARS } from '@local/styles/utils';\nimport { setClasses } from '@local/styles/utils/functions';\nimport { IThemeGenreSonner } from '@local/styles/utils/types';\n\nimport { CSSProperties } from 'react';\n\nimport { ISonnerProvider } from './context.types';\n\nexport const SonnerClass = CSS_CLASS.context.sonner;\n\nexport const SonnerLayout = SonnerClass.layout;\nexport const SonnerElementWrapper = SonnerClass.elementWrapper;\nexport const SonnerContent = SonnerClass.content;\nexport const SonnerIcon = SonnerClass.icon;\nexport const SonnerContentTitle = SonnerClass.contentTitle;\nexport const SonnerContentDescription = SonnerClass.contentDescription;\nexport const SonnerButtonWrapper = SonnerClass.buttonWrapper;\n\nconst SONNER_LAYOUT_POSITION_CLASS: Record<ISonnerProvider['position'], string> = {\n  'bottom-center': SonnerClass.layoutBottomCenter,\n  'bottom-left': SonnerClass.layoutBottomLeft,\n  'bottom-right': SonnerClass.layoutBottomRight,\n  'top-right': SonnerClass.layoutTopRight,\n  'top-left': SonnerClass.layoutTopLeft,\n  'top-center': SonnerClass.layoutTopCenter,\n};\n\ntype ISonnerStyleWithVars = CSSProperties & Record<string, string>;\n\nexport const getSonnerLayoutClassName = (position: ISonnerProvider['position']) =>\n  setClasses([SonnerLayout, SONNER_LAYOUT_POSITION_CLASS[position]]);\n\nexport const getSonnerLayoutStyle = (props: Pick<ISonnerProvider, 'gap' | 'zIndex'>): ISonnerStyleWithVars => ({\n  '--context-sonner-gap': `${props.gap}px`,\n  '--context-sonner-z-index': `${props.zIndex ?? 0}`,\n});\n\nexport const getSonnerElementWrapperStyle = (genre: IThemeGenreSonner): ISonnerStyleWithVars => {\n  const genreTheme = CSS_VARS.genre.button[genre];\n\n  return {\n    '--context-sonner-wrapper-background': genreTheme.background.index,\n    '--context-sonner-wrapper-border-color': genreTheme.border.index,\n    '--context-sonner-wrapper-box-shadow':\n      genre === 'primary' || genre === 'secondary'\n        ? CSS_VARS.palette.shadowPrimaryLight\n        : CSS_VARS.palette.shadowSecondaryLight,\n    '--context-sonner-wrapper-box-shadow-hover':\n      genre === 'primary' || genre === 'secondary'\n        ? CSS_VARS.palette.shadowSecondaryLight\n        : CSS_VARS.palette.shadowPrimaryLight,\n    '--context-sonner-icon-color': genreTheme.color.index,\n    '--context-sonner-title-color': genreTheme.color.index,\n    '--context-sonner-description-color': genreTheme.color.index,\n  };\n};\n","import { Button } from '@local/components/button';\nimport { Icon } from '@local/components/icon';\n\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { FC, memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport { createContext } from 'use-context-selector';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport {\n  DEFAULT_PROVIDER_SONNER_BUTTON,\n  DEFAULT_PROVIDER_SONNER_DURATION,\n  DEFAULT_PROVIDER_SONNER_GENRE,\n  DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,\n  DEFAULT_PROVIDER_SONNER_SCALE,\n  DEFAULT_PROVIDER_SONNER_Y,\n  DEFAULT_PROVIDER_SONNER_Z_INDEX,\n} from './context.constants';\nimport {\n  getSonnerElementWrapperStyle,\n  getSonnerLayoutClassName,\n  getSonnerLayoutStyle,\n  SonnerButtonWrapper,\n  SonnerContent,\n  SonnerContentDescription,\n  SonnerContentTitle,\n  SonnerElementWrapper,\n  SonnerIcon,\n} from './context.styles';\nimport {\n  ISonnerContent,\n  ISonnerContentStandard,\n  ISonnerContext,\n  ISonnerElement,\n  ISonnerProvider,\n} from './context.types';\n\nexport const SonnerContext = createContext<ISonnerContext | null>(null);\n\nexport const ProviderSonner: FC<ISonnerProvider> = (props) => {\n  const memoVisibleToasts: ISonnerProvider['visibleToasts'] = useMemo(() => props.visibleToasts, [props.visibleToasts]);\n  const memoDefaultDescription: ISonnerProvider['default']['description'] = useMemo(\n    () => props?.default?.description,\n    [props?.default?.description],\n  );\n  const memoDefaultTitle: ISonnerProvider['default']['title'] = useMemo(\n    () => props?.default?.title,\n    [props?.default?.title],\n  );\n  const memoDefaultButton: ISonnerProvider['default']['button'] = useMemo(\n    () => props?.default?.button,\n    [props?.default?.button],\n  );\n  const memoDefaultHidingTime: ISonnerProvider['default']['hidingTime'] = useMemo(\n    () => props?.default?.hidingTime,\n    [props?.default?.hidingTime],\n  );\n  const memoDefaultHidingMode: ISonnerProvider['default']['hidingMode'] = useMemo(\n    () => props?.default?.hidingMode ?? 'clickOnButton',\n    [props?.default?.hidingMode],\n  );\n  const memoDefaultGenre = useMemo(\n    () => props?.default?.genre ?? DEFAULT_PROVIDER_SONNER_GENRE,\n    [props?.default?.genre],\n  );\n\n  const isTop = useMemo(() => props.position.includes('top'), [props.position]);\n\n  const [contentHistory, setContentHistory] = useState<ISonnerContent[]>([]);\n\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const remove: ISonnerContext['remove'] = useCallback(\n    (id) => {\n      setContentHistory((prev) => {\n        const itemToRemove = prev.find((item) => item.id === id);\n\n        if (!itemToRemove) return prev;\n\n        const indexToRemove = itemToRemove.index;\n\n        const updatedHistory = prev\n          .filter((item) => item.id !== id)\n          .map((item) => ({\n            ...item,\n            index: item.index > indexToRemove ? item.index - 1 : item.index,\n          }));\n\n        if (updatedHistory.length === 0) handleMouseLeave();\n\n        return updatedHistory;\n      });\n    },\n    [handleMouseLeave],\n  );\n\n  const toast: ISonnerContext['toast'] = useCallback(\n    (content) => {\n      const id = content.id ?? uuidv4();\n\n      const hidingTime = content.hidingTime ?? memoDefaultHidingTime;\n\n      setContentHistory((prev) => {\n        const existingIndex = prev.findIndex((item) => item.id === id);\n\n        let updatedHistory: ISonnerContent[];\n        if (existingIndex !== -1) {\n          // Replace existing item\n          updatedHistory = [...prev];\n          updatedHistory[existingIndex] = { ...content, id, index: prev[existingIndex].index };\n        } else {\n          // Add new item\n          updatedHistory = prev.map((item) => ({\n            ...item,\n            index: item.index + 1,\n          }));\n          const newContent = { ...content, id, index: 0 };\n          updatedHistory.unshift(newContent);\n        }\n\n        return updatedHistory;\n      });\n\n      if (hidingTime !== undefined) {\n        setTimeout(() => {\n          remove(id);\n        }, hidingTime);\n      }\n    },\n    [memoDefaultHidingTime, remove],\n  );\n\n  const promise: ISonnerContext['promise'] = useCallback(\n    <T,>(\n      promise: Promise<T>,\n      expectation: Omit<ISonnerContent, 'index'>,\n      localToast: (success: T | undefined, error: unknown | undefined) => Omit<ISonnerContent, 'index'>,\n    ) => {\n      const id = uuidv4();\n      toast({ ...expectation, id, isLoading: true });\n\n      return promise\n        .then((result) => {\n          toast({ ...localToast(result, undefined), id });\n        })\n        .catch((error) => {\n          toast({ ...localToast(undefined, error), id });\n        });\n    },\n    [toast],\n  );\n\n  const handleOnClick = useCallback(\n    (id: ISonnerContentStandard['id']) => {\n      remove(id);\n    },\n    [remove],\n  );\n\n  useEffect(() => {\n    return () => {\n      setContentHistory([]);\n    };\n  }, []);\n  return (\n    <SonnerContext.Provider value={{ toast, promise, remove, contentHistory }}>\n      <div\n        className={getSonnerLayoutClassName(props.position)}\n        style={getSonnerLayoutStyle({\n          gap: props.gap,\n          zIndex: props.zIndex ?? DEFAULT_PROVIDER_SONNER_Z_INDEX,\n        })}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n      >\n        <AnimatePresence>\n          {contentHistory.map((content) => {\n            const index = content.index;\n            const isMoreThanLastViewIndexPlusOne = memoVisibleToasts ? index > memoVisibleToasts : false;\n            const isMoreThanLastViewIndex = memoVisibleToasts ? index > memoVisibleToasts - 1 : false;\n            const isLastViewIndex = memoVisibleToasts ? index === memoVisibleToasts - 1 : false;\n            const localGenre = content.genre ?? memoDefaultGenre;\n            const buttonGenre = localGenre;\n            const hidingMode = content.hidingMode ?? memoDefaultHidingMode;\n\n            const localContent = 'content' in content ? content.content : false;\n            const localTitle = 'title' in content ? content.title : false;\n            const localDescription = 'description' in content ? content.description : false;\n            return (\n              <MemoizedSonnerElement\n                isMoreThanLastViewIndexPlusOne={isMoreThanLastViewIndexPlusOne}\n                isMoreThanLastViewIndex={isMoreThanLastViewIndex}\n                isLastViewIndex={isLastViewIndex}\n                isTop={isTop}\n                key={content.id}\n                id={content.id}\n                icon={content.icon}\n                isLoading={content.isLoading}\n                index={index}\n                buttonGenre={buttonGenre}\n                hidingMode={hidingMode}\n                isHovered={isHovered}\n                genre={localGenre}\n                content={localContent}\n                title={localTitle || memoDefaultTitle}\n                description={localDescription || memoDefaultDescription}\n                button={content.button ?? memoDefaultButton ?? DEFAULT_PROVIDER_SONNER_BUTTON}\n                handleOnClick={handleOnClick}\n              />\n            );\n          })}\n        </AnimatePresence>\n      </div>\n      {props.children}\n    </SonnerContext.Provider>\n  );\n};\n\nconst SonnerElement = (props: ISonnerElement) => {\n  return (\n    <motion.div\n      key={props.id}\n      layout\n      initial={{\n        opacity: 0,\n        scale: 1,\n        y: props.isLastViewIndex\n          ? !props.isTop\n            ? -DEFAULT_PROVIDER_SONNER_Y\n            : DEFAULT_PROVIDER_SONNER_Y\n          : !props.isTop\n            ? DEFAULT_PROVIDER_SONNER_Y\n            : -DEFAULT_PROVIDER_SONNER_Y,\n      }}\n      animate={{\n        y: 0,\n        opacity: props.isMoreThanLastViewIndex ? 0 : 1,\n        pointerEvents: props.isMoreThanLastViewIndex ? 'none' : 'auto',\n        display: props.isMoreThanLastViewIndex ? 'none' : 'flex',\n        scale: !props.isHovered ? Math.max(1 - props.index * DEFAULT_PROVIDER_SONNER_SCALE, 0.88) : 1,\n        marginTop: props.isTop\n          ? props.isHovered || props.index === 0\n            ? `0px`\n            : `-${DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM}px`\n          : '0px',\n        marginBottom: !props.isTop\n          ? props.isHovered || props.index === 0\n            ? `0px`\n            : `-${DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM}px`\n          : '0px',\n      }}\n      style={{\n        zIndex: -props.index,\n      }}\n      whileInView={{ opacity: props.isMoreThanLastViewIndex ? 0 : 1 }}\n      exit={{ opacity: 0, y: !props.isTop ? DEFAULT_PROVIDER_SONNER_Y : -DEFAULT_PROVIDER_SONNER_Y }}\n      transition={{ type: 'spring', duration: DEFAULT_PROVIDER_SONNER_DURATION }}\n    >\n      <div\n        className={SonnerElementWrapper}\n        style={getSonnerElementWrapperStyle(props.genre)}\n        role={props.hidingMode === 'clickOnSonner' ? 'button' : undefined}\n        tabIndex={props.hidingMode === 'clickOnSonner' ? 0 : undefined}\n        onClick={() => props.hidingMode === 'clickOnSonner' && props.handleOnClick(props.id, 'clickOnSonner')}\n        onKeyDown={(event) => {\n          if (props.hidingMode !== 'clickOnSonner') return;\n          if (event.key === 'Enter' || event.key === ' ') {\n            event.preventDefault();\n            props.handleOnClick(props.id, 'clickOnSonner');\n          }\n        }}\n      >\n        {(props.isLoading || props.icon) && (\n          <div className={SonnerIcon}>\n            {props.isLoading ? (\n              <Icon size='medium' type='loading' name='Line' />\n            ) : (\n              props.icon && <Icon {...props.icon} size={props.icon.size ?? 'medium'} />\n            )}\n          </div>\n        )}\n        <div className={SonnerContent}>\n          {props.content ? (\n            props.content\n          ) : (\n            <>\n              {props.title && <div className={SonnerContentTitle}>{props.title}</div>}\n              {props.description && <div className={SonnerContentDescription}>{props.description}</div>}\n            </>\n          )}\n        </div>\n\n        {props.button && 'content' in props.button && props.button?.content && (\n          <div className={SonnerButtonWrapper}>\n            <Button\n              genre={props.buttonGenre}\n              size='small'\n              onClick={() => props.hidingMode === 'clickOnButton' && props.handleOnClick(props.id, 'clickOnButton')}\n            >\n              {props.button.content}\n            </Button>\n          </div>\n        )}\n      </div>\n    </motion.div>\n  );\n};\nconst MemoizedSonnerElement = memo(SonnerElement);\n","import { useContextSelector } from 'use-context-selector';\n\nimport { SonnerContext } from './context';\nimport { ISonnerContext, IUseSonnerDependencies } from './context.types';\n\nexport const useSonner = (props: IUseSonnerDependencies): ISonnerContext => {\n  const context = useContextSelector(SonnerContext, (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('useSonner must be used within an ProviderSonner');\n  }\n  return context;\n};\n"],"mappings":"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"}

package/build/context-sonner.cjs.js

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.constants-baqYH-_k.cjs"),n=require("./context.hooks-CDnjxy35.cjs");exports.DEFAULT_PROVIDER_SONNER_BUTTON=e.DEFAULT_PROVIDER_SONNER_BUTTON,exports.DEFAULT_PROVIDER_SONNER_DURATION=e.DEFAULT_PROVIDER_SONNER_DURATION,exports.DEFAULT_PROVIDER_SONNER_GENRE=e.DEFAULT_PROVIDER_SONNER_GENRE,exports.DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM=e.DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,exports.DEFAULT_PROVIDER_SONNER_SCALE=e.DEFAULT_PROVIDER_SONNER_SCALE,exports.DEFAULT_PROVIDER_SONNER_Y=e.DEFAULT_PROVIDER_SONNER_Y,exports.DEFAULT_PROVIDER_SONNER_Z_INDEX=e.DEFAULT_PROVIDER_SONNER_Z_INDEX,exports.ProviderSonner=e.ProviderSonner,exports.SonnerButtonWrapper=e.SonnerButtonWrapper,exports.SonnerContent=e.SonnerContent,exports.SonnerContentDescription=e.SonnerContentDescription,exports.SonnerContentTitle=e.SonnerContentTitle,exports.SonnerContext=e.SonnerContext,exports.SonnerElementWrapper=e.SonnerElementWrapper,exports.SonnerIcon=e.SonnerIcon,exports.SonnerLayout=e.SonnerLayout,exports.useSonner=n.useSonner;
-//# sourceMappingURL=context-sonner.cjs.js.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./context-sonner-4gBa1F7G.cjs");exports.ProviderSonner=e.ProviderSonner;exports.useSonner=e.useSonner;