master-components-react-ts 1.0.9 → 1.0.10

package/dist/master-components-react-ts.es32.js

@@ -0,0 +1,31 @@
+import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
+const IconClose = ({
+  width = "14",
+  height = "14",
+  color = "#A4A7AE",
+  xmlns = "http://www.w3.org/2000/svg",
+  viewBox = "0 0 14 14",
+  fill = "none",
+  d = "M10.5 3.5L3.5 10.5M3.5 3.5L10.5 10.5",
+  stroke = "#A4A7AE",
+  strokeWidth = "1.66667",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns, width, height, viewBox, fill, children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d, stroke, strokeWidth, strokeLinecap, strokeLinejoin }) });
+};
+const IconCloseBlack = ({ color = "#131314" }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", color, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6 4.58579L10.2929 0.292893C10.6834 -0.0976311 11.3166 -0.0976311 11.7071 0.292893C12.0976 0.683417 12.0976 1.31658 11.7071 1.70711L7.41421 6L11.7071 10.2929C12.0976 10.6834 12.0976 11.3166 11.7071 11.7071C11.3166 12.0976 10.6834 12.0976 10.2929 11.7071L6 7.41421L1.70711 11.7071C1.31658 12.0976 0.683417 12.0976 0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L4.58579 6L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z",
+      fill: color
+    }
+  ) });
+};
+export {
+  IconClose,
+  IconCloseBlack
+};

package/dist/master-components-react-ts.es33.js

@@ -0,0 +1,13 @@
+import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
+const IconArrowUp = ({ width = "10", height = "6", color = "#131314" }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width, height, viewBox: `0 0 ${width} ${height}`, fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "path",
+    {
+      d: "M4.75065 3.75401L8.00065 0.504008C8.15343 0.35123 8.34787 0.274841 8.58398 0.274841C8.8201 0.274841 9.01454 0.35123 9.16732 0.504008C9.3201 0.656786 9.39648 0.85123 9.39648 1.08734C9.39648 1.32345 9.3201 1.5179 9.16732 1.67067L5.33398 5.50401C5.25065 5.58734 5.16037 5.64637 5.06315 5.68109C4.96593 5.71581 4.86176 5.73317 4.75065 5.73317C4.63954 5.73317 4.53537 5.71581 4.43815 5.68109C4.34093 5.64637 4.25065 5.58734 4.16732 5.50401L0.333984 1.67067C0.181207 1.5179 0.104817 1.32345 0.104817 1.08734C0.104817 0.85123 0.181207 0.656785 0.333984 0.504008C0.486762 0.35123 0.681207 0.274841 0.917317 0.274841C1.15343 0.274841 1.34787 0.35123 1.50065 0.504008L4.75065 3.75401Z",
+      fill: color
+    }
+  ) });
+};
+export {
+  IconArrowUp
+};

package/dist/master-components-react-ts.es34.js

@@ -0,0 +1,8 @@
+const radioWrapper = "Radio-module__radioWrapper";
+const style = {
+  radioWrapper
+};
+export {
+  style as default,
+  radioWrapper
+};

package/dist/master-components-react-ts.es35.js

@@ -0,0 +1,19 @@
+import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
+const IconRadioChecked = ({ size = "24", color = "#0058FF" }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: `0 0 ${size} ${size}`, fill: "none", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { clipPath: "url(#clip0_118_485)", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z",
+          fill: color
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17Z", fill: color })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("clipPath", { id: "clip0_118_485", children: /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { width: "24", height: "24", fill: "white" }) }) })
+  ] });
+};
+export {
+  IconRadioChecked
+};

package/dist/master-components-react-ts.es36.js

@@ -0,0 +1,16 @@
+import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
+const IconRadioUnchecked = ({ size = "24", color = "#C1C2C7" }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: `0 0 ${size} ${size}`, fill: "none", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("g", { clipPath: "url(#clip0_118_495)", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z",
+        fill: color
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("clipPath", { id: "clip0_118_495", children: /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { width: size, height: size, fill: "white" }) }) })
+  ] });
+};
+export {
+  IconRadioUnchecked
+};

