@reportportal/ui-kit 0.0.1-alpha.81 → 0.0.1-alpha.83

package/dist/button-97d9e587.js

@@ -0,0 +1,66 @@
+import { jsxs as m, jsx as w } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { c as p } from "./bind-06a7ff84.js";
+const b = "_button_j5f2i_1", l = "_primary_j5f2i_18", x = "_disabled_j5f2i_23", u = "_ghost_j5f2i_38", y = "_danger_j5f2i_59", N = "_text_j5f2i_79", B = "_icon_j5f2i_180", $ = {
+  button: b,
+  primary: l,
+  disabled: x,
+  ghost: u,
+  danger: y,
+  text: N,
+  "ghost-danger": "_ghost-danger_j5f2i_108",
+  "text-danger": "_text-danger_j5f2i_128",
+  "width-min-width": "_width-min-width_j5f2i_162",
+  "width-content": "_width-content_j5f2i_166",
+  "width-wide-content": "_width-wide-content_j5f2i_170",
+  "width-parent": "_width-parent_j5f2i_175",
+  icon: B,
+  "icon-start": "_icon-start_j5f2i_186",
+  "icon-end": "_icon-end_j5f2i_190"
+}, o = p.bind($), v = g(
+  ({
+    variant: s = "primary",
+    icon: t,
+    iconPlace: i = "start",
+    adjustWidthOn: n = "min-width",
+    type: e = "button",
+    children: r,
+    disabled: _ = !1,
+    onClick: c,
+    title: d,
+    className: a,
+    ...f
+  }, h) => {
+    const j = o("button", s, a, {
+      disabled: _,
+      [`width-${n}`]: n
+    });
+    return /* @__PURE__ */ m(
+      "button",
+      {
+        ref: h,
+        type: e,
+        disabled: _,
+        className: j,
+        onClick: c,
+        title: d,
+        ...f,
+        children: [
+          t && /* @__PURE__ */ w(
+            "i",
+            {
+              className: o("icon", {
+                [`icon-${i}`]: i
+              }),
+              children: t
+            }
+          ),
+          r
+        ]
+      }
+    );
+  }
+);
+export {
+  v as B
+};

package/dist/button.js

@@ -1,4 +1,4 @@
-import { B as o } from "./button-e0bd064d.js";
+import { B as o } from "./button-97d9e587.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/{checkbox-aa91985d.js → checkbox-1f5db4c8.js}

