@alphakits/ui 1.31.5 → 2.0.1

package/dist/theme-provider/default-themes.js

@@ -1 +1,154 @@
-var t={light:{text:{primary:"#0E0E0E",secondary:"rgb(4 4 19 / 55%)",thirdly:"rgb(5 8 29 / 38%)",positive:"#63C956",negative:"#EC4D3D",attention:"#F19938",accent:"#2174EF",main:"#2174ef","primary-inverted":"#FFFFFF",static:"#FFFFFF"},bg:{primary:"#ffffff",secondary:"#F2F3F5",thirdly:"#E7E8EA",quaternary:"#D5D6DC","special-super-light":"#FDFDFD","secondary-inverted":"#1C1C1E","special-big-objects":"#F8F8F9",positive:"#63C956","positive-light":"#E8F7E6",negative:"#EC4D3D","negative-light":"#FCE4E2",attention:"#F19938","attention-light":"#FDF0E1",accent:"#2174EF","accent-light":"#DCE7F7","accent-special":"#649EF4",cyan:"#70BDEB","cyan-light":"#EAF5FC",indigo:"#565AD0","indigo-light":"#E6E6F8",overlay:"rgb(0 0 0 /60%)",main:"#2174EF",static:"#FFFFFF"},graphic:{primary:"#0E0E0E",secondary:"#86868A",thirdly:"#C1C1C3",positive:"#63C956",negative:"#EC4D3D",attention:"#F19938",accent:"#2174EF","accent-special":"#649EF4","secondary-inverted":"#85858D",main:"#2174ef",static:"#FFFFFF"},border:{primary:"#D5D6DC",secondary:"#E7E8EC",thirdly:"#F2F3F5","special-component":"rgb(11 31 53 / 7%)",negative:"#EC4D3D",positive:"#63C956",attention:"#F19938",accent:"#2174EF",cyan:"#70BDEB",main:"#2174EF"},status:{purple:"#673ab7",teal:"#008080"},glass:{footer:"hsla(0,0%,100%,.45)"},fixed:{color:"#fff"}},dark:{text:{primary:"#E8E8E8",secondary:"rgb(238 238 351 / 55%)",thirdly:"rgb(238 238 351 / 38%)",positive:"#32D74B",negative:"#FF453A",attention:"#FF9F0A",accent:"#2174EF",main:"#2174ef","primary-inverted":"#0E0E0E",static:"#FFFFFF"},bg:{primary:"#0E0E0E",secondary:"#1C1C1E",thirdly:"#27272A",quaternary:"#36363A","special-super-light":"#18181970","secondary-inverted":"#F2F3F5","special-big-objects":"#171718",positive:"#32D74B","positive-light":"#143219",negative:"#FF453A","negative-light":"#391816",attention:"#FF9F0A","attention-light":"#39280D",accent:"#2174EF","accent-light":"#172741","accent-special":"#649EF4",cyan:"#64D2FF","cyan-light":"#1D3139",indigo:"#5E5CE6","indigo-light":"#1C1C35",overlay:"rgb(0 0 0 /60%)",main:"#2174EF",static:"#FFFFFF"},graphic:{primary:"#F8F8F8",secondary:"#85858D",thirdly:"#3E3E3E",positive:"#63C956",negative:"#EC4D3D",attention:"#F19938",accent:"#2174EF","accent-special":"#649EF4","secondary-inverted":"#86868A",main:"#2174ef",static:"#FFFFFF"},border:{primary:"#36363A",secondary:"#27272A",thirdly:"#1C1C1E","special-component":"rgb(235 239 243 / 7%)",negative:"#FF453A",positive:"#32D74B",attention:"#FF9F0A",accent:"#2174EF",cyan:"#64D2FF",main:"#2174EF"},status:{purple:"#673ab7",teal:"#008080"},glass:{footer:"#1213168f"},fixed:{color:"#fff"}}};export{t as defaultThemes};
+const t = {
+  light: {
+    text: {
+      primary: "#0E0E0E",
+      secondary: "rgb(4 4 19 / 55%)",
+      thirdly: "rgb(5 8 29 / 38%)",
+      positive: "#63C956",
+      negative: "#EC4D3D",
+      attention: "#F19938",
+      accent: "#2174EF",
+      main: "#2174ef",
+      "primary-inverted": "#FFFFFF",
+      static: "#FFFFFF"
+    },
+    bg: {
+      primary: "#ffffff",
+      secondary: "#F2F3F5",
+      thirdly: "#E7E8EA",
+      quaternary: "#D5D6DC",
+      "special-super-light": "#FDFDFD",
+      "secondary-inverted": "#1C1C1E",
+      "special-big-objects": "#F8F8F9",
+      positive: "#63C956",
+      "positive-light": "#E8F7E6",
+      negative: "#EC4D3D",
+      "negative-light": "#FCE4E2",
+      attention: "#F19938",
+      "attention-light": "#FDF0E1",
+      accent: "#2174EF",
+      "accent-light": "#DCE7F7",
+      "accent-special": "#649EF4",
+      cyan: "#70BDEB",
+      "cyan-light": "#EAF5FC",
+      indigo: "#565AD0",
+      "indigo-light": "#E6E6F8",
+      overlay: "rgb(0 0 0 /60%)",
+      main: "#2174EF",
+      static: "#FFFFFF"
+    },
+    graphic: {
+      primary: "#0E0E0E",
+      secondary: "#86868A",
+      thirdly: "#C1C1C3",
+      positive: "#63C956",
+      negative: "#EC4D3D",
+      attention: "#F19938",
+      accent: "#2174EF",
+      "accent-special": "#649EF4",
+      "secondary-inverted": "#85858D",
+      main: "#2174ef",
+      static: "#FFFFFF"
+    },
+    border: {
+      primary: "#D5D6DC",
+      secondary: "#E7E8EC",
+      thirdly: "#F2F3F5",
+      "special-component": "rgb(11 31 53 / 7%)",
+      negative: "#EC4D3D",
+      positive: "#63C956",
+      attention: "#F19938",
+      accent: "#2174EF",
+      cyan: "#70BDEB",
+      main: "#2174EF"
+    },
+    status: {
+      purple: "#673ab7",
+      teal: "#008080"
+    },
+    glass: {
+      footer: "hsla(0,0%,100%,.45)"
+    },
+    fixed: {
+      color: "#fff"
+    }
+  },
+  dark: {
+    text: {
+      primary: "#E8E8E8",
+      secondary: "rgb(238 238 351 / 55%)",
+      thirdly: "rgb(238 238 351 / 38%)",
+      positive: "#32D74B",
+      negative: "#FF453A",
+      attention: "#FF9F0A",
+      accent: "#2174EF",
+      main: "#2174ef",
+      "primary-inverted": "#0E0E0E",
+      static: "#FFFFFF"
+    },
+    bg: {
+      primary: "#0E0E0E",
+      secondary: "#1C1C1E",
+      thirdly: "#27272A",
+      quaternary: "#36363A",
+      "special-super-light": "#18181970",
+      "secondary-inverted": "#F2F3F5",
+      "special-big-objects": "#171718",
+      positive: "#32D74B",
+      "positive-light": "#143219",
+      negative: "#FF453A",
+      "negative-light": "#391816",
+      attention: "#FF9F0A",
+      "attention-light": "#39280D",
+      accent: "#2174EF",
+      "accent-light": "#172741",
+      "accent-special": "#649EF4",
+      cyan: "#64D2FF",
+      "cyan-light": "#1D3139",
+      indigo: "#5E5CE6",
+      "indigo-light": "#1C1C35",
+      overlay: "rgb(0 0 0 /60%)",
+      main: "#2174EF",
+      static: "#FFFFFF"
+    },
+    graphic: {
+      primary: "#F8F8F8",
+      secondary: "#85858D",
+      thirdly: "#3E3E3E",
+      positive: "#63C956",
+      negative: "#EC4D3D",
+      attention: "#F19938",
+      accent: "#2174EF",
+      "accent-special": "#649EF4",
+      "secondary-inverted": "#86868A",
+      main: "#2174ef",
+      static: "#FFFFFF"
+    },
+    border: {
+      primary: "#36363A",
+      secondary: "#27272A",
+      thirdly: "#1C1C1E",
+      "special-component": "rgb(235 239 243 / 7%)",
+      negative: "#FF453A",
+      positive: "#32D74B",
+      attention: "#FF9F0A",
+      accent: "#2174EF",
+      cyan: "#64D2FF",
+      main: "#2174EF"
+    },
+    status: {
+      purple: "#673ab7",
+      teal: "#008080"
+    },
+    glass: {
+      footer: "#1213168f"
+    },
+    fixed: {
+      color: "#fff"
+    }
+  }
+};
+export {
+  t as defaultThemes
+};
+//# sourceMappingURL=default-themes.js.map

