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

package/dist/index.js

@@ -1,15 +1,20 @@
-import { B as f } from "./button-497b4d19.js";
-import { C as c } from "./checkbox-1e21cf3e.js";
-import { S as B } from "./systemMessage-1ced6079.js";
-import { S as g, F as h } from "./fieldText-65a50d9d.js";
-import { T as w } from "./themeProvider-46c2be7b.js";
-import { S as v, M as I } from "./index-2bee4457.js";
-import { D as A, S as D } from "./dropdown-e07f2a71.js";
-import { T as b } from "./toggle-707ecb74.js";
-import { F as V, a as Z, S as E } from "./fieldNumber-46fe79b9.js";
-import { B as P } from "./bubblesLoader-a7e709d4.js";
-import { B as y } from "./baseIconButton-7bc53dec.js";
-import * as o from "react";
+import { B as v } from "./button-7fb84fde.js";
+import { C as g } from "./checkbox-4143390f.js";
+import { S as A } from "./systemMessage-1ced6079.js";
+import { S as u, F as B } from "./fieldText-d80b29ba.js";
+import { T as R } from "./themeProvider-46c2be7b.js";
+import { S as H, M as E } from "./index-bb9b62ef.js";
+import { D as P, S as D } from "./dropdown-e07f2a71.js";
+import { T } from "./toggle-707ecb74.js";
+import { F as V, a as U, S as k } from "./fieldNumber-46fe79b9.js";
+import { B as N } from "./bubblesLoader-a7e709d4.js";
+import { F as q } from "./fieldTextFlex-5bddf46a.js";
+import { R as G } from "./radio-fd49a09c.js";
+import { Tooltip as K } from "./tooltip.js";
+import { Popover as Q } from "./popover.js";
+import { P as X, a as Y, S as _ } from "./pagination-a36bc786.js";
+import { B as e1 } from "./baseIconButton-7bc53dec.js";
+import * as e from "react";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "./keyCodes-f63c0e11.js";
@@ -18,23 +23,34 @@ import "framer-motion";
 import "./useOnClickOutside-c332f7d3.js";
 import "@floating-ui/react-dom";
 import "downshift";
-const i = (e) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ o.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__ */ o.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" }));
+import "@floating-ui/react";
+const m = (o) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__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" })), d = (o) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.85355 12.8536C7.65829 13.0488 7.34171 13.0488 7.14645 12.8536L4.14645 9.85355C3.95118 9.65829 3.95118 9.34171 4.14645 9.14645C4.34171 8.95118 4.65829 8.95118 4.85355 9.14645L7 11.2929L7 3.5C7 3.22386 7.22386 3 7.5 3C7.77614 3 8 3.22386 8 3.5L8 11.2929L10.1464 9.14645C10.3417 8.95119 10.6583 8.95118 10.8536 9.14645C11.0488 9.34171 11.0488 9.65829 10.8536 9.85355L7.85355 12.8536Z", fill: "#A2AAB5" })), w = (o) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.14645 3.14645C7.34171 2.95118 7.65829 2.95118 7.85355 3.14645L10.8536 6.14645C11.0488 6.34171 11.0488 6.65829 10.8536 6.85355C10.6583 7.04882 10.3417 7.04882 10.1464 6.85355L8 4.70711V12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 4.70711L4.85355 6.85355C4.65829 7.04882 4.34171 7.04882 4.14645 6.85355C3.95118 6.65829 3.95118 6.34171 4.14645 6.14645L7.14645 3.14645Z", fill: "#A2AAB5" })), c = (o) => /* @__PURE__ */ e.createElement("svg", { width: 14, height: 3, viewBox: "0 0 14 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__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" }));
 export {
-  y as BaseIconButton,
-  P as BubblesLoader,
-  f as Button,
-  c as Checkbox,
-  g as ClearIcon,
-  v as CloseIcon,
-  i as DeleteIcon,
-  A as Dropdown,
+  d as ArrowDownIcon,
+  w as ArrowUpIcon,
+  e1 as BaseIconButton,
+  N as BubblesLoader,
+  v as Button,
+  g as Checkbox,
+  u as ClearIcon,
+  H as CloseIcon,
+  m as DeleteIcon,
+  P as Dropdown,
   D as DropdownIcon,
   V as FieldNumber,
-  h as FieldText,
-  Z as MinusIcon,
-  I as Modal,
-  E as PlusIcon,
-  B as SystemMessage,
-  w as ThemeProvider,
-  b as Toggle
+  B as FieldText,
+  q as FieldTextFlex,
+  c as MeatballMenuIcon,
+  U as MinusIcon,
+  E as Modal,
+  X as Pagination,
+  k as PlusIcon,
+  Q as Popover,
+  Y as PrevChapterIcon,
+  _ as PrevPageIcon,
+  G as Radio,
+  A as SystemMessage,
+  R as ThemeProvider,
+  T as Toggle,
+  K as Tooltip
 };

