@payloadcms/ui 3.0.0-canary.f83d96a → 3.0.0-canary.ff8c8fd

package/dist/providers/Selection/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Selection/index.tsx"],"sourcesContent":["'use client'\nimport type { Where } from 'payload'\n\nimport qs from 'qs'\nimport React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../Locale/index.js'\nimport { useSearchParams } from '../SearchParams/index.js'\n\nexport enum SelectAllStatus {\n  AllAvailable = 'allAvailable',\n  AllInPage = 'allInPage',\n  None = 'none',\n  Some = 'some',\n}\n\ntype SelectionContext = {\n  count: number\n  getQueryParams: (additionalParams?: Where) => string\n  selectAll: SelectAllStatus\n  selected: Record<number | string, boolean>\n  setSelection: (id: number | string) => void\n  toggleAll: (allAvailable?: boolean) => void\n  totalDocs: number\n}\n\nconst Context = createContext({} as SelectionContext)\n\ntype Props = {\n  children: React.ReactNode\n  docs: any[]\n  totalDocs: number\n}\nexport const SelectionProvider: React.FC<Props> = ({ children, docs = [], totalDocs }) => {\n  const contextRef = useRef({} as SelectionContext)\n\n  const { code: locale } = useLocale()\n  const [selected, setSelected] = useState<SelectionContext['selected']>(() => {\n    const rows = {}\n    docs.forEach(({ id }) => {\n      rows[id] = false\n    })\n    return rows\n  })\n  const [selectAll, setSelectAll] = useState<SelectAllStatus>(SelectAllStatus.None)\n  const [count, setCount] = useState(0)\n  const { searchParams } = useSearchParams()\n\n  const toggleAll = useCallback(\n    (allAvailable = false) => {\n      const rows = {}\n      if (allAvailable) {\n        setSelectAll(SelectAllStatus.AllAvailable)\n        docs.forEach(({ id }) => {\n          rows[id] = true\n        })\n      } else if (\n        selectAll === SelectAllStatus.AllAvailable ||\n        selectAll === SelectAllStatus.AllInPage\n      ) {\n        setSelectAll(SelectAllStatus.None)\n        docs.forEach(({ id }) => {\n          rows[id] = false\n        })\n      } else {\n        docs.forEach(({ id }) => {\n          rows[id] = selectAll !== SelectAllStatus.Some\n        })\n      }\n      setSelected(rows)\n    },\n    [docs, selectAll],\n  )\n\n  const setSelection = useCallback(\n    (id) => {\n      const isSelected = !selected[id]\n      const newSelected = {\n        ...selected,\n        [id]: isSelected,\n      }\n      if (!isSelected) {\n        setSelectAll(SelectAllStatus.Some)\n      }\n      setSelected(newSelected)\n    },\n    [selected],\n  )\n\n  const getQueryParams = useCallback(\n    (additionalParams?: Where): string => {\n      let where: Where\n      if (selectAll === SelectAllStatus.AllAvailable) {\n        const params = searchParams?.where as Where\n        where = params || {\n          id: { not_equals: '' },\n        }\n      } else {\n        where = {\n          id: {\n            in: Object.keys(selected)\n              .filter((id) => selected[id])\n              .map((id) => id),\n          },\n        }\n      }\n      if (additionalParams) {\n        where = {\n          and: [{ ...additionalParams }, where],\n        }\n      }\n      return qs.stringify(\n        {\n          locale,\n          where,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [selectAll, selected, locale, searchParams],\n  )\n\n  useEffect(() => {\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      return\n    }\n    let some = false\n    let all = true\n    Object.values(selected).forEach((val) => {\n      all = all && val\n      some = some || val\n    })\n\n    if (all) {\n      setSelectAll(SelectAllStatus.AllInPage)\n    } else if (some) {\n      setSelectAll(SelectAllStatus.Some)\n    } else {\n      setSelectAll(SelectAllStatus.None)\n    }\n  }, [selectAll, selected])\n\n  useEffect(() => {\n    const newCount =\n      selectAll === SelectAllStatus.AllAvailable\n        ? totalDocs\n        : Object.keys(selected).filter((id) => selected[id]).length\n    setCount(newCount)\n  }, [selectAll, selected, totalDocs])\n\n  contextRef.current = {\n    count,\n    getQueryParams,\n    selectAll,\n    selected,\n    setSelection,\n    toggleAll,\n    totalDocs,\n  }\n\n  return <Context.Provider value={contextRef.current}>{children}</Context.Provider>\n}\n\nexport const useSelection = (): SelectionContext => useContext(Context)\n"],"names":["qs","React","createContext","useCallback","useContext","useEffect","useRef","useState","useLocale","useSearchParams","SelectAllStatus","Context","SelectionProvider","children","docs","totalDocs","contextRef","code","locale","selected","setSelected","rows","forEach","id","selectAll","setSelectAll","count","setCount","searchParams","toggleAll","allAvailable","setSelection","isSelected","newSelected","getQueryParams","additionalParams","where","params","not_equals","in","Object","keys","filter","map","and","stringify","addQueryPrefix","some","all","values","val","newCount","length","current","Provider","value","useSelection"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["qs","React","createContext","useCallback","useContext","useEffect","useRef","useState","useLocale","useSearchParams","SelectAllStatus","Context","SelectionProvider","children","docs","totalDocs","contextRef","code","locale","selected","setSelected","rows","forEach","id","selectAll","setSelectAll","count","setCount","searchParams","toggleAll","allAvailable","setSelection","isSelected","newSelected","getQueryParams","additionalParams","where","params","not_equals","in","Object","keys","filter","map","and","stringify","addQueryPrefix","some","all","values","val","newCount","length","current","_jsx","Provider","value","useSelection"],"sources":["../../../src/providers/Selection/index.tsx"],"sourcesContent":["'use client'\nimport type { Where } from 'payload'\n\nimport * as qs from 'qs-esm'\nimport React, { createContext, useCallback, useContext, useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../Locale/index.js'\nimport { useSearchParams } from '../SearchParams/index.js'\n\nexport enum SelectAllStatus {\n  AllAvailable = 'allAvailable',\n  AllInPage = 'allInPage',\n  None = 'none',\n  Some = 'some',\n}\n\ntype SelectionContext = {\n  count: number\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  getQueryParams: (additionalParams?: Where) => string\n  selectAll: SelectAllStatus\n  selected: Record<number | string, boolean>\n  setSelection: (id: number | string) => void\n  toggleAll: (allAvailable?: boolean) => void\n  totalDocs: number\n}\n\nconst Context = createContext({} as SelectionContext)\n\ntype Props = {\n  readonly children: React.ReactNode\n  readonly docs: any[]\n  readonly totalDocs: number\n}\n\nexport const SelectionProvider: React.FC<Props> = ({ children, docs = [], totalDocs }) => {\n  const contextRef = useRef({} as SelectionContext)\n\n  const { code: locale } = useLocale()\n  const [selected, setSelected] = useState<SelectionContext['selected']>(() => {\n    const rows = {}\n    docs.forEach(({ id }) => {\n      rows[id] = false\n    })\n    return rows\n  })\n  const [selectAll, setSelectAll] = useState<SelectAllStatus>(SelectAllStatus.None)\n  const [count, setCount] = useState(0)\n  const { searchParams } = useSearchParams()\n\n  const toggleAll = useCallback(\n    (allAvailable = false) => {\n      const rows = {}\n      if (allAvailable) {\n        setSelectAll(SelectAllStatus.AllAvailable)\n        docs.forEach(({ id }) => {\n          rows[id] = true\n        })\n      } else if (\n        selectAll === SelectAllStatus.AllAvailable ||\n        selectAll === SelectAllStatus.AllInPage\n      ) {\n        setSelectAll(SelectAllStatus.None)\n        docs.forEach(({ id }) => {\n          rows[id] = false\n        })\n      } else {\n        docs.forEach(({ id }) => {\n          rows[id] = selectAll !== SelectAllStatus.Some\n        })\n      }\n      setSelected(rows)\n    },\n    [docs, selectAll],\n  )\n\n  const setSelection = useCallback(\n    (id) => {\n      const isSelected = !selected[id]\n      const newSelected = {\n        ...selected,\n        [id]: isSelected,\n      }\n      if (!isSelected) {\n        setSelectAll(SelectAllStatus.Some)\n      }\n      setSelected(newSelected)\n    },\n    [selected],\n  )\n\n  const getQueryParams = useCallback(\n    (additionalParams?: Where): string => {\n      let where: Where\n      if (selectAll === SelectAllStatus.AllAvailable) {\n        const params = searchParams?.where as Where\n        where = params || {\n          id: { not_equals: '' },\n        }\n      } else {\n        where = {\n          id: {\n            in: Object.keys(selected)\n              .filter((id) => selected[id])\n              .map((id) => id),\n          },\n        }\n      }\n      if (additionalParams) {\n        where = {\n          and: [{ ...additionalParams }, where],\n        }\n      }\n      return qs.stringify(\n        {\n          locale,\n          where,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [selectAll, selected, locale, searchParams],\n  )\n\n  useEffect(() => {\n    if (selectAll === SelectAllStatus.AllAvailable) {\n      return\n    }\n    let some = false\n    let all = true\n    Object.values(selected).forEach((val) => {\n      all = all && val\n      some = some || val\n    })\n\n    if (all) {\n      setSelectAll(SelectAllStatus.AllInPage)\n    } else if (some) {\n      setSelectAll(SelectAllStatus.Some)\n    } else {\n      setSelectAll(SelectAllStatus.None)\n    }\n  }, [selectAll, selected])\n\n  useEffect(() => {\n    const newCount =\n      selectAll === SelectAllStatus.AllAvailable\n        ? totalDocs\n        : Object.keys(selected).filter((id) => selected[id]).length\n    setCount(newCount)\n  }, [selectAll, selected, totalDocs])\n\n  contextRef.current = {\n    count,\n    getQueryParams,\n    selectAll,\n    selected,\n    setSelection,\n    toggleAll,\n    totalDocs,\n  }\n\n  return <Context.Provider value={contextRef.current}>{children}</Context.Provider>\n}\n\nexport const useSelection = (): SelectionContext => useContext(Context)\n"],"mappings":"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","ignoreList":[]}

package/dist/providers/Theme/index.js

@@ -1,70 +1,110 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
 const initialContext = {
-    autoMode: true,
-    setTheme: ()=>null,
-    theme: 'light'
+  autoMode: true,
+  setTheme: () => null,
+  theme: 'light'
 };
-const Context = /*#__PURE__*/ createContext(initialContext);
+const Context = /*#__PURE__*/createContext(initialContext);
 function setCookie(cname, cvalue, exdays) {
-    const d = new Date();
-    d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
-    const expires = 'expires=' + d.toUTCString();
-    document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/';
+  const d = new Date();
+  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
+  const expires = 'expires=' + d.toUTCString();
+  document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/';
 }
-const getTheme = (cookieKey)=>{
-    let theme;
-    const themeFromCookies = window.document.cookie.split('; ').find((row)=>row.startsWith(`${cookieKey}=`))?.split('=')[1];
-    if (themeFromCookies === 'light' || themeFromCookies === 'dark') {
-        theme = themeFromCookies;
-    } else {
-        theme = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-    }
-    document.documentElement.setAttribute('data-theme', theme);
-    return {
-        theme,
-        themeFromCookies
-    };
+const getTheme = cookieKey => {
+  let theme;
+  const themeFromCookies = window.document.cookie.split('; ').find(row => row.startsWith(`${cookieKey}=`))?.split('=')[1];
+  if (themeFromCookies === 'light' || themeFromCookies === 'dark') {
+    theme = themeFromCookies;
+  } else {
+    theme = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+  }
+  document.documentElement.setAttribute('data-theme', theme);
+  return {
+    theme,
+    themeFromCookies
+  };
 };
 export const defaultTheme = 'light';
-export const ThemeProvider = ({ children, cookiePrefix, theme: initialTheme })=>{
-    const cookieKey = `${cookiePrefix || 'payload'}-theme`;
-    const [theme, setThemeState] = useState(initialTheme || defaultTheme);
-    const [autoMode, setAutoMode] = useState();
-    useEffect(()=>{
-        const { theme, themeFromCookies } = getTheme(cookieKey);
-        setThemeState(theme);
-        setAutoMode(!themeFromCookies);
-    }, [
-        cookieKey
-    ]);
-    const setTheme = useCallback((themeToSet)=>{
-        if (themeToSet === 'light' || themeToSet === 'dark') {
-            setThemeState(themeToSet);
-            setAutoMode(false);
-            setCookie(cookieKey, themeToSet, 365);
-            document.documentElement.setAttribute('data-theme', themeToSet);
-        } else if (themeToSet === 'auto') {
-            // to delete the cookie, we set an expired date
-            setCookie(cookieKey, themeToSet, -1);
-            const themeFromOS = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-            document.documentElement.setAttribute('data-theme', themeFromOS);
-            setAutoMode(true);
-            setThemeState(themeFromOS);
+export const ThemeProvider = t0 => {
+  const $ = _c(10);
+  const {
+    children,
+    cookiePrefix,
+    theme: initialTheme
+  } = t0;
+  const cookieKey = `${cookiePrefix || "payload"}-theme`;
+  const [theme, setThemeState] = useState(initialTheme || defaultTheme);
+  const [autoMode, setAutoMode] = useState();
+  let t1;
+  let t2;
+  if ($[0] !== cookieKey) {
+    t1 = () => {
+      const {
+        theme: theme_0,
+        themeFromCookies
+      } = getTheme(cookieKey);
+      setThemeState(theme_0);
+      setAutoMode(!themeFromCookies);
+    };
+    t2 = [cookieKey];
+    $[0] = cookieKey;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t1 = $[1];
+    t2 = $[2];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[3] !== cookieKey) {
+    t3 = themeToSet => {
+      if (themeToSet === "light" || themeToSet === "dark") {
+        setThemeState(themeToSet);
+        setAutoMode(false);
+        setCookie(cookieKey, themeToSet, 365);
+        document.documentElement.setAttribute("data-theme", themeToSet);
+      } else {
+        if (themeToSet === "auto") {
+          setCookie(cookieKey, themeToSet, -1);
+          const themeFromOS = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+          document.documentElement.setAttribute("data-theme", themeFromOS);
+          setAutoMode(true);
+          setThemeState(themeFromOS);
         }
-    }, [
-        cookieKey
-    ]);
-    return /*#__PURE__*/ _jsx(Context.Provider, {
-        value: {
-            autoMode,
-            setTheme,
-            theme
-        },
-        children: children
+      }
+    };
+    $[3] = cookieKey;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const setTheme = t3;
+  let t4;
+  if ($[5] !== autoMode || $[6] !== setTheme || $[7] !== theme || $[8] !== children) {
+    t4 = _jsx(Context.Provider, {
+      value: {
+        autoMode,
+        setTheme,
+        theme
+      },
+      children
     });
+    $[5] = autoMode;
+    $[6] = setTheme;
+    $[7] = theme;
+    $[8] = children;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
+};
+export const useTheme = () => {
+  return useContext(Context);
 };
-export const useTheme = ()=>useContext(Context);
-
 //# sourceMappingURL=index.js.map

package/dist/providers/Theme/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/providers/Theme/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\n\nexport type Theme = 'dark' | 'light'\n\nexport type ThemeContext = {\n  autoMode: boolean\n  setTheme: (theme: Theme) => void\n  theme: Theme\n}\n\nconst initialContext: ThemeContext = {\n  autoMode: true,\n  setTheme: () => null,\n  theme: 'light',\n}\n\nconst Context = createContext(initialContext)\n\nfunction setCookie(cname, cvalue, exdays) {\n  const d = new Date()\n  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000)\n  const expires = 'expires=' + d.toUTCString()\n  document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/'\n}\n\nconst getTheme = (\n  cookieKey,\n): {\n  theme: Theme\n  themeFromCookies: null | string\n} => {\n  let theme: Theme\n\n  const themeFromCookies = window.document.cookie\n    .split('; ')\n    .find((row) => row.startsWith(`${cookieKey}=`))\n    ?.split('=')[1]\n\n  if (themeFromCookies === 'light' || themeFromCookies === 'dark') {\n    theme = themeFromCookies\n  } else {\n    theme =\n      window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n  }\n\n  document.documentElement.setAttribute('data-theme', theme)\n\n  return { theme, themeFromCookies }\n}\n\nexport const defaultTheme = 'light'\n\nexport const ThemeProvider: React.FC<{\n  children?: React.ReactNode\n  cookiePrefix?: string\n  theme?: Theme\n}> = ({ children, cookiePrefix, theme: initialTheme }) => {\n  const cookieKey = `${cookiePrefix || 'payload'}-theme`\n\n  const [theme, setThemeState] = useState<Theme>(initialTheme || defaultTheme)\n\n  const [autoMode, setAutoMode] = useState<boolean>()\n\n  useEffect(() => {\n    const { theme, themeFromCookies } = getTheme(cookieKey)\n    setThemeState(theme)\n    setAutoMode(!themeFromCookies)\n  }, [cookieKey])\n\n  const setTheme = useCallback(\n    (themeToSet: 'auto' | Theme) => {\n      if (themeToSet === 'light' || themeToSet === 'dark') {\n        setThemeState(themeToSet)\n        setAutoMode(false)\n        setCookie(cookieKey, themeToSet, 365)\n        document.documentElement.setAttribute('data-theme', themeToSet)\n      } else if (themeToSet === 'auto') {\n        // to delete the cookie, we set an expired date\n        setCookie(cookieKey, themeToSet, -1)\n        const themeFromOS =\n          window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n            ? 'dark'\n            : 'light'\n        document.documentElement.setAttribute('data-theme', themeFromOS)\n        setAutoMode(true)\n        setThemeState(themeFromOS)\n      }\n    },\n    [cookieKey],\n  )\n\n  return <Context.Provider value={{ autoMode, setTheme, theme }}>{children}</Context.Provider>\n}\n\nexport const useTheme = (): ThemeContext => useContext(Context)\n"],"names":["React","createContext","useCallback","useContext","useEffect","useState","initialContext","autoMode","setTheme","theme","Context","setCookie","cname","cvalue","exdays","d","Date","setTime","getTime","expires","toUTCString","document","cookie","getTheme","cookieKey","themeFromCookies","window","split","find","row","startsWith","matchMedia","matches","documentElement","setAttribute","defaultTheme","ThemeProvider","children","cookiePrefix","initialTheme","setThemeState","setAutoMode","themeToSet","themeFromOS","Provider","value","useTheme"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAU1F,MAAMC,iBAA+B;IACnCC,UAAU;IACVC,UAAU,IAAM;IAChBC,OAAO;AACT;AAEA,MAAMC,wBAAUT,cAAcK;AAE9B,SAASK,UAAUC,KAAK,EAAEC,MAAM,EAAEC,MAAM;IACtC,MAAMC,IAAI,IAAIC;IACdD,EAAEE,OAAO,CAACF,EAAEG,OAAO,KAAKJ,SAAS,KAAK,KAAK,KAAK;IAChD,MAAMK,UAAU,aAAaJ,EAAEK,WAAW;IAC1CC,SAASC,MAAM,GAAGV,QAAQ,MAAMC,SAAS,MAAMM,UAAU;AAC3D;AAEA,MAAMI,WAAW,CACfC;IAKA,IAAIf;IAEJ,MAAMgB,mBAAmBC,OAAOL,QAAQ,CAACC,MAAM,CAC5CK,KAAK,CAAC,MACNC,IAAI,CAAC,CAACC,MAAQA,IAAIC,UAAU,CAAC,CAAC,EAAEN,UAAU,CAAC,CAAC,IAC3CG,MAAM,IAAI,CAAC,EAAE;IAEjB,IAAIF,qBAAqB,WAAWA,qBAAqB,QAAQ;QAC/DhB,QAAQgB;IACV,OAAO;QACLhB,QACEiB,OAAOK,UAAU,IAAIL,OAAOK,UAAU,CAAC,gCAAgCC,OAAO,GAC1E,SACA;IACR;IAEAX,SAASY,eAAe,CAACC,YAAY,CAAC,cAAczB;IAEpD,OAAO;QAAEA;QAAOgB;IAAiB;AACnC;AAEA,OAAO,MAAMU,eAAe,QAAO;AAEnC,OAAO,MAAMC,gBAIR,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAE7B,OAAO8B,YAAY,EAAE;IACnD,MAAMf,YAAY,CAAC,EAAEc,gBAAgB,UAAU,MAAM,CAAC;IAEtD,MAAM,CAAC7B,OAAO+B,cAAc,GAAGnC,SAAgBkC,gBAAgBJ;IAE/D,MAAM,CAAC5B,UAAUkC,YAAY,GAAGpC;IAEhCD,UAAU;QACR,MAAM,EAAEK,KAAK,EAAEgB,gBAAgB,EAAE,GAAGF,SAASC;QAC7CgB,cAAc/B;QACdgC,YAAY,CAAChB;IACf,GAAG;QAACD;KAAU;IAEd,MAAMhB,WAAWN,YACf,CAACwC;QACC,IAAIA,eAAe,WAAWA,eAAe,QAAQ;YACnDF,cAAcE;YACdD,YAAY;YACZ9B,UAAUa,WAAWkB,YAAY;YACjCrB,SAASY,eAAe,CAACC,YAAY,CAAC,cAAcQ;QACtD,OAAO,IAAIA,eAAe,QAAQ;YAChC,+CAA+C;YAC/C/B,UAAUa,WAAWkB,YAAY,CAAC;YAClC,MAAMC,cACJjB,OAAOK,UAAU,IAAIL,OAAOK,UAAU,CAAC,gCAAgCC,OAAO,GAC1E,SACA;YACNX,SAASY,eAAe,CAACC,YAAY,CAAC,cAAcS;YACpDF,YAAY;YACZD,cAAcG;QAChB;IACF,GACA;QAACnB;KAAU;IAGb,qBAAO,KAACd,QAAQkC,QAAQ;QAACC,OAAO;YAAEtC;YAAUC;YAAUC;QAAM;kBAAI4B;;AAClE,EAAC;AAED,OAAO,MAAMS,WAAW,IAAoB3C,WAAWO,SAAQ"}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","useCallback","useContext","useEffect","useState","initialContext","autoMode","setTheme","theme","Context","setCookie","cname","cvalue","exdays","d","Date","setTime","getTime","expires","toUTCString","document","cookie","getTheme","cookieKey","themeFromCookies","window","split","find","row","startsWith","matchMedia","matches","documentElement","setAttribute","defaultTheme","ThemeProvider","t0","$","children","cookiePrefix","initialTheme","setThemeState","setAutoMode","t1","t2","theme_0","t3","themeToSet","themeFromOS","t4","_jsx","Provider","value","useTheme"],"sources":["../../../src/providers/Theme/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useCallback, useContext, useEffect, useState } from 'react'\n\nexport type Theme = 'dark' | 'light'\n\nexport type ThemeContext = {\n  autoMode: boolean\n  setTheme: (theme: Theme) => void\n  theme: Theme\n}\n\nconst initialContext: ThemeContext = {\n  autoMode: true,\n  setTheme: () => null,\n  theme: 'light',\n}\n\nconst Context = createContext(initialContext)\n\nfunction setCookie(cname, cvalue, exdays) {\n  const d = new Date()\n  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000)\n  const expires = 'expires=' + d.toUTCString()\n  document.cookie = cname + '=' + cvalue + ';' + expires + ';path=/'\n}\n\nconst getTheme = (\n  cookieKey,\n): {\n  theme: Theme\n  themeFromCookies: null | string\n} => {\n  let theme: Theme\n\n  const themeFromCookies = window.document.cookie\n    .split('; ')\n    .find((row) => row.startsWith(`${cookieKey}=`))\n    ?.split('=')[1]\n\n  if (themeFromCookies === 'light' || themeFromCookies === 'dark') {\n    theme = themeFromCookies\n  } else {\n    theme =\n      window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n  }\n\n  document.documentElement.setAttribute('data-theme', theme)\n\n  return { theme, themeFromCookies }\n}\n\nexport const defaultTheme = 'light'\n\nexport const ThemeProvider: React.FC<{\n  children?: React.ReactNode\n  cookiePrefix?: string\n  theme?: Theme\n}> = ({ children, cookiePrefix, theme: initialTheme }) => {\n  const cookieKey = `${cookiePrefix || 'payload'}-theme`\n\n  const [theme, setThemeState] = useState<Theme>(initialTheme || defaultTheme)\n\n  const [autoMode, setAutoMode] = useState<boolean>()\n\n  useEffect(() => {\n    const { theme, themeFromCookies } = getTheme(cookieKey)\n    setThemeState(theme)\n    setAutoMode(!themeFromCookies)\n  }, [cookieKey])\n\n  const setTheme = useCallback(\n    (themeToSet: 'auto' | Theme) => {\n      if (themeToSet === 'light' || themeToSet === 'dark') {\n        setThemeState(themeToSet)\n        setAutoMode(false)\n        setCookie(cookieKey, themeToSet, 365)\n        document.documentElement.setAttribute('data-theme', themeToSet)\n      } else if (themeToSet === 'auto') {\n        // to delete the cookie, we set an expired date\n        setCookie(cookieKey, themeToSet, -1)\n        const themeFromOS =\n          window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n            ? 'dark'\n            : 'light'\n        document.documentElement.setAttribute('data-theme', themeFromOS)\n        setAutoMode(true)\n        setThemeState(themeFromOS)\n      }\n    },\n    [cookieKey],\n  )\n\n  return <Context.Provider value={{ autoMode, setTheme, theme }}>{children}</Context.Provider>\n}\n\nexport const useTheme = (): ThemeContext => useContext(Context)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAUnF,MAAMC,cAAA,GAA+B;EACnCC,QAAA,EAAU;EACVC,QAAA,EAAUA,CAAA,KAAM;EAChBC,KAAA,EAAO;AACT;AAEA,MAAMC,OAAA,gBAAUT,aAAA,CAAcK,cAAA;AAE9B,SAASK,UAAUC,KAAK,EAAEC,MAAM,EAAEC,MAAM;EACtC,MAAMC,CAAA,GAAI,IAAIC,IAAA;EACdD,CAAA,CAAEE,OAAO,CAACF,CAAA,CAAEG,OAAO,KAAKJ,MAAA,GAAS,KAAK,KAAK,KAAK;EAChD,MAAMK,OAAA,GAAU,aAAaJ,CAAA,CAAEK,WAAW;EAC1CC,QAAA,CAASC,MAAM,GAAGV,KAAA,GAAQ,MAAMC,MAAA,GAAS,MAAMM,OAAA,GAAU;AAC3D;AAEA,MAAMI,QAAA,GACJC,SAAA;EAKA,IAAIf,KAAA;EAEJ,MAAMgB,gBAAA,GAAmBC,MAAA,CAAOL,QAAQ,CAACC,MAAM,CAC5CK,KAAK,CAAC,MACNC,IAAI,CAAEC,GAAA,IAAQA,GAAA,CAAIC,UAAU,CAAC,GAAGN,SAAA,GAAY,IAC3CG,KAAA,CAAM,IAAI,CAAC,EAAE;EAEjB,IAAIF,gBAAA,KAAqB,WAAWA,gBAAA,KAAqB,QAAQ;IAC/DhB,KAAA,GAAQgB,gBAAA;EACV,OAAO;IACLhB,KAAA,GACEiB,MAAA,CAAOK,UAAU,IAAIL,MAAA,CAAOK,UAAU,CAAC,gCAAgCC,OAAO,GAC1E,SACA;EACR;EAEAX,QAAA,CAASY,eAAe,CAACC,YAAY,CAAC,cAAczB,KAAA;EAEpD,OAAO;IAAEA,KAAA;IAAOgB;EAAiB;AACnC;AAEA,OAAO,MAAMU,YAAA,GAAe;AAE5B,OAAO,MAAMC,aAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAvC,EAAA;EAAC;IAAAwC,QAAA;IAAAC,YAAA;IAAA/B,KAAA,EAAAgC;EAAA,IAAAJ,EAA+C;EACnD,MAAAb,SAAA,GAAkB,GAAGgB,YAAA,IAAgB,iBAAiB;EAEtD,OAAA/B,KAAA,EAAAiC,aAAA,IAA+BrC,QAAA,CAAgBoC,YAAA,IAAAN,YAAgB;EAE/D,OAAA5B,QAAA,EAAAoC,WAAA,IAAgCtC,QAAA;EAAA,IAAAuC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAd,SAAA;IAEtBoB,EAAA,GAAAA,CAAA;MACR;QAAAnC,KAAA,EAAAqC,OAAA;QAAArB;MAAA,IAAoCF,QAAA,CAASC,SAAA;MAC7CkB,aAAA,CAAcjC,OAAA;MACdkC,WAAA,EAAalB,gBAAA;IAAA;IACZoB,EAAA,IAACrB,SAAA;IAAUc,CAAA,MAAAd,SAAA;IAAAc,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAO,EAAA;EAAA;IAAAD,EAAA,GAAAN,CAAA;IAAAO,EAAA,GAAAP,CAAA;EAAA;EAJdlC,SAAA,CAAUwC,EAIV,EAAGC,EAAW;EAAA,IAAAE,EAAA;EAAA,IAAAT,CAAA,QAAAd,SAAA;IAGZuB,EAAA,GAAAC,UAAA;MAAA,IACMA,UAAA,KAAe,WAAWA,UAAA,KAAe;QAC3CN,aAAA,CAAcM,UAAA;QACdL,WAAA,MAAY;QACZhC,SAAA,CAAUa,SAAA,EAAWwB,UAAA,KAAY;QACjC3B,QAAA,CAAAY,eAAA,CAAAC,YAAA,CAAsC,cAAcc,UAAA;MAAA;QAAA,IAC3CA,UAAA,KAAe;UAExBrC,SAAA,CAAUa,SAAA,EAAWwB,UAAA,IAAa;UAClC,MAAAC,WAAA,GACEvB,MAAA,CAAAK,UAAA,IAAqBL,MAAA,CAAAK,UAAA,CAAkB,gCAAAC,OAAuC,GAC1E,SACA;UACNX,QAAA,CAAAY,eAAA,CAAAC,YAAA,CAAsC,cAAce,WAAA;UACpDN,WAAA,KAAY;UACZD,aAAA,CAAcO,WAAA;QAAA;MAAA;IAAA;IAElBX,CAAA,MAAAd,SAAA;IAAAc,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAlBF,MAAA9B,QAAA,GAAiBuC,EAmBJ;EAAA,IAAAG,EAAA;EAAA,IAAAZ,CAAA,QAAA/B,QAAA,IAAA+B,CAAA,QAAA9B,QAAA,IAAA8B,CAAA,QAAA7B,KAAA,IAAA6B,CAAA,QAAAC,QAAA;IAGNW,EAAA,GAAAC,IAAA,CAAAzC,OAAA,CAAA0C,QAAA;MAAAC,KAAA;QAAA9C,QAAA;QAAAC,QAAA;QAAAC;MAAA;MAAA8B;IAAA,C;;;;;;;;;SAAAW,E;CACT;AAEA,OAAO,MAAMI,QAAA,GAAWA,CAAA;EAAA,OAAoBnD,UAAA,CAAAO,OAAW;AAAA","ignoreList":[]}

package/dist/providers/ToastContainer/icons/Error.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Error.d.ts","sourceRoot":"","sources":["../../../../src/providers/ToastContainer/icons/Error.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAezB,CAAA"}
+{"version":3,"file":"Error.d.ts","sourceRoot":"","sources":["../../../../src/providers/ToastContainer/icons/Error.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAezB,CAAA"}

package/dist/providers/ToastContainer/icons/Error.js

@@ -1,25 +1,23 @@
+'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const Error = ()=>{
-    return /*#__PURE__*/ _jsxs("svg", {
-        fill: "none",
-        height: "26",
-        viewBox: "0 0 26 26",
-        width: "26",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                d: "M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z",
-                fill: "#FF8C91"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M15.4001 10.5996L10.6001 15.3996M10.6001 10.5996L15.4001 15.3996",
-                stroke: "#2F2F2F",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-            })
-        ]
-    });
+export const Error = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    fill: "none",
+    height: "26",
+    viewBox: "0 0 26 26",
+    width: "26",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z",
+      fill: "var(--theme-error-500)"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M15.4001 10.5996L10.6001 15.3996M10.6001 10.5996L15.4001 15.3996",
+      stroke: "var(--theme-error-50)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
 };
-
 //# sourceMappingURL=Error.js.map

package/dist/providers/ToastContainer/icons/Error.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/ToastContainer/icons/Error.tsx"],"sourcesContent":["import React from 'react'\n\nexport const Error: React.FC = () => {\n  return (\n    <svg fill=\"none\" height=\"26\" viewBox=\"0 0 26 26\" width=\"26\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z\"\n        fill=\"#FF8C91\"\n      />\n      <path\n        d=\"M15.4001 10.5996L10.6001 15.3996M10.6001 10.5996L15.4001 15.3996\"\n        stroke=\"#2F2F2F\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"names":["React","Error","svg","fill","height","viewBox","width","xmlns","path","d","stroke","strokeLinecap","strokeLinejoin"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,QAAkB;IAC7B,qBACE,MAACC;QAAIC,MAAK;QAAOC,QAAO;QAAKC,SAAQ;QAAYC,OAAM;QAAKC,OAAM;;0BAChE,KAACC;gBACCC,GAAE;gBACFN,MAAK;;0BAEP,KAACK;gBACCC,GAAE;gBACFC,QAAO;gBACPC,eAAc;gBACdC,gBAAe;;;;AAIvB,EAAC"}
+{"version":3,"file":"Error.js","names":["React","Error","_jsxs","fill","height","viewBox","width","xmlns","_jsx","d","stroke","strokeLinecap","strokeLinejoin"],"sources":["../../../../src/providers/ToastContainer/icons/Error.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const Error: React.FC = () => {\n  return (\n    <svg fill=\"none\" height=\"26\" viewBox=\"0 0 26 26\" width=\"26\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z\"\n        fill=\"var(--theme-error-500)\"\n      />\n      <path\n        d=\"M15.4001 10.5996L10.6001 15.3996M10.6001 10.5996L15.4001 15.3996\"\n        stroke=\"var(--theme-error-50)\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,KAAA,GAAkBA,CAAA;EAC7B,oBACEC,KAAA,CAAC;IAAIC,IAAA,EAAK;IAAOC,MAAA,EAAO;IAAKC,OAAA,EAAQ;IAAYC,KAAA,EAAM;IAAKC,KAAA,EAAM;4BAChEC,IAAA,CAAC;MACCC,CAAA,EAAE;MACFN,IAAA,EAAK;qBAEPK,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;;;AAIvB","ignoreList":[]}

package/dist/providers/ToastContainer/icons/Info.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Info.d.ts","sourceRoot":"","sources":["../../../../src/providers/ToastContainer/icons/Info.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAexB,CAAA"}
+{"version":3,"file":"Info.d.ts","sourceRoot":"","sources":["../../../../src/providers/ToastContainer/icons/Info.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAexB,CAAA"}

package/dist/providers/ToastContainer/icons/Info.js

@@ -1,25 +1,23 @@
+'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const Info = ()=>{
-    return /*#__PURE__*/ _jsxs("svg", {
-        fill: "none",
-        height: "26",
-        viewBox: "0 0 26 26",
-        width: "26",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                d: "M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z",
-                fill: "#C3C3C3"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M13 16.1998V12.9998M13 9.7998H13.0077",
-                stroke: "#2F2F2F",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-            })
-        ]
-    });
+export const Info = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    fill: "none",
+    height: "26",
+    viewBox: "0 0 26 26",
+    width: "26",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z",
+      fill: "var(--theme-elevation-500)"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M13 16.1998V12.9998M13 9.7998H13.0077",
+      stroke: "var(--theme-elevation-50)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
 };
-
 //# sourceMappingURL=Info.js.map

package/dist/providers/ToastContainer/icons/Info.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/ToastContainer/icons/Info.tsx"],"sourcesContent":["import React from 'react'\n\nexport const Info: React.FC = () => {\n  return (\n    <svg fill=\"none\" height=\"26\" viewBox=\"0 0 26 26\" width=\"26\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z\"\n        fill=\"#C3C3C3\"\n      />\n      <path\n        d=\"M13 16.1998V12.9998M13 9.7998H13.0077\"\n        stroke=\"#2F2F2F\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"names":["React","Info","svg","fill","height","viewBox","width","xmlns","path","d","stroke","strokeLinecap","strokeLinejoin"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,OAAiB;IAC5B,qBACE,MAACC;QAAIC,MAAK;QAAOC,QAAO;QAAKC,SAAQ;QAAYC,OAAM;QAAKC,OAAM;;0BAChE,KAACC;gBACCC,GAAE;gBACFN,MAAK;;0BAEP,KAACK;gBACCC,GAAE;gBACFC,QAAO;gBACPC,eAAc;gBACdC,gBAAe;;;;AAIvB,EAAC"}
+{"version":3,"file":"Info.js","names":["React","Info","_jsxs","fill","height","viewBox","width","xmlns","_jsx","d","stroke","strokeLinecap","strokeLinejoin"],"sources":["../../../../src/providers/ToastContainer/icons/Info.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const Info: React.FC = () => {\n  return (\n    <svg fill=\"none\" height=\"26\" viewBox=\"0 0 26 26\" width=\"26\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z\"\n        fill=\"var(--theme-elevation-500)\"\n      />\n      <path\n        d=\"M13 16.1998V12.9998M13 9.7998H13.0077\"\n        stroke=\"var(--theme-elevation-50)\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,IAAA,GAAiBA,CAAA;EAC5B,oBACEC,KAAA,CAAC;IAAIC,IAAA,EAAK;IAAOC,MAAA,EAAO;IAAKC,OAAA,EAAQ;IAAYC,KAAA,EAAM;IAAKC,KAAA,EAAM;4BAChEC,IAAA,CAAC;MACCC,CAAA,EAAE;MACFN,IAAA,EAAK;qBAEPK,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;;;AAIvB","ignoreList":[]}

package/dist/providers/ToastContainer/icons/Success.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Success.d.ts","sourceRoot":"","sources":["../../../../src/providers/ToastContainer/icons/Success.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAe3B,CAAA"}
+{"version":3,"file":"Success.d.ts","sourceRoot":"","sources":["../../../../src/providers/ToastContainer/icons/Success.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAe3B,CAAA"}

package/dist/providers/ToastContainer/icons/Success.js

@@ -1,25 +1,23 @@
+'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const Success = ()=>{
-    return /*#__PURE__*/ _jsxs("svg", {
-        fill: "none",
-        height: "26",
-        viewBox: "0 0 26 26",
-        width: "26",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                d: "M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z",
-                fill: "#A0E6C1"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M10.6001 13.0004L12.2001 14.6004L15.4001 11.4004",
-                stroke: "#2F2F2F",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-            })
-        ]
-    });
+export const Success = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    fill: "none",
+    height: "26",
+    viewBox: "0 0 26 26",
+    width: "26",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z",
+      fill: "var(--theme-success-500)"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M10.6001 13.0004L12.2001 14.6004L15.4001 11.4004",
+      stroke: "var(--theme-success-50)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
 };
-
 //# sourceMappingURL=Success.js.map

package/dist/providers/ToastContainer/icons/Success.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/ToastContainer/icons/Success.tsx"],"sourcesContent":["import React from 'react'\n\nexport const Success: React.FC = () => {\n  return (\n    <svg fill=\"none\" height=\"26\" viewBox=\"0 0 26 26\" width=\"26\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z\"\n        fill=\"#A0E6C1\"\n      />\n      <path\n        d=\"M10.6001 13.0004L12.2001 14.6004L15.4001 11.4004\"\n        stroke=\"#2F2F2F\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"names":["React","Success","svg","fill","height","viewBox","width","xmlns","path","d","stroke","strokeLinecap","strokeLinejoin"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,UAAoB;IAC/B,qBACE,MAACC;QAAIC,MAAK;QAAOC,QAAO;QAAKC,SAAQ;QAAYC,OAAM;QAAKC,OAAM;;0BAChE,KAACC;gBACCC,GAAE;gBACFN,MAAK;;0BAEP,KAACK;gBACCC,GAAE;gBACFC,QAAO;gBACPC,eAAc;gBACdC,gBAAe;;;;AAIvB,EAAC"}
+{"version":3,"file":"Success.js","names":["React","Success","_jsxs","fill","height","viewBox","width","xmlns","_jsx","d","stroke","strokeLinecap","strokeLinejoin"],"sources":["../../../../src/providers/ToastContainer/icons/Success.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const Success: React.FC = () => {\n  return (\n    <svg fill=\"none\" height=\"26\" viewBox=\"0 0 26 26\" width=\"26\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z\"\n        fill=\"var(--theme-success-500)\"\n      />\n      <path\n        d=\"M10.6001 13.0004L12.2001 14.6004L15.4001 11.4004\"\n        stroke=\"var(--theme-success-50)\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,OAAA,GAAoBA,CAAA;EAC/B,oBACEC,KAAA,CAAC;IAAIC,IAAA,EAAK;IAAOC,MAAA,EAAO;IAAKC,OAAA,EAAQ;IAAYC,KAAA,EAAM;IAAKC,KAAA,EAAM;4BAChEC,IAAA,CAAC;MACCC,CAAA,EAAE;MACFN,IAAA,EAAK;qBAEPK,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;;;AAIvB","ignoreList":[]}

package/dist/providers/ToastContainer/icons/Warning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Warning.d.ts","sourceRoot":"","sources":["../../../../src/providers/ToastContainer/icons/Warning.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAe3B,CAAA"}
+{"version":3,"file":"Warning.d.ts","sourceRoot":"","sources":["../../../../src/providers/ToastContainer/icons/Warning.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAe3B,CAAA"}

package/dist/providers/ToastContainer/icons/Warning.js

@@ -1,25 +1,23 @@
+'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const Warning = ()=>{
-    return /*#__PURE__*/ _jsxs("svg", {
-        fill: "none",
-        height: "26",
-        viewBox: "0 0 26 26",
-        width: "26",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                d: "M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z",
-                fill: "#E4E694"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                d: "M13 10V13.2M13 16.4H13.008",
-                stroke: "black",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-            })
-        ]
-    });
+export const Warning = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    fill: "none",
+    height: "26",
+    viewBox: "0 0 26 26",
+    width: "26",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z",
+      fill: "var(--theme-warning-500)"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M13 10V13.2M13 16.4H13.008",
+      stroke: "var(--theme-warning-50)",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
 };
-
 //# sourceMappingURL=Warning.js.map

package/dist/providers/ToastContainer/icons/Warning.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/providers/ToastContainer/icons/Warning.tsx"],"sourcesContent":["import React from 'react'\n\nexport const Warning: React.FC = () => {\n  return (\n    <svg fill=\"none\" height=\"26\" viewBox=\"0 0 26 26\" width=\"26\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z\"\n        fill=\"#E4E694\"\n      />\n      <path\n        d=\"M13 10V13.2M13 16.4H13.008\"\n        stroke=\"black\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"names":["React","Warning","svg","fill","height","viewBox","width","xmlns","path","d","stroke","strokeLinecap","strokeLinejoin"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,UAAoB;IAC/B,qBACE,MAACC;QAAIC,MAAK;QAAOC,QAAO;QAAKC,SAAQ;QAAYC,OAAM;QAAKC,OAAM;;0BAChE,KAACC;gBACCC,GAAE;gBACFN,MAAK;;0BAEP,KAACK;gBACCC,GAAE;gBACFC,QAAO;gBACPC,eAAc;gBACdC,gBAAe;;;;AAIvB,EAAC"}
+{"version":3,"file":"Warning.js","names":["React","Warning","_jsxs","fill","height","viewBox","width","xmlns","_jsx","d","stroke","strokeLinecap","strokeLinejoin"],"sources":["../../../../src/providers/ToastContainer/icons/Warning.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nexport const Warning: React.FC = () => {\n  return (\n    <svg fill=\"none\" height=\"26\" viewBox=\"0 0 26 26\" width=\"26\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M13 21C17.4183 21 21 17.4183 21 13C21 8.58172 17.4183 5 13 5C8.58172 5 5 8.58172 5 13C5 17.4183 8.58172 21 13 21Z\"\n        fill=\"var(--theme-warning-500)\"\n      />\n      <path\n        d=\"M13 10V13.2M13 16.4H13.008\"\n        stroke=\"var(--theme-warning-50)\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,OAAA,GAAoBA,CAAA;EAC/B,oBACEC,KAAA,CAAC;IAAIC,IAAA,EAAK;IAAOC,MAAA,EAAO;IAAKC,OAAA,EAAQ;IAAYC,KAAA,EAAM;IAAKC,KAAA,EAAM;4BAChEC,IAAA,CAAC;MACCC,CAAA,EAAE;MACFN,IAAA,EAAK;qBAEPK,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;;;AAIvB","ignoreList":[]}

package/dist/providers/ToastContainer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ToastContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EA8BlC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ToastContainer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAgClC,CAAA"}

package/dist/providers/ToastContainer/index.js

@@ -1,4 +1,5 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { Toaster } from 'sonner';
@@ -6,34 +7,35 @@ import { Error } from './icons/Error.js';
 import { Info } from './icons/Info.js';
 import { Success } from './icons/Success.js';
 import { Warning } from './icons/Warning.js';
-export const ToastContainer = ()=>{
-    return /*#__PURE__*/ _jsx(Toaster, {
-        className: "payload-toast-container",
-        closeButton: true,
-        // @ts-expect-error
-        dir: "undefined",
-        icons: {
-            error: /*#__PURE__*/ _jsx(Error, {}),
-            info: /*#__PURE__*/ _jsx(Info, {}),
-            success: /*#__PURE__*/ _jsx(Success, {}),
-            warning: /*#__PURE__*/ _jsx(Warning, {})
-        },
-        offset: "36px",
-        toastOptions: {
-            classNames: {
-                closeButton: 'payload-toast-close-button',
-                content: 'toast-content',
-                error: 'toast-error',
-                icon: 'toast-icon',
-                info: 'toast-info',
-                success: 'toast-success',
-                toast: 'payload-toast-item',
-                warning: 'toast-warning'
-            },
-            unstyled: true
-        },
-        visibleToasts: 5
-    });
+export const ToastContainer = () => {
+  return /*#__PURE__*/_jsx(Toaster, {
+    className: "payload-toast-container",
+    closeButton: true,
+    // @ts-expect-error
+    dir: "undefined",
+    gap: 8,
+    icons: {
+      error: /*#__PURE__*/_jsx(Error, {}),
+      info: /*#__PURE__*/_jsx(Info, {}),
+      success: /*#__PURE__*/_jsx(Success, {}),
+      warning: /*#__PURE__*/_jsx(Warning, {})
+    },
+    offset: "calc(var(--gutter-h) / 2)",
+    toastOptions: {
+      classNames: {
+        closeButton: 'payload-toast-close-button',
+        content: 'toast-content',
+        error: 'toast-error',
+        icon: 'toast-icon',
+        info: 'toast-info',
+        success: 'toast-success',
+        title: 'toast-title',
+        toast: 'payload-toast-item',
+        warning: 'toast-warning'
+      },
+      unstyled: true
+    },
+    visibleToasts: 5
+  });
 };
-
 //# sourceMappingURL=index.js.map