package/dist/theme-provider/default-themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-themes.js","sources":["../../src/theme-provider/default-themes.ts"],"sourcesContent":["export const defaultThemes = {\n    light: {\n        text: {\n            primary: '#0E0E0E',\n            secondary: 'rgb(4 4 19 / 55%)',\n            thirdly: 'rgb(5 8 29 / 38%)',\n            positive: '#63C956',\n            negative: '#EC4D3D',\n            attention: '#F19938',\n            accent: '#2174EF',\n            main: '#2174ef',\n            'primary-inverted': '#FFFFFF',\n            static: '#FFFFFF',\n        },\n\n        bg: {\n            primary: '#ffffff',\n            secondary: '#F2F3F5',\n            thirdly: '#E7E8EA',\n            quaternary: '#D5D6DC',\n            'special-super-light': '#FDFDFD',\n            'secondary-inverted': '#1C1C1E',\n            'special-big-objects': '#F8F8F9',\n            positive: '#63C956',\n            'positive-light': '#E8F7E6',\n            negative: '#EC4D3D',\n            'negative-light': '#FCE4E2',\n            attention: '#F19938',\n            'attention-light': '#FDF0E1',\n            accent: '#2174EF',\n            'accent-light': '#DCE7F7',\n            'accent-special': '#649EF4',\n            cyan: '#70BDEB',\n            'cyan-light': '#EAF5FC',\n            indigo: '#565AD0',\n            'indigo-light': '#E6E6F8',\n            overlay: 'rgb(0 0 0 /60%)',\n            main: '#2174EF',\n            static: '#FFFFFF',\n        },\n\n        graphic: {\n            primary: '#0E0E0E',\n            secondary: '#86868A',\n            thirdly: '#C1C1C3',\n            positive: '#63C956',\n            negative: '#EC4D3D',\n            attention: '#F19938',\n            accent: '#2174EF',\n            'accent-special': '#649EF4',\n            'secondary-inverted': '#85858D',\n            main: '#2174ef',\n            static: '#FFFFFF',\n        },\n\n        border: {\n            primary: '#D5D6DC',\n            secondary: '#E7E8EC',\n            thirdly: '#F2F3F5',\n            'special-component': 'rgb(11 31 53 / 7%)',\n            negative: '#EC4D3D',\n            positive: '#63C956',\n            attention: '#F19938',\n            accent: '#2174EF',\n            cyan: '#70BDEB',\n            main: '#2174EF',\n        },\n\n        status: {\n            purple: '#673ab7',\n            teal: '#008080',\n        },\n\n        glass: {\n            footer: 'hsla(0,0%,100%,.45)',\n        },\n\n        fixed: {\n            color: '#fff',\n        },\n\n    },\n    dark: {\n        text: {\n            primary: '#E8E8E8',\n            secondary: 'rgb(238 238 351 / 55%)',\n            thirdly: 'rgb(238 238 351 / 38%)',\n            positive: '#32D74B',\n            negative: '#FF453A',\n            attention: '#FF9F0A',\n            accent: '#2174EF',\n            main: '#2174ef',\n            'primary-inverted': '#0E0E0E',\n            static: '#FFFFFF',\n        },\n\n        bg: {\n            primary: '#0E0E0E',\n            secondary: '#1C1C1E',\n            thirdly: '#27272A',\n            quaternary: '#36363A',\n            'special-super-light': '#18181970',\n            'secondary-inverted': '#F2F3F5',\n            'special-big-objects': '#171718',\n            positive: '#32D74B',\n            'positive-light': '#143219',\n            negative: '#FF453A',\n            'negative-light': '#391816',\n            attention: '#FF9F0A',\n            'attention-light': '#39280D',\n            accent: '#2174EF',\n            'accent-light': '#172741',\n            'accent-special': '#649EF4',\n            cyan: '#64D2FF',\n            'cyan-light': '#1D3139',\n            indigo: '#5E5CE6',\n            'indigo-light': '#1C1C35',\n            overlay: 'rgb(0 0 0 /60%)',\n            main: '#2174EF',\n            static: '#FFFFFF',\n        },\n\n        graphic: {\n            primary: '#F8F8F8',\n            secondary: '#85858D',\n            thirdly: '#3E3E3E',\n            positive: '#63C956',\n            negative: '#EC4D3D',\n            attention: '#F19938',\n            accent: '#2174EF',\n            'accent-special': '#649EF4',\n            'secondary-inverted': '#86868A',\n            main: '#2174ef',\n            static: '#FFFFFF',\n        },\n\n        border: {\n            primary: '#36363A',\n            secondary: '#27272A',\n            thirdly: '#1C1C1E',\n            'special-component': 'rgb(235 239 243 / 7%)',\n            negative: '#FF453A',\n            positive: '#32D74B',\n            attention: '#FF9F0A',\n            accent: '#2174EF',\n            cyan: '#64D2FF',\n            main: '#2174EF',\n        },\n\n        status: {\n            purple: '#673ab7',\n            teal: '#008080',\n        },\n\n        glass: {\n            footer: '#1213168f',\n        },\n\n        fixed: {\n            color: '#fff',\n        },\n    },\n} as const;\n\ntype DefaultThemes = typeof defaultThemes;\n\ntype DefaultThemeType = {\n    [P in keyof DefaultThemes['light']]: {\n        [value: string]: string;\n    };\n} & Required<{[P in keyof DefaultThemes['light']]: {\n    [K in keyof DefaultThemes['light'][P]]: string\n}}>;\n\nexport type ThemesObject = {\n    dark: DefaultThemeType;\n    light: DefaultThemeType;\n};\n"],"names":["defaultThemes"],"mappings":"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"}

