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

package/dist/table-920fdad9.js

@@ -0,0 +1,142 @@
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import { useState as N, useMemo as K } from "react";
+import { c as O } from "./bind-06a7ff84.js";
+import { a as g, S as P } from "./arrowUp-4a5caee7.js";
+import { C as w } from "./checkbox-ed6cc375.js";
+const Q = "_table_1qo1m_1", V = "_label_1qo1m_96", W = {
+  table: Q,
+  "table-header": "_table-header_1qo1m_9",
+  "table-row": "_table-row_1qo1m_17",
+  "table-row-content": "_table-row-content_1qo1m_23",
+  "size-small": "_size-small_1qo1m_33",
+  "size-large": "_size-large_1qo1m_36",
+  "table-body": "_table-body_1qo1m_40",
+  "table-header-cell": "_table-header-cell_1qo1m_47",
+  "table-cell": "_table-cell_1qo1m_48",
+  "action-menu-cell": "_action-menu-cell_1qo1m_53",
+  "checkbox-cell": "_checkbox-cell_1qo1m_65",
+  "primary-cell": "_primary-cell_1qo1m_79",
+  label: V,
+  "sortable-cell": "_sortable-cell_1qo1m_100",
+  "align-right": "_align-right_1qo1m_103",
+  "align-center": "_align-center_1qo1m_109"
+}, S = "asc", X = (t) => t.toLowerCase() === S, Y = (t) => t.map((r) => r.key), l = O.bind(W), ae = ({
+  data: t,
+  primaryColumn: r,
+  fixedColumns: i,
+  renderRowActions: h,
+  className: f = "",
+  rowClassName: x = "",
+  headerClassName: z = "",
+  selectable: b = !1,
+  selectedRowIds: s = [],
+  sortingDirection: y = S,
+  sortingColumn: n = r,
+  sortableColumns: _ = Y([r, ...i]),
+  onChangeSorting: M = () => {
+  },
+  onToggleRowSelection: u = () => {
+  },
+  onToggleAllRowsSelection: A = () => {
+  }
+}) => {
+  const [L, k] = N(null), [E, v] = N(null), m = K(() => [{ ...r, primary: !0 }, ...i], [r, i]), j = (e) => {
+    _.includes(e) && M({ key: e, direction: y });
+  }, p = (e) => ({
+    width: e.width,
+    textAlign: e.align
+  }), C = (e) => {
+    k(e);
+  }, H = () => {
+    k(null);
+  }, T = (e) => {
+    v(e);
+  }, $ = () => {
+    v(null);
+  }, D = (e) => {
+    u(e);
+  }, U = () => {
+    A();
+  }, B = t.every((e) => s.includes(e.id)), F = t.some((e) => s.includes(e.id)), q = (s == null ? void 0 : s.length) > 0, G = (e) => {
+    var c;
+    return `size-${((c = e.rowConfigs) == null ? void 0 : c.size) ?? "default"}`;
+  }, J = (e) => {
+    if (_.includes(e))
+      return (n == null ? void 0 : n.key) === e ? X(y) ? /* @__PURE__ */ a(g, {}) : /* @__PURE__ */ a(P, {}) : /* @__PURE__ */ a(g, {});
+  };
+  return /* @__PURE__ */ o("div", { className: l("table", f), children: [
+    /* @__PURE__ */ o("div", { className: l("table-header", z), children: [
+      b && /* @__PURE__ */ a("div", { className: l("table-header-cell", "checkbox-cell"), children: q && /* @__PURE__ */ a(
+        w,
+        {
+          value: B,
+          partiallyChecked: F,
+          onChange: U,
+          className: l("checkbox-cell")
+        }
+      ) }),
+      m.map((e) => /* @__PURE__ */ a(
+        "button",
+        {
+          className: l("table-header-cell", {
+            [`align-${e.align}`]: "align" in e,
+            "primary-cell": "primary" in e && e.primary,
+            "sortable-cell": _.includes(e.key)
+          }),
+          style: p(e),
+          children: /* @__PURE__ */ o(
+            "div",
+            {
+              className: l("label"),
+              onClick: () => j(e.key),
+              onMouseEnter: () => C(e.key),
+              onMouseLeave: H,
+              children: [
+                /* @__PURE__ */ a("span", { children: e.header }),
+                (L === e.key || (n == null ? void 0 : n.key) === e.key) && J(e.key)
+              ]
+            }
+          )
+        },
+        e.key
+      )),
+      h && /* @__PURE__ */ a("div", { className: l("table-header-cell", "action-menu-cell") })
+    ] }),
+    /* @__PURE__ */ a("div", { className: l("table-body"), children: t.map((e, d) => /* @__PURE__ */ o(
+      "div",
+      {
+        className: l("table-row", G(e), x),
+        onMouseEnter: () => T(d),
+        onMouseLeave: $,
+        children: [
+          b && /* @__PURE__ */ a("div", { className: l("table-cell", "checkbox-cell"), children: (q || E === d) && /* @__PURE__ */ a(
+            w,
+            {
+              value: s.includes(e.id),
+              onChange: () => D(e.id),
+              className: l("checkbox-cell")
+            }
+          ) }),
+          /* @__PURE__ */ o("div", { className: l("table-row-content"), children: [
+            m.map((c) => /* @__PURE__ */ a(
+              "div",
+              {
+                className: l("table-cell", {
+                  "primary-cell": "primary" in c && c.primary
+                }),
+                style: p(c),
+                children: e[c.key].component || e[c.key].content || e[c.key]
+              },
+              c.key
+            )),
+            h && /* @__PURE__ */ a("div", { className: l("table-cell", "action-menu-cell"), children: h(e.metaData) })
+          ] })
+        ]
+      },
+      e.id
+    )) })
+  ] });
+};
+export {
+  ae as T
+};

