@reportportal/ui-kit 0.0.1-alpha.7 → 0.0.1-alpha.9

package/dist/bubblesLoader-9bec3797.js

@@ -1,17 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as r } from "./bind-06a7ff84.js";
-const a = "_bubble_1wrm9_1", c = "_bubbles_1wrm9_1", _ = {
-  "bubbles-loader": "_bubbles-loader_1wrm9_1",
-  "color-topaz": "_color-topaz_1wrm9_4",
-  bubble: a,
-  bubbles: c
-}, l = r.bind(_), t = 7, i = ({
-  color: b = "topaz",
-  className: o
-}) => /* @__PURE__ */ s("div", { className: l("bubbles-loader", o, { [`color-${b}`]: b }), children: Array(t).fill(void 0).map((m, e) => (
-  // eslint-disable-next-line react/no-array-index-key
-  /* @__PURE__ */ s("div", { className: l("bubble") }, e)
-)) });
-export {
-  i as B
-};

package/dist/button-d4944dbc.js

@@ -1,64 +0,0 @@
-import { jsxs as h, jsx as l } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-import { c as f } from "./bind-06a7ff84.js";
-const g = "_button_wutm5_1", y = "_primary_wutm5_19", N = "_disabled_wutm5_24", B = "_ghost_wutm5_36", $ = "_danger_wutm5_51", j = "_text_wutm5_67", I = "_icon_wutm5_113", R = {
-  button: g,
-  primary: y,
-  disabled: N,
-  ghost: B,
-  danger: $,
-  text: j,
-  "width-wide-content": "_width-wide-content_wutm5_103",
-  "width-parent": "_width-parent_wutm5_108",
-  icon: I,
-  "icon-start": "_icon-start_wutm5_119",
-  "icon-end": "_icon-end_wutm5_123"
-}, c = f.bind(R), A = x(
-  ({
-    variant: t = "primary",
-    icon: e,
-    iconPlace: n = "start",
-    adjustWidthOn: o = "content",
-    type: i = "button",
-    children: r,
-    disabled: s = !1,
-    onClick: a,
-    title: m,
-    className: d,
-    dataAutomationId: u,
-    ...w
-  }, b) => {
-    const p = c("button", t, d, {
-      disabled: s,
-      [`width-${o}`]: o
-    }), _ = t === "text" && e;
-    return /* @__PURE__ */ h(
-      "button",
-      {
-        ref: b,
-        type: i,
-        disabled: s,
-        className: p,
-        onClick: a,
-        title: m,
-        "data-automation-id": u,
-        ...w,
-        children: [
-          _ && /* @__PURE__ */ l(
-            "i",
-            {
-              className: c("icon", {
-                [`icon-${n}`]: n
-              }),
-              children: _
-            }
-          ),
-          r
-        ]
-      }
-    );
-  }
-);
-export {
-  A as B
-};

package/dist/checkbox-fdc44740.js

