@reportportal/ui-kit 0.0.1-alpha.4 → 0.0.1-alpha.40

package/dist/modal.js

@@ -1,137 +1,16 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import * as z from "react";
-import { useEffect as m, useState as g, useRef as $ } from "react";
-import { Scrollbars as A } from "rc-scrollbars";
-import { AnimatePresence as T, motion as D } from "framer-motion";
-import { c as _ } from "./bind-06a7ff84.js";
-import { K as W } from "./key-codes-abbe7725.js";
-import { B as x } from "./button-d4944dbc.js";
-function j(e, n) {
-  m(() => {
-    if (!n)
-      return;
-    const t = (a) => {
-      e && e.current && !e.current.contains(a.target) && n(a);
-    };
-    return document.addEventListener("pointerdown", t), () => {
-      document.removeEventListener("pointerdown", t);
-    };
-  }, [e, n]);
-}
-const K = () => {
-  const [e, n] = g({ width: 0, height: 0 });
-  return m(() => {
-    const t = () => {
-      n({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-    };
-    return window.addEventListener("resize", t), t(), () => window.removeEventListener("resize", t);
-  }, []), e;
-}, I = {
-  "modal-content": "_modal-content_xak18_1"
-}, F = _.bind(I), P = ({ children: e }) => /* @__PURE__ */ o("div", { className: F("modal-content"), children: e }), B = {
-  "buttons-block": "_buttons-block_1dgm4_1",
-  "button-container": "_button-container_1dgm4_5",
-  "modal-footer": "_modal-footer_1dgm4_14",
-  "with-extra-node": "_with-extra-node_1dgm4_21",
-  "size-small": "_size-small_1dgm4_25"
-}, c = _.bind(B), G = ({
-  footerNode: e,
-  closeHandler: n,
-  okButton: t,
-  cancelButton: a,
-  size: s
-}) => /* @__PURE__ */ l("div", { className: c("modal-footer", { "with-extra-node": e, [`size-${s}`]: s }), children: [
-  e && e,
-  /* @__PURE__ */ l("div", { className: c("buttons-block"), children: [
-    a && /* @__PURE__ */ o("div", { className: c("button-container"), children: /* @__PURE__ */ o(
-      x,
-      {
-        variant: "ghost",
-        adjustWidthOn: s === "small" ? "parent" : "content",
-        onClick: n,
-        ...a
-      }
-    ) }),
-    t && /* @__PURE__ */ o("div", { className: c("button-container"), children: /* @__PURE__ */ o(x, { adjustWidthOn: s === "small" ? "parent" : "content", ...t }) })
-  ] })
-] }), X = (e) => /* @__PURE__ */ z.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ z.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732184 15.2698C0.330645 14.8683 0.330646 14.2172 0.732185 13.8157L6.54859 7.99928L0.732185 2.18288C0.330646 1.78134 0.330645 1.13031 0.732184 0.728774C1.13372 0.327234 1.78475 0.327234 2.18629 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327228 14.8717 0.327227 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.18629 15.2698C1.78475 15.6713 1.13372 15.6713 0.732184 15.2698Z" })), Y = {
-  "modal-header": "_modal-header_12y1g_1",
-  "modal-header-content": "_modal-header-content_12y1g_11",
-  "modal-title": "_modal-title_12y1g_20",
-  "close-modal-icon": "_close-modal-icon_12y1g_28"
-}, r = _.bind(Y), Z = ({ title: e, onClose: n, headerNode: t }) => /* @__PURE__ */ l("div", { className: r("modal-header"), children: [
-  /* @__PURE__ */ l("div", { className: r("modal-header-content"), children: [
-    e && /* @__PURE__ */ o("span", { className: r("modal-title"), children: e }),
-    t && t
-  ] }),
-  /* @__PURE__ */ o("span", { className: r("close-modal-icon"), onClick: n, children: /* @__PURE__ */ o(X, {}) })
-] }), q = "_modal_10zov_1", J = {
-  modal: q,
-  "overlay-default": "_overlay-default_10zov_11",
-  "overlay-light-cyan": "_overlay-light-cyan_10zov_16",
-  "scrolling-content": "_scrolling-content_10zov_21",
-  "modal-window": "_modal-window_10zov_28",
-  "size-default": "_size-default_10zov_45",
-  "size-small": "_size-small_10zov_57",
-  "size-large": "_size-large_10zov_69"
-}, E = _.bind(J), Q = 0.9, U = 176, se = ({
-  title: e,
-  headerNode: n,
-  children: t,
-  footerNode: a,
-  okButton: s,
-  cancelButton: b,
-  className: L,
-  size: h = "default",
-  onClose: H = () => {
-  },
-  overlay: v = "default",
-  allowCloseOutside: M = !0
-}) => {
-  const [N, f] = g(!1), [k, O] = g(0), i = $(null), p = K(), y = p.height, R = y * Q, u = (y - k) / 2, S = R - U, d = () => {
-    f(!1);
-  }, C = (w) => {
-    w.keyCode === W.ESCAPE_KEY_CODE && d();
-  };
-  return m(() => {
-    if (i && i.current) {
-      const { clientHeight: w } = i.current;
-      O(w);
-    }
-  }, [t, p]), m(() => (f(!0), i && i.current && i.current.focus(), document.addEventListener("keydown", C, !1), () => document.removeEventListener("keydown", C, !1)), []), j(i, M ? d : void 0), /* @__PURE__ */ o(T, { onExitComplete: H, children: N && /* @__PURE__ */ o("div", { className: E("modal", { [`overlay-${v}`]: v }), children: /* @__PURE__ */ l(
-    D.div,
-    {
-      className: E("modal-window", { [`size-${h}`]: h }, L),
-      ref: i,
-      tabIndex: 0,
-      initial: { opacity: 0, marginTop: -u },
-      animate: { opacity: 1, marginTop: u },
-      exit: { opacity: 0, marginTop: -u },
-      transition: { duration: 0.3 },
-      children: [
-        /* @__PURE__ */ o(Z, { title: e, headerNode: n, onClose: d }),
-        /* @__PURE__ */ o(A, { autoHeight: !0, autoHeightMax: S, hideTracksWhenNotNeeded: !0, children: /* @__PURE__ */ o(P, { children: t }) }),
-        /* @__PURE__ */ o(
-          G,
-          {
-            size: h,
-            footerNode: a,
-            okButton: s,
-            cancelButton: b,
-            closeHandler: d
-          }
-        )
-      ]
-    },
-    "modal-window"
-  ) }) });
-};
+import { M as s, a as n, c as b, b as c } from "./index-54e3bfc2.js";
+import "react/jsx-runtime";
+import "react";
+import "rc-scrollbars";
+import "framer-motion";
+import "./bind-06a7ff84.js";
+import "./useOnClickOutside-c332f7d3.js";
+import "./keyCodes-f63c0e11.js";
+import "./button-33c88abf.js";
+import "./baseIconButton-b6adc843.js";
 export {
-  se as Modal,
-  P as ModalContent,
-  G as ModalFooter,
-  Z as ModalHeader
+  s as Modal,
+  n as ModalContent,
+  b as ModalFooter,
+  c as ModalHeader
 };

package/dist/pagination-f087f454.js

@@ -0,0 +1,346 @@
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { c as m } from "./bind-06a7ff84.js";
+import * as b from "react";
+import { useState as x } from "react";
+import { Popover as B } from "./popover.js";
+import { B as w } from "./button-33c88abf.js";
+import { F as I } from "./fieldText-65e4c614.js";
+import { B as f } from "./baseIconButton-b6adc843.js";
+import { Tooltip as E } from "./tooltip.js";
+const y = (e) => /* @__PURE__ */ b.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ b.createElement("path", { d: "M12 13L4 8L12 3L12 13Z" })), T = (e) => /* @__PURE__ */ b.createElement("svg", { width: 13, height: 12, viewBox: "0 0 13 12", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ b.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 12L2 12L2 2.38498e-08L1.90798e-07 0L0 12ZM13 1L5 6L13 11L13 1Z" })), k = {
+  "item-counter": "_item-counter_4g6do_1"
+}, M = m.bind(k), P = ({
+  activePage: e,
+  pageSize: n,
+  totalItems: s,
+  ofText: r,
+  itemsText: c
+}) => {
+  const a = e * n, i = a - n;
+  return /* @__PURE__ */ d("div", { className: M("item-counter"), children: [
+    `${i + 1} - ${a < s ? a : s}`,
+    ` ${r} ${s} ${c}`
+  ] });
+}, R = "_selected_183l8_32", V = {
+  "size-selector": "_size-selector_183l8_1",
+  "size-option": "_size-option_183l8_6",
+  selected: R
+}, C = m.bind(V), W = ({
+  currentSize: e,
+  options: n,
+  onClickOption: s
+}) => /* @__PURE__ */ t("div", { className: C("size-selector"), children: n.map((r) => /* @__PURE__ */ t(
+  "button",
+  {
+    className: C("size-option", { selected: r === e }),
+    onClick: () => {
+      s(r);
+    },
+    children: r
+  },
+  r
+)) }), D = {
+  "page-size-control": "_page-size-control_1y4na_1",
+  "size-selector-button": "_size-selector-button_1y4na_10"
+}, S = m.bind(D), F = ({
+  size: e,
+  sizeOptions: n,
+  perPageText: s,
+  changeSize: r
+}) => {
+  const [c, a] = x(!1), i = (o) => {
+    r(o), a(!1);
+  };
+  return /* @__PURE__ */ d("div", { className: S("page-size-control"), children: [
+    /* @__PURE__ */ t(
+      B,
+      {
+        content: /* @__PURE__ */ t(W, { options: n, onClickOption: i, currentSize: e }),
+        placement: "top",
+        isOpened: c,
+        setIsOpened: a,
+        children: /* @__PURE__ */ t(w, { className: S("size-selector-button"), variant: "text", children: e })
+      }
+    ),
+    ` ${s}`
+  ] });
+}, Z = {
+  "page-selector": "_page-selector_rtho4_1",
+  "field-wrapper": "_field-wrapper_rtho4_6",
+  "apply-button": "_apply-button_rtho4_10"
+}, N = m.bind(Z), j = ({
+  totalPages: e,
+  pageText: n,
+  goActionText: s,
+  selectPage: r
+}) => {
+  const [c, a] = x(""), [i, o] = x(!0), p = (u) => {
+    const h = u.target.value.replace(/\D/g, ""), $ = Number(h), O = $ > 0 && $ <= e;
+    o(O), a(h);
+  }, l = () => {
+    r(Number(c));
+  };
+  return /* @__PURE__ */ d("div", { className: N("page-selector"), children: [
+    /* @__PURE__ */ t("div", { className: N("field-wrapper"), children: /* @__PURE__ */ t(
+      I,
+      {
+        onChange: p,
+        value: c,
+        placeholder: n,
+        error: i ? "" : "Error",
+        touched: !0,
+        defaultWidth: !1,
+        displayError: !1
+      }
+    ) }),
+    /* @__PURE__ */ t(w, { onClick: l, disabled: !c || !i, className: N("apply-button"), children: s })
+  ] });
+}, G = {
+  "active-page": "_active-page_rmw5h_1",
+  "page-selector": "_page-selector_rmw5h_10",
+  "page-selector-button": "_page-selector-button_rmw5h_14"
+}, v = m.bind(G), H = ({
+  activePage: e,
+  totalPages: n,
+  pageText: s,
+  goToText: r,
+  goActionText: c,
+  changePage: a
+}) => {
+  const [i, o] = x(!1), p = (l) => {
+    a(l), o(!1);
+  };
+  return /* @__PURE__ */ d("div", { className: v("active-page"), children: [
+    `${s} `,
+    /* @__PURE__ */ t(
+      B,
+      {
+        content: /* @__PURE__ */ t(
+          j,
+          {
+            pageText: s,
+            goActionText: c,
+            selectPage: p,
+            totalPages: n
+          }
+        ),
+        title: r,
+        placement: "top",
+        isOpened: i,
+        setIsOpened: o,
+        className: v("page-selector"),
+        children: /* @__PURE__ */ t(w, { className: v("page-selector-button"), variant: "text", children: e })
+      }
+    )
+  ] });
+}, q = "_bar_dfnmf_1", J = "_section_dfnmf_9", K = "_selected_dfnmf_33", Q = "_tooltip_dfnmf_37", U = {
+  bar: q,
+  "section-with-tooltip": "_section-with-tooltip_dfnmf_9",
+  section: J,
+  selected: K,
+  "tooltip-wrapper": "_tooltip-wrapper_dfnmf_37",
+  tooltip: Q,
+  "tooltip-text": "_tooltip-text_dfnmf_48",
+  "page-number": "_page-number_dfnmf_52"
+}, g = m.bind(U), z = 13, A = 260, X = ({
+  totalPages: e,
+  activePage: n,
+  changePage: s,
+  captions: r
+}) => {
+  const c = A / e, a = Math.min(Math.ceil(A / z), e), i = Math.max(z, c), o = [];
+  for (let l = 1; l <= e; l++)
+    o.push({
+      end: l * c,
+      pageNumber: l
+    });
+  const p = Array.from({ length: a }, () => ({ pages: { from: void 0, to: void 0 } }));
+  return o.forEach((l) => {
+    const u = Math.ceil(l.end / i) - 1, h = p[u].pages;
+    h.from || (h.from = l.pageNumber), h.to = l.pageNumber;
+  }), /* @__PURE__ */ t("div", { className: g("bar"), children: p.map((l, u) => /* @__PURE__ */ t(
+    "div",
+    {
+      className: g("section-with-tooltip"),
+      style: { width: i },
+      onClick: () => l.pages.from && s(l.pages.from),
+      children: /* @__PURE__ */ t(
+        E,
+        {
+          content: /* @__PURE__ */ d("div", { className: g("tooltip"), children: [
+            /* @__PURE__ */ t("div", { className: g("tooltip-text"), children: r.goTo }),
+            /* @__PURE__ */ t("div", { className: g("page-number"), children: l.pages.from })
+          ] }),
+          wrapperClassName: g("tooltip-wrapper"),
+          placement: "top",
+          children: /* @__PURE__ */ t(
+            "div",
+            {
+              className: g("section", {
+                selected: l.pages.from && l.pages.to && l.pages.from <= n && n <= l.pages.to
+              })
+            }
+          )
+        }
+      )
+    },
+    u
+  )) });
+}, Y = "_next_1p2t5_18", ee = {
+  "page-navigator": "_page-navigator_1p2t5_1",
+  "page-buttons": "_page-buttons_1p2t5_6",
+  "page-button": "_page-button_1p2t5_6",
+  next: Y
+}, _ = m.bind(ee), te = ({
+  activePage: e,
+  changePage: n,
+  totalPages: s,
+  captions: r
+}) => {
+  const c = () => {
+    n(1);
+  }, a = () => {
+    n(e - 1);
+  }, i = () => {
+    n(e + 1);
+  }, o = () => {
+    n(s);
+  };
+  return /* @__PURE__ */ d("div", { className: _("page-navigator"), children: [
+    /* @__PURE__ */ d("div", { className: _("page-buttons"), children: [
+      /* @__PURE__ */ t(
+        f,
+        {
+          className: _("page-button"),
+          onClick: c,
+          disabled: e === 1,
+          children: /* @__PURE__ */ t(T, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        f,
+        {
+          className: _("page-button"),
+          onClick: a,
+          disabled: e === 1,
+          children: /* @__PURE__ */ t(y, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      X,
+      {
+        totalPages: s,
+        activePage: e,
+        changePage: n,
+        captions: r
+      }
+    ),
+    /* @__PURE__ */ d("div", { className: _("page-buttons"), children: [
+      /* @__PURE__ */ t(
+        f,
+        {
+          className: _("page-button", "next"),
+          onClick: i,
+          disabled: e === s,
+          children: /* @__PURE__ */ t(y, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        f,
+        {
+          className: _("page-button", "next"),
+          onClick: o,
+          disabled: e === s,
+          children: /* @__PURE__ */ t(T, {})
+        }
+      )
+    ] })
+  ] });
+}, oe = {
+  "page-controls": "_page-controls_thyf8_1",
+  "total-pages": "_total-pages_thyf8_8"
+}, L = m.bind(oe), se = ({
+  activePage: e,
+  changePage: n,
+  captions: s,
+  totalPages: r
+}) => /* @__PURE__ */ d("div", { className: L("page-controls"), children: [
+  /* @__PURE__ */ t(
+    H,
+    {
+      activePage: e,
+      totalPages: r,
+      changePage: n,
+      pageText: s.page,
+      goToText: s.goTo,
+      goActionText: s.goAction
+    }
+  ),
+  /* @__PURE__ */ t(
+    te,
+    {
+      changePage: n,
+      activePage: e,
+      totalPages: r,
+      captions: { goTo: s.goTo }
+    }
+  ),
+  /* @__PURE__ */ d("span", { className: L("total-pages"), children: [
+    `${s.of} `,
+    r
+  ] })
+] }), ne = "_pagination_wi26a_1", re = {
+  pagination: ne
+}, le = m.bind(re), he = ({
+  activePage: e,
+  totalPages: n,
+  pageSize: s,
+  totalItems: r,
+  pageSizeOptions: c,
+  changePage: a,
+  changePageSize: i,
+  captions: o
+}) => {
+  const p = (o == null ? void 0 : o.of) || "of", l = (o == null ? void 0 : o.page) || "Page";
+  return /* @__PURE__ */ d("div", { className: le("pagination"), children: [
+    /* @__PURE__ */ t(
+      P,
+      {
+        activePage: e,
+        pageSize: s,
+        totalItems: r,
+        ofText: p,
+        itemsText: (o == null ? void 0 : o.items) || "items"
+      }
+    ),
+    n > 1 && /* @__PURE__ */ t(
+      se,
+      {
+        activePage: e,
+        totalPages: n,
+        changePage: a,
+        captions: {
+          page: l,
+          of: p,
+          goTo: (o == null ? void 0 : o.goTo) || "Go to page",
+          goAction: (o == null ? void 0 : o.goAction) || "Go"
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      F,
+      {
+        size: s,
+        sizeOptions: c,
+        changeSize: i,
+        perPageText: (o == null ? void 0 : o.perPage) || "per page"
+      }
+    )
+  ] });
+};
+export {
+  he as P,
+  y as S,
+  T as a
+};

package/dist/pagination.js

@@ -0,0 +1,14 @@
+import { P as t } from "./pagination-f087f454.js";
+import "react/jsx-runtime";
+import "./bind-06a7ff84.js";
+import "react";
+import "./popover.js";
+import "@floating-ui/react";
+import "./button-33c88abf.js";
+import "./fieldText-65e4c614.js";
+import "./baseIconButton-b6adc843.js";
+import "./tooltip.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-bccc84f2.js

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

package/dist/radio.js

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