master-components-react-ts 1.0.10 → 1.0.12

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

@@ -1,56 +0,0 @@
-const mainButton = "MainButton-module__mainButton";
-const sm = "MainButton-module__sm";
-const md = "MainButton-module__md";
-const lg = "MainButton-module__lg";
-const mainButtonContent = "MainButton-module__mainButtonContent";
-const mainButtonLabel = "MainButton-module__mainButtonLabel";
-const primary = "MainButton-module__primary";
-const neutral = "MainButton-module__neutral";
-const loading = "MainButton-module__loading";
-const disabled = "MainButton-module__disabled";
-const focused = "MainButton-module__focused";
-const positive = "MainButton-module__positive";
-const negative = "MainButton-module__negative";
-const secondary = "MainButton-module__secondary";
-const tertiary = "MainButton-module__tertiary";
-const tertiaryV2 = "MainButton-module__tertiaryV2";
-const tertiaryV3 = "MainButton-module__tertiaryV3";
-const style = {
-  mainButton,
-  sm,
-  md,
-  lg,
-  mainButtonContent,
-  mainButtonLabel,
-  primary,
-  neutral,
-  loading,
-  disabled,
-  focused,
-  positive,
-  negative,
-  secondary,
-  tertiary,
-  tertiaryV2,
-  tertiaryV3
-};
-export {
-  style as default,
-  disabled,
-  focused,
-  lg,
-  loading,
-  mainButton,
-  mainButtonContent,
-  mainButtonLabel,
-  md,
-  negative,
-  neutral,
-  positive,
-  primary,
-  secondary,
-  sm,
-  tertiary,
-  tertiaryV2,
-  tertiaryV3
-};

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

@@ -1,36 +0,0 @@
-import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
-const CIRCLE_RADIUS = 50 / 2;
-const IconCircularLoading = ({ size = 24, strokeWidth = 5, linecap = "round", duration = 1, stroke = "#2753dd", ...rest }) => {
-  const center = CIRCLE_RADIUS;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { ...rest, viewBox: `0 0 ${CIRCLE_RADIUS * 2} ${CIRCLE_RADIUS * 2}`, width: size, height: size, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "circle",
-    {
-      fill: "none",
-      stroke,
-      strokeWidth,
-      strokeLinecap: linecap,
-      cx: CIRCLE_RADIUS,
-      cy: CIRCLE_RADIUS,
-      r: CIRCLE_RADIUS - strokeWidth,
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "animateTransform",
-          {
-            attributeName: "transform",
-            attributeType: "XML",
-            type: "rotate",
-            from: `0 ${center} ${center}`,
-            to: `360 ${center} ${center}`,
-            dur: `${duration * 4 / 3}s`,
-            repeatCount: "indefinite"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("animate", { attributeName: "stroke-dasharray", values: "1,200; 89,200; 89 200;", dur: `${duration}s`, repeatCount: "indefinite" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("animate", { attributeName: "stroke-dashoffset", values: "0;-35;-124;", dur: `${duration}s`, repeatCount: "indefinite" })
-      ]
-    }
-  ) });
-};
-export {
-  IconCircularLoading as default
-};

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

