@new-black/lyra 1.0.20 → 1.0.21

package/dist/lyra461.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra461.cjs","sources":["../src/components/sortable/hooks/use-is-keyboard-sorting.ts"],"sourcesContent":["import { useDndContext } from \"@dnd-kit/core\";\nimport { isKeyboardEvent } from \"@dnd-kit/utilities\";\n\nexport function useIsKeyboardSorting() {\n  const { activatorEvent } = useDndContext();\n\n  return isKeyboardEvent(activatorEvent);\n}\n"],"names":["useIsKeyboardSorting","activatorEvent","useDndContext","isKeyboardEvent"],"mappings":"4IAGO,SAASA,GAAuB,CAC/B,KAAA,CAAE,eAAAC,GAAmBC,EAAAA,gBAE3B,OAAOC,EAAAA,gBAAgBF,CAAc,CACvC"}
+{"version":3,"file":"lyra461.cjs","sources":["../src/components/sortable/sortable-container.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport {\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  MeasuringConfiguration,\n  MeasuringStrategy,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport { restrictToParentElement } from \"@dnd-kit/modifiers\";\nimport { SortableContext, sortableKeyboardCoordinates } from \"@dnd-kit/sortable\";\nimport clsx from \"clsx\";\n\nimport { useDragEvents } from \"./hooks/use-drag-events\";\nimport { useSortingStrategy } from \"./hooks/use-sorting-strategy\";\nimport { SortableContainerProps } from \"./sortable.types\";\n\nconst measuring: MeasuringConfiguration = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\n/**\n * A container for sortable items. This component should be used to wrap around the items that you want to be sortable.\n *\n */\nexport const SortableContainer = <\n  TItemProps extends { value: string; label: string; items?: TItemProps[] },\n>({\n  children,\n  collisionDetection,\n  disableRestrictToParent,\n  hasAdditionalTopPadding,\n  items,\n  keyboardCoordinateGetter,\n  onDragEnd,\n  onDragStart,\n  orientation,\n  overlay,\n  parentNode,\n  setItems,\n}: SortableContainerProps<TItemProps>) => {\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: keyboardCoordinateGetter || sortableKeyboardCoordinates,\n    }),\n  );\n\n  const {\n    activeItem,\n    onDragCancel,\n    onDragEnd: handleDrag,\n    onDragStart: handleDragStart,\n  } = useDragEvents(items, setItems, onDragStart, onDragEnd);\n\n  const sortingStrategy = useSortingStrategy(orientation);\n\n  const itemIds = useMemo(() => items.map((item) => item.value), [items]);\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDrag}\n      measuring={measuring}\n      onDragCancel={onDragCancel}\n      collisionDetection={collisionDetection}\n    >\n      <SortableContext items={itemIds} strategy={sortingStrategy}>\n        <DroppableContainer id=\"top-level\">\n          <div className={clsx(hasAdditionalTopPadding ? \"-mt-[50px] pt-[50px]\" : \"mt-0 pt-0\")}>\n            {children}\n          </div>\n        </DroppableContainer>\n        {createPortal(\n          <DragOverlay modifiers={disableRestrictToParent ? undefined : [restrictToParentElement]}>\n            {activeItem ? overlay(activeItem) : null}\n          </DragOverlay>,\n          parentNode ?? document.body,\n        )}\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nfunction DroppableContainer({ children, id }: { children: ReactNode; id: any }) {\n  const { setNodeRef } = useDroppable({ id });\n  return <div ref={setNodeRef}>{children}</div>;\n}\n"],"names":["measuring","MeasuringStrategy","SortableContainer","children","collisionDetection","disableRestrictToParent","hasAdditionalTopPadding","items","keyboardCoordinateGetter","onDragEnd","onDragStart","orientation","overlay","parentNode","setItems","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","activeItem","onDragCancel","handleDrag","handleDragStart","useDragEvents","sortingStrategy","useSortingStrategy","itemIds","useMemo","item","jsx","DndContext","jsxs","SortableContext","DroppableContainer","clsx","createPortal","DragOverlay","restrictToParentElement","id","setNodeRef","useDroppable"],"mappings":"4TAuBMA,EAAoC,CACxC,UAAW,CACT,SAAUC,EAAkB,kBAAA,MAC9B,CACF,EAMaC,EAAoB,CAE/B,CACA,SAAAC,EACA,mBAAAC,EACA,wBAAAC,EACA,wBAAAC,EACA,MAAAC,EACA,yBAAAC,EACA,UAAAC,EACA,YAAAC,EACA,YAAAC,EACA,QAAAC,EACA,WAAAC,EACA,SAAAC,CACF,IAA0C,CACxC,MAAMC,EAAUC,EAAA,WACdC,EAAAA,UAAUC,EAAAA,aAAa,EACvBD,EAAAA,UAAUE,EAAAA,eAAgB,CACxB,iBAAkBX,GAA4BY,EAAA,2BAAA,CAC/C,CAAA,EAGG,CACJ,WAAAC,EACA,aAAAC,EACA,UAAWC,EACX,YAAaC,CACX,EAAAC,EAAA,cAAclB,EAAOO,EAAUJ,EAAaD,CAAS,EAEnDiB,EAAkBC,qBAAmBhB,CAAW,EAEhDiB,EAAUC,EAAAA,QAAQ,IAAMtB,EAAM,IAAKuB,GAASA,EAAK,KAAK,EAAG,CAACvB,CAAK,CAAC,EAGpE,OAAAwB,EAAA,kBAAA,IAACC,EAAA,WAAA,CACC,QAAAjB,EACA,YAAaS,EACb,UAAWD,EACX,UAAAvB,EACA,aAAAsB,EACA,mBAAAlB,EAEA,SAAC6B,EAAAA,kBAAAA,KAAAC,EAAAA,gBAAA,CAAgB,MAAON,EAAS,SAAUF,EACzC,SAAA,CAAAK,EAAA,kBAAA,IAACI,EAAmB,CAAA,GAAG,YACrB,SAAAJ,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWK,EAAAA,KAAK9B,EAA0B,uBAAyB,WAAW,EAChF,SAAAH,CACH,CAAA,EACF,EACCkC,EAAA,aACEN,EAAAA,kBAAAA,IAAAO,EAAAA,YAAA,CAAY,UAAWjC,EAA0B,OAAY,CAACkC,EAAuB,uBAAA,EACnF,SAAalB,EAAAT,EAAQS,CAAU,EAAI,IACtC,CAAA,EACAR,GAAc,SAAS,IACzB,CAAA,EACF,CAAA,CAAA,CAGN,EAEA,SAASsB,EAAmB,CAAE,SAAAhC,EAAU,GAAAqC,GAAwC,CAC9E,KAAM,CAAE,WAAAC,CAAW,EAAIC,EAAa,aAAA,CAAE,GAAAF,CAAI,CAAA,EAC1C,OAAQT,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAKU,EAAa,SAAAtC,CAAS,CAAA,CACzC"}

package/dist/lyra461.js

