@jenesei-software/jenesei-kit-react 1.3.19 → 1.3.20

package/build/context.constants-BLQ_1jZI.cjs

@@ -1,32 +0,0 @@
-"use strict";const e=require("react"),i=require("uuid"),t=require("./use-C1l0O0Qo.cjs"),o=require("framer-motion"),n=require("styled-components"),r=require("./style-Df37KnoJ.cjs"),s=require("./jsx-runtime-BcGej2Kr.cjs"),a=require("./area-Dup_lUb9.cjs"),d=e.createContext(null),l=e.memo(i=>{var t,o,n,r,d,l,p,u;const[c,E]=e.useState(!0);return s.jsxRuntimeExports.jsx(a.Outside,{onOutsideClick:()=>i.remove(),children:s.jsxRuntimeExports.jsx(x,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},onAnimationComplete:()=>E(!1),transition:{type:"spring",duration:D,delay:m},style:{zIndex:-i.index},$isDisabledOutline:null==(o=null==(t=i.props)?void 0:t.propsDialog)?void 0:o.isDisabledOutline,$isOutlineBoxShadow:null==(r=null==(n=i.props)?void 0:n.propsDialog)?void 0:r.isOutlineBoxShadow,$isReadOnly:null==(l=null==(d=i.props)?void 0:d.propsDialog)?void 0:l.isReadOnly,$propsDialog:null==(p=i.props)?void 0:p.propsDialog,children:null==(u=i.content)?void 0:u.call(i,i.props,i.remove,c)},i.id)})}),p=()=>{const i=e.useContext(d);if(!i)throw new Error("useDialogs must be used within an ProviderDialog");return i},u=n(o.motion.div)`
-  position: fixed;
-  flex: 1;
-  width: 100%;
-  height: 100%;
-  background-color: ${e=>e.theme.palette.black50};
-  z-index: ${e=>e.$zIndex};
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-`,x=n(o.motion.dialog)`
-  ${r.addOutline};
-  max-width: ${e=>{var i;return(null==(i=e.$propsDialog)?void 0:i.maxWidth)||g}};
-  max-height: ${e=>{var i;return(null==(i=e.$propsDialog)?void 0:i.maxHeight)||E}};
-  border-radius: ${e=>{var i;return(null==(i=e.$propsDialog)?void 0:i.borderRadius)||v}};
-  background: ${e=>{var i;return(null==(i=e.$propsDialog)?void 0:i.background)?e.theme.palette[e.$propsDialog.background]:e.theme.palette[_]}};
-  padding: ${e=>{var i;return(null==(i=e.$propsDialog)?void 0:i.padding)||h}};
-  width: max-content;
-  height: max-content;
-  border: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  align-items: flex-start;
-  justify-content: flex-start;
-  flex-shrink: 0;
-  position: relative;
-  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);
-  overflow: hidden;
-`,c=n(o.motion.div)``,D=.3,m=.4,E="max-content",g="max-content",v="12px",h="20px",_="whiteStandard";exports.DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT=D,exports.DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT=m,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND=_,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS=v,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT=E,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH=g,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING=h,exports.DialogContent=c,exports.DialogContext=d,exports.DialogElementWrapper=x,exports.DialogLayout=u,exports.ProviderDialog=i=>{const[t,n]=e.useState([]),r=e.useCallback(e=>{n(i=>{const t=i.find(i=>i.id===e);if(!t)return i;const o=t.index;return i.filter(i=>i.id!==e).map(e=>({...e,index:e.index>o?e.index-1:e.index}))})},[]),a=e.useCallback(e=>{n(i=>i.map(i=>i.id===e.id?{...i,...e}:i))},[]),p=e.useCallback(e=>{const i=e.id;n(t=>{const o=t.findIndex(e=>e.id===i);let n;if(-1!==o)n=[...t],n[o]={...e,id:i,index:t[o].index};else{n=t.map(e=>({...e,index:e.index+1}));const o={...e,id:i,index:0};n.unshift(o)}return n})},[]),x=e.useMemo(()=>t.length,[t.length]),c=e.useMemo(()=>i.zIndex,[i.zIndex]);return s.jsxRuntimeExports.jsxs(d.Provider,{value:{add:p,remove:r,update:a,dialogHistory:t},children:[s.jsxRuntimeExports.jsx(o.AnimatePresence,{children:x&&s.jsxRuntimeExports.jsx(u,{$zIndex:c,initial:{opacity:0},exit:{opacity:0},animate:{opacity:1},transition:{type:"spring",duration:m},children:t.map(e=>{const i=e.index,t=e.content,o=e.id,n=e.props;return s.jsxRuntimeExports.jsx(l,{index:i,content:t,props:n,id:o,remove:()=>r(o)},o)})})}),i.children]})},exports.useDialog=o=>{const{add:n,remove:r,update:s,dialogHistory:a}=p(),[d,l]=e.useState(null),u=e.useCallback(e=>{const t=a.find(i=>i.id===e.id);if(!d||!t){const t=e.id||i.v4();l(t),n({...e,props:o,id:t})}},[n,a,d,o]),x=e.useCallback(()=>{d&&(r(d),l(null))},[d,r]),c=t.useDeepCompareMemoize(o);return e.useEffect(()=>{d&&s({id:d,props:c})},[d,c,s]),{add:u,remove:x,id:d}},exports.useDialogs=p;
-//# sourceMappingURL=context.constants-BLQ_1jZI.cjs.map

