@reportportal/ui-kit 0.0.1-alpha.98 → 0.0.1-alpha.99

package/dist/components/dropdown/dropdown.d.ts

@@ -15,6 +15,7 @@ export interface DropdownProps {
     transparentBackground?: boolean;
     className?: string;
     toggleButtonClassName?: string;
+    selectListClassName?: string;
     label?: ReactNode;
     onChange: (value: DropdownValue | DropdownValue[]) => void;
     onFocus?: () => void;
@@ -27,6 +28,6 @@ export interface DropdownProps {
     onSelectAll?: () => void;
     formatDisplayedValue?: (value: string | undefined) => string;
     notScrollable?: boolean;
-    footer?: ReactNode;
+    footer?: ReactNode | ((closeHandler: () => void) => ReactNode);
 }
 export declare const Dropdown: FC<DropdownProps>;

package/dist/{datePicker-0aca795c.js → datePicker-efa4e2d6.js}

@@ -3,7 +3,7 @@ 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-b26b8fd8.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) => {

package/dist/datePicker.js

@@ -1,5 +1,5 @@
-import { D as t } from "./datePicker-0aca795c.js";
-import { r as q } from "./datePicker-0aca795c.js";
+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";
@@ -10,7 +10,7 @@ import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
-import "./dropdown-b26b8fd8.js";
+import "./dropdown-ec754bbe.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";

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-b26b8fd8.js";
+import { D as r } from "./dropdown-ec754bbe.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/index.js

@@ -4,9 +4,9 @@ import { B as D } from "./breadcrumbs-8e5ca8d7.js";
 import { B as g } from "./bubblesLoader-f3ffa240.js";
 import { B as h } from "./button-97d9e587.js";
 import { C as y } from "./checkbox-ed6cc375.js";
-import { D as M } from "./datePicker-0aca795c.js";
+import { D as M } from "./datePicker-efa4e2d6.js";
 import "react-datepicker";
-import { D as w } from "./dropdown-b26b8fd8.js";
+import { D as w } from "./dropdown-ec754bbe.js";
 import { FieldLabel as k } from "./fieldLabel.js";
 import { F as R } from "./fieldNumber-c9113a7f.js";
 import { F as H } from "./fieldText-ba8a917c.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.98",
+  "version": "0.0.1-alpha.99",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {

package/dist/dropdown-b26b8fd8.js

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