master-components-react-ts 1.0.11 → 1.0.13

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

@@ -1,211 +0,0 @@
-import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
-import { useState, useRef, useEffect } from "react";
-import dayjs from "dayjs";
-import style from "./master-components-react-ts.es48.js";
-import Calendar from "./master-components-react-ts.es49.js";
-import { IconCalendar } from "./master-components-react-ts.es50.js";
-import customParseFormat from "./master-components-react-ts.es47.js";
-import { useNamespace } from "./master-components-react-ts.es29.js";
-import FormInput from "./master-components-react-ts.es3.js";
-import { IconCloseCircle } from "./master-components-react-ts.es22.js";
-dayjs.extend(customParseFormat);
-const DatePicker = ({
-  defaultValue,
-  valueFormat = "DD-MM-YYYY",
-  onChange,
-  onBlur,
-  onFocus,
-  customYears,
-  fixedDropdown = true,
-  disabledDatesFrom,
-  disabledDatesTill,
-  disabledDatesRange,
-  datepickerStyle,
-  datepickerLabelStyle,
-  requiredStyle,
-  datepickerHelperTextStyle,
-  selectedStyle,
-  endDateStyle,
-  startDateStyle,
-  inRangeStyle,
-  otherMonthStyle,
-  todayStyle,
-  weekDayStyle,
-  quickPickStyle,
-  monthStyle,
-  quickPick,
-  mode = "single",
-  pickerType = "single",
-  disabled = false,
-  ...rest
-}) => {
-  const namespace = useNamespace();
-  const [IsFocused, setIsFocused] = useState(false);
-  const [Value, setValue] = useState("");
-  const DefaultValue = useRef({ state: false, value: "" });
-  const CalendarRef = useRef(null);
-  const [CurrentMonth, setCurrentMonth] = useState(() => {
-    const thisYear = dayjs().year().toString();
-    if (customYears?.length) {
-      return customYears.includes(thisYear) ? dayjs() : dayjs(`${Math.min(...customYears.map(Number))}-01-01`);
-    }
-    return dayjs();
-  });
-  useEffect(() => {
-    const thisYear = dayjs().year().toString();
-    if (customYears?.length) {
-      setCurrentMonth(customYears.includes(thisYear) ? dayjs() : dayjs(`${Math.min(...customYears.map(Number))}-01-01`));
-    }
-  }, [customYears]);
-  const [SelectedDate, setSelectedDate] = useState("");
-  const [RangeSelection, setRangeSelection] = useState({
-    start: null,
-    end: null
-  });
-  const ComponentRef = useRef(null);
-  const Change = (value, singleQuickPick, withDefault) => {
-    let dateValue = "";
-    let objValue = { start: "", end: "" };
-    if (mode === "single" || typeof value === "string") {
-      dateValue = value;
-      setValue(dateValue);
-    }
-    if (mode !== "single" || typeof value !== "string") {
-      dateValue = `${dayjs(value?.start ?? "").format(valueFormat)} / ${value?.end ? dayjs(value?.end).format(valueFormat) : ""}`;
-      objValue.start = dayjs(value?.start ?? "").format(valueFormat);
-      objValue.end = value?.end ? dayjs(value?.end).format(valueFormat) : "";
-      setValue(dateValue);
-    }
-    if (value?.end) {
-      setIsFocused(false);
-    }
-    if (onChange && typeof onChange === "function" && !withDefault) {
-      onChange(objValue.start !== "" ? objValue : dateValue);
-      DefaultValue.current.value = objValue.start !== "" ? objValue : dateValue;
-    }
-  };
-  const Clear = (e) => {
-    e.stopPropagation();
-    setSelectedDate("");
-    DefaultValue.current.value = "";
-    setValue("");
-    setRangeSelection({
-      start: null,
-      end: null
-    });
-    if (onChange && typeof onChange === "function") {
-      onChange("");
-    }
-  };
-  const ClickHandler = (event) => {
-    if (!ComponentRef.current) return;
-    if (event.composedPath().includes(ComponentRef.current)) return;
-    setIsFocused(false);
-  };
-  const ScrollHandler = (event) => {
-    if (!ComponentRef.current || !CalendarRef.current) return;
-    if (event.composedPath().includes(ComponentRef.current) || event.composedPath().includes(CalendarRef.current)) return;
-    setIsFocused(false);
-  };
-  const CalculatePos = () => {
-    if (!ComponentRef.current || !CalendarRef.current) return;
-    const componentEl = ComponentRef.current;
-    const calendarEl = CalendarRef.current;
-    if (!calendarEl || !componentEl) return;
-    const componentRect = componentEl.getBoundingClientRect();
-    const windowHeight = window.innerHeight;
-    const windowWidth = window.innerWidth;
-    calendarEl.style.position = "fixed";
-    if (componentRect.bottom + calendarEl.offsetHeight > windowHeight) {
-      calendarEl.style.top = `${window.scrollY + componentRect.top - calendarEl.offsetHeight - 8}px`;
-      calendarEl.style.bottom = "unset";
-    } else {
-      calendarEl.style.top = `${window.scrollY + componentRect.bottom + 8}px`;
-      calendarEl.style.bottom = "unset";
-    }
-    if (componentRect.right + componentRect.width > windowWidth - 120) {
-      calendarEl.style.left = `${window.scrollX + componentRect.left + componentRect.width - calendarEl.offsetWidth}px`;
-    } else {
-      calendarEl.style.left = `${window.scrollX + componentRect.left}px`;
-    }
-  };
-  useEffect(() => {
-    if (defaultValue && DefaultValue.current.value === "") {
-      let value = Array.isArray(defaultValue) ? {
-        start: dayjs(defaultValue[0], valueFormat),
-        end: defaultValue.length > 1 ? dayjs(defaultValue[1], valueFormat) : ""
-      } : dayjs(defaultValue, valueFormat).format(valueFormat);
-      DefaultValue.current.value = defaultValue;
-      DefaultValue.current.state = true;
-      if (value) {
-        Change(value, false, true);
-      }
-    }
-  }, []);
-  useEffect(() => {
-    if (IsFocused) {
-      CalculatePos();
-    }
-  }, [CalendarRef, IsFocused]);
-  useEffect(() => {
-    document.addEventListener("click", ClickHandler);
-    document.addEventListener("wheel", ScrollHandler);
-    return () => {
-      document.removeEventListener("click", ClickHandler);
-      document.removeEventListener("wheel", ScrollHandler);
-    };
-  }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${namespace === "namespaceHr" ? style.namespaceHr : ""} ${style.datepickerContainer}`, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: ComponentRef, className: style.datepickerInputWrapper, onClick: () => (setIsFocused((state) => !state), CalculatePos()), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      FormInput,
-      {
-        ...rest,
-        customFocus: IsFocused,
-        withActive: false,
-        value: Value,
-        toggleFocus: true,
-        formInputStyle: { cursor: "pointer" },
-        leftSlot: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.datepickerLeftIcon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconCalendar, {}) }),
-        rightSlot: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${style.datepickerRightIcon}`, onClick: Clear, children: Value && /* @__PURE__ */ jsxRuntimeExports.jsx(IconCloseCircle, {}) }),
-        readOnly: true
-      }
-    ) }),
-    IsFocused && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Calendar,
-      {
-        namespace,
-        defaultValue: DefaultValue.current,
-        CalendarRef,
-        disabledDatesFrom,
-        disabledDatesTill,
-        disabledDatesRange,
-        valueFormat,
-        onChange: (value) => Change(value, false, false),
-        customYears,
-        CurrentMonth,
-        setCurrentMonth,
-        SelectedDate,
-        setSelectedDate,
-        IsFocused,
-        setIsFocused,
-        quickPick,
-        mode,
-        RangeSelection,
-        setRangeSelection,
-        pickerType,
-        selectedStyle,
-        endDateStyle,
-        startDateStyle,
-        inRangeStyle,
-        otherMonthStyle,
-        todayStyle,
-        weekDayStyle,
-        quickPickStyle,
-        monthStyle
-      }
-    )
-  ] });
-};
-export {
-  DatePicker as default
-};

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