package/dist/theme-provider/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./component";
-export * from "./default-themes";
+export * from './component';
+export * from './default-themes';

package/dist/theme-provider/index.js

@@ -1 +1,12 @@
-export{LOACAL_STORAGE_THEME_KEY,STYLE_TAG_ID,THEME,THEME_DATA_ATTR,ThemeProvider,useTheme}from"./component.js";export{defaultThemes}from"./default-themes.js";import"react";
+import { LOACAL_STORAGE_THEME_KEY as E, STYLE_TAG_ID as A, THEME as _, THEME_DATA_ATTR as r, ThemeProvider as m, useTheme as o } from "./component.js";
+import { defaultThemes as h } from "./default-themes.js";
+export {
+  E as LOACAL_STORAGE_THEME_KEY,
+  A as STYLE_TAG_ID,
+  _ as THEME,
+  r as THEME_DATA_ATTR,
+  m as ThemeProvider,
+  h as defaultThemes,
+  o as useTheme
+};
+//# sourceMappingURL=index.js.map

package/dist/theme-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/toast/component.d.ts

@@ -1,29 +1,55 @@
-/// <reference types="react" />
-import React from 'react';
-import { PopoverProps } from "../popover/index";
-import { ToastPlateProps } from "../toast-plate/index";
-type ToastProps = ToastPlateProps & Pick<PopoverProps, 'position' | 'offset' | 'open' | 'getPortalContainer' | 'preventFlip' | 'transition'> & {
+import { default as React } from 'react';
+import { PopoverProps } from '../popover';
+import { ToastPlateProps } from '../toast-plate';
+export declare type ToastProps = ToastPlateProps & Pick<PopoverProps, 'position' | 'offset' | 'open' | 'getPortalContainer' | 'preventFlip' | 'transition'> & {
+    /**
+         * Элемент, относительного которого появляется тост.
+         * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).
+         */
     anchorElement?: HTMLElement;
+    /**
+         * Через сколько исчезнет компонент (ms).
+         */
     autoCloseDelay?: number;
+    /**
+         * Обработчик закрытия компонента.
+         */
     onClose: () => void;
+    /**
+         * Отступ снизу (при fixed-позиционировании).
+         */
     bottomOffset?: number;
 };
-declare const Toast: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+export declare const Toast: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     className?: string | undefined;
     contentClassName?: string | undefined;
     children?: React.ReactNode;
     title?: React.ReactNode;
     view: "attention" | "positive" | "negative" | "default" | "black" | "neutral";
     leftAddons?: React.ReactNode;
-    bottomAddons?: React.ReactNode;
+    bottomAddons?: React.ReactNode; /**
+         * Через сколько исчезнет компонент (ms).
+         */
     dataTestId?: string | undefined;
     hasCloser?: boolean | undefined;
     block?: boolean | undefined;
     onClose?: ((event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void) | undefined;
 } & Pick<PopoverProps, "getPortalContainer" | "open" | "transition" | "offset" | "position" | "preventFlip"> & {
+    /**
+         * Элемент, относительного которого появляется тост.
+         * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).
+         */
     anchorElement?: HTMLElement | undefined;
+    /**
+         * Через сколько исчезнет компонент (ms).
+         */
     autoCloseDelay?: number | undefined;
+    /**
+         * Обработчик закрытия компонента.
+         */
     onClose: () => void;
+    /**
+         * Отступ снизу (при fixed-позиционировании).
+         */
     bottomOffset?: number | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export { ToastProps, Toast };

package/dist/toast/component.js

@@ -1 +1,106 @@
-import{__rest as o,__assign as e}from"tslib";import t,{forwardRef as n,useRef as r,useCallback as i,useEffect as s}from"react";import m from"react-merge-refs";import{CSSTransition as a}from"react-transition-group";import l from"classnames";import{useClickOutside as c}from"../hooks/useClickOutside/index.js";import{usePrevious as p}from"../hooks/usePrevious/index.js";import{Popover as u}from"../popover/component.js";import{Portal as f}from"../portal/component.js";import{ToastPlate as d}from"../toast-plate/component.js";import"react-popper";import"../stack/context.js";import"../stack/component.js";import"react-dom";import"../portal/utils.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../button/component.js";import"../hooks/useFocus/index.js";import"../loader/component.js";var _="index-module_toastPlate__1tURa",x="index-module_popover__2s94c",k="index-module_block__1LQ2N",C="index-module_fixed__2VKTR",v={enter:"index-module_enter__1HqJ_",enterActive:"index-module_enterActive__24lwm",exit:"index-module_exit__1lF2R",exitActive:"index-module_exitActive__1DwuN"},h=n((function(n,h){var E,j=n.anchorElement,b=n.position,M=n.offset,N=n.open,T=n.autoCloseDelay,g=void 0===T?3e3:T,y=n.className,P=n.bottomOffset,A=n.style,w=void 0===A?{}:A,L=n.block,O=n.onMouseEnter,S=n.onMouseLeave,D=n.onTouchStart,R=n.onClose,F=n.getPortalContainer,q=o(n,["anchorElement","position","offset","open","autoCloseDelay","className","bottomOffset","style","block","onMouseEnter","onMouseLeave","onTouchStart","onClose","getPortalContainer"]),H=r(null),J=r(0),K=p(N),Q=i((function(){clearTimeout(J.current),J.current=window.setTimeout(R,g)}),[g,R]),U=i((function(){clearTimeout(J.current)}),[]),V=i((function(o){U(),O&&O(o)}),[O,U]),z=i((function(o){Q(),S&&S(o)}),[S,Q]),B=i((function(o){U(),D&&D(o)}),[D,U]),G=i((function(){R(),U()}),[R,U]);c(H,G),s((function(){return N!==K&&N&&Q(),function(){U()}}),[N,K,Q,U]);var I={block:L,onClose:R,onMouseEnter:V,onMouseLeave:z,onTouchStart:B,ref:m([h,H])};return j?t.createElement(u,{open:N,anchorElement:j,position:b,offset:M,popperClassName:l(x,(E={},E[k]=L,E)),transition:{timeout:150},getPortalContainer:F},t.createElement(d,e({},q,{style:w,className:y},I))):t.createElement(f,{getPortalContainer:F},t.createElement(a,{unmountOnExit:!0,in:N,timeout:150,classNames:v},t.createElement(d,e({},q,{className:l(C,_,y),style:e(e({},w),{bottom:P&&P+"px"})},I))))}));export{h as Toast};
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as L, useRef as O, useCallback as i, useEffect as M } from "react";
+import $ from "react-merge-refs";
+import { CSSTransition as g } from "react-transition-group";
+import k from "classnames";
+import { useClickOutside as q } from "../hooks/useClickOutside/index.js";
+import { usePrevious as y } from "../hooks/usePrevious/index.js";
+import { Popover as z } from "../popover/component.js";
+import { Portal as B } from "../portal/component.js";
+import { ToastPlate as w } from "../toast-plate/component.js";
+import r from "./index.module.css.js";
+const F = {
+  enter: r.enter,
+  enterActive: r.enterActive,
+  exit: r.exit,
+  exitActive: r.exitActive
+}, D = L(
+  ({
+    anchorElement: a,
+    position: I,
+    offset: P,
+    open: e,
+    autoCloseDelay: l = 3e3,
+    className: d,
+    bottomOffset: T,
+    style: x = {},
+    block: v,
+    onMouseEnter: n,
+    onMouseLeave: f,
+    onTouchStart: u,
+    onClose: o,
+    getPortalContainer: S,
+    ...A
+  }, _) => {
+    const h = O(null), p = O(0), N = y(e), c = i(() => {
+      clearTimeout(p.current), p.current = window.setTimeout(o, l);
+    }, [l, o]), t = i(() => {
+      clearTimeout(p.current);
+    }, []), E = i(
+      (m) => {
+        t(), n && n(m);
+      },
+      [n, t]
+    ), b = i(
+      (m) => {
+        c(), f && f(m);
+      },
+      [f, c]
+    ), j = i(
+      (m) => {
+        t(), u && u(m);
+      },
+      [u, t]
+    ), C = i(() => {
+      o(), t();
+    }, [o, t]);
+    q(h, C), M(() => (e !== N && e && c(), () => {
+      t();
+    }), [e, N, c, t]);
+    const R = {
+      block: v,
+      onClose: o,
+      onMouseEnter: E,
+      onMouseLeave: b,
+      onTouchStart: j,
+      ref: $([_, h])
+    };
+    return a ? /* @__PURE__ */ s(
+      z,
+      {
+        open: e,
+        anchorElement: a,
+        position: I,
+        offset: P,
+        popperClassName: k(r.popover, { [r.block]: v }),
+        transition: { timeout: 150 },
+        getPortalContainer: S,
+        children: /* @__PURE__ */ s(w, { ...A, style: x, className: d, ...R })
+      }
+    ) : /* @__PURE__ */ s(B, { getPortalContainer: S, children: /* @__PURE__ */ s(
+      g,
+      {
+        unmountOnExit: !0,
+        in: e,
+        timeout: 150,
+        classNames: F,
+        children: /* @__PURE__ */ s(
+          w,
+          {
+            ...A,
+            className: k(r.fixed, r.toastPlate, d),
+            style: {
+              ...x,
+              bottom: T && `${T}px`
+            },
+            ...R
+          }
+        )
+      }
+    ) });
+  }
+);
+export {
+  D as Toast
+};
+//# sourceMappingURL=component.js.map

package/dist/toast/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/toast/component.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    MouseEventHandler,\n    TouchEventHandler,\n    useCallback,\n    useEffect,\n    useRef,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { CSSTransition } from 'react-transition-group';\nimport cn from 'classnames';\n\nimport { useClickOutside } from '../hooks/useClickOutside';\nimport { usePrevious } from '../hooks/usePrevious';\nimport { Popover, PopoverProps } from '../popover';\nimport { Portal } from '../portal';\nimport { ToastPlate, ToastPlateProps } from '../toast-plate';\n\nimport styles from './index.module.css';\n\nconst CSS_TRANSITION_CLASS_NAMES = {\n    enter: styles.enter,\n    enterActive: styles.enterActive,\n    exit: styles.exit,\n    exitActive: styles.exitActive,\n};\n\nexport type ToastProps = ToastPlateProps &\nPick<\n        PopoverProps,\n        'position' | 'offset' | 'open' | 'getPortalContainer' | 'preventFlip' | 'transition'\n    > & {\n    /**\n         * Элемент, относительного которого появляется тост.\n         * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).\n         */\n    anchorElement?: HTMLElement;\n\n    /**\n         * Через сколько исчезнет компонент (ms).\n         */\n    autoCloseDelay?: number;\n\n    /**\n         * Обработчик закрытия компонента.\n         */\n    onClose: () => void;\n\n    /**\n         * Отступ снизу (при fixed-позиционировании).\n         */\n    bottomOffset?: number;\n};\n\nexport const Toast = forwardRef<HTMLDivElement, ToastProps>(\n    (\n        {\n            anchorElement,\n            position,\n            offset,\n            open,\n            autoCloseDelay = 3000,\n            className,\n            bottomOffset,\n            style = {},\n            block,\n            onMouseEnter,\n            onMouseLeave,\n            onTouchStart,\n            onClose,\n            getPortalContainer,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const plateRef = useRef<HTMLDivElement>(null);\n        const timerId = useRef(0);\n        const prevOpen = usePrevious(open);\n\n        const startTimer = useCallback(() => {\n            clearTimeout(timerId.current);\n\n            timerId.current = window.setTimeout(onClose, autoCloseDelay);\n        }, [autoCloseDelay, onClose]);\n\n        const stopTimer = useCallback(() => {\n            clearTimeout(timerId.current);\n        }, []);\n\n        const handleMouseEnter = useCallback<MouseEventHandler<HTMLDivElement>>(\n            (event) => {\n                stopTimer();\n\n                if (onMouseEnter) {\n                    onMouseEnter(event);\n                }\n            },\n            [onMouseEnter, stopTimer],\n        );\n\n        const handleMouseLeave = useCallback<MouseEventHandler<HTMLDivElement>>(\n            (event) => {\n                startTimer();\n\n                if (onMouseLeave) {\n                    onMouseLeave(event);\n                }\n            },\n            [onMouseLeave, startTimer],\n        );\n\n        const handleTouchStart = useCallback<TouchEventHandler<HTMLDivElement>>(\n            (event) => {\n                stopTimer();\n\n                if (onTouchStart) {\n                    onTouchStart(event);\n                }\n            },\n            [onTouchStart, stopTimer],\n        );\n\n        const handleClickOutside = useCallback(() => {\n            onClose();\n            stopTimer();\n        }, [onClose, stopTimer]);\n\n        useClickOutside(plateRef, handleClickOutside);\n\n        useEffect(() => {\n            if (open !== prevOpen && open) {\n                startTimer();\n            }\n\n            return () => {\n                stopTimer();\n            };\n        }, [open, prevOpen, startTimer, stopTimer]);\n\n        const props = {\n            block,\n            onClose,\n            onMouseEnter: handleMouseEnter,\n            onMouseLeave: handleMouseLeave,\n            onTouchStart: handleTouchStart,\n            ref: mergeRefs([ref, plateRef]),\n        };\n\n        if (anchorElement) {\n            return (\n                <Popover\n                    open={ open }\n                    anchorElement={ anchorElement }\n                    position={ position }\n                    offset={ offset }\n                    popperClassName={ cn(styles.popover, { [styles.block]: block }) }\n                    transition={ { timeout: 150 } }\n                    getPortalContainer={ getPortalContainer }\n                >\n                    <ToastPlate { ...restProps } style={ style } className={ className } { ...props } />\n                </Popover>\n            );\n        }\n\n        return (\n            <Portal getPortalContainer={ getPortalContainer }>\n                <CSSTransition\n                    unmountOnExit={ true }\n                    in={ open }\n                    timeout={ 150 }\n                    classNames={ CSS_TRANSITION_CLASS_NAMES }\n                >\n                    <ToastPlate\n                        { ...restProps }\n                        className={ cn(styles.fixed, styles.toastPlate, className) }\n                        style={ {\n                            ...style,\n                            bottom: bottomOffset && `${bottomOffset}px`,\n                        } }\n                        { ...props }\n                    />\n                </CSSTransition>\n            </Portal>\n        );\n    },\n);\n"],"names":["CSS_TRANSITION_CLASS_NAMES","styles","Toast","forwardRef","anchorElement","position","offset","open","autoCloseDelay","className","bottomOffset","style","block","onMouseEnter","onMouseLeave","onTouchStart","onClose","getPortalContainer","restProps","ref","plateRef","useRef","timerId","prevOpen","usePrevious","startTimer","useCallback","stopTimer","handleMouseEnter","event","handleMouseLeave","handleTouchStart","handleClickOutside","useClickOutside","useEffect","props","mergeRefs","jsx","Popover","cn","ToastPlate","Portal","CSSTransition"],"mappings":"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"}

package/dist/toast/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/toast/index.js

@@ -1 +1,5 @@
-export{Toast}from"./component.js";import"tslib";import"react";import"react-merge-refs";import"react-transition-group";import"classnames";import"../hooks/useClickOutside/index.js";import"../hooks/usePrevious/index.js";import"../popover/component.js";import"react-popper";import"../portal/component.js";import"react-dom";import"../portal/utils.js";import"../stack/context.js";import"../stack/component.js";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../button/component.js";import"../hooks/useFocus/index.js";import"../loader/component.js";
+import { Toast as t } from "./component.js";
+export {
+  t as Toast
+};
+//# sourceMappingURL=index.js.map

package/dist/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/toast/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--toast-box-shadow: var(--shadow-m)}.index-module_toastPlate__QcyxC{box-shadow:var(--toast-box-shadow)}.index-module_popover__CzEm-{z-index:99999999999999;border:none;border-radius:var(--toast-plate-border-radius);box-shadow:var(--toast-box-shadow)}.index-module_block__qnPJw{width:100%}.index-module_fixed__U9hsM{position:fixed;z-index:9999999999999999;bottom:var(--gap-2xl);transition:opacity .15s ease-in-out,transform .15s ease-in-out}.index-module_fixed__U9hsM.index-module_enter__mfllY{opacity:0;transform:scale(.98)}.index-module_fixed__U9hsM.index-module_enterActive__iRE6x,.index-module_fixed__U9hsM.index-module_exit__lf3xl{opacity:1;transform:scale(1)}.index-module_fixed__U9hsM.index-module_exitActive__qssLn{opacity:0;transform:scale(.98)}

package/dist/toast/index.module.css.js

@@ -0,0 +1,23 @@
+import './index.module.css';
+const e = "index-module_toastPlate__QcyxC", t = "index-module_popover__CzEm-", o = "index-module_block__qnPJw", n = "index-module_fixed__U9hsM", i = "index-module_enter__mfllY", _ = "index-module_enterActive__iRE6x", x = "index-module_exit__lf3xl", d = "index-module_exitActive__qssLn", l = {
+  toastPlate: e,
+  popover: t,
+  block: o,
+  fixed: n,
+  enter: i,
+  enterActive: _,
+  exit: x,
+  exitActive: d
+};
+export {
+  o as block,
+  l as default,
+  i as enter,
+  _ as enterActive,
+  x as exit,
+  d as exitActive,
+  n as fixed,
+  t as popover,
+  e as toastPlate
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/toast/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/toast-notifier/component.d.ts

@@ -1,12 +1,25 @@
-/// <reference types="react" />
-import React from 'react';
-import { ToastPlateProps } from "../toast-plate/index";
-type ToastNotifyProps = ToastPlateProps & {
+import { default as React } from 'react';
+import { ToastPlateProps } from '../toast-plate';
+export declare type ToastNotifyProps = ToastPlateProps & {
+    /**
+     * текст тоста
+     */
     text?: string;
+    /**
+     * время автоматического закрытия тоста
+     */
     delay?: number;
+    /**
+     * Отступ от верхнего края
+     */
     offset?: number;
+    /**
+     * позиция тоста относительно экрана;
+     */
     position?: 'top' | 'bottom';
+    /**
+     * Время до закрытия компонента
+     */
     autoCloseDelay?: number;
 };
-declare const ToastNotifier: React.FC<ToastNotifyProps>;
-export { ToastNotifyProps, ToastNotifier };
+export declare const ToastNotifier: React.FC<ToastNotifyProps>;

package/dist/toast-notifier/component.js

@@ -1 +1,70 @@
-import{__rest as e,__assign as t}from"tslib";import o from"react";import i from"react-dom";import s from"classnames";import{ToastPlate as n}from"../toast-plate/component.js";import{useTimer as r}from"./use-timer.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";var a,l="index-module_isVisible__3Qu8J",d="index-module_mobile__27YXL",m="index-module_isClosing__1BpPz",p="index-module_toastContent__3Vxkc";"undefined"!=typeof window&&((a=document.createElement("div")).setAttribute("id","toast_manager"),document.body.appendChild(a));var c=function(c){var u,f=c.className;c.children;var v=c.offset,h=void 0===v?108:v,C=c.hasCloser,x=void 0===C||C;c.onClose;var _=c.text;c.onMouseEnter,c.onMouseLeave;var b=c.style,y=c.position,k=void 0===y?"bottom":y,M=c.delay,g=void 0===M?3e3:M,w=e(c,["className","children","offset","hasCloser","onClose","text","onMouseEnter","onMouseLeave","style","position","delay"]);if("undefined"==typeof window)return null;var E,L=window.innerWidth>600;a.setAttribute("style",(E="position: fixed; z-index: 999999999;",L?E+" "+k+": "+h+"px; right: 30px":E+" top: "+h+"px; right: 30px; left: 30px"));var j=document.createElement("div");j.classList.remove(m),j.setAttribute("id","toast_wrap-"+Math.random()),j.setAttribute("style","margin-bottom: 18px"),a.appendChild(j);var A=function(){j.classList.add(m),setTimeout((function(){null==a||a.removeChild(j)}),300)},N=r(A,g),z=N.pause,V=N.resume;return j.addEventListener("mouseenter",(function(){z()})),j.addEventListener("mouseleave",(function(){V()})),i.render(o.createElement(n,t({hasCloser:x,className:s((u={},u[l]=!0,u[d]=!L,u),f),contentClassName:p,style:t({right:0,position:"relative"},b),role:"alert",onClose:A},w),_),j),null};export{c as ToastNotifier};
+import { jsx as x } from "react/jsx-runtime";
+import b from "react-dom";
+import C from "classnames";
+import { ToastPlate as y } from "../toast-plate/component.js";
+import { useTimer as w } from "./use-timer.js";
+import o from "./index.module.css.js";
+let t;
+typeof window != "undefined" && (t = document.createElement("div"), t.setAttribute("id", "toast_manager"), document.body.appendChild(t));
+const j = ({
+  className: m,
+  children: g,
+  offset: i = 108,
+  hasCloser: l = !0,
+  onClose: E,
+  text: d,
+  onMouseEnter: $,
+  onMouseLeave: L,
+  style: a,
+  position: p = "bottom",
+  delay: u = 3e3,
+  ...c
+}) => {
+  if (typeof window == "undefined") return null;
+  const n = window.innerWidth > 600, f = () => {
+    const r = "position: fixed; z-index: 999999999;";
+    return n ? `${r} ${p}: ${i}px; right: 30px` : `${r} top: ${i}px; right: 30px; left: 30px`;
+  };
+  t.setAttribute("style", f());
+  const e = document.createElement("div");
+  e.classList.remove(o.isClosing), e.setAttribute("id", `toast_wrap-${Math.random()}`), e.setAttribute("style", "margin-bottom: 18px"), t.appendChild(e);
+  const s = () => {
+    e.classList.add(o.isClosing), setTimeout(() => {
+      t == null || t.removeChild(e);
+    }, 300);
+  }, { pause: h, resume: v } = w(s, u);
+  return e.addEventListener("mouseenter", () => {
+    h();
+  }), e.addEventListener("mouseleave", () => {
+    v();
+  }), b.render(
+    /* @__PURE__ */ x(
+      y,
+      {
+        hasCloser: l,
+        className: C(
+          {
+            [o.isVisible]: !0,
+            [o.mobile]: !n
+          },
+          m
+        ),
+        contentClassName: o.toastContent,
+        style: {
+          right: 0,
+          position: "relative",
+          ...a
+        },
+        role: "alert",
+        onClose: s,
+        ...c,
+        children: d
+      }
+    ),
+    e
+  ), null;
+};
+export {
+  j as ToastNotifier
+};
+//# sourceMappingURL=component.js.map

package/dist/toast-notifier/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/toast-notifier/component.tsx"],"sourcesContent":["/* eslint-disable react/no-this-in-sfc */\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport cn from 'classnames';\n\nimport { ToastPlate, ToastPlateProps } from '../toast-plate';\n\nimport { useTimer } from './use-timer';\n\nimport styles from './index.module.css';\n\nexport type ToastNotifyProps = ToastPlateProps & {\n\n    /**\n     * текст тоста\n     */\n    text?: string;\n\n    /**\n     * время автоматического закрытия тоста\n     */\n    delay?: number;\n\n    /**\n     * Отступ от верхнего края\n     */\n    offset?: number;\n\n    /**\n     * позиция тоста относительно экрана;\n     */\n    position?: 'top' | 'bottom';\n\n    /**\n     * Время до закрытия компонента\n     */\n    autoCloseDelay?: number;\n};\n\nlet toastManager: HTMLDivElement;\n\nif (typeof window !== 'undefined') {\n    toastManager = document.createElement('div');\n\n    toastManager.setAttribute('id', 'toast_manager');\n    document.body.appendChild(toastManager);\n}\n\nexport const ToastNotifier: React.FC<ToastNotifyProps> = ({\n    className,\n    children,\n    offset = 108,\n    hasCloser = true,\n    onClose,\n    text,\n    onMouseEnter,\n    onMouseLeave,\n    style,\n    position = 'bottom',\n    delay = 3000,\n    ...restProps\n}) => {\n    if (typeof window === 'undefined') return null;\n\n    const isDesktop = window.innerWidth > 600;\n\n    const computeStyles = () => {\n        const s = 'position: fixed; z-index: 999999999;';\n\n        if (isDesktop) {\n            return `${s} ${position}: ${offset}px; right: 30px`;\n        }\n\n        return `${s} top: ${offset}px; right: 30px; left: 30px`;\n    };\n\n    toastManager.setAttribute('style', computeStyles());\n\n    const toastElement = document.createElement('div');\n\n    toastElement.classList.remove(styles.isClosing);\n    toastElement.setAttribute('id', `toast_wrap-${Math.random()}`);\n    toastElement.setAttribute('style', 'margin-bottom: 18px');\n    toastManager.appendChild(toastElement);\n\n    const remove = () => {\n        toastElement.classList.add(styles.isClosing);\n        setTimeout(() => { toastManager?.removeChild(toastElement); }, 300);\n    };\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { pause, resume } = useTimer(remove, delay);\n\n    toastElement.addEventListener('mouseenter', () => {\n        pause();\n    });\n\n    toastElement.addEventListener('mouseleave', () => {\n        resume();\n    });\n\n    ReactDOM.render(\n\n        <ToastPlate\n            hasCloser={ hasCloser }\n            className={ cn(\n                {\n                    [styles.isVisible]: true,\n                    [styles.mobile]: !isDesktop,\n                },\n                className,\n            ) }\n            contentClassName={ styles.toastContent }\n            style={ {\n                right: 0,\n                position: 'relative',\n                ...style,\n            } }\n            role=\"alert\"\n            onClose={ remove }\n            { ...restProps }\n        >\n            { text }\n        </ToastPlate>,\n        toastElement,\n    );\n\n    return null;\n};\n"],"names":["toastManager","ToastNotifier","className","children","offset","hasCloser","onClose","text","onMouseEnter","onMouseLeave","style","position","delay","restProps","isDesktop","computeStyles","s","toastElement","styles","remove","pause","resume","useTimer","ReactDOM","jsx","ToastPlate","cn"],"mappings":";;;;;;AAuCA,IAAIA;AAEA,OAAO,UAAW,gBAClBA,IAAe,SAAS,cAAc,KAAK,GAE3CA,EAAa,aAAa,MAAM,eAAe,GAC/C,SAAS,KAAK,YAAYA,CAAY;AAGnC,MAAMC,IAA4C,CAAC;AAAA,EACtD,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACP,MAAM;AACF,MAAI,OAAO,UAAW,YAAa,QAAO;AAE1C,QAAMC,IAAY,OAAO,aAAa,KAEhCC,IAAgB,MAAM;AACxB,UAAMC,IAAI;AAEV,WAAIF,IACO,GAAGE,CAAC,IAAIL,CAAQ,KAAKP,CAAM,oBAG/B,GAAGY,CAAC,SAASZ,CAAM;AAAA,EAC9B;AAEA,EAAAJ,EAAa,aAAa,SAASe,GAAe;AAElD,QAAME,IAAe,SAAS,cAAc,KAAK;AAEjD,EAAAA,EAAa,UAAU,OAAOC,EAAO,SAAS,GAC9CD,EAAa,aAAa,MAAM,cAAc,KAAK,OAAA,CAAQ,EAAE,GAC7DA,EAAa,aAAa,SAAS,qBAAqB,GACxDjB,EAAa,YAAYiB,CAAY;AAErC,QAAME,IAAS,MAAM;AACjB,IAAAF,EAAa,UAAU,IAAIC,EAAO,SAAS,GAC3C,WAAW,MAAM;AAAE,MAAAlB,KAAA,QAAAA,EAAc,YAAYiB;AAAA,IAAe,GAAG,GAAG;AAAA,EACtE,GAGM,EAAE,OAAAG,GAAO,QAAAC,EAAA,IAAWC,EAASH,GAAQP,CAAK;AAEhD,SAAAK,EAAa,iBAAiB,cAAc,MAAM;AAC9C,IAAAG,EAAA;AAAA,EACJ,CAAC,GAEDH,EAAa,iBAAiB,cAAc,MAAM;AAC9C,IAAAI,EAAA;AAAA,EACJ,CAAC,GAEDE,EAAS;AAAA,IAEL,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAApB;AAAA,QACA,WAAYqB;AAAA,UACR;AAAA,YACI,CAACR,EAAO,SAAS,GAAG;AAAA,YACpB,CAACA,EAAO,MAAM,GAAG,CAACJ;AAAA,UAAA;AAAA,UAEtBZ;AAAA,QAAA;AAAA,QAEJ,kBAAmBgB,EAAO;AAAA,QAC1B,OAAQ;AAAA,UACJ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,GAAGR;AAAA,QAAA;AAAA,QAEP,MAAK;AAAA,QACL,SAAUS;AAAA,QACR,GAAGN;AAAA,QAEH,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,IAENU;AAAA,EAAA,GAGG;AACX;"}

package/dist/toast-notifier/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/toast-notifier/index.js

@@ -1 +1,5 @@
-export{ToastNotifier}from"./component.js";import"tslib";import"react";import"react-dom";import"classnames";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";import"./use-timer.js";
+import { ToastNotifier as t } from "./component.js";
+export {
+  t as ToastNotifier
+};
+//# sourceMappingURL=index.js.map

package/dist/toast-notifier/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/toast-notifier/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--notification-desktop-content-width: 278px}.index-module_notificationComponent__vue40{visibility:hidden;position:fixed;right:var(--gap-s);transform:translateY(-500px);display:inline-flex;width:calc(100% - var(--gap-xl));max-width:calc(100vw - var(--gap-xl));-webkit-user-select:none;user-select:none;z-index:999999999999;transition:transform .2s ease-out}.index-module_isVisible__kvaxX{visibility:visible;transform:translate(0)}.index-module_mobile__ARgiW{width:100%!important}.index-module_isClosing__fMPDi{transition:transform .2s ease-out;transform:translate(100vw)}.index-module_progress__MhyUZ{height:5px;position:absolute;box-sizing:border-box;bottom:6px;width:90%}@media screen and (min-width:600px){.index-module_notificationComponent__vue40{right:var(--gap-4xl);width:auto;transform:translate(0)}.index-module_isClosing__fMPDi{transform:translate(calc(var(--notification-desktop-content-width) + var(--gap-4xl) + 300px))}.index-module_toastContent__WxLt6{width:var(--notification-desktop-content-width)}}

package/dist/toast-notifier/index.module.css.js

@@ -0,0 +1,15 @@
+import './index.module.css';
+const i = "index-module_isVisible__kvaxX", s = "index-module_mobile__ARgiW", o = "index-module_isClosing__fMPDi", t = "index-module_toastContent__WxLt6", e = {
+  isVisible: i,
+  mobile: s,
+  isClosing: o,
+  toastContent: t
+};
+export {
+  e as default,
+  o as isClosing,
+  i as isVisible,
+  s as mobile,
+  t as toastContent
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/toast-notifier/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/toast-notifier/use-timer.d.ts

@@ -1,7 +1,6 @@
-declare const useTimer: (fn: () => void, countdown: number) => {
+export declare const useTimer: (fn: () => void, countdown: number) => {
     cancel: () => void;
     pause: () => void;
     resume: () => void;
     countdown: number;
 };
-export { useTimer };