master-components-react-ts 1.0.11 → 1.0.13

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

@@ -1,26 +0,0 @@
-const checkboxWrapper = "Checkbox-module__checkboxWrapper";
-const checkMark = "Checkbox-module__checkMark";
-const error = "Checkbox-module__error";
-const checked = "Checkbox-module__checked";
-const disabled = "Checkbox-module__disabled";
-const namespaceHr = "Checkbox-module__Namespace_Hr";
-const dark = "Checkbox-module__dark";
-const style = {
-  checkboxWrapper,
-  checkMark,
-  error,
-  checked,
-  disabled,
-  namespaceHr,
-  dark
-};
-export {
-  checkMark,
-  checkboxWrapper,
-  checked,
-  dark,
-  style as default,
-  disabled,
-  error,
-  namespaceHr
-};

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

@@ -1,15 +0,0 @@
-import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
-const IconCheckmark = ({ width = "8", height = "6", color = "#ffffff" }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width, height, viewBox: "0 0 8 6", fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M7.7 0.3C7.3 -0.1 6.7 -0.1 6.3 0.3L3 3.6L1.7 2.3C1.3 1.9 0.7 1.9 0.3 2.3C-0.1 2.7 -0.1 3.3 0.3 3.7L2.3 5.7C2.5 5.9 2.7 6 3 6C3.3 6 3.5 5.9 3.7 5.7L7.7 1.7C8.1 1.3 8.1 0.7 7.7 0.3Z",
-      fill: color
-    }
-  ) });
-};
-export {
-  IconCheckmark
-};

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

@@ -1,7 +0,0 @@
-import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
-const IconMinus = ({ width = "8", height = "2", color = "#ffffff" }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width, height, viewBox: "0 0 8 2", fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { width, height, rx: "1", fill: color }) });
-};
-export {
-  IconMinus
-};

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

@@ -1,7 +0,0 @@
-import { useContext, createContext } from "react";
-const NamespaceContext = createContext("namespaceNebi");
-const useNamespace = () => useContext(NamespaceContext);
-export {
-  NamespaceContext as default,
-  useNamespace
-};

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