@@ -1,9 +1,64 @@
-import { useDndContext as o } from "./lyra464.js";
-import { isKeyboardEvent as r } from "./lyra614.js";
-function i() {
-  const { activatorEvent: t } = o();
-  return r(t);
+import { j as r } from "./lyra90.js";
+import { useMemo as v } from "react";
+import { createPortal as h } from "react-dom";
+import { MeasuringStrategy as C, useSensors as E, useSensor as a, DndContext as P, DragOverlay as I, useDroppable as K, KeyboardSensor as M, PointerSensor as N } from "./lyra463.js";
+import { restrictToParentElement as R } from "./lyra607.js";
+import { SortableContext as w, sortableKeyboardCoordinates as A } from "./lyra608.js";
+import { clsx as G } from "./lyra450.js";
+import { useDragEvents as O } from "./lyra609.js";
+import { useSortingStrategy as T } from "./lyra610.js";
+const k = {
+  droppable: {
+    strategy: C.Always
+  }
+}, W = ({
+  children: t,
+  collisionDetection: e,
+  disableRestrictToParent: o,
+  hasAdditionalTopPadding: i,
+  items: n,
+  keyboardCoordinateGetter: m,
+  onDragEnd: l,
+  onDragStart: d,
+  orientation: p,
+  overlay: c,
+  parentNode: g,
+  setItems: u
+}) => {
+  const x = E(
+    a(N),
+    a(M, {
+      coordinateGetter: m || A
+    })
+  ), {
+    activeItem: s,
+    onDragCancel: f,
+    onDragEnd: S,
+    onDragStart: D
+  } = O(n, u, d, l), y = T(p), b = v(() => n.map((j) => j.value), [n]);
+  return /* @__PURE__ */ r.jsx(
+    P,
+    {
+      sensors: x,
+      onDragStart: D,
+      onDragEnd: S,
+      measuring: k,
+      onDragCancel: f,
+      collisionDetection: e,
+      children: /* @__PURE__ */ r.jsxs(w, { items: b, strategy: y, children: [
+        /* @__PURE__ */ r.jsx(q, { id: "top-level", children: /* @__PURE__ */ r.jsx("div", { className: G(i ? "-mt-[50px] pt-[50px]" : "mt-0 pt-0"), children: t }) }),
+        h(
+          /* @__PURE__ */ r.jsx(I, { modifiers: o ? void 0 : [R], children: s ? c(s) : null }),
+          g ?? document.body
+        )
+      ] })
+    }
+  );
+};
+function q({ children: t, id: e }) {
+  const { setNodeRef: o } = K({ id: e });
+  return /* @__PURE__ */ r.jsx("div", { ref: o, children: t });
 }
 export {
-  i as useIsKeyboardSorting
+  W as SortableContainer
 };

package/dist/lyra461.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra461.js","sources":["../src/components/sortable/hooks/use-is-keyboard-sorting.ts"],"sourcesContent":["import { useDndContext } from \"@dnd-kit/core\";\nimport { isKeyboardEvent } from \"@dnd-kit/utilities\";\n\nexport function useIsKeyboardSorting() {\n  const { activatorEvent } = useDndContext();\n\n  return isKeyboardEvent(activatorEvent);\n}\n"],"names":["useIsKeyboardSorting","activatorEvent","useDndContext","isKeyboardEvent"],"mappings":";;AAGO,SAASA,IAAuB;AAC/B,QAAA,EAAE,gBAAAC,MAAmBC;AAE3B,SAAOC,EAAgBF,CAAc;AACvC;"}
+{"version":3,"file":"lyra461.js","sources":["../src/components/sortable/sortable-container.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport {\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  MeasuringConfiguration,\n  MeasuringStrategy,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport { restrictToParentElement } from \"@dnd-kit/modifiers\";\nimport { SortableContext, sortableKeyboardCoordinates } from \"@dnd-kit/sortable\";\nimport clsx from \"clsx\";\n\nimport { useDragEvents } from \"./hooks/use-drag-events\";\nimport { useSortingStrategy } from \"./hooks/use-sorting-strategy\";\nimport { SortableContainerProps } from \"./sortable.types\";\n\nconst measuring: MeasuringConfiguration = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\n/**\n * A container for sortable items. This component should be used to wrap around the items that you want to be sortable.\n *\n */\nexport const SortableContainer = <\n  TItemProps extends { value: string; label: string; items?: TItemProps[] },\n>({\n  children,\n  collisionDetection,\n  disableRestrictToParent,\n  hasAdditionalTopPadding,\n  items,\n  keyboardCoordinateGetter,\n  onDragEnd,\n  onDragStart,\n  orientation,\n  overlay,\n  parentNode,\n  setItems,\n}: SortableContainerProps<TItemProps>) => {\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: keyboardCoordinateGetter || sortableKeyboardCoordinates,\n    }),\n  );\n\n  const {\n    activeItem,\n    onDragCancel,\n    onDragEnd: handleDrag,\n    onDragStart: handleDragStart,\n  } = useDragEvents(items, setItems, onDragStart, onDragEnd);\n\n  const sortingStrategy = useSortingStrategy(orientation);\n\n  const itemIds = useMemo(() => items.map((item) => item.value), [items]);\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDrag}\n      measuring={measuring}\n      onDragCancel={onDragCancel}\n      collisionDetection={collisionDetection}\n    >\n      <SortableContext items={itemIds} strategy={sortingStrategy}>\n        <DroppableContainer id=\"top-level\">\n          <div className={clsx(hasAdditionalTopPadding ? \"-mt-[50px] pt-[50px]\" : \"mt-0 pt-0\")}>\n            {children}\n          </div>\n        </DroppableContainer>\n        {createPortal(\n          <DragOverlay modifiers={disableRestrictToParent ? undefined : [restrictToParentElement]}>\n            {activeItem ? overlay(activeItem) : null}\n          </DragOverlay>,\n          parentNode ?? document.body,\n        )}\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nfunction DroppableContainer({ children, id }: { children: ReactNode; id: any }) {\n  const { setNodeRef } = useDroppable({ id });\n  return <div ref={setNodeRef}>{children}</div>;\n}\n"],"names":["measuring","MeasuringStrategy","SortableContainer","children","collisionDetection","disableRestrictToParent","hasAdditionalTopPadding","items","keyboardCoordinateGetter","onDragEnd","onDragStart","orientation","overlay","parentNode","setItems","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","activeItem","onDragCancel","handleDrag","handleDragStart","useDragEvents","sortingStrategy","useSortingStrategy","itemIds","useMemo","item","jsx","DndContext","jsxs","SortableContext","DroppableContainer","clsx","createPortal","DragOverlay","restrictToParentElement","id","setNodeRef","useDroppable"],"mappings":";;;;;;;;;AAuBA,MAAMA,IAAoC;AAAA,EACxC,WAAW;AAAA,IACT,UAAUC,EAAkB;AAAA,EAC9B;AACF,GAMaC,IAAoB,CAE/B;AAAA,EACA,UAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACF,MAA0C;AACxC,QAAMC,IAAUC;AAAA,IACdC,EAAUC,CAAa;AAAA,IACvBD,EAAUE,GAAgB;AAAA,MACxB,kBAAkBX,KAA4BY;AAAA,IAAA,CAC/C;AAAA,EAAA,GAGG;AAAA,IACJ,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAWC;AAAA,IACX,aAAaC;AAAA,EACX,IAAAC,EAAclB,GAAOO,GAAUJ,GAAaD,CAAS,GAEnDiB,IAAkBC,EAAmBhB,CAAW,GAEhDiB,IAAUC,EAAQ,MAAMtB,EAAM,IAAI,CAACuB,MAASA,EAAK,KAAK,GAAG,CAACvB,CAAK,CAAC;AAGpE,SAAAwB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAjB;AAAA,MACA,aAAaS;AAAA,MACb,WAAWD;AAAA,MACX,WAAAvB;AAAA,MACA,cAAAsB;AAAA,MACA,oBAAAlB;AAAA,MAEA,UAAC6B,gBAAAA,EAAAA,KAAAC,GAAA,EAAgB,OAAON,GAAS,UAAUF,GACzC,UAAA;AAAA,QAAAK,gBAAAA,EAAA,IAACI,GAAmB,EAAA,IAAG,aACrB,UAAAJ,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAWK,EAAK9B,IAA0B,yBAAyB,WAAW,GAChF,UAAAH,EACH,CAAA,GACF;AAAA,QACCkC;AAAA,UACEN,gBAAAA,EAAAA,IAAAO,GAAA,EAAY,WAAWjC,IAA0B,SAAY,CAACkC,CAAuB,GACnF,UAAalB,IAAAT,EAAQS,CAAU,IAAI,KACtC,CAAA;AAAA,UACAR,KAAc,SAAS;AAAA,QACzB;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASsB,EAAmB,EAAE,UAAAhC,GAAU,IAAAqC,KAAwC;AAC9E,QAAM,EAAE,YAAAC,EAAW,IAAIC,EAAa,EAAE,IAAAF,EAAI,CAAA;AAC1C,SAAQT,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAKU,GAAa,UAAAtC,EAAS,CAAA;AACzC;"}

package/dist/lyra462.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra90.cjs"),v=require("react"),R=require("react-dom"),e=require("./lyra464.cjs"),C=require("./lyra615.cjs"),i=require("./lyra616.cjs"),f=require("./lyra450.cjs"),h=require("./lyra617.cjs"),P=require("./lyra618.cjs"),M={droppable:{strategy:e.MeasuringStrategy.Always}},_=({children:r,collisionDetection:s,disableRestrictToParent:o,hasAdditionalTopPadding:u,items:n,keyboardCoordinateGetter:c,onDragEnd:l,onDragStart:d,orientation:x,overlay:g,parentNode:m,setItems:p})=>{const S=e.useSensors(e.useSensor(e.PointerSensor),e.useSensor(e.KeyboardSensor,{coordinateGetter:c||i.sortableKeyboardCoordinates})),{activeItem:a,onDragCancel:j,onDragEnd:b,onDragStart:y}=h.useDragEvents(n,p,d,l),D=P.useSortingStrategy(x),E=v.useMemo(()=>n.map(q=>q.value),[n]);return t.jsxRuntimeExports.jsx(e.DndContext,{sensors:S,onDragStart:y,onDragEnd:b,measuring:M,onDragCancel:j,collisionDetection:s,children:t.jsxRuntimeExports.jsxs(i.SortableContext,{items:E,strategy:D,children:[t.jsxRuntimeExports.jsx(G,{id:"top-level",children:t.jsxRuntimeExports.jsx("div",{className:f.clsx(u?"-mt-[50px] pt-[50px]":"mt-0 pt-0"),children:r})}),R.createPortal(t.jsxRuntimeExports.jsx(e.DragOverlay,{modifiers:o?void 0:[C.restrictToParentElement],children:a?g(a):null}),m??document.body)]})})};function G({children:r,id:s}){const{setNodeRef:o}=e.useDroppable({id:s});return t.jsxRuntimeExports.jsx("div",{ref:o,children:r})}exports.SortableContainer=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./lyra90.cjs"),y=require("react"),j=require("./lyra463.cjs"),R=require("./lyra608.cjs"),d=require("./lyra606.cjs"),E=({children:u,sortableId:i})=>{const{active:e,activeIndex:n,attributes:a,index:s,isDragging:c,isSorting:o,listeners:m,over:t,setNodeRef:l,transform:S,transition:b}=R.useSortable({id:i}),{activatorEvent:f}=j.useDndContext(),r=d.isKeyboardEvent(f),g={transform:o?void 0:d.CSS.Translate.toString(S),transition:b??void 0},x=y.useMemo(()=>{if(!((e==null?void 0:e.id)===(t==null?void 0:t.id)&&!r))return(t==null?void 0:t.id)===i?s>n?"after":"before":void 0},[e==null?void 0:e.id,t==null?void 0:t.id,r,i,s,n]);return q.jsxRuntimeExports.jsx("div",{ref:l,style:g,children:u({isDragging:c,attributes:a,isKeyboardSorting:r,insertPosition:x,isSorting:o,listeners:m})})};exports.SortableItem=E;