@@ -1,8 +0,0 @@
-import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
-import style from "./master-components-react-ts.es51.js";
-const Skeleton = ({ type = "text", customStyle, children }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: customStyle ?? {}, className: ` ${style.skeleton} ${style[type] || ""}`, children });
-};
-export {
-  Skeleton as default
-};

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

@@ -1,74 +0,0 @@
-import { j as jsxRuntimeExports } from "./master-components-react-ts.es17.js";
-import style from "./master-components-react-ts.es52.js";
-import { IconArrowUp } from "./master-components-react-ts.es33.js";
-import { useState, useRef, useEffect } from "react";
-const ActionDropdown = ({ title, data, onSelect }) => {
-  const [Collapsed, setCollapsed] = useState(false);
-  const DropdownRef = useRef(null);
-  const ListRef = useRef(null);
-  const [Selected, setSelected] = useState(null);
-  const HandleSelect = (item) => {
-    setSelected(item);
-    onSelect?.(item);
-    setCollapsed(false);
-  };
-  const CalculatePos = () => {
-    const componentEl = DropdownRef.current;
-    const dropdownEl = ListRef.current;
-    if (!dropdownEl || !componentEl) return;
-    const componentRect = componentEl.getBoundingClientRect();
-    const windowHeight = window.innerHeight;
-    dropdownEl.style.position = "fixed";
-    dropdownEl.style.width = componentRect.width + "px";
-    dropdownEl.style.left = `${componentRect.left + window.pageXOffset}px`;
-    if (componentRect.bottom + dropdownEl.offsetHeight > windowHeight) {
-      dropdownEl.style.top = `${window.scrollY + componentRect.top - dropdownEl.offsetHeight - 4}px`;
-      dropdownEl.style.bottom = "unset";
-    } else {
-      dropdownEl.style.top = `${window.scrollY + componentRect.bottom + 8}px`;
-      dropdownEl.style.bottom = "unset";
-    }
-  };
-  useEffect(() => {
-    CalculatePos();
-  }, [DropdownRef, Collapsed]);
-  useEffect(() => {
-    const ClickHandler = (event) => {
-      if (!DropdownRef.current) return;
-      if (event.composedPath().includes(DropdownRef.current)) return;
-      setCollapsed(false);
-    };
-    const ScrollHandler = (event) => {
-      if (!DropdownRef.current || !ListRef.current) return;
-      if (ListRef.current.contains(event.target)) return;
-      setCollapsed(false);
-    };
-    document.addEventListener("click", ClickHandler);
-    document.addEventListener("wheel", ScrollHandler);
-    return () => {
-      document.removeEventListener("click", ClickHandler);
-      document.removeEventListener("wheel", ScrollHandler);
-    };
-  }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${style.actionDropdownContainer} ${Collapsed ? style.collapsed : ""}`, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: DropdownRef, className: style.actionDropdownContent, onClick: () => setCollapsed((state) => !state), children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { title, className: style.actionDropdownTitle, children: Selected?.label || title }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.actionDropdownIcon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconArrowUp, { width: "10", height: "6", color: "#131314" }) })
-    ] }),
-    Collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { ref: ListRef, onClick: (e) => e.stopPropagation(), className: style.actionDropdownList, children: data.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "li",
-      {
-        onClick: (e) => {
-          e.stopPropagation();
-          HandleSelect(item);
-        },
-        className: `${style.actionDropdownItem} ${Selected?.id === item.id ? style.selected : ""}`,
-        children: item.label
-      },
-      item.id
-    )) }, data.length)
-  ] });
-};
-export {
-  ActionDropdown as default
-};

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

@@ -1,12 +0,0 @@
-import { __module as jsxRuntime } from "./master-components-react-ts.es53.js";
-import { __require as requireReactJsxRuntime_production } from "./master-components-react-ts.es54.js";
-import { __require as requireReactJsxRuntime_development } from "./master-components-react-ts.es55.js";
-if (process.env.NODE_ENV === "production") {
-  jsxRuntime.exports = requireReactJsxRuntime_production();
-} else {
-  jsxRuntime.exports = requireReactJsxRuntime_development();
-}
-var jsxRuntimeExports = jsxRuntime.exports;
-export {
-  jsxRuntimeExports as j
-};

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?.(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
-};