package/build/context.constants-BLQ_1jZI.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.constants-BLQ_1jZI.cjs","sources":["../src/contexts/context-dialog/context.tsx","../src/contexts/context-dialog/context.hooks.ts","../src/contexts/context-dialog/context.styles.tsx","../src/contexts/context-dialog/context.constants.ts"],"sourcesContent":["import { Outside } from '@local/areas/outside';\n\nimport { AnimatePresence } from 'framer-motion';\nimport { createContext, FC, memo, useCallback, useMemo, useState } from 'react';\n\nimport {\n  DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,\n  DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,\n  DialogContentProps,\n  DialogContextProps,\n  DialogElementProps,\n  DialogElementWrapper,\n  DialogLayout,\n  ProviderDialogProps,\n} from '.';\n\nexport const DialogContext = createContext<DialogContextProps<object> | null>(null);\n\nexport const ProviderDialog: FC<ProviderDialogProps> = (props) => {\n  const [dialogHistory, setDialogHistory] = useState<DialogContentProps<object>[]>([]);\n\n  const remove: DialogContextProps<object>['remove'] = useCallback((id) => {\n    setDialogHistory((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      return updatedHistory;\n    });\n  }, []);\n\n  const update: DialogContextProps<object>['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: DialogContextProps<object>['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;\n      if (existingIndex !== -1) {\n        updatedHistory = [...prev];\n        updatedHistory[existingIndex] = { ...dialog, id, index: prev[existingIndex].index };\n      } else {\n        updatedHistory = prev.map((item) => ({\n          ...item,\n          index: item.index! + 1,\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  return (\n    <DialogContext.Provider value={{ add, remove, update, dialogHistory }}>\n      <AnimatePresence>\n        {dialogHistoryLength && (\n          <DialogLayout\n            $zIndex={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              const index = dialog.index;\n              const content = dialog.content;\n              const id = dialog.id;\n              const props = dialog.props;\n\n              return (\n                <MemoizedDialogElement\n                  index={index}\n                  content={content}\n                  props={props}\n                  key={id}\n                  id={id}\n                  remove={() => remove(id)}\n                />\n              );\n            })}\n          </DialogLayout>\n        )}\n      </AnimatePresence>\n\n      {props.children}\n    </DialogContext.Provider>\n  );\n};\n\nconst DialogElement = (props: DialogElementProps) => {\n  const [isAnimating, setIsAnimating] = useState(true);\n  return (\n    <Outside onOutsideClick={() => props.remove()}>\n      <DialogElementWrapper\n        key={props.id}\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={{\n          zIndex: -props.index!,\n        }}\n        $isDisabledOutline={props.props?.propsDialog?.isDisabledOutline}\n        $isOutlineBoxShadow={props.props?.propsDialog?.isOutlineBoxShadow}\n        $isReadOnly={props.props?.propsDialog?.isReadOnly}\n        $propsDialog={props.props?.propsDialog}\n      >\n        {props.content?.(props.props, props.remove, isAnimating)}\n      </DialogElementWrapper>\n    </Outside>\n  );\n};\nconst MemoizedDialogElement = memo(DialogElement);\n","import { useCallback, useContext, useEffect, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { useDeepCompareMemoize } from '@local/hooks/use-deep-compare-memoize';\n\nimport { DialogContext, DialogContextItemProps, DialogContextProps, useDialogProps } from '.';\n\nexport const useDialogs = (): DialogContextProps<object> => {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error('useDialogs must be used within an ProviderDialog');\n  }\n  return context;\n};\n\nexport const useDialog = <T extends object>(props?: useDialogProps<T>): DialogContextItemProps<T> => {\n  const { add, remove, update, dialogHistory } = useDialogs();\n  const [id, setId] = useState<string | null>(null);\n\n  const localAdd: DialogContextItemProps<T>['add'] = useCallback(\n    (dialog) => {\n      const find = dialogHistory.find((item) => item.id === dialog.id);\n      if (!id || !find) {\n        const id = dialog.id || uuidv4();\n        setId(id);\n        add({ ...(dialog as T), props: props, id });\n      }\n    },\n    [add, dialogHistory, id, props],\n  );\n  const localRemove = useCallback(() => {\n    if (id) {\n      remove(id);\n      setId(null);\n    }\n  }, [id, remove]);\n\n  const propsMemo = useDeepCompareMemoize(props);\n\n  useEffect(() => {\n    if (id) {\n      update({ id, props: propsMemo });\n    }\n  }, [id, propsMemo, update]);\n\n  return { add: localAdd, remove: localRemove, id };\n};\n","import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nimport { addOutline } from '@local/styles/add';\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  DialogElementWrapperProps,\n  DialogLayoutProps,\n} from '.';\n\nexport const DialogLayout = styled(motion.div)<DialogLayoutProps>`\n  position: fixed;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  background-color: ${(props) => props.theme.palette.black50};\n  z-index: ${(props) => props.$zIndex};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n`;\n\nexport const DialogElementWrapper = styled(motion.dialog)<DialogElementWrapperProps>`\n  ${addOutline};\n  max-width: ${(props) => props.$propsDialog?.maxWidth || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH};\n  max-height: ${(props) => props.$propsDialog?.maxHeight || DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT};\n  border-radius: ${(props) => props.$propsDialog?.borderRadius || DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS};\n  background: ${(props) =>\n    props.$propsDialog?.background\n      ? props.theme.palette[props.$propsDialog.background]\n      : props.theme.palette[DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND]};\n  padding: ${(props) => props.$propsDialog?.padding || DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING};\n  width: max-content;\n  height: max-content;\n  border: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  align-items: flex-start;\n  justify-content: flex-start;\n  flex-shrink: 0;\n  position: relative;\n  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);\n  overflow: hidden;\n`;\nexport const DialogContent = styled(motion.div)``;\n","// export const DEFAULT_PROVIDER_Dialog_SCALE = 0.04\nimport { IThemePaletteKeys } from '@local/theme';\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: IThemePaletteKeys = 'whiteStandard';\n"],"names":["DialogContext","createContext","MemoizedDialogElement","memo","props","isAnimating","setIsAnimating","useState","Outside","onOutsideClick","remove","children","jsx","DialogElementWrapper","initial","opacity","scale","animate","onAnimationComplete","transition","type","duration","DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT","delay","DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT","style","zIndex","index","$isDisabledOutline","_b","_a","propsDialog","isDisabledOutline","$isOutlineBoxShadow","_d","_c","isOutlineBoxShadow","$isReadOnly","_f","_e","isReadOnly","$propsDialog","_g","content","id","useDialogs","context","useContext","Error","DialogLayout","styled","motion","div","theme","palette","black50","$zIndex","dialog","addOutline","maxWidth","DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH","maxHeight","DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT","borderRadius","DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS","background","DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND","padding","DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING","DialogContent","dialogHistory","setDialogHistory","useCallback","prev","itemToRemove","find","item","indexToRemove","filter","map","update","add","existingIndex","findIndex","updatedHistory","newContent","unshift","dialogHistoryLength","useMemo","length","jsxs","Provider","value","AnimatePresence","exit","setId","localAdd","uuidv4","localRemove","propsMemo","useDeepCompareMemoize","useEffect"],"mappings":"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"}

package/build/context.constants-Cio0nsYA.js

@@ -1,393 +0,0 @@
-import { createContext, memo, useMemo, useState, useCallback, useContext } from "react";
-import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import { B as Button } from "./component-jPLOz52P.js";
-import { I as Icon } from "./component.styles-CtZeOnGH.js";
-import { motion, AnimatePresence } from "framer-motion";
-import styled, { useTheme, css } from "styled-components";
-import { v4 } from "uuid";
-import { b as addTransition, c as addFont, a as addRemoveScrollbar } from "./style-RL73t3JD.js";
-const SonnerContext = createContext(null);
-const ProviderSonner = (props) => {
-  var _a, _b, _c, _d, _e, _f;
-  const memoVisibleToasts = useMemo(
-    () => props.visibleToasts,
-    [props.visibleToasts]
-  );
-  const memoDefaultDescription = useMemo(
-    () => {
-      var _a2;
-      return (_a2 = props == null ? void 0 : props.default) == null ? void 0 : _a2.description;
-    },
-    [(_a = props == null ? void 0 : props.default) == null ? void 0 : _a.description]
-  );
-  const memoDefaultTitle = useMemo(
-    () => {
-      var _a2;
-      return (_a2 = props == null ? void 0 : props.default) == null ? void 0 : _a2.title;
-    },
-    [(_b = props == null ? void 0 : props.default) == null ? void 0 : _b.title]
-  );
-  const memoDefaultButton = useMemo(
-    () => {
-      var _a2;
-      return (_a2 = props == null ? void 0 : props.default) == null ? void 0 : _a2.button;
-    },
-    [(_c = props == null ? void 0 : props.default) == null ? void 0 : _c.button]
-  );
-  const memoDefaultHidingTime = useMemo(
-    () => {
-      var _a2;
-      return (_a2 = props == null ? void 0 : props.default) == null ? void 0 : _a2.hidingTime;
-    },
-    [(_d = props == null ? void 0 : props.default) == null ? void 0 : _d.hidingTime]
-  );
-  const memoDefaultHidingMode = useMemo(
-    () => {
-      var _a2;
-      return ((_a2 = props == null ? void 0 : props.default) == null ? void 0 : _a2.hidingMode) ?? "clickOnButton";
-    },
-    [(_e = props == null ? void 0 : props.default) == null ? void 0 : _e.hidingMode]
-  );
-  const memoDefaultGenre = useMemo(
-    () => {
-      var _a2;
-      return ((_a2 = props == null ? void 0 : props.default) == null ? void 0 : _a2.genre) ?? DEFAULT_PROVIDER_SONNER_GENRE;
-    },
-    [(_f = props == null ? void 0 : props.default) == null ? void 0 : _f.genre]
-  );
-  const isTop = useMemo(() => props.position.includes("top"), [props.position]);
-  const [contentHistory, setContentHistory] = useState([]);
-  const [isHovered, setIsHovered] = useState(false);
-  const handleMouseEnter = useCallback(() => {
-    setIsHovered(true);
-  }, []);
-  const handleMouseLeave = useCallback(() => {
-    setIsHovered(false);
-  }, []);
-  const remove = useCallback(
-    (id) => {
-      setContentHistory((prev) => {
-        const itemToRemove = prev.find((item) => item.id === id);
-        if (!itemToRemove) return prev;
-        const indexToRemove = itemToRemove.index;
-        const updatedHistory = prev.filter((item) => item.id !== id).map((item) => ({
-          ...item,
-          index: item.index > indexToRemove ? item.index - 1 : item.index
-        }));
-        if (updatedHistory.length === 0) handleMouseLeave();
-        return updatedHistory;
-      });
-    },
-    [handleMouseLeave]
-  );
-  const toast = useCallback(
-    (content) => {
-      const id = content.id ?? v4();
-      const hidingTime = content.hidingTime ?? memoDefaultHidingTime;
-      setContentHistory((prev) => {
-        const existingIndex = prev.findIndex((item) => item.id === id);
-        let updatedHistory;
-        if (existingIndex !== -1) {
-          updatedHistory = [...prev];
-          updatedHistory[existingIndex] = { ...content, id, index: prev[existingIndex].index };
-        } else {
-          updatedHistory = prev.map((item) => ({
-            ...item,
-            index: item.index + 1
-          }));
-          const newContent = { ...content, id, index: 0 };
-          updatedHistory.unshift(newContent);
-        }
-        return updatedHistory;
-      });
-      if (hidingTime !== void 0) {
-        setTimeout(() => {
-          remove(id);
-        }, hidingTime);
-      }
-    },
-    [memoDefaultHidingTime, remove]
-  );
-  const promise = useCallback(
-    (promise2, expectation, localToast) => {
-      const id = v4();
-      toast({ ...expectation, id, isLoading: true });
-      return promise2.then((result) => {
-        toast({ ...localToast(result, void 0), id });
-      }).catch((error) => {
-        toast({ ...localToast(void 0, error), id });
-      });
-    },
-    [toast]
-  );
-  const handleOnClick = useCallback(
-    (id) => {
-      remove(id);
-    },
-    [remove]
-  );
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SonnerContext.Provider, { value: { toast, promise, remove, contentHistory }, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      SonnerLayout,
-      {
-        $zIndex: props.zIndex ?? DEFAULT_PROVIDER_SONNER_Z_INDEX,
-        $position: props.position,
-        $gap: props.gap,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(AnimatePresence, { children: contentHistory.map((content) => {
-          const index = content.index;
-          const isMoreThanLastViewIndexPlusOne = memoVisibleToasts ? index > memoVisibleToasts : false;
-          const isMoreThanLastViewIndex = memoVisibleToasts ? index > memoVisibleToasts - 1 : false;
-          const isLastViewIndex = memoVisibleToasts ? index === memoVisibleToasts - 1 : false;
-          const localGenre = content.genre ?? memoDefaultGenre;
-          const buttonGenre = theme.colors.sonner[localGenre].button.genre;
-          const hidingMode = content.hidingMode ?? memoDefaultHidingMode;
-          const localContent = "content" in content ? content.content : false;
-          const localTitle = "title" in content ? content.title : false;
-          const localDescription = "description" in content ? content.description : false;
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            MemoizedSonnerElement,
-            {
-              isMoreThanLastViewIndexPlusOne,
-              isMoreThanLastViewIndex,
-              isLastViewIndex,
-              isTop,
-              id: content.id,
-              icon: content.icon,
-              isLoading: content.isLoading,
-              index,
-              buttonGenre,
-              hidingMode,
-              isHovered,
-              genre: localGenre,
-              content: localContent,
-              title: localTitle || memoDefaultTitle,
-              description: localDescription || memoDefaultDescription,
-              button: content.button ?? memoDefaultButton ?? DEFAULT_PROVIDER_SONNER_BUTTON,
-              handleOnClick
-            },
-            content.id
-          );
-        }) })
-      }
-    ),
-    props.children
-  ] });
-};
-const SonnerElement = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    motion.div,
-    {
-      layout: true,
-      initial: {
-        opacity: 0,
-        scale: 1,
-        y: props.isLastViewIndex ? !props.isTop ? -DEFAULT_PROVIDER_SONNER_Y : DEFAULT_PROVIDER_SONNER_Y : !props.isTop ? DEFAULT_PROVIDER_SONNER_Y : -DEFAULT_PROVIDER_SONNER_Y
-      },
-      animate: {
-        y: 0,
-        opacity: props.isMoreThanLastViewIndex ? 0 : 1,
-        pointerEvents: props.isMoreThanLastViewIndex ? "none" : "auto",
-        display: props.isMoreThanLastViewIndex ? "none" : "flex",
-        scale: !props.isHovered ? 1 - props.index * DEFAULT_PROVIDER_SONNER_SCALE : 1,
-        marginTop: props.isTop ? props.isHovered || props.index === 0 ? `0px` : `-${DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM}px` : "0px",
-        marginBottom: !props.isTop ? props.isHovered || props.index === 0 ? `0px` : `-${DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM}px` : "0px"
-      },
-      style: {
-        zIndex: -props.index
-      },
-      whileInView: { opacity: props.isMoreThanLastViewIndex ? 0 : 1 },
-      exit: { opacity: 0, y: !props.isTop ? DEFAULT_PROVIDER_SONNER_Y : -DEFAULT_PROVIDER_SONNER_Y },
-      transition: { type: "spring", duration: DEFAULT_PROVIDER_SONNER_DURATION },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        SonnerElementWrapper,
-        {
-          $genre: props.genre,
-          onClick: () => props.hidingMode === "clickOnSonner" && props.handleOnClick(props.id, "clickOnSonner"),
-          children: [
-            (props.isLoading || props.icon) && /* @__PURE__ */ jsxRuntimeExports.jsx(SonnerIcon, { children: props.isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { size: "medium", type: "loading", name: "Line" }) : props.icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { ...props.icon, size: props.icon.size ?? "medium" }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(SonnerContent, { children: props.content ? props.content : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-              props.title && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                SonnerContentTitle,
-                {
-                  $genre: props.genre,
-                  $font: {
-                    size: 14,
-                    weight: 700
-                  },
-                  children: props.title
-                }
-              ),
-              props.description && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                SonnerContentDescription,
-                {
-                  $font: {
-                    size: 12,
-                    weight: 400
-                  },
-                  $genre: props.genre,
-                  children: props.description
-                }
-              )
-            ] }) }),
-            props.button && props.button.content && /* @__PURE__ */ jsxRuntimeExports.jsx(SonnerButtonWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Button,
-              {
-                genre: props.buttonGenre,
-                size: "small",
-                onClick: () => props.hidingMode === "clickOnButton" && props.handleOnClick(props.id, "clickOnButton"),
-                children: props.button.content
-              }
-            ) })
-          ]
-        }
-      )
-    },
-    props.id
-  );
-};
-const MemoizedSonnerElement = memo(SonnerElement);
-const useSonner = () => {
-  const context = useContext(SonnerContext);
-  if (!context) {
-    throw new Error("useSonner must be used within an ProviderSonner");
-  }
-  return context;
-};
-const SonnerLayout = styled.div`
-  position: fixed;
-  z-index: ${(props) => props.$zIndex};
-  max-height: calc(100dvh - 20px);
-  width: 320px;
-  display: flex;
-  margin: 10px;
-  gap: ${(props) => props.$gap}px;
-  box-sizing: content-box;
-  overflow-y: visible;
-  overflow-x: visible;
-  ${addRemoveScrollbar}
-  ${(props) => props.$position === "bottom-center" ? css`
-          bottom: 0;
-          left: 50%;
-          transform: translateX(-50%);
-          justify-content: flex-start;
-          flex-direction: column-reverse;
-        ` : props.$position === "bottom-left" ? css`
-            left: 0;
-            bottom: 0;
-            justify-content: flex-start;
-            flex-direction: column-reverse;
-          ` : props.$position === "bottom-right" ? css`
-              right: 0;
-              bottom: 0;
-              justify-content: flex-start;
-              flex-direction: column-reverse;
-            ` : props.$position === "top-right" ? css`
-                top: 0;
-                right: 0;
-                justify-content: flex-end;
-                flex-direction: column;
-              ` : props.$position === "top-left" ? css`
-                  top: 0;
-                  left: 0;
-                  justify-content: flex-end;
-                  flex-direction: column;
-                ` : props.$position === "top-center" ? css`
-                    top: 0;
-                    left: 50%;
-                    transform: translateX(-50%);
-                    justify-content: flex-end;
-                    flex-direction: column;
-                  ` : css``}
-`;
-const SonnerElementWrapper = styled.div`
-  background: ${(props) => props.theme.colors.sonner[props.$genre].wrapper.background};
-  color: ${(props) => props.theme.colors.sonner[props.$genre].icon.color};
-  border-radius: 12px;
-  border-style: solid;
-  border-color: ${(props) => props.theme.colors.sonner[props.$genre].wrapper.borderColor};
-  border-width: 1px;
-  padding: 16px 20px 16px 20px;
-  display: flex;
-  flex-direction: row;
-  gap: 10px;
-  align-items: center;
-  justify-content: flex-start;
-  align-self: stretch;
-  flex-shrink: 0;
-  flex-shrink: 1;
-  min-width: 320px;
-  min-height: 64px;
-  transform-origin: center center;
-  box-shadow: ${(props) => props.theme.colors.sonner[props.$genre].wrapper.boxShadow};
-  overflow: visible;
-  &:hover {
-    box-shadow: ${(props) => props.theme.colors.sonner[props.$genre].wrapper.boxShadowHover};
-  }
-  ${addTransition};
-`;
-const SonnerContent = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  align-items: flex-start;
-  justify-content: flex-start;
-  align-self: stretch;
-  flex-shrink: 0;
-  flex: 1;
-  position: relative;
-  overflow: hidden;
-`;
-const SonnerIcon = styled.div`
-  display: contents;
-`;
-const SonnerContentTitle = styled.div`
-  color:  ${(props) => props.theme.colors.sonner[props.$genre].title.color};
-  text-align: left;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-`;
-const SonnerContentDescription = styled.div`
-  color:${(props) => props.theme.colors.sonner[props.$genre].description.color};
-  text-align: left;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  ${addFont};
-`;
-const SonnerButtonWrapper = styled.div``;
-const DEFAULT_PROVIDER_SONNER_Z_INDEX = 100;
-const DEFAULT_PROVIDER_SONNER_SCALE = 0.04;
-const DEFAULT_PROVIDER_SONNER_Y = 100;
-const DEFAULT_PROVIDER_SONNER_DURATION = 0.3;
-const DEFAULT_PROVIDER_SONNER_GENRE = "black";
-const DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM = 60;
-const DEFAULT_PROVIDER_SONNER_BUTTON = {
-  content: "Undo",
-  onClick: () => {
-  }
-};
-export {
-  DEFAULT_PROVIDER_SONNER_Z_INDEX as D,
-  ProviderSonner as P,
-  SonnerContext as S,
-  SonnerLayout as a,
-  SonnerElementWrapper as b,
-  SonnerContent as c,
-  SonnerIcon as d,
-  SonnerContentTitle as e,
-  SonnerContentDescription as f,
-  SonnerButtonWrapper as g,
-  DEFAULT_PROVIDER_SONNER_SCALE as h,
-  DEFAULT_PROVIDER_SONNER_Y as i,
-  DEFAULT_PROVIDER_SONNER_DURATION as j,
-  DEFAULT_PROVIDER_SONNER_GENRE as k,
-  DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM as l,
-  DEFAULT_PROVIDER_SONNER_BUTTON as m,
-  useSonner as u
-};
-//# sourceMappingURL=context.constants-Cio0nsYA.js.map

package/build/context.constants-Cio0nsYA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.constants-Cio0nsYA.js","sources":["../src/contexts/context-sonner/context.tsx","../src/contexts/context-sonner/context.hooks.ts","../src/contexts/context-sonner/context.styles.tsx","../src/contexts/context-sonner/context.constants.ts"],"sourcesContent":["import { Button } from '@local/components/button';\nimport { Icon } from '@local/components/icon';\n\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { createContext, FC, memo, useCallback, useMemo, useState } from 'react';\nimport { useTheme } from 'styled-components';\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  ProviderSonnerProps,\n  SonnerButtonWrapper,\n  SonnerContent,\n  SonnerContentDescription,\n  SonnerContentProps,\n  SonnerContentStandardProps,\n  SonnerContentTitle,\n  SonnerContextProps,\n  SonnerElementProps,\n  SonnerElementWrapper,\n  SonnerIcon,\n  SonnerLayout,\n} from '.';\n\nexport const SonnerContext = createContext<SonnerContextProps | null>(null);\n\nexport const ProviderSonner: FC<ProviderSonnerProps> = (props) => {\n  const memoVisibleToasts: ProviderSonnerProps['visibleToasts'] = useMemo(\n    () => props.visibleToasts,\n    [props.visibleToasts],\n  );\n  const memoDefaultDescription: ProviderSonnerProps['default']['description'] = useMemo(\n    () => props?.default?.description,\n    [props?.default?.description],\n  );\n  const memoDefaultTitle: ProviderSonnerProps['default']['title'] = useMemo(\n    () => props?.default?.title,\n    [props?.default?.title],\n  );\n  const memoDefaultButton: ProviderSonnerProps['default']['button'] = useMemo(\n    () => props?.default?.button,\n    [props?.default?.button],\n  );\n  const memoDefaultHidingTime: ProviderSonnerProps['default']['hidingTime'] = useMemo(\n    () => props?.default?.hidingTime,\n    [props?.default?.hidingTime],\n  );\n  const memoDefaultHidingMode: ProviderSonnerProps['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<SonnerContentProps[]>([]);\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: SonnerContextProps['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: SonnerContextProps['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;\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  const promise: SonnerContextProps['promise'] = useCallback(\n    <T,>(\n      promise: Promise<T>,\n      expectation: Omit<SonnerContentProps, 'index'>,\n      localToast: (success: T | undefined, error: unknown | undefined) => Omit<SonnerContentProps, '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  const handleOnClick = useCallback(\n    (id: SonnerContentStandardProps['id']) => {\n      remove(id);\n    },\n    [remove],\n  );\n  const theme = useTheme();\n  return (\n    <SonnerContext.Provider value={{ toast, promise, remove, contentHistory }}>\n      <SonnerLayout\n        $zIndex={props.zIndex ?? DEFAULT_PROVIDER_SONNER_Z_INDEX}\n        $position={props.position}\n        $gap={props.gap}\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 = theme.colors.sonner[localGenre].button.genre;\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      </SonnerLayout>\n      {props.children}\n    </SonnerContext.Provider>\n  );\n};\n\nconst SonnerElement = (props: SonnerElementProps) => {\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 ? 1 - props.index * DEFAULT_PROVIDER_SONNER_SCALE : 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      <SonnerElementWrapper\n        $genre={props.genre}\n        onClick={() => props.hidingMode === 'clickOnSonner' && props.handleOnClick(props.id, 'clickOnSonner')}\n      >\n        {(props.isLoading || props.icon) && (\n          <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          </SonnerIcon>\n        )}\n        <SonnerContent>\n          {props.content ? (\n            props.content\n          ) : (\n            <>\n              {props.title && (\n                <SonnerContentTitle\n                  $genre={props.genre}\n                  $font={{\n                    size: 14,\n                    weight: 700,\n                  }}\n                >\n                  {props.title}\n                </SonnerContentTitle>\n              )}\n              {props.description && (\n                <SonnerContentDescription\n                  $font={{\n                    size: 12,\n                    weight: 400,\n                  }}\n                  $genre={props.genre}\n                >\n                  {props.description}\n                </SonnerContentDescription>\n              )}\n            </>\n          )}\n        </SonnerContent>\n\n        {props.button && props.button.content && (\n          <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          </SonnerButtonWrapper>\n        )}\n      </SonnerElementWrapper>\n    </motion.div>\n  );\n};\nconst MemoizedSonnerElement = memo(SonnerElement);\n","import { useContext } from 'react';\n\nimport { SonnerContext, SonnerContextProps } from '.';\n\nexport const useSonner = (): SonnerContextProps => {\n  const context = useContext(SonnerContext);\n  if (!context) {\n    throw new Error('useSonner must be used within an ProviderSonner');\n  }\n  return context;\n};\n","import { addFont, addRemoveScrollbar, addTransition } from '@local/styles/add';\n\nimport styled, { css } from 'styled-components';\n\nimport {\n  SonnerContentDescriptionProps,\n  SonnerContentTitleProps,\n  SonnerElementWrapperProps,\n  SonnerLayoutProps,\n} from '.';\n\nexport const SonnerLayout = styled.div<SonnerLayoutProps>`\n  position: fixed;\n  z-index: ${(props) => props.$zIndex};\n  max-height: calc(100dvh - 20px);\n  width: 320px;\n  display: flex;\n  margin: 10px;\n  gap: ${(props) => props.$gap}px;\n  box-sizing: content-box;\n  overflow-y: visible;\n  overflow-x: visible;\n  ${addRemoveScrollbar}\n  ${(props) =>\n    props.$position === 'bottom-center'\n      ? css`\n          bottom: 0;\n          left: 50%;\n          transform: translateX(-50%);\n          justify-content: flex-start;\n          flex-direction: column-reverse;\n        `\n      : props.$position === 'bottom-left'\n        ? css`\n            left: 0;\n            bottom: 0;\n            justify-content: flex-start;\n            flex-direction: column-reverse;\n          `\n        : props.$position === 'bottom-right'\n          ? css`\n              right: 0;\n              bottom: 0;\n              justify-content: flex-start;\n              flex-direction: column-reverse;\n            `\n          : props.$position === 'top-right'\n            ? css`\n                top: 0;\n                right: 0;\n                justify-content: flex-end;\n                flex-direction: column;\n              `\n            : props.$position === 'top-left'\n              ? css`\n                  top: 0;\n                  left: 0;\n                  justify-content: flex-end;\n                  flex-direction: column;\n                `\n              : props.$position === 'top-center'\n                ? css`\n                    top: 0;\n                    left: 50%;\n                    transform: translateX(-50%);\n                    justify-content: flex-end;\n                    flex-direction: column;\n                  `\n                : css``}\n`;\n\nexport const SonnerElementWrapper = styled.div<SonnerElementWrapperProps>`\n  background: ${(props) => props.theme.colors.sonner[props.$genre].wrapper.background};\n  color: ${(props) => props.theme.colors.sonner[props.$genre].icon.color};\n  border-radius: 12px;\n  border-style: solid;\n  border-color: ${(props) => props.theme.colors.sonner[props.$genre].wrapper.borderColor};\n  border-width: 1px;\n  padding: 16px 20px 16px 20px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  align-items: center;\n  justify-content: flex-start;\n  align-self: stretch;\n  flex-shrink: 0;\n  flex-shrink: 1;\n  min-width: 320px;\n  min-height: 64px;\n  transform-origin: center center;\n  box-shadow: ${(props) => props.theme.colors.sonner[props.$genre].wrapper.boxShadow};\n  overflow: visible;\n  &:hover {\n    box-shadow: ${(props) => props.theme.colors.sonner[props.$genre].wrapper.boxShadowHover};\n  }\n  ${addTransition};\n`;\nexport const SonnerContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  align-items: flex-start;\n  justify-content: flex-start;\n  align-self: stretch;\n  flex-shrink: 0;\n  flex: 1;\n  position: relative;\n  overflow: hidden;\n`;\nexport const SonnerIcon = styled.div`\n  display: contents;\n`;\nexport const SonnerContentTitle = styled.div<SonnerContentTitleProps>`\n  color:  ${(props) => props.theme.colors.sonner[props.$genre].title.color};\n  text-align: left;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n`;\nexport const SonnerContentDescription = styled.div<SonnerContentDescriptionProps>`\n  color:${(props) => props.theme.colors.sonner[props.$genre].description.color};\n  text-align: left;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  ${addFont};\n`;\nexport const SonnerButtonWrapper = styled.div``;\n","import { ITheme } from '@local/theme';\n\nimport { ProviderSonnerProps } from '.';\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: keyof ITheme['colors']['sonner'] = 'black';\nexport const DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM = 60;\nexport const DEFAULT_PROVIDER_SONNER_BUTTON: ProviderSonnerProps['default']['button'] = {\n  content: 'Undo',\n  onClick: () => {},\n};\n"],"names":["_a","uuidv4","promise","jsxs","jsx","Fragment"],"mappings":"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"}