package/dist/lyra462.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra462.cjs","sources":["../src/components/sortable/sortable-container.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport {\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  MeasuringConfiguration,\n  MeasuringStrategy,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport { restrictToParentElement } from \"@dnd-kit/modifiers\";\nimport { SortableContext, sortableKeyboardCoordinates } from \"@dnd-kit/sortable\";\nimport clsx from \"clsx\";\n\nimport { useDragEvents } from \"./hooks/use-drag-events\";\nimport { useSortingStrategy } from \"./hooks/use-sorting-strategy\";\nimport { SortableContainerProps } from \"./sortable.types\";\n\nconst measuring: MeasuringConfiguration = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\n/**\n * A container for sortable items. This component should be used to wrap around the items that you want to be sortable.\n *\n */\nexport const SortableContainer = <\n  TItemProps extends { value: string; label: string; items?: TItemProps[] },\n>({\n  children,\n  collisionDetection,\n  disableRestrictToParent,\n  hasAdditionalTopPadding,\n  items,\n  keyboardCoordinateGetter,\n  onDragEnd,\n  onDragStart,\n  orientation,\n  overlay,\n  parentNode,\n  setItems,\n}: SortableContainerProps<TItemProps>) => {\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: keyboardCoordinateGetter || sortableKeyboardCoordinates,\n    }),\n  );\n\n  const {\n    activeItem,\n    onDragCancel,\n    onDragEnd: handleDrag,\n    onDragStart: handleDragStart,\n  } = useDragEvents(items, setItems, onDragStart, onDragEnd);\n\n  const sortingStrategy = useSortingStrategy(orientation);\n\n  const itemIds = useMemo(() => items.map((item) => item.value), [items]);\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDrag}\n      measuring={measuring}\n      onDragCancel={onDragCancel}\n      collisionDetection={collisionDetection}\n    >\n      <SortableContext items={itemIds} strategy={sortingStrategy}>\n        <DroppableContainer id=\"top-level\">\n          <div className={clsx(hasAdditionalTopPadding ? \"-mt-[50px] pt-[50px]\" : \"mt-0 pt-0\")}>\n            {children}\n          </div>\n        </DroppableContainer>\n        {createPortal(\n          <DragOverlay modifiers={disableRestrictToParent ? undefined : [restrictToParentElement]}>\n            {activeItem ? overlay(activeItem) : null}\n          </DragOverlay>,\n          parentNode ?? document.body,\n        )}\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nfunction DroppableContainer({ children, id }: { children: ReactNode; id: any }) {\n  const { setNodeRef } = useDroppable({ id });\n  return <div ref={setNodeRef}>{children}</div>;\n}\n"],"names":["measuring","MeasuringStrategy","SortableContainer","children","collisionDetection","disableRestrictToParent","hasAdditionalTopPadding","items","keyboardCoordinateGetter","onDragEnd","onDragStart","orientation","overlay","parentNode","setItems","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","activeItem","onDragCancel","handleDrag","handleDragStart","useDragEvents","sortingStrategy","useSortingStrategy","itemIds","useMemo","item","jsx","DndContext","jsxs","SortableContext","DroppableContainer","clsx","createPortal","DragOverlay","restrictToParentElement","id","setNodeRef","useDroppable"],"mappings":"4TAuBMA,EAAoC,CACxC,UAAW,CACT,SAAUC,EAAkB,kBAAA,MAC9B,CACF,EAMaC,EAAoB,CAE/B,CACA,SAAAC,EACA,mBAAAC,EACA,wBAAAC,EACA,wBAAAC,EACA,MAAAC,EACA,yBAAAC,EACA,UAAAC,EACA,YAAAC,EACA,YAAAC,EACA,QAAAC,EACA,WAAAC,EACA,SAAAC,CACF,IAA0C,CACxC,MAAMC,EAAUC,EAAA,WACdC,EAAAA,UAAUC,EAAAA,aAAa,EACvBD,EAAAA,UAAUE,EAAAA,eAAgB,CACxB,iBAAkBX,GAA4BY,EAAA,2BAAA,CAC/C,CAAA,EAGG,CACJ,WAAAC,EACA,aAAAC,EACA,UAAWC,EACX,YAAaC,CACX,EAAAC,EAAA,cAAclB,EAAOO,EAAUJ,EAAaD,CAAS,EAEnDiB,EAAkBC,qBAAmBhB,CAAW,EAEhDiB,EAAUC,EAAAA,QAAQ,IAAMtB,EAAM,IAAKuB,GAASA,EAAK,KAAK,EAAG,CAACvB,CAAK,CAAC,EAGpE,OAAAwB,EAAA,kBAAA,IAACC,EAAA,WAAA,CACC,QAAAjB,EACA,YAAaS,EACb,UAAWD,EACX,UAAAvB,EACA,aAAAsB,EACA,mBAAAlB,EAEA,SAAC6B,EAAAA,kBAAAA,KAAAC,EAAAA,gBAAA,CAAgB,MAAON,EAAS,SAAUF,EACzC,SAAA,CAAAK,EAAA,kBAAA,IAACI,EAAmB,CAAA,GAAG,YACrB,SAAAJ,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWK,EAAAA,KAAK9B,EAA0B,uBAAyB,WAAW,EAChF,SAAAH,CACH,CAAA,EACF,EACCkC,EAAA,aACEN,EAAAA,kBAAAA,IAAAO,EAAAA,YAAA,CAAY,UAAWjC,EAA0B,OAAY,CAACkC,EAAuB,uBAAA,EACnF,SAAalB,EAAAT,EAAQS,CAAU,EAAI,IACtC,CAAA,EACAR,GAAc,SAAS,IACzB,CAAA,EACF,CAAA,CAAA,CAGN,EAEA,SAASsB,EAAmB,CAAE,SAAAhC,EAAU,GAAAqC,GAAwC,CAC9E,KAAM,CAAE,WAAAC,CAAW,EAAIC,EAAa,aAAA,CAAE,GAAAF,CAAI,CAAA,EAC1C,OAAQT,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAKU,EAAa,SAAAtC,CAAS,CAAA,CACzC"}
+{"version":3,"file":"lyra462.cjs","sources":["../src/components/sortable/sortable-item.tsx"],"sourcesContent":["import { CSSProperties, useMemo } from \"react\";\n\nimport { useDndContext } from \"@dnd-kit/core\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS, isKeyboardEvent } from \"@dnd-kit/utilities\";\n\nimport { SortableItemProps } from \"./sortable.types\";\n\nexport const SortableItem = ({ children, sortableId }: SortableItemProps) => {\n  const {\n    active,\n    activeIndex,\n    attributes,\n    index,\n    isDragging,\n    isSorting,\n    listeners,\n    over,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({\n    id: sortableId,\n  });\n\n  const { activatorEvent } = useDndContext();\n  const isKeyboardSorting = isKeyboardEvent(activatorEvent);\n  const style: CSSProperties = {\n    transform: isSorting ? undefined : CSS.Translate.toString(transform),\n    transition: transition ?? undefined,\n  };\n  const insertPosition = useMemo(() => {\n    if (active?.id === over?.id && !isKeyboardSorting) return undefined;\n    return over?.id === sortableId ? (index > activeIndex ? \"after\" : \"before\") : undefined;\n  }, [active?.id, over?.id, isKeyboardSorting, sortableId, index, activeIndex]);\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      {children({\n        isDragging,\n        attributes,\n        isKeyboardSorting,\n        insertPosition,\n        isSorting,\n        listeners,\n      })}\n    </div>\n  );\n};\n"],"names":["SortableItem","children","sortableId","active","activeIndex","attributes","index","isDragging","isSorting","listeners","over","setNodeRef","transform","transition","useSortable","activatorEvent","useDndContext","isKeyboardSorting","isKeyboardEvent","style","CSS","insertPosition","useMemo","jsx"],"mappings":"oNAQaA,EAAe,CAAC,CAAE,SAAAC,EAAU,WAAAC,KAAoC,CACrE,KAAA,CACJ,OAAAC,EACA,YAAAC,EACA,WAAAC,EACA,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,UAAAC,EACA,KAAAC,EACA,WAAAC,EACA,UAAAC,EACA,WAAAC,GACEC,cAAY,CACd,GAAIZ,CAAA,CACL,EAEK,CAAE,eAAAa,GAAmBC,EAAAA,gBACrBC,EAAoBC,kBAAgBH,CAAc,EAClDI,EAAuB,CAC3B,UAAWX,EAAY,OAAYY,EAAI,IAAA,UAAU,SAASR,CAAS,EACnE,WAAYC,GAAc,MAAA,EAEtBQ,EAAiBC,EAAAA,QAAQ,IAAM,CACnC,GAAI,GAAAnB,GAAA,YAAAA,EAAQ,OAAOO,GAAA,YAAAA,EAAM,KAAM,CAACO,GAChC,OAAOP,GAAA,YAAAA,EAAM,MAAOR,EAAcI,EAAQF,EAAc,QAAU,SAAY,MAAA,EAC7E,CAACD,GAAA,YAAAA,EAAQ,GAAIO,GAAA,YAAAA,EAAM,GAAIO,EAAmBf,EAAYI,EAAOF,CAAW,CAAC,EAE5E,OACGmB,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAKZ,EAAY,MAAAQ,EACnB,SAASlB,EAAA,CACR,WAAAM,EACA,WAAAF,EACA,kBAAAY,EACA,eAAAI,EACA,UAAAb,EACA,UAAAC,CACD,CAAA,CACH,CAAA,CAEJ"}

package/dist/lyra462.js

