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

package/README.md

@@ -108,7 +108,7 @@ The number of custom themes is not limited and actual theme can be easily switch
 
 ## Components
 
-To see a published showcase of the latest components released with its API and use cases, follow the [link]() (to be provided).
+To see a published showcase of the latest components released with its API and use cases, follow the [link](https://reportportal.io/ui-kit/).
 
 ### Icons
 

package/dist/button-7fb84fde.js

@@ -0,0 +1,62 @@
+import { jsxs as p, jsx as h } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { c as u } from "./bind-06a7ff84.js";
+const w = "_button_1fbsg_1", x = "_primary_1fbsg_18", y = "_disabled_1fbsg_23", N = "_ghost_1fbsg_35", B = "_danger_1fbsg_53", $ = "_text_1fbsg_69", j = "_icon_1fbsg_115", I = {
+  button: w,
+  primary: x,
+  disabled: y,
+  ghost: N,
+  danger: B,
+  text: $,
+  "width-wide-content": "_width-wide-content_1fbsg_105",
+  "width-parent": "_width-parent_1fbsg_110",
+  icon: j,
+  "icon-start": "_icon-start_1fbsg_121",
+  "icon-end": "_icon-end_1fbsg_125"
+}, c = u.bind(I), z = l(
+  ({
+    variant: t = "primary",
+    icon: e,
+    iconPlace: s = "start",
+    adjustWidthOn: n = "content",
+    type: r = "button",
+    children: i,
+    disabled: o = !1,
+    onClick: a,
+    title: b,
+    className: d,
+    ...f
+  }, g) => {
+    const m = c("button", t, d, {
+      disabled: o,
+      [`width-${n}`]: n
+    }), _ = t === "text" && e;
+    return /* @__PURE__ */ p(
+      "button",
+      {
+        ref: g,
+        type: r,
+        disabled: o,
+        className: m,
+        onClick: a,
+        title: b,
+        ...f,
+        children: [
+          _ && /* @__PURE__ */ h(
+            "i",
+            {
+              className: c("icon", {
+                [`icon-${s}`]: s
+              }),
+              children: _
+            }
+          ),
+          i
+        ]
+      }
+    );
+  }
+);
+export {
+  z as B
+};

package/dist/button.js

@@ -1,4 +1,4 @@
-import { B as o } from "./button-497b4d19.js";
+import { B as o } from "./button-7fb84fde.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/checkbox-4143390f.js

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

package/dist/checkbox.js

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

package/dist/components/checkbox/checkbox.d.ts

@@ -5,6 +5,7 @@ interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
     disabled?: boolean;
     className?: string;
     onChange?: ChangeEventHandler<HTMLInputElement>;
+    partiallyChecked?: boolean;
 }
 export declare const Checkbox: FC<CheckboxProps>;
 export {};

package/dist/components/fieldText/fieldText.d.ts

@@ -18,6 +18,7 @@ interface FieldTextProps extends ComponentPropsWithRef<'input'> {
     isRequired?: boolean;
     hasDoubleMessage?: boolean;
     type?: string;
+    displayError?: boolean;
 }
 export declare const FieldText: FC<FieldTextProps>;
 export {};

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

@@ -5,3 +5,8 @@ export { default as PlusIcon } from './svg/plus.svg';
 export { default as MinusIcon } from './svg/minus.svg';
 export { default as DeleteIcon } from './svg/delete.svg';
 export { default as DropdownIcon } from './svg/dropdown.svg';
+export { default as PrevPageIcon } from './svg/prevPage.svg';
+export { default as PrevChapterIcon } from './svg/prevChapter.svg';
+export { default as ArrowDownIcon } from './svg/arrowDown.svg';
+export { default as ArrowUpIcon } from './svg/arrowUp.svg';
+export { default as MeatballMenuIcon } from './svg/meatballMenu.svg';

package/dist/components/index.d.ts

@@ -8,4 +8,9 @@ export { Dropdown } from './dropdown';
 export { Toggle } from './toggle';
 export { FieldNumber } from './fieldNumber';
 export { BubblesLoader } from './bubblesLoader';
+export { FieldTextFlex } from './fieldTextFlex';
+export { Radio } from './radio';
+export { Tooltip } from './tooltip';
+export { Popover } from './popover';
+export { Pagination } from './pagination';
 export * from './icons';

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

@@ -0,0 +1,4 @@
+import { Pagination, PaginationProps } from './pagination';
+export { Pagination };
+export type { PaginationProps };
+export default Pagination;

package/dist/components/pagination/itemsCounter/index.d.ts

@@ -0,0 +1 @@
+export { ItemCounter } from './itemCounter';