package/build/context.constants-y9s5VGN2.cjs

@@ -1,99 +0,0 @@
-"use strict";const e=require("react"),n=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("./component-BfppCwz9.cjs"),i=require("./component.styles-BviHtzJH.cjs"),o=require("framer-motion"),r=require("styled-components"),s=require("uuid"),l=require("./style-Df37KnoJ.cjs"),d=e.createContext(null),x=e.memo(e=>n.jsxRuntimeExports.jsx(o.motion.div,{layout:!0,initial:{opacity:0,scale:1,y:e.isLastViewIndex?e.isTop?j:-j:e.isTop?-j:j},animate:{y:0,opacity:e.isMoreThanLastViewIndex?0:1,pointerEvents:e.isMoreThanLastViewIndex?"none":"auto",display:e.isMoreThanLastViewIndex?"none":"flex",scale:e.isHovered?1:1-e.index*g,marginTop:e.isTop?e.isHovered||0===e.index?"0px":`-${R}px`:"0px",marginBottom:e.isTop||e.isHovered||0===e.index?"0px":`-${R}px`},style:{zIndex:-e.index},whileInView:{opacity:e.isMoreThanLastViewIndex?0:1},exit:{opacity:0,y:e.isTop?-j:j},transition:{type:"spring",duration:E},children:n.jsxRuntimeExports.jsxs(a,{$genre:e.genre,onClick:()=>"clickOnSonner"===e.hidingMode&&e.handleOnClick(e.id,"clickOnSonner"),children:[(e.isLoading||e.icon)&&n.jsxRuntimeExports.jsx(p,{children:e.isLoading?n.jsxRuntimeExports.jsx(i.Icon,{size:"medium",type:"loading",name:"Line"}):e.icon&&n.jsxRuntimeExports.jsx(i.Icon,{...e.icon,size:e.icon.size??"medium"})}),n.jsxRuntimeExports.jsx(u,{children:e.content?e.content:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[e.title&&n.jsxRuntimeExports.jsx(m,{$genre:e.genre,$font:{size:14,weight:700},children:e.title}),e.description&&n.jsxRuntimeExports.jsx(f,{$font:{size:12,weight:400},$genre:e.genre,children:e.description})]})}),e.button&&e.button.content&&n.jsxRuntimeExports.jsx(v,{children:n.jsxRuntimeExports.jsx(t.Button,{genre:e.buttonGenre,size:"small",onClick:()=>"clickOnButton"===e.hidingMode&&e.handleOnClick(e.id,"clickOnButton"),children:e.button.content})})]})},e.id)),c=r.div`
-  position: fixed;
-  z-index: ${e=>e.$zIndex};
-  max-height: calc(100dvh - 20px);
-  width: 320px;
-  display: flex;
-  margin: 10px;
-  gap: ${e=>e.$gap}px;
-  box-sizing: content-box;
-  overflow-y: visible;
-  overflow-x: visible;
-  ${l.addRemoveScrollbar}
-  ${e=>"bottom-center"===e.$position?r.css`
-          bottom: 0;
-          left: 50%;
-          transform: translateX(-50%);
-          justify-content: flex-start;
-          flex-direction: column-reverse;
-        `:"bottom-left"===e.$position?r.css`
-            left: 0;
-            bottom: 0;
-            justify-content: flex-start;
-            flex-direction: column-reverse;
-          `:"bottom-right"===e.$position?r.css`
-              right: 0;
-              bottom: 0;
-              justify-content: flex-start;
-              flex-direction: column-reverse;
-            `:"top-right"===e.$position?r.css`
-                top: 0;
-                right: 0;
-                justify-content: flex-end;
-                flex-direction: column;
-              `:"top-left"===e.$position?r.css`
-                  top: 0;
-                  left: 0;
-                  justify-content: flex-end;
-                  flex-direction: column;
-                `:"top-center"===e.$position?r.css`
-                    top: 0;
-                    left: 50%;
-                    transform: translateX(-50%);
-                    justify-content: flex-end;
-                    flex-direction: column;
-                  `:r.css``}
-`,a=r.div`
-  background: ${e=>e.theme.colors.sonner[e.$genre].wrapper.background};
-  color: ${e=>e.theme.colors.sonner[e.$genre].icon.color};
-  border-radius: 12px;
-  border-style: solid;
-  border-color: ${e=>e.theme.colors.sonner[e.$genre].wrapper.borderColor};
-  border-width: 1px;
-  padding: 16px 20px 16px 20px;
-  display: flex;
-  flex-direction: row;
-  gap: 10px;
-  align-items: center;
-  justify-content: flex-start;
-  align-self: stretch;
-  flex-shrink: 0;
-  flex-shrink: 1;
-  min-width: 320px;
-  min-height: 64px;
-  transform-origin: center center;
-  box-shadow: ${e=>e.theme.colors.sonner[e.$genre].wrapper.boxShadow};
-  overflow: visible;
-  &:hover {
-    box-shadow: ${e=>e.theme.colors.sonner[e.$genre].wrapper.boxShadowHover};
-  }
-  ${l.addTransition};
-`,u=r.div`
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  align-items: flex-start;
-  justify-content: flex-start;
-  align-self: stretch;
-  flex-shrink: 0;
-  flex: 1;
-  position: relative;
-  overflow: hidden;
-`,p=r.div`
-  display: contents;
-`,m=r.div`
-  color:  ${e=>e.theme.colors.sonner[e.$genre].title.color};
-  text-align: left;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-`,f=r.div`
-  color:${e=>e.theme.colors.sonner[e.$genre].description.color};
-  text-align: left;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  ${l.addFont};
-`,v=r.div``,h=100,g=.04,j=100,E=.3,b="black",R=60,$={content:"Undo",onClick:()=>{}};exports.DEFAULT_PROVIDER_SONNER_BUTTON=$,exports.DEFAULT_PROVIDER_SONNER_DURATION=E,exports.DEFAULT_PROVIDER_SONNER_GENRE=b,exports.DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM=R,exports.DEFAULT_PROVIDER_SONNER_SCALE=g,exports.DEFAULT_PROVIDER_SONNER_Y=j,exports.DEFAULT_PROVIDER_SONNER_Z_INDEX=h,exports.ProviderSonner=t=>{var i,l,a,u,p,m;const f=e.useMemo(()=>t.visibleToasts,[t.visibleToasts]),v=e.useMemo(()=>{var e;return null==(e=null==t?void 0:t.default)?void 0:e.description},[null==(i=null==t?void 0:t.default)?void 0:i.description]),g=e.useMemo(()=>{var e;return null==(e=null==t?void 0:t.default)?void 0:e.title},[null==(l=null==t?void 0:t.default)?void 0:l.title]),j=e.useMemo(()=>{var e;return null==(e=null==t?void 0:t.default)?void 0:e.button},[null==(a=null==t?void 0:t.default)?void 0:a.button]),E=e.useMemo(()=>{var e;return null==(e=null==t?void 0:t.default)?void 0:e.hidingTime},[null==(u=null==t?void 0:t.default)?void 0:u.hidingTime]),R=e.useMemo(()=>{var e;return(null==(e=null==t?void 0:t.default)?void 0:e.hidingMode)??"clickOnButton"},[null==(p=null==t?void 0:t.default)?void 0:p.hidingMode]),y=e.useMemo(()=>{var e;return(null==(e=null==t?void 0:t.default)?void 0:e.genre)??b},[null==(m=null==t?void 0:t.default)?void 0:m.genre]),T=e.useMemo(()=>t.position.includes("top"),[t.position]),[w,I]=e.useState([]),[O,S]=e.useState(!1),L=e.useCallback(()=>{S(!0)},[]),M=e.useCallback(()=>{S(!1)},[]),k=e.useCallback(e=>{I(n=>{const t=n.find(n=>n.id===e);if(!t)return n;const i=t.index,o=n.filter(n=>n.id!==e).map(e=>({...e,index:e.index>i?e.index-1:e.index}));return 0===o.length&&M(),o})},[M]),_=e.useCallback(e=>{const n=e.id??s.v4(),t=e.hidingTime??E;I(t=>{const i=t.findIndex(e=>e.id===n);let o;if(-1!==i)o=[...t],o[i]={...e,id:n,index:t[i].index};else{o=t.map(e=>({...e,index:e.index+1}));const i={...e,id:n,index:0};o.unshift(i)}return o}),void 0!==t&&setTimeout(()=>{k(n)},t)},[E,k]),C=e.useCallback((e,n,t)=>{const i=s.v4();return _({...n,id:i,isLoading:!0}),e.then(e=>{_({...t(e,void 0),id:i})}).catch(e=>{_({...t(void 0,e),id:i})})},[_]),N=e.useCallback(e=>{k(e)},[k]),D=r.useTheme();return n.jsxRuntimeExports.jsxs(d.Provider,{value:{toast:_,promise:C,remove:k,contentHistory:w},children:[n.jsxRuntimeExports.jsx(c,{$zIndex:t.zIndex??h,$position:t.position,$gap:t.gap,onMouseEnter:L,onMouseLeave:M,children:n.jsxRuntimeExports.jsx(o.AnimatePresence,{children:w.map(e=>{const t=e.index,i=!!f&&t>f,o=!!f&&t>f-1,r=!!f&&t===f-1,s=e.genre??y,l=D.colors.sonner[s].button.genre,d=e.hidingMode??R,c="content"in e&&e.content,a="title"in e&&e.title,u="description"in e&&e.description;return n.jsxRuntimeExports.jsx(x,{isMoreThanLastViewIndexPlusOne:i,isMoreThanLastViewIndex:o,isLastViewIndex:r,isTop:T,id:e.id,icon:e.icon,isLoading:e.isLoading,index:t,buttonGenre:l,hidingMode:d,isHovered:O,genre:s,content:c,title:a||g,description:u||v,button:e.button??j??$,handleOnClick:N},e.id)})})}),t.children]})},exports.SonnerButtonWrapper=v,exports.SonnerContent=u,exports.SonnerContentDescription=f,exports.SonnerContentTitle=m,exports.SonnerContext=d,exports.SonnerElementWrapper=a,exports.SonnerIcon=p,exports.SonnerLayout=c,exports.useSonner=()=>{const n=e.useContext(d);if(!n)throw new Error("useSonner must be used within an ProviderSonner");return n};
-//# sourceMappingURL=context.constants-y9s5VGN2.cjs.map