package/dist/table.js

@@ -0,0 +1,11 @@
+import { T as r } from "./table-920fdad9.js";
+import "react/jsx-runtime";
+import "react";
+import "./bind-06a7ff84.js";
+import "./arrowUp-4a5caee7.js";
+import "./checkbox-ed6cc375.js";
+import "./keyCodes-f63c0e11.js";
+export {
+  r as Table,
+  r as default
+};

package/dist/toggle-304107fa.js

@@ -0,0 +1,59 @@
+import { jsxs as b, jsx as o } from "react/jsx-runtime";
+import { c as h } from "./bind-06a7ff84.js";
+import { useRef as k, useId as x } from "react";
+import { K as _ } from "./keyCodes-f63c0e11.js";
+const y = "_toggle_1c7gt_1", E = "_slider_1c7gt_27", D = "_round_1c7gt_47", K = "_input_1c7gt_51", N = "_disabled_1c7gt_92", C = {
+  toggle: y,
+  "children-container": "_children-container_1c7gt_14",
+  slider: E,
+  round: D,
+  input: K,
+  disabled: N
+}, e = h.bind(C), w = ({
+  children: s,
+  value: r,
+  onChange: g,
+  className: u,
+  disabled: t = !1,
+  title: p,
+  ...m
+}) => {
+  const c = k(null), l = x(), f = (n) => {
+    var a, d;
+    const { keyCode: i } = n;
+    if (i === _.SPACE_KEY_CODE) {
+      n.preventDefault(), (a = c.current) == null || a.click();
+      return;
+    }
+    i === _.ENTER_KEY_CODE && (n.preventDefault(), (d = c.current) == null || d.click());
+  };
+  return /* @__PURE__ */ b("label", { id: l, title: p, className: e("toggle", u, { disabled: t }), children: [
+    /* @__PURE__ */ o(
+      "input",
+      {
+        ref: c,
+        tabIndex: t ? -1 : 0,
+        onChange: g,
+        checked: r,
+        disabled: t,
+        onKeyDown: f,
+        className: e("input"),
+        type: "checkbox",
+        ...m
+      }
+    ),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        "aria-labelledby": l,
+        role: "checkbox",
+        "aria-checked": r,
+        className: e("slider", "round")
+      }
+    ),
+    s && /* @__PURE__ */ o("span", { className: e("children-container"), children: s })
+  ] });
+};
+export {
+  w as T
+};

