@reportportal/ui-kit 0.0.1-alpha.16 → 0.0.1-alpha.161

package/dist/baseIconButton-251479f7.js

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

package/dist/baseIconButton.js

@@ -1,4 +1,4 @@
-import { B as t } from "./baseIconButton-7bc53dec.js";
+import { B as t } from "./baseIconButton-251479f7.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 export {

package/dist/breadcrumbs-8e5ca8d7.js

@@ -0,0 +1,183 @@
+import { jsx as e, jsxs as p, Fragment as y } from "react/jsx-runtime";
+import { c as h } from "./bind-06a7ff84.js";
+import { createContext as T, useContext as w, useRef as P, useState as g, useEffect as D } from "react";
+import { Popover as N } from "./popover.js";
+import { S as O, a as E } from "./tree-c3dd3d45.js";
+const B = T(void 0), H = ({ children: l, LinkComponent: r }) => /* @__PURE__ */ e(B.Provider, { value: { LinkComponent: r }, children: l }), M = () => {
+  const l = w(B);
+  if (l === void 0)
+    throw new Error("useBreadcrumbsContext must be used within a BreadcrumbsProvider");
+  return l;
+}, R = "_breadcrumb_1cva8_1", W = "_link_1cva8_5", j = "_dark_1cva8_30", I = {
+  breadcrumb: R,
+  link: W,
+  "breadcrumb-text": "_breadcrumb-text_1cva8_10",
+  dark: j
+}, v = h.bind(I), u = ({
+  titleTailNumChars: l = 8,
+  descriptor: { title: r, link: t, onClick: c },
+  isClickable: k = !0,
+  variant: _ = "default"
+}) => {
+  const { LinkComponent: s } = M(), i = P(null), [m, b] = g(null);
+  D(() => {
+    if (i.current) {
+      const { offsetWidth: a, scrollWidth: $, dataset: S } = i.current;
+      if (a < $) {
+        const x = typeof r == "string" ? r : "";
+        S.tail = x.slice(x.length - l), b(x);
+      }
+    }
+  }, [r, l]);
+  const n = /* @__PURE__ */ e("div", { ref: i, className: v("breadcrumb-text", _), children: r });
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: v("breadcrumb", _),
+      title: m || void 0,
+      "data-testid": "breadcrumb",
+      children: k ? s && t ? /* @__PURE__ */ e(s, { className: v("link"), to: t, onClick: c, children: n }) : t ? /* @__PURE__ */ e("a", { className: v("link"), href: typeof t == "string" ? t : "#", onClick: c, children: n }) : /* @__PURE__ */ e("button", { type: "button", className: v("link"), onClick: c, children: n }) : n
+    }
+  );
+}, F = {
+  "hidden-breadcrumbs-trigger": "_hidden-breadcrumbs-trigger_14kki_1",
+  "hidden-breadcrumbs-content": "_hidden-breadcrumbs-content_14kki_8",
+  "hidden-breadcrumb-item": "_hidden-breadcrumb-item_14kki_14",
+  "level-2": "_level-2_14kki_18",
+  "level-3": "_level-3_14kki_31",
+  "level-4": "_level-4_14kki_44",
+  "level-5": "_level-5_14kki_57",
+  "level-6": "_level-6_14kki_70",
+  "level-7": "_level-7_14kki_83",
+  "level-8": "_level-8_14kki_96",
+  "level-9": "_level-9_14kki_109",
+  "level-10": "_level-10_14kki_122",
+  "level-11": "_level-11_14kki_135",
+  "level-12": "_level-12_14kki_148",
+  "level-13": "_level-13_14kki_161",
+  "level-14": "_level-14_14kki_174",
+  "level-15": "_level-15_14kki_187",
+  "level-16": "_level-16_14kki_200",
+  "level-17": "_level-17_14kki_213",
+  "level-18": "_level-18_14kki_226",
+  "level-19": "_level-19_14kki_239",
+  "level-20": "_level-20_14kki_252",
+  "level-21": "_level-21_14kki_265",
+  "level-22": "_level-22_14kki_278",
+  "level-23": "_level-23_14kki_291",
+  "level-24": "_level-24_14kki_304",
+  "level-25": "_level-25_14kki_317"
+}, z = h.bind(F), L = ({ descriptors: l }) => /* @__PURE__ */ e("div", { className: z("hidden-breadcrumbs-content"), "data-testid": "hidden-breadcrumbs-content", children: l.map((r, t) => /* @__PURE__ */ e("div", { className: z("hidden-breadcrumb-item", `level-${t + 1}`), children: /* @__PURE__ */ e(u, { descriptor: r }) }, t)) }), X = ({ descriptors: l }) => /* @__PURE__ */ e(
+  N,
+  {
+    content: /* @__PURE__ */ e(L, { descriptors: l }),
+    placement: "bottom-start",
+    children: /* @__PURE__ */ e("div", { className: z("hidden-breadcrumbs-trigger"), "data-testid": "hidden-breadcrumbs-trigger", children: /* @__PURE__ */ e(O, {}) })
+  }
+), q = "_opened_zxn5r_1", A = {
+  "tree-button": "_tree-button_zxn5r_1",
+  opened: q,
+  "tree-menu-node": "_tree-menu-node_zxn5r_8",
+  "tree-menu-children": "_tree-menu-children_zxn5r_9",
+  "tree-menu-item": "_tree-menu-item_zxn5r_15",
+  "level-2": "_level-2_zxn5r_19",
+  "level-3": "_level-3_zxn5r_32",
+  "level-4": "_level-4_zxn5r_45",
+  "level-5": "_level-5_zxn5r_58",
+  "level-6": "_level-6_zxn5r_71",
+  "level-7": "_level-7_zxn5r_84",
+  "level-8": "_level-8_zxn5r_97",
+  "level-9": "_level-9_zxn5r_110",
+  "level-10": "_level-10_zxn5r_123",
+  "level-11": "_level-11_zxn5r_136",
+  "level-12": "_level-12_zxn5r_149",
+  "level-13": "_level-13_zxn5r_162",
+  "level-14": "_level-14_zxn5r_175",
+  "level-15": "_level-15_zxn5r_188",
+  "level-16": "_level-16_zxn5r_201",
+  "level-17": "_level-17_zxn5r_214",
+  "level-18": "_level-18_zxn5r_227",
+  "level-19": "_level-19_zxn5r_240",
+  "level-20": "_level-20_zxn5r_253",
+  "level-21": "_level-21_zxn5r_266",
+  "level-22": "_level-22_zxn5r_279",
+  "level-23": "_level-23_zxn5r_292",
+  "level-24": "_level-24_zxn5r_305",
+  "level-25": "_level-25_zxn5r_318"
+}, o = h.bind(A), G = ({ descriptor: l, level: r }) => /* @__PURE__ */ e("div", { className: o("tree-menu-item", `level-${r}`), children: /* @__PURE__ */ e(u, { descriptor: l, variant: "dark" }) }), C = (l, r) => l.map((t, c) => /* @__PURE__ */ p("div", { className: o("tree-menu-node"), children: [
+  /* @__PURE__ */ e(G, { descriptor: t, level: r }),
+  t.children && t.children.length > 0 && /* @__PURE__ */ e("div", { className: o("tree-menu-children"), children: C(t.children, r + 1) })
+] }, c)), J = ({ tree: l }) => {
+  const [r, t] = g(!1);
+  return /* @__PURE__ */ e(
+    N,
+    {
+      content: /* @__PURE__ */ e("div", { className: o("tree-menu"), children: C(l, 1) }),
+      placement: "bottom-start",
+      isOpened: r,
+      setIsOpened: t,
+      children: /* @__PURE__ */ e("div", { className: o("tree-button", { opened: r }), children: /* @__PURE__ */ e(E, {}) })
+    }
+  );
+}, K = "_breadcrumbs_pxlum_1", Q = {
+  "breadcrumbs-container": "_breadcrumbs-container_pxlum_1",
+  breadcrumbs: K,
+  "breadcrumb-item": "_breadcrumb-item_pxlum_15",
+  "hidden-breadcrumbs": "_hidden-breadcrumbs_pxlum_23",
+  "back-button": "_back-button_pxlum_40",
+  "breadcrumbs-2": "_breadcrumbs-2_pxlum_49",
+  "breadcrumbs-3": "_breadcrumbs-3_pxlum_52",
+  "breadcrumbs-4": "_breadcrumbs-4_pxlum_55",
+  "breadcrumbs-5": "_breadcrumbs-5_pxlum_58",
+  "breadcrumbs-6-plus": "_breadcrumbs-6-plus_pxlum_58"
+}, d = h.bind(Q), f = 5, le = ({
+  descriptors: l = [],
+  dataAutomationId: r,
+  LinkComponent: t,
+  tree: c,
+  isBackButton: k = !1
+}) => {
+  const _ = [...l], s = _.shift(), i = (n) => `breadcrumbs-${n > 5 ? "6-plus" : n}`, m = ((n) => ({
+    1: 55,
+    2: 24,
+    3: 18,
+    4: 13
+  })[n] ?? 12)(l.length);
+  let b = [];
+  return _.length > f - 1 && (b = _.splice(
+    0,
+    _.length - (f - 1)
+  )), /* @__PURE__ */ e(H, { LinkComponent: t, children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: d("breadcrumbs-container"),
+      "data-automation-id": r,
+      "data-testid": r,
+      children: k && s ? /* @__PURE__ */ e("div", { className: d("breadcrumbs"), children: /* @__PURE__ */ e("div", { className: d("breadcrumb-item", "back-button"), "data-testid": "back-breadcrumb", children: /* @__PURE__ */ e(u, { descriptor: s, titleTailNumChars: m }) }) }) : /* @__PURE__ */ p(y, { children: [
+        c && /* @__PURE__ */ e("div", { className: d("tree"), children: /* @__PURE__ */ e(J, { tree: c }) }),
+        /* @__PURE__ */ p("div", { className: d("breadcrumbs", i(l.length)), children: [
+          s && /* @__PURE__ */ e("div", { className: d("breadcrumb-item"), children: /* @__PURE__ */ e(
+            u,
+            {
+              descriptor: s,
+              titleTailNumChars: m,
+              isClickable: !!_.length
+            }
+          ) }),
+          b.length > 0 && /* @__PURE__ */ e("div", { className: d("breadcrumb-item", "hidden-breadcrumbs"), children: /* @__PURE__ */ e(X, { descriptors: b }) }),
+          _.length > 0 && _.map((n, a) => /* @__PURE__ */ e("div", { className: d("breadcrumb-item"), children: /* @__PURE__ */ e(
+            u,
+            {
+              descriptor: n,
+              titleTailNumChars: m,
+              isClickable: a !== _.length - 1
+            }
+          ) }, a))
+        ] })
+      ] })
+    }
+  ) });
+};
+export {
+  le as B
+};