package/dist/components/pagination/itemsCounter/itemCounter.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+export interface ItemCounterProps {
+    activePage: number;
+    pageSize: number;
+    totalItems: number;
+    ofText: string;
+    itemsText: string;
+}
+export declare const ItemCounter: FC<ItemCounterProps>;

package/dist/components/pagination/pageControls/activePage/activePage.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ChangePage } from '../../types';
+interface ActivePageProps {
+    activePage: number;
+    totalPages: number;
+    pageText: string;
+    goToText: string;
+    goActionText: string;
+    changePage: ChangePage;
+}
+export declare const ActivePage: FC<ActivePageProps>;
+export {};

package/dist/components/pagination/pageControls/activePage/index.d.ts

@@ -0,0 +1 @@
+export { ActivePage } from './activePage';

package/dist/components/pagination/pageControls/activePage/pageSelector/index.d.ts

@@ -0,0 +1 @@
+export { PageSelector } from './pageSelector';

package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ChangePage } from '../../../types';
+interface PageSelectorProps {
+    pageText: string;
+    goActionText: string;
+    totalPages: number;
+    selectPage: ChangePage;
+}
+export declare const PageSelector: FC<PageSelectorProps>;
+export {};

package/dist/components/pagination/pageControls/index.d.ts

@@ -0,0 +1 @@
+export { PageControls } from './pageControls';

package/dist/components/pagination/pageControls/pageControls.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { ChangePage } from '../types';
+type PageControlsCaptions = {
+    page: string;
+    goTo: string;
+    goAction: string;
+    of: string;
+};
+export interface PageControlsProps {
+    activePage: number;
+    totalPages: number;
+    changePage: ChangePage;
+    captions: PageControlsCaptions;
+}
+export declare const PageControls: FC<PageControlsProps>;
+export {};

package/dist/components/pagination/pageControls/pageNavigator/index.d.ts

@@ -0,0 +1 @@
+export { PageNavigator } from './pageNavigator';

package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ChangePage } from '../../types';
+export interface PageNavigatorProps {
+    activePage: number;
+    totalPages: number;
+    changePage: ChangePage;
+}
+export declare const PageNavigator: FC<PageNavigatorProps>;

package/dist/components/pagination/pageSizeControl/index.d.ts

@@ -0,0 +1 @@
+export { PageSizeControl } from './pageSizeControl';

package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ChangePageSize } from '../types';
+interface PageSizeControlProps {
+    size: number;
+    sizeOptions: number[];
+    perPageText: string;
+    changeSize: ChangePageSize;
+}
+export declare const PageSizeControl: FC<PageSizeControlProps>;
+export {};

package/dist/components/pagination/pageSizeControl/sizeSelector/index.d.ts

@@ -0,0 +1 @@
+export { SizeSelector } from './sizeSelector';

package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ChangePageSize } from '../../types';
+export interface SizeSelectorProps {
+    currentSize: number;
+    options: number[];
+    onClickOption: ChangePageSize;
+}
+export declare const SizeSelector: FC<SizeSelectorProps>;

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { ChangePageSize, ChangePage } from './types';
+type PaginationCaptions = {
+    items?: string;
+    of?: string;
+    page?: string;
+    goTo?: string;
+    goAction?: string;
+    perPage?: string;
+};
+export interface PaginationProps {
+    activePage: number;
+    totalPages: number;
+    pageSize: number;
+    totalItems: number;
+    pageSizeOptions: number[];
+    changePage: ChangePage;
+    changePageSize: ChangePageSize;
+    captions?: PaginationCaptions;
+}
+export declare const Pagination: FC<PaginationProps>;
+export {};

package/dist/components/pagination/types.d.ts

@@ -0,0 +1,2 @@
+export type ChangePage = (page: number) => void;
+export type ChangePageSize = (size: number) => void;

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

@@ -0,0 +1 @@
+export { Popover } from './popover';

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,18 @@
+import { FC, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+interface PopoverProps {
+    className?: string;
+    content: ReactNode;
+    children: ReactNode;
+    placement?: Placement;
+    fallbackPlacements?: Placement[];
+    title?: string;
+    arrowOffset?: number;
+    safeZone?: number;
+    arrowColor?: string;
+    dataAutomationId?: string;
+    isOpened?: boolean;
+    setIsOpened?: (isOpened: boolean) => void;
+}
+export declare const Popover: FC<PopoverProps>;
+export {};

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

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

package/dist/components/table/table.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TableComponentProps } from './types';
+export declare const Table: FC<TableComponentProps>;