@@ -1,72 +0,0 @@
-import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
-import style from "./master-components-react-ts.es18.js";
-import { useState, useRef, useEffect } from "react";
-import IconCircularLoading from "./master-components-react-ts.es19.js";
-const MainButton = ({
-  label,
-  size = "md",
-  leftSlot,
-  rightSlot,
-  buttonSlot,
-  type = "button",
-  colorType = "neutral",
-  buttonType = "primary",
-  withFocus = false,
-  customFocus,
-  disabled,
-  loading = false,
-  spaceBetween = false,
-  buttonStyle,
-  mainButtonContentStyle,
-  mainButtonLabelStyle,
-  leftSlotStyle,
-  rightSlotStyle,
-  onClick
-}) => {
-  const [Focused, setFocused] = useState(customFocus || false);
-  const ButtonRef = useRef(null);
-  const Click = (e) => {
-    if (disabled || loading) return;
-    if (withFocus) {
-      setFocused((state) => !state);
-    }
-    onClick == null ? void 0 : onClick(e);
-  };
-  const getLoadingColor = () => {
-    let color = "#ffffff";
-    if (colorType === "neutral" && buttonType !== "primary") color = "#0058FF";
-    if (colorType === "positive" && buttonType !== "primary") color = "#328707";
-    if (colorType === "negative" && buttonType !== "primary") color = "#E3292F";
-    return color;
-  };
-  useEffect(() => {
-    const ClickHandler = (event) => {
-      if (!ButtonRef.current || disabled) return;
-      if (event.composedPath().includes(ButtonRef.current)) return;
-      setFocused(false);
-    };
-    document.addEventListener("click", ClickHandler);
-    return () => {
-      document.removeEventListener("click", ClickHandler);
-    };
-  }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "button",
-    {
-      ref: ButtonRef,
-      style: buttonStyle,
-      type,
-      disabled,
-      className: `${style.mainButton} ${style[size]} ${loading ? style.loading : ""} ${Focused ? style.focused : ""} ${style[buttonType]} ${style[colorType]} ${disabled ? style.disabled : ""}`,
-      onClick: Click,
-      children: loading ? /* @__PURE__ */ jsxRuntimeExports.jsx(IconCircularLoading, { size: 20, stroke: getLoadingColor() }) : buttonSlot || /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.mainButtonContent, style: { ...mainButtonContentStyle, justifyContent: spaceBetween ? "space-between" : "center" }, children: [
-        leftSlot && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.leftSlot, style: leftSlotStyle, children: leftSlot }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: style.mainButtonLabel, style: mainButtonLabelStyle, children: label }),
-        rightSlot && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.rightSlot, style: rightSlotStyle, children: rightSlot })
-      ] })
-    }
-  );
-};
-export {
-  MainButton as default
-};

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

@@ -1,26 +0,0 @@
-import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
-const IconSearch = ({ size = "15", color = "#717680" }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M2.16602 7.16797C2.16602 4.41047 4.40852 2.16797 7.16602 2.16797C9.92352 2.16797 12.166 4.41047 12.166 7.16797C12.166 9.92547 9.92352 12.168 7.16602 12.168C4.40852 12.168 2.16602 9.92547 2.16602 7.16797ZM15.2558 14.0775L12.4267 11.2475C13.3042 10.1192 13.8333 8.705 13.8333 7.16667C13.8333 3.49083 10.8425 0.5 7.16667 0.5C3.49083 0.5 0.5 3.49083 0.5 7.16667C0.5 10.8425 3.49083 13.8333 7.16667 13.8333C8.705 13.8333 10.1192 13.3042 11.2475 12.4267L14.0775 15.2558C14.24 15.4183 14.4533 15.5 14.6667 15.5C14.88 15.5 15.0933 15.4183 15.2558 15.2558C15.5817 14.93 15.5817 14.4033 15.2558 14.0775Z",
-        fill: color
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M2.16602 7.16797C2.16602 4.41047 4.40852 2.16797 7.16602 2.16797C9.92352 2.16797 12.166 4.41047 12.166 7.16797C12.166 9.92547 9.92352 12.168 7.16602 12.168C4.40852 12.168 2.16602 9.92547 2.16602 7.16797ZM15.2558 14.0775L12.4267 11.2475C13.3042 10.1192 13.8333 8.705 13.8333 7.16667C13.8333 3.49083 10.8425 0.5 7.16667 0.5C3.49083 0.5 0.5 3.49083 0.5 7.16667C0.5 10.8425 3.49083 13.8333 7.16667 13.8333C8.705 13.8333 10.1192 13.3042 11.2475 12.4267L14.0775 15.2558C14.24 15.4183 14.4533 15.5 14.6667 15.5C14.88 15.5 15.0933 15.4183 15.2558 15.2558C15.5817 14.93 15.5817 14.4033 15.2558 14.0775Z",
-        fill: color
-      }
-    )
-  ] });
-};
-export {
-  IconSearch
-};

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