package/dist/modal.js

@@ -1,4 +1,4 @@
-import { M as s, a as n, c as b, b as c } from "./index-2bee4457.js";
+import { M as s, a as n, c as b, b as c } from "./index-bb9b62ef.js";
 import "react/jsx-runtime";
 import "react";
 import "rc-scrollbars";
@@ -6,7 +6,7 @@ import "framer-motion";
 import "./bind-06a7ff84.js";
 import "./useOnClickOutside-c332f7d3.js";
 import "./keyCodes-f63c0e11.js";
-import "./button-497b4d19.js";
+import "./button-7fb84fde.js";
 import "./baseIconButton-7bc53dec.js";
 export {
   s as Modal,

package/dist/pagination-a36bc786.js

@@ -0,0 +1,274 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { c as d } from "./bind-06a7ff84.js";
+import * as u from "react";
+import { useState as h } from "react";
+import { Popover as C } from "./popover.js";
+import { B as v } from "./button-7fb84fde.js";
+import { F as T } from "./fieldText-d80b29ba.js";
+import { B as m } from "./baseIconButton-7bc53dec.js";
+const $ = (e) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ u.createElement("path", { d: "M12 13L4 8L12 3L12 13Z" })), y = (e) => /* @__PURE__ */ u.createElement("svg", { width: 13, height: 12, viewBox: "0 0 13 12", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ u.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 12L2 12L2 2.38498e-08L1.90798e-07 0L0 12ZM13 1L5 6L13 11L13 1Z" })), O = {
+  "item-counter": "_item-counter_4g6do_1"
+}, B = d.bind(O), P = ({
+  activePage: e,
+  pageSize: n,
+  totalItems: o,
+  ofText: l,
+  itemsText: a
+}) => {
+  const r = e * n, c = r - n;
+  return /* @__PURE__ */ i("div", { className: B("item-counter"), children: [
+    `${c + 1} - ${r < o ? r : o}`,
+    ` ${l} ${o} ${a}`
+  ] });
+}, k = "_selected_183l8_32", I = {
+  "size-selector": "_size-selector_183l8_1",
+  "size-option": "_size-option_183l8_6",
+  selected: k
+}, w = d.bind(I), E = ({
+  currentSize: e,
+  options: n,
+  onClickOption: o
+}) => /* @__PURE__ */ s("div", { className: w("size-selector"), children: n.map((l) => /* @__PURE__ */ s(
+  "button",
+  {
+    className: w("size-option", { selected: l === e }),
+    onClick: () => {
+      o(l);
+    },
+    children: l
+  },
+  l
+)) }), j = {
+  "page-size-control": "_page-size-control_gnurh_1",
+  "size-selector-button": "_size-selector-button_gnurh_10"
+}, z = d.bind(j), V = ({
+  size: e,
+  sizeOptions: n,
+  perPageText: o,
+  changeSize: l
+}) => {
+  const [a, r] = h(!1), c = (t) => {
+    l(t), r(!1);
+  };
+  return /* @__PURE__ */ i("div", { className: z("page-size-control"), children: [
+    /* @__PURE__ */ s(
+      C,
+      {
+        content: /* @__PURE__ */ s(E, { options: n, onClickOption: c, currentSize: e }),
+        placement: "top",
+        isOpened: a,
+        setIsOpened: r,
+        children: /* @__PURE__ */ s(v, { className: z("size-selector-button"), variant: "text", children: e })
+      }
+    ),
+    ` ${o}`
+  ] });
+}, F = {
+  "page-selector": "_page-selector_rtho4_1",
+  "field-wrapper": "_field-wrapper_rtho4_6",
+  "apply-button": "_apply-button_rtho4_10"
+}, b = d.bind(F), M = ({
+  totalPages: e,
+  pageText: n,
+  goActionText: o,
+  selectPage: l
+}) => {
+  const [a, r] = h(""), [c, t] = h(!0), p = (A) => {
+    const f = A.target.value.replace(/\D/g, ""), N = Number(f), L = N > 0 && N <= e;
+    t(L), r(f);
+  }, _ = () => {
+    l(Number(a));
+  };
+  return /* @__PURE__ */ i("div", { className: b("page-selector"), children: [
+    /* @__PURE__ */ s("div", { className: b("field-wrapper"), children: /* @__PURE__ */ s(
+      T,
+      {
+        onChange: p,
+        value: a,
+        placeholder: n,
+        error: c ? "" : "Error",
+        touched: !0,
+        defaultWidth: !1,
+        displayError: !1
+      }
+    ) }),
+    /* @__PURE__ */ s(v, { onClick: _, disabled: !a || !c, className: b("apply-button"), children: o })
+  ] });
+}, R = {
+  "active-page": "_active-page_14j0y_1",
+  "page-selector": "_page-selector_14j0y_10",
+  "page-selector-button": "_page-selector-button_14j0y_14"
+}, x = d.bind(R), Z = ({
+  activePage: e,
+  totalPages: n,
+  pageText: o,
+  goToText: l,
+  goActionText: a,
+  changePage: r
+}) => {
+  const [c, t] = h(!1), p = (_) => {
+    r(_), t(!1);
+  };
+  return /* @__PURE__ */ i("div", { className: x("active-page"), children: [
+    `${o} `,
+    /* @__PURE__ */ s(
+      C,
+      {
+        content: /* @__PURE__ */ s(
+          M,
+          {
+            pageText: o,
+            goActionText: a,
+            selectPage: p,
+            totalPages: n
+          }
+        ),
+        title: l,
+        placement: "top",
+        isOpened: c,
+        setIsOpened: t,
+        className: x("page-selector"),
+        children: /* @__PURE__ */ s(v, { className: x("page-selector-button"), variant: "text", children: e })
+      }
+    )
+  ] });
+}, G = "_next_1p2t5_18", D = {
+  "page-navigator": "_page-navigator_1p2t5_1",
+  "page-buttons": "_page-buttons_1p2t5_6",
+  "page-button": "_page-button_1p2t5_6",
+  next: G
+}, g = d.bind(D), W = ({
+  activePage: e,
+  changePage: n,
+  totalPages: o
+}) => {
+  const l = () => {
+    n(1);
+  }, a = () => {
+    n(e - 1);
+  }, r = () => {
+    n(e + 1);
+  }, c = () => {
+    n(o);
+  };
+  return /* @__PURE__ */ i("div", { className: g("page-navigator"), children: [
+    /* @__PURE__ */ i("div", { className: g("page-buttons"), children: [
+      /* @__PURE__ */ s(
+        m,
+        {
+          className: g("page-button"),
+          onClick: l,
+          disabled: e === 1,
+          children: /* @__PURE__ */ s(y, {})
+        }
+      ),
+      /* @__PURE__ */ s(
+        m,
+        {
+          className: g("page-button"),
+          onClick: a,
+          disabled: e === 1,
+          children: /* @__PURE__ */ s($, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ i("div", { className: g("page-buttons"), children: [
+      /* @__PURE__ */ s(
+        m,
+        {
+          className: g("page-button", "next"),
+          onClick: r,
+          disabled: e === o,
+          children: /* @__PURE__ */ s($, {})
+        }
+      ),
+      /* @__PURE__ */ s(
+        m,
+        {
+          className: g("page-button", "next"),
+          onClick: c,
+          disabled: e === o,
+          children: /* @__PURE__ */ s(y, {})
+        }
+      )
+    ] })
+  ] });
+}, q = {
+  "page-controls": "_page-controls_thyf8_1",
+  "total-pages": "_total-pages_thyf8_8"
+}, S = d.bind(q), H = ({
+  activePage: e,
+  changePage: n,
+  captions: o,
+  totalPages: l
+}) => /* @__PURE__ */ i("div", { className: S("page-controls"), children: [
+  /* @__PURE__ */ s(
+    Z,
+    {
+      activePage: e,
+      totalPages: l,
+      changePage: n,
+      pageText: o.page,
+      goToText: o.goTo,
+      goActionText: o.goAction
+    }
+  ),
+  /* @__PURE__ */ s(W, { changePage: n, activePage: e, totalPages: l }),
+  /* @__PURE__ */ i("span", { className: S("total-pages"), children: [
+    `${o.of} `,
+    l
+  ] })
+] }), J = "_pagination_uykxy_1", K = {
+  pagination: J
+}, Q = d.bind(K), ne = ({
+  activePage: e,
+  totalPages: n,
+  pageSize: o,
+  totalItems: l,
+  pageSizeOptions: a,
+  changePage: r,
+  changePageSize: c,
+  captions: t
+}) => {
+  const p = (t == null ? void 0 : t.of) || "of", _ = (t == null ? void 0 : t.page) || "Page";
+  return /* @__PURE__ */ i("div", { className: Q("pagination"), children: [
+    /* @__PURE__ */ s(
+      P,
+      {
+        activePage: e,
+        pageSize: o,
+        totalItems: l,
+        ofText: p,
+        itemsText: (t == null ? void 0 : t.items) || "items"
+      }
+    ),
+    n > 1 && /* @__PURE__ */ s(
+      H,
+      {
+        activePage: e,
+        totalPages: n,
+        changePage: r,
+        captions: {
+          page: _,
+          of: p,
+          goTo: (t == null ? void 0 : t.goTo) || "Go to page",
+          goAction: (t == null ? void 0 : t.goAction) || "Go"
+        }
+      }
+    ),
+    /* @__PURE__ */ s(
+      V,
+      {
+        size: o,
+        sizeOptions: a,
+        changeSize: c,
+        perPageText: (t == null ? void 0 : t.perPage) || "per page"
+      }
+    )
+  ] });
+};
+export {
+  ne as P,
+  $ as S,
+  y as a
+};

package/dist/pagination.js

@@ -0,0 +1,13 @@
+import { P as t } from "./pagination-a36bc786.js";
+import "react/jsx-runtime";
+import "./bind-06a7ff84.js";
+import "react";
+import "./popover.js";
+import "@floating-ui/react";
+import "./button-7fb84fde.js";
+import "./fieldText-d80b29ba.js";
+import "./baseIconButton-7bc53dec.js";
+export {
+  t as Pagination,
+  t as default
+};

package/dist/popover.js

@@ -0,0 +1,95 @@
+import { jsxs as p, Fragment as G, jsx as o } from "react/jsx-runtime";
+import { useRef as H, useState as S } from "react";
+import { useFloating as j, offset as C, flip as L, arrow as M, autoUpdate as O, useClick as U, useDismiss as W, useRole as q, useInteractions as z, FloatingFocusManager as B, FloatingArrow as J } from "@floating-ui/react";
+import { c as K } from "./bind-06a7ff84.js";
+const Q = "_popover_16ogt_1", V = "_title_16ogt_28", X = {
+  "popover-wrapper": "_popover-wrapper_16ogt_1",
+  popover: Q,
+  title: V
+}, n = K.bind(X), m = 16, f = 8, Y = ["top", "right", "bottom", "left"], Z = [
+  "right",
+  "right-start",
+  "right-end",
+  "left",
+  "left-start",
+  "left-end"
+], $ = [
+  "top",
+  "top-start",
+  "top-end",
+  "right",
+  "right-start",
+  "right-end",
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "left",
+  "left-start",
+  "left-end"
+], nt = ({
+  className: d,
+  content: g,
+  children: h,
+  placement: u = "bottom",
+  fallbackPlacements: v = $,
+  title: r,
+  arrowOffset: l = 16,
+  safeZone: _ = 4,
+  arrowColor: w = "white",
+  dataAutomationId: x,
+  isOpened: b,
+  setIsOpened: s
+}) => {
+  const i = H(null), [F, R] = S(!1), a = s ? b : F, A = (e) => {
+    s ? s(e) : R(e);
+  }, { placement: N, refs: c, floatingStyles: P, context: t } = j({
+    open: a,
+    onOpenChange: A,
+    placement: u,
+    middleware: [
+      C(({ rects: e, placement: D }) => ({
+        mainAxis: _ + f,
+        alignmentAxis: ((Z.includes(D) ? e.reference.height : e.reference.width) - m) / 2 - l
+      })),
+      L({
+        fallbackAxisSideDirection: "start",
+        fallbackPlacements: v
+      }),
+      M({
+        element: i
+      })
+    ],
+    whileElementsMounted: O
+  }), E = U(t), I = W(t), T = q(t), { getReferenceProps: k, getFloatingProps: y } = z([E, I, T]);
+  return /* @__PURE__ */ p(G, { children: [
+    /* @__PURE__ */ o("div", { ref: c.setReference, ...k(), className: n("popover-wrapper"), children: h }),
+    a && /* @__PURE__ */ o(B, { context: t, modal: !1, children: /* @__PURE__ */ p(
+      "div",
+      {
+        className: n("popover", d),
+        "data-automation-id": x,
+        ref: c.setFloating,
+        style: P,
+        ...y,
+        children: [
+          /* @__PURE__ */ o(
+            J,
+            {
+              ref: i,
+              context: t,
+              width: m,
+              height: f,
+              fill: w,
+              staticOffset: Y.includes(N) ? null : l
+            }
+          ),
+          r && /* @__PURE__ */ o("div", { className: n("title"), children: r }),
+          g
+        ]
+      }
+    ) })
+  ] });
+};
+export {
+  nt as Popover
+};

package/dist/radio-fd49a09c.js

@@ -0,0 +1,76 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { useRef as k } from "react";
+import { c as f } from "./bind-06a7ff84.js";
+import { K as t } from "./keyCodes-f63c0e11.js";
+const p = "_disabled_1sze8_9", g = "_toggler_1sze8_15", y = "_checked_1sze8_21", E = "_input_1sze8_28", x = {
+  "radio-button": "_radio-button_1sze8_1",
+  disabled: p,
+  "children-container": "_children-container_1sze8_12",
+  toggler: g,
+  checked: y,
+  input: E
+}, a = f.bind(x), v = ({
+  option: e,
+  value: o,
+  onChange: u,
+  onFocus: z,
+  onBlur: C,
+  className: b,
+  ..._
+}) => {
+  const s = k(null), d = String(e.value) === String(o), h = (l) => {
+    var i, n;
+    const { keyCode: c } = l;
+    if (c === t.SPACE_KEY_CODE) {
+      l.preventDefault(), (i = s.current) == null || i.click();
+      return;
+    }
+    c === t.ENTER_KEY_CODE && (l.preventDefault(), (n = s.current) == null || n.click());
+  };
+  return (
+    // eslint-disable-next-line
+    /* @__PURE__ */ m(
+      "label",
+      {
+        id: "rp-ui-kit-radio-label",
+        className: a(b, "radio-button", {
+          disabled: e.disabled
+        }),
+        tabIndex: e.disabled ? -1 : 0,
+        onKeyDown: e.disabled ? void 0 : h,
+        children: [
+          /* @__PURE__ */ r(
+            "input",
+            {
+              tabIndex: -1,
+              ref: s,
+              type: "radio",
+              className: a("input"),
+              disabled: e.disabled,
+              onChange: u,
+              value: e.value,
+              checked: d,
+              ..._
+            }
+          ),
+          /* @__PURE__ */ r(
+            "span",
+            {
+              role: "radio",
+              "aria-labelledby": "rp-ui-kit-radio-label",
+              "aria-checked": d,
+              className: a("toggler", {
+                disabled: e.disabled,
+                checked: d
+              })
+            }
+          ),
+          /* @__PURE__ */ r("span", { className: a("children-container"), children: e.label })
+        ]
+      }
+    )
+  );
+};
+export {
+  v as R
+};

package/dist/radio.js

@@ -0,0 +1,9 @@
+import { R as r } from "./radio-fd49a09c.js";
+import "react/jsx-runtime";
+import "react";
+import "./bind-06a7ff84.js";
+import "./keyCodes-f63c0e11.js";
+export {
+  r as Radio,
+  r as default
+};