@reportportal/ui-kit 0.0.1-alpha.68 → 0.0.1-alpha.69

package/dist/button-33bc880f.js

@@ -0,0 +1,64 @@
+import { jsxs as p, jsx as b } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { c as u } from "./bind-06a7ff84.js";
+const x = "_button_108em_1", f = "_primary_108em_18", g = "_disabled_108em_23", y = "_ghost_108em_38", N = "_danger_108em_59", B = "_text_108em_79", $ = "_icon_108em_133", j = {
+  button: x,
+  primary: f,
+  disabled: g,
+  ghost: y,
+  danger: N,
+  text: B,
+  "width-min-width": "_width-min-width_108em_115",
+  "width-content": "_width-content_108em_119",
+  "width-wide-content": "_width-wide-content_108em_123",
+  "width-parent": "_width-parent_108em_128",
+  icon: $,
+  "icon-start": "_icon-start_108em_139",
+  "icon-end": "_icon-end_108em_143"
+}, _ = u.bind(j), v = l(
+  ({
+    variant: i = "primary",
+    icon: t,
+    iconPlace: n = "start",
+    adjustWidthOn: e = "min-width",
+    type: s = "button",
+    children: c,
+    disabled: o = !1,
+    onClick: m,
+    title: r,
+    className: d,
+    ...a
+  }, h) => {
+    const w = _("button", i, d, {
+      disabled: o,
+      [`width-${e}`]: e
+    });
+    return /* @__PURE__ */ p(
+      "button",
+      {
+        ref: h,
+        type: s,
+        disabled: o,
+        className: w,
+        onClick: m,
+        title: r,
+        ...a,
+        children: [
+          t && /* @__PURE__ */ b(
+            "i",
+            {
+              className: _("icon", {
+                [`icon-${n}`]: n
+              }),
+              children: t
+            }
+          ),
+          c
+        ]
+      }
+    );
+  }
+);
+export {
+  v as B
+};

package/dist/button.js

@@ -1,4 +1,4 @@
-import { B as o } from "./button-770f7b20.js";
+import { B as o } from "./button-33bc880f.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/{checkbox-9a6c7ce1.js → checkbox-aa91985d.js}

@@ -1,32 +1,32 @@
-import { jsxs as x, jsx as s } from "react/jsx-runtime";
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
 import { c as f } from "./bind-06a7ff84.js";
 import { useRef as y, useId as C } from "react";
 import { K as p } from "./keyCodes-f63c0e11.js";
-const E = "_checkbox_189ko_1", D = "_disabled_189ko_11", K = "_input_189ko_16", N = "_control_189ko_23", I = "_children_189ko_149", R = {
+const E = "_checkbox_1tbt5_1", D = "_disabled_1tbt5_11", K = "_input_1tbt5_16", N = "_control_1tbt5_23", I = "_children_1tbt5_149", R = {
   checkbox: E,
   disabled: D,
   input: K,
   control: N,
-  "partially-checked": "_partially-checked_189ko_76",
+  "partially-checked": "_partially-checked_1tbt5_76",
   children: I
 }, e = f.bind(R), A = ({
-  children: t,
+  children: s,
   disabled: c = !1,
   onChange: d,
   className: h,
   value: r,
-  partiallyChecked: b,
+  partiallyChecked: k,
   title: l,
   ...u
 }) => {
-  const o = y(null), a = C(), m = (n) => {
-    var k, _;
-    const { keyCode: i } = n;
+  const t = y(null), a = C(), m = (o) => {
+    var _, b;
+    const { keyCode: i } = o;
     if (i === p.SPACE_KEY_CODE) {
-      n.preventDefault(), (k = o.current) == null || k.click();
+      o.preventDefault(), (_ = t.current) == null || _.click();
       return;
     }
-    i === p.ENTER_KEY_CODE && (n.preventDefault(), (_ = o.current) == null || _.click());
+    i === p.ENTER_KEY_CODE && (o.preventDefault(), (b = t.current) == null || b.click());
   };
   return /* @__PURE__ */ x(
     "label",
@@ -37,14 +37,14 @@ const E = "_checkbox_189ko_1", D = "_disabled_189ko_11", K = "_input_189ko_16",
       }),
       title: l,
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ n(
           "input",
           {
-            ref: o,
+            ref: t,
             tabIndex: 0,
             type: "checkbox",
             onKeyDown: m,
-            className: e("input", { "partially-checked": b }),
+            className: e("input", { "partially-checked": k }),
             disabled: c,
             onChange: d,
             checked: r,
@@ -52,7 +52,7 @@ const E = "_checkbox_189ko_1", D = "_disabled_189ko_11", K = "_input_189ko_16",
             ...u
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ n(
           "span",
           {
             "aria-labelledby": a,
@@ -63,7 +63,7 @@ const E = "_checkbox_189ko_1", D = "_disabled_189ko_11", K = "_input_189ko_16",
             })
           }
         ),
-        t && /* @__PURE__ */ s("span", { className: e("children", { disabled: c }), children: t })
+        s && /* @__PURE__ */ n("span", { className: e("children", { disabled: c }), children: s })
       ]
     }
   );