package/dist/toggle.js

@@ -1,4 +1,4 @@
-import { T as r } from "./toggle-707ecb74.js";
+import { T as r } from "./toggle-304107fa.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "react";

package/dist/tooltip.js

@@ -1,70 +1,101 @@
-import { jsxs as T, Fragment as g, jsx as l } from "react/jsx-runtime";
-import { useState as y, useRef as E } from "react";
-import { c as N } from "./bind-06a7ff84.js";
-import { useFloating as O, flip as S } from "@floating-ui/react-dom";
-const W = "_tooltip_7bl3z_1", v = {
-  "tooltip-wrapper": "_tooltip-wrapper_7bl3z_1",
-  tooltip: W,
-  "tooltip-content": "_tooltip-content_7bl3z_26",
-  "tooltip-arrow": "_tooltip-arrow_7bl3z_39"
-}, n = N.bind(v), z = 2e3, F = 100, D = ({
-  content: c,
-  className: a,
-  dynamicWidth: p,
-  width: d,
-  placement: m = "bottom",
-  dataAutomationId: u,
-  children: f
+import { jsxs as p, Fragment as D, jsx as o } from "react/jsx-runtime";
+import { useState as H, useRef as d } from "react";
+import { createPortal as R } from "react-dom";
+import { c as G } from "./bind-06a7ff84.js";
+import { useFloating as P, offset as j, flip as k, arrow as $, autoUpdate as C, FloatingArrow as U } from "@floating-ui/react";
+const Y = {
+  "tooltip-wrapper": "_tooltip-wrapper_lwpn2_16",
+  "tooltip-content": "_tooltip-content_lwpn2_23"
+}, n = G.bind(Y), Z = 300, q = 100, z = 16, f = 8, B = ["top", "right", "bottom", "left"], tt = ({
+  content: u,
+  wrapperClassName: h,
+  tooltipClassName: w,
+  contentClassName: x,
+  dynamicWidth: T,
+  width: _,
+  minWidth: g = 120,
+  safeZone: E = 4,
+  zIndex: A = 9,
+  placement: N = "bottom",
+  arrowColor: b = "rgba(34, 34, 34, 0.91)",
+  dataAutomationId: I,
+  mainAxis: S = !0,
+  children: W,
+  portalRoot: s,
+  isFloating: y = !0
 }) => {
-  const [_, i] = y(!1), t = E(), { refs: s, floatingStyles: h } = O({
-    placement: m,
-    strategy: "fixed",
+  const [i, l] = H(!1), r = d(null), t = d(), { refs: c, floatingStyles: F, context: L } = P({
+    open: i,
+    placement: N,
     middleware: [
-      S({
-        fallbackPlacements: ["bottom", "top", "right", "left"]
+      j({
+        mainAxis: E + f
+      }),
+      y && k({
+        mainAxis: S,
+        fallbackAxisSideDirection: "start",
+        fallbackPlacements: B
+      }),
+      $({
+        element: r
       })
-    ]
-  }), o = p ? null : { width: `${d}px` }, w = document.documentElement.clientWidth, x = o || w - F, r = () => {
-    t.current && clearTimeout(t.current), i(!1);
-  }, b = () => {
-    t.current = setTimeout(() => i(!0), z);
-  };
-  return /* @__PURE__ */ T(g, { children: [
-    /* @__PURE__ */ l(
-      "div",
-      {
-        ref: (e) => s.setReference(e),
-        className: n("tooltip-wrapper", a),
-        onMouseDown: r,
-        onMouseEnter: b,
-        onMouseLeave: r,
-        children: f
-      }
-    ),
-    _ && /* @__PURE__ */ l(
-      "div",
-      {
-        className: n("tooltip"),
-        ref: (e) => s.setFloating(e),
-        style: {
-          ...h,
-          ...o
-        },
-        "data-automation-id": u,
-        children: /* @__PURE__ */ l(
+    ],
+    whileElementsMounted: C
+  }), e = T ? null : { width: `${_}px` }, M = document.documentElement.clientWidth, O = e || M - q, a = () => {
+    t.current && clearTimeout(t.current), l(!1);
+  }, v = () => {
+    t.current = setTimeout(() => l(!0), Z);
+  }, m = () => /* @__PURE__ */ p(
+    "div",
+    {
+      ref: c.setFloating,
+      style: {
+        ...F,
+        ...e,
+        minWidth: g,
+        zIndex: A
+      },
+      "data-automation-id": I,
+      className: n(w),
+      children: [
+        /* @__PURE__ */ o(
+          U,
+          {
+            ref: r,
+            context: L,
+            width: z,
+            height: f,
+            fill: b
+          }
+        ),
+        /* @__PURE__ */ o(
           "div",
           {
-            className: n("tooltip-content"),
+            className: n("tooltip-content", x),
             style: {
-              maxWidth: `${x}px`
+              maxWidth: `${O}px`
             },
-            children: c
+            children: u
           }
         )
+      ]
+    }
+  );
+  return /* @__PURE__ */ p(D, { children: [
+    /* @__PURE__ */ o(
+      "div",
+      {
+        ref: c.setReference,
+        className: n("tooltip-wrapper", h),
+        onMouseDown: a,
+        onMouseEnter: v,
+        onMouseLeave: a,
+        children: W
       }
-    )
+    ),
+    i && (s ? R(m(), s) : m())
   ] });
 };
 export {
-  D as Tooltip
+  tt as Tooltip
 };

package/dist/tree-c3dd3d45.js

@@ -0,0 +1,6 @@
+import * as C from "react";
+const l = (e) => /* @__PURE__ */ C.createElement("svg", { width: 14, height: 3, viewBox: "0 0 14 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.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 = (e) => /* @__PURE__ */ C.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M2 10C2 10.764 2.24187 11.5133 2.69535 12.0801C3.15115 12.6499 3.79637 13 4.5 13H5.9C5.86913 12.8384 5.85293 12.6712 5.85293 12.5C5.85293 12.3288 5.86913 12.1616 5.89999 12H4.5C4.14277 12 3.77057 11.8234 3.47622 11.4554C3.17956 11.0846 3 10.5621 3 10V5.40311C3.41945 5.77926 3.94131 6 4.5 6H5.89996C5.8691 5.83844 5.85289 5.67122 5.85289 5.49998C5.85289 5.32876 5.86909 5.16155 5.89996 5L4.5 5C4.14277 5 3.77057 4.82335 3.47622 4.45542C3.17956 4.08459 3 3.56203 3 2.99994L3 1.5C3 1.22386 2.77614 1 2.5 1C2.22386 1 2 1.22386 2 1.5L2 10Z", fill: "#A2AAB5" }), /* @__PURE__ */ C.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.20583 3.99998H11.5C12.1909 3.99998 12.8529 4.61358 12.8529 5.49998C12.8529 6.38639 12.1909 6.99998 11.5 6.99998H8.20583C7.51487 6.99998 6.85289 6.38639 6.85289 5.49998C6.85289 4.61358 7.51487 3.99998 8.20583 3.99998ZM8.20587 11H11.5C12.1909 11 12.8529 11.6136 12.8529 12.5C12.8529 13.3864 12.1909 14 11.5 14H8.20587C7.51491 14 6.85293 13.3864 6.85293 12.5C6.85293 11.6136 7.51491 11 8.20587 11ZM5.89996 5C6.11796 3.85887 7.06749 2.99998 8.20583 2.99998H11.5C12.7994 2.99998 13.8529 4.11927 13.8529 5.49998C13.8529 6.8807 12.7994 7.99998 11.5 7.99998H8.20583C7.0675 7.99998 6.11798 7.14111 5.89996 6C5.8691 5.83844 5.85289 5.67122 5.85289 5.49998C5.85289 5.32876 5.86909 5.16155 5.89996 5ZM5.89999 12C6.118 10.8589 7.06753 9.99998 8.20587 9.99998H11.5C12.7995 9.99998 13.8529 11.1193 13.8529 12.5C13.8529 13.8807 12.7995 15 11.5 15H8.20587C7.06754 15 6.11801 14.1411 5.9 13H6C6.27614 13 6.5 12.7761 6.5 12.5C6.5 12.2239 6.27614 12 6 12H5.89999Z", fill: "#A2AAB5" }), /* @__PURE__ */ C.createElement("path", { d: "M6.5 12.5C6.5 12.2239 6.27614 12 6 12H5.89999C5.86913 12.1616 5.85293 12.3288 5.85293 12.5C5.85293 12.6712 5.86913 12.8384 5.9 13H6C6.27614 13 6.5 12.7761 6.5 12.5Z", fill: "#A2AAB5" }));
+export {
+  l as S,
+  t as a
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.9",
+  "version": "0.0.1-alpha.90",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {
@@ -9,8 +9,10 @@
     "build:storybook": "storybook build",
     "lint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
     "format": "npm run lint -- --fix",
-    "test": "exit 0",
-    "test:coverage": "exit 0",
+    "test": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:ci": "vitest run",
+    "test:ui": "vitest --ui",
     "prepare": "husky install"
   },
   "files": [
@@ -29,23 +31,31 @@
     "classnames": "^2.3.2",
     "downshift": "^6.1.12",
     "framer-motion": "^10.15.2",
-    "rc-scrollbars": "^1.1.6"
+    "rc-scrollbars": "^1.1.6",
+    "react-datepicker": "^7.6.0"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^7.2.0",
-    "@storybook/addon-interactions": "^7.2.0",
-    "@storybook/addon-links": "^7.2.0",
-    "@storybook/addon-onboarding": "^1.0.8",
-    "@storybook/blocks": "^7.2.0",
-    "@storybook/react": "^7.2.0",
-    "@storybook/react-vite": "^7.2.0",
-    "@storybook/testing-library": "^0.2.0",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/addon-onboarding": "^8.6.14",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/testing-library": "^0.2.2",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.5.2",
     "@types/node": "^20.4.5",
     "@types/react": "^18.3.3",
+    "@types/react-datepicker": "^6.2.0",
     "@types/react-dom": "^18.2.7",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
     "@vitejs/plugin-react": "^4.0.3",
+    "@vitest/coverage-v8": "^2.1.8",
+    "@vitest/ui": "^2.1.8",
+    "date-fns": "^3.6.0",
     "eslint": "^8.46.0",
     "eslint-config-airbnb-typescript": "^15.0.0",
     "eslint-config-prettier": "^8.10.0",
@@ -55,19 +65,21 @@
     "eslint-plugin-react": "^7.33.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.3",
-    "eslint-plugin-storybook": "^0.6.13",
+    "eslint-plugin-storybook": "^0.8.0",
     "husky": "^8.0.3",
+    "jsdom": "^25.0.1",
     "lint-staged": "^13.2.3",
     "prettier": "^3.0.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "sass": "^1.64.1",
-    "storybook": "^7.2.2",
+    "storybook": "^8.6.14",
     "typescript": "^5.0.2",
-    "vite": "^4.4.5",
+    "vite": "^4.5.14",
     "vite-plugin-dts": "^3.4.0",
     "vite-plugin-svgr": "^3.2.0",
-    "vite-tsconfig-paths": "^4.2.0"
+    "vite-tsconfig-paths": "^4.2.0",
+    "vitest": "^2.1.8"
   },
   "repository": {
     "type": "git",

package/dist/baseIconButton-7bc53dec.js

@@ -1,25 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c } from "./bind-06a7ff84.js";
-const b = "_disabled_p6ked_12", i = {
-  "base-icon-button": "_base-icon-button_p6ked_1",
-  disabled: b
-}, d = c.bind(i), l = ({
-  children: s,
-  className: o,
-  disabled: t = !1,
-  onClick: n,
-  ...e
-}) => /* @__PURE__ */ a(
-  "button",
-  {
-    className: d("base-icon-button", o, { disabled: t }),
-    type: "button",
-    disabled: t,
-    onClick: n,
-    ...e,
-    children: s
-  }
-);
-export {
-  l as B
-};

package/dist/button-7fb84fde.js

@@ -1,62 +0,0 @@
-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/checkbox-4143390f.js

@@ -1,70 +0,0 @@
-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
-};