package/dist/breadcrumbs.js

@@ -0,0 +1,12 @@
+import { B as m } from "./breadcrumbs-8e5ca8d7.js";
+import "react/jsx-runtime";
+import "./bind-06a7ff84.js";
+import "react";
+import "./popover.js";
+import "@floating-ui/react";
+import "./floatingUi-41f8c7b5.js";
+import "./tree-c3dd3d45.js";
+export {
+  m as Breadcrumbs,
+  m as default
+};

package/dist/bubblesLoader-f3ffa240.js

@@ -0,0 +1,28 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as _ } from "./bind-06a7ff84.js";
+const r = "_bubble_1nqxs_1", c = "_bubbles_1nqxs_1", u = {
+  "bubbles-loader": "_bubbles-loader_1nqxs_1",
+  "color-topaz": "_color-topaz_1nqxs_6",
+  bubble: r,
+  "bubbles-large": "_bubbles-large_1nqxs_9",
+  bubbles: c
+}, e = _.bind(u), n = 7, x = ({
+  color: b = "topaz",
+  className: o,
+  variant: s = "standard"
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: e("bubbles-loader", o, {
+      [`color-${b}`]: b,
+      [`bubbles-${s}`]: s
+    }),
+    children: Array(n).fill(void 0).map((t, a) => (
+      // eslint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ l("div", { className: e("bubble") }, a)
+    ))
+  }
+);
+export {
+  x as B
+};