package/dist/components/table/types.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+export interface Column {
+    key: string;
+    header: string;
+}
+export interface PrimaryColumn extends Column {
+    primary: boolean;
+}
+export interface FixedColumn extends Column {
+    width: string | number;
+    align?: 'left' | 'center' | 'right';
+}
+export interface RowConfigs {
+    size?: 'small' | 'medium' | 'large';
+}
+export interface DetailedCellData {
+    content: string | number;
+    component: ReactNode;
+}
+export interface RowData {
+    id: string | number;
+    [key: string]: DetailedCellData | RowConfigs | string | number | any;
+    rowConfigs?: RowConfigs;
+}
+export declare enum SortDirection {
+    ASC = "asc",
+    DESC = "desc"
+}
+export interface SortConfig {
+    key: string;
+    direction: SortDirection;
+}
+export interface TableComponentProps {
+    data: RowData[];
+    primaryColumn: Column;
+    fixedColumns: FixedColumn[];
+    rowActionMenu?: ReactNode;
+    selectable?: boolean;
+    className?: string;
+    selectedRowIds?: (string | number)[];
+    sortingDirection?: SortDirection;
+    sortingColumn?: Column;
+    onChangeSorting?: (sortConfig?: SortConfig) => void;
+    onToggleRowSelection?: (id: string | number) => void;
+    onToggleAllRowsSelection?: () => void;
+}

package/dist/components/table/utils.d.ts

@@ -0,0 +1,2 @@
+import { RowData, SortConfig } from './types';
+export declare const sortTableData: (tableData: RowData[], sortConfig?: SortConfig) => RowData[];

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

@@ -0,0 +1 @@
+export { Tooltip } from './tooltip';

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

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react-dom';
+interface TooltipProps {
+    content: ReactNode;
+    children: ReactNode;
+    className?: string;
+    dynamicWidth?: boolean;
+    width?: number;
+    placement?: Placement;
+    dataAutomationId?: string;
+}
+export declare const Tooltip: FC<TooltipProps>;
+export {};

package/dist/fieldText-d80b29ba.js

@@ -0,0 +1,102 @@
+import { jsx as t, jsxs as n, Fragment as q } from "react/jsx-runtime";
+import * as l from "react";
+import { forwardRef as F } from "react";
+import { c as R } from "./bind-06a7ff84.js";
+import "./baseIconButton-7bc53dec.js";
+const j = (c) => /* @__PURE__ */ l.createElement("svg", { width: 17, height: 17, viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ l.createElement("rect", { width: 16.2089, height: 16.1568, rx: 8.07842, fill: "#A2AAB5" }), /* @__PURE__ */ l.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" })), y = "_label_18rqf_18", B = "_asterisk_18rqf_27", S = "_disabled_18rqf_33", M = "_field_18rqf_38", Z = "_error_18rqf_52", z = "_touched_18rqf_52", D = "_placeholder_18rqf_63", G = "_input_18rqf_70", H = "_icon_18rqf_1", J = "_text_18rqf_159", K = {
+  "icon-container": "_icon-container_18rqf_1",
+  "icon-container-end": "_icon-container-end_18rqf_1",
+  "icon-container-start": "_icon-container-start_18rqf_1",
+  label: y,
+  asterisk: B,
+  disabled: S,
+  field: M,
+  error: Z,
+  touched: z,
+  placeholder: D,
+  "default-width": "_default-width_18rqf_66",
+  "input-container": "_input-container_18rqf_70",
+  input: G,
+  icon: H,
+  "clear-icon": "_clear-icon_18rqf_116",
+  "additional-content": "_additional-content_18rqf_152",
+  text: J,
+  "error-text": "_error-text_18rqf_167",
+  "help-text": "_help-text_18rqf_171"
+}, e = R.bind(K), U = F(
+  ({
+    value: c,
+    className: u,
+    error: a,
+    placeholder: o,
+    disabled: r = !1,
+    onChange: N,
+    touched: _ = !1,
+    title: w,
+    label: s,
+    helpText: i,
+    defaultWidth: C = !0,
+    startIcon: d,
+    endIcon: f,
+    clearable: L = !1,
+    onClear: h,
+    isRequired: p = !1,
+    hasDoubleMessage: g = !1,
+    type: k = "text",
+    displayError: v = !0,
+    ...E
+  }, b) => {
+    const A = () => {
+      h && h(c);
+    }, m = v && a && _, x = /* @__PURE__ */ t("span", { className: e("text", "help-text"), children: i });
+    return /* @__PURE__ */ n(q, { children: [
+      s && /* @__PURE__ */ n("span", { className: e("label", { disabled: r }), children: [
+        s,
+        p && /* @__PURE__ */ t("span", { className: e("asterisk"), children: "*" })
+      ] }),
+      /* @__PURE__ */ n(
+        "div",
+        {
+          className: e("field", u, {
+            error: a,
+            touched: _,
+            disabled: r,
+            "default-width": C
+          }),
+          title: w,
+          children: [
+            d && /* @__PURE__ */ t("span", { className: e("icon-container-start"), children: /* @__PURE__ */ t("span", { className: e("icon"), children: d }) }),
+            /* @__PURE__ */ n("span", { className: e("input-container"), children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  ref: b,
+                  type: k,
+                  className: e("input"),
+                  value: c,
+                  disabled: r,
+                  onChange: N,
+                  ...E
+                }
+              ),
+              o && !c && /* @__PURE__ */ n("span", { className: e("placeholder"), children: [
+                o,
+                p && !s && /* @__PURE__ */ t("span", { className: e("asterisk") })
+              ] })
+            ] }),
+            f && /* @__PURE__ */ t("span", { className: e("icon-container-end"), children: /* @__PURE__ */ t("span", { className: e("icon"), children: f }) }),
+            L && /* @__PURE__ */ t("span", { className: e("icon-container-end"), children: /* @__PURE__ */ t("button", { type: "button", className: e("clear-icon", { disabled: r }), onClick: A, children: /* @__PURE__ */ t(j, {}) }) })
+          ]
+        }
+      ),
+      (m || i) && /* @__PURE__ */ t("div", { className: e("additional-content", { disabled: r }), children: m ? /* @__PURE__ */ n(q, { children: [
+        /* @__PURE__ */ t("span", { className: e("text", "error-text"), children: a }),
+        g && x
+      ] }) : i && x })
+    ] });
+  }
+);
+export {
+  U as F,
+  j as S
+};