package/dist/master-components-react-ts.es37.js

@@ -0,0 +1,19 @@
+import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
+const IconRadioCheckedDisabled = ({ size = "24", color = "#95969C" }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: `0 0 ${size} ${size}`, fill: "none", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { clipPath: "url(#clip0_118_531)", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "path",
+        {
+          d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z",
+          fill: color
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17Z", fill: color })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("clipPath", { id: "clip0_118_531", children: /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { width: size, height: size, fill: "white" }) }) })
+  ] });
+};
+export {
+  IconRadioCheckedDisabled
+};

package/dist/master-components-react-ts.es38.js

@@ -0,0 +1,16 @@
+import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
+const IconRadioUncheckedDisabled = ({ size = "24", color = "#C1C2C7" }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: `0 0 ${size} ${size}`, fill: "none", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("g", { clipPath: "url(#clip0_118_495)", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z",
+        fill: color
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("clipPath", { id: "clip0_118_495", children: /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { width: size, height: size, fill: "white" }) }) })
+  ] });
+};
+export {
+  IconRadioUncheckedDisabled
+};

package/dist/master-components-react-ts.es39.js

@@ -0,0 +1,35 @@
+const tooltipContainer = "Tooltip-module__tooltipContainer";
+const tooltipContent = "Tooltip-module__tooltipContent";
+const withoutPointer = "Tooltip-module__withoutPointer";
+const top = "Tooltip-module__top";
+const right = "Tooltip-module__right";
+const bottom = "Tooltip-module__bottom";
+const left = "Tooltip-module__left";
+const tooltipTitle = "Tooltip-module__tooltipTitle";
+const tooltipText = "Tooltip-module__tooltipText";
+const dark = "Tooltip-module__dark";
+const style = {
+  tooltipContainer,
+  tooltipContent,
+  withoutPointer,
+  top,
+  right,
+  bottom,
+  left,
+  tooltipTitle,
+  tooltipText,
+  dark
+};
+export {
+  bottom,
+  dark,
+  style as default,
+  left,
+  right,
+  tooltipContainer,
+  tooltipContent,
+  tooltipText,
+  tooltipTitle,
+  top,
+  withoutPointer
+};

package/dist/master-components-react-ts.es4.js