@@ -1,15 +1,15 @@
-import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import { c as f } from "./bind-06a7ff84.js";
-import { useRef as y, useId as C } from "react";
-import { K as p } from "./keyCodes-f63c0e11.js";
-const E = "_checkbox_1tbt5_1", D = "_disabled_1tbt5_11", K = "_input_1tbt5_16", N = "_control_1tbt5_23", I = "_children_1tbt5_149", R = {
-  checkbox: E,
-  disabled: D,
-  input: K,
-  control: N,
-  "partially-checked": "_partially-checked_1tbt5_76",
-  children: I
-}, e = f.bind(R), A = ({
+import { useRef as y, useId as w } from "react";
+import { K as x } from "./keyCodes-f63c0e11.js";
+const C = "_checkbox_1xwtn_1", E = "_disabled_1xwtn_11", D = "_input_1xwtn_16", K = "_control_1xwtn_23", N = "_children_1xwtn_155", I = {
+  checkbox: C,
+  disabled: E,
+  input: D,
+  control: K,
+  "partially-checked": "_partially-checked_1xwtn_78",
+  children: N
+}, e = f.bind(I), A = ({
   children: s,
   disabled: c = !1,
   onChange: d,
@@ -17,18 +17,18 @@ const E = "_checkbox_1tbt5_1", D = "_disabled_1tbt5_11", K = "_input_1tbt5_16",
   value: r,
   partiallyChecked: k,
   title: l,
-  ...u
+  ...b
 }) => {
-  const t = y(null), a = C(), m = (o) => {
-    var _, b;
+  const n = y(null), a = w(), u = (o) => {
+    var _, p;
     const { keyCode: i } = o;
-    if (i === p.SPACE_KEY_CODE) {
-      o.preventDefault(), (_ = t.current) == null || _.click();
+    if (i === x.SPACE_KEY_CODE) {
+      o.preventDefault(), (_ = n.current) == null || _.click();
       return;
     }
-    i === p.ENTER_KEY_CODE && (o.preventDefault(), (b = t.current) == null || b.click());
+    i === x.ENTER_KEY_CODE && (o.preventDefault(), (p = n.current) == null || p.click());
   };
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ m(
     "label",
     {
       id: a,
@@ -37,22 +37,22 @@ const E = "_checkbox_1tbt5_1", D = "_disabled_1tbt5_11", K = "_input_1tbt5_16",
       }),
       title: l,
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ t(
           "input",
           {
-            ref: t,
+            ref: n,
             tabIndex: 0,
             type: "checkbox",
-            onKeyDown: m,
+            onKeyDown: u,
             className: e("input", { "partially-checked": k }),
             disabled: c,
             onChange: d,
             checked: r,
             title: l,
-            ...u
+            ...b
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ t(
           "span",
           {
             "aria-labelledby": a,
@@ -63,7 +63,7 @@ const E = "_checkbox_1tbt5_1", D = "_disabled_1tbt5_11", K = "_input_1tbt5_16",
             })
           }
         ),
-        s && /* @__PURE__ */ n("span", { className: e("children", { disabled: c }), children: s })
+        s && /* @__PURE__ */ t("span", { className: e("children", { disabled: c }), children: s })
       ]
     }
   );

package/dist/checkbox.js

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

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

@@ -0,0 +1,5 @@
+import { Selection, SelectionProps } from './selection';
+
+export { Selection };
+export type { SelectionProps };
+export default Selection;

package/dist/components/selection/selection.d.ts

@@ -0,0 +1,12 @@
+import { ClearSelection } from './types';
+
+export interface SelectionProps {
+    selectedCount: number;
+    onClearSelection: ClearSelection;
+    captions?: {
+        selected?: string;
+        buttonCaption?: string;
+    };
+    icon?: React.ReactNode;
+}
+export declare const Selection: ({ selectedCount, onClearSelection, captions, icon, }: SelectionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export type ClearSelection = VoidFunction;

package/dist/{datePicker-27b11ae9.js → datePicker-9a576d19.js}

@@ -2,9 +2,9 @@ import { jsxs as x, Fragment as U, jsx as t } from "react/jsx-runtime";
 import $ from "react-datepicker/dist/es/index.js";
 import { c as R } from "./bind-06a7ff84.js";
 import { useMemo as P, useRef as B } from "react";
-import { F as D } from "./fieldText-a61890cd.js";
+import { F as D } from "./fieldText-635e0db4.js";
 import { a as E, S as j } from "./calendarArrow-3e1339ea.js";
-import { D as T } from "./dropdown-9427f821.js";
+import { D as T } from "./dropdown-329da205.js";
 import { registerLocale as G } from "react-datepicker";
 const pe = (r, s) => {
   G(r, s);

package/dist/datePicker.js

@@ -1,17 +1,17 @@
-import { D as t } from "./datePicker-27b11ae9.js";
-import { r as v } from "./datePicker-27b11ae9.js";
+import { D as t } from "./datePicker-9a576d19.js";
+import { r as v } from "./datePicker-9a576d19.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
 import "react";
-import "./fieldText-a61890cd.js";
+import "./fieldText-635e0db4.js";
 import "./openEye-7b9cf080.js";
-import "./button-e0bd064d.js";
+import "./button-97d9e587.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
 import "./calendarArrow-3e1339ea.js";
-import "./dropdown-9427f821.js";
+import "./dropdown-329da205.js";
 import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";
@@ -19,7 +19,7 @@ import "./useOnClickOutside-c332f7d3.js";
 import "./keyCodes-f63c0e11.js";
 import "./baseIconButton-251479f7.js";
 import "./dropdown-0260bb66.js";
-import "./checkbox-aa91985d.js";
+import "./checkbox-1f5db4c8.js";
 import "react-datepicker";
 export {
   t as DatePicker,

package/dist/{dropdown-9427f821.js → dropdown-329da205.js}

@@ -9,7 +9,7 @@ import { K as p } from "./keyCodes-f63c0e11.js";
 import { B as ye } from "./baseIconButton-251479f7.js";
 import { S as be } from "./dropdown-0260bb66.js";
 import { FieldLabel as Ce } from "./fieldLabel.js";
-import { C as Oe } from "./checkbox-aa91985d.js";
+import { C as Oe } from "./checkbox-1f5db4c8.js";
 const ke = "_disabled_1etj7_12", Ne = "_hidden_1etj7_16", De = "_hover_1etj7_22", Ee = "_selected_1etj7_34", we = {
   "dropdown-option": "_dropdown-option_1etj7_1",
   disabled: ke,

package/dist/dropdown.js

@@ -1,4 +1,4 @@
-import { D as r } from "./dropdown-9427f821.js";
+import { D as r } from "./dropdown-329da205.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
@@ -10,7 +10,7 @@ import "./keyCodes-f63c0e11.js";
 import "./baseIconButton-251479f7.js";
 import "./dropdown-0260bb66.js";
 import "./fieldLabel.js";
-import "./checkbox-aa91985d.js";
+import "./checkbox-1f5db4c8.js";
 export {
   r as Dropdown,
   r as default

package/dist/{fieldText-a61890cd.js → fieldText-635e0db4.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as o, Fragment as v } from "react/jsx-runtime";
 import { forwardRef as W, useRef as X, useId as Y, useState as E } from "react";
 import { c as Z } from "./bind-06a7ff84.js";
 import { b as q, a as ee, S as ne } from "./openEye-7b9cf080.js";
-import { B as te } from "./button-e0bd064d.js";
+import { B as te } from "./button-97d9e587.js";
 import { S as se } from "./spinLoader-c4a53718.js";
 import { M as oe } from "./maxValueDisplay-9be01a75.js";
 import { FieldLabel as ae } from "./fieldLabel.js";

package/dist/fieldText.js

@@ -1,9 +1,9 @@
-import { F as o } from "./fieldText-a61890cd.js";
+import { F as o } from "./fieldText-635e0db4.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
 import "./openEye-7b9cf080.js";
-import "./button-e0bd064d.js";
+import "./button-97d9e587.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";

package/dist/index.js

@@ -1,11 +1,11 @@
-import { B as u } from "./button-e0bd064d.js";
+import { B as u } from "./button-97d9e587.js";
 import { B as C } from "./baseIconButton-251479f7.js";
-import { C as g } from "./checkbox-aa91985d.js";
+import { C as g } from "./checkbox-1f5db4c8.js";
 import { S as y } from "./systemMessage-924fdaa6.js";
-import { F as b } from "./fieldText-a61890cd.js";
+import { F as b } from "./fieldText-635e0db4.js";
 import { T as B } from "./themeProvider-46c2be7b.js";
 import { Modal as v } from "./modal.js";
-import { D as M } from "./dropdown-9427f821.js";
+import { D as M } from "./dropdown-329da205.js";
 import { T as E } from "./toggle-304107fa.js";
 import { F as L } from "./fieldNumber-2542b311.js";
 import { B as N } from "./bubblesLoader-a7e709d4.js";
@@ -14,9 +14,9 @@ import { F as J } from "./fieldTextFlex-9e616f66.js";
 import { R as j } from "./radio-62546efa.js";
 import { Tooltip as G } from "./tooltip.js";
 import { Popover as Q } from "./popover.js";
-import { P as X } from "./pagination-0e7eebc6.js";
-import { T as Z } from "./table-20aa2cdf.js";
-import { D as $ } from "./datePicker-27b11ae9.js";
+import { P as X } from "./pagination-bfb31cf4.js";
+import { T as Z } from "./table-5a30dad9.js";
+import { D as $ } from "./datePicker-9a576d19.js";
 import "react-datepicker";
 import { SystemAlert as ro } from "./systemAlert.js";
 import { AddCsvIcon as no, AddImageIcon as to, AddJarIcon as ao, BreadcrumbsTreeIcon as co, CheckmarkIcon as po, ChevronDownDropdownIcon as io, ChevronRightBreadcrumbsIcon as mo, CopyIcon as Io, DeleteIcon as so, DragAndDropIcon as xo, DragNDropIcon as fo, DurationIcon as lo, EditIcon as So, ExportIcon as uo, ExternalLinkIcon as Po, FilterFilledIcon as Co, FilterOutlineIcon as Do, FlagIcon as go, HideIcon as Fo, MaximizeIcon as yo, MeatballMenuIcon as To, MoveToFolderIcon as bo, PriorityBlockerIcon as ho, PriorityCriticalIcon as Bo, PriorityHighIcon as wo, PriorityLowIcon as vo, PriorityMediumIcon as Ao, PriorityUnspecifiedIcon as Mo, RefreshIcon as ko, RerunIcon as Eo, SearchIcon as Ro, SortIcon as Lo, StatusSuccessIcon as Ho, WarningIcon as No } from "./icons.js";

package/dist/modal.js

@@ -5,7 +5,7 @@ import { AnimatePresence as P, motion as B } from "framer-motion";
 import { c as u } from "./bind-06a7ff84.js";
 import { u as Y } from "./useOnClickOutside-c332f7d3.js";
 import { K as U } from "./keyCodes-f63c0e11.js";
-import { B as O } from "./button-e0bd064d.js";
+import { B as O } from "./button-97d9e587.js";
 import { B as X } from "./baseIconButton-251479f7.js";
 import { S as J } from "./close-4d480ef7.js";
 const Q = () => {

package/dist/{pagination-0e7eebc6.js → pagination-bfb31cf4.js}

@@ -1,15 +1,15 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { c as g } from "./bind-06a7ff84.js";
+import { c as _ } from "./bind-06a7ff84.js";
 import { useState as b } from "react";
-import { Popover as O } from "./popover.js";
-import { B as x } from "./button-e0bd064d.js";
-import { F as A } from "./fieldText-a61890cd.js";
+import { Popover as I } from "./popover.js";
+import { B as x } from "./button-97d9e587.js";
+import { F as j } from "./fieldText-635e0db4.js";
 import { B as h } from "./baseIconButton-251479f7.js";
-import { S as $, a as T } from "./prevPage-87faf576.js";
-import { Tooltip as B } from "./tooltip.js";
-const P = {
+import { S as z, a as T } from "./prevPage-87faf576.js";
+import { Tooltip as A } from "./tooltip.js";
+const B = {
   "item-counter": "_item-counter_4g6do_1"
-}, E = g.bind(P), M = ({
+}, W = _.bind(B), P = ({
   activePage: o,
   pageSize: n,
   totalItems: s,
@@ -17,15 +17,15 @@ const P = {
   itemsText: a
 }) => {
   const c = o * n, i = c - n;
-  return /* @__PURE__ */ p("div", { className: E("item-counter"), children: [
+  return /* @__PURE__ */ p("div", { className: W("item-counter"), children: [
     `${i + 1} - ${c < s ? c : s}`,
     ` ${r} ${s} ${a}`
   ] });
-}, V = "_selected_9ub70_32", W = {
-  "size-selector": "_size-selector_9ub70_1",
-  "size-option": "_size-option_9ub70_6",
-  selected: V
-}, C = g.bind(W), D = ({
+}, E = "_selected_cjnvy_23", M = {
+  "size-selector": "_size-selector_cjnvy_1",
+  "size-option": "_size-option_cjnvy_6",
+  selected: E
+}, C = _.bind(M), V = ({
   currentSize: o,
   options: n,
   onClickOption: s
@@ -39,10 +39,11 @@ const P = {
     children: r
   },
   r
-)) }), F = {
-  "page-size-control": "_page-size-control_sgwmi_1",
-  "size-selector-button": "_size-selector-button_sgwmi_10"
-}, w = g.bind(F), j = ({
+)) }), D = {
+  "page-size-control": "_page-size-control_suy7z_1",
+  "page-size-options": "_page-size-options_suy7z_9",
+  "size-selector-button": "_size-selector-button_suy7z_13"
+}, y = _.bind(D), F = ({
   size: o,
   sizeOptions: n,
   perPageText: s,
@@ -51,15 +52,16 @@ const P = {
   const [a, c] = b(!1), i = (e) => {
     r(e), c(!1);
   };
-  return /* @__PURE__ */ p("div", { className: w("page-size-control"), children: [
+  return /* @__PURE__ */ p("div", { className: y("page-size-control"), children: [
     /* @__PURE__ */ t(
-      O,
+      I,
       {
-        content: /* @__PURE__ */ t(D, { options: n, onClickOption: i, currentSize: o }),
+        content: /* @__PURE__ */ t(V, { options: n, onClickOption: i, currentSize: o }),
         placement: "top",
         isOpened: a,
         setIsOpened: c,
-        children: /* @__PURE__ */ t(x, { className: w("size-selector-button"), variant: "text", children: o })
+        className: y("page-size-options"),
+        children: /* @__PURE__ */ t(x, { className: y("size-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
       }
     ),
     ` ${s}`
@@ -68,21 +70,21 @@ const P = {
   "page-selector": "_page-selector_rtho4_1",
   "field-wrapper": "_field-wrapper_rtho4_6",
   "apply-button": "_apply-button_rtho4_10"
-}, N = g.bind(G), H = ({
+}, N = _.bind(G), H = ({
   totalPages: o,
   pageText: n,
   goActionText: s,
   selectPage: r
 }) => {
   const [a, c] = b(""), [i, e] = b(!0), d = (u) => {
-    const y = u.target.value.replace(/\D/g, ""), v = Number(y), k = v > 0 && v <= o;
-    e(k), c(y);
+    const v = u.target.value.replace(/\D/g, ""), $ = Number(v), k = $ > 0 && $ <= o;
+    e(k), c(v);
   }, l = () => {
     r(Number(a));
   };
   return /* @__PURE__ */ p("div", { className: N("page-selector"), children: [
     /* @__PURE__ */ t("div", { className: N("field-wrapper"), children: /* @__PURE__ */ t(
-      A,
+      j,
       {
         onChange: d,
         value: a,
@@ -99,7 +101,7 @@ const P = {
   "active-page": "_active-page_1gl9o_1",
   "page-selector": "_page-selector_1gl9o_10",
   "page-selector-button": "_page-selector-button_1gl9o_14"
-}, f = g.bind(L), R = ({
+}, f = _.bind(L), R = ({
   activePage: o,
   totalPages: n,
   pageText: s,
@@ -113,7 +115,7 @@ const P = {
   return /* @__PURE__ */ p("div", { className: f("active-page"), children: [
     `${s} `,
     /* @__PURE__ */ t(
-      O,
+      I,
       {
         content: /* @__PURE__ */ t(
           H,
@@ -129,7 +131,7 @@ const P = {
         isOpened: i,
         setIsOpened: e,
         className: f("page-selector"),
-        children: /* @__PURE__ */ t(x, { className: f("page-selector-button"), variant: "text", children: o })
+        children: /* @__PURE__ */ t(x, { className: f("page-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
       }
     )
   ] });
@@ -142,13 +144,13 @@ const P = {
   tooltip: Q,
   "tooltip-text": "_tooltip-text_y74hy_48",
   "page-number": "_page-number_y74hy_52"
-}, _ = g.bind(U), S = 13, z = 260, X = ({
+}, g = _.bind(U), S = 13, w = 260, X = ({
   totalPages: o,
   activePage: n,
   changePage: s,
   captions: r
 }) => {
-  const a = z / o, c = Math.min(Math.ceil(z / S), o), i = Math.max(S, a), e = [];
+  const a = w / o, c = Math.min(Math.ceil(w / S), o), i = Math.max(S, a), e = [];
   for (let l = 1; l <= o; l++)
     e.push({
       end: l * a,
@@ -159,25 +161,25 @@ const P = {
     for (l.pages.from = e[0].pageNumber; i * (u + 1) > e[0].end; )
       e.shift();
     l.pages.to = e[0].pageNumber, e.shift();
-  }), /* @__PURE__ */ t("div", { className: _("bar"), children: d.map((l, u) => /* @__PURE__ */ t(
+  }), /* @__PURE__ */ t("div", { className: g("bar"), children: d.map((l, u) => /* @__PURE__ */ t(
     "div",
     {
-      className: _("section-with-tooltip"),
+      className: g("section-with-tooltip"),
       style: { width: i },
       onClick: () => l.pages.from && s(l.pages.from),
       children: /* @__PURE__ */ t(
-        B,
+        A,
         {
-          content: /* @__PURE__ */ p("div", { className: _("tooltip"), children: [
-            /* @__PURE__ */ t("div", { className: _("tooltip-text"), children: r.goTo }),
-            /* @__PURE__ */ t("div", { className: _("page-number"), children: l.pages.from })
+          content: /* @__PURE__ */ p("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: _("tooltip-wrapper"),
+          wrapperClassName: g("tooltip-wrapper"),
           placement: "top",
           children: /* @__PURE__ */ t(
             "div",
             {
-              className: _("section", {
+              className: g("section", {
                 selected: l.pages.from && l.pages.to && l.pages.from <= n && n <= l.pages.to
               })
             }
@@ -187,12 +189,12 @@ const P = {
     },
     u
   )) });
-}, Y = "_next_1p2t5_18", Z = {
-  "page-navigator": "_page-navigator_1p2t5_1",
-  "page-buttons": "_page-buttons_1p2t5_6",
-  "page-button": "_page-button_1p2t5_6",
+}, Y = "_next_pyt8p_21", Z = {
+  "page-navigator": "_page-navigator_pyt8p_1",
+  "page-buttons": "_page-buttons_pyt8p_7",
+  "page-button": "_page-button_pyt8p_7",
   next: Y
-}, m = g.bind(Z), ee = ({
+}, m = _.bind(Z), ee = ({
   activePage: o,
   changePage: n,
   totalPages: s,
@@ -215,7 +217,7 @@ const P = {
           className: m("page-button"),
           onClick: a,
           disabled: o === 1,
-          children: /* @__PURE__ */ t($, {})
+          children: /* @__PURE__ */ t(z, {})
         }
       ),
       /* @__PURE__ */ t(
@@ -253,7 +255,7 @@ const P = {
           className: m("page-button", "next"),
           onClick: e,
           disabled: o === s,
-          children: /* @__PURE__ */ t($, {})
+          children: /* @__PURE__ */ t(z, {})
         }
       )
     ] })
@@ -261,12 +263,12 @@ const P = {
 }, te = {
   "page-controls": "_page-controls_thyf8_1",
   "total-pages": "_total-pages_thyf8_8"
-}, I = g.bind(te), oe = ({
+}, O = _.bind(te), oe = ({
   activePage: o,
   changePage: n,
   captions: s,
   totalPages: r
-}) => /* @__PURE__ */ p("div", { className: I("page-controls"), children: [
+}) => /* @__PURE__ */ p("div", { className: O("page-controls"), children: [
   /* @__PURE__ */ t(
     R,
     {
@@ -287,13 +289,13 @@ const P = {
       captions: { goTo: s.goTo }
     }
   ),
-  /* @__PURE__ */ p("span", { className: I("total-pages"), children: [
+  /* @__PURE__ */ p("span", { className: O("total-pages"), children: [
     `${s.of} `,
     r
   ] })
 ] }), se = "_pagination_w2r3n_1", ne = {
   pagination: se
-}, re = g.bind(ne), ue = ({
+}, re = _.bind(ne), ue = ({
   activePage: o,
   totalPages: n,
   pageSize: s,
@@ -306,7 +308,7 @@ const P = {
   const d = (e == null ? void 0 : e.of) || "of", l = (e == null ? void 0 : e.page) || "Page";
   return /* @__PURE__ */ p("div", { className: re("pagination"), children: [
     /* @__PURE__ */ t(
-      M,
+      P,
       {
         activePage: o,
         pageSize: s,
@@ -330,7 +332,7 @@ const P = {
       }
     ),
     /* @__PURE__ */ t(
-      j,
+      F,
       {
         size: s,
         sizeOptions: a,

package/dist/pagination.js

@@ -1,11 +1,11 @@
-import { P as t } from "./pagination-0e7eebc6.js";
+import { P as t } from "./pagination-bfb31cf4.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "react";
 import "./popover.js";
 import "@floating-ui/react";
-import "./button-e0bd064d.js";
-import "./fieldText-a61890cd.js";
+import "./button-97d9e587.js";
+import "./fieldText-635e0db4.js";
 import "./openEye-7b9cf080.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";

package/dist/selection.js

@@ -0,0 +1,39 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import "react";
+import { S as a } from "./close-4d480ef7.js";
+import { c as l } from "./bind-06a7ff84.js";
+import { B as r } from "./button-97d9e587.js";
+const d = "_divider_p4emi_23", p = "_button_p4emi_30", m = {
+  "selection-wrapper": "_selection-wrapper_p4emi_1",
+  "selected-count-text": "_selected-count-text_p4emi_7",
+  "selected-count-caption": "_selected-count-caption_p4emi_16",
+  divider: d,
+  button: p
+}, t = l.bind(m), _ = { selected: "selected", buttonCaption: "Clear Selection" }, C = ({
+  selectedCount: s,
+  onClearSelection: n,
+  captions: c = _,
+  icon: i = /* @__PURE__ */ e(a, {})
+}) => /* @__PURE__ */ o("div", { className: t("selection-wrapper"), children: [
+  /* @__PURE__ */ o("p", { children: [
+    /* @__PURE__ */ e("span", { className: t("selected-count-text"), children: s }),
+    /* @__PURE__ */ e("span", { className: t("selected-count-caption"), children: c.selected })
+  ] }),
+  /* @__PURE__ */ e("div", { className: t("divider") }),
+  /* @__PURE__ */ e(
+    r,
+    {
+      icon: i,
+      className: t("button"),
+      iconPlace: "start",
+      variant: "text",
+      onClick: n,
+      "aria-label": `${c.buttonCaption} - ${s} ${c.selected}`,
+      children: c.buttonCaption
+    }
+  )
+] });
+export {
+  C as Selection,
+  C as default
+};