@@ -1,62 +0,0 @@
-const inputWrapper = "FormInput-module__inputWrapper";
-const sm = "FormInput-module__sm";
-const formInputWrapper = "FormInput-module__formInputWrapper";
-const md = "FormInput-module__md";
-const disabled = "FormInput-module__disabled";
-const formInputLabel = "FormInput-module__formInputLabel";
-const formInput = "FormInput-module__formInput";
-const formInputHelperText = "FormInput-module__formInputHelperText";
-const formInputLabelWrapper = "FormInput-module__formInputLabelWrapper";
-const formInputRequired = "FormInput-module__formInputRequired";
-const formInputHelperSlot = "FormInput-module__formInputHelperSlot";
-const errorState = "FormInput-module__errorState";
-const focused = "FormInput-module__focused";
-const active = "FormInput-module__active";
-const errorFocused = "FormInput-module__errorFocused";
-const errorActive = "FormInput-module__errorActive";
-const formInputSlot = "FormInput-module__formInputSlot";
-const errorHelperText = "FormInput-module__errorHelperText";
-const successHelperText = "FormInput-module__successHelperText";
-const style = {
-  inputWrapper,
-  sm,
-  formInputWrapper,
-  md,
-  disabled,
-  formInputLabel,
-  formInput,
-  formInputHelperText,
-  formInputLabelWrapper,
-  formInputRequired,
-  formInputHelperSlot,
-  errorState,
-  focused,
-  active,
-  errorFocused,
-  errorActive,
-  formInputSlot,
-  errorHelperText,
-  successHelperText
-};
-export {
-  active,
-  style as default,
-  disabled,
-  errorActive,
-  errorFocused,
-  errorHelperText,
-  errorState,
-  focused,
-  formInput,
-  formInputHelperSlot,
-  formInputHelperText,
-  formInputLabel,
-  formInputLabelWrapper,
-  formInputRequired,
-  formInputSlot,
-  formInputWrapper,
-  inputWrapper,
-  md,
-  sm,
-  successHelperText
-};

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

@@ -1,15 +0,0 @@
-import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
-const IconCloseCircle = ({ width = "20", height = "20", color = "#C1C2C7" }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width, height, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M9.99996 18.3334C14.6023 18.3334 18.3333 14.6024 18.3333 10C18.3333 5.39765 14.6023 1.66669 9.99996 1.66669C5.39759 1.66669 1.66663 5.39765 1.66663 10C1.66663 14.6024 5.39759 18.3334 9.99996 18.3334ZM8.08922 6.91077C7.76378 6.58533 7.23614 6.58533 6.9107 6.91077C6.58527 7.2362 6.58527 7.76384 6.9107 8.08928L8.82145 10L6.9107 11.9108C6.58527 12.2362 6.58527 12.7638 6.9107 13.0893C7.23614 13.4147 7.76378 13.4147 8.08922 13.0893L9.99996 11.1785L11.9107 13.0893C12.2361 13.4147 12.7638 13.4147 13.0892 13.0893C13.4147 12.7638 13.4147 12.2362 13.0892 11.9108L11.1785 10L13.0892 8.08928C13.4147 7.76384 13.4147 7.2362 13.0892 6.91077C12.7638 6.58533 12.2361 6.58533 11.9107 6.91077L9.99996 8.82151L8.08922 6.91077Z",
-      fill: color
-    }
-  ) });
-};
-export {
-  IconCloseCircle
-};

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