@@ -1,144 +0,0 @@
-import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
-import { IconSearch } from "./master-components-react-ts.es20.js";
-import style from "./master-components-react-ts.es21.js";
-import { useRef, useState, useEffect } from "react";
-import { IconCloseCircle } from "./master-components-react-ts.es22.js";
-const FormInput = ({
-  label,
-  placeholder,
-  helperText,
-  required = false,
-  disabled = false,
-  readOnly = false,
-  withFocus = true,
-  withActive = true,
-  searchComponent = false,
-  size = "md",
-  toggleFocus = false,
-  rightSlot,
-  leftSlot,
-  helperSlot,
-  type = "text",
-  value,
-  maxLength,
-  forDropdown = false,
-  customFocus = null,
-  focus = false,
-  inputState = { error: false, success: false, loading: false },
-  inputSlot,
-  onChange,
-  onFocus,
-  onBlur,
-  onEnter,
-  onFocusChange,
-  formInputWrapperStyle,
-  inputWrapperStyle,
-  formInputStyle,
-  helperTextStyle,
-  labelStyle,
-  inputSlotStyle
-}) => {
-  const InputRef = useRef(null);
-  const [SearchValue, setSearchValue] = useState(value ?? "");
-  const [Focused, setFocused] = useState(false);
-  const [Active, setActive] = useState(false);
-  const Change = (event) => {
-    if (searchComponent) {
-      setSearchValue(event.target.value);
-    }
-    onChange?.(event.target.value);
-  };
-  const Focus = () => {
-    onFocus?.();
-    if (forDropdown) return;
-    setFocused(true);
-  };
-  const Blur = () => {
-    if (!toggleFocus) {
-      setFocused(false);
-    } else {
-      setFocused(customFocus ?? false);
-    }
-    onBlur?.();
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === "Enter") {
-      onEnter?.();
-    }
-  };
-  const getSlot = (slot) => {
-    return slot;
-  };
-  const HandleSearch = () => {
-    if (!searchComponent) return;
-    setSearchValue("");
-    onChange?.("");
-  };
-  useEffect(() => {
-    onFocusChange?.(Focused);
-  }, [Focused]);
-  useEffect(() => {
-    if (customFocus !== void 0 && customFocus !== null) {
-      setFocused(customFocus);
-    }
-  }, [customFocus]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${style.inputWrapper} ${disabled ? style.disabled : ""} ${style[size]}`, style: inputWrapperStyle ?? {}, children: [
-    label && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.formInputLabelWrapper, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { style: labelStyle ?? {}, className: style.formInputLabel, children: [
-        label,
-        " ",
-        typeof label === "string" && required && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: style.formInputRequired, children: "*" })
-      ] }),
-      helperSlot && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.formInputHelperSlot, children: getSlot(helperSlot) })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: `${style.formInputWrapper} ${inputState.error ? style.errorState : ""} ${withFocus && Focused ? !inputState.error ? style.focused : style.errorFocused : ""} ${withActive && Active ? !inputState.error ? style.active : style.errorActive : ""} ${inputState.error ? style.error : ""} ${inputState.success ? style.success : ""}`,
-        style: formInputWrapperStyle ?? {},
-        onClick: () => toggleFocus && setFocused((state) => !state),
-        children: [
-          leftSlot && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.formInputSlot, children: getSlot(leftSlot) }),
-          searchComponent && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.formInputSlot, children: getSlot(/* @__PURE__ */ jsxRuntimeExports.jsx(IconSearch, {})) }),
-          inputSlot ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.formInputSlot, style: inputSlotStyle ?? {}, children: getSlot(inputSlot) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "input",
-            {
-              className: style.formInput,
-              ref: InputRef,
-              style: formInputStyle ?? {},
-              type: type ?? "text",
-              value: searchComponent ? SearchValue : value,
-              onChange: (event) => Change(event),
-              onMouseDown: () => !forDropdown && setActive(true),
-              onMouseUp: () => !forDropdown && setActive(false),
-              onMouseLeave: () => !forDropdown && setActive(false),
-              onFocus: Focus,
-              onBlur: Blur,
-              disabled,
-              required,
-              onKeyDown: handleKeyDown,
-              readOnly,
-              spellCheck: false,
-              placeholder: placeholder ?? "",
-              autoComplete: "off",
-              maxLength
-            }
-          ),
-          rightSlot && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: searchComponent ? { cursor: "pointer" } : {}, className: style.formInputSlot, children: getSlot(rightSlot) }),
-          searchComponent && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.formInputSlot, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: HandleSearch, style: searchComponent ? { cursor: "pointer" } : {}, className: style.formInputSlot, children: SearchValue?.length > 0 ? getSlot(/* @__PURE__ */ jsxRuntimeExports.jsx(IconCloseCircle, {})) : null }) })
-        ]
-      }
-    ),
-    helperText && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "p",
-      {
-        style: helperTextStyle ?? {},
-        className: `${style.formInputHelperText} ${inputState.error ? style.errorHelperText : inputState.success ? style.successHelperText : ""}`,
-        children: helperText
-      }
-    )
-  ] });
-};
-export {
-  FormInput as default
-};

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

@@ -1,74 +0,0 @@
-const dropdownWrapper = "Dropdown-module__dropdownWrapper";
-const dropdownInputWrapper = "Dropdown-module__dropdownInputWrapper";
-const dropdownInputSlot = "Dropdown-module__dropdownInputSlot";
-const dropdownRightIconArrow = "Dropdown-module__dropdownRightIconArrow";
-const focused = "Dropdown-module__focused";
-const dropdownInputSlotItem = "Dropdown-module__dropdownInputSlotItem";
-const dropdownInputSlotItemLabel = "Dropdown-module__dropdownInputSlotItemLabel";
-const dropdownInputSlotItemClose = "Dropdown-module__dropdownInputSlotItemClose";
-const dropdownInputSlotItemMore = "Dropdown-module__dropdownInputSlotItemMore";
-const dropdownRightIcon = "Dropdown-module__dropdownRightIcon";
-const dropdownRightIconClose = "Dropdown-module__dropdownRightIconClose";
-const dropdownListContainer = "Dropdown-module__dropdownListContainer";
-const dropdownList = "Dropdown-module__dropdownList";
-const dropdownItem = "Dropdown-module__dropdownItem";
-const selected = "Dropdown-module__selected";
-const dropdownItemLabel = "Dropdown-module__dropdownItemLabel";
-const hovered = "Dropdown-module__hovered";
-const disabled = "Dropdown-module__disabled";
-const itemCheckbox = "Dropdown-module__itemCheckbox";
-const dropdownItemLabelInput = "Dropdown-module__dropdownItemLabelInput";
-const countryName = "Dropdown-module__countryName";
-const countryDialCode = "Dropdown-module__countryDialCode";
-const selectAll = "Dropdown-module__selectAll";
-const style = {
-  dropdownWrapper,
-  dropdownInputWrapper,
-  dropdownInputSlot,
-  dropdownRightIconArrow,
-  focused,
-  dropdownInputSlotItem,
-  dropdownInputSlotItemLabel,
-  dropdownInputSlotItemClose,
-  dropdownInputSlotItemMore,
-  dropdownRightIcon,
-  dropdownRightIconClose,
-  dropdownListContainer,
-  dropdownList,
-  dropdownItem,
-  selected,
-  dropdownItemLabel,
-  hovered,
-  disabled,
-  itemCheckbox,
-  dropdownItemLabelInput,
-  countryName,
-  countryDialCode,
-  selectAll
-};
-export {
-  countryDialCode,
-  countryName,
-  style as default,
-  disabled,
-  dropdownInputSlot,
-  dropdownInputSlotItem,
-  dropdownInputSlotItemClose,
-  dropdownInputSlotItemLabel,
-  dropdownInputSlotItemMore,
-  dropdownInputWrapper,
-  dropdownItem,
-  dropdownItemLabel,
-  dropdownItemLabelInput,
-  dropdownList,
-  dropdownListContainer,
-  dropdownRightIcon,
-  dropdownRightIconArrow,
-  dropdownRightIconClose,
-  dropdownWrapper,
-  focused,
-  hovered,
-  itemCheckbox,
-  selectAll,
-  selected
-};

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

@@ -1,15 +0,0 @@
-location.href.indexOf(".upgaming.dev") > 0 || location.href.indexOf(".upgaming.com") > 0;
-const _filterUnique = (arr, key) => {
-  const uniqueKeys = /* @__PURE__ */ new Set();
-  return arr.filter((item) => {
-    if (uniqueKeys.has(item[key])) {
-      return false;
-    } else {
-      uniqueKeys.add(item[key]);
-      return true;
-    }
-  });
-};
-export {
-  _filterUnique
-};

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

@@ -1,31 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

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

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

@@ -1,19 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,35 +0,0 @@
-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

@@ -1,149 +0,0 @@
-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?.(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?.length,
-          "/",
-          maxLength
-        ] }) })
-      ]
-    }
-  );
-};
-export {
-  Textarea as default
-};

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

@@ -1,41 +0,0 @@
-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
-};