@reportportal/ui-kit 0.0.1-alpha.16 → 0.0.1-alpha.18

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

@@ -18,6 +18,7 @@ interface DropdownProps {
     onFocus?: () => void;
     onBlur?: () => void;
     renderOption?: RenderDropdownOption;
+    isListWidthLimited?: boolean;
 }
 export declare const Dropdown: FC<DropdownProps>;
 export {};

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

@@ -12,3 +12,4 @@ export { default as ArrowUpIcon } from './svg/arrowUp.svg';
 export { default as MeatballMenuIcon } from './svg/meatballMenu.svg';
 export { default as CalendarArrowIcon } from './svg/calendarArrow.svg';
 export { default as CalendarIcon } from './svg/calendar.svg';
+export { default as SearchIcon } from './svg/search.svg';

package/dist/components/tooltip/tooltip.d.ts

@@ -3,7 +3,8 @@ import { Placement } from '@floating-ui/react-dom';
 interface TooltipProps {
     content: ReactNode;
     children: ReactNode;
-    className?: string;
+    wrapperClassName?: string;
+    contentClassName?: string;
     dynamicWidth?: boolean;
     width?: number;
     placement?: Placement;

package/dist/dropdown-50124296.js

@@ -0,0 +1,215 @@
+import { jsx as d, jsxs as L } from "react/jsx-runtime";
+import * as R from "react";
+import { forwardRef as B, useState as Y, useRef as ee } from "react";
+import { c as A } from "./bind-06a7ff84.js";
+import { useFloating as te, offset as ne, flip as oe } from "@floating-ui/react-dom";
+import { useSelect as N } from "downshift";
+import { Scrollbars as se } from "rc-scrollbars";
+import { u as ae } from "./useOnClickOutside-c332f7d3.js";
+import { K as h } from "./keyCodes-f63c0e11.js";
+import { B as de } from "./baseIconButton-7bc53dec.js";
+const le = (t) => /* @__PURE__ */ R.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ R.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" })), re = "_disabled_f4c9h_11", ie = "_hidden_f4c9h_15", ce = "_selected_f4c9h_21", _e = "_hover_f4c9h_24", he = {
+  "dropdown-option": "_dropdown-option_f4c9h_1",
+  disabled: re,
+  hidden: ie,
+  selected: ce,
+  hover: _e,
+  "single-option": "_single-option_f4c9h_37",
+  "sub-option": "_sub-option_f4c9h_45"
+}, P = A.bind(he), fe = B(
+  (t, n) => {
+    const {
+      option: { value: a, disabled: f, hidden: w, label: l, title: o, groupRef: O },
+      selected: E,
+      onChange: g,
+      render: p,
+      highlightHovered: b,
+      onMouseEnter: m
+    } = t, D = () => {
+      g && g(a);
+    };
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        className: P("dropdown-option", {
+          selected: E,
+          disabled: f,
+          hidden: w,
+          hover: b
+        }),
+        title: o,
+        onClick: D,
+        ref: n,
+        onMouseEnter: m,
+        children: /* @__PURE__ */ d("div", { className: P("single-option", { "sub-option": !!O }), children: p ? p(t) : l })
+      }
+    );
+  }
+), pe = [
+  h.ENTER_KEY_CODE,
+  h.SPACE_KEY_CODE,
+  h.ARROW_DOWN_KEY_CODE
+], ge = [h.ESCAPE_KEY_CODE, h.TAB_KEY_CODE];
+var _ = /* @__PURE__ */ ((t) => (t.ON_KEY_DOWN = "onKeyDown", t.ON_CLICK = "onClick", t))(_ || {});
+const me = (t, n) => t.map(({ value: a }) => a).indexOf(n), ue = (t, n) => (t % n + n) % n, K = (t, n = 0, a = 1) => {
+  if (!t[n].disabled)
+    return n;
+  const f = t.length;
+  return K(
+    t,
+    ue(n + a, f),
+    a
+  );
+}, ve = (t, n) => K(t, n), Ce = (t, n) => K(t, n, -1), we = "_container_vh03o_1", Oe = "_icon_vh03o_7", Ee = "_arrow_vh03o_13", be = "_dropdown_vh03o_19", De = "_disabled_vh03o_36", Ne = "_value_vh03o_43", Ke = "_error_vh03o_46", ye = "_touched_vh03o_46", xe = "_opened_vh03o_50", Ie = "_placeholder_vh03o_72", ke = "_ghost_vh03o_118", Se = {
+  container: we,
+  icon: Oe,
+  arrow: Ee,
+  dropdown: be,
+  "transparent-background": "_transparent-background_vh03o_33",
+  disabled: De,
+  value: Ne,
+  error: Ke,
+  touched: ye,
+  opened: xe,
+  placeholder: Ie,
+  "mobile-disabled": "_mobile-disabled_vh03o_87",
+  "select-list": "_select-list_vh03o_92",
+  "limited-width": "_limited-width_vh03o_109",
+  "options-container": "_options-container_vh03o_113",
+  ghost: ke
+}, i = A.bind(Se), je = ({
+  value: t = "",
+  options: n = [],
+  disabled: a = !1,
+  error: f,
+  onChange: w,
+  onFocus: l,
+  onBlur: o,
+  mobileDisabled: O,
+  title: E,
+  touched: g = !1,
+  icon: p,
+  variant: b,
+  placeholder: m = "",
+  renderOption: D,
+  transparentBackground: T = !1,
+  className: W,
+  toggleButtonClassName: H,
+  isListWidthLimited: M = !1
+}) => {
+  const [r, c] = Y(!1), y = ee(null), [$, u] = Y(null), { refs: x, floatingStyles: j } = te({
+    middleware: [
+      ne(5),
+      oe({
+        fallbackPlacements: ["bottom", "top"]
+      })
+    ]
+  });
+  ae(y, () => {
+    r && (c(!1), o == null || o());
+  });
+  const I = (e) => {
+    e.disabled || (w(e.value), c((s) => !s));
+  }, V = () => n.find(({ value: e }) => e === t), k = me(n, t), {
+    getToggleButtonProps: U,
+    getMenuProps: Z,
+    getItemProps: q,
+    setHighlightedIndex: v,
+    highlightedIndex: S,
+    selectedItem: C
+  } = N({
+    items: n,
+    itemToString: (e) => (e != null && e.label ? String(e.label) : m) || "",
+    selectedItem: V(),
+    isOpen: r,
+    circularNavigation: !0,
+    defaultHighlightedIndex: k,
+    onHighlightedIndexChange: (e) => {
+      switch (e.type) {
+        case N.stateChangeTypes.MenuKeyDownArrowUp:
+          return u(_.ON_KEY_DOWN), v(Ce(n, e.highlightedIndex)), e;
+        case N.stateChangeTypes.MenuKeyDownArrowDown:
+          return u(_.ON_KEY_DOWN), v(ve(n, e.highlightedIndex)), e;
+        default:
+          return e;
+      }
+    }
+  }), z = () => {
+    a || (c((e) => !e), r ? o == null || o() : l == null || l(), u(_.ON_CLICK));
+  }, G = () => {
+    if (!t && t !== !1 && t !== 0)
+      return m;
+    let e = t;
+    return n.forEach((s) => {
+      s.value === t && (e = s.label);
+    }), e;
+  }, J = (e) => {
+    const { keyCode: s } = e;
+    pe.includes(s) && !r && (e.preventDefault(), v(k), c(!0), l == null || l(), u(_.ON_KEY_DOWN));
+  }, Q = (e) => {
+    const { keyCode: s } = e;
+    if (s === h.ENTER_KEY_CODE) {
+      const F = n[S];
+      I(F), c(!1), o == null || o();
+      return;
+    }
+    ge.includes(s) && (e.stopPropagation(), c(!1), o == null || o());
+  }, X = () => /* @__PURE__ */ d("div", { className: i("options-container"), children: n.map((e, s) => /* @__PURE__ */ d(
+    fe,
+    {
+      ...q({
+        item: e,
+        index: s
+      }),
+      selected: e.value === ((C == null ? void 0 : C.value) ?? C),
+      option: { title: e.label, ...e },
+      highlightHovered: S === s && $ !== _.ON_CLICK,
+      render: D,
+      onChange: e.disabled ? null : () => I(e),
+      onMouseEnter: () => v(s)
+    },
+    e.value
+  )) });
+  return /* @__PURE__ */ L("div", { ref: y, className: i("container", W), title: E, children: [
+    /* @__PURE__ */ L(
+      "button",
+      {
+        disabled: a,
+        ...U({
+          className: i("dropdown", b, H, {
+            "transparent-background": T,
+            opened: r,
+            disabled: a,
+            error: f,
+            touched: g,
+            "mobile-disabled": O
+          }),
+          onClick: z,
+          onKeyDown: J,
+          ref: x.setReference
+        }),
+        children: [
+          p && /* @__PURE__ */ d("span", { className: i("icon"), children: p }),
+          /* @__PURE__ */ d("span", { className: i("value", { placeholder: !t }), children: G() }),
+          /* @__PURE__ */ d(de, { className: i("arrow"), tabIndex: -1, children: /* @__PURE__ */ d(le, {}) })
+        ]
+      }
+    ),
+    r && /* @__PURE__ */ d(
+      "div",
+      {
+        style: j,
+        className: i("select-list", { opened: r, "limited-width": M }),
+        ...Z({
+          onKeyDown: Q,
+          ref: x.setFloating
+        }),
+        children: /* @__PURE__ */ d(se, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: X() })
+      }
+    )
+  ] });
+};
+export {
+  je as D,
+  le as S
+};

