@reportportal/ui-kit 0.0.1-alpha.10 → 0.0.1-alpha.100

package/dist/datePicker-efa4e2d6.js

@@ -0,0 +1,194 @@
+import { jsxs as F, Fragment as $, jsx as r } from "react/jsx-runtime";
+import B from "react-datepicker/dist/es/index.js";
+import { c as R } from "./bind-06a7ff84.js";
+import { useMemo as P, useRef as D } from "react";
+import { F as I } from "./fieldText-ba8a917c.js";
+import { D as E } from "./dropdown-ec754bbe.js";
+import { S as T } from "./calendarArrow-44c7e60e.js";
+import { registerLocale as j } from "react-datepicker";
+const ie = (n, s) => {
+  j(n, s);
+}, G = (n, s = 20) => {
+  const i = n + s;
+  return new Array(i - n).fill(void 0).map((g, t) => n - t);
+}, H = "_header_1q16i_1", V = "_disabled_1q16i_25", O = "_dropdown_1q16i_8", W = {
+  header: H,
+  "dropdowns-wrapper": "_dropdowns-wrapper_1q16i_8",
+  "button-prev": "_button-prev_1q16i_13",
+  "button-next": "_button-next_1q16i_14",
+  disabled: V,
+  dropdown: O,
+  "month-dropdown": "_month-dropdown_1q16i_44",
+  "toggle-button": "_toggle-button_1q16i_47"
+}, a = R.bind(W), z = ({
+  date: n = /* @__PURE__ */ new Date(),
+  changeYear: s = () => {
+  },
+  changeMonth: i = () => {
+  },
+  decreaseMonth: g = () => {
+  },
+  increaseMonth: t = () => {
+  },
+  prevMonthButtonDisabled: o = !1,
+  nextMonthButtonDisabled: h = !1,
+  headerNodes: b = null,
+  customClassName: w = "",
+  yearsOptions: p = [],
+  locale: N
+}) => {
+  const l = n.getFullYear(), C = n.getMonth(), y = P(() => {
+    const e = Array(12).keys(), c = new Intl.DateTimeFormat(N, {
+      month: "long"
+    }), d = (m) => c.format(new Date(l, m));
+    return Array.from(e, d).reduce((m, f, x) => m.concat({
+      value: x,
+      label: f
+    }), []);
+  }, []), v = P(() => (p.length > 0 ? p : G(l)).reduce(
+    (c, d) => c.concat({ value: d, label: `${d}` }),
+    []
+  ), [p, l]), A = (e) => {
+    i(e);
+  }, k = (e) => {
+    s(e);
+  };
+  return /* @__PURE__ */ F($, { children: [
+    b && /* @__PURE__ */ r("div", { className: a(w), children: b }),
+    /* @__PURE__ */ F("div", { className: a("header"), children: [
+      /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Previous Months",
+          disabled: o,
+          onClick: (e) => {
+            e.stopPropagation(), g();
+          },
+          className: a("button-prev", { disabled: o }),
+          children: /* @__PURE__ */ r(T, {})
+        }
+      ),
+      /* @__PURE__ */ F("div", { className: a("dropdowns-wrapper"), children: [
+        /* @__PURE__ */ r(
+          E,
+          {
+            options: y,
+            value: C,
+            onChange: A,
+            transparentBackground: !0,
+            className: a("dropdown", "month-dropdown"),
+            toggleButtonClassName: a("toggle-button")
+          }
+        ),
+        /* @__PURE__ */ r(
+          E,
+          {
+            options: v,
+            value: l,
+            onChange: k,
+            transparentBackground: !0,
+            className: a("dropdown"),
+            toggleButtonClassName: a("toggle-button")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Next Months",
+          disabled: h,
+          onClick: (e) => {
+            e.stopPropagation(), t();
+          },
+          className: a("button-next", { disabled: h }),
+          children: /* @__PURE__ */ r(T, {})
+        }
+      )
+    ] })
+  ] });
+}, J = "_calendar_3ty6m_5", K = "_date_3ty6m_90", Q = "_disabled_3ty6m_203", X = "_popper_3ty6m_211", Z = "_input_3ty6m_215", ee = {
+  calendar: J,
+  "current-date": "_current-date_3ty6m_89",
+  date: K,
+  "selected-range": "_selected-range_3ty6m_119",
+  "end-date": "_end-date_3ty6m_119",
+  disabled: Q,
+  popper: X,
+  input: Z
+}, _ = R.bind(ee), te = "en", L = "MM-dd-yyyy", pe = ({
+  onChange: n = () => {
+  },
+  disabled: s = !1,
+  onBlur: i = () => {
+  },
+  onFocus: g = () => {
+  },
+  endDate: t = void 0,
+  startDate: o = void 0,
+  headerNodes: h = null,
+  customClassName: b = "",
+  customTimeInput: w = void 0,
+  shouldCloseOnSelect: p = !0,
+  popperClassName: N = "",
+  calendarClassName: l = "",
+  fixedHeight: C = !1,
+  language: y = te,
+  yearsOptions: v = [],
+  placeholder: A = L.toUpperCase(),
+  dateFormat: k = L,
+  selects: e = "start",
+  value: c = null
+}) => {
+  const d = D(null), S = o == null ? void 0 : o.toDateString(), m = t == null ? void 0 : t.toDateString(), f = t && o && t > o, x = (u) => {
+    const M = u.toDateString(), Y = M === S, q = f && M === m, U = o && t && u > o && u < t;
+    return _("date", {
+      "current-date": Y,
+      "selected-range": U && !q,
+      "end-date": q && f,
+      disabled: s
+    });
+  };
+  return /* @__PURE__ */ r(
+    B,
+    {
+      customInput: /* @__PURE__ */ r(I, { className: _("input"), defaultWidth: !1, ref: d }),
+      placeholderText: A,
+      selected: c,
+      startDate: o,
+      endDate: t,
+      disabled: s,
+      shouldCloseOnSelect: p,
+      fixedHeight: C,
+      locale: y,
+      showPopperArrow: !1,
+      dayClassName: x,
+      calendarClassName: _(l, "calendar"),
+      renderCustomHeader: (u) => /* @__PURE__ */ r(
+        z,
+        {
+          ...u,
+          headerNodes: h,
+          customClassName: b,
+          yearsOptions: v,
+          locale: y
+        }
+      ),
+      onChange: n,
+      onBlur: i,
+      onFocus: g,
+      customTimeInput: w,
+      showTimeInput: !!w,
+      popperClassName: _(N, "popper"),
+      dateFormat: k,
+      selectsStart: e === "start",
+      selectsEnd: e === "end",
+      className: _("datepicker")
+    }
+  );
+};
+export {
+  pe as D,
+  ie as r
+};

package/dist/datePicker.js

@@ -0,0 +1,27 @@
+import { D as t } from "./datePicker-efa4e2d6.js";
+import { r as q } from "./datePicker-efa4e2d6.js";
+import "react/jsx-runtime";
+import "react-datepicker/dist/es/index.js";
+import "./bind-06a7ff84.js";
+import "react";
+import "./fieldText-ba8a917c.js";
+import "./openEye-7b9cf080.js";
+import "./baseIconButton-251479f7.js";
+import "./spinLoader-c4a53718.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
+import "./dropdown-ec754bbe.js";
+import "@floating-ui/react-dom";
+import "downshift";
+import "rc-scrollbars";
+import "./useOnClickOutside-c332f7d3.js";
+import "./keyCodes-f63c0e11.js";
+import "./dropdown-0260bb66.js";
+import "./checkbox-ed6cc375.js";
+import "./calendarArrow-44c7e60e.js";
+import "react-datepicker";
+export {
+  t as DatePicker,
+  t as default,
+  q as registerDatePickerLocale
+};

package/dist/dropdown-0260bb66.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M14.2174 5.82426C14.3736 5.66805 14.3736 5.41479 14.2174 5.25858L14.0759 5.11716C13.9197 4.96095 13.6665 4.96095 13.5103 5.11716L8.16726 10.4602L2.82426 5.11716C2.66805 4.96095 2.41479 4.96095 2.25858 5.11716L2.11716 5.25858C1.96095 5.41479 1.96095 5.66805 2.11716 5.82426L7.89176 11.5989C8.04797 11.7551 8.30124 11.7551 8.45745 11.5989L8.88171 11.1746L8.87436 11.1673L14.2174 5.82426Z", fill: "#A2AAB5" }));
+export {
+  o as S
+};

package/dist/dropdown-ec754bbe.js

@@ -0,0 +1,289 @@
+import { jsxs as u, jsx as a, Fragment as q } from "react/jsx-runtime";
+import { forwardRef as ue, useState as z, useRef as fe, useCallback as ge } from "react";
+import { c as Q } from "./bind-06a7ff84.js";
+import { useFloating as pe, offset as me, flip as ye } from "@floating-ui/react-dom";
+import { useSelect as j } from "downshift";
+import { Scrollbars as be } from "rc-scrollbars";
+import { u as Ce } from "./useOnClickOutside-c332f7d3.js";
+import { K as g } from "./keyCodes-f63c0e11.js";
+import { B as ke } from "./baseIconButton-251479f7.js";
+import { S as Oe } from "./dropdown-0260bb66.js";
+import { FieldLabel as Ne } from "./fieldLabel.js";
+import { C as De } from "./checkbox-ed6cc375.js";
+const Ee = "_disabled_1etj7_12", we = "_hidden_1etj7_16", ve = "_hover_1etj7_22", Ke = "_selected_1etj7_34", Ae = {
+  "dropdown-option": "_dropdown-option_1etj7_1",
+  disabled: Ee,
+  hidden: we,
+  hover: ve,
+  selected: Ke,
+  "multi-select": "_multi-select_1etj7_34",
+  "single-option": "_single-option_1etj7_39",
+  "sub-option": "_sub-option_1etj7_46"
+}, G = Q.bind(Ae), J = ue(
+  (n, t) => {
+    const {
+      option: { value: r, disabled: d, hidden: A, label: p, title: c, groupRef: i },
+      selected: y,
+      onChange: m,
+      render: b,
+      highlightHovered: C,
+      onMouseEnter: x,
+      multiSelect: h,
+      isPartiallyChecked: k = !1
+    } = n, I = (O) => {
+      (O.target instanceof HTMLDivElement || O.target instanceof HTMLInputElement) && (m == null || m(r));
+    };
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        className: G("dropdown-option", {
+          selected: y,
+          disabled: d,
+          hidden: A,
+          hover: C,
+          "multi-select": h
+        }),
+        title: c,
+        onClick: I,
+        ref: t,
+        onMouseEnter: x,
+        children: [
+          h && /* @__PURE__ */ a(De, { value: !!y, partiallyChecked: k }),
+          /* @__PURE__ */ a("div", { className: G("single-option", { "sub-option": !!i }), children: b ? b(n) : p })
+        ]
+      }
+    );
+  }
+), xe = [
+  g.ENTER_KEY_CODE,
+  g.SPACE_KEY_CODE,
+  g.ARROW_DOWN_KEY_CODE
+], Ie = [g.ESCAPE_KEY_CODE, g.TAB_KEY_CODE];
+var f = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onClick", n))(f || {});
+const Pe = (n, t) => {
+  const r = Array.isArray(t) ? t : [t];
+  return n.findIndex(({ value: d }) => r.includes(d));
+}, Ye = (n, t) => (n % t + t) % t, H = (n, t = 0, r = 1) => {
+  if (!n[t].disabled)
+    return t;
+  const d = n.length;
+  return H(
+    n,
+    Ye(t + r, d),
+    r
+  );
+}, je = (n, t) => H(n, t), He = (n, t) => H(n, t, -1), Re = "_container_5enku_1", Te = "_icon_5enku_7", Me = "_arrow_5enku_13", We = "_dropdown_5enku_19", Le = "_disabled_5enku_36", Se = "_value_5enku_43", Ve = "_error_5enku_46", $e = "_touched_5enku_46", Ue = "_opened_5enku_50", qe = "_placeholder_5enku_83", ze = "_ghost_5enku_118", Ge = "_divider_5enku_139", Je = {
+  container: Re,
+  icon: Te,
+  arrow: Me,
+  dropdown: We,
+  "transparent-background": "_transparent-background_5enku_33",
+  disabled: Le,
+  value: Se,
+  error: Ve,
+  touched: $e,
+  opened: Ue,
+  placeholder: qe,
+  "mobile-disabled": "_mobile-disabled_5enku_87",
+  "select-list": "_select-list_5enku_92",
+  "limited-width": "_limited-width_5enku_109",
+  "options-container": "_options-container_5enku_113",
+  ghost: ze,
+  divider: Ge
+}, o = Q.bind(Je), ot = ({
+  multiSelect: n = !1,
+  value: t = n ? [] : "",
+  options: r = [],
+  disabled: d = !1,
+  error: A,
+  onChange: p,
+  onFocus: c,
+  onBlur: i,
+  mobileDisabled: y,
+  title: m,
+  touched: b = !1,
+  icon: C,
+  variant: x,
+  placeholder: h = "",
+  label: k = "",
+  renderOption: I,
+  transparentBackground: O = !1,
+  className: X,
+  toggleButtonClassName: Z,
+  selectListClassName: B,
+  isListWidthLimited: F = !1,
+  optionAll: R = { value: "all", label: "All" },
+  isOptionAllVisible: T = !1,
+  onSelectAll: ee = () => {
+  },
+  formatDisplayedValue: M,
+  notScrollable: te = !1,
+  footer: N
+}) => {
+  const [_, D] = z(!1), W = fe(null), [ne, E] = z(null), P = n && Array.isArray(t) ? r.filter((e) => t.includes(e.value)) : null, { refs: L, floatingStyles: re } = pe({
+    placement: "bottom-start",
+    middleware: [
+      me(5),
+      ye({
+        fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"]
+      })
+    ]
+  }), se = () => {
+    if (T && Array.isArray(t)) {
+      const e = r.map((s) => s.value);
+      p(t.length === r.length ? [] : e), ee();
+    }
+  }, w = ge(() => {
+    D(!1), i == null || i();
+  }, [i]);
+  Ce(W, () => {
+    _ && w();
+  });
+  const S = (e) => {
+    if (!e.disabled) {
+      if (n) {
+        const s = Array.isArray(t) ? [...t] : [], l = s.indexOf(e.value);
+        l === -1 ? s.push(e.value) : s.splice(l, 1), p(s);
+      } else
+        p(e.value);
+      D((s) => n || !s);
+    }
+  }, ae = () => r.find(({ value: e }) => e === t), V = Pe(r, t), {
+    getToggleButtonProps: le,
+    getLabelProps: de,
+    getMenuProps: ie,
+    getItemProps: oe,
+    setHighlightedIndex: v,
+    highlightedIndex: $,
+    selectedItem: K
+  } = j({
+    items: r,
+    itemToString: (e) => (e != null && e.label ? String(e.label) : h) || "",
+    selectedItem: ae(),
+    isOpen: _,
+    circularNavigation: !0,
+    defaultHighlightedIndex: V,
+    onHighlightedIndexChange: (e) => {
+      switch (e.type) {
+        case j.stateChangeTypes.MenuKeyDownArrowUp:
+          return E(f.ON_KEY_DOWN), v(He(r, e.highlightedIndex)), e;
+        case j.stateChangeTypes.MenuKeyDownArrowDown:
+          return E(f.ON_KEY_DOWN), v(je(r, e.highlightedIndex)), e;
+        default:
+          return e;
+      }
+    }
+  }), ce = () => {
+    d || (D((e) => !e), _ ? i == null || i() : c == null || c(), E(f.ON_CLICK));
+  }, Y = (() => {
+    if (n && Array.isArray(t) && r.length === t.length)
+      return R.label;
+    const e = r.reduce((s, l) => ((Array.isArray(t) && t.includes(l.value) || l.value === t) && s.push(l.label), s), []);
+    if (e.length > 0)
+      return e.join(", ");
+    if (!t && t !== !1 && t !== 0 || Array.isArray(t) && !t.length)
+      return h;
+  })(), _e = (e) => {
+    const { keyCode: s } = e;
+    xe.includes(s) && !_ && (e.preventDefault(), v(V), D(!0), c == null || c(), E(f.ON_KEY_DOWN));
+  }, he = (e) => {
+    const { keyCode: s } = e;
+    if (s === g.ENTER_KEY_CODE) {
+      const l = r[$];
+      S(l), n || w();
+      return;
+    }
+    Ie.includes(s) && (e.stopPropagation(), w());
+  }, U = () => /* @__PURE__ */ u("div", { className: o("options-container"), children: [
+    n && T && Array.isArray(t) && /* @__PURE__ */ u(q, { children: [
+      /* @__PURE__ */ a(
+        J,
+        {
+          option: R,
+          selected: t.length === r.length,
+          onChange: se,
+          multiSelect: n,
+          isPartiallyChecked: !!t.length
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: o("divider") }),
+      " "
+    ] }),
+    r.map((e, s) => /* @__PURE__ */ a(
+      J,
+      {
+        ...oe({
+          item: e,
+          index: s
+        }),
+        multiSelect: n,
+        selected: n ? P == null ? void 0 : P.some((l) => l.value === e.value) : e.value === ((K == null ? void 0 : K.value) ?? K),
+        option: { title: e.label, ...e },
+        highlightHovered: $ === s && ne !== f.ON_CLICK,
+        render: I,
+        onChange: e.disabled ? null : () => S(e),
+        onMouseEnter: () => v(s)
+      },
+      e.value
+    )),
+    N && /* @__PURE__ */ u(q, { children: [
+      /* @__PURE__ */ a("div", { className: o("divider") }),
+      typeof N == "function" ? N(w) : N
+    ] })
+  ] });
+  return /* @__PURE__ */ u("div", { ref: W, className: o("container", X), title: m, children: [
+    k && /* @__PURE__ */ a(Ne, { ...de(), children: k }),
+    /* @__PURE__ */ u(
+      "button",
+      {
+        disabled: d,
+        ...le({
+          className: o("dropdown", x, Z, {
+            "transparent-background": O,
+            opened: _,
+            disabled: d,
+            error: A,
+            touched: b,
+            "mobile-disabled": y
+          }),
+          onClick: ce,
+          onKeyDown: _e,
+          ref: L.setReference
+        }),
+        type: "button",
+        children: [
+          C && /* @__PURE__ */ a("span", { className: o("icon"), children: C }),
+          /* @__PURE__ */ a(
+            "span",
+            {
+              className: o("value", {
+                placeholder: Y === h
+              }),
+              children: M ? M(Y) : Y
+            }
+          ),
+          /* @__PURE__ */ a(ke, { className: o("arrow"), tabIndex: -1, children: /* @__PURE__ */ a(Oe, {}) })
+        ]
+      }
+    ),
+    _ && /* @__PURE__ */ a(
+      "div",
+      {
+        style: re,
+        className: o(
+          "select-list",
+          { opened: _, "limited-width": F },
+          B
+        ),
+        ...ie({
+          onKeyDown: he,
+          ref: L.setFloating
+        }),
+        children: te ? U() : /* @__PURE__ */ a(be, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: U() })
+      }
+    )
+  ] });
+};
+export {
+  ot as D
+};