package/dist/checkbox.js

@@ -1,4 +1,4 @@
-import { C as r } from "./checkbox-9a6c7ce1.js";
+import { C as r } from "./checkbox-aa91985d.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "react";

package/dist/{datePicker-06e90999.js → datePicker-382ef010.js}

@@ -1,25 +1,25 @@
-import { jsxs as S, Fragment as U, jsx as t } from "react/jsx-runtime";
+import { jsxs as x, Fragment as U, jsx as t } from "react/jsx-runtime";
 import $ from "react-datepicker/dist/es/index.js";
 import { c as R } from "./bind-06a7ff84.js";
 import { useMemo as P, useRef as B } from "react";
-import { F as D } from "./fieldText-94e2c8eb.js";
-import { a as E, S as G } from "./calendarArrow-3e1339ea.js";
-import { D as T } from "./dropdown-29285346.js";
-import { registerLocale as H } from "react-datepicker";
+import { F as D } from "./fieldText-e605a521.js";
+import { a as E, S as j } from "./calendarArrow-3e1339ea.js";
+import { D as T } from "./dropdown-13d7d50e.js";
+import { registerLocale as G } from "react-datepicker";
 const pe = (r, s) => {
-  H(r, s);
-}, V = (r, s = 20) => {
+  G(r, s);
+}, H = (r, s = 20) => {
   const l = r + s;
   return new Array(l - r).fill(void 0).map((g, o) => r - o);
-}, O = "_header_a3cjx_1", W = "_disabled_a3cjx_25", q = "_dropdown_a3cjx_8", z = {
-  header: O,
-  "dropdowns-wrapper": "_dropdowns-wrapper_a3cjx_8",
-  "button-prev": "_button-prev_a3cjx_13",
-  "button-next": "_button-next_a3cjx_14",
-  disabled: W,
-  dropdown: q,
-  "month-dropdown": "_month-dropdown_a3cjx_44",
-  "toggle-button": "_toggle-button_a3cjx_47"
+}, V = "_header_1q16i_1", O = "_disabled_1q16i_25", W = "_dropdown_1q16i_8", z = {
+  header: V,
+  "dropdowns-wrapper": "_dropdowns-wrapper_1q16i_8",
+  "button-prev": "_button-prev_1q16i_13",
+  "button-next": "_button-next_1q16i_14",
+  disabled: O,
+  dropdown: W,
+  "month-dropdown": "_month-dropdown_1q16i_44",
+  "toggle-button": "_toggle-button_1q16i_47"
 }, a = R.bind(z), J = ({
   date: r = /* @__PURE__ */ new Date(),
   changeYear: s = () => {
@@ -35,27 +35,27 @@ const pe = (r, s) => {
   headerNodes: b = null,
   customClassName: w = "",
   yearsOptions: i = [],
-  locale: x
+  locale: C
 }) => {
-  const p = r.getFullYear(), C = r.getMonth(), f = P(() => {
-    const e = Array(12).keys(), c = new Intl.DateTimeFormat(x, {
+  const p = r.getFullYear(), N = r.getMonth(), f = P(() => {
+    const e = Array(12).keys(), d = new Intl.DateTimeFormat(C, {
       month: "long"
-    }), d = (m) => c.format(new Date(p, m));
-    return Array.from(e, d).reduce((m, j, A) => m.concat({
-      value: A,
-      label: j
+    }), c = (m) => d.format(new Date(p, m));
+    return Array.from(e, c).reduce((m, k, S) => m.concat({
+      value: S,
+      label: k
     }), []);
-  }, []), N = P(() => (i.length > 0 ? i : V(p)).reduce(
-    (c, d) => c.concat({ value: d, label: `${d}` }),
+  }, []), v = P(() => (i.length > 0 ? i : H(p)).reduce(
+    (d, c) => d.concat({ value: c, label: `${c}` }),
     []
-  ), [i]), v = (e) => {
+  ), [i]), y = (e) => {
     l(e);
-  }, y = (e) => {
+  }, A = (e) => {
     s(e);
   };
-  return /* @__PURE__ */ S(U, { children: [
+  return /* @__PURE__ */ x(U, { children: [
     b && /* @__PURE__ */ t("div", { className: a(w), children: b }),
-    /* @__PURE__ */ S("div", { className: a("header"), children: [
+    /* @__PURE__ */ x("div", { className: a("header"), children: [
       /* @__PURE__ */ t(
         "button",
         {
@@ -68,13 +68,13 @@ const pe = (r, s) => {
           children: /* @__PURE__ */ t(E, {})
         }
       ),
-      /* @__PURE__ */ S("div", { className: a("dropdowns-wrapper"), children: [
+      /* @__PURE__ */ x("div", { className: a("dropdowns-wrapper"), children: [
         /* @__PURE__ */ t(
           T,
           {
             options: f,
-            value: C,
-            onChange: v,
+            value: N,
+            onChange: y,
             transparentBackground: !0,
             className: a("dropdown", "month-dropdown"),
             toggleButtonClassName: a("toggle-button")
@@ -83,9 +83,9 @@ const pe = (r, s) => {
         /* @__PURE__ */ t(
           T,
           {
-            options: N,
+            options: v,
             value: p,
-            onChange: y,
+            onChange: A,
             transparentBackground: !0,
             className: a("dropdown"),
             toggleButtonClassName: a("toggle-button")
@@ -106,12 +106,12 @@ const pe = (r, s) => {
       )
     ] })
   ] });
-}, K = "_calendar_1jr94_5", Q = "_date_1jr94_90", X = "_disabled_1jr94_202", Z = "_popper_1jr94_210", ee = "_input_1jr94_214", oe = {
+}, K = "_calendar_1pok6_5", Q = "_date_1pok6_90", X = "_disabled_1pok6_202", Z = "_popper_1pok6_210", ee = "_input_1pok6_214", oe = {
   calendar: K,
-  "current-date": "_current-date_1jr94_89",
+  "current-date": "_current-date_1pok6_89",
   date: Q,
-  "selected-range": "_selected-range_1jr94_119",
-  "end-date": "_end-date_1jr94_119",
+  "selected-range": "_selected-range_1pok6_119",
+  "end-date": "_end-date_1pok6_119",
   disabled: X,
   popper: Z,
   input: ee
@@ -129,22 +129,22 @@ const pe = (r, s) => {
   customClassName: b = "",
   customTimeInput: w = void 0,
   shouldCloseOnSelect: i = !0,
-  popperClassName: x = "",
+  popperClassName: C = "",
   calendarClassName: p = "",
-  fixedHeight: C = !1,
+  fixedHeight: N = !1,
   language: f = ne,
-  yearsOptions: N = [],
-  placeholder: v = L.toUpperCase(),
-  dateFormat: y = L,
+  yearsOptions: v = [],
+  placeholder: y = L.toUpperCase(),
+  dateFormat: A = L,
   selects: e = "start",
-  value: c = null
+  value: d = null
 }) => {
-  const d = B(null), k = n == null ? void 0 : n.toDateString(), m = o == null ? void 0 : o.toDateString(), j = o && n && o > n, A = (u) => {
-    const F = u.toDateString(), Y = F === k, M = j && F === m, I = n && o && u > n && u < o;
+  const c = B(null), F = n == null ? void 0 : n.toDateString(), m = o == null ? void 0 : o.toDateString(), k = o && n && o > n, S = (u) => {
+    const M = u.toDateString(), Y = M === F, q = k && M === m, I = n && o && u > n && u < o;
     return _("date", {
       "current-date": Y,
-      "selected-range": I && !M,
-      "end-date": M && j,
+      "selected-range": I && !q,
+      "end-date": q && k,
       disabled: s
     });
   };
@@ -156,21 +156,21 @@ const pe = (r, s) => {
         {
           className: _("input"),
           defaultWidth: !1,
-          endIcon: /* @__PURE__ */ t(G, {}),
-          ref: d
+          endIcon: /* @__PURE__ */ t(j, {}),
+          ref: c
         }
       ),
-      placeholderText: v,
-      selected: c,
+      placeholderText: y,
+      selected: d,
       startDate: n,
       endDate: o,
       minDate: e === "end" ? n : void 0,
       disabled: s,
       shouldCloseOnSelect: i,
-      fixedHeight: C,
+      fixedHeight: N,
       locale: f,
       showPopperArrow: !1,
-      dayClassName: A,
+      dayClassName: S,
       calendarClassName: _(p, "calendar"),
       renderCustomHeader: (u) => /* @__PURE__ */ t(
         J,
@@ -178,7 +178,7 @@ const pe = (r, s) => {
           ...u,
           headerNodes: h,
           customClassName: b,
-          yearsOptions: N,
+          yearsOptions: v,
           locale: f
         }
       ),
@@ -187,8 +187,8 @@ const pe = (r, s) => {
       onFocus: g,
       customTimeInput: w,
       showTimeInput: !!w,
-      popperClassName: _(x, "popper"),
-      dateFormat: y,
+      popperClassName: _(C, "popper"),
+      dateFormat: A,
       selectsStart: e === "start",
       selectsEnd: e === "end",
       className: _("datepicker")

package/dist/datePicker.js

@@ -1,17 +1,17 @@
-import { D as t } from "./datePicker-06e90999.js";
-import { r as v } from "./datePicker-06e90999.js";
+import { D as t } from "./datePicker-382ef010.js";
+import { r as v } from "./datePicker-382ef010.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
 import "react";
-import "./fieldText-94e2c8eb.js";
+import "./fieldText-e605a521.js";
 import "./openEye-7b9cf080.js";
-import "./button-770f7b20.js";
+import "./button-33bc880f.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
 import "./calendarArrow-3e1339ea.js";
-import "./dropdown-29285346.js";
+import "./dropdown-13d7d50e.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";
@@ -19,7 +19,7 @@ import "./useOnClickOutside-c332f7d3.js";
 import "./keyCodes-f63c0e11.js";
 import "./baseIconButton-251479f7.js";
 import "./dropdown-0260bb66.js";
-import "./checkbox-9a6c7ce1.js";
+import "./checkbox-aa91985d.js";
 import "react-datepicker";
 export {
   t as DatePicker,

package/dist/dropdown-13d7d50e.js

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