@@ -1,64 +1,39 @@
-import { j as r } from "./lyra90.js";
-import { useMemo as v } from "react";
-import { createPortal as h } from "react-dom";
-import { MeasuringStrategy as C, useSensors as E, useSensor as a, DndContext as P, DragOverlay as I, useDroppable as K, KeyboardSensor as M, PointerSensor as N } from "./lyra464.js";
-import { restrictToParentElement as R } from "./lyra615.js";
-import { SortableContext as w, sortableKeyboardCoordinates as A } from "./lyra616.js";
-import { clsx as G } from "./lyra450.js";
-import { useDragEvents as O } from "./lyra617.js";
-import { useSortingStrategy as T } from "./lyra618.js";
-const k = {
-  droppable: {
-    strategy: C.Always
-  }
-}, W = ({
-  children: t,
-  collisionDetection: e,
-  disableRestrictToParent: o,
-  hasAdditionalTopPadding: i,
-  items: n,
-  keyboardCoordinateGetter: m,
-  onDragEnd: l,
-  onDragStart: d,
-  orientation: p,
-  overlay: c,
-  parentNode: g,
-  setItems: u
-}) => {
-  const x = E(
-    a(N),
-    a(M, {
-      coordinateGetter: m || A
-    })
-  ), {
-    activeItem: s,
-    onDragCancel: f,
-    onDragEnd: S,
-    onDragStart: D
-  } = O(n, u, d, l), y = T(p), b = v(() => n.map((j) => j.value), [n]);
-  return /* @__PURE__ */ r.jsx(
-    P,
-    {
-      sensors: x,
-      onDragStart: D,
-      onDragEnd: S,
-      measuring: k,
-      onDragCancel: f,
-      collisionDetection: e,
-      children: /* @__PURE__ */ r.jsxs(w, { items: b, strategy: y, children: [
-        /* @__PURE__ */ r.jsx(q, { id: "top-level", children: /* @__PURE__ */ r.jsx("div", { className: G(i ? "-mt-[50px] pt-[50px]" : "mt-0 pt-0"), children: t }) }),
-        h(
-          /* @__PURE__ */ r.jsx(I, { modifiers: o ? void 0 : [R], children: s ? c(s) : null }),
-          g ?? document.body
-        )
-      ] })
-    }
-  );
+import { j as b } from "./lyra90.js";
+import { useMemo as l } from "react";
+import { useDndContext as j } from "./lyra463.js";
+import { useSortable as y } from "./lyra608.js";
+import { isKeyboardEvent as E, CSS as C } from "./lyra606.js";
+const M = ({ children: d, sortableId: r }) => {
+  const {
+    active: i,
+    activeIndex: n,
+    attributes: m,
+    index: s,
+    isDragging: a,
+    isSorting: e,
+    listeners: f,
+    over: t,
+    setNodeRef: u,
+    transform: p,
+    transition: x
+  } = y({
+    id: r
+  }), { activatorEvent: S } = j(), o = E(S), c = {
+    transform: e ? void 0 : C.Translate.toString(p),
+    transition: x ?? void 0
+  }, g = l(() => {
+    if (!((i == null ? void 0 : i.id) === (t == null ? void 0 : t.id) && !o))
+      return (t == null ? void 0 : t.id) === r ? s > n ? "after" : "before" : void 0;
+  }, [i == null ? void 0 : i.id, t == null ? void 0 : t.id, o, r, s, n]);
+  return /* @__PURE__ */ b.jsx("div", { ref: u, style: c, children: d({
+    isDragging: a,
+    attributes: m,
+    isKeyboardSorting: o,
+    insertPosition: g,
+    isSorting: e,
+    listeners: f
+  }) });
 };
-function q({ children: t, id: e }) {
-  const { setNodeRef: o } = K({ id: e });
-  return /* @__PURE__ */ r.jsx("div", { ref: o, children: t });
-}
 export {
-  W as SortableContainer
+  M as SortableItem
 };

package/dist/lyra462.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra462.js","sources":["../src/components/sortable/sortable-container.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport {\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  MeasuringConfiguration,\n  MeasuringStrategy,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport { restrictToParentElement } from \"@dnd-kit/modifiers\";\nimport { SortableContext, sortableKeyboardCoordinates } from \"@dnd-kit/sortable\";\nimport clsx from \"clsx\";\n\nimport { useDragEvents } from \"./hooks/use-drag-events\";\nimport { useSortingStrategy } from \"./hooks/use-sorting-strategy\";\nimport { SortableContainerProps } from \"./sortable.types\";\n\nconst measuring: MeasuringConfiguration = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\n/**\n * A container for sortable items. This component should be used to wrap around the items that you want to be sortable.\n *\n */\nexport const SortableContainer = <\n  TItemProps extends { value: string; label: string; items?: TItemProps[] },\n>({\n  children,\n  collisionDetection,\n  disableRestrictToParent,\n  hasAdditionalTopPadding,\n  items,\n  keyboardCoordinateGetter,\n  onDragEnd,\n  onDragStart,\n  orientation,\n  overlay,\n  parentNode,\n  setItems,\n}: SortableContainerProps<TItemProps>) => {\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: keyboardCoordinateGetter || sortableKeyboardCoordinates,\n    }),\n  );\n\n  const {\n    activeItem,\n    onDragCancel,\n    onDragEnd: handleDrag,\n    onDragStart: handleDragStart,\n  } = useDragEvents(items, setItems, onDragStart, onDragEnd);\n\n  const sortingStrategy = useSortingStrategy(orientation);\n\n  const itemIds = useMemo(() => items.map((item) => item.value), [items]);\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDrag}\n      measuring={measuring}\n      onDragCancel={onDragCancel}\n      collisionDetection={collisionDetection}\n    >\n      <SortableContext items={itemIds} strategy={sortingStrategy}>\n        <DroppableContainer id=\"top-level\">\n          <div className={clsx(hasAdditionalTopPadding ? \"-mt-[50px] pt-[50px]\" : \"mt-0 pt-0\")}>\n            {children}\n          </div>\n        </DroppableContainer>\n        {createPortal(\n          <DragOverlay modifiers={disableRestrictToParent ? undefined : [restrictToParentElement]}>\n            {activeItem ? overlay(activeItem) : null}\n          </DragOverlay>,\n          parentNode ?? document.body,\n        )}\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nfunction DroppableContainer({ children, id }: { children: ReactNode; id: any }) {\n  const { setNodeRef } = useDroppable({ id });\n  return <div ref={setNodeRef}>{children}</div>;\n}\n"],"names":["measuring","MeasuringStrategy","SortableContainer","children","collisionDetection","disableRestrictToParent","hasAdditionalTopPadding","items","keyboardCoordinateGetter","onDragEnd","onDragStart","orientation","overlay","parentNode","setItems","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","activeItem","onDragCancel","handleDrag","handleDragStart","useDragEvents","sortingStrategy","useSortingStrategy","itemIds","useMemo","item","jsx","DndContext","jsxs","SortableContext","DroppableContainer","clsx","createPortal","DragOverlay","restrictToParentElement","id","setNodeRef","useDroppable"],"mappings":";;;;;;;;;AAuBA,MAAMA,IAAoC;AAAA,EACxC,WAAW;AAAA,IACT,UAAUC,EAAkB;AAAA,EAC9B;AACF,GAMaC,IAAoB,CAE/B;AAAA,EACA,UAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACF,MAA0C;AACxC,QAAMC,IAAUC;AAAA,IACdC,EAAUC,CAAa;AAAA,IACvBD,EAAUE,GAAgB;AAAA,MACxB,kBAAkBX,KAA4BY;AAAA,IAAA,CAC/C;AAAA,EAAA,GAGG;AAAA,IACJ,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAWC;AAAA,IACX,aAAaC;AAAA,EACX,IAAAC,EAAclB,GAAOO,GAAUJ,GAAaD,CAAS,GAEnDiB,IAAkBC,EAAmBhB,CAAW,GAEhDiB,IAAUC,EAAQ,MAAMtB,EAAM,IAAI,CAACuB,MAASA,EAAK,KAAK,GAAG,CAACvB,CAAK,CAAC;AAGpE,SAAAwB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAjB;AAAA,MACA,aAAaS;AAAA,MACb,WAAWD;AAAA,MACX,WAAAvB;AAAA,MACA,cAAAsB;AAAA,MACA,oBAAAlB;AAAA,MAEA,UAAC6B,gBAAAA,EAAAA,KAAAC,GAAA,EAAgB,OAAON,GAAS,UAAUF,GACzC,UAAA;AAAA,QAAAK,gBAAAA,EAAA,IAACI,GAAmB,EAAA,IAAG,aACrB,UAAAJ,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAWK,EAAK9B,IAA0B,yBAAyB,WAAW,GAChF,UAAAH,EACH,CAAA,GACF;AAAA,QACCkC;AAAA,UACEN,gBAAAA,EAAAA,IAAAO,GAAA,EAAY,WAAWjC,IAA0B,SAAY,CAACkC,CAAuB,GACnF,UAAalB,IAAAT,EAAQS,CAAU,IAAI,KACtC,CAAA;AAAA,UACAR,KAAc,SAAS;AAAA,QACzB;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASsB,EAAmB,EAAE,UAAAhC,GAAU,IAAAqC,KAAwC;AAC9E,QAAM,EAAE,YAAAC,EAAW,IAAIC,EAAa,EAAE,IAAAF,EAAI,CAAA;AAC1C,SAAQT,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAKU,GAAa,UAAAtC,EAAS,CAAA;AACzC;"}
+{"version":3,"file":"lyra462.js","sources":["../src/components/sortable/sortable-item.tsx"],"sourcesContent":["import { CSSProperties, useMemo } from \"react\";\n\nimport { useDndContext } from \"@dnd-kit/core\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS, isKeyboardEvent } from \"@dnd-kit/utilities\";\n\nimport { SortableItemProps } from \"./sortable.types\";\n\nexport const SortableItem = ({ children, sortableId }: SortableItemProps) => {\n  const {\n    active,\n    activeIndex,\n    attributes,\n    index,\n    isDragging,\n    isSorting,\n    listeners,\n    over,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({\n    id: sortableId,\n  });\n\n  const { activatorEvent } = useDndContext();\n  const isKeyboardSorting = isKeyboardEvent(activatorEvent);\n  const style: CSSProperties = {\n    transform: isSorting ? undefined : CSS.Translate.toString(transform),\n    transition: transition ?? undefined,\n  };\n  const insertPosition = useMemo(() => {\n    if (active?.id === over?.id && !isKeyboardSorting) return undefined;\n    return over?.id === sortableId ? (index > activeIndex ? \"after\" : \"before\") : undefined;\n  }, [active?.id, over?.id, isKeyboardSorting, sortableId, index, activeIndex]);\n\n  return (\n    <div ref={setNodeRef} style={style}>\n      {children({\n        isDragging,\n        attributes,\n        isKeyboardSorting,\n        insertPosition,\n        isSorting,\n        listeners,\n      })}\n    </div>\n  );\n};\n"],"names":["SortableItem","children","sortableId","active","activeIndex","attributes","index","isDragging","isSorting","listeners","over","setNodeRef","transform","transition","useSortable","activatorEvent","useDndContext","isKeyboardSorting","isKeyboardEvent","style","CSS","insertPosition","useMemo","jsx"],"mappings":";;;;;AAQO,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,YAAAC,QAAoC;AACrE,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,MACEC,EAAY;AAAA,IACd,IAAIZ;AAAA,EAAA,CACL,GAEK,EAAE,gBAAAa,MAAmBC,KACrBC,IAAoBC,EAAgBH,CAAc,GAClDI,IAAuB;AAAA,IAC3B,WAAWX,IAAY,SAAYY,EAAI,UAAU,SAASR,CAAS;AAAA,IACnE,YAAYC,KAAc;AAAA,EAAA,GAEtBQ,IAAiBC,EAAQ,MAAM;AACnC,QAAI,GAAAnB,KAAA,gBAAAA,EAAQ,SAAOO,KAAA,gBAAAA,EAAM,OAAM,CAACO;AAChC,cAAOP,KAAA,gBAAAA,EAAM,QAAOR,IAAcI,IAAQF,IAAc,UAAU,WAAY;AAAA,EAAA,GAC7E,CAACD,KAAA,gBAAAA,EAAQ,IAAIO,KAAA,gBAAAA,EAAM,IAAIO,GAAmBf,GAAYI,GAAOF,CAAW,CAAC;AAE5E,SACGmB,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAKZ,GAAY,OAAAQ,GACnB,UAASlB,EAAA;AAAA,IACR,YAAAM;AAAA,IACA,YAAAF;AAAA,IACA,mBAAAY;AAAA,IACA,gBAAAI;AAAA,IACA,WAAAb;AAAA,IACA,WAAAC;AAAA,EACD,CAAA,EACH,CAAA;AAEJ;"}