package/dist/dropdown.js

@@ -1,4 +1,4 @@
-import { D as r } from "./dropdown-e07f2a71.js";
+import { D as r } from "./dropdown-ec754bbe.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
@@ -7,7 +7,10 @@ import "downshift";
 import "rc-scrollbars";
 import "./useOnClickOutside-c332f7d3.js";
 import "./keyCodes-f63c0e11.js";
-import "./baseIconButton-7bc53dec.js";
+import "./baseIconButton-251479f7.js";
+import "./dropdown-0260bb66.js";
+import "./fieldLabel.js";
+import "./checkbox-ed6cc375.js";
 export {
   r as Dropdown,
   r as default

package/dist/fieldLabel.js

@@ -0,0 +1,18 @@
+import { jsxs as r, jsx as d } from "react/jsx-runtime";
+import { c as t } from "./bind-06a7ff84.js";
+const c = "_asterisk_1rhlz_11", o = "_disabled_1rhlz_17", b = {
+  "field-label": "_field-label_1rhlz_1",
+  asterisk: c,
+  disabled: o
+}, s = t.bind(b), m = ({
+  children: l,
+  isRequired: e = !1,
+  className: a,
+  ...i
+}) => /* @__PURE__ */ r("label", { className: s("field-label", a), ...i, children: [
+  l,
+  e && /* @__PURE__ */ d("span", { className: s("asterisk"), children: "*" })
+] });
+export {
+  m as FieldLabel
+};

package/dist/fieldNumber-c9113a7f.js

@@ -0,0 +1,135 @@
+import { jsxs as d, Fragment as v, jsx as i } from "react/jsx-runtime";
+import { useRef as T, useId as I, useMemo as W } from "react";
+import { c as y } from "./bind-06a7ff84.js";
+import { K as _ } from "./keyCodes-f63c0e11.js";
+import { B as p } from "./baseIconButton-251479f7.js";
+import { S as B, a as F } from "./plus-0929dda4.js";
+import { FieldLabel as S } from "./fieldLabel.js";
+const w = 5, m = 16, k = [
+  _.TAB_KEY_CODE,
+  _.BACKSPACE_KEY_CODE,
+  _.ARROW_LEFT_KEY_CODE,
+  _.ARROW_UP_KEY_CODE,
+  _.ARROW_RIGHT_KEY_CODE,
+  _.ARROW_DOWN_KEY_CODE,
+  _.DELETE_KEY_CODE,
+  _.NUM_LOCK_0_KEY_CODE,
+  _.NUM_LOCK_1_KEY_CODE,
+  _.NUM_LOCK_2_KEY_CODE,
+  _.NUM_LOCK_3_KEY_CODE,
+  _.NUM_LOCK_4_KEY_CODE,
+  _.NUM_LOCK_5_KEY_CODE,
+  _.NUM_LOCK_6_KEY_CODE,
+  _.NUM_LOCK_7_KEY_CODE,
+  _.NUM_LOCK_8_KEY_CODE,
+  _.NUM_LOCK_9_KEY_CODE
+], H = "_sign_3v3h5_7", V = "_error_3v3h5_22", P = "_disabled_3v3h5_27", b = "_input_3v3h5_12", j = {
+  "field-number": "_field-number_3v3h5_1",
+  sign: H,
+  "input-container": "_input-container_3v3h5_12",
+  error: V,
+  disabled: P,
+  "input-field": "_input-field_3v3h5_38",
+  input: b,
+  "additional-content": "_additional-content_3v3h5_84",
+  "error-text": "_error-text_3v3h5_88"
+}, s = y.bind(j), Z = ({
+  value: r = "",
+  placeholder: N = "0",
+  disabled: t = !1,
+  onChange: o,
+  onFocus: C,
+  onBlur: G,
+  label: O,
+  postfix: c = "",
+  min: E = 0,
+  max: l = Number.MAX_SAFE_INTEGER,
+  title: f,
+  error: u,
+  id: h,
+  ...Y
+}) => {
+  const a = T(null), D = I(), L = (n) => {
+    let e = n.target.value.replace(/^0(?=\d+|^\d)/g, "");
+    if (e === "") {
+      o("");
+      return;
+    }
+    e = +e, e >= E && e <= l && o(e);
+  }, M = (n) => {
+    const { keyCode: e } = n;
+    k.includes(e) || (e < _.NUMBER_START_KEY_CODE || e > _.NUMBER_END_KEY_CODE || n.shiftKey) && n.preventDefault();
+  }, R = () => {
+    const n = +r - 1;
+    n >= E && n <= l && o(n);
+  }, U = () => {
+    const n = +r + 1;
+    n >= E && n <= l && o(n);
+  }, K = N + c, A = W(() => {
+    let n = (String(r) || K).length;
+    return c && !r && (n += 1), n > m ? `${m}ch` : `${n || w}ch`;
+  }, [K, c, r]), g = () => {
+    a && a.current && a.current.focus(), C && C();
+  };
+  return /* @__PURE__ */ d(v, { children: [
+    /* @__PURE__ */ d("div", { className: s("field-number", { disabled: t }), children: [
+      O && /* @__PURE__ */ i(S, { htmlFor: h ?? D, children: O }),
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: s("input-container", {
+            error: u,
+            disabled: t
+          }),
+          title: f,
+          children: [
+            /* @__PURE__ */ i(
+              p,
+              {
+                className: s("sign", "minus"),
+                disabled: t,
+                onClick: R,
+                children: /* @__PURE__ */ i(B, {})
+              }
+            ),
+            /* @__PURE__ */ d("span", { className: s("input-field", { disabled: t }), onClick: g, children: [
+              /* @__PURE__ */ i(
+                "input",
+                {
+                  id: h ?? D,
+                  ref: a,
+                  className: s("input"),
+                  type: "number",
+                  value: r,
+                  placeholder: K,
+                  disabled: t,
+                  min: E,
+                  max: l,
+                  onKeyDown: t ? void 0 : M,
+                  onChange: t ? void 0 : L,
+                  onFocus: t ? void 0 : C,
+                  style: { width: A },
+                  ...Y
+                }
+              ),
+              !!c && (r === 0 || !!r) && /* @__PURE__ */ i("span", { children: c.slice(0, 1) })
+            ] }),
+            /* @__PURE__ */ i(
+              p,
+              {
+                className: s("sign", "plus"),
+                disabled: t,
+                onClick: U,
+                children: /* @__PURE__ */ i(F, {})
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    u && /* @__PURE__ */ i("div", { className: s("additional-content"), children: /* @__PURE__ */ i("span", { className: s("error-text"), children: u }) })
+  ] });
+};
+export {
+  Z as F
+};