package/dist/dropdown.js

@@ -1,4 +1,4 @@
-import { D as r } from "./dropdown-bbfa828e.js";
+import { D as r } from "./dropdown-50124296.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/fieldText-98cf9984.js

@@ -0,0 +1,102 @@
+import { jsx as t, jsxs as a, Fragment as f } from "react/jsx-runtime";
+import * as o from "react";
+import { forwardRef as R } from "react";
+import { c as j } from "./bind-06a7ff84.js";
+import "./baseIconButton-7bc53dec.js";
+const y = (n) => /* @__PURE__ */ o.createElement("svg", { width: 17, height: 17, viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ o.createElement("rect", { width: 16.2089, height: 16.1568, rx: 8.07842, fill: "#A2AAB5" }), /* @__PURE__ */ o.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" })), B = "_label_4wu1a_18", S = "_asterisk_4wu1a_27", M = "_disabled_4wu1a_33", Z = "_field_4wu1a_38", z = "_error_4wu1a_53", D = "_touched_4wu1a_53", G = "_placeholder_4wu1a_64", H = "_input_4wu1a_71", J = "_icon_4wu1a_1", K = "_text_4wu1a_163", O = {
+  "icon-container": "_icon-container_4wu1a_1",
+  "icon-container-end": "_icon-container-end_4wu1a_1",
+  "icon-container-start": "_icon-container-start_4wu1a_1",
+  label: B,
+  asterisk: S,
+  disabled: M,
+  field: Z,
+  error: z,
+  touched: D,
+  placeholder: G,
+  "default-width": "_default-width_4wu1a_67",
+  "input-container": "_input-container_4wu1a_71",
+  input: H,
+  icon: J,
+  "clear-icon": "_clear-icon_4wu1a_117",
+  "additional-content": "_additional-content_4wu1a_156",
+  text: K,
+  "error-text": "_error-text_4wu1a_171",
+  "help-text": "_help-text_4wu1a_175"
+}, e = j.bind(O), V = R(
+  ({
+    value: n = "",
+    className: x,
+    error: s,
+    placeholder: r,
+    disabled: c = !1,
+    onChange: N,
+    touched: _ = !1,
+    title: C,
+    label: i,
+    helpText: l,
+    defaultWidth: g = !0,
+    startIcon: d,
+    endIcon: h,
+    clearable: L = !1,
+    onClear: p,
+    isRequired: u = !1,
+    hasDoubleMessage: k = !1,
+    type: v = "text",
+    displayError: E = !0,
+    ...b
+  }, A) => {
+    const F = () => {
+      p && p(n);
+    }, m = E && s && _, w = /* @__PURE__ */ t("span", { className: e("text", "help-text"), children: l });
+    return /* @__PURE__ */ a(f, { children: [
+      i && /* @__PURE__ */ a("span", { className: e("label", { disabled: c }), children: [
+        i,
+        u && /* @__PURE__ */ t("span", { className: e("asterisk"), children: "*" })
+      ] }),
+      /* @__PURE__ */ a(
+        "div",
+        {
+          className: e("field", x, {
+            error: s,
+            touched: _,
+            disabled: c,
+            "default-width": g
+          }),
+          title: C,
+          children: [
+            d && /* @__PURE__ */ t("span", { className: e("icon-container-start"), children: /* @__PURE__ */ t("span", { className: e("icon"), children: d }) }),
+            /* @__PURE__ */ a("span", { className: e("input-container"), children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  ref: A,
+                  type: v,
+                  className: e("input"),
+                  value: n,
+                  disabled: c,
+                  onChange: N,
+                  ...b
+                }
+              ),
+              r && !n && /* @__PURE__ */ a("span", { className: e("placeholder"), children: [
+                r,
+                u && !i && /* @__PURE__ */ t("span", { className: e("asterisk") })
+              ] })
+            ] }),
+            h && /* @__PURE__ */ t("span", { className: e("icon-container-end"), children: /* @__PURE__ */ t("span", { className: e("icon"), children: h }) }),
+            L && n.length > 0 && /* @__PURE__ */ t("span", { className: e("icon-container-end"), children: /* @__PURE__ */ t("button", { type: "button", className: e("clear-icon", { disabled: c }), onClick: F, children: /* @__PURE__ */ t(y, {}) }) })
+          ]
+        }
+      ),
+      (m || l) && /* @__PURE__ */ t("div", { className: e("additional-content", { disabled: c }), children: m ? /* @__PURE__ */ a(f, { children: [
+        /* @__PURE__ */ t("span", { className: e("text", "error-text"), children: s }),
+        k && w
+      ] }) : l && w })
+    ] });
+  }
+);
+export {
+  V as F,
+  y as S
+};