package/dist/bubblesLoader.js

@@ -1,4 +1,4 @@
-import { B as r } from "./bubblesLoader-a7e709d4.js";
+import { B as r } from "./bubblesLoader-f3ffa240.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 export {

package/dist/bulkPanel.js

@@ -0,0 +1,92 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useState as C, useRef as v, useCallback as p, useEffect as N } from "react";
+import { createPortal as k } from "react-dom";
+import { c as b } from "./bind-06a7ff84.js";
+import { Scrollbars as E } from "rc-scrollbars";
+import { u as S } from "./useOnClickOutside-8f7d68a1.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import { K as y } from "./keyCodes-f63c0e11.js";
+import { S as w } from "./selection-9124d029.js";
+import { Chip as D } from "./chip.js";
+import { S as I } from "./chevronDownDropdown-0260bb66.js";
+import "./close-4d480ef7.js";
+import "./button-97d9e587.js";
+const K = "_expanded_lggoe_1", O = "_header_lggoe_27", P = {
+  "bulk-panel": "_bulk-panel_lggoe_1",
+  expanded: K,
+  "panel-content": "_panel-content_lggoe_11",
+  header: O,
+  "selection-info": "_selection-info_lggoe_37",
+  "expand-icon": "_expand-icon_lggoe_52",
+  "items-section": "_items-section_lggoe_64",
+  "items-header": "_items-header_lggoe_75",
+  "items-scroll": "_items-scroll_lggoe_84",
+  "items-list": "_items-list_lggoe_89"
+}, l = b.bind(P), T = {
+  selected: "selected",
+  clearSelection: "Clear selection",
+  selectedItems: "Selected items"
+}, M = ({
+  items: o,
+  onRemoveItem: _,
+  onClearSelection: h,
+  className: g,
+  captions: f,
+  portalRoot: c
+}) => {
+  const t = { ...T, ...f }, [n, d] = C(!1), r = v(null), a = p(() => {
+    d(!1);
+  }, []), u = p(() => {
+    d((s) => !s);
+  }, []);
+  if (N(() => {
+    if (!n)
+      return;
+    const s = (x) => {
+      x.keyCode === y.ESCAPE_KEY_CODE && a();
+    };
+    return document.addEventListener("keydown", s, !1), () => document.removeEventListener("keydown", s, !1);
+  }, [n, a]), S(r, n ? a : void 0), o.length === 0)
+    return null;
+  const m = /* @__PURE__ */ e(
+    "div",
+    {
+      className: l("bulk-panel", { expanded: n }, g),
+      role: "region",
+      "aria-label": "Bulk actions panel",
+      children: /* @__PURE__ */ i("div", { className: l("panel-content", { expanded: n }), ref: r, children: [
+        /* @__PURE__ */ e("div", { className: l("header"), children: /* @__PURE__ */ i("div", { className: l("selection-info"), children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: u,
+              "aria-label": n ? "Collapse panel" : "Expand panel",
+              "aria-expanded": n,
+              children: /* @__PURE__ */ e("span", { className: l("expand-icon", { expanded: n }), children: /* @__PURE__ */ e(I, {}) })
+            }
+          ),
+          /* @__PURE__ */ e(
+            w,
+            {
+              selectedCount: o.length,
+              onClearSelection: h,
+              captions: {
+                selected: t.selected,
+                buttonCaption: t.clearSelection
+              }
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ i("div", { className: l("items-section"), children: [
+          /* @__PURE__ */ e("div", { className: l("items-header"), children: t.selectedItems }),
+          /* @__PURE__ */ e("div", { className: l("items-scroll"), children: /* @__PURE__ */ e(E, { hideTracksWhenNotNeeded: !0, children: /* @__PURE__ */ e("div", { className: l("items-list"), children: o.map((s) => /* @__PURE__ */ e(D, { onRemove: () => _(s.id), children: s.label }, s.id)) }) }) })
+        ] })
+      ] })
+    }
+  );
+  return n && c ? k(m, c) : m;
+};
+export {
+  M as BulkPanel
+};

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-bb309472.js";
+import { B as o } from "./button-97d9e587.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/calendarArrow-44c7e60e.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { width: 8, height: 13, viewBox: "0 0 8 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.54134 12.2173C6.69755 12.3735 6.95081 12.3735 7.10702 12.2173L7.24844 12.0759C7.40465 11.9197 7.40465 11.6664 7.24844 11.5102L1.90539 6.16715L7.24844 0.824097C7.40465 0.667887 7.40465 0.41462 7.24844 0.258411L7.10702 0.116989C6.95081 -0.0392199 6.69755 -0.0392199 6.54134 0.116989L0.998591 5.65973L0.999562 5.6607L0.767094 5.89317C0.610884 6.04938 0.610884 6.30265 0.767093 6.45886L1.48425 7.17602L1.49215 7.16813L6.54134 12.2173Z", fill: "#C1C7D0" }));
+export {
+  t as S
+};

package/dist/checkbox-493fdc63.js

@@ -0,0 +1,73 @@
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import { c as f } from "./bind-06a7ff84.js";
+import { useRef as y, useId as C } from "react";
+import { K as d } from "./keyCodes-f63c0e11.js";
+const E = "_checkbox_8r30i_1", D = "_disabled_8r30i_12", K = "_input_8r30i_17", N = "_control_8r30i_24", I = "_children_8r30i_156", R = {
+  checkbox: E,
+  disabled: D,
+  input: K,
+  control: N,
+  "partially-checked": "_partially-checked_8r30i_79",
+  children: I
+}, e = f.bind(R), A = ({
+  children: s,
+  disabled: c = !1,
+  onChange: h,
+  className: k,
+  value: t,
+  partiallyChecked: b,
+  title: l,
+  ...u
+}) => {
+  const o = y(null), a = C(), m = (r) => {
+    var _, p;
+    const { keyCode: i } = r;
+    if (i === d.SPACE_KEY_CODE) {
+      r.preventDefault(), (_ = o.current) == null || _.click();
+      return;
+    }
+    i === d.ENTER_KEY_CODE && (r.preventDefault(), (p = o.current) == null || p.click());
+  };
+  return /* @__PURE__ */ x(
+    "label",
+    {
+      id: a,
+      className: e("checkbox", k, {
+        disabled: c
+      }),
+      title: l,
+      children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ref: o,
+            tabIndex: 0,
+            type: "checkbox",
+            onKeyDown: m,
+            className: e("input", { "partially-checked": b }),
+            disabled: c,
+            onChange: h,
+            checked: t,
+            title: l,
+            ...u
+          }
+        ),
+        /* @__PURE__ */ n(
+          "span",
+          {
+            "aria-labelledby": a,
+            role: "checkbox",
+            "aria-checked": t,
+            className: e("control", {
+              disabled: c
+            })
+          }
+        ),
+        s && /* @__PURE__ */ n("span", { className: e("children", { disabled: c }), children: s })
+      ]
+    }
+  );
+};
+export {
+  A as C
+};

package/dist/checkbox.js

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

package/dist/chevronDownDropdown-0260bb66.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (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", { d: "M14.2174 5.82426C14.3736 5.66805 14.3736 5.41479 14.2174 5.25858L14.0759 5.11716C13.9197 4.96095 13.6665 4.96095 13.5103 5.11716L8.16726 10.4602L2.82426 5.11716C2.66805 4.96095 2.41479 4.96095 2.25858 5.11716L2.11716 5.25858C1.96095 5.41479 1.96095 5.66805 2.11716 5.82426L7.89176 11.5989C8.04797 11.7551 8.30124 11.7551 8.45745 11.5989L8.88171 11.1746L8.87436 11.1673L14.2174 5.82426Z", fill: "#A2AAB5" }));
+export {
+  o as S
+};

package/dist/chip.js

@@ -0,0 +1,72 @@
+import { jsxs as k, Fragment as w, jsx as n } from "react/jsx-runtime";
+import { c as N } from "./bind-06a7ff84.js";
+import "react";
+import { S as x } from "./close-4d480ef7.js";
+const D = "_chip_a59ru_16", j = "_clickable_a59ru_34", K = "_disabled_a59ru_40", S = "_label_a59ru_51", v = "_error_a59ru_82", E = "_warning_a59ru_87", F = "_link_a59ru_91", I = {
+  chip: D,
+  clickable: j,
+  disabled: K,
+  label: S,
+  "remove-button": "_remove-button_a59ru_57",
+  error: v,
+  warning: E,
+  link: F
+}, c = N.bind(I), A = ({
+  children: u,
+  variant: b = "default",
+  link: s,
+  onClick: t,
+  onRemove: e,
+  className: p,
+  maxWidth: l,
+  title: f,
+  disabled: a = !1
+}) => {
+  const o = !!t && !a, h = o ? "button" : void 0, m = o ? 0 : void 0, i = c("chip", b, p, {
+    disabled: a,
+    clickable: !!t || !!s,
+    removable: !!e
+  }), d = (r) => {
+    r.stopPropagation(), r.preventDefault(), e == null || e(r);
+  }, g = (r) => {
+    a || t == null || t(r);
+  }, y = (r) => {
+    a || (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.currentTarget.click());
+  }, _ = /* @__PURE__ */ k(w, { children: [
+    /* @__PURE__ */ n("span", { className: c("label"), style: l ? { maxWidth: l } : void 0, title: f, children: u }),
+    e && !a && /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: c("remove-button"),
+        onClick: d,
+        "aria-label": "Remove",
+        children: /* @__PURE__ */ n(x, {})
+      }
+    )
+  ] });
+  return s && !a ? /* @__PURE__ */ n(
+    "a",
+    {
+      href: s,
+      className: i,
+      onClick: t,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: _
+    }
+  ) : /* @__PURE__ */ n(
+    "span",
+    {
+      className: i,
+      onClick: g,
+      onKeyDown: y,
+      role: h,
+      tabIndex: m,
+      children: _
+    }
+  );
+};
+export {
+  A as Chip
+};