@@ -1,68 +0,0 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { c as x } from "./bind-06a7ff84.js";
-import { useRef as d } from "react";
-import { K as p } from "./keyCodes-f63c0e11.js";
-const m = "_checkbox_1ggpr_1", f = "_disabled_1ggpr_12", g = "_input_1ggpr_17", y = "_control_1ggpr_24", C = "_children_1ggpr_78", E = {
-  checkbox: m,
-  disabled: f,
-  input: g,
-  control: y,
-  children: C
-}, e = x.bind(E), j = ({
-  children: t,
-  disabled: c = !1,
-  onChange: _,
-  className: b,
-  value: s,
-  ...h
-}) => {
-  const o = d(null), k = (n) => {
-    var a, i;
-    const { keyCode: l } = n;
-    if (l === p.SPACE_KEY_CODE) {
-      n.preventDefault(), (a = o.current) == null || a.click();
-      return;
-    }
-    l === p.ENTER_KEY_CODE && (n.preventDefault(), (i = o.current) == null || i.click());
-  };
-  return /* @__PURE__ */ u(
-    "label",
-    {
-      id: "rp-ui-kit-checkbox-label",
-      className: e("checkbox", b, {
-        disabled: c
-      }),
-      children: [
-        /* @__PURE__ */ r(
-          "input",
-          {
-            ref: o,
-            tabIndex: 0,
-            type: "checkbox",
-            onKeyDown: k,
-            className: e("input"),
-            disabled: c,
-            onChange: _,
-            checked: s,
-            ...h
-          }
-        ),
-        /* @__PURE__ */ r(
-          "span",
-          {
-            "aria-labelledby": "rp-ui-kit-checkbox-label",
-            role: "checkbox",
-            "aria-checked": s,
-            className: e("control", {
-              disabled: c
-            })
-          }
-        ),
-        t && /* @__PURE__ */ r("span", { className: e("children", { disabled: c }), children: t })
-      ]
-    }
-  );
-};
-export {
-  j as C
-};

package/dist/clear-4963efcd.js