package/dist/fieldText.js

@@ -1,4 +1,4 @@
-import { F as o } from "./fieldText-d80b29ba.js";
+import { F as o } from "./fieldText-98cf9984.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/index.js

@@ -1,27 +1,27 @@
-import { B as A1 } from "./button-bb309472.js";
-import { C as b1 } from "./checkbox-6777be17.js";
-import { S as B1 } from "./systemMessage-1ced6079.js";
-import { F as Z } from "./fieldText-d80b29ba.js";
-import { S as E1 } from "./fieldText-d80b29ba.js";
-import { T as S1 } from "./themeProvider-46c2be7b.js";
-import { S as j1, M as I1 } from "./index-2a2d261a.js";
-import { D as I } from "./dropdown-bbfa828e.js";
-import { S as T1 } from "./dropdown-bbfa828e.js";
-import { T as P1 } from "./toggle-9284387b.js";
-import { F as k1, a as Z1, S as D1 } from "./fieldNumber-46fe79b9.js";
-import { B as U1 } from "./bubblesLoader-a7e709d4.js";
-import { F as $1 } from "./fieldTextFlex-5bddf46a.js";
-import { R as O1 } from "./radio-fd49a09c.js";
-import { Tooltip as q1 } from "./tooltip.js";
-import { Popover as J1 } from "./popover.js";
-import { P as Q1, a as X1, S as ee } from "./pagination-761d3427.js";
-import { S as oe, a as re, T as ne } from "./table-83e050dc.js";
-import { jsxs as y, Fragment as D, jsx as n } from "react/jsx-runtime";
+import { B as v1 } from "./button-bb309472.js";
+import { C as L1 } from "./checkbox-6777be17.js";
+import { S as M1 } from "./systemMessage-1ced6079.js";
+import { F as Z } from "./fieldText-98cf9984.js";
+import { S as S1 } from "./fieldText-98cf9984.js";
+import { T as I1 } from "./themeProvider-46c2be7b.js";
+import { S as j1, M as F1 } from "./index-2a2d261a.js";
+import { D as j } from "./dropdown-50124296.js";
+import { S as T1 } from "./dropdown-50124296.js";
+import { T as H1 } from "./toggle-9284387b.js";
+import { F as Z1, a as D1, S as V1 } from "./fieldNumber-46fe79b9.js";
+import { B as Y1 } from "./bubblesLoader-a7e709d4.js";
+import { F as G1 } from "./fieldTextFlex-5bddf46a.js";
+import { R as W1 } from "./radio-fd49a09c.js";
+import { Tooltip as z1 } from "./tooltip.js";
+import { Popover as K1 } from "./popover.js";
+import { P as X1, a as ee, S as te } from "./pagination-13887e1c.js";
+import { S as re, a as ne, T as ae } from "./table-83e050dc.js";
+import { jsxs as S, Fragment as D, jsx as n } from "react/jsx-runtime";
 import V from "react-datepicker";
 import { c as P } from "./bind-06a7ff84.js";
 import * as e from "react";
 import { useMemo as F, useRef as U } from "react";