@@ -0,0 +1,149 @@
+import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
+import { useRef, useState, useEffect } from "react";
+import style from "./master-components-react-ts.es23.js";
+import { IconCloseBackground } from "./master-components-react-ts.es24.js";
+const Textarea = ({
+  placeholder,
+  label,
+  cols = 30,
+  rows = 5,
+  value,
+  inputState = { error: false, success: true },
+  maxLength = 20,
+  withFocus = true,
+  withActive = true,
+  withResize = true,
+  withClose = true,
+  onChange,
+  onFocus,
+  onBlur,
+  disabled,
+  required,
+  textareaContainerStyle,
+  textareaLabelStyle,
+  requiredStyle,
+  labelSlot,
+  textareaFooterStyle
+}) => {
+  const TextareaRef = useRef(null);
+  const [Focused, setFocused] = useState(false);
+  const [Active, setActive] = useState(false);
+  const Change = (e) => {
+    let value2 = e.target.value;
+    if (onChange && typeof onChange === "function") {
+      onChange(value2);
+    }
+  };
+  const iconSlot = (icon) => {
+    return icon;
+  };
+  const Focus = (e) => {
+    setFocused(true);
+    if (onFocus && typeof onFocus === "function") {
+      onFocus(e);
+    }
+  };
+  const Blur = (e) => {
+    setFocused(false);
+    if (onBlur && typeof onBlur === "function") {
+      onBlur(e);
+    }
+  };
+  let isManuallyResized = false;
+  useEffect(() => {
+    if (!TextareaRef.current) return;
+    const textarea = TextareaRef.current.querySelector("textarea");
+    if (!textarea) return;
+    let isUserResizing = false;
+    const onMouseDown = (e) => {
+      const bounds = textarea.getBoundingClientRect();
+      const isNearBottomRight = e.clientX > bounds.right - 20 && e.clientY > bounds.bottom - 20;
+      if (isNearBottomRight) {
+        isUserResizing = true;
+      }
+    };
+    const observer = new ResizeObserver(() => {
+      if (isUserResizing) {
+        isManuallyResized = true;
+        isUserResizing = false;
+      }
+    });
+    textarea.addEventListener("mousedown", onMouseDown);
+    observer.observe(textarea);
+    return () => {
+      textarea.removeEventListener("mousedown", onMouseDown);
+      observer.disconnect();
+    };
+  }, []);
+  const adjustHeight = () => {
+    if (!TextareaRef.current) return;
+    const el = TextareaRef.current.querySelector("textarea");
+    if (!el || isManuallyResized) return;
+    el.style.height = "auto";
+    el.style.height = `${el.scrollHeight}px`;
+  };
+  useEffect(() => {
+    if (!TextareaRef.current) return;
+    const textarea = TextareaRef.current.querySelector("textarea");
+    const observer = new ResizeObserver(() => {
+      const isShrunk = textarea.offsetHeight < textarea.scrollHeight;
+      isManuallyResized = isShrunk;
+    });
+    observer.observe(textarea);
+    return () => observer.disconnect();
+  }, []);
+  const handleInput = (e) => {
+    isManuallyResized = false;
+    onChange == null ? void 0 : onChange(e.target.value);
+    adjustHeight();
+  };
+  const HandleClose = () => {
+    if (onChange && typeof onChange === "function") {
+      onChange("");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      style: textareaContainerStyle ?? {},
+      className: `${style.textareaContainer} ${inputState.error ? style.error : ""} ${disabled ? style.disabled : null}`,
+      children: [
+        label && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: textareaLabelStyle, className: style.textAreaLabel, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: label }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: requiredStyle ?? {}, className: style.required, children: required && "*" }),
+          labelSlot && iconSlot(labelSlot)
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${style.wrap} ${withResize ? style.resize : ""}`, ref: TextareaRef, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "textarea",
+            {
+              className: `${style.textarea} ${Focused ? style.focused : ""} ${disabled ? style.disabled : ""}  ${withFocus && Focused ? !inputState.error ? style.focused : style.errorFocused : ""} ${withActive && Active ? !inputState.error ? style.active : style.errorActive : ""} ${inputState.error ? style.error : ""} ${inputState.success ? style.success : ""}`,
+              value,
+              placeholder: placeholder ?? "",
+              cols,
+              rows,
+              maxLength: maxLength ?? void 0,
+              onInput: handleInput,
+              onFocus: Focus,
+              disabled,
+              onBlur: Blur,
+              onChange: Change,
+              onMouseDown: () => setActive(true),
+              onMouseUp: () => setActive(false),
+              onMouseLeave: () => setActive(false)
+            }
+          ),
+          withClose && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.textareaIconClose, onClick: HandleClose, children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconCloseBackground, {}) })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: textareaFooterStyle ?? {}, className: style.textareaFooter, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+          value == null ? void 0 : value.length,
+          "/",
+          maxLength
+        ] }) })
+      ]
+    }
+  );
+};
+export {
+  Textarea as default
+};

package/dist/master-components-react-ts.es40.js

@@ -0,0 +1,41 @@
+const modalOverlay = "Popup-module__modalOverlay";
+const popupDrawerMode = "Popup-module__popupDrawerMode";
+const popupContainer = "Popup-module__popupContainer";
+const closeButton = "Popup-module__closeButton";
+const withOptions = "Popup-module__withOptions";
+const horizontal = "Popup-module__horizontal";
+const popupHeader = "Popup-module__popupHeader";
+const popupTitle = "Popup-module__popupTitle";
+const popupDescription = "Popup-module__popupDescription";
+const typeIcon = "Popup-module__typeIcon";
+const icon = "Popup-module__icon";
+const templateWrapper = "Popup-module__templateWrapper";
+const style = {
+  modalOverlay,
+  popupDrawerMode,
+  popupContainer,
+  closeButton,
+  withOptions,
+  horizontal,
+  popupHeader,
+  popupTitle,
+  popupDescription,
+  typeIcon,
+  icon,
+  templateWrapper
+};
+export {
+  closeButton,
+  style as default,
+  horizontal,
+  icon,
+  modalOverlay,
+  popupContainer,
+  popupDescription,
+  popupDrawerMode,
+  popupHeader,
+  popupTitle,
+  templateWrapper,
+  typeIcon,
+  withOptions
+};

package/dist/master-components-react-ts.es41.js

@@ -0,0 +1,16 @@
+import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
+const IconCheckCircle = ({ width = "24", height = "24", color = "#079455" }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width, height, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "path",
+    {
+      d: "M7.5 12L10.5 15L16.5 9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+      stroke: color,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+};
+export {
+  IconCheckCircle
+};

package/dist/master-components-react-ts.es42.js

@@ -0,0 +1,16 @@
+import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
+const IconSave = ({ size = "24", color = "#DC6803" }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "path",
+    {
+      d: "M7 3V6.4C7 6.96005 7 7.24008 7.10899 7.45399C7.20487 7.64215 7.35785 7.79513 7.54601 7.89101C7.75992 8 8.03995 8 8.6 8H15.4C15.9601 8 16.2401 8 16.454 7.89101C16.6422 7.79513 16.7951 7.64215 16.891 7.45399C17 7.24008 17 6.96005 17 6.4V4M17 21V14.6C17 14.0399 17 13.7599 16.891 13.546C16.7951 13.3578 16.6422 13.2049 16.454 13.109C16.2401 13 15.9601 13 15.4 13H8.6C8.03995 13 7.75992 13 7.54601 13.109C7.35785 13.2049 7.20487 13.3578 7.10899 13.546C7 13.7599 7 14.0399 7 14.6V21M21 9.32548V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H14.6745C15.1637 3 15.4083 3 15.6385 3.05526C15.8425 3.10425 16.0376 3.18506 16.2166 3.29472C16.4184 3.4184 16.5914 3.59135 16.9373 3.93726L20.0627 7.06274C20.4086 7.40865 20.5816 7.5816 20.7053 7.78343C20.8149 7.96237 20.8957 8.15746 20.9447 8.36154C21 8.59171 21 8.8363 21 9.32548Z",
+      stroke: color,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+};
+export {
+  IconSave
+};

package/dist/master-components-react-ts.es43.js

@@ -0,0 +1,16 @@
+import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
+const IconTrash = ({ width = "24", color = "#D92D20" }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width, height: width, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "path",
+    {
+      d: "M16 6V5.2C16 4.0799 16 3.51984 15.782 3.09202C15.5903 2.71569 15.2843 2.40973 14.908 2.21799C14.4802 2 13.9201 2 12.8 2H11.2C10.0799 2 9.51984 2 9.09202 2.21799C8.71569 2.40973 8.40973 2.71569 8.21799 3.09202C8 3.51984 8 4.0799 8 5.2V6M10 11.5V16.5M14 11.5V16.5M3 6H21M19 6V17.2C19 18.8802 19 19.7202 18.673 20.362C18.3854 20.9265 17.9265 21.3854 17.362 21.673C16.7202 22 15.8802 22 14.2 22H9.8C8.11984 22 7.27976 22 6.63803 21.673C6.07354 21.3854 5.6146 20.9265 5.32698 20.362C5 19.7202 5 18.8802 5 17.2V6",
+      stroke: color,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+};
+export {
+  IconTrash
+};

package/dist/master-components-react-ts.es44.js

@@ -0,0 +1,66 @@
+import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
+import { IconCloseBlack } from "./master-components-react-ts.es32.js";
+import style from "./master-components-react-ts.es45.js";
+import { useState, useEffect } from "react";
+import { IconExclamation } from "./master-components-react-ts.es56.js";
+import { IconCheck } from "./master-components-react-ts.es57.js";
+const NotificationToast = ({
+  title,
+  colorType = "neutral",
+  filled = false,
+  withClose = false,
+  withUndo = false,
+  withInfoIcon = true,
+  description,
+  customAction,
+  timeout = 4e3,
+  children,
+  onUndo,
+  onClose
+}) => {
+  const [animationClass, setAnimationClass] = useState("fadeIn");
+  useEffect(() => {
+    const duration = timeout;
+    const fadeDuration = 300;
+    const hideTimeout = setTimeout(() => {
+      setAnimationClass("fadeOut");
+      setTimeout(() => {
+        onClose == null ? void 0 : onClose();
+      }, fadeDuration);
+    }, duration);
+    return () => {
+      clearTimeout(hideTimeout);
+    };
+  }, [onClose]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: `${style.notificationToast} ${style[colorType]} ${filled ? style.filled : ""} ${style[animationClass]}`,
+      style: description ? { padding: "12px" } : {},
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.notificationToastContent, style: description ? { alignItems: "flex-start" } : {}, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.notificationToastContentLeft, style: description ? { alignItems: "flex-start" } : {}, children: [
+          withInfoIcon && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.notificationToastContentInfoIcon, children: colorType === "success" ? /* @__PURE__ */ jsxRuntimeExports.jsx(IconCheck, { color: filled ? "#328707" : "#fff" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(IconExclamation, { color: filled ? colorType === "neutral" ? "#131314" : colorType === "error" ? "#E3292F" : "#0058FF" : "#fff" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.notificationToastContentLeftText, children: [
+            title && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: style.notificationToastContentLeftTextTitle, children: title }),
+            description && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: style.notificationToastContentLeftTextDescription, children: description }),
+            children && children
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.notificationToastContentDescription }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.notificationToastContentRight, children: [
+          customAction && customAction,
+          !description && withUndo && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: style.notificationToastContentRightUndoText, onClick: () => onUndo == null ? void 0 : onUndo(), children: "Undo" }),
+          withClose && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.notificationToastContentRightClose, style: description || !withUndo ? { border: "none" } : {}, onClick: () => onClose == null ? void 0 : onClose(), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            IconCloseBlack,
+            {
+              color: filled ? colorType === "neutral" ? "#131314" : colorType === "error" ? "#E3292F" : colorType === "info" ? "#0058FF" : "#328707" : "#fff"
+            }
+          ) })
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  NotificationToast as default
+};

package/dist/master-components-react-ts.es45.js

@@ -0,0 +1,59 @@
+const toastContainer = "NotificationToast-module__toastContainer";
+const notificationToast = "NotificationToast-module__notificationToast";
+const fadeIn = "NotificationToast-module__fadeIn";
+const fadeOut = "NotificationToast-module__fadeOut";
+const neutral = "NotificationToast-module__neutral";
+const filled = "NotificationToast-module__filled";
+const notificationToastContentLeftTextTitle = "NotificationToast-module__notificationToastContentLeftTextTitle";
+const notificationToastContentRightUndoText = "NotificationToast-module__notificationToastContentRightUndoText";
+const notificationToastContentLeftTextDescription = "NotificationToast-module__notificationToastContentLeftTextDescription";
+const info = "NotificationToast-module__info";
+const error = "NotificationToast-module__error";
+const success = "NotificationToast-module__success";
+const notificationToastContent = "NotificationToast-module__notificationToastContent";
+const notificationToastContentLeft = "NotificationToast-module__notificationToastContentLeft";
+const notificationToastContentInfoIcon = "NotificationToast-module__notificationToastContentInfoIcon";
+const notificationToastContentLeftText = "NotificationToast-module__notificationToastContentLeftText";
+const notificationToastContentRight = "NotificationToast-module__notificationToastContentRight";
+const notificationToastContentRightClose = "NotificationToast-module__notificationToastContentRightClose";
+const style = {
+  toastContainer,
+  notificationToast,
+  fadeIn,
+  fadeOut,
+  neutral,
+  filled,
+  notificationToastContentLeftTextTitle,
+  notificationToastContentRightUndoText,
+  notificationToastContentLeftTextDescription,
+  info,
+  error,
+  success,
+  notificationToastContent,
+  notificationToastContentLeft,
+  notificationToastContentInfoIcon,
+  notificationToastContentLeftText,
+  notificationToastContentRight,
+  notificationToastContentRightClose
+};
+export {
+  style as default,
+  error,
+  fadeIn,
+  fadeOut,
+  filled,
+  info,
+  neutral,
+  notificationToast,
+  notificationToastContent,
+  notificationToastContentInfoIcon,
+  notificationToastContentLeft,
+  notificationToastContentLeftText,
+  notificationToastContentLeftTextDescription,
+  notificationToastContentLeftTextTitle,
+  notificationToastContentRight,
+  notificationToastContentRightClose,
+  notificationToastContentRightUndoText,
+  success,
+  toastContainer
+};

package/dist/master-components-react-ts.es46.js

@@ -0,0 +1,50 @@
+const timepickerWrapper = "TimePicker-module__timepickerWrapper";
+const timepickerInputWrapper = "TimePicker-module__timepickerInputWrapper";
+const dropdownRightIcon = "TimePicker-module__dropdownRightIcon";
+const dropdownRightIconClose = "TimePicker-module__dropdownRightIconClose";
+const dropdownRightIconArrow = "TimePicker-module__dropdownRightIconArrow";
+const focused = "TimePicker-module__focused";
+const timepickerDropdownWrapper = "TimePicker-module__timepickerDropdownWrapper";
+const timepickerDropdownHeader = "TimePicker-module__timepickerDropdownHeader";
+const timepickerDropdownHeaderButtons = "TimePicker-module__timepickerDropdownHeaderButtons";
+const active = "TimePicker-module__active";
+const timepickerDropdownBody = "TimePicker-module__timepickerDropdownBody";
+const timepickerDropdownBodyHours = "TimePicker-module__timepickerDropdownBodyHours";
+const timepickerDropdownBodyMinutes = "TimePicker-module__timepickerDropdownBodyMinutes";
+const timepickerDropdownBodyAmPm = "TimePicker-module__timepickerDropdownBodyAmPm";
+const timepickerDropdownFooter = "TimePicker-module__timepickerDropdownFooter";
+const style = {
+  timepickerWrapper,
+  timepickerInputWrapper,
+  dropdownRightIcon,
+  dropdownRightIconClose,
+  dropdownRightIconArrow,
+  focused,
+  timepickerDropdownWrapper,
+  timepickerDropdownHeader,
+  timepickerDropdownHeaderButtons,
+  active,
+  timepickerDropdownBody,
+  timepickerDropdownBodyHours,
+  timepickerDropdownBodyMinutes,
+  timepickerDropdownBodyAmPm,
+  timepickerDropdownFooter
+};
+export {
+  active,
+  style as default,
+  dropdownRightIcon,
+  dropdownRightIconArrow,
+  dropdownRightIconClose,
+  focused,
+  timepickerDropdownBody,
+  timepickerDropdownBodyAmPm,
+  timepickerDropdownBodyHours,
+  timepickerDropdownBodyMinutes,
+  timepickerDropdownFooter,
+  timepickerDropdownHeader,
+  timepickerDropdownHeaderButtons,
+  timepickerDropdownWrapper,
+  timepickerInputWrapper,
+  timepickerWrapper
+};