@reportportal/ui-kit 0.0.1-alpha.2 → 0.0.1-alpha.200

package/dist/pagination-60bd45c1.js

@@ -0,0 +1,355 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { c as _ } from "./bind-06a7ff84.js";
+import { useState as f } from "react";
+import { Popover as I } from "./popover.js";
+import { B as $ } from "./button-7ab874f3.js";
+import { F as j } from "./fieldText-1749da7a.js";
+import { B as y } from "./baseIconButton-251479f7.js";
+import { S as T, a as z } from "./prevPage-87faf576.js";
+import { Tooltip as A } from "./tooltip.js";
+const B = {
+  "item-counter": "_item-counter_1qk4p_1"
+}, W = _.bind(B), P = ({
+  activePage: o,
+  pageSize: n,
+  totalItems: s,
+  ofText: r,
+  itemsText: a,
+  limitExceeded: i = !1,
+  warningContent: c = null
+}) => {
+  const e = o * n, d = e - n;
+  return /* @__PURE__ */ p("div", { className: W("item-counter"), children: [
+    `${d + 1} - ${e < s ? e : s}`,
+    ` ${r} ${s}${i ? "+" : ""} ${a}`,
+    c
+  ] });
+}, 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
+}) => /* @__PURE__ */ t("div", { className: C("size-selector"), children: n.map((r) => /* @__PURE__ */ t(
+  "button",
+  {
+    className: C("size-option", { selected: r === o }),
+    onClick: () => {
+      s(r);
+    },
+    children: r
+  },
+  r
+)) }), D = {
+  "page-size-control": "_page-size-control_8rb7p_1",
+  "page-size-options": "_page-size-options_8rb7p_8",
+  "size-selector-button": "_size-selector-button_8rb7p_12"
+}, N = _.bind(D), F = ({
+  size: o,
+  sizeOptions: n,
+  perPageText: s,
+  changeSize: r
+}) => {
+  const [a, i] = f(!1), c = (e) => {
+    r(e), i(!1);
+  };
+  return /* @__PURE__ */ p("div", { className: N("page-size-control"), children: [
+    /* @__PURE__ */ t(
+      I,
+      {
+        content: /* @__PURE__ */ t(V, { options: n, onClickOption: c, currentSize: o }),
+        placement: "top",
+        isOpened: a,
+        setIsOpened: i,
+        className: N("page-size-options"),
+        children: /* @__PURE__ */ t($, { className: N("size-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
+      }
+    ),
+    ` ${s}`
+  ] });
+}, G = {
+  "page-selector": "_page-selector_rtho4_1",
+  "field-wrapper": "_field-wrapper_rtho4_6",
+  "apply-button": "_apply-button_rtho4_10"
+}, x = _.bind(G), H = ({
+  totalPages: o,
+  pageText: n,
+  goActionText: s,
+  selectPage: r
+}) => {
+  const [a, i] = f(""), [c, e] = f(!0), d = (g) => {
+    const h = g.target.value.replace(/\D/g, ""), b = Number(h), k = b > 0 && b <= o;
+    e(k), i(h);
+  }, l = () => {
+    r(Number(a));
+  };
+  return /* @__PURE__ */ p("div", { className: x("page-selector"), children: [
+    /* @__PURE__ */ t("div", { className: x("field-wrapper"), children: /* @__PURE__ */ t(
+      j,
+      {
+        onChange: d,
+        value: a,
+        placeholder: n,
+        error: c ? "" : "Error",
+        touched: !0,
+        defaultWidth: !1,
+        displayError: !1
+      }
+    ) }),
+    /* @__PURE__ */ t($, { onClick: l, disabled: !a || !c, className: x("apply-button"), children: s })
+  ] });
+}, q = {
+  "active-page": "_active-page_1gl9o_1",
+  "page-selector": "_page-selector_1gl9o_10",
+  "page-selector-button": "_page-selector-button_1gl9o_14"
+}, v = _.bind(q), L = ({
+  activePage: o,
+  totalPages: n,
+  pageText: s,
+  goToText: r,
+  goActionText: a,
+  changePage: i
+}) => {
+  const [c, e] = f(!1), d = (l) => {
+    i(l), e(!1);
+  };
+  return /* @__PURE__ */ p("div", { className: v("active-page"), children: [
+    `${s} `,
+    /* @__PURE__ */ t(
+      I,
+      {
+        content: /* @__PURE__ */ t(
+          H,
+          {
+            pageText: s,
+            goActionText: a,
+            selectPage: d,
+            totalPages: n
+          }
+        ),
+        title: r,
+        placement: "top",
+        isOpened: c,
+        setIsOpened: e,
+        className: v("page-selector"),
+        children: /* @__PURE__ */ t($, { className: v("page-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
+      }
+    )
+  ] });
+}, R = "_bar_y74hy_1", J = "_section_y74hy_9", K = "_selected_y74hy_33", Q = "_tooltip_y74hy_37", U = {
+  bar: R,
+  "section-with-tooltip": "_section-with-tooltip_y74hy_9",
+  section: J,
+  selected: K,
+  "tooltip-wrapper": "_tooltip-wrapper_y74hy_37",
+  tooltip: Q,
+  "tooltip-text": "_tooltip-text_y74hy_48",
+  "page-number": "_page-number_y74hy_52"
+}, m = _.bind(U), S = 13, w = 260, X = ({
+  totalPages: o,
+  activePage: n,
+  changePage: s,
+  captions: r
+}) => {
+  const a = w / o, i = Math.min(Math.ceil(w / S), o), c = Math.max(S, a), e = [];
+  for (let l = 1; l <= o; l++)
+    e.push({
+      end: l * a,
+      pageNumber: l
+    });
+  const d = Array.from({ length: i }, () => ({ pages: { from: void 0, to: void 0 } }));
+  return d.forEach((l, g) => {
+    for (l.pages.from = e[0].pageNumber; c * (g + 1) > e[0].end; )
+      e.shift();
+    l.pages.to = e[0].pageNumber, e.shift();
+  }), /* @__PURE__ */ t("div", { className: m("bar"), children: d.map((l, g) => /* @__PURE__ */ t(
+    "div",
+    {
+      className: m("section-with-tooltip"),
+      style: { width: c },
+      onClick: () => l.pages.from && s(l.pages.from),
+      children: /* @__PURE__ */ t(
+        A,
+        {
+          content: /* @__PURE__ */ p("div", { className: m("tooltip"), children: [
+            /* @__PURE__ */ t("div", { className: m("tooltip-text"), children: r.goTo }),
+            /* @__PURE__ */ t("div", { className: m("page-number"), children: l.pages.from })
+          ] }),
+          wrapperClassName: m("tooltip-wrapper"),
+          placement: "top",
+          children: /* @__PURE__ */ t(
+            "div",
+            {
+              className: m("section", {
+                selected: l.pages.from && l.pages.to && l.pages.from <= n && n <= l.pages.to
+              })
+            }
+          )
+        }
+      )
+    },
+    g
+  )) });
+}, 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
+}, u = _.bind(Z), ee = ({
+  activePage: o,
+  changePage: n,
+  totalPages: s,
+  captions: r
+}) => {
+  const a = () => {
+    n(1);
+  }, i = () => {
+    n(o - 1);
+  }, c = () => {
+    n(o + 1);
+  }, e = () => {
+    n(s);
+  };
+  return /* @__PURE__ */ p("div", { className: u("page-navigator"), children: [
+    /* @__PURE__ */ p("div", { className: u("page-buttons"), children: [
+      /* @__PURE__ */ t(
+        y,
+        {
+          className: u("page-button"),
+          onClick: a,
+          disabled: o === 1,
+          children: /* @__PURE__ */ t(T, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        y,
+        {
+          className: u("page-button"),
+          onClick: i,
+          disabled: o === 1,
+          children: /* @__PURE__ */ t(z, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      X,
+      {
+        totalPages: s,
+        activePage: o,
+        changePage: n,
+        captions: r
+      }
+    ),
+    /* @__PURE__ */ p("div", { className: u("page-buttons"), children: [
+      /* @__PURE__ */ t(
+        y,
+        {
+          className: u("page-button", "next"),
+          onClick: c,
+          disabled: o === s,
+          children: /* @__PURE__ */ t(z, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        y,
+        {
+          className: u("page-button", "next"),
+          onClick: e,
+          disabled: o === s,
+          children: /* @__PURE__ */ t(T, {})
+        }
+      )
+    ] })
+  ] });
+}, te = {
+  "page-controls": "_page-controls_thyf8_1",
+  "total-pages": "_total-pages_thyf8_8"
+}, O = _.bind(te), oe = ({
+  activePage: o,
+  changePage: n,
+  captions: s,
+  totalPages: r
+}) => /* @__PURE__ */ p("div", { className: O("page-controls"), children: [
+  /* @__PURE__ */ t(
+    L,
+    {
+      activePage: o,
+      totalPages: r,
+      changePage: n,
+      pageText: s.page,
+      goToText: s.goTo,
+      goActionText: s.goAction
+    }
+  ),
+  /* @__PURE__ */ t(
+    ee,
+    {
+      changePage: n,
+      activePage: o,
+      totalPages: r,
+      captions: { goTo: s.goTo }
+    }
+  ),
+  /* @__PURE__ */ p("span", { className: O("total-pages"), children: [
+    `${s.of} `,
+    r
+  ] })
+] }), se = "_pagination_w2r3n_1", ne = {
+  pagination: se
+}, re = _.bind(ne), ue = ({
+  activePage: o,
+  totalPages: n,
+  pageSize: s,
+  totalItems: r,
+  pageSizeOptions: a,
+  changePage: i,
+  changePageSize: c,
+  captions: e,
+  className: d,
+  warningContent: l,
+  limitExceeded: g = !1
+}) => {
+  const h = (e == null ? void 0 : e.of) || "of", b = (e == null ? void 0 : e.page) || "Page";
+  return /* @__PURE__ */ p("div", { className: re("pagination", d), children: [
+    /* @__PURE__ */ t(
+      P,
+      {
+        activePage: o,
+        pageSize: s,
+        totalItems: r,
+        ofText: h,
+        itemsText: (e == null ? void 0 : e.items) || "items",
+        limitExceeded: g,
+        warningContent: l
+      }
+    ),
+    n > 1 && /* @__PURE__ */ t(
+      oe,
+      {
+        activePage: o,
+        totalPages: n,
+        changePage: i,
+        captions: {
+          page: b,
+          of: h,
+          goTo: (e == null ? void 0 : e.goTo) || "Go to page",
+          goAction: (e == null ? void 0 : e.goAction) || "Go"
+        }
+      }
+    ),
+    /* @__PURE__ */ t(
+      F,
+      {
+        size: s,
+        sizeOptions: a,
+        changeSize: c,
+        perPageText: (e == null ? void 0 : e.perPage) || "per page"
+      }
+    )
+  ] });
+};
+export {
+  ue as P
+};

package/dist/pagination.js

@@ -0,0 +1,22 @@
+import { P as t } from "./pagination-60bd45c1.js";
+import "react/jsx-runtime";
+import "./bind-06a7ff84.js";
+import "react";
+import "./popover.js";
+import "@floating-ui/react";
+import "./floatingUi-41f8c7b5.js";
+import "./button-7ab874f3.js";
+import "./fieldText-1749da7a.js";
+import "./clear-53660571.js";
+import "./openEye-950159cb.js";
+import "./baseIconButton-251479f7.js";
+import "./spinLoader-c4a53718.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
+import "./prevPage-87faf576.js";
+import "./tooltip.js";
+import "react-dom";
+export {
+  t as Pagination,
+  t as default
+};

package/dist/plus-199fb2a8.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00117 2.62046C7.63142 2.6189 7.33294 2.91738 7.3345 3.28712L7.35159 7.35159L3.28712 7.3345C2.91738 7.33295 2.6189 7.63142 2.62045 8.00117C2.62201 8.37091 2.92301 8.67191 3.29275 8.67346L7.35722 8.69056L7.37391 12.6599C7.37547 13.0296 7.67647 13.3306 8.04621 13.3322C8.41596 13.3337 8.71443 13.0352 8.71288 12.6655L8.69619 8.69619L12.6655 8.71288C13.0352 8.71444 13.3337 8.41596 13.3322 8.04621C13.3306 7.67647 13.0296 7.37547 12.6599 7.37392L8.69056 7.35722L8.67346 3.29275C8.67191 2.92301 8.37091 2.62201 8.00117 2.62046Z" }));
+export {
+  l as S
+};

package/dist/popover.js

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

package/dist/prevPage-87faf576.js

@@ -0,0 +1,6 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 13, height: 12, viewBox: "0 0 13 12", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 12L2 12L2 2.38498e-08L1.90798e-07 0L0 12ZM13 1L5 6L13 11L13 1Z" })), a = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M12 13L4 8L12 3L12 13Z" }));
+export {
+  l as S,
+  a
+};

package/dist/radio.js

@@ -0,0 +1,11 @@
+import { R as r } from "./radioGroup-0c132c2e.js";
+import { a as e } from "./radioGroup-0c132c2e.js";
+import "react/jsx-runtime";
+import "react";
+import "./bind-06a7ff84.js";
+import "./keyCodes-f63c0e11.js";
+export {
+  r as Radio,
+  e as RadioGroup,
+  r as default
+};

package/dist/radioGroup-0c132c2e.js

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

package/dist/resizeColumn-46b5b30f.js

@@ -0,0 +1,7 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__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" })), i = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__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" })), n = (t) => /* @__PURE__ */ e.createElement("svg", { width: 11, height: 24, viewBox: "0 0 11 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("rect", { x: 5, width: 1, height: 24, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 1, y: 4, width: 2, height: 16, rx: 1, fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("rect", { x: 8, y: 4, width: 2, height: 16, rx: 1, fill: "#A2AAB5" }));
+export {
+  l as S,
+  i as a,
+  n as b
+};

package/dist/segmentedControl.js

@@ -0,0 +1,62 @@
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { useState as o, useEffect as v } from "react";
+import { c as z } from "./bind-06a7ff84.js";
+const f = "_button_8evzz_29", N = "_disabled_8evzz_50", w = "_active_8evzz_50", x = "_icon_8evzz_74", h = {
+  "segmented-control": "_segmented-control_8evzz_16",
+  "full-width": "_full-width_8evzz_24",
+  button: f,
+  disabled: N,
+  active: w,
+  icon: x
+}, c = z.bind(h), S = ({
+  options: s,
+  onChange: l,
+  className: n,
+  fullWidth: i = !1,
+  ariaLabel: _
+}) => {
+  const [t, d] = o(s);
+  v(() => {
+    d(s);
+  }, [s]);
+  const b = (e) => {
+    if (!e.disabled && !e.selected) {
+      const m = t.map((a) => ({
+        ...a,
+        selected: a.value === e.value
+      }));
+      d(m), l == null || l(e.value);
+    }
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: c("segmented-control", n, {
+        "full-width": i
+      }),
+      role: "group",
+      "aria-label": _,
+      children: t.map((e) => /* @__PURE__ */ u(
+        "button",
+        {
+          type: "button",
+          className: c("button", e.className, {
+            active: e.selected,
+            disabled: e.disabled
+          }),
+          onClick: () => b(e),
+          disabled: e.disabled,
+          "aria-pressed": e.selected,
+          children: [
+            e.icon && /* @__PURE__ */ r("span", { className: c("icon"), children: e.icon }),
+            e.label
+          ]
+        },
+        e.value
+      ))
+    }
+  );
+};
+export {
+  S as SegmentedControl
+};

package/dist/selection-da1a3528.js

@@ -0,0 +1,38 @@
+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-7ab874f3.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 S
+};

package/dist/selection.js

@@ -0,0 +1,10 @@
+import { S as t } from "./selection-da1a3528.js";
+import "react/jsx-runtime";
+import "react";
+import "./close-4d480ef7.js";
+import "./bind-06a7ff84.js";
+import "./button-7ab874f3.js";
+export {
+  t as Selection,
+  t as default
+};