-import { B as le } from "./baseIconButton-7bc53dec.js";
+import { B as se } from "./baseIconButton-7bc53dec.js";
 import "./keyCodes-f63c0e11.js";
 import "rc-scrollbars";
 import "framer-motion";
@@ -29,9 +29,9 @@ import "./useOnClickOutside-c332f7d3.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "@floating-ui/react";
-const g1 = (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: "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__ */ e.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" })), w1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 14, height: 3, viewBox: "0 0 14 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.30811 2.47803C1.72868 2.47803 2.05339 2.36206 2.28223 2.13013C2.51107 1.89819 2.62549 1.60596 2.62549 1.25342C2.62549 0.894694 2.51107 0.596273 2.28223 0.358154C2.05339 0.120036 1.72868 0.000976562 1.30811 0.000976562C0.893717 0.000976562 0.572103 0.120036 0.343262 0.358154C0.114421 0.596273 0 0.894694 0 1.25342C0 1.61214 0.117513 1.90592 0.352539 2.13477C0.587565 2.36361 0.906087 2.47803 1.30811 2.47803ZM6.61475 2.47803C7.03532 2.47803 7.36003 2.36206 7.58887 2.13013C7.81771 1.89819 7.93213 1.60596 7.93213 1.25342C7.93213 0.894694 7.81771 0.596273 7.58887 0.358154C7.36003 0.120036 7.03532 0.000976562 6.61475 0.000976562C6.20036 0.000976562 5.87874 0.120036 5.6499 0.358154C5.42106 0.596273 5.30664 0.894694 5.30664 1.25342C5.30664 1.61214 5.42415 1.90592 5.65918 2.13477C5.89421 2.36361 6.21273 2.47803 6.61475 2.47803ZM12.8955 2.13013C12.6667 2.36206 12.342 2.47803 11.9214 2.47803C11.5194 2.47803 11.2008 2.36361 10.9658 2.13477C10.7308 1.90592 10.6133 1.61214 10.6133 1.25342C10.6133 0.894694 10.7277 0.596273 10.9565 0.358154C11.1854 0.120036 11.507 0.000976562 11.9214 0.000976562C12.342 0.000976562 12.6667 0.120036 12.8955 0.358154C13.1243 0.596273 13.2388 0.894694 13.2388 1.25342C13.2388 1.60596 13.1243 1.89819 12.8955 2.13013Z", fill: "#A2AAB5" })), T = (t) => /* @__PURE__ */ e.createElement("svg", { width: 8, height: 13, viewBox: "0 0 8 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.54134 12.2173C6.69755 12.3735 6.95081 12.3735 7.10702 12.2173L7.24844 12.0759C7.40465 11.9197 7.40465 11.6664 7.24844 11.5102L1.90539 6.16715L7.24844 0.824097C7.40465 0.667887 7.40465 0.41462 7.24844 0.258411L7.10702 0.116989C6.95081 -0.0392199 6.69755 -0.0392199 6.54134 0.116989L0.998591 5.65973L0.999562 5.6607L0.767094 5.89317C0.610884 6.04938 0.610884 6.30265 0.767093 6.45886L1.48425 7.17602L1.49215 7.16813L6.54134 12.2173Z", fill: "#C1C7D0" })), Y = (t) => /* @__PURE__ */ e.createElement("svg", { width: 14, height: 15, viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("rect", { x: 0.5, y: 1.5, width: 13, height: 13, rx: 1.5, stroke: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 9, width: 1, height: 3.00067, rx: 0.5, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 4, width: 1, height: 3.00067, rx: 0.5, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 14, y: 4, width: 1, height: 14, transform: "rotate(90 14 4)", fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 3, y: 10, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 6, y: 10, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 6, y: 7, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 3, y: 7, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 9, y: 7, width: 2, height: 2, fill: "#A2AAB5" })), $ = (t, c = 20) => {
+const u1 = (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: "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__ */ e.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" })), w1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 14, height: 3, viewBox: "0 0 14 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.30811 2.47803C1.72868 2.47803 2.05339 2.36206 2.28223 2.13013C2.51107 1.89819 2.62549 1.60596 2.62549 1.25342C2.62549 0.894694 2.51107 0.596273 2.28223 0.358154C2.05339 0.120036 1.72868 0.000976562 1.30811 0.000976562C0.893717 0.000976562 0.572103 0.120036 0.343262 0.358154C0.114421 0.596273 0 0.894694 0 1.25342C0 1.61214 0.117513 1.90592 0.352539 2.13477C0.587565 2.36361 0.906087 2.47803 1.30811 2.47803ZM6.61475 2.47803C7.03532 2.47803 7.36003 2.36206 7.58887 2.13013C7.81771 1.89819 7.93213 1.60596 7.93213 1.25342C7.93213 0.894694 7.81771 0.596273 7.58887 0.358154C7.36003 0.120036 7.03532 0.000976562 6.61475 0.000976562C6.20036 0.000976562 5.87874 0.120036 5.6499 0.358154C5.42106 0.596273 5.30664 0.894694 5.30664 1.25342C5.30664 1.61214 5.42415 1.90592 5.65918 2.13477C5.89421 2.36361 6.21273 2.47803 6.61475 2.47803ZM12.8955 2.13013C12.6667 2.36206 12.342 2.47803 11.9214 2.47803C11.5194 2.47803 11.2008 2.36361 10.9658 2.13477C10.7308 1.90592 10.6133 1.61214 10.6133 1.25342C10.6133 0.894694 10.7277 0.596273 10.9565 0.358154C11.1854 0.120036 11.507 0.000976562 11.9214 0.000976562C12.342 0.000976562 12.6667 0.120036 12.8955 0.358154C13.1243 0.596273 13.2388 0.894694 13.2388 1.25342C13.2388 1.60596 13.1243 1.89819 12.8955 2.13013Z", fill: "#A2AAB5" })), R = (t) => /* @__PURE__ */ e.createElement("svg", { width: 8, height: 13, viewBox: "0 0 8 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.54134 12.2173C6.69755 12.3735 6.95081 12.3735 7.10702 12.2173L7.24844 12.0759C7.40465 11.9197 7.40465 11.6664 7.24844 11.5102L1.90539 6.16715L7.24844 0.824097C7.40465 0.667887 7.40465 0.41462 7.24844 0.258411L7.10702 0.116989C6.95081 -0.0392199 6.69755 -0.0392199 6.54134 0.116989L0.998591 5.65973L0.999562 5.6607L0.767094 5.89317C0.610884 6.04938 0.610884 6.30265 0.767093 6.45886L1.48425 7.17602L1.49215 7.16813L6.54134 12.2173Z", fill: "#C1C7D0" })), Y = (t) => /* @__PURE__ */ e.createElement("svg", { width: 14, height: 15, viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("rect", { x: 0.5, y: 1.5, width: 13, height: 13, rx: 1.5, stroke: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 9, width: 1, height: 3.00067, rx: 0.5, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 4, width: 1, height: 3.00067, rx: 0.5, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 14, y: 4, width: 1, height: 14, transform: "rotate(90 14 4)", fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 3, y: 10, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 6, y: 10, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 6, y: 7, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 3, y: 7, width: 2, height: 2, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 9, y: 7, width: 2, height: 2, fill: "#A2AAB5" })), f1 = (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", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 7C13 8.47663 12.4666 9.82867 11.5819 10.874L12.3288 11.6208C12.663 11.5307 13.0348 11.6168 13.2971 11.8792L14.7113 13.2934C15.1019 13.6839 15.1019 14.3171 14.7113 14.7076C14.3208 15.0981 13.6877 15.0981 13.2971 14.7076L11.8829 13.2934C11.622 13.0325 11.5354 12.6632 11.6231 12.3304L10.8743 11.5816C9.829 12.4665 8.47681 13 7 13C3.68629 13 1 10.3137 1 7C1 3.68629 3.68629 1 7 1C10.3137 1 13 3.68629 13 7ZM2.00071 7C2.00071 9.76103 4.23897 11.9993 7 11.9993C9.76103 11.9993 11.9993 9.76103 11.9993 7C11.9993 4.23897 9.76103 2.00071 7 2.00071C4.23897 2.00071 2.00071 4.23897 2.00071 7Z", fill: "#CFCFCF" })), $ = (t, c = 20) => {
   const i = t + c;
-  return new Array(i - t).fill(void 0).map((g, o) => t - o);
+  return new Array(i - t).fill(void 0).map((u, o) => t - o);
 }, G = "_header_a3cjx_1", O = "_disabled_a3cjx_25", W = "_dropdown_a3cjx_8", q = {
   header: G,
   "dropdowns-wrapper": "_dropdowns-wrapper_a3cjx_8",
@@ -47,7 +47,7 @@ const g1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16
   },
   changeMonth: i = () => {
   },