@@ -1,41 +0,0 @@
-const textareaContainer = "Textarea-module__textareaContainer";
-const textAreaLabel = "Textarea-module__textAreaLabel";
-const required = "Textarea-module__required";
-const wrap = "Textarea-module__wrap";
-const resize = "Textarea-module__resize";
-const textareaIconClose = "Textarea-module__textareaIconClose";
-const textarea = "Textarea-module__textarea";
-const focused = "Textarea-module__focused";
-const active = "Textarea-module__active";
-const errorFocused = "Textarea-module__errorFocused";
-const errorActive = "Textarea-module__errorActive";
-const textareaFooter = "Textarea-module__textareaFooter";
-const style = {
-  textareaContainer,
-  textAreaLabel,
-  required,
-  wrap,
-  resize,
-  textareaIconClose,
-  textarea,
-  focused,
-  active,
-  errorFocused,
-  errorActive,
-  textareaFooter
-};
-export {
-  active,
-  style as default,
-  errorActive,
-  errorFocused,
-  focused,
-  required,
-  resize,
-  textAreaLabel,
-  textarea,
-  textareaContainer,
-  textareaFooter,
-  textareaIconClose,
-  wrap
-};

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

@@ -1,15 +0,0 @@
-import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
-const IconCloseBackground = ({ size = 20, color = "#C1C2C7" }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M10.0001 18.3332C14.6025 18.3332 18.3334 14.6022 18.3334 9.99984C18.3334 5.39746 14.6025 1.6665 10.0001 1.6665C5.39771 1.6665 1.66675 5.39746 1.66675 9.99984C1.66675 14.6022 5.39771 18.3332 10.0001 18.3332ZM8.08934 6.91058C7.7639 6.58514 7.23626 6.58514 6.91083 6.91058C6.58539 7.23602 6.58539 7.76366 6.91083 8.08909L8.82157 9.99984L6.91083 11.9106C6.58539 12.236 6.58539 12.7637 6.91083 13.0891C7.23626 13.4145 7.7639 13.4145 8.08934 13.0891L10.0001 11.1783L11.9108 13.0891C12.2363 13.4145 12.7639 13.4145 13.0893 13.0891C13.4148 12.7637 13.4148 12.236 13.0893 11.9106L11.1786 9.99984L13.0893 8.08909C13.4148 7.76366 13.4148 7.23602 13.0893 6.91058C12.7639 6.58514 12.2363 6.58514 11.9108 6.91058L10.0001 8.82133L8.08934 6.91058Z",
-      fill: color
-    }
-  ) });
-};
-export {
-  IconCloseBackground
-};

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

@@ -1,29 +0,0 @@
-const toggleWrapper = "Toggle-module__toggleWrapper";
-const checked = "Toggle-module__checked";
-const error = "Toggle-module__error";
-const disabled = "Toggle-module__disabled";
-const sm = "Toggle-module__sm";
-const toggleState = "Toggle-module__toggleState";
-const md = "Toggle-module__md";
-const lg = "Toggle-module__lg";
-const style = {
-  toggleWrapper,
-  checked,
-  error,
-  disabled,
-  sm,
-  toggleState,
-  md,
-  lg
-};
-export {
-  checked,
-  style as default,
-  disabled,
-  error,
-  lg,
-  md,
-  sm,
-  toggleState,
-  toggleWrapper
-};

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 == null ? void 0 : onChange(event.target.value);
-  };
-  const Focus = () => {
-    onFocus == null ? void 0 : onFocus();
-    if (forDropdown) return;
-    setFocused(true);
-  };
-  const Blur = () => {
-    if (!toggleFocus) {
-      setFocused(false);
-    } else {
-      setFocused(customFocus ?? false);
-    }
-    onBlur == null ? void 0 : onBlur();
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === "Enter") {
-      onEnter == null ? void 0 : onEnter();
-    }
-  };
-  const getSlot = (slot) => {
-    return slot;
-  };
-  const HandleSearch = () => {
-    if (!searchComponent) return;
-    setSearchValue("");
-    onChange == null ? void 0 : onChange("");
-  };
-  useEffect(() => {
-    onFocusChange == null ? void 0 : 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 == null ? void 0 : 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
-};