package/dist/clear-53660571.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 8C1 4.14001 4.14001 1 8 1C11.86 1 15 4.14001 15 8C15 11.8595 11.86 15 8 15C4.14001 15 1 11.8595 1 8ZM5 5.54545L5.54545 5L8 7.45455L10.4545 5L11 5.54545L8.54545 8L11 10.4545L10.4545 11L8 8.54545L5.54545 11L5 10.4545L7.45455 8L5 5.54545Z", fill: "#A2AAB5" }));
+export {
+  t as S
+};

package/dist/close-4d480ef7.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.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.327235 1.78475 0.327235 2.18629 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327229 14.8717 0.327228 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", fill: "#A2AAB5" }));
+export {
+  t as S
+};

package/dist/common/constants/floatingUi.d.ts

@@ -0,0 +1,8 @@
+import { Placement } from '@floating-ui/react';
+
+export declare const TRIANGLE_WIDTH = 16;
+export declare const TRIANGLE_HEIGHT = 8;
+export declare const ARROW_OFFSET = 16;
+export declare const middlePlacements: Placement[];
+export declare const verticalPlacements: Placement[];
+export declare const allPlacements: Placement[];

package/dist/common/constants/sortable.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_SORTABLE_TYPE = "SORTABLE_ITEM";

package/dist/common/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export { useOnClickOutside } from './useOnClickOutside';
+export { useSortable } from './useSortable';
 export { useWindowResize } from './useWindowResize';

package/dist/common/hooks/useOnClickOutside.d.ts

@@ -1,2 +1,6 @@
 import { RefObject } from 'react';
-export declare function useOnClickOutside<T extends HTMLElement = HTMLDivElement>(ref: RefObject<T>, handler?: (e?: MouseEvent) => void): void;
+
+export interface UseOnClickOutsideOptions {
+    ignoreSelectors?: string[];
+}
+export declare function useOnClickOutside<T extends HTMLElement = HTMLDivElement>(ref: RefObject<T>, handler?: (e?: MouseEvent) => void, options?: UseOnClickOutsideOptions): void;

package/dist/common/hooks/useSortable.d.ts

@@ -0,0 +1,3 @@
+import { UseSortableOptions, UseSortableReturn } from '../types';
+
+export declare const useSortable: ({ id, index, type, isDisabled, isLast, onDrop, hideDefaultPreview, dropDetectionMode, }: UseSortableOptions) => UseSortableReturn;

package/dist/common/types/commonTypes.d.ts

@@ -0,0 +1,4 @@
+export type ShapeWithClassName<P = Record<string, unknown>> = P & {
+    className?: string;
+};
+export type VoidFn = () => void;

package/dist/common/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './commonTypes';
+export * from './sortableTypes';