-  decreaseMonth: g = () => {
+  decreaseMonth: u = () => {
   },
   increaseMonth: o = () => {
   },
@@ -61,8 +61,8 @@ const g1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16
   const p = t.getFullYear(), b = t.getMonth(), _ = F(() => {
     const a = Array(12).keys(), s = new Intl.DateTimeFormat(v, {
       month: "long"
-    }), d = (h) => s.format(new Date(p, h));
-    return Array.from(a, d).reduce((h, A, E) => h.concat({
+    }), d = (C) => s.format(new Date(p, C));
+    return Array.from(a, d).reduce((C, A, E) => C.concat({
       value: E,
       label: A
     }), []);
@@ -74,22 +74,22 @@ const g1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16
   }, M = (a) => {
     c(a);
   };
-  return /* @__PURE__ */ y(D, { children: [
+  return /* @__PURE__ */ S(D, { children: [
     f && /* @__PURE__ */ n("div", { className: l(x), children: f }),
-    /* @__PURE__ */ y("div", { className: l("header"), children: [
+    /* @__PURE__ */ S("div", { className: l("header"), children: [
       /* @__PURE__ */ n(
         "button",
         {
           "aria-label": "Previous Months",
           disabled: r,
-          onClick: g,
+          onClick: u,
           className: l("button-prev", { disabled: r }),
-          children: /* @__PURE__ */ n(T, {})
+          children: /* @__PURE__ */ n(R, {})
         }
       ),
-      /* @__PURE__ */ y("div", { className: l("dropdowns-wrapper"), children: [
+      /* @__PURE__ */ S("div", { className: l("dropdowns-wrapper"), children: [
         /* @__PURE__ */ n(
-          I,
+          j,
           {
             options: _,
             value: b,
@@ -100,7 +100,7 @@ const g1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16
           }
         ),
         /* @__PURE__ */ n(
-          I,
+          j,
           {
             options: L,
             value: p,
@@ -118,7 +118,7 @@ const g1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16
           disabled: w,
           onClick: o,
           className: l("button-next", { disabled: w }),
-          children: /* @__PURE__ */ n(T, {})
+          children: /* @__PURE__ */ n(R, {})
         }
       )
     ] })
@@ -132,13 +132,13 @@ const g1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16
   disabled: Q,
   popper: X,
   input: e1
-}, u = P.bind(t1), o1 = "en", R = "MM-dd-yyyy", f1 = ({
+}, g = P.bind(t1), o1 = "en", T = "MM-dd-yyyy", x1 = ({
   onChange: t = () => {
   },
   disabled: c = !1,
   onBlur: i = () => {
   },
-  onFocus: g = () => {
+  onFocus: u = () => {
   },
   endDate: o = void 0,
   startDate: r = void 0,
@@ -151,17 +151,17 @@ const g1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16
   fixedHeight: b = !1,
   language: _ = o1,
   yearsOptions: L = [],
-  placeholder: B = R.toUpperCase(),
-  dateFormat: M = R,
+  placeholder: B = T.toUpperCase(),
+  dateFormat: M = T,
   selects: a = "start",
   value: s = null
 }) => {
-  const d = U(null), S = r == null ? void 0 : r.toDateString(), h = o == null ? void 0 : o.toDateString(), A = o && r && o > r, E = (C) => {
-    const N = C.toDateString(), H = N === S, j = A && N === h, k = r && o && C > r && C < o;
-    return u("date", {
+  const d = U(null), y = r == null ? void 0 : r.toDateString(), C = o == null ? void 0 : o.toDateString(), A = o && r && o > r, E = (h) => {
+    const I = h.toDateString(), H = I === y, N = A && I === C, k = r && o && h > r && h < o;
+    return g("date", {
       "current-date": H,
-      "selected-range": k && !j,
-      "end-date": j && A,
+      "selected-range": k && !N,
+      "end-date": N && A,
       disabled: c
     });
   };
@@ -171,7 +171,7 @@ const g1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16
       customInput: /* @__PURE__ */ n(
         Z,
         {
-          className: u("input"),
+          className: g("input"),
           defaultWidth: !1,
           endIcon: /* @__PURE__ */ n(Y, {}),
           ref: d
@@ -188,11 +188,11 @@ const g1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16
       locale: _,
       showPopperArrow: !1,
       dayClassName: E,
-      calendarClassName: u(p, "calendar"),
-      renderCustomHeader: (C) => /* @__PURE__ */ n(
+      calendarClassName: g(p, "calendar"),
+      renderCustomHeader: (h) => /* @__PURE__ */ n(
         z,
         {
-          ...C,
+          ...h,
           headerNodes: w,
           customClassName: f,
           yearsOptions: L,
@@ -201,47 +201,48 @@ const g1 = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16
       ),
       onChange: t,
       onBlur: i,
-      onFocus: g,
+      onFocus: u,
       customTimeInput: x,
       showTimeInput: !!x,
-      popperClassName: u(v, "popper"),
+      popperClassName: g(v, "popper"),
       dateFormat: M,
       selectsStart: a === "start",
       selectsEnd: a === "end",
-      className: u("datepicker")
+      className: g("datepicker")
     }
   );
 };
 export {
-  oe as ArrowDownIcon,
-  re as ArrowUpIcon,
-  le as BaseIconButton,
-  U1 as BubblesLoader,
-  A1 as Button,
-  T as CalendarArrowIcon,
+  re as ArrowDownIcon,
+  ne as ArrowUpIcon,
+  se as BaseIconButton,
+  Y1 as BubblesLoader,
+  v1 as Button,
+  R as CalendarArrowIcon,
   Y as CalendarIcon,
-  b1 as Checkbox,
-  E1 as ClearIcon,
+  L1 as Checkbox,
+  S1 as ClearIcon,
   j1 as CloseIcon,
-  f1 as DatePicker,
-  g1 as DeleteIcon,
-  I as Dropdown,
+  x1 as DatePicker,
+  u1 as DeleteIcon,
+  j as Dropdown,
   T1 as DropdownIcon,
-  k1 as FieldNumber,
+  Z1 as FieldNumber,
   Z as FieldText,
-  $1 as FieldTextFlex,
+  G1 as FieldTextFlex,
   w1 as MeatballMenuIcon,
-  Z1 as MinusIcon,
-  I1 as Modal,
-  Q1 as Pagination,
-  D1 as PlusIcon,
-  J1 as Popover,
-  X1 as PrevChapterIcon,
-  ee as PrevPageIcon,
-  O1 as Radio,
-  B1 as SystemMessage,
-  ne as Table,
-  S1 as ThemeProvider,
-  P1 as Toggle,
-  q1 as Tooltip
+  D1 as MinusIcon,
+  F1 as Modal,
+  X1 as Pagination,
+  V1 as PlusIcon,
+  K1 as Popover,
+  ee as PrevChapterIcon,
+  te as PrevPageIcon,
+  W1 as Radio,
+  f1 as SearchIcon,
+  M1 as SystemMessage,
+  ae as Table,
+  I1 as ThemeProvider,
+  H1 as Toggle,
+  z1 as Tooltip
 };