package/dist/lyra463.cjs

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./lyra90.cjs"),y=require("react"),j=require("./lyra464.cjs"),R=require("./lyra616.cjs"),d=require("./lyra614.cjs"),E=({children:u,sortableId:i})=>{const{active:e,activeIndex:n,attributes:a,index:s,isDragging:c,isSorting:o,listeners:m,over:t,setNodeRef:l,transform:S,transition:b}=R.useSortable({id:i}),{activatorEvent:f}=j.useDndContext(),r=d.isKeyboardEvent(f),g={transform:o?void 0:d.CSS.Translate.toString(S),transition:b??void 0},x=y.useMemo(()=>{if(!((e==null?void 0:e.id)===(t==null?void 0:t.id)&&!r))return(t==null?void 0:t.id)===i?s>n?"after":"before":void 0},[e==null?void 0:e.id,t==null?void 0:t.id,r,i,s,n]);return q.jsxRuntimeExports.jsx("div",{ref:l,style:g,children:u({isDragging:c,attributes:a,isKeyboardSorting:r,insertPosition:x,isSorting:o,listeners:m})})};exports.SortableItem=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),ie=require("react-dom"),u=require("./lyra606.cjs"),Le=require("./lyra615.cjs"),mt=l.createContext(null);function wt(e){const t=l.useContext(mt);l.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function Qt(){const[e]=l.useState(()=>new Set),t=l.useCallback(r=>(e.add(r),()=>e.delete(r)),[e]);return[l.useCallback(r=>{let{type:i,event:o}=r;e.forEach(s=>{var a;return(a=s[i])==null?void 0:a.call(s,o)})},[e]),t]}const Ct={draggable:`
+    To pick up a draggable item, press the space bar.
+    While dragging, use the arrow keys to move the item.
+    Press space again to drop the item in its new position, or press escape to cancel.
+  `},Dt={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function Zt(e){let{announcements:t=Dt,container:n,hiddenTextDescribedById:r,screenReaderInstructions:i=Ct}=e;const{announce:o,announcement:s}=Le.useAnnouncement(),a=u.useUniqueId("DndLiveRegion"),[c,d]=l.useState(!1);if(l.useEffect(()=>{d(!0)},[]),wt(l.useMemo(()=>({onDragStart(f){let{active:v}=f;o(t.onDragStart({active:v}))},onDragMove(f){let{active:v,over:g}=f;t.onDragMove&&o(t.onDragMove({active:v,over:g}))},onDragOver(f){let{active:v,over:g}=f;o(t.onDragOver({active:v,over:g}))},onDragEnd(f){let{active:v,over:g}=f;o(t.onDragEnd({active:v,over:g}))},onDragCancel(f){let{active:v,over:g}=f;o(t.onDragCancel({active:v,over:g}))}}),[o,t])),!c)return null;const h=l.createElement(l.Fragment,null,l.createElement(Le.HiddenText,{id:r,value:i.draggable}),l.createElement(Le.LiveRegion,{id:a,announcement:s}));return n?ie.createPortal(h,n):h}var O;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(O||(O={}));function xe(){}function en(e,t){return l.useMemo(()=>({sensor:e,options:t??{}}),[e,t])}function tn(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return l.useMemo(()=>[...t].filter(r=>r!=null),[...t])}const P=Object.freeze({x:0,y:0});function nn(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function rn(e,t){const n=u.getEventCoordinates(e);if(!n)return"0 0";const r={x:(n.x-t.left)/t.width*100,y:(n.y-t.top)/t.height*100};return r.x+"% "+r.y+"%"}function on(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function sn(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function lt(e){let{left:t,top:n,height:r,width:i}=e;return[{x:t,y:n},{x:t+i,y:n},{x:t,y:n+r},{x:t+i,y:n+r}]}function xt(e,t){if(!e||e.length===0)return null;const[n]=e;return t?n[t]:n}const an=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=lt(t),o=[];for(const s of r){const{id:a}=s,c=n.get(a);if(c){const d=lt(c),h=i.reduce((v,g,D)=>v+nn(d[D],g),0),f=Number((h/4).toFixed(4));o.push({id:a,data:{droppableContainer:s,value:f}})}}return o.sort(on)};function ln(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),i=Math.min(t.left+t.width,e.left+e.width),o=Math.min(t.top+t.height,e.top+e.height),s=i-r,a=o-n;if(r<i&&n<o){const c=t.width*t.height,d=e.width*e.height,h=s*a,f=h/(c+d-h);return Number(f.toFixed(4))}return 0}const St=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=[];for(const o of r){const{id:s}=o,a=n.get(s);if(a){const c=ln(a,t);c>0&&i.push({id:s,data:{droppableContainer:o,value:c}})}}return i.sort(sn)};function cn(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function Et(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:P}function un(e){return function(n){for(var r=arguments.length,i=new Array(r>1?r-1:0),o=1;o<r;o++)i[o-1]=arguments[o];return i.reduce((s,a)=>({...s,top:s.top+e*a.y,bottom:s.bottom+e*a.y,left:s.left+e*a.x,right:s.right+e*a.x}),{...n})}}const dn=un(1);function Rt(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}else if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}function fn(e,t,n){const r=Rt(t);if(!r)return e;const{scaleX:i,scaleY:o,x:s,y:a}=r,c=e.left-s-(1-i)*parseFloat(n),d=e.top-a-(1-o)*parseFloat(n.slice(n.indexOf(" ")+1)),h=i?e.width/i:e.width,f=o?e.height/o:e.height;return{width:h,height:f,top:d,right:c+h,bottom:d+f,left:c}}const hn={ignoreTransform:!1};function se(e,t){t===void 0&&(t=hn);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:d,transformOrigin:h}=u.getWindow(e).getComputedStyle(e);d&&(n=fn(n,d,h))}const{top:r,left:i,width:o,height:s,bottom:a,right:c}=n;return{top:r,left:i,width:o,height:s,bottom:a,right:c}}function ct(e){return se(e,{ignoreTransform:!0})}function gn(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function vn(e,t){return t===void 0&&(t=u.getWindow(e).getComputedStyle(e)),t.position==="fixed"}function pn(e,t){t===void 0&&(t=u.getWindow(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(i=>{const o=t[i];return typeof o=="string"?n.test(o):!1})}function Se(e,t){const n=[];function r(i){if(t!=null&&n.length>=t||!i)return n;if(u.isDocument(i)&&i.scrollingElement!=null&&!n.includes(i.scrollingElement))return n.push(i.scrollingElement),n;if(!u.isHTMLElement(i)||u.isSVGElement(i)||n.includes(i))return n;const o=u.getWindow(e).getComputedStyle(i);return i!==e&&pn(i,o)&&n.push(i),vn(i,o)?n:r(i.parentNode)}return e?r(e):n}function Mt(e){const[t]=Se(e,1);return t??null}function Te(e){return!u.canUseDOM||!e?null:u.isWindow(e)?e:u.isNode(e)?u.isDocument(e)||e===u.getOwnerDocument(e).scrollingElement?window:u.isHTMLElement(e)?e:null:null}function Ot(e){return u.isWindow(e)?e.scrollX:e.scrollLeft}function At(e){return u.isWindow(e)?e.scrollY:e.scrollTop}function ze(e){return{x:Ot(e),y:At(e)}}var N;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(N||(N={}));function Nt(e){return!u.canUseDOM||!e?!1:e===document.scrollingElement}function Lt(e){const t={x:0,y:0},n=Nt(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height},i=e.scrollTop<=t.y,o=e.scrollLeft<=t.x,s=e.scrollTop>=r.y,a=e.scrollLeft>=r.x;return{isTop:i,isLeft:o,isBottom:s,isRight:a,maxScroll:r,minScroll:t}}const bn={x:.2,y:.2};function yn(e,t,n,r,i){let{top:o,left:s,right:a,bottom:c}=n;r===void 0&&(r=10),i===void 0&&(i=bn);const{isTop:d,isBottom:h,isLeft:f,isRight:v}=Lt(e),g={x:0,y:0},D={x:0,y:0},p={height:t.height*i.y,width:t.width*i.x};return!d&&o<=t.top+p.height?(g.y=N.Backward,D.y=r*Math.abs((t.top+p.height-o)/p.height)):!h&&c>=t.bottom-p.height&&(g.y=N.Forward,D.y=r*Math.abs((t.bottom-p.height-c)/p.height)),!v&&a>=t.right-p.width?(g.x=N.Forward,D.x=r*Math.abs((t.right-p.width-a)/p.width)):!f&&s<=t.left+p.width&&(g.x=N.Backward,D.x=r*Math.abs((t.left+p.width-s)/p.width)),{direction:g,speed:D}}function mn(e){if(e===document.scrollingElement){const{innerWidth:o,innerHeight:s}=window;return{top:0,left:0,right:o,bottom:s,width:o,height:s}}const{top:t,left:n,right:r,bottom:i}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:i,width:e.clientWidth,height:e.clientHeight}}function Tt(e){return e.reduce((t,n)=>u.add(t,ze(n)),P)}function wn(e){return e.reduce((t,n)=>t+Ot(n),0)}function Cn(e){return e.reduce((t,n)=>t+At(n),0)}function It(e,t){if(t===void 0&&(t=se),!e)return;const{top:n,left:r,bottom:i,right:o}=t(e);Mt(e)&&(i<=0||o<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const Dn=[["x",["left","right"],wn],["y",["top","bottom"],Cn]];class Be{constructor(t,n){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const r=Se(n),i=Tt(r);this.rect={...t},this.width=t.width,this.height=t.height;for(const[o,s,a]of Dn)for(const c of s)Object.defineProperty(this,c,{get:()=>{const d=a(r),h=i[o]-d;return this.rect[c]+h},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class he{constructor(t){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(n=>{var r;return(r=this.target)==null?void 0:r.removeEventListener(...n)})},this.target=t}add(t,n,r){var i;(i=this.target)==null||i.addEventListener(t,n,r),this.listeners.push([t,n,r])}}function xn(e){const{EventTarget:t}=u.getWindow(e);return e instanceof t?e:u.getOwnerDocument(e)}function Ie(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return typeof t=="number"?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t?r>t.y:!1}var z;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(z||(z={}));function ut(e){e.preventDefault()}function Sn(e){e.stopPropagation()}exports.KeyboardCode=void 0;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter"})(exports.KeyboardCode||(exports.KeyboardCode={}));const kt={start:[exports.KeyboardCode.Space,exports.KeyboardCode.Enter],cancel:[exports.KeyboardCode.Esc],end:[exports.KeyboardCode.Space,exports.KeyboardCode.Enter]},En=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case exports.KeyboardCode.Right:return{...n,x:n.x+25};case exports.KeyboardCode.Left:return{...n,x:n.x-25};case exports.KeyboardCode.Down:return{...n,y:n.y+25};case exports.KeyboardCode.Up:return{...n,y:n.y-25}}};class Fe{constructor(t){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=t;const{event:{target:n}}=t;this.props=t,this.listeners=new he(u.getOwnerDocument(n)),this.windowListeners=new he(u.getWindow(n)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(z.Resize,this.handleCancel),this.windowListeners.add(z.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(z.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:t,onStart:n}=this.props,r=t.node.current;r&&It(r),n(P)}handleKeyDown(t){if(u.isKeyboardEvent(t)){const{active:n,context:r,options:i}=this.props,{keyboardCodes:o=kt,coordinateGetter:s=En,scrollBehavior:a="smooth"}=i,{code:c}=t;if(o.end.includes(c)){this.handleEnd(t);return}if(o.cancel.includes(c)){this.handleCancel(t);return}const{collisionRect:d}=r.current,h=d?{x:d.left,y:d.top}:P;this.referenceCoordinates||(this.referenceCoordinates=h);const f=s(t,{active:n,context:r.current,currentCoordinates:h});if(f){const v=u.subtract(f,h),g={x:0,y:0},{scrollableAncestors:D}=r.current;for(const p of D){const b=t.code,{isTop:m,isRight:x,isLeft:w,isBottom:A,maxScroll:S,minScroll:E}=Lt(p),y=mn(p),C={x:Math.min(b===exports.KeyboardCode.Right?y.right-y.width/2:y.right,Math.max(b===exports.KeyboardCode.Right?y.left:y.left+y.width/2,f.x)),y:Math.min(b===exports.KeyboardCode.Down?y.bottom-y.height/2:y.bottom,Math.max(b===exports.KeyboardCode.Down?y.top:y.top+y.height/2,f.y))},R=b===exports.KeyboardCode.Right&&!x||b===exports.KeyboardCode.Left&&!w,L=b===exports.KeyboardCode.Down&&!A||b===exports.KeyboardCode.Up&&!m;if(R&&C.x!==f.x){const M=p.scrollLeft+v.x,j=b===exports.KeyboardCode.Right&&M<=S.x||b===exports.KeyboardCode.Left&&M>=E.x;if(j&&!v.y){p.scrollTo({left:M,behavior:a});return}j?g.x=p.scrollLeft-M:g.x=b===exports.KeyboardCode.Right?p.scrollLeft-S.x:p.scrollLeft-E.x,g.x&&p.scrollBy({left:-g.x,behavior:a});break}else if(L&&C.y!==f.y){const M=p.scrollTop+v.y,j=b===exports.KeyboardCode.Down&&M<=S.y||b===exports.KeyboardCode.Up&&M>=E.y;if(j&&!v.x){p.scrollTo({top:M,behavior:a});return}j?g.y=p.scrollTop-M:g.y=b===exports.KeyboardCode.Down?p.scrollTop-S.y:p.scrollTop-E.y,g.y&&p.scrollBy({top:-g.y,behavior:a});break}}this.handleMove(t,u.add(u.subtract(f,this.referenceCoordinates),g))}}}handleMove(t,n){const{onMove:r}=this.props;t.preventDefault(),r(n)}handleEnd(t){const{onEnd:n}=this.props;t.preventDefault(),this.detach(),n()}handleCancel(t){const{onCancel:n}=this.props;t.preventDefault(),this.detach(),n()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}Fe.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=kt,onActivation:i}=t,{active:o}=n;const{code:s}=e.nativeEvent;if(r.start.includes(s)){const a=o.activatorNode.current;return a&&e.target!==a?!1:(e.preventDefault(),i==null||i({event:e.nativeEvent}),!0)}return!1}}];function dt(e){return!!(e&&"distance"in e)}function ft(e){return!!(e&&"delay"in e)}class We{constructor(t,n,r){var i;r===void 0&&(r=xn(t.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=t,this.events=n;const{event:o}=t,{target:s}=o;this.props=t,this.events=n,this.document=u.getOwnerDocument(s),this.documentListeners=new he(this.document),this.listeners=new he(r),this.windowListeners=new he(u.getWindow(s)),this.initialCoordinates=(i=u.getEventCoordinates(o))!=null?i:P,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:t,props:{options:{activationConstraint:n,bypassActivationConstraint:r}}}=this;if(this.listeners.add(t.move.name,this.handleMove,{passive:!1}),this.listeners.add(t.end.name,this.handleEnd),this.windowListeners.add(z.Resize,this.handleCancel),this.windowListeners.add(z.DragStart,ut),this.windowListeners.add(z.VisibilityChange,this.handleCancel),this.windowListeners.add(z.ContextMenu,ut),this.documentListeners.add(z.Keydown,this.handleKeydown),n){if(r!=null&&r({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(ft(n)){this.timeoutId=setTimeout(this.handleStart,n.delay);return}if(dt(n))return}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleStart(){const{initialCoordinates:t}=this,{onStart:n}=this.props;t&&(this.activated=!0,this.documentListeners.add(z.Click,Sn,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(z.SelectionChange,this.removeTextSelection),n(t))}handleMove(t){var n;const{activated:r,initialCoordinates:i,props:o}=this,{onMove:s,options:{activationConstraint:a}}=o;if(!i)return;const c=(n=u.getEventCoordinates(t))!=null?n:P,d=u.subtract(i,c);if(!r&&a){if(dt(a)){if(a.tolerance!=null&&Ie(d,a.tolerance))return this.handleCancel();if(Ie(d,a.distance))return this.handleStart()}return ft(a)&&Ie(d,a.tolerance)?this.handleCancel():void 0}t.cancelable&&t.preventDefault(),s(c)}handleEnd(){const{onEnd:t}=this.props;this.detach(),t()}handleCancel(){const{onCancel:t}=this.props;this.detach(),t()}handleKeydown(t){t.code===exports.KeyboardCode.Esc&&this.handleCancel()}removeTextSelection(){var t;(t=this.document.getSelection())==null||t.removeAllRanges()}}const Rn={move:{name:"pointermove"},end:{name:"pointerup"}};class Ue extends We{constructor(t){const{event:n}=t,r=u.getOwnerDocument(n.target);super(t,Rn,r)}}Ue.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!n.isPrimary||n.button!==0?!1:(r==null||r({event:n}),!0)}}];const Mn={move:{name:"mousemove"},end:{name:"mouseup"}};var Pe;(function(e){e[e.RightClick=2]="RightClick"})(Pe||(Pe={}));class Kt extends We{constructor(t){super(t,Mn,u.getOwnerDocument(t.event.target))}}Kt.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===Pe.RightClick?!1:(r==null||r({event:n}),!0)}}];const ke={move:{name:"touchmove"},end:{name:"touchend"}};class zt extends We{constructor(t){super(t,ke)}static setup(){return window.addEventListener(ke.move.name,t,{capture:!1,passive:!1}),function(){window.removeEventListener(ke.move.name,t)};function t(){}}}zt.activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:i}=n;return i.length>1?!1:(r==null||r({event:n}),!0)}}];exports.AutoScrollActivator=void 0;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(exports.AutoScrollActivator||(exports.AutoScrollActivator={}));exports.TraversalOrder=void 0;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(exports.TraversalOrder||(exports.TraversalOrder={}));function On(e){let{acceleration:t,activator:n=exports.AutoScrollActivator.Pointer,canScroll:r,draggingRect:i,enabled:o,interval:s=5,order:a=exports.TraversalOrder.TreeOrder,pointerCoordinates:c,scrollableAncestors:d,scrollableAncestorRects:h,delta:f,threshold:v}=e;const g=Nn({delta:f,disabled:!o}),[D,p]=u.useInterval(),b=l.useRef({x:0,y:0}),m=l.useRef({x:0,y:0}),x=l.useMemo(()=>{switch(n){case exports.AutoScrollActivator.Pointer:return c?{top:c.y,bottom:c.y,left:c.x,right:c.x}:null;case exports.AutoScrollActivator.DraggableRect:return i}},[n,i,c]),w=l.useRef(null),A=l.useCallback(()=>{const E=w.current;if(!E)return;const y=b.current.x*m.current.x,C=b.current.y*m.current.y;E.scrollBy(y,C)},[]),S=l.useMemo(()=>a===exports.TraversalOrder.TreeOrder?[...d].reverse():d,[a,d]);l.useEffect(()=>{if(!o||!d.length||!x){p();return}for(const E of S){if((r==null?void 0:r(E))===!1)continue;const y=d.indexOf(E),C=h[y];if(!C)continue;const{direction:R,speed:L}=yn(E,C,x,t,v);for(const M of["x","y"])g[M][R[M]]||(L[M]=0,R[M]=0);if(L.x>0||L.y>0){p(),w.current=E,D(A,s),b.current=L,m.current=R;return}}b.current={x:0,y:0},m.current={x:0,y:0},p()},[t,A,r,p,o,s,JSON.stringify(x),JSON.stringify(g),D,d,S,h,JSON.stringify(v)])}const An={x:{[N.Backward]:!1,[N.Forward]:!1},y:{[N.Backward]:!1,[N.Forward]:!1}};function Nn(e){let{delta:t,disabled:n}=e;const r=u.usePrevious(t);return u.useLazyMemo(i=>{if(n||!r||!i)return An;const o={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[N.Backward]:i.x[N.Backward]||o.x===-1,[N.Forward]:i.x[N.Forward]||o.x===1},y:{[N.Backward]:i.y[N.Backward]||o.y===-1,[N.Forward]:i.y[N.Forward]||o.y===1}}},[n,t,r])}function Ln(e,t){const n=t!==null?e.get(t):void 0,r=n?n.node.current:null;return u.useLazyMemo(i=>{var o;return t===null?null:(o=r??i)!=null?o:null},[r,t])}function Tn(e,t){return l.useMemo(()=>e.reduce((n,r)=>{const{sensor:i}=r,o=i.activators.map(s=>({eventName:s.eventName,handler:t(s.handler,r)}));return[...n,...o]},[]),[e,t])}exports.MeasuringStrategy=void 0;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(exports.MeasuringStrategy||(exports.MeasuringStrategy={}));exports.MeasuringFrequency=void 0;(function(e){e.Optimized="optimized"})(exports.MeasuringFrequency||(exports.MeasuringFrequency={}));const ht=new Map;function In(e,t){let{dragging:n,dependencies:r,config:i}=t;const[o,s]=l.useState(null),{frequency:a,measure:c,strategy:d}=i,h=l.useRef(e),f=b(),v=u.useLatestValue(f),g=l.useCallback(function(m){m===void 0&&(m=[]),!v.current&&s(x=>x===null?m:x.concat(m.filter(w=>!x.includes(w))))},[v]),D=l.useRef(null),p=u.useLazyMemo(m=>{if(f&&!n)return ht;if(!m||m===ht||h.current!==e||o!=null){const x=new Map;for(let w of e){if(!w)continue;if(o&&o.length>0&&!o.includes(w.id)&&w.rect.current){x.set(w.id,w.rect.current);continue}const A=w.node.current,S=A?new Be(c(A),A):null;w.rect.current=S,S&&x.set(w.id,S)}return x}return m},[e,o,n,f,c]);return l.useEffect(()=>{h.current=e},[e]),l.useEffect(()=>{f||g()},[n,f]),l.useEffect(()=>{o&&o.length>0&&s(null)},[JSON.stringify(o)]),l.useEffect(()=>{f||typeof a!="number"||D.current!==null||(D.current=setTimeout(()=>{g(),D.current=null},a))},[a,f,g,...r]),{droppableRects:p,measureDroppableContainers:g,measuringScheduled:o!=null};function b(){switch(d){case exports.MeasuringStrategy.Always:return!1;case exports.MeasuringStrategy.BeforeDragging:return n;default:return!n}}}function $e(e,t){return u.useLazyMemo(n=>e?n||(typeof t=="function"?t(e):e):null,[t,e])}function kn(e,t){return $e(e,t)}function Kn(e){let{callback:t,disabled:n}=e;const r=u.useEvent(t),i=l.useMemo(()=>{if(n||typeof window>"u"||typeof window.MutationObserver>"u")return;const{MutationObserver:o}=window;return new o(r)},[r,n]);return l.useEffect(()=>()=>i==null?void 0:i.disconnect(),[i]),i}function Ee(e){let{callback:t,disabled:n}=e;const r=u.useEvent(t),i=l.useMemo(()=>{if(n||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:o}=window;return new o(r)},[n]);return l.useEffect(()=>()=>i==null?void 0:i.disconnect(),[i]),i}function zn(e){return new Be(se(e),e)}function gt(e,t,n){t===void 0&&(t=zn);const[r,i]=l.useReducer(a,null),o=Kn({callback(c){if(e)for(const d of c){const{type:h,target:f}=d;if(h==="childList"&&f instanceof HTMLElement&&f.contains(e)){i();break}}}}),s=Ee({callback:i});return u.useIsomorphicLayoutEffect(()=>{i(),e?(s==null||s.observe(e),o==null||o.observe(document.body,{childList:!0,subtree:!0})):(s==null||s.disconnect(),o==null||o.disconnect())},[e]),r;function a(c){if(!e)return null;if(e.isConnected===!1){var d;return(d=c??n)!=null?d:null}const h=t(e);return JSON.stringify(c)===JSON.stringify(h)?c:h}}function Pn(e){const t=$e(e);return Et(e,t)}const vt=[];function Bn(e){const t=l.useRef(e),n=u.useLazyMemo(r=>e?r&&r!==vt&&e&&t.current&&e.parentNode===t.current.parentNode?r:Se(e):vt,[e]);return l.useEffect(()=>{t.current=e},[e]),n}function Fn(e){const[t,n]=l.useState(null),r=l.useRef(e),i=l.useCallback(o=>{const s=Te(o.target);s&&n(a=>a?(a.set(s,ze(s)),new Map(a)):null)},[]);return l.useEffect(()=>{const o=r.current;if(e!==o){s(o);const a=e.map(c=>{const d=Te(c);return d?(d.addEventListener("scroll",i,{passive:!0}),[d,ze(d)]):null}).filter(c=>c!=null);n(a.length?new Map(a):null),r.current=e}return()=>{s(e),s(o)};function s(a){a.forEach(c=>{const d=Te(c);d==null||d.removeEventListener("scroll",i)})}},[i,e]),l.useMemo(()=>e.length?t?Array.from(t.values()).reduce((o,s)=>u.add(o,s),P):Tt(e):P,[e,t])}function pt(e,t){t===void 0&&(t=[]);const n=l.useRef(null);return l.useEffect(()=>{n.current=null},t),l.useEffect(()=>{const r=e!==P;r&&!n.current&&(n.current=e),!r&&n.current&&(n.current=null)},[e]),n.current?u.subtract(e,n.current):P}function Wn(e){l.useEffect(()=>{if(!u.canUseDOM)return;const t=e.map(n=>{let{sensor:r}=n;return r.setup==null?void 0:r.setup()});return()=>{for(const n of t)n==null||n()}},e.map(t=>{let{sensor:n}=t;return n}))}function Un(e,t){return l.useMemo(()=>e.reduce((n,r)=>{let{eventName:i,handler:o}=r;return n[i]=s=>{o(s,t)},n},{}),[e,t])}function Pt(e){return l.useMemo(()=>e?gn(e):null,[e])}const Ke=[];function $n(e,t){t===void 0&&(t=se);const[n]=e,r=Pt(n?u.getWindow(n):null),[i,o]=l.useReducer(a,Ke),s=Ee({callback:o});return e.length>0&&i===Ke&&o(),u.useIsomorphicLayoutEffect(()=>{e.length?e.forEach(c=>s==null?void 0:s.observe(c)):(s==null||s.disconnect(),o())},[e]),i;function a(){return e.length?e.map(c=>Nt(c)?r:new Be(t(c),c)):Ke}}function Bt(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return u.isHTMLElement(t)?t:e}function jn(e){let{measure:t}=e;const[n,r]=l.useState(null),i=l.useCallback(d=>{for(const{target:h}of d)if(u.isHTMLElement(h)){r(f=>{const v=t(h);return f?{...f,width:v.width,height:v.height}:v});break}},[t]),o=Ee({callback:i}),s=l.useCallback(d=>{const h=Bt(d);o==null||o.disconnect(),h&&(o==null||o.observe(h)),r(h?t(h):null)},[t,o]),[a,c]=u.useNodeRef(s);return l.useMemo(()=>({nodeRef:a,rect:n,setRef:c}),[n,a,c])}const qn=[{sensor:Ue,options:{}},{sensor:Fe,options:{}}],Xn={current:{}},De={draggable:{measure:ct},droppable:{measure:ct,strategy:exports.MeasuringStrategy.WhileDragging,frequency:exports.MeasuringFrequency.Optimized},dragOverlay:{measure:se}};class ge extends Map{get(t){var n;return t!=null&&(n=super.get(t))!=null?n:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(t=>{let{disabled:n}=t;return!n})}getNodeFor(t){var n,r;return(n=(r=this.get(t))==null?void 0:r.node.current)!=null?n:void 0}}const Yn={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new ge,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:xe},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:De,measureDroppableContainers:xe,windowRect:null,measuringScheduled:!1},Ft={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:xe,draggableNodes:new Map,over:null,measureDroppableContainers:xe},ve=l.createContext(Ft),Wt=l.createContext(Yn);function _n(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new ge}}}function Hn(e,t){switch(t.type){case O.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case O.DragMove:return e.draggable.active?{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}}:e;case O.DragEnd:case O.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case O.RegisterDroppable:{const{element:n}=t,{id:r}=n,i=new ge(e.droppable.containers);return i.set(r,n),{...e,droppable:{...e.droppable,containers:i}}}case O.SetDroppableDisabled:{const{id:n,key:r,disabled:i}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const s=new ge(e.droppable.containers);return s.set(n,{...o,disabled:i}),{...e,droppable:{...e.droppable,containers:s}}}case O.UnregisterDroppable:{const{id:n,key:r}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;const o=new ge(e.droppable.containers);return o.delete(n),{...e,droppable:{...e.droppable,containers:o}}}default:return e}}function Vn(e){let{disabled:t}=e;const{active:n,activatorEvent:r,draggableNodes:i}=l.useContext(ve),o=u.usePrevious(r),s=u.usePrevious(n==null?void 0:n.id);return l.useEffect(()=>{if(!t&&!r&&o&&s!=null){if(!u.isKeyboardEvent(o)||document.activeElement===o.target)return;const a=i.get(s);if(!a)return;const{activatorNode:c,node:d}=a;if(!c.current&&!d.current)return;requestAnimationFrame(()=>{for(const h of[c.current,d.current]){if(!h)continue;const f=u.findFirstFocusableNode(h);if(f){f.focus();break}}})}},[r,t,i,s,o]),null}function je(e,t){let{transform:n,...r}=t;return e!=null&&e.length?e.reduce((i,o)=>o({transform:i,...r}),n):n}function Jn(e){return l.useMemo(()=>({draggable:{...De.draggable,...e==null?void 0:e.draggable},droppable:{...De.droppable,...e==null?void 0:e.droppable},dragOverlay:{...De.dragOverlay,...e==null?void 0:e.dragOverlay}}),[e==null?void 0:e.draggable,e==null?void 0:e.droppable,e==null?void 0:e.dragOverlay])}function Gn(e){let{activeNode:t,measure:n,initialRect:r,config:i=!0}=e;const o=l.useRef(!1),{x:s,y:a}=typeof i=="boolean"?{x:i,y:i}:i;u.useIsomorphicLayoutEffect(()=>{if(!s&&!a||!t){o.current=!1;return}if(o.current||!r)return;const d=t==null?void 0:t.node.current;if(!d||d.isConnected===!1)return;const h=n(d),f=Et(h,r);if(s||(f.x=0),a||(f.y=0),o.current=!0,Math.abs(f.x)>0||Math.abs(f.y)>0){const v=Mt(d);v&&v.scrollBy({top:f.y,left:f.x})}},[t,s,a,r,n])}const Re=l.createContext({...P,scaleX:1,scaleY:1});var J;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(J||(J={}));const Qn=l.memo(function(t){var n,r,i,o;let{id:s,accessibility:a,autoScroll:c=!0,children:d,sensors:h=qn,collisionDetection:f=St,measuring:v,modifiers:g,...D}=t;const p=l.useReducer(Hn,void 0,_n),[b,m]=p,[x,w]=Qt(),[A,S]=l.useState(J.Uninitialized),E=A===J.Initialized,{draggable:{active:y,nodes:C,translate:R},droppable:{containers:L}}=b,M=y?C.get(y):null,j=l.useRef({initial:null,translated:null}),q=l.useMemo(()=>{var T;return y!=null?{id:y,data:(T=M==null?void 0:M.data)!=null?T:Xn,rect:j}:null},[y,M]),Y=l.useRef(null),[qe,Xe]=l.useState(null),[X,Ye]=l.useState(null),ae=u.useLatestValue(D,Object.values(D)),Me=u.useUniqueId("DndDescribedBy",s),_e=l.useMemo(()=>L.getEnabled(),[L]),G=Jn(v),{droppableRects:ee,measureDroppableContainers:pe,measuringScheduled:He}=In(_e,{dragging:E,dependencies:[R.x,R.y],config:G.droppable}),B=Ln(C,y),Ve=l.useMemo(()=>X?u.getEventCoordinates(X):null,[X]),Je=Gt(),Ge=kn(B,G.draggable.measure);Gn({activeNode:y?C.get(y):null,config:Je.layoutShiftCompensation,initialRect:Ge,measure:G.draggable.measure});const F=gt(B,G.draggable.measure,Ge),Oe=gt(B?B.parentElement:null),Q=l.useRef({activatorEvent:null,active:null,activeNode:B,collisionRect:null,collisions:null,droppableRects:ee,draggableNodes:C,draggingNode:null,draggingNodeRect:null,droppableContainers:L,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),Qe=L.getNodeFor((n=Q.current.over)==null?void 0:n.id),Z=jn({measure:G.dragOverlay.measure}),be=(r=Z.nodeRef.current)!=null?r:B,te=E?(i=Z.rect)!=null?i:F:null,Ze=!!(Z.nodeRef.current&&Z.rect),et=Pn(Ze?null:F),Ae=Pt(be?u.getWindow(be):null),_=Bn(E?Qe??B:null),ye=$n(_),me=je(g,{transform:{x:R.x-et.x,y:R.y-et.y,scaleX:1,scaleY:1},activatorEvent:X,active:q,activeNodeRect:F,containerNodeRect:Oe,draggingNodeRect:te,over:Q.current.over,overlayNodeRect:Z.rect,scrollableAncestors:_,scrollableAncestorRects:ye,windowRect:Ae}),tt=Ve?u.add(Ve,R):null,nt=Fn(_),qt=pt(nt),Xt=pt(nt,[F]),ne=u.add(me,qt),re=te?dn(te,me):null,le=q&&re?f({active:q,collisionRect:re,droppableRects:ee,droppableContainers:_e,pointerCoordinates:tt}):null,rt=xt(le,"id"),[H,ot]=l.useState(null),Yt=Ze?me:u.add(me,Xt),_t=cn(Yt,(o=H==null?void 0:H.rect)!=null?o:null,F),it=l.useCallback((T,I)=>{let{sensor:k,options:V}=I;if(Y.current==null)return;const K=C.get(Y.current);if(!K)return;const W=T.nativeEvent,$=new k({active:Y.current,activeNode:K,event:W,options:V,context:Q,onStart(U){const ce=Y.current;if(ce==null)return;const ue=C.get(ce);if(!ue)return;const{onDragStart:we}=ae.current,Ce={active:{id:ce,data:ue.data,rect:j}};ie.unstable_batchedUpdates(()=>{we==null||we(Ce),S(J.Initializing),m({type:O.DragStart,initialCoordinates:U,active:ce}),x({type:"onDragStart",event:Ce})})},onMove(U){m({type:O.DragMove,coordinates:U})},onEnd:oe(O.DragEnd),onCancel:oe(O.DragCancel)});ie.unstable_batchedUpdates(()=>{Xe($),Ye(T.nativeEvent)});function oe(U){return async function(){const{active:ue,collisions:we,over:Ce,scrollAdjustedTranslate:at}=Q.current;let de=null;if(ue&&at){const{cancelDrop:fe}=ae.current;de={activatorEvent:W,active:ue,collisions:we,delta:at,over:Ce},U===O.DragEnd&&typeof fe=="function"&&await Promise.resolve(fe(de))&&(U=O.DragCancel)}Y.current=null,ie.unstable_batchedUpdates(()=>{m({type:U}),S(J.Uninitialized),ot(null),Xe(null),Ye(null);const fe=U===O.DragEnd?"onDragEnd":"onDragCancel";if(de){const Ne=ae.current[fe];Ne==null||Ne(de),x({type:fe,event:de})}})}}},[C]),Ht=l.useCallback((T,I)=>(k,V)=>{const K=k.nativeEvent,W=C.get(V);if(Y.current!==null||!W||K.dndKit||K.defaultPrevented)return;const $={active:W};T(k,I.options,$)===!0&&(K.dndKit={capturedBy:I.sensor},Y.current=V,it(k,I))},[C,it]),st=Tn(h,Ht);Wn(h),u.useIsomorphicLayoutEffect(()=>{F&&A===J.Initializing&&S(J.Initialized)},[F,A]),l.useEffect(()=>{const{onDragMove:T}=ae.current,{active:I,activatorEvent:k,collisions:V,over:K}=Q.current;if(!I||!k)return;const W={active:I,activatorEvent:k,collisions:V,delta:{x:ne.x,y:ne.y},over:K};ie.unstable_batchedUpdates(()=>{T==null||T(W),x({type:"onDragMove",event:W})})},[ne.x,ne.y]),l.useEffect(()=>{const{active:T,activatorEvent:I,collisions:k,droppableContainers:V,scrollAdjustedTranslate:K}=Q.current;if(!T||Y.current==null||!I||!K)return;const{onDragOver:W}=ae.current,$=V.get(rt),oe=$&&$.rect.current?{id:$.id,rect:$.rect.current,data:$.data,disabled:$.disabled}:null,U={active:T,activatorEvent:I,collisions:k,delta:{x:K.x,y:K.y},over:oe};ie.unstable_batchedUpdates(()=>{ot(oe),W==null||W(U),x({type:"onDragOver",event:U})})},[rt]),u.useIsomorphicLayoutEffect(()=>{Q.current={activatorEvent:X,active:q,activeNode:B,collisionRect:re,collisions:le,droppableRects:ee,draggableNodes:C,draggingNode:be,draggingNodeRect:te,droppableContainers:L,over:H,scrollableAncestors:_,scrollAdjustedTranslate:ne},j.current={initial:te,translated:re}},[q,B,le,re,C,be,te,ee,L,H,_,ne]),On({...Je,delta:R,draggingRect:re,pointerCoordinates:tt,scrollableAncestors:_,scrollableAncestorRects:ye});const Vt=l.useMemo(()=>({active:q,activeNode:B,activeNodeRect:F,activatorEvent:X,collisions:le,containerNodeRect:Oe,dragOverlay:Z,draggableNodes:C,droppableContainers:L,droppableRects:ee,over:H,measureDroppableContainers:pe,scrollableAncestors:_,scrollableAncestorRects:ye,measuringConfiguration:G,measuringScheduled:He,windowRect:Ae}),[q,B,F,X,le,Oe,Z,C,L,ee,H,pe,_,ye,G,He,Ae]),Jt=l.useMemo(()=>({activatorEvent:X,activators:st,active:q,activeNodeRect:F,ariaDescribedById:{draggable:Me},dispatch:m,draggableNodes:C,over:H,measureDroppableContainers:pe}),[X,st,q,F,m,Me,C,H,pe]);return l.createElement(mt.Provider,{value:w},l.createElement(ve.Provider,{value:Jt},l.createElement(Wt.Provider,{value:Vt},l.createElement(Re.Provider,{value:_t},d)),l.createElement(Vn,{disabled:(a==null?void 0:a.restoreFocus)===!1})),l.createElement(Zt,{...a,hiddenTextDescribedById:Me}));function Gt(){const T=(qe==null?void 0:qe.autoScrollEnabled)===!1,I=typeof c=="object"?c.enabled===!1:c===!1,k=E&&!T&&!I;return typeof c=="object"?{...c,enabled:k}:{enabled:k}}}),Zn=l.createContext(null),bt="button",er="Droppable";function tr(e){let{id:t,data:n,disabled:r=!1,attributes:i}=e;const o=u.useUniqueId(er),{activators:s,activatorEvent:a,active:c,activeNodeRect:d,ariaDescribedById:h,draggableNodes:f,over:v}=l.useContext(ve),{role:g=bt,roleDescription:D="draggable",tabIndex:p=0}=i??{},b=(c==null?void 0:c.id)===t,m=l.useContext(b?Re:Zn),[x,w]=u.useNodeRef(),[A,S]=u.useNodeRef(),E=Un(s,t),y=u.useLatestValue(n);u.useIsomorphicLayoutEffect(()=>(f.set(t,{id:t,key:o,node:x,activatorNode:A,data:y}),()=>{const R=f.get(t);R&&R.key===o&&f.delete(t)}),[f,t]);const C=l.useMemo(()=>({role:g,tabIndex:p,"aria-disabled":r,"aria-pressed":b&&g===bt?!0:void 0,"aria-roledescription":D,"aria-describedby":h.draggable}),[r,g,p,b,D,h.draggable]);return{active:c,activatorEvent:a,activeNodeRect:d,attributes:C,isDragging:b,listeners:r?void 0:E,node:x,over:v,setNodeRef:w,setActivatorNodeRef:S,transform:m}}function Ut(){return l.useContext(Wt)}const nr="Droppable",rr={timeout:25};function or(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:i}=e;const o=u.useUniqueId(nr),{active:s,dispatch:a,over:c,measureDroppableContainers:d}=l.useContext(ve),h=l.useRef({disabled:n}),f=l.useRef(!1),v=l.useRef(null),g=l.useRef(null),{disabled:D,updateMeasurementsFor:p,timeout:b}={...rr,...i},m=u.useLatestValue(p??r),x=l.useCallback(()=>{if(!f.current){f.current=!0;return}g.current!=null&&clearTimeout(g.current),g.current=setTimeout(()=>{d(Array.isArray(m.current)?m.current:[m.current]),g.current=null},b)},[b]),w=Ee({callback:x,disabled:D||!s}),A=l.useCallback((C,R)=>{w&&(R&&(w.unobserve(R),f.current=!1),C&&w.observe(C))},[w]),[S,E]=u.useNodeRef(A),y=u.useLatestValue(t);return l.useEffect(()=>{!w||!S.current||(w.disconnect(),f.current=!1,w.observe(S.current))},[S,w]),u.useIsomorphicLayoutEffect(()=>(a({type:O.RegisterDroppable,element:{id:r,key:o,disabled:n,node:S,rect:v,data:y}}),()=>a({type:O.UnregisterDroppable,key:o,id:r})),[r]),l.useEffect(()=>{n!==h.current.disabled&&(a({type:O.SetDroppableDisabled,id:r,key:o,disabled:n}),h.current.disabled=n)},[r,o,n,a]),{active:s,rect:v,isOver:(c==null?void 0:c.id)===r,node:S,over:c,setNodeRef:E}}function ir(e){let{animation:t,children:n}=e;const[r,i]=l.useState(null),[o,s]=l.useState(null),a=u.usePrevious(n);return!n&&!r&&a&&i(a),u.useIsomorphicLayoutEffect(()=>{if(!o)return;const c=r==null?void 0:r.key,d=r==null?void 0:r.props.id;if(c==null||d==null){i(null);return}Promise.resolve(t(d,o)).then(()=>{i(null)})},[t,r,o]),l.createElement(l.Fragment,null,n,r?l.cloneElement(r,{ref:s}):null)}const sr={x:0,y:0,scaleX:1,scaleY:1};function ar(e){let{children:t}=e;return l.createElement(ve.Provider,{value:Ft},l.createElement(Re.Provider,{value:sr},t))}const lr={position:"fixed",touchAction:"none"},cr=e=>u.isKeyboardEvent(e)?"transform 250ms ease":void 0,ur=l.forwardRef((e,t)=>{let{as:n,activatorEvent:r,adjustScale:i,children:o,className:s,rect:a,style:c,transform:d,transition:h=cr}=e;if(!a)return null;const f=i?d:{...d,scaleX:1,scaleY:1},v={...lr,width:a.width,height:a.height,top:a.top,left:a.left,transform:u.CSS.Transform.toString(f),transformOrigin:i&&r?rn(r,a):void 0,transition:typeof h=="function"?h(r):h,...c};return l.createElement(n,{className:s,style:v,ref:t},o)}),$t=e=>t=>{let{active:n,dragOverlay:r}=t;const i={},{styles:o,className:s}=e;if(o!=null&&o.active)for(const[a,c]of Object.entries(o.active))c!==void 0&&(i[a]=n.node.style.getPropertyValue(a),n.node.style.setProperty(a,c));if(o!=null&&o.dragOverlay)for(const[a,c]of Object.entries(o.dragOverlay))c!==void 0&&r.node.style.setProperty(a,c);return s!=null&&s.active&&n.node.classList.add(s.active),s!=null&&s.dragOverlay&&r.node.classList.add(s.dragOverlay),function(){for(const[c,d]of Object.entries(i))n.node.style.setProperty(c,d);s!=null&&s.active&&n.node.classList.remove(s.active)}},dr=e=>{let{transform:{initial:t,final:n}}=e;return[{transform:u.CSS.Transform.toString(t)},{transform:u.CSS.Transform.toString(n)}]},jt={duration:250,easing:"ease",keyframes:dr,sideEffects:$t({styles:{active:{opacity:"0"}}})};function fr(e){let{config:t,draggableNodes:n,droppableContainers:r,measuringConfiguration:i}=e;return u.useEvent((o,s)=>{if(t===null)return;const a=n.get(o);if(!a)return;const c=a.node.current;if(!c)return;const d=Bt(s);if(!d)return;const{transform:h}=u.getWindow(s).getComputedStyle(s),f=Rt(h);if(!f)return;const v=typeof t=="function"?t:hr(t);return It(c,i.draggable.measure),v({active:{id:o,data:a.data,node:c,rect:i.draggable.measure(c)},draggableNodes:n,dragOverlay:{node:s,rect:i.dragOverlay.measure(d)},droppableContainers:r,measuringConfiguration:i,transform:f})})}function hr(e){const{duration:t,easing:n,sideEffects:r,keyframes:i}={...jt,...e};return o=>{let{active:s,dragOverlay:a,transform:c,...d}=o;if(!t)return;const h={x:a.rect.left-s.rect.left,y:a.rect.top-s.rect.top},f={scaleX:c.scaleX!==1?s.rect.width*c.scaleX/a.rect.width:1,scaleY:c.scaleY!==1?s.rect.height*c.scaleY/a.rect.height:1},v={x:c.x-h.x,y:c.y-h.y,...f},g=i({...d,active:s,dragOverlay:a,transform:{initial:c,final:v}}),[D]=g,p=g[g.length-1];if(JSON.stringify(D)===JSON.stringify(p))return;const b=r==null?void 0:r({active:s,dragOverlay:a,...d}),m=a.node.animate(g,{duration:t,easing:n,fill:"forwards"});return new Promise(x=>{m.onfinish=()=>{b==null||b(),x()}})}}let yt=0;function gr(e){return l.useMemo(()=>{if(e!=null)return yt++,yt},[e])}const vr=l.memo(e=>{let{adjustScale:t=!1,children:n,dropAnimation:r,style:i,transition:o,modifiers:s,wrapperElement:a="div",className:c,zIndex:d=999}=e;const{activatorEvent:h,active:f,activeNodeRect:v,containerNodeRect:g,draggableNodes:D,droppableContainers:p,dragOverlay:b,over:m,measuringConfiguration:x,scrollableAncestors:w,scrollableAncestorRects:A,windowRect:S}=Ut(),E=l.useContext(Re),y=gr(f==null?void 0:f.id),C=je(s,{activatorEvent:h,active:f,activeNodeRect:v,containerNodeRect:g,draggingNodeRect:b.rect,over:m,overlayNodeRect:b.rect,scrollableAncestors:w,scrollableAncestorRects:A,transform:E,windowRect:S}),R=$e(v),L=fr({config:r,draggableNodes:D,droppableContainers:p,measuringConfiguration:x}),M=R?b.setRef:void 0;return l.createElement(ar,null,l.createElement(ir,{animation:L},f&&y?l.createElement(ur,{key:y,id:f.id,ref:M,as:a,activatorEvent:h,adjustScale:t,className:c,transition:o,rect:R,style:{zIndex:d,...i},transform:C},n):null))});exports.DndContext=Qn;exports.DragOverlay=vr;exports.KeyboardSensor=Fe;exports.MouseSensor=Kt;exports.PointerSensor=Ue;exports.TouchSensor=zt;exports.applyModifiers=je;exports.closestCorners=an;exports.defaultAnnouncements=Dt;exports.defaultCoordinates=P;exports.defaultDropAnimation=jt;exports.defaultDropAnimationSideEffects=$t;exports.defaultScreenReaderInstructions=Ct;exports.getClientRect=se;exports.getFirstCollision=xt;exports.getScrollableAncestors=Se;exports.rectIntersection=St;exports.useDndContext=Ut;exports.useDndMonitor=wt;exports.useDraggable=tr;exports.useDroppable=or;exports.useSensor=en;exports.useSensors=tn;