package/dist/fieldText.js

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

package/dist/fieldTextFlex-5bddf46a.js

@@ -0,0 +1,67 @@
+import { jsxs as _, Fragment as u, jsx as r } from "react/jsx-runtime";
+import { c as y } from "./bind-06a7ff84.js";
+import { forwardRef as H, useId as I } from "react";
+const E = "_error_cxv68_19", R = "_touched_cxv68_19", j = "_label_cxv68_30", O = "_disabled_cxv68_56", $ = {
+  "text-area": "_text-area_cxv68_1",
+  error: E,
+  touched: R,
+  label: j,
+  "additional-content": "_additional-content_cxv68_39",
+  "error-text": "_error-text_cxv68_39",
+  "help-text": "_help-text_cxv68_47",
+  disabled: O
+}, t = y.bind($), w = 72, z = 2, G = H(
+  ({
+    value: o = "",
+    readonly: d = !1,
+    error: a = "",
+    placeholder: h = "",
+    disabled: e = !1,
+    touched: l = !1,
+    className: m = "",
+    label: n = "",
+    helpText: s = "",
+    onChange: p,
+    onFocus: f,
+    onBlur: g,
+    onKeyUp: v,
+    ...N
+  }, b) => {
+    const i = I(), x = a && l, F = (c) => {
+      c.target.style.height = `${w}px`, c.target.style.height = `${c.target.scrollHeight + z}px`;
+    };
+    return /* @__PURE__ */ _(u, { children: [
+      n && /* @__PURE__ */ r("label", { htmlFor: i, className: t("label", { disabled: e }), children: n }),
+      /* @__PURE__ */ r(
+        "textarea",
+        {
+          id: i,
+          ref: b,
+          className: t("text-area", m, {
+            disabled: e,
+            error: a,
+            touched: l
+          }),
+          value: o,
+          placeholder: h,
+          disabled: e,
+          readOnly: d,
+          onChange: p,
+          onFocus: f,
+          onBlur: g,
+          onKeyUp: v,
+          onInput: F,
+          ...N,
+          children: o
+        }
+      ),
+      (x || s) && /* @__PURE__ */ _("div", { className: t("additional-content", { disabled: e }), children: [
+        x && /* @__PURE__ */ r("span", { className: t("error-text"), children: a }),
+        s && /* @__PURE__ */ r("span", { className: t("help-text"), children: s })
+      ] })
+    ] });
+  }
+);
+export {
+  G as F
+};

package/dist/fieldTextFlex.js

@@ -0,0 +1,8 @@
+import { F as o } from "./fieldTextFlex-5bddf46a.js";
+import "react/jsx-runtime";
+import "./bind-06a7ff84.js";
+import "react";
+export {
+  o as FieldTextFlex,
+  o as default
+};

package/dist/{index-2bee4457.js → index-bb9b62ef.js}

@@ -6,7 +6,7 @@ import { AnimatePresence as D, motion as I } from "framer-motion";
 import { c as m } from "./bind-06a7ff84.js";
 import { u as K } from "./useOnClickOutside-c332f7d3.js";
 import { K as F } from "./keyCodes-f63c0e11.js";
-import { B as C } from "./button-497b4d19.js";
+import { B as C } from "./button-7fb84fde.js";
 import { B as P } from "./baseIconButton-7bc53dec.js";
 const G = (t) => /* @__PURE__ */ y.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ y.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" })), X = () => {
   const [t, a] = w({ width: 0, height: 0 });