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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context-sonner-Bniiz914.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-L0OMEvZE.cjs

@@ -0,0 +1,3 @@
+const ae=require("./chunk-CW3en5xf.cjs"),P=require("./proxy-D2Z8K6jr.cjs"),B=require("./AnimatePresence-BtUPiqYm.cjs"),u=require("./utils-DtinAjAU.cjs"),H=require("./functions-Dwo54amB.cjs"),_=require("./icon-CreblPsB.cjs"),z=require("./button-C5PgNYns.cjs"),O=require("./dist-C8r_OdG1.cjs"),M=require("./v4-BDi_Luux.cjs");let r=require("react/jsx-runtime"),i=require("react");var U=.04,F=.3;var G={content:"Undo",onClick:()=>{}},d=u.CSS_CLASS.context.sonner,W=d.layout,$=d.elementWrapper,K=d.content,Y=d.icon,J=d.contentTitle,Q=d.contentDescription,X=d.buttonWrapper,Z={"bottom-center":d.layoutBottomCenter,"bottom-left":d.layoutBottomLeft,"bottom-right":d.layoutBottomRight,"top-right":d.layoutTopRight,"top-left":d.layoutTopLeft,"top-center":d.layoutTopCenter},p=e=>H.setClasses([W,Z[e]]),ee=e=>({"--context-sonner-gap":`${e.gap}px`,"--context-sonner-z-index":`${e.zIndex??0}`}),ne=e=>{const t=u.CSS_VARS.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"?u.CSS_VARS.palette.shadowPrimaryLight:u.CSS_VARS.palette.shadowSecondaryLight,"--context-sonner-wrapper-box-shadow-hover":e==="primary"||e==="secondary"?u.CSS_VARS.palette.shadowSecondaryLight:u.CSS_VARS.palette.shadowPrimaryLight,"--context-sonner-icon-color":t.color.index,"--context-sonner-title-color":t.color.index,"--context-sonner-description-color":t.color.index}},k=O.createContext(null),te=e=>{const t=(0,i.useMemo)(()=>e.visibleToasts,[e.visibleToasts]),S=(0,i.useMemo)(()=>e?.default?.description,[e?.default?.description]),f=(0,i.useMemo)(()=>e?.default?.title,[e?.default?.title]),g=(0,i.useMemo)(()=>e?.default?.button,[e?.default?.button]),b=(0,i.useMemo)(()=>e?.default?.hidingTime,[e?.default?.hidingTime]),I=(0,i.useMemo)(()=>e?.default?.hidingMode??"clickOnButton",[e?.default?.hidingMode]),E=(0,i.useMemo)(()=>e?.default?.genre??"product",[e?.default?.genre]),w=(0,i.useMemo)(()=>e.position.includes("top"),[e.position]),[C,y]=(0,i.useState)([]),[R,L]=(0,i.useState)(!1),N=(0,i.useCallback)(()=>{L(!0)},[]),T=(0,i.useCallback)(()=>{L(!1)},[]),x=(0,i.useCallback)(n=>{y(a=>{const s=a.find(o=>o.id===n);if(!s)return a;const c=s.index,l=a.filter(o=>o.id!==n).map(o=>({...o,index:o.index>c?o.index-1:o.index}));return l.length===0&&T(),l})},[T]),m=(0,i.useCallback)(n=>{const a=n.id??M.v4(),s=n.hidingTime??b;y(c=>{const l=c.findIndex(h=>h.id===a);let o;if(l!==-1)o=[...c],o[l]={...n,id:a,index:c[l].index};else{o=c.map(v=>({...v,index:v.index+1}));const h={...n,id:a,index:0};o.unshift(h)}return o}),s!==void 0&&setTimeout(()=>{x(a)},s)},[b,x]),D=(0,i.useCallback)((n,a,s)=>{const c=M.v4();return m({...a,id:c,isLoading:!0}),n.then(l=>{m({...s(l,void 0),id:c})}).catch(l=>{m({...s(void 0,l),id:c})})},[m]),q=(0,i.useCallback)(n=>{x(n)},[x]);return(0,i.useEffect)(()=>()=>{y([])},[]),(0,r.jsxs)(k.Provider,{value:{toast:m,promise:D,remove:x,contentHistory:C},children:[(0,r.jsx)("div",{className:p(e.position),style:ee({gap:e.gap,zIndex:e.zIndex??100}),onMouseEnter:N,onMouseLeave:T,children:(0,r.jsx)(B.AnimatePresence,{children:C.map(n=>{const a=n.index,s=t?a>t:!1,c=t?a>t-1:!1,l=t?a===t-1:!1,o=n.genre??E,h=o,v=n.hidingMode??I,V="content"in n?n.content:!1,j="title"in n?n.title:!1,A="description"in n?n.description:!1;return(0,r.jsx)(oe,{isMoreThanLastViewIndexPlusOne:s,isMoreThanLastViewIndex:c,isLastViewIndex:l,isTop:w,id:n.id,icon:n.icon,isLoading:n.isLoading,index:a,buttonGenre:h,hidingMode:v,isHovered:R,genre:o,content:V,title:j||f,description:A||S,button:n.button??g??G,handleOnClick:q},n.id)})})}),e.children]})},ie=e=>(0,r.jsx)(P.motion.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*U,.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:F},children:(0,r.jsxs)("div",{className:$,style:ne(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)&&(0,r.jsx)("div",{className:Y,children:e.isLoading?(0,r.jsx)(_.Icon,{size:"medium",type:"loading",name:"Line"}):e.icon&&(0,r.jsx)(_.Icon,{...e.icon,size:e.icon.size??"medium"})}),(0,r.jsx)("div",{className:K,children:e.content?e.content:(0,r.jsxs)(r.Fragment,{children:[e.title&&(0,r.jsx)("div",{className:J,children:e.title}),e.description&&(0,r.jsx)("div",{className:Q,children:e.description})]})}),e.button&&"content"in e.button&&e.button?.content&&(0,r.jsx)("div",{className:X,children:(0,r.jsx)(z.Button,{genre:e.buttonGenre,size:"small",onClick:()=>e.hidingMode==="clickOnButton"&&e.handleOnClick(e.id,"clickOnButton"),children:e.button.content})})]})},e.id),oe=(0,i.memo)(ie),re=e=>{const t=O.useContextSelector(k,S=>S?e.reduce((f,g)=>(f[g]=S[g],f),{}):null);if(!t)throw new Error("useSonner must be used within an ProviderSonner");return t};Object.defineProperty(exports,"ProviderSonner",{enumerable:!0,get:function(){return te}});Object.defineProperty(exports,"useSonner",{enumerable:!0,get:function(){return re}});
+
+//# sourceMappingURL=context-sonner-L0OMEvZE.cjs.map

package/build/context-sonner-L0OMEvZE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-sonner-L0OMEvZE.cjs","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":"yXAKA,IAAa,EAAgC,IAEhC,EAAmC,GAGhD,IAAa,EAAuE,CAClF,QAAS,OACT,QAAA,IAAe,CAAA,GCJJ,EAAc,EAAA,UAAU,QAAQ,OAEhC,EAAe,EAAY,OAC3B,EAAuB,EAAY,eACnC,EAAgB,EAAY,QAC5B,EAAa,EAAY,KACzB,EAAqB,EAAY,aACjC,EAA2B,EAAY,mBACvC,EAAsB,EAAY,cAEzC,EAA4E,CAChF,gBAAiB,EAAY,mBAC7B,cAAe,EAAY,iBAC3B,eAAgB,EAAY,kBAC5B,YAAa,EAAY,eACzB,WAAY,EAAY,cACxB,aAAc,EAAY,iBAKf,EAA4B,GACvC,EAAA,WAAW,CAAC,EAAc,EAA6B,CAAA,CAAA,CAAU,EAEtD,GAAwB,IAA0E,CAC7G,uBAAwB,GAAG,EAAM,GAAA,KACjC,2BAA4B,GAAG,EAAM,QAAU,CAAA,KAGpC,GAAgC,GAAmD,CAC9F,MAAM,EAAa,EAAA,SAAS,MAAM,OAAO,CAAA,EAEzC,MAAO,CACL,sCAAuC,EAAW,WAAW,MAC7D,wCAAyC,EAAW,OAAO,MAC3D,sCACE,IAAU,WAAa,IAAU,YAC7B,EAAA,SAAS,QAAQ,mBACjB,EAAA,SAAS,QAAQ,qBACvB,4CACE,IAAU,WAAa,IAAU,YAC7B,EAAA,SAAS,QAAQ,qBACjB,EAAA,SAAS,QAAQ,mBACvB,8BAA+B,EAAW,MAAM,MAChD,+BAAgC,EAAW,MAAM,MACjD,qCAAsC,EAAW,MAAM,QCjB9C,EAAgB,EAAA,cAAqC,IAAA,EAErD,GAAuC,GAAU,CAC5D,MAAM,KAAA,EAAA,SAAA,IAAoE,EAAM,cAAe,CAAC,EAAM,aAAA,CAAc,EAC9G,KAAA,EAAA,SAAA,IACE,GAAO,SAAS,YACtB,CAAC,GAAO,SAAS,WAAA,CAAY,EAEzB,KAAA,EAAA,SAAA,IACE,GAAO,SAAS,MACtB,CAAC,GAAO,SAAS,KAAA,CAAM,EAEnB,KAAA,EAAA,SAAA,IACE,GAAO,SAAS,OACtB,CAAC,GAAO,SAAS,MAAA,CAAO,EAEpB,KAAA,EAAA,SAAA,IACE,GAAO,SAAS,WACtB,CAAC,GAAO,SAAS,UAAA,CAAW,EAExB,KAAA,EAAA,SAAA,IACE,GAAO,SAAS,YAAc,gBACpC,CAAC,GAAO,SAAS,UAAA,CAAW,EAExB,KAAA,EAAA,SAAA,IACE,GAAO,SAAS,OAAA,UACtB,CAAC,GAAO,SAAS,KAAA,CAAM,EAGnB,KAAA,EAAA,SAAA,IAAsB,EAAM,SAAS,SAAS,KAAA,EAAQ,CAAC,EAAM,QAAA,CAAS,EAEtE,CAAC,EAAgB,CAAA,KAAA,EAAA,UAAgD,CAAA,CAAE,EAEnE,CAAC,EAAW,CAAA,KAAA,EAAA,UAAyB,EAAA,EAErC,KAAA,EAAA,aAAA,IAAqC,CACzC,EAAa,EAAA,GACZ,CAAA,CAAE,EAEC,KAAA,EAAA,aAAA,IAAqC,CACzC,EAAa,EAAA,GACZ,CAAA,CAAE,EAEC,KAAA,EAAA,aACH,GAAO,CACN,EAAmB,GAAS,CAC1B,MAAM,EAAe,EAAK,KAAM,GAAS,EAAK,KAAO,CAAA,EAErD,GAAI,CAAC,EAAc,OAAO,EAE1B,MAAM,EAAgB,EAAa,MAE7B,EAAiB,EACpB,OAAQ,GAAS,EAAK,KAAO,CAAA,EAC7B,IAAK,IAAU,CACd,GAAG,EACH,MAAO,EAAK,MAAQ,EAAgB,EAAK,MAAQ,EAAI,EAAK,OAC3D,EAEH,OAAI,EAAe,SAAW,GAAG,EAAA,EAE1B,KAGX,CAAC,CAAA,CAAiB,EAGd,KAAA,EAAA,aACH,GAAY,CACX,MAAM,EAAK,EAAQ,IAAM,EAAA,GAAA,EAEnB,EAAa,EAAQ,YAAc,EAEzC,EAAmB,GAAS,CAC1B,MAAM,EAAgB,EAAK,UAAW,GAAS,EAAK,KAAO,CAAA,EAE3D,IAAI,EACJ,GAAI,IAAkB,GAEpB,EAAiB,CAAC,GAAG,CAAA,EACrB,EAAe,CAAA,EAAiB,CAAE,GAAG,EAAS,GAAA,EAAI,MAAO,EAAK,CAAA,EAAe,WACxE,CAEL,EAAiB,EAAK,IAAK,IAAU,CACnC,GAAG,EACH,MAAO,EAAK,MAAQ,GACrB,EACD,MAAM,EAAa,CAAE,GAAG,EAAS,GAAA,EAAI,MAAO,GAC5C,EAAe,QAAQ,CAAA,EAGzB,OAAO,IAGL,IAAe,QACjB,WAAA,IAAiB,CACf,EAAO,CAAA,GACN,CAAA,GAGP,CAAC,EAAuB,CAAA,CAAO,EAG3B,KAAA,EAAA,aAAA,CAEF,EACA,EACA,IACG,CACH,MAAM,EAAK,EAAA,GAAA,EACX,OAAA,EAAM,CAAE,GAAG,EAAa,GAAA,EAAI,UAAW,GAAM,EAEtC,EACJ,KAAM,GAAW,CAChB,EAAM,CAAE,GAAG,EAAW,EAAQ,MAAA,EAAY,GAAA,EAAI,IAE/C,MAAO,GAAU,CAChB,EAAM,CAAE,GAAG,EAAW,OAAW,CAAA,EAAQ,GAAA,EAAI,KAGnD,CAAC,CAAA,CAAM,EAGH,KAAA,EAAA,aACH,GAAqC,CACpC,EAAO,CAAA,GAET,CAAC,CAAA,CAAO,EAGV,SAAA,EAAA,WAAA,IACE,IAAa,CACX,EAAkB,CAAA,CAAE,GAErB,CAAA,CAAE,KAEH,EAAA,MAAC,EAAc,SAAf,CAAwB,MAAO,CAAE,MAAA,EAAO,QAAA,EAAS,OAAA,EAAQ,eAAA,YAAzD,IACE,EAAA,KAAC,MAAD,CACE,UAAW,EAAyB,EAAM,QAAA,EAC1C,MAAO,GAAqB,CAC1B,IAAK,EAAM,IACX,OAAQ,EAAM,QAAA,IACf,EACD,aAAc,EACd,aAAc,cAEd,EAAA,KAAC,EAAA,gBAAD,CAAA,SACG,EAAe,IAAK,GAAY,CAC/B,MAAM,EAAQ,EAAQ,MAChB,EAAiC,EAAoB,EAAQ,EAAoB,GACjF,EAA0B,EAAoB,EAAQ,EAAoB,EAAI,GAC9E,EAAkB,EAAoB,IAAU,EAAoB,EAAI,GACxE,EAAa,EAAQ,OAAS,EAC9B,EAAc,EACd,EAAa,EAAQ,YAAc,EAEnC,EAAe,YAAa,EAAU,EAAQ,QAAU,GACxD,EAAa,UAAW,EAAU,EAAQ,MAAQ,GAClD,EAAmB,gBAAiB,EAAU,EAAQ,YAAc,GAC1E,SACE,EAAA,KAAC,GAAD,CACkC,+BAAA,EACP,wBAAA,EACR,gBAAA,EACV,MAAA,EAEP,GAAI,EAAQ,GACZ,KAAM,EAAQ,KACd,UAAW,EAAQ,UACZ,MAAA,EACM,YAAA,EACD,WAAA,EACD,UAAA,EACX,MAAO,EACP,QAAS,EACT,MAAO,GAAc,EACrB,YAAa,GAAoB,EACjC,OAAQ,EAAQ,QAAU,GAAqB,EAChC,cAAA,GAbV,EAAQ,EAAA,GAgBjB,CACc,EACd,EACL,EAAM,QAAA,KAKP,GAAiB,MAEnB,EAAA,KAAC,EAAA,OAAO,IAAR,CAEE,OAAA,GACA,QAAS,CACP,QAAS,EACT,MAAO,EACP,EAAG,EAAM,gBACJ,EAAM,MACL,IAAA,KAED,EAAM,MAEL,KAFK,KAIb,QAAS,CACP,EAAG,EACH,QAAS,EAAM,wBAA0B,EAAI,EAC7C,cAAe,EAAM,wBAA0B,OAAS,OACxD,QAAS,EAAM,wBAA0B,OAAS,OAClD,MAAQ,EAAM,UAA8E,EAAlE,KAAK,IAAI,EAAI,EAAM,MAAQ,EAA+B,GAAA,EACpF,UAAW,EAAM,MACb,EAAM,WAAa,EAAM,QAAU,EACjC,MACA,QACF,MACJ,aAAe,EAAM,OACjB,EAAM,WAAa,EAAM,QAAU,EAGnC,MADE,SAGR,MAAO,CACL,OAAQ,CAAC,EAAM,KAAA,EAEjB,YAAa,CAAE,QAAS,EAAM,wBAA0B,EAAI,CAAA,EAC5D,KAAM,CAAE,QAAS,EAAG,EAAI,EAAM,MAAoC,KAApC,KAC9B,WAAY,CAAE,KAAM,SAAU,SAAU,eAExC,EAAA,MAAC,MAAD,CACE,UAAW,EACX,MAAO,GAA6B,EAAM,KAAA,EAC1C,KAAM,EAAM,aAAe,gBAAkB,SAAW,OACxD,SAAU,EAAM,aAAe,gBAAkB,EAAI,OACrD,QAAA,IAAe,EAAM,aAAe,iBAAmB,EAAM,cAAc,EAAM,GAAI,eAAA,EACrF,UAAY,GAAU,CAChB,EAAM,aAAe,kBACrB,EAAM,MAAQ,SAAW,EAAM,MAAQ,OACzC,EAAM,eAAA,EACN,EAAM,cAAc,EAAM,GAAI,eAAA,aAVpC,EAcI,EAAM,WAAa,EAAM,UACzB,EAAA,KAAC,MAAD,CAAK,UAAW,WACb,EAAM,aACL,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,SAAS,KAAK,UAAU,KAAK,OAAS,EAEjD,EAAM,SAAQ,EAAA,KAAC,EAAA,KAAD,CAAM,GAAI,EAAM,KAAM,KAAM,EAAM,KAAK,MAAQ,SAAY,EAEvE,KAER,EAAA,KAAC,MAAD,CAAK,UAAW,WACb,EAAM,QACL,EAAM,WAEN,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,EAAM,UAAS,EAAA,KAAC,MAAD,CAAK,UAAW,WAAqB,EAAM,MAAY,EACtE,EAAM,gBAAe,EAAA,KAAC,MAAD,CAAK,UAAW,WAA2B,EAAM,YAAkB,CAAA,CACxF,CAAA,EAED,EAEL,EAAM,QAAU,YAAa,EAAM,QAAU,EAAM,QAAQ,YAC1D,EAAA,KAAC,MAAD,CAAK,UAAW,cACd,EAAA,KAAC,EAAA,OAAD,CACE,MAAO,EAAM,YACb,KAAK,QACL,QAAA,IAAe,EAAM,aAAe,iBAAmB,EAAM,cAAc,EAAM,GAAI,eAAA,WAEpF,EAAM,OAAO,QACP,EACL,MAhFL,EAAM,EAAA,EAsFX,MAAA,EAAA,MAA6B,EAAA,ECrTtB,GAAa,GAAkD,CAC1E,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"}

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-CW3en5xf.cjs"),e=require("./context-sonner-L0OMEvZE.cjs");exports.ProviderSonner=e.ProviderSonner;exports.useSonner=e.useSonner;

package/build/context-sonner.d.ts

@@ -1,457 +1,2 @@
-import { Context } from 'react';
-import { CSSObject } from 'styled-components';
-import { CSSProperties } from 'react';
-import { default as default_2 } from 'react';
-import { DefaultTheme } from 'styled-components';
-import { DetailedHTMLProps } from 'react';
-import { FastOmit } from 'styled-components';
-import { FC } from 'react';
-import { HTMLAttributes } from 'react';
-import { IStyledComponentBase } from 'styled-components/dist/types';
-import { PropsWithChildren } from 'react';
-import { ReactNode } 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 addFontProps = {
-    font?: FontSizeStylesProps;
-};
-
-declare type addIconProps = {
-    [T in keyof DefaultTheme['icon']['map']]: Omit<IconItemProps, 'size'> & {
-        type: T;
-        name: DefaultTheme['icon']['map'][T][number];
-        isHidden?: boolean;
-        size?: IconItemProps['size'];
-    };
-}[keyof DefaultTheme['icon']['map']];
-
-declare interface addSXProps {
-    sx?: SXProps;
-}
-
-export declare const DEFAULT_PROVIDER_SONNER_BUTTON: ProviderSonnerProps['default']['button'];
-
-export declare const DEFAULT_PROVIDER_SONNER_DURATION = 0.3;
-
-export declare const DEFAULT_PROVIDER_SONNER_GENRE: keyof ITheme['colors']['sonner'];
-
-export declare const DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM = 60;
-
-export declare const DEFAULT_PROVIDER_SONNER_SCALE = 0.04;
-
-export declare const DEFAULT_PROVIDER_SONNER_Y = 100;
-
-export declare const DEFAULT_PROVIDER_SONNER_Z_INDEX = 100;
-
-declare type FontSizeStylesProps = {
-    size?: TypographyDataProps['size'];
-    weight?: TypographyDataProps['weight'];
-    family?: TypographyDataProps['family'];
-    height?: TypographyDataProps['height'];
-};
-
-declare type IconItemProps = {
-    [K in keyof DefaultTheme['icon']['map']]: {
-        type: K;
-        name: DefaultTheme['icon']['map'][K][number];
-        className?: string;
-        onClick?: (event: default_2.MouseEvent<SVGSVGElement>) => void;
-        size: IThemeSize | '100%';
-        color?: IThemePaletteKeys;
-        turn?: number;
-        order?: number;
-        tabIndex?: number;
-    } & addSXProps;
-}[keyof DefaultTheme['icon']['map']];
-
-declare interface ITheme {
-    icon: {
-        map: {
-            id: typeof ThemeMapId;
-            checkbox: typeof ThemeMapCheckbox;
-            loading: typeof ThemeMapLoading;
-            realebail: typeof ThemeMapRealebail;
-            logo: typeof ThemeMapLogo;
-            bustmarket: typeof ThemeMapBustmarket;
-        };
-        getIconId: <T extends keyof ITheme['icon']['map']>(props: {
-            type: T;
-            name: ITheme['icon']['map'][T][number];
-        }) => string;
-        getSpriteUrl: (props: {
-            type: keyof ITheme['icon']['map'];
-        }) => string;
-    };
-    states: {
-        focus: string;
-        danger: string;
-    };
-    colors: {
-        range: IThemeGenreRange;
-        date: IThemeGenreDate;
-        button: IThemeGenre;
-        toggle: IThemeGenreToggle;
-        checkbox: IThemeGenre;
-        input: IThemeGenreInput;
-        imageSelect: IThemeGenreImageSelect;
-        select: IThemeGenreSelect;
-        sonner: IThemeGenreSonner;
-    };
-    effects: {
-        input: string;
-        button: string;
-    };
-    font: {
-        family: IThemeFontFamily;
-        weight: IThemeTypographyWeight;
-        sizeDefault: Record<IThemeDevice, number>;
-        sizeHeading: Record<IThemeTypographyHeading, number>;
-        lineHeight: number;
-    };
-    palette: Record<IThemePaletteKeys, string>;
-    background: Record<IThemePaletteKeys, string>;
-    screens: IThemeScreen;
-    scrollbar: {
-        width: number;
-        background: string;
-        thumb: string;
-        thumbBorder: string;
-    };
-    transition: {
-        duration: string;
-        timingFunction: string;
-        default: string;
-        icon: string;
-    };
-    getContrastYIQ: (hexcolor: string) => string;
-}
-
-declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
-
-declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
-
-declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray' | 'bustmarket-gray-violet' | 'bustmarket-violet' | 'bustmarket-white-violet'>, IThemeGenreTypeDefault>;
-
-declare type IThemeGenreDate = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDate>;
-
-declare type IThemeGenreImageSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeImageSelect>;
-
-declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white' | 'bustmarket-gray'>, IThemeGenreTypeDefault>;
-
-declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray-violet' | 'bustmarket-gray' | 'bustmarket-violet' | 'bustmarket-white-violet';
-
-declare type IThemeGenreRange = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white' | 'bustmarket-gray'>, IThemeGenreTypeRange>;
-
-declare type IThemeGenreSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeSelect>;
-
-declare type IThemeGenreSonner = Record<Extract<IThemeGenreName, 'black' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent'>, IThemeGenreTypeSonner>;
-
-declare type IThemeGenreToggle = Record<Extract<IThemeGenreName, 'product'>, IThemeGenreTypeToggle>;
-
-declare interface IThemeGenreTypeDate {
-    background: {
-        rest: string;
-        hover: string;
-        today: string;
-        weekend: string;
-        choice: string;
-        line: string;
-    };
-    border: {
-        rest: string;
-        hover: string;
-        today: string;
-        weekend: string;
-        choice: string;
-        line: string;
-    };
-    color: {
-        rest: string;
-        hover: string;
-        placeholder: string;
-        today: string;
-        weekend: string;
-        choice: string;
-        line: string;
-    };
-}
-
-declare interface IThemeGenreTypeDefault {
-    background: {
-        rest: string;
-        hover: string;
-    };
-    border: {
-        rest: string;
-        hover: string;
-    };
-    color: {
-        rest: string;
-        hover: string;
-        placeholder: string;
-    };
-}
-
-declare interface IThemeGenreTypeImageSelect {
-    background: {
-        rest: string;
-        hover: string;
-    };
-    border: {
-        rest: string;
-        hover: string;
-    };
-    color: {
-        rest: string;
-        hover: string;
-        placeholder: string;
-    };
-}
-
-declare interface IThemeGenreTypeRange {
-    thumb: {
-        background: {
-            rest: string;
-            hover: string;
-        };
-        border: {
-            rest: string;
-            hover: string;
-        };
-    };
-    track: {
-        background: {
-            rest: string;
-        };
-        gradient: {
-            rest: string;
-        };
-    };
-}
-
-declare interface IThemeGenreTypeSelect {
-    background: {
-        rest: string;
-        hover: string;
-        select: string;
-    };
-    border: {
-        rest: string;
-        hover: string;
-        select: string;
-    };
-    color: {
-        rest: string;
-        hover: string;
-        select: string;
-        placeholder: string;
-    };
-}
-
-declare interface IThemeGenreTypeSonner {
-    button: {
-        genre: keyof IThemeGenre;
-    };
-    description: {
-        color: string;
-    };
-    icon: {
-        color: string;
-    };
-    title: {
-        color: string;
-    };
-    wrapper: {
-        background: string;
-        borderColor: string;
-        boxShadow: string;
-        boxShadowHover: string;
-    };
-}
-
-declare interface IThemeGenreTypeToggle {
-    active: {
-        rest: {
-            track: string;
-            thumb: string;
-            border: string;
-            thumbBoxShadow: string;
-        };
-        hover: {
-            track: string;
-            thumb: string;
-            border: string;
-            thumbBoxShadow: string;
-        };
-    };
-    unActive: {
-        rest: {
-            track: string;
-            thumb: string;
-            border: string;
-            thumbBoxShadow: string;
-        };
-        hover: {
-            track: string;
-            thumb: string;
-            border: string;
-            thumbBoxShadow: string;
-        };
-    };
-}
-
-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';
-
-declare type IThemeScreen = Record<IThemeDevice, {
-    width: number;
-}>;
-
-declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
-
-declare type IThemeTypographyHeading = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'h8' | 'h9';
-
-declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
-
-export declare const ProviderSonner: FC<ProviderSonnerProps>;
-
-export declare type ProviderSonnerProps = PropsWithChildren & {
-    gap: number;
-    position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'bottom-center' | 'top-center';
-    visibleToasts?: number;
-    zIndex?: number;
-    default: Omit<SonnerContentStandardProps, 'index'>;
-};
-
-export declare const SonnerButtonWrapper: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-
-export declare const SonnerContent: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-
-declare type SonnerContentContentProps = SonnerContentDefaultProps & {
-    content: ReactNode | false;
-};
-
-declare type SonnerContentDefaultProps = {
-    hidingMode?: 'clickOnSonner' | 'clickOnButton';
-    hidingTime?: number;
-    icon?: addIconProps;
-    id?: string;
-    genre?: keyof ITheme['colors']['sonner'];
-    isLoading?: boolean;
-    button?: {
-        content?: string | ReactNode;
-        onClick?: () => void;
-    } | false;
-    index: number;
-} & addFontProps;
-
-export declare const SonnerContentDescription: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<SonnerContentStandardProps, "font" | "genre">>>>> & string;
-
-export declare type SonnerContentDescriptionProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre' | 'font'>>>;
-
-export declare type SonnerContentProps = SonnerContentContentProps | SonnerContentStandardProps;
-
-export declare type SonnerContentStandardProps = SonnerContentDefaultProps & {
-    description?: string | ReactNode;
-    title?: string | ReactNode;
-};
-
-export declare const SonnerContentTitle: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<SonnerContentStandardProps, "font" | "genre">>>>> & string;
-
-export declare type SonnerContentTitleProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre' | 'font'>>>;
-
-export declare const SonnerContext: Context<SonnerContextProps | null>;
-
-export declare type SonnerContextProps = {
-    toast: (content: Omit<SonnerContentStandardProps, 'index'>) => void;
-    promise: <T>(promise: Promise<T>, expectation: Omit<SonnerContentStandardProps, 'index'>, toast: (success: T | undefined, error: any | undefined) => Omit<SonnerContentProps, 'index'>) => void;
-    remove: (id: SonnerContentDefaultProps['id']) => void;
-    contentHistory: SonnerContentProps[];
-};
-
-declare type SonnerElementDefaultProps = {
-    id: SonnerContentDefaultProps['id'];
-    title: SonnerContentStandardProps['title'];
-    description: SonnerContentStandardProps['description'];
-    content: SonnerContentContentProps['content'];
-    icon?: SonnerContentDefaultProps['icon'];
-    isLoading: SonnerContentDefaultProps['isLoading'];
-    hidingMode: SonnerContentDefaultProps['hidingMode'];
-    button: SonnerContentDefaultProps['button'];
-    index: number;
-    handleOnClick: (id: SonnerContentDefaultProps['id'], hidingMode?: SonnerContentDefaultProps['hidingMode']) => void;
-    isMoreThanLastViewIndexPlusOne: boolean;
-    isMoreThanLastViewIndex: boolean;
-    isHovered: boolean;
-    isLastViewIndex: boolean;
-    buttonGenre: keyof IThemeGenre;
-    isTop: boolean;
-} & Required<Pick<SonnerContentDefaultProps, 'genre'>>;
-
-export declare type SonnerElementProps = SonnerElementDefaultProps;
-
-export declare const SonnerElementWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<SonnerContentStandardProps, "genre">>>>> & string;
-
-export declare type SonnerElementWrapperProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre'>>>;
-
-export declare const SonnerIcon: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-
-export declare const SonnerLayout: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<ProviderSonnerProps, "position" | "zIndex" | "gap">>>>> & string;
-
-export declare type SonnerLayoutProps = Required<AddDollarSign<Pick<ProviderSonnerProps, 'position' | 'gap' | 'zIndex'>>>;
-
-declare type SXProps = ({
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-}) | ((theme: DefaultTheme) => {
-    default: CSSObject;
-} & {
-    [K in IThemeDevice]?: CSSObject;
-});
-
-declare const ThemeMapBustmarket: readonly ["Card", "Delivery", "Heart", "Reviews", "Search", "Menu"];
-
-declare const ThemeMapCheckbox: readonly ["Radio-true", "Radio-false", "Square-true", "Square-false", "Heart-true", "Heart-false", "Arrow"];
-
-declare const ThemeMapId: readonly ["Close", "Biometry", "Qr", "Search", "Folder", "Wallet", "Graph", "Bookmark", "Browser", "Category", "Home", "Notification", "Chat", "Heart", "Paper", "Plus", "Minus", "PaperPlus", "PaperNegative", "PaperFail", "PaperDownload", "PaperUpload", "Send", "Password", "Swap", "Work", "Arrow1", "Arrow2", "Arrow3", "Arrow4", "ArrowMini1", "ArrowMini2", "Scan", "Activity", "Calendar", "Message", "PlusMini", "ChartMini", "Game", "Bag1", "Bag2", "TicketStar", "MoreCircle", "MoreSquare", "Discount", "Buy", "Web", "InfoMini", "DangerMini", "CloseMini", "TickMini", "Video", "Discovery", "Location", "Document", "Setting", "Time", "VolumeUp", "VolumeDown", "VolumeOff", "Star", "Select", "Ticket", "Camera", "Profile", "AddUser", "TwoUser", "ThreeUser", "Login", "Logout", "Download", "Upload", "Voice1", "Voice2", "Delete", "Edit", "PlayMini", "ShieldDone", "ShieldFail", "Show", "Hide", "Filter1", "Filter2", "Image", "Call", "Calling", "CallMissed", "CallSilent", "Lock", "Unlock", "Resources", "Language"];
-
-declare const ThemeMapLoading: readonly ["Line", "Circle", "Blocks", "Balls"];
-
-declare const ThemeMapLogo: readonly ["Jenesei", "BustMarket"];
-
-declare const ThemeMapRealebail: readonly ["MapCluster", "HomeLikes", "HomeManagement", "UserSettings", "User"];
-
-declare type TypographyDataProps = TypographyDefaultProps & {
-    size?: number;
-};
-
-declare type TypographyDefaultProps = {
-    align?: CSSProperties['textAlign'];
-    color?: IThemePaletteKeys;
-    cursor?: CSSProperties['cursor'];
-    decoration?: CSSProperties['textDecoration'];
-    family?: IThemeFontFamily;
-    flex?: string;
-    height?: number | string;
-    isHoverUnderlining?: boolean;
-    letterSpacing?: CSSProperties['letterSpacing'];
-    line?: number;
-    overflow?: CSSProperties['overflow'];
-    shadow?: 'shadowPulse';
-    transform?: CSSProperties['textTransform'];
-    weight?: IThemeTypographyWeight;
-    wrap?: CSSProperties['textWrap'];
-    isNoUserSelect?: boolean;
-};
-
-export declare const useSonner: () => SonnerContextProps;
-
-export { }
+export * from './contexts/context-sonner/index'
+export {}

package/build/context-sonner.es.js

@@ -1,22 +1,5 @@
-import { bh, be, bf, bg, bc, bd, bb, b3, ba, b6, b9, b8, b2, b5, b7, b4 } from "./context.constants-BWLe7YHv.js";
-import { u } from "./context.hooks-HEeFGka7.js";
+import { n as o, t as e } from "./context-sonner-Bniiz914.js";
 export {
-  bh as DEFAULT_PROVIDER_SONNER_BUTTON,
-  be as DEFAULT_PROVIDER_SONNER_DURATION,
-  bf as DEFAULT_PROVIDER_SONNER_GENRE,
-  bg as DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,
-  bc as DEFAULT_PROVIDER_SONNER_SCALE,
-  bd as DEFAULT_PROVIDER_SONNER_Y,
-  bb as DEFAULT_PROVIDER_SONNER_Z_INDEX,
-  b3 as ProviderSonner,
-  ba as SonnerButtonWrapper,
-  b6 as SonnerContent,
-  b9 as SonnerContentDescription,
-  b8 as SonnerContentTitle,
-  b2 as SonnerContext,
-  b5 as SonnerElementWrapper,
-  b7 as SonnerIcon,
-  b4 as SonnerLayout,
-  u as useSonner
+  o as ProviderSonner,
+  e as useSonner
 };
-//# sourceMappingURL=context-sonner.es.js.map