@reportportal/ui-kit 0.0.1-alpha.15 → 0.0.1-alpha.150

package/dist/popover.js

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

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

package/dist/radio.js

@@ -1,4 +1,4 @@
-import { R as r } from "./radio-fd49a09c.js";
+import { R as r } from "./radio-62546efa.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/resizeColumn-d4107941.js

@@ -0,0 +1,8 @@
+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" })), n = (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" })), 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", { 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" })), w = (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,
+  n as a,
+  i as b,
+  w as c
+};

package/dist/selection-9124d029.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-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 S
+};

package/dist/selection.js

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

package/dist/sidePanel.js

@@ -0,0 +1,88 @@
+import { jsxs as s, jsx as i, Fragment as p } from "react/jsx-runtime";
+import { useId as N, useEffect as y } from "react";
+import { c as g } from "./bind-06a7ff84.js";
+import { K as E } from "./keyCodes-f63c0e11.js";
+import { S as x } from "./close-4d480ef7.js";
+import { B as k } from "./baseIconButton-251479f7.js";
+const I = "_active_6bj2z_15", K = "_compact_6bj2z_39", S = "_header_6bj2z_35", w = "_title_6bj2z_65", B = "_description_6bj2z_76", D = "_content_6bj2z_85", L = "_footer_6bj2z_92", P = "_divider_6bj2z_98", $ = {
+  "side-panel": "_side-panel_6bj2z_1",
+  active: I,
+  "side-right": "_side-right_6bj2z_19",
+  "side-left": "_side-left_6bj2z_27",
+  "header-section": "_header-section_6bj2z_35",
+  compact: K,
+  header: S,
+  "header-content": "_header-content_6bj2z_55",
+  "close-button": "_close-button_6bj2z_59",
+  title: w,
+  description: B,
+  content: D,
+  footer: L,
+  divider: P
+}, e = g.bind($), J = ({
+  className: h,
+  title: c,
+  descriptionComponent: r,
+  headerComponent: d,
+  contentComponent: n,
+  footerComponent: o,
+  top: _ = 0,
+  side: b = "right",
+  isOpen: a = !0,
+  onClose: t,
+  closeButtonAriaLabel: v = "Close panel"
+}) => {
+  const l = N(), f = () => {
+    t == null || t();
+  };
+  y(() => {
+    if (!a || !t)
+      return;
+    const m = (z) => {
+      const { keyCode: u } = z;
+      u === E.ESCAPE_KEY_CODE && t();
+    };
+    return document.addEventListener("keydown", m, !1), () => {
+      document.removeEventListener("keydown", m, !1);
+    };
+  }, [a, t]);
+  const j = !!(d || r);
+  return /* @__PURE__ */ s(
+    "aside",
+    {
+      className: e("side-panel", `side-${b}`, { active: a }, h),
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-hidden": !a,
+      "aria-labelledby": c ? l : void 0,
+      style: { top: _, height: `calc(100vh - ${_}px)` },
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ s("div", { className: e("header-section", { compact: !j }), children: [
+          (d || c) && /* @__PURE__ */ s("div", { className: e("header"), children: [
+            c ? /* @__PURE__ */ i("span", { id: l, className: e("title"), children: c }) : d,
+            t && /* @__PURE__ */ i(
+              k,
+              {
+                className: e("close-button"),
+                onClick: f,
+                "aria-label": v,
+                children: /* @__PURE__ */ i(x, {})
+              }
+            )
+          ] }),
+          r
+        ] }),
+        /* @__PURE__ */ i("div", { className: e("divider") }),
+        n && /* @__PURE__ */ i("div", { className: e("content"), children: n }),
+        o && /* @__PURE__ */ s(p, { children: [
+          /* @__PURE__ */ i("div", { className: e("divider") }),
+          /* @__PURE__ */ i("div", { className: e("footer"), children: o })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  J as SidePanel
+};

package/dist/sortable.js

@@ -0,0 +1,214 @@
+import { jsx as R } from "react/jsx-runtime";
+import { c as N } from "./bind-06a7ff84.js";
+import { useRef as w, useState as F, useEffect as k, useCallback as x } from "react";
+import { useDrag as $, useDrop as H, useDragLayer as Y } from "react-dnd";
+import { getEmptyImage as z } from "react-dnd-html5-backend";
+import { DROP_POSITIONS as g, DROP_DETECTION_MODE as E } from "./common.js";
+import { createPortal as V } from "react-dom";
+const I = "SORTABLE_ITEM", X = (e) => {
+  if (!e)
+    return {
+      display: "none"
+    };
+  const { x: t, y: r } = e, l = `translate(${t}px, ${r}px)`;
+  return {
+    transform: l,
+    WebkitTransform: l
+  };
+}, U = ({
+  fromIndex: e,
+  targetIndex: t,
+  isTopZone: r
+}) => r ? e < t ? t - 1 : t : e > t ? t + 1 : t, W = (e, t) => {
+  const r = e / t;
+  return r < 0.05 || r > 0.95 ? null : r < 0.5 ? g.TOP : g.BOTTOM;
+}, q = ({
+  id: e,
+  index: t,
+  type: r = I,
+  isDisabled: l = !1,
+  isLast: p = !1,
+  onDrop: a,
+  hideDefaultPreview: d = !1,
+  dropDetectionMode: m = E.INDEX_BASED
+}) => {
+  const i = m === E.HOVER, c = w(null), n = w(null), [u, o] = F(null), [{ isDragging: O }, P, _] = $(
+    () => ({
+      type: r,
+      item: { id: e, index: t, type: r },
+      collect: (s) => ({
+        isDragging: s.isDragging()
+      }),
+      canDrag: () => !l
+    }),
+    [e, t, r, l]
+  );
+  k(() => {
+    d && _(z(), { captureDraggingState: !0 });
+  }, [d, _]);
+  const [{ isOver: b, draggedItemIndex: T }, B] = H(
+    () => ({
+      accept: r,
+      collect: (s) => {
+        const f = s.getItem(), D = (f == null ? void 0 : f.id) !== e ? s.isOver() : !1;
+        return {
+          isOver: D,
+          draggedItemIndex: D ? (f == null ? void 0 : f.index) ?? null : null
+        };
+      },
+      hover: (s, f) => {
+        if (!i)
+          return;
+        if (s.id === e) {
+          o(null);
+          return;
+        }
+        const v = c.current;
+        if (!v) {
+          o(null);
+          return;
+        }
+        const D = v.getBoundingClientRect(), A = D.bottom - D.top, h = f.getClientOffset();
+        if (!h) {
+          o(null);
+          return;
+        }
+        const Z = h.y - D.top, C = W(Z, A);
+        C === null ? (o(null), n.current = null) : C === g.TOP ? (o(g.TOP), n.current = g.TOP) : (o(g.BOTTOM), n.current = g.BOTTOM);
+      },
+      drop: (s) => {
+        if (!(s.id === e || !a))
+          if (i) {
+            const f = n.current;
+            if (!f)
+              return;
+            const v = f === g.TOP, D = U({
+              fromIndex: s.index,
+              targetIndex: t,
+              isTopZone: v
+            });
+            a(s.index, D);
+          } else
+            a(s.index, t);
+      }
+    }),
+    [e, t, r, a, p, i]
+  ), S = x(
+    (s) => (c.current = s, B(s)),
+    [B]
+  );
+  k(() => {
+    b || o(null);
+  }, [b]);
+  const L = i ? u : (() => T === null ? null : T > t ? g.TOP : g.BOTTOM)();
+  return {
+    isDragging: O,
+    isOver: b,
+    draggedItemIndex: T,
+    dropPosition: L,
+    dragRef: P,
+    dropRef: S,
+    previewRef: _
+  };
+}, G = {
+  "sortable-item": "_sortable-item_l234k_1",
+  "sortable-item--drop-target-top": "_sortable-item--drop-target-top_l234k_7",
+  "sortable-item--drop-target-bottom": "_sortable-item--drop-target-bottom_l234k_20",
+  "drag-handle": "_drag-handle_l234k_34",
+  "drag-handle--disabled": "_drag-handle--disabled_l234k_41"
+}, J = N.bind(G), K = ({
+  id: e,
+  index: t,
+  type: r = I,
+  isDisabled: l = !1,
+  className: p,
+  draggingClassName: a,
+  dropTargetClassName: d,
+  onDrop: m,
+  hideDefaultPreview: i = !1,
+  dropDetectionMode: c = E.INDEX_BASED,
+  isLast: n = !1,
+  children: u
+}) => {
+  const { isDragging: o, dropPosition: O, dragRef: P, dropRef: _, previewRef: b } = q({
+    id: e,
+    index: t,
+    type: r,
+    isDisabled: l,
+    onDrop: m,
+    hideDefaultPreview: i,
+    dropDetectionMode: c,
+    isLast: n
+  }), T = typeof u == "function", B = J("sortable-item", p, {
+    "sortable-item--dragging": o,
+    "sortable-item--drop-target-top": O === g.TOP,
+    "sortable-item--drop-target-bottom": O === g.BOTTOM,
+    [a || ""]: o && a,
+    [d || ""]: O && d
+  });
+  return /* @__PURE__ */ R("div", { ref: (y) => {
+    _(y), i || b(y), T || P(y);
+  }, className: B, children: T ? u({
+    isDragging: o,
+    isOver: O !== null,
+    dragRef: P
+  }) : u });
+}, ie = ({
+  items: e,
+  type: t = I,
+  isDisabled: r = !1,
+  className: l,
+  itemClassName: p,
+  onReorder: a,
+  renderItem: d,
+  keyExtractor: m = (i) => i.id
+}) => {
+  const i = x(
+    (c, n) => {
+      const u = [...e], [o] = u.splice(c, 1);
+      u.splice(n, 0, o), a(u);
+    },
+    [e, a]
+  );
+  return /* @__PURE__ */ R("div", { className: l, children: e.map((c, n) => /* @__PURE__ */ R(
+    K,
+    {
+      id: m(c),
+      index: n,
+      type: t,
+      isDisabled: r,
+      className: p,
+      onDrop: i,
+      isLast: n === e.length - 1,
+      children: ({ dragRef: u, isDragging: o }) => d(c, n, u, o)
+    },
+    m(c)
+  )) });
+}, Q = {
+  "drag-layer": "_drag-layer_1izcx_1",
+  "drag-preview": "_drag-preview_1izcx_11"
+}, M = N.bind(Q), le = ({
+  type: e,
+  renderPreview: t,
+  className: r,
+  previewClassName: l,
+  portalTarget: p = document.body
+}) => {
+  const { itemType: a, isDragging: d, item: m, clientOffset: i } = Y(
+    (n) => ({
+      item: n.getItem(),
+      itemType: n.getItemType(),
+      clientOffset: n.getClientOffset(),
+      isDragging: n.isDragging()
+    })
+  );
+  if (!d || a !== e || !m || !p)
+    return null;
+  const c = /* @__PURE__ */ R("div", { className: M("drag-layer", r), children: /* @__PURE__ */ R("div", { className: M("drag-preview", l), style: X(i), children: t(m) }) });
+  return V(c, p);
+};
+export {
+  le as DragLayer,
+  K as SortableItem,
+  ie as SortableList
+};

package/dist/spinLoader-c4a53718.js

@@ -0,0 +1,11 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as p } from "./bind-06a7ff84.js";
+const r = "_spinner_qn4ih_8", a = "_spin_qn4ih_1", e = {
+  "spin-loader": "_spin-loader_qn4ih_1",
+  spinner: r,
+  spin: a,
+  "color-topaz": "_color-topaz_qn4ih_20"
+}, i = p.bind(e), _ = ({ color: s = "topaz", className: o }) => /* @__PURE__ */ n("div", { className: i("spin-loader", o), children: /* @__PURE__ */ n("div", { className: i("spinner", { [`color-${s}`]: s }) }) });
+export {
+  _ as S
+};

package/dist/spinLoader.js

@@ -0,0 +1,7 @@
+import { S as r } from "./spinLoader-c4a53718.js";
+import "react/jsx-runtime";
+import "./bind-06a7ff84.js";
+export {
+  r as SpinLoader,
+  r as default
+};