@@ -1,5 +0,0 @@
-import * as e from "react";
-const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 17, height: 17, viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("rect", { width: 16.2089, height: 16.1568, rx: 8.07842, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.14768 5.14645C4.95077 5.34171 4.95077 5.65829 5.14768 5.85355L7.49578 8.18198L5.35655 10.3033C5.15963 10.4986 5.15963 10.8151 5.35655 11.0104C5.55346 11.2057 5.87271 11.2057 6.06962 11.0104L8.20886 8.88909L10.1392 10.8033C10.3361 10.9986 10.6554 10.9986 10.8523 10.8033C11.0492 10.608 11.0492 10.2915 10.8523 10.0962L8.92193 8.18198L11.0612 6.06065C11.2581 5.86539 11.2581 5.54881 11.0612 5.35355C10.8643 5.15828 10.545 5.15828 10.3481 5.35355L8.20886 7.47487L5.86076 5.14645C5.66385 4.95118 5.34459 4.95118 5.14768 5.14645Z", fill: "white" }));
-export {
-  l as S
-};

package/dist/components/icon/icon.d.ts

@@ -1,11 +0,0 @@
-import { FC, MouseEventHandler } from 'react';
-import { icons } from './icons';
-type IconName = keyof typeof icons;
-interface IconProps {
-    icon: IconName;
-    className?: string;
-    disabled?: boolean;
-    onClick?: MouseEventHandler<HTMLSpanElement>;
-}
-export declare const Icon: FC<IconProps>;
-export {};

package/dist/components/icon/icons.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-export declare const icons: {
-    clear: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    close: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    dropdown: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    delete: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    plus: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-    minus: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-        title?: string | undefined;
-    }>;
-};

package/dist/components/icon/index.d.ts

@@ -1,3 +0,0 @@
-import { Icon } from './icon';
-export { Icon };
-export default Icon;

package/dist/dropdown-45e7bc7d.js

@@ -1,204 +0,0 @@
-import { jsx as d, jsxs as R } from "react/jsx-runtime";
-import { forwardRef as Q, useState as X, useRef as S } from "react";
-import { c as H } from "./bind-06a7ff84.js";
-import { Manager as Z, Reference as U, Popper as F } from "react-popper";
-import { useSelect as N } from "downshift";
-import { Scrollbars as B } from "rc-scrollbars";
-import { u as ee } from "./useOnClickOutside-c332f7d3.js";
-import { K as u } from "./keyCodes-f63c0e11.js";
-import { I as ne } from "./icon-71262f5c.js";
-const te = "_disabled_ev7l2_13", oe = "_hidden_ev7l2_17", de = "_selected_ev7l2_23", re = "_hover_ev7l2_26", le = {
-  "dropdown-option": "_dropdown-option_ev7l2_1",
-  disabled: te,
-  hidden: oe,
-  selected: de,
-  hover: re,
-  "single-option": "_single-option_ev7l2_39",
-  "sub-option": "_sub-option_ev7l2_45"
-}, T = H.bind(le), se = Q(
-  (t, n) => {
-    const {
-      option: { value: l, disabled: a, hidden: m, label: i, title: r, groupRef: b },
-      selected: w,
-      onChange: g,
-      render: f,
-      highlightHovered: E,
-      onMouseEnter: p
-    } = t, C = () => {
-      g && g(l);
-    };
-    return /* @__PURE__ */ d(
-      "div",
-      {
-        className: T("dropdown-option", {
-          selected: w,
-          disabled: a,
-          hidden: m,
-          hover: E
-        }),
-        title: a && r || void 0,
-        onClick: C,
-        ref: n,
-        onMouseEnter: p,
-        children: /* @__PURE__ */ d("div", { className: T("single-option", { "sub-option": !!b }), children: f ? f(t) : i })
-      }
-    );
-  }
-), ae = [
-  u.ENTER_KEY_CODE,
-  u.SPACE_KEY_CODE,
-  u.ARROW_DOWN_KEY_CODE
-], ie = [u.ESCAPE_KEY_CODE, u.TAB_KEY_CODE], ce = (t, n) => t.map(({ value: l }) => l).indexOf(n), _e = (t, n) => (t % n + n) % n, x = (t, n = 0, l = 1) => {
-  if (!t[n].disabled)
-    return n;
-  const a = t.length;
-  return x(t, _e(n + l, a));
-}, he = (t, n) => x(t, n), ue = (t, n) => x(t, n, -1), fe = "_container_1d54v_1", ge = "_icon_1d54v_10", pe = "_arrow_1d54v_16", ve = "_dropdown_1d54v_22", me = "_disabled_1d54v_39", be = "_error_1d54v_43", we = "_touched_1d54v_43", Ee = "_opened_1d54v_47", Ce = "_placeholder_1d54v_72", De = "_value_1d54v_75", Oe = "_ghost_1d54v_113", Ne = {
-  container: fe,
-  "default-width": "_default-width_1d54v_6",
-  icon: ge,
-  arrow: pe,
-  dropdown: ve,
-  "transparent-background": "_transparent-background_1d54v_36",
-  disabled: me,
-  error: be,
-  touched: we,
-  opened: Ee,
-  placeholder: Ce,
-  value: De,
-  "mobile-disabled": "_mobile-disabled_1d54v_87",
-  "select-list": "_select-list_1d54v_92",
-  ghost: Oe
-}, h = H.bind(Ne), Pe = ({
-  value: t = "",
-  options: n = [],
-  disabled: l = !1,
-  error: a,
-  onChange: m,
-  onFocus: i,
-  onBlur: r,
-  mobileDisabled: b,
-  title: w,
-  touched: g = !1,
-  icon: f,
-  variant: E,
-  placeholder: p = "",
-  defaultWidth: C = !0,
-  renderOption: M,
-  transparentBackground: P = !1,
-  className: Y,
-  toggleButtonClassName: A
-}) => {
-  const [c, _] = X(!1), y = S(null), s = S(null);
-  ee(y, () => {
-    c && (_(!1), r && r());
-  });
-  const I = (e) => {
-    e.disabled || (m(e.value), _((o) => !o));
-  }, W = () => n.find(({ value: e }) => e === t), K = ce(n, t), {
-    getToggleButtonProps: $,
-    getMenuProps: j,
-    getItemProps: V,
-    setHighlightedIndex: v,
-    highlightedIndex: k,
-    selectedItem: D
-  } = N({
-    items: n,
-    itemToString: (e) => (e != null && e.label ? String(e.label) : p) || "",
-    selectedItem: W(),
-    isOpen: c,
-    circularNavigation: !0,
-    defaultHighlightedIndex: K,
-    onHighlightedIndexChange: (e) => {
-      switch (e.type) {
-        case N.stateChangeTypes.MenuKeyDownArrowUp:
-          return v(ue(n, e.highlightedIndex)), e;
-        case N.stateChangeTypes.MenuKeyDownArrowDown:
-          return v(he(n, e.highlightedIndex)), e;
-        default:
-          return e;
-      }
-    }
-  }), L = () => {
-    l || (s != null && s.current && s.current(), _((e) => !e), c ? r && r() : i && i());
-  }, q = () => {
-    if (!t && t !== !1)
-      return p;
-    let e = t;
-    return n.forEach((o) => {
-      o.value === t && (e = o.label);
-    }), e;
-  }, z = (e) => {
-    const { keyCode: o } = e;
-    ae.includes(o) && !c && (e.preventDefault(), v(K), s != null && s.current && s.current(), _(!0), i && i());
-  }, G = (e) => {
-    const { keyCode: o } = e;
-    if (o === u.ENTER_KEY_CODE) {
-      const O = n[k];
-      I(O), _(!1), r && r();
-      return;
-    }
-    ie.includes(o) && (e.stopPropagation(), _(!1), r && r());
-  }, J = () => n.map((e, o) => /* @__PURE__ */ d(
-    se,
-    {
-      ...V({
-        item: e,
-        index: o
-      }),
-      selected: e.value === (D == null ? void 0 : D.value),
-      option: e,
-      highlightHovered: k === o,
-      render: M,
-      onChange: e.disabled ? null : () => I(e),
-      onMouseEnter: () => v(o)
-    },
-    e.value
-  ));
-  return /* @__PURE__ */ d(Z, { children: /* @__PURE__ */ R(
-    "div",
-    {
-      ref: y,
-      className: h("container", { "default-width": C }, Y),
-      title: w,
-      children: [
-        /* @__PURE__ */ d(U, { children: ({ ref: e }) => /* @__PURE__ */ R(
-          "button",
-          {
-            ...$({
-              ref: e,
-              tabIndex: l ? -1 : 0,
-              className: h("dropdown", E, A, {
-                "transparent-background": P,
-                opened: c,
-                disabled: l,
-                error: a,
-                touched: g,
-                "mobile-disabled": b
-              }),
-              onClick: L,
-              onKeyDown: z
-            }),
-            children: [
-              f && /* @__PURE__ */ d("span", { className: h("icon"), children: f }),
-              /* @__PURE__ */ d("span", { className: h("value", { placeholder: !t }), children: q() }),
-              /* @__PURE__ */ d(ne, { icon: "dropdown", className: h("arrow") })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ d(F, { placement: "bottom-start", children: ({ ref: e, style: o, update: O }) => (s.current = O, /* @__PURE__ */ d(
-          "div",
-          {
-            className: h("select-list", { opened: c }),
-            style: o,
-            ...j({ ref: e, onKeyDown: G }),
-            children: /* @__PURE__ */ d(B, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: J() })
-          }
-        )) })
-      ]
-    }
-  ) });
-};
-export {
-  Pe as D
-};

package/dist/fieldNumber-27e69676.js

@@ -1,132 +0,0 @@
-import { jsxs as O, jsx as r } from "react/jsx-runtime";
-import { useRef as A, useMemo as T } from "react";
-import { c as W } from "./bind-06a7ff84.js";
-import { K as _ } from "./keyCodes-f63c0e11.js";
-import { I as d } from "./icon-71262f5c.js";
-const y = 5, D = 16, I = [
-  _.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
-], w = "_disabled_12fgx_6", x = "_label_12fgx_10", b = "_sign_12fgx_21", k = "_error_12fgx_36", B = "_touched_12fgx_36", F = "_filled_12fgx_41", H = "_input_12fgx_26", S = {
-  "field-number": "_field-number_12fgx_1",
-  disabled: w,
-  label: x,
-  sign: b,
-  "input-container": "_input-container_12fgx_26",
-  error: k,
-  touched: B,
-  filled: F,
-  "input-field": "_input-field_12fgx_48",
-  input: H
-}, c = W.bind(S), q = ({
-  value: e = "",
-  placeholder: a = "0",
-  disabled: s = !1,
-  onChange: l,
-  onFocus: f,
-  onBlur: V,
-  label: u,
-  postfix: i = "",
-  min: o = 0,
-  max: E = Number.MAX_SAFE_INTEGER,
-  title: p,
-  error: N,
-  touched: h = !1,
-  ...m
-}) => {
-  const C = A(null), Y = (n) => {
-    let t = n.target.value.replace(/^0(?=\d+|^\d)/g, "");
-    if (t === "") {
-      l("");
-      return;
-    }
-    t = +t, t >= o && t <= E && l(t);
-  }, g = (n) => {
-    const { keyCode: t } = n;
-    I.includes(t) || (t < _.NUMBER_START_KEY_CODE || t > _.NUMBER_END_KEY_CODE || n.shiftKey) && n.preventDefault();
-  }, L = () => {
-    const n = +e - 1;
-    n >= o && n <= E && l(n);
-  }, M = () => {
-    const n = +e + 1;
-    n >= o && n <= E && l(n);
-  }, K = a + i, R = T(() => {
-    let n = (String(e) || K).length;
-    return i && !e && (n += 1), n > D ? `${D}ch` : `${n || y}ch`;
-  }, [K, i, e]), U = () => {
-    C && C.current && C.current.focus(), f && f();
-  };
-  return /* @__PURE__ */ O("div", { className: c("field-number", { disabled: s }), children: [
-    u && /* @__PURE__ */ r("span", { className: c("label"), children: u }),
-    /* @__PURE__ */ O(
-      "div",
-      {
-        className: c("input-container", {
-          filled: !!e || e === 0,
-          error: N,
-          disabled: s,
-          touched: h
-        }),
-        title: p,
-        children: [
-          /* @__PURE__ */ r(
-            d,
-            {
-              icon: "minus",
-              className: c("sign", "minus"),
-              disabled: s,
-              onClick: L
-            }
-          ),
-          /* @__PURE__ */ O("span", { className: c("input-field", { disabled: s }), onClick: U, children: [
-            /* @__PURE__ */ r(
-              "input",
-              {
-                ref: C,
-                className: c("input"),
-                type: "number",
-                value: e,
-                placeholder: K,
-                disabled: s,
-                min: o,
-                max: E,
-                onKeyDown: s ? void 0 : g,
-                onChange: s ? void 0 : Y,
-                onFocus: s ? void 0 : f,
-                style: { width: R },
-                ...m
-              }
-            ),
-            !!i && (e === 0 || !!e) && /* @__PURE__ */ r("span", { children: i.slice(0, 1) })
-          ] }),
-          /* @__PURE__ */ r(
-            d,
-            {
-              icon: "plus",
-              className: c("sign", "plus"),
-              disabled: s,
-              onClick: M
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-export {
-  q as F
-};

package/dist/fieldText-c7085849.js

@@ -1,99 +0,0 @@
-import { jsx as e, jsxs as t, Fragment as h } from "react/jsx-runtime";
-import { forwardRef as S } from "react";
-import { c as v } from "./bind-06a7ff84.js";
-import { S as C } from "./clear-4963efcd.js";
-const E = "_label_11rxn_18", z = "_asterisk_11rxn_27", A = "_disabled_11rxn_33", B = "_field_11rxn_37", D = "_error_11rxn_51", G = "_touched_11rxn_51", H = "_input_11rxn_65", J = "_placeholder_11rxn_88", K = "_icon_11rxn_1", L = "_text_11rxn_151", M = {
-  "icon-container": "_icon-container_11rxn_1",
-  "icon-container-end": "_icon-container-end_11rxn_1",
-  "icon-container-start": "_icon-container-start_11rxn_1",
-  label: E,
-  asterisk: z,
-  disabled: A,
-  field: B,
-  error: D,
-  touched: G,
-  "default-width": "_default-width_11rxn_61",
-  "input-container": "_input-container_11rxn_65",
-  input: H,
-  placeholder: J,
-  icon: K,
-  "clear-icon": "_clear-icon_11rxn_108",
-  "additional-content": "_additional-content_11rxn_144",
-  text: L,
-  "error-text": "_error-text_11rxn_159",
-  "help-text": "_help-text_11rxn_163"
-}, n = v.bind(M), T = S(
-  ({
-    value: s,
-    className: f,
-    error: c,
-    placeholder: l,
-    disabled: a = !1,
-    onChange: N,
-    touched: r = !1,
-    title: u,
-    label: i,
-    helpText: o,
-    defaultWidth: k = !0,
-    startIcon: _,
-    endIcon: d,
-    clearable: b = !1,
-    onClear: x,
-    isRequired: p = !1,
-    hasDoubleMessage: w = !1,
-    type: F = "text",
-    ...g
-  }, j) => {
-    const y = () => {
-      x && x(s);
-    }, m = /* @__PURE__ */ e("span", { className: n("text", "help-text"), children: o });
-    return /* @__PURE__ */ t(h, { children: [
-      i && /* @__PURE__ */ t("span", { className: n("label", { disabled: a }), children: [
-        i,
-        p && /* @__PURE__ */ e("span", { className: n("asterisk"), children: "*" })
-      ] }),
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: n("field", f, {
-            error: c,
-            touched: r,
-            disabled: a,
-            "default-width": k
-          }),
-          title: u,
-          children: [
-            _ && /* @__PURE__ */ e("span", { className: n("icon-container-start"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: _ }) }),
-            /* @__PURE__ */ t("span", { className: n("input-container"), children: [
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  ref: j,
-                  type: F,
-                  className: n("input"),
-                  value: s,
-                  disabled: a,
-                  onChange: N,
-                  ...g
-                }
-              ),
-              l && !s && /* @__PURE__ */ t("span", { className: n("placeholder"), children: [
-                l,
-                p && !i && /* @__PURE__ */ e("span", { className: n("asterisk") })
-              ] })
-            ] }),
-            d && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: d }) }),
-            b && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("button", { type: "button", className: n("clear-icon", { disabled: a }), onClick: y, children: /* @__PURE__ */ e(C, {}) }) })
-          ]
-        }
-      ),
-      (c && r || o) && /* @__PURE__ */ e("div", { className: n("additional-content", { disabled: a }), children: c && r ? /* @__PURE__ */ t(h, { children: [
-        /* @__PURE__ */ e("span", { className: n("text", "error-text"), children: c }),
-        w && m
-      ] }) : o && m })
-    ] });
-  }
-);
-export {
-  T as F
-};

package/dist/icon-71262f5c.js

@@ -1,26 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as i } from "./bind-06a7ff84.js";
-import { S as c } from "./clear-4963efcd.js";
-import * as l from "react";
-const L = (e) => /* @__PURE__ */ l.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732179 15.2698C0.330639 14.8683 0.33064 14.2172 0.73218 13.8157L6.54858 7.99928L0.73218 2.18288C0.33064 1.78134 0.330639 1.13031 0.732179 0.728774C1.13372 0.327235 1.78474 0.327235 2.18628 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327229 14.8717 0.327228 15.2732 0.728767C15.6747 1.13031 15.6747 1.78133 15.2732 2.18287L9.45679 7.99928L15.2732 13.8157C15.6747 14.2172 15.6747 14.8683 15.2732 15.2698C14.8717 15.6713 14.2206 15.6713 13.8191 15.2698L8.00269 9.45338L2.18628 15.2698C1.78474 15.6713 1.13372 15.6713 0.732179 15.2698Z", fill: "#A2AAB5" })), d = (e) => /* @__PURE__ */ l.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.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" })), a = (e) => /* @__PURE__ */ l.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { d: "M9.80051 6.3661C9.95672 6.20989 10.21 6.20989 10.3662 6.3661L10.6338 6.63375C10.7901 6.78996 10.7901 7.04323 10.6338 7.19944L8.83331 8.99996L10.6338 10.8005C10.79 10.9567 10.79 11.2099 10.6338 11.3662L10.3662 11.6338C10.21 11.79 9.95669 11.79 9.80048 11.6338L7.99998 9.8333L6.19953 11.6338C6.04332 11.79 5.79005 11.79 5.63384 11.6338L5.36619 11.3661C5.20998 11.2099 5.20998 10.9566 5.36619 10.8004L7.16665 8.99996L5.36617 7.19949C5.20996 7.04328 5.20996 6.79001 5.36617 6.6338L5.63382 6.36615C5.79003 6.20994 6.04329 6.20994 6.1995 6.36615L7.99998 8.16663L9.80051 6.3661Z", fill: "#A2AAB5" }), /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.99878 3V2C4.99878 1.44772 5.44649 1 5.99878 1H9.99878C10.5511 1 10.9988 1.44772 10.9988 2V3H14.5C14.7761 3 15 3.22386 15 3.5C15 3.77614 14.7761 4 14.5 4H13.4167L12.6146 13.6246C12.5498 14.402 11.8999 15 11.1198 15H4.8802C4.10007 15 3.45017 14.402 3.38538 13.6246L2.58333 4H1.5C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3H4.99878ZM5.99878 2H9.99878V3H5.99878V2ZM3.5868 4L4.38193 13.5415C4.40352 13.8007 4.62016 14 4.8802 14H11.1198C11.3798 14 11.5965 13.8007 11.6181 13.5415L12.4132 4H3.5868Z", fill: "#A2AAB5" })), r = (e) => /* @__PURE__ */ l.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00117 2.62046C7.63142 2.6189 7.33294 2.91738 7.3345 3.28712L7.35159 7.35159L3.28712 7.3345C2.91738 7.33295 2.6189 7.63142 2.62045 8.00117C2.62201 8.37091 2.92301 8.67191 3.29275 8.67346L7.35722 8.69056L7.37391 12.6599C7.37547 13.0296 7.67647 13.3306 8.04621 13.3322C8.41596 13.3337 8.71443 13.0352 8.71288 12.6655L8.69619 8.69619L12.6655 8.71288C13.0352 8.71444 13.3337 8.41596 13.3322 8.04621C13.3306 7.67647 13.0296 7.37547 12.6599 7.37392L8.69056 7.35722L8.67346 3.29275C8.67191 2.92301 8.37091 2.62201 8.00117 2.62046Z" })), w = (e) => /* @__PURE__ */ l.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.31082 7.31081C2.94108 7.30926 2.6426 7.60773 2.64415 7.97748C2.64571 8.34722 2.9467 8.64822 3.31645 8.64977L12.6892 8.68919C13.0589 8.69074 13.3574 8.39227 13.3559 8.02252C13.3543 7.65278 13.0533 7.35178 12.6836 7.35023L3.31082 7.31081Z" })), v = {
-  clear: c,
-  close: L,
-  dropdown: d,
-  delete: a,
-  plus: r,
-  minus: w
-}, g = "_icon_pgc7q_1", h = "_disabled_pgc7q_4", m = {
-  icon: g,
-  disabled: h
-}, p = i.bind(m), A = ({
-  icon: e,
-  className: o,
-  disabled: t = !1,
-  onClick: s
-}) => {
-  const C = v[e];
-  return /* @__PURE__ */ n("span", { className: p("icon", o, { disabled: t }), onClick: t ? void 0 : s, children: /* @__PURE__ */ n(C, {}) });
-};
-export {
-  A as I
-};