@reportportal/ui-kit 0.0.1-alpha.135 → 0.0.1-alpha.137

package/dist/index.js

@@ -1,49 +1,52 @@
-import { A as P } from "./index-1a874a8b.js";
-import { B as F } from "./baseIconButton-251479f7.js";
-import { B as D } from "./breadcrumbs-8e5ca8d7.js";
-import { B } from "./bubblesLoader-f3ffa240.js";
-import { B as b } from "./button-97d9e587.js";
-import { C as A } from "./checkbox-ed6cc375.js";
-import { D as M } from "./datePicker-926c9cae.js";
+import { AdaptiveTagList as C } from "./adaptiveTagList.js";
+import { A as D } from "./index-1a874a8b.js";
+import { B as y } from "./baseIconButton-251479f7.js";
+import { B as A } from "./breadcrumbs-8e5ca8d7.js";
+import { B as h } from "./bubblesLoader-f3ffa240.js";
+import { B as M } from "./button-97d9e587.js";
+import { C as L } from "./checkbox-ed6cc375.js";
+import { D as E } from "./datePicker-341db7a5.js";
 import "react-datepicker";
-import { D as k } from "./dropdown-360803d5.js";
-import { FieldLabel as L } from "./fieldLabel.js";
-import { F as O } from "./fieldNumber-d1b5a7a1.js";
-import { F as H } from "./fieldText-1749da7a.js";
-import { F as N } from "./fieldTextFlex-2f51c173.js";
-import { FileDropArea as G } from "./fileDropArea.js";
-import { FiltersButton as X } from "./filtersButton.js";
-import { Modal as q } from "./modal.js";
-import { MultipleAutocomplete as Q, SingleAutocomplete as V } from "./autocompletes.js";
-import { P as Z } from "./pagination-a3dee614.js";
-import { Popover as $ } from "./popover.js";
-import { R as ro } from "./radio-62546efa.js";
-import { S as no } from "./selection-9124d029.js";
-import { S as ao } from "./spinLoader-c4a53718.js";
-import { SystemAlert as po } from "./systemAlert.js";
-import { S as mo } from "./systemMessage-924fdaa6.js";
-import { T as Io } from "./table-fc9f095d.js";
-import { T as xo } from "./themeProvider-46c2be7b.js";
-import { T as uo } from "./toggle-304107fa.js";
-import { Tooltip as Po } from "./tooltip.js";
-import { SidePanel as Fo } from "./sidePanel.js";
-import { AddCsvIcon as Do, AddImageIcon as yo, AddJarIcon as Bo, BreadcrumbsTreeIcon as To, CalendarIcon as bo, CheckmarkIcon as ho, ChevronRightBreadcrumbsIcon as Ao, ConfigurationIcon as vo, CopyIcon as Mo, CoverageFullIcon as wo, CoveragePartialIcon as ko, CoveredManuallyIcon as Eo, DeleteIcon as Lo, DragAndDropIcon as Ro, DragNDropIcon as Oo, DurationIcon as Uo, EditIcon as Ho, ExportIcon as Jo, FlagIcon as No, GroupByIcon as zo, HideIcon as Go, LaunchTypeIcon as Wo, MaximizeIcon as Xo, MoveToFolderIcon as jo, PinFilledIcon as qo, PinOutlineIcon as Ko, PriorityBlockerIcon as Qo, PriorityCriticalIcon as Vo, PriorityHighIcon as Yo, PriorityLowIcon as Zo, PriorityMediumIcon as _o, PriorityUnspecifiedIcon as $o, RefreshIcon as or, RerunIcon as rr, RunManualIcon as er, SearchIcon as nr, SortIcon as tr, StatusSuccessIcon as ar, TestPlanIcon as cr, UserIcon as pr, WarningIcon as ir } from "./icons.js";
-import { S as sr, a as Ir, b as lr } from "./chevronDownDropdown-66f5b1af.js";
-import { S as fr } from "./calendarArrow-44c7e60e.js";
-import { S as ur } from "./clear-53660571.js";
-import { S as Pr, a as Cr } from "./openEye-950159cb.js";
-import { S as gr } from "./close-4d480ef7.js";
-import { S as yr, a as Br, b as Tr, c as br, d as hr, e as Ar, f as vr } from "./xls-995781cc.js";
-import { S as wr } from "./dropdown-0260bb66.js";
-import { S as Er, a as Lr, b as Rr } from "./success-8fd8bd2c.js";
-import { S as Ur, a as Hr } from "./filterOutline-819b4b0d.js";
-import { S as Nr, a as zr } from "./tree-c3dd3d45.js";
-import { S as Wr } from "./minus-2857540f.js";
-import { S as jr } from "./plus-199fb2a8.js";
-import { S as Kr, a as Qr } from "./prevPage-87faf576.js";
+import { D as O } from "./dropdown-0a043606.js";
+import { FieldLabel as H } from "./fieldLabel.js";
+import { F as N } from "./fieldNumber-d1b5a7a1.js";
+import { F as G } from "./fieldText-1749da7a.js";
+import { F as X } from "./fieldTextFlex-2f51c173.js";
+import { FileDropArea as q } from "./fileDropArea.js";
+import { FiltersButton as Q } from "./filtersButton.js";
+import { Modal as Y } from "./modal.js";
+import { MultipleAutocomplete as _, SingleAutocomplete as $ } from "./autocompletes.js";
+import { P as ro } from "./pagination-a3dee614.js";
+import { Popover as to } from "./popover.js";
+import { R as no } from "./radio-62546efa.js";
+import { S as po } from "./selection-9124d029.js";
+import { S as mo } from "./spinLoader-c4a53718.js";
+import { SystemAlert as Io } from "./systemAlert.js";
+import { S as xo } from "./systemMessage-924fdaa6.js";
+import { DragLayer as uo, SortableItem as So, SortableList as Po } from "./sortable.js";
+import { T as Co } from "./table-fc9f095d.js";
+import { T as Do } from "./themeProvider-46c2be7b.js";
+import { T as yo } from "./toggle-304107fa.js";
+import { Tooltip as Ao } from "./tooltip.js";
+import { SidePanel as ho } from "./sidePanel.js";
+import { AddCsvIcon as Mo, AddImageIcon as wo, AddJarIcon as Lo, BreadcrumbsTreeIcon as ko, CalendarIcon as Eo, CheckmarkIcon as Ro, ChevronRightBreadcrumbsIcon as Oo, ConfigurationIcon as Uo, CopyIcon as Ho, CoverageFullIcon as Jo, CoveragePartialIcon as No, CoveredManuallyIcon as zo, DeleteIcon as Go, DragAndDropIcon as Wo, DragNDropIcon as Xo, DurationIcon as jo, EditIcon as qo, ExportIcon as Ko, FlagIcon as Qo, GroupByIcon as Vo, HideIcon as Yo, LaunchTypeIcon as Zo, MaximizeIcon as _o, MoveToFolderIcon as $o, PinFilledIcon as or, PinOutlineIcon as rr, PriorityBlockerIcon as er, PriorityCriticalIcon as tr, PriorityHighIcon as ar, PriorityLowIcon as nr, PriorityMediumIcon as cr, PriorityUnspecifiedIcon as pr, RefreshIcon as ir, RerunIcon as mr, RunManualIcon as sr, SearchIcon as Ir, SortIcon as lr, StatusSuccessIcon as xr, TestPlanIcon as fr, UserIcon as dr, WarningIcon as ur } from "./icons.js";
+import { S as Pr, a as gr, b as Cr } from "./chevronDownDropdown-66f5b1af.js";
+import { S as Dr } from "./calendarArrow-44c7e60e.js";
+import { S as yr } from "./clear-53660571.js";
+import { S as Ar, a as Br } from "./openEye-950159cb.js";
+import { S as vr } from "./close-4d480ef7.js";
+import { S as wr, a as Lr, b as kr, c as Er, d as Rr, e as Or, f as Ur } from "./xls-995781cc.js";
+import { S as Jr } from "./dropdown-0260bb66.js";
+import { S as zr, a as Gr, b as Wr } from "./success-8fd8bd2c.js";
+import { S as jr, a as qr } from "./filterOutline-819b4b0d.js";
+import { S as Qr, a as Vr } from "./tree-c3dd3d45.js";
+import { S as Zr } from "./minus-2857540f.js";
+import { S as $r } from "./plus-199fb2a8.js";
+import { S as re, a as ee } from "./prevPage-87faf576.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
+import "./isEmpty-ccacb5ff.js";
 import "./keyCodes-f63c0e11.js";
 import "react-datepicker/dist/es/index.js";
 import "react-dom";
@@ -51,107 +54,112 @@ import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";
 import "./maxValueDisplay-9be01a75.js";
-import "./isEmpty-ccacb5ff.js";
 import "react-dropzone";
 import "framer-motion";
+import "react-dnd";
+import "react-dnd-html5-backend";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
 export {
-  Do as AddCsvIcon,
-  yo as AddImageIcon,
-  Bo as AddJarIcon,
-  sr as ArrowDownIcon,
-  Ir as ArrowUpIcon,
-  P as AttachedFile,
-  F as BaseIconButton,
-  D as Breadcrumbs,
-  To as BreadcrumbsTreeIcon,
-  B as BubblesLoader,
-  b as Button,
-  fr as CalendarArrowIcon,
-  bo as CalendarIcon,
-  A as Checkbox,
-  ho as CheckmarkIcon,
-  lr as ChevronDownDropdownIcon,
-  Ao as ChevronRightBreadcrumbsIcon,
-  ur as ClearIcon,
-  Pr as CloseEyeIcon,
-  gr as CloseIcon,
-  vo as ConfigurationIcon,
-  Mo as CopyIcon,
-  wo as CoverageFullIcon,
-  ko as CoveragePartialIcon,
-  Eo as CoveredManuallyIcon,
-  yr as CsvIcon,
-  M as DatePicker,
-  Lo as DeleteIcon,
-  Ro as DragAndDropIcon,
-  Oo as DragNDropIcon,
-  k as Dropdown,
-  wr as DropdownIcon,
-  Uo as DurationIcon,
-  Ho as EditIcon,
-  Er as ErrorIcon,
-  Jo as ExportIcon,
-  Br as ExternalLinkIcon,
-  L as FieldLabel,
-  O as FieldNumber,
-  H as FieldText,
-  N as FieldTextFlex,
-  G as FileDropArea,
-  Tr as FileOtherIcon,
-  Ur as FilterFilledIcon,
-  Hr as FilterOutlineIcon,
-  X as FiltersButton,
-  No as FlagIcon,
-  zo as GroupByIcon,
-  Go as HideIcon,
-  br as ImageIcon,
-  Lr as InfoIcon,
-  hr as JarIcon,
-  Wo as LaunchTypeIcon,
-  Xo as MaximizeIcon,
-  Nr as MeatballMenuIcon,
-  Wr as MinusIcon,
-  q as Modal,
-  jo as MoveToFolderIcon,
-  Q as MultipleAutocomplete,
-  Cr as OpenEyeIcon,
-  Z as Pagination,
-  Ar as PdfIcon,
-  qo as PinFilledIcon,
-  Ko as PinOutlineIcon,
-  jr as PlusIcon,
-  $ as Popover,
-  Kr as PrevChapterIcon,
-  Qr as PrevPageIcon,
-  Qo as PriorityBlockerIcon,
-  Vo as PriorityCriticalIcon,
-  Yo as PriorityHighIcon,
-  Zo as PriorityLowIcon,
-  _o as PriorityMediumIcon,
-  $o as PriorityUnspecifiedIcon,
-  ro as Radio,
-  or as RefreshIcon,
-  rr as RerunIcon,
-  er as RunManualIcon,
-  nr as SearchIcon,
-  no as Selection,
-  Fo as SidePanel,
-  V as SingleAutocomplete,
-  tr as SortIcon,
-  ao as SpinLoader,
-  ar as StatusSuccessIcon,
-  Rr as SuccessIcon,
-  po as SystemAlert,
-  mo as SystemMessage,
-  Io as Table,
-  cr as TestPlanIcon,
-  xo as ThemeProvider,
-  uo as Toggle,
-  Po as Tooltip,
-  zr as TreeIcon,
-  pr as UserIcon,
-  ir as WarningIcon,
-  vr as XlsIcon
+  C as AdaptiveTagList,
+  Mo as AddCsvIcon,
+  wo as AddImageIcon,
+  Lo as AddJarIcon,
+  Pr as ArrowDownIcon,
+  gr as ArrowUpIcon,
+  D as AttachedFile,
+  y as BaseIconButton,
+  A as Breadcrumbs,
+  ko as BreadcrumbsTreeIcon,
+  h as BubblesLoader,
+  M as Button,
+  Dr as CalendarArrowIcon,
+  Eo as CalendarIcon,
+  L as Checkbox,
+  Ro as CheckmarkIcon,
+  Cr as ChevronDownDropdownIcon,
+  Oo as ChevronRightBreadcrumbsIcon,
+  yr as ClearIcon,
+  Ar as CloseEyeIcon,
+  vr as CloseIcon,
+  Uo as ConfigurationIcon,
+  Ho as CopyIcon,
+  Jo as CoverageFullIcon,
+  No as CoveragePartialIcon,
+  zo as CoveredManuallyIcon,
+  wr as CsvIcon,
+  E as DatePicker,
+  Go as DeleteIcon,
+  Wo as DragAndDropIcon,
+  uo as DragLayer,
+  Xo as DragNDropIcon,
+  O as Dropdown,
+  Jr as DropdownIcon,
+  jo as DurationIcon,
+  qo as EditIcon,
+  zr as ErrorIcon,
+  Ko as ExportIcon,
+  Lr as ExternalLinkIcon,
+  H as FieldLabel,
+  N as FieldNumber,
+  G as FieldText,
+  X as FieldTextFlex,
+  q as FileDropArea,
+  kr as FileOtherIcon,
+  jr as FilterFilledIcon,
+  qr as FilterOutlineIcon,
+  Q as FiltersButton,
+  Qo as FlagIcon,
+  Vo as GroupByIcon,
+  Yo as HideIcon,
+  Er as ImageIcon,
+  Gr as InfoIcon,
+  Rr as JarIcon,
+  Zo as LaunchTypeIcon,
+  _o as MaximizeIcon,
+  Qr as MeatballMenuIcon,
+  Zr as MinusIcon,
+  Y as Modal,
+  $o as MoveToFolderIcon,
+  _ as MultipleAutocomplete,
+  Br as OpenEyeIcon,
+  ro as Pagination,
+  Or as PdfIcon,
+  or as PinFilledIcon,
+  rr as PinOutlineIcon,
+  $r as PlusIcon,
+  to as Popover,
+  re as PrevChapterIcon,
+  ee as PrevPageIcon,
+  er as PriorityBlockerIcon,
+  tr as PriorityCriticalIcon,
+  ar as PriorityHighIcon,
+  nr as PriorityLowIcon,
+  cr as PriorityMediumIcon,
+  pr as PriorityUnspecifiedIcon,
+  no as Radio,
+  ir as RefreshIcon,
+  mr as RerunIcon,
+  sr as RunManualIcon,
+  Ir as SearchIcon,
+  po as Selection,
+  ho as SidePanel,
+  $ as SingleAutocomplete,
+  lr as SortIcon,
+  So as SortableItem,
+  Po as SortableList,
+  mo as SpinLoader,
+  xr as StatusSuccessIcon,
+  Wr as SuccessIcon,
+  Io as SystemAlert,
+  xo as SystemMessage,
+  Co as Table,
+  fr as TestPlanIcon,
+  Do as ThemeProvider,
+  yo as Toggle,
+  Ao as Tooltip,
+  Vr as TreeIcon,
+  dr as UserIcon,
+  ur as WarningIcon,
+  Ur as XlsIcon
 };

package/dist/modal.js

@@ -3,7 +3,9 @@ import { useRef as C, useEffect as w, useState as y, useMemo as G } from "react"
 import { Scrollbars as K } from "rc-scrollbars";
 import { AnimatePresence as U, motion as Y } from "framer-motion";
 import { c as x } from "./bind-06a7ff84.js";
-import { a as X } from "./dropdown-360803d5.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import { a as X } from "./dropdown-0a043606.js";
 import { K as J } from "./keyCodes-f63c0e11.js";
 import { B as D } from "./button-97d9e587.js";
 import { Tooltip as Q } from "./tooltip.js";
@@ -15,6 +17,8 @@ import "downshift";
 import "./clear-53660571.js";
 import "./dropdown-0260bb66.js";
 import "./fieldLabel.js";
+import "./adaptiveTagList.js";
+import "./isEmpty-ccacb5ff.js";
 import "./checkbox-ed6cc375.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
@@ -59,7 +63,7 @@ const et = () => {
   "modal-footer": "_modal-footer_1mwne_12",
   "with-extra-node": "_with-extra-node_1mwne_19",
   "size-small": "_size-small_1mwne_23"
-}, f = x.bind(st), lt = ({
+}, p = x.bind(st), lt = ({
   footerNode: e,
   closeHandler: o,
   okButton: n,
@@ -70,10 +74,10 @@ const et = () => {
     const l = /* @__PURE__ */ t(D, { adjustWidthOn: s === "small" ? "parent" : "min-width", ...r });
     return a ? /* @__PURE__ */ t(Q, { content: a, placement: "top", width: 270, children: l }) : l;
   };
-  return /* @__PURE__ */ u("div", { className: f("modal-footer", { "with-extra-node": e, [`size-${s}`]: s }), children: [
+  return /* @__PURE__ */ u("div", { className: p("modal-footer", { "with-extra-node": e, [`size-${s}`]: s }), children: [
     e && e,
-    /* @__PURE__ */ u("div", { className: f("buttons-block"), children: [
-      c && /* @__PURE__ */ t("div", { className: f("button-container"), children: /* @__PURE__ */ t(
+    /* @__PURE__ */ u("div", { className: p("buttons-block"), children: [
+      c && /* @__PURE__ */ t("div", { className: p("button-container"), children: /* @__PURE__ */ t(
         D,
         {
           variant: "ghost",
@@ -82,7 +86,7 @@ const et = () => {
           ...c
         }
       ) }),
-      n && /* @__PURE__ */ t("div", { className: f("button-container"), children: d() })
+      n && /* @__PURE__ */ t("div", { className: p("button-container"), children: d() })
     ] })
   ] });
 }, at = {
@@ -91,9 +95,9 @@ const et = () => {
   "modal-header-content": "_modal-header-content_w4aaf_14",
   "modal-title": "_modal-title_w4aaf_20",
   "close-modal-icon": "_close-modal-icon_w4aaf_29"
-}, p = x.bind(at), rt = ({ title: e, onClose: o, withDescription: n = !1 }) => /* @__PURE__ */ u("div", { className: p("modal-header", { "width-description": n }), children: [
-  /* @__PURE__ */ t("div", { className: p("modal-header-content"), children: e && /* @__PURE__ */ t("div", { className: p("modal-title"), children: e }) }),
-  /* @__PURE__ */ t(V, { className: p("close-modal-icon"), onClick: o, children: /* @__PURE__ */ t(Z, {}) })
+}, f = x.bind(at), rt = ({ title: e, onClose: o, withDescription: n = !1 }) => /* @__PURE__ */ u("div", { className: f("modal-header", { "width-description": n }), children: [
+  /* @__PURE__ */ t("div", { className: f("modal-header-content"), children: e && /* @__PURE__ */ t("div", { className: f("modal-title"), children: e }) }),
+  /* @__PURE__ */ t(V, { className: f("close-modal-icon"), onClick: o, children: /* @__PURE__ */ t(Z, {}) })
 ] }), ct = "_modal_yxql5_1", dt = "_description_yxql5_43", mt = "_scrollable_yxql5_53", _t = {
   modal: ct,
   "overlay-default": "_overlay-default_yxql5_12",
@@ -105,7 +109,7 @@ const et = () => {
   "size-default": "_size-default_yxql5_57",
   "size-small": "_size-small_yxql5_69",
   "size-large": "_size-large_yxql5_81"
-}, g = x.bind(_t), ut = 0.9, ht = 32 + 24, wt = 32 + 8, ft = 36 + 16, pt = 32 * 2, $t = ({
+}, g = x.bind(_t), ut = 0.9, ht = 32 + 24, wt = 32 + 8, pt = 36 + 16, ft = 32 * 2, Bt = ({
   title: e,
   children: o,
   footerNode: n,
@@ -124,8 +128,8 @@ const et = () => {
   description: m = null
 }) => {
   const [I, N] = y(!1), [L, R] = y(0), [k, $] = y(!1), _ = C(null), A = et(), T = A.height, q = T * ut, b = (T - L) / 2, W = () => {
-    let i = q - pt;
-    return O || (i = i - ft), m ? i = i - wt : i = i - ht, i;
+    let i = q - ft;
+    return O || (i = i - pt), m ? i = i - wt : i = i - ht, i;
   }, h = () => {
     N(!1);
   }, z = (i) => {
@@ -183,7 +187,7 @@ const et = () => {
   ) }) });
 };
 export {
-  $t as Modal,
+  Bt as Modal,
   S as ModalContent,
   lt as ModalFooter,
   rt as ModalHeader

package/dist/sortable.js

@@ -0,0 +1,160 @@
+import { jsx as u } from "react/jsx-runtime";
+import { c as I } from "./bind-06a7ff84.js";
+import { useEffect as O, useCallback as x } from "react";
+import { useDrag as S, useDrop as T, useDragLayer as h } from "react-dnd";
+import { getEmptyImage as E } from "react-dnd-html5-backend";
+import { createPortal as L } from "react-dom";
+const D = "SORTABLE_ITEM", w = ({
+  id: e,
+  index: r,
+  type: s = D,
+  isDisabled: i = !1,
+  onDrop: l,
+  hideDefaultPreview: c = !1
+}) => {
+  const [{ isDragging: d }, g, a] = S(
+    () => ({
+      type: s,
+      item: { id: e, index: r, type: s },
+      collect: (p) => ({
+        isDragging: p.isDragging()
+      }),
+      canDrag: () => !i
+    }),
+    [e, r, s, i]
+  );
+  O(() => {
+    c && a(E(), { captureDraggingState: !0 });
+  }, [c, a]);
+  const [{ isOver: o, draggedItemIndex: t }, n] = T(
+    () => ({
+      accept: s,
+      collect: (p) => {
+        const m = p.getItem(), b = (m == null ? void 0 : m.id) !== e ? p.isOver() : !1;
+        return {
+          isOver: b,
+          draggedItemIndex: b ? (m == null ? void 0 : m.index) ?? null : null
+        };
+      },
+      drop: (p) => {
+        p.id !== e && l && l(p.index, r);
+      }
+    }),
+    [e, r, s, l]
+  ), _ = (() => t === null ? null : t > r ? "top" : "bottom")();
+  return {
+    isDragging: d,
+    isOver: o,
+    draggedItemIndex: t,
+    dropPosition: _,
+    dragRef: g,
+    dropRef: n,
+    previewRef: a
+  };
+}, P = {
+  "sortable-item": "_sortable-item_8p4ra_1",
+  "sortable-item--drop-target-top": "_sortable-item--drop-target-top_8p4ra_6",
+  "sortable-item--drop-target-bottom": "_sortable-item--drop-target-bottom_8p4ra_17",
+  "drag-handle": "_drag-handle_8p4ra_29",
+  "drag-handle--disabled": "_drag-handle--disabled_8p4ra_36"
+}, C = I.bind(P), N = ({
+  id: e,
+  index: r,
+  type: s = D,
+  isDisabled: i = !1,
+  className: l,
+  draggingClassName: c,
+  dropTargetClassName: d,
+  onDrop: g,
+  hideDefaultPreview: a = !1,
+  children: o
+}) => {
+  const { isDragging: t, dropPosition: n, dragRef: f, dropRef: _, previewRef: p } = w({
+    id: e,
+    index: r,
+    type: s,
+    isDisabled: i,
+    onDrop: g,
+    hideDefaultPreview: a
+  }), m = typeof o == "function", y = C("sortable-item", l, {
+    "sortable-item--dragging": t,
+    "sortable-item--drop-target-top": n === "top",
+    "sortable-item--drop-target-bottom": n === "bottom",
+    [c || ""]: t && c,
+    [d || ""]: n && d
+  });
+  return /* @__PURE__ */ u("div", { ref: (v) => {
+    _(v), a || p(v), m || f(v);
+  }, className: y, children: m ? o({
+    isDragging: t,
+    isOver: n !== null,
+    dragRef: f
+  }) : o });
+}, W = ({
+  items: e,
+  type: r = D,
+  isDisabled: s = !1,
+  className: i,
+  itemClassName: l,
+  onReorder: c,
+  renderItem: d,
+  keyExtractor: g = (a) => a.id
+}) => {
+  const a = x(
+    (o, t) => {
+      const n = [...e], [f] = n.splice(o, 1);
+      n.splice(t, 0, f), c(n);
+    },
+    [e, c]
+  );
+  return /* @__PURE__ */ u("div", { className: i, children: e.map((o, t) => /* @__PURE__ */ u(
+    N,
+    {
+      id: g(o),
+      index: t,
+      type: r,
+      isDisabled: s,
+      className: l,
+      onDrop: a,
+      children: ({ dragRef: n, isDragging: f }) => d(o, t, n, f)
+    },
+    g(o)
+  )) });
+}, $ = (e) => {
+  if (!e)
+    return {
+      display: "none"
+    };
+  const { x: r, y: s } = e, i = `translate(${r}px, ${s}px)`;
+  return {
+    transform: i,
+    WebkitTransform: i
+  };
+}, A = {
+  "drag-layer": "_drag-layer_1izcx_1",
+  "drag-preview": "_drag-preview_1izcx_11"
+}, R = I.bind(A), Y = ({
+  type: e,
+  renderPreview: r,
+  className: s,
+  previewClassName: i,
+  portalTarget: l = document.body
+}) => {
+  const { itemType: c, isDragging: d, item: g, clientOffset: a } = h(
+    (t) => ({
+      item: t.getItem(),
+      itemType: t.getItemType(),
+      clientOffset: t.getClientOffset(),
+      isDragging: t.isDragging()
+    })
+  );
+  if (!d || c !== e || !g || !l)
+    return null;
+  const o = /* @__PURE__ */ u("div", { className: R("drag-layer", s), children: /* @__PURE__ */ u("div", { className: R("drag-preview", i), style: $(a), children: r(g) }) });
+  return L(o, l);
+};
+export {
+  Y as DragLayer,
+  N as SortableItem,
+  W as SortableList
+};