@new-black/lyra 1.0.4 → 1.0.6

package/dist/lyra459.js

@@ -1,56 +1,64 @@
-import { KeyboardCode as i } from "./lyra458.js";
-import { subtract as b } from "./lyra603.js";
-const w = (s, { context: { active: h, collisionRect: p, droppableContainers: M, droppableRects: d } }) => {
-  if (!h || !p)
-    return;
-  if ([
-    i.Down,
-    i.Right,
-    i.Up,
-    i.Left
-  ].includes(s.code)) {
-    s.preventDefault();
-    const e = { x: p.left, y: p.top };
-    let a, f = Number.MAX_SAFE_INTEGER;
-    if (M.getEnabled().forEach((r) => {
-      if (r.id === h.id || r.disabled)
-        return;
-      const t = d.get(r.id);
-      if (!t)
-        return;
-      let o;
-      switch (s.code) {
-        case i.Right:
-          t.left > e.x && t.top === e.y && (o = Math.sqrt(
-            Math.pow(t.left - e.x, 2) + Math.pow(t.top - e.y, 2)
-          ), o < f && (f = o, a = r));
-          break;
-        case i.Left:
-          t.right < e.x && t.top === e.y && (o = Math.sqrt(
-            Math.pow(e.x - t.right, 2) + Math.pow(e.y - t.top, 2)
-          ), o < f && (f = o, a = r));
-          break;
-        case i.Down:
-          t.top > e.y && (o = Math.sqrt(
-            Math.pow(t.left - e.x, 2) + Math.pow(t.top - e.y, 2)
-          ), o < f && (f = o, a = r));
-          break;
-        case i.Up:
-          t.bottom < e.y && (o = Math.sqrt(
-            Math.pow(e.x - t.left, 2) + Math.pow(e.y - t.bottom, 2)
-          ), o < f && (f = o, a = r));
-          break;
-      }
-    }), a) {
-      const r = d.get(a.id);
-      if (r)
-        return y(r);
-    }
+import { j as r } from "./lyra87.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 "./lyra461.js";
+import { restrictToParentElement as R } from "./lyra612.js";
+import { SortableContext as w, sortableKeyboardCoordinates as A } from "./lyra613.js";
+import { clsx as G } from "./lyra447.js";
+import { useDragEvents as O } from "./lyra614.js";
+import { useSortingStrategy as T } from "./lyra615.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 y(s) {
-  return b({ x: s.left, y: s.top }, { x: 0, y: 0 });
+function q({ children: t, id: e }) {
+  const { setNodeRef: o } = K({ id: e });
+  return /* @__PURE__ */ r.jsx("div", { ref: o, children: t });
 }
 export {
-  w as flexWrappedListKeyboardCoordinates
+  W as SortableContainer
 };

package/dist/lyra459.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra459.js","sources":["../src/components/sortable/sortable-flex-wrapped-list-keyboard-coordinates.ts"],"sourcesContent":["import {\n  ClientRect,\n  DroppableContainer,\n  KeyboardCode,\n  KeyboardCoordinateGetter,\n} from \"@dnd-kit/core\";\nimport { subtract } from \"@dnd-kit/utilities\";\n\n/**\n * A keyboard coordinate getter for a sortable flex-wrapped list.\n * This function is used to determine the coordinates of the target container when using the keyboard to move items.\n */\nexport const flexWrappedListKeyboardCoordinates: KeyboardCoordinateGetter = (\n  event,\n  { context: { active, collisionRect, droppableContainers, droppableRects } },\n) => {\n  if (!active || !collisionRect) return;\n\n  const directions: string[] = [\n    KeyboardCode.Down,\n    KeyboardCode.Right,\n    KeyboardCode.Up,\n    KeyboardCode.Left,\n  ];\n\n  if (directions.includes(event.code)) {\n    event.preventDefault();\n\n    const currentPosition = { x: collisionRect.left, y: collisionRect.top };\n\n    let bestMatch: DroppableContainer | undefined;\n    let shortestDistance = Number.MAX_SAFE_INTEGER;\n\n    droppableContainers.getEnabled().forEach((container) => {\n      if (container.id === active.id || container.disabled) return;\n\n      const rect = droppableRects.get(container.id);\n      if (!rect) return;\n\n      let distance: number;\n\n      switch (event.code) {\n        case KeyboardCode.Right:\n          if (rect.left > currentPosition.x && rect.top === currentPosition.y) {\n            distance = Math.sqrt(\n              Math.pow(rect.left - currentPosition.x, 2) +\n                Math.pow(rect.top - currentPosition.y, 2),\n            );\n            if (distance < shortestDistance) {\n              shortestDistance = distance;\n              bestMatch = container;\n            }\n          }\n          break;\n        case KeyboardCode.Left:\n          if (rect.right < currentPosition.x && rect.top === currentPosition.y) {\n            distance = Math.sqrt(\n              Math.pow(currentPosition.x - rect.right, 2) +\n                Math.pow(currentPosition.y - rect.top, 2),\n            );\n            if (distance < shortestDistance) {\n              shortestDistance = distance;\n              bestMatch = container;\n            }\n          }\n          break;\n        case KeyboardCode.Down:\n          if (rect.top > currentPosition.y) {\n            distance = Math.sqrt(\n              Math.pow(rect.left - currentPosition.x, 2) +\n                Math.pow(rect.top - currentPosition.y, 2),\n            );\n            if (distance < shortestDistance) {\n              shortestDistance = distance;\n              bestMatch = container;\n            }\n          }\n          break;\n        case KeyboardCode.Up:\n          if (rect.bottom < currentPosition.y) {\n            distance = Math.sqrt(\n              Math.pow(currentPosition.x - rect.left, 2) +\n                Math.pow(currentPosition.y - rect.bottom, 2),\n            );\n            if (distance < shortestDistance) {\n              shortestDistance = distance;\n              bestMatch = container;\n            }\n          }\n          break;\n      }\n    });\n\n    if (bestMatch) {\n      const bestRect = droppableRects.get(bestMatch.id);\n      if (bestRect) {\n        return getTargetCoordinates(bestRect);\n      }\n    }\n  }\n};\n\nfunction getTargetCoordinates(targetRect: ClientRect) {\n  // This function can be enhanced to account for different types of adjustments\n  // For simplicity, it currently just returns the top-left of the targetRect.\n  // Adjust based on your specific UI/UX requirements.\n  return subtract({ x: targetRect.left, y: targetRect.top }, { x: 0, y: 0 });\n}\n"],"names":["flexWrappedListKeyboardCoordinates","event","active","collisionRect","droppableContainers","droppableRects","KeyboardCode","currentPosition","bestMatch","shortestDistance","container","rect","distance","bestRect","getTargetCoordinates","targetRect","subtract"],"mappings":";;AAYa,MAAAA,IAA+D,CAC1EC,GACA,EAAE,SAAS,EAAE,QAAAC,GAAQ,eAAAC,GAAe,qBAAAC,GAAqB,gBAAAC,EAAe,QACrE;AACC,MAAA,CAACH,KAAU,CAACC;AAAe;AAS/B,MAP6B;AAAA,IAC3BG,EAAa;AAAA,IACbA,EAAa;AAAA,IACbA,EAAa;AAAA,IACbA,EAAa;AAAA,EAAA,EAGA,SAASL,EAAM,IAAI,GAAG;AACnC,IAAAA,EAAM,eAAe;AAErB,UAAMM,IAAkB,EAAE,GAAGJ,EAAc,MAAM,GAAGA,EAAc;AAE9D,QAAAK,GACAC,IAAmB,OAAO;AA8D9B,QA5DAL,EAAoB,WAAW,EAAE,QAAQ,CAACM,MAAc;AACtD,UAAIA,EAAU,OAAOR,EAAO,MAAMQ,EAAU;AAAU;AAEtD,YAAMC,IAAON,EAAe,IAAIK,EAAU,EAAE;AAC5C,UAAI,CAACC;AAAM;AAEP,UAAAC;AAEJ,cAAQX,EAAM,MAAM;AAAA,QAClB,KAAKK,EAAa;AAChB,UAAIK,EAAK,OAAOJ,EAAgB,KAAKI,EAAK,QAAQJ,EAAgB,MAChEK,IAAW,KAAK;AAAA,YACd,KAAK,IAAID,EAAK,OAAOJ,EAAgB,GAAG,CAAC,IACvC,KAAK,IAAII,EAAK,MAAMJ,EAAgB,GAAG,CAAC;AAAA,UAAA,GAExCK,IAAWH,MACMA,IAAAG,GACPJ,IAAAE;AAGhB;AAAA,QACF,KAAKJ,EAAa;AAChB,UAAIK,EAAK,QAAQJ,EAAgB,KAAKI,EAAK,QAAQJ,EAAgB,MACjEK,IAAW,KAAK;AAAA,YACd,KAAK,IAAIL,EAAgB,IAAII,EAAK,OAAO,CAAC,IACxC,KAAK,IAAIJ,EAAgB,IAAII,EAAK,KAAK,CAAC;AAAA,UAAA,GAExCC,IAAWH,MACMA,IAAAG,GACPJ,IAAAE;AAGhB;AAAA,QACF,KAAKJ,EAAa;AACZ,UAAAK,EAAK,MAAMJ,EAAgB,MAC7BK,IAAW,KAAK;AAAA,YACd,KAAK,IAAID,EAAK,OAAOJ,EAAgB,GAAG,CAAC,IACvC,KAAK,IAAII,EAAK,MAAMJ,EAAgB,GAAG,CAAC;AAAA,UAAA,GAExCK,IAAWH,MACMA,IAAAG,GACPJ,IAAAE;AAGhB;AAAA,QACF,KAAKJ,EAAa;AACZ,UAAAK,EAAK,SAASJ,EAAgB,MAChCK,IAAW,KAAK;AAAA,YACd,KAAK,IAAIL,EAAgB,IAAII,EAAK,MAAM,CAAC,IACvC,KAAK,IAAIJ,EAAgB,IAAII,EAAK,QAAQ,CAAC;AAAA,UAAA,GAE3CC,IAAWH,MACMA,IAAAG,GACPJ,IAAAE;AAGhB;AAAA,MACJ;AAAA,IAAA,CACD,GAEGF,GAAW;AACb,YAAMK,IAAWR,EAAe,IAAIG,EAAU,EAAE;AAChD,UAAIK;AACF,eAAOC,EAAqBD,CAAQ;AAAA,IAExC;AAAA,EACF;AACF;AAEA,SAASC,EAAqBC,GAAwB;AAIpD,SAAOC,EAAS,EAAE,GAAGD,EAAW,MAAM,GAAGA,EAAW,IAAI,GAAG,EAAE,GAAG,GAAG,GAAG,EAAG,CAAA;AAC3E;"}
+{"version":3,"file":"lyra459.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/lyra46.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra87.cjs"),x=require("./lyra447.cjs"),i=require("./lyra90.cjs"),R=require("./lyra71.cjs");require("./lyra72.cjs");const r=require("./lyra47.cjs");function N(t,e){const{list:a}=r.keyValueRowStyles();return n.jsxRuntimeExports.jsx("div",{ref:e,className:a({className:t.className}),style:t.style,children:t.children})}const m=i.fixedForwardRef(N);m.displayName="KeyValueRowList";function K({children:t,classes:e,label:a,multiline:u=!1,styles:o},V){const{key:l,row:f,value:j}=r.keyValueRowStyles();return n.jsxRuntimeExports.jsxs("div",{ref:V,className:f({className:e==null?void 0:e.row}),style:o==null?void 0:o.row,children:[n.jsxRuntimeExports.jsx("div",{className:l({className:e==null?void 0:e.keyContainer}),style:o==null?void 0:o.keyContainer,children:n.jsxRuntimeExports.jsx(R.Text,{variant:"body-medium",className:x.clsx("font-semibold",e==null?void 0:e.key),style:o==null?void 0:o.key,children:a})}),n.jsxRuntimeExports.jsx("div",{className:j({className:e==null?void 0:e.valueContainer}),style:o==null?void 0:o.valueContainer,children:!t||typeof t=="string"||typeof t=="number"?n.jsxRuntimeExports.jsx(R.Text,{variant:"body-medium",className:x.clsx(u?"":"inline-block max-w-full truncate",e==null?void 0:e.value),style:o==null?void 0:o.value,children:typeof t=="number"?t.toString():t!=null&&t.length?t:"-"}):t})]})}const w=i.fixedForwardRef(K);w.displayName="KeyValueRow";function v({children:t,className:e,style:a},u){const{keyValueRowBadgeContainer:o}=r.keyValueRowStyles();return n.jsxRuntimeExports.jsx("div",{ref:u,className:o({className:e}),style:a,children:t})}const y=i.fixedForwardRef(v);y.displayName="KeyValueRowBadge";function C({children:t,className:e,style:a},u){const{keyValueRowButtonContainer:o}=r.keyValueRowStyles();return n.jsxRuntimeExports.jsx("div",{ref:u,className:o({className:e}),style:a,children:t})}const d=i.fixedForwardRef(C);d.displayName="KeyValueRowButtonContainer";exports.KeyValueRow=w;exports.KeyValueRowBadgeContainer=y;exports.KeyValueRowButtonContainer=d;exports.KeyValueRowList=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra87.cjs"),x=require("./lyra447.cjs"),i=require("./lyra90.cjs"),m=require("./lyra71.cjs");require("./lyra72.cjs");const r=require("./lyra47.cjs");function k(t,e){const{list:a}=r.keyValueRowStyles();return n.jsxRuntimeExports.jsx("div",{ref:e,className:a({className:t.className}),style:t.style,children:t.children})}const w=i.fixedForwardRef(k);w.displayName="KeyValueRowList";function v({children:t,classes:e,label:a,multiline:u=!1,styles:o,type:R="text"},l){const{key:f,keyValueRowBadgeContainer:j,keyValueRowButtonContainer:N,row:C,value:K}=r.keyValueRowStyles();return n.jsxRuntimeExports.jsxs("div",{ref:l,className:C({className:e==null?void 0:e.row}),style:o==null?void 0:o.row,children:[n.jsxRuntimeExports.jsx("div",{className:f({className:e==null?void 0:e.keyContainer}),style:o==null?void 0:o.keyContainer,children:n.jsxRuntimeExports.jsx(m.Text,{variant:"body-medium",className:x.clsx("font-semibold",e==null?void 0:e.key),style:o==null?void 0:o.key,children:a})}),n.jsxRuntimeExports.jsx("div",{className:K({className:x.clsx(R==="badge"&&j(),R==="button"&&N(),e==null?void 0:e.valueContainer)}),style:o==null?void 0:o.valueContainer,children:!t||typeof t=="string"||typeof t=="number"?n.jsxRuntimeExports.jsx(m.Text,{variant:"body-medium",className:x.clsx(u?"":"inline-block max-w-full truncate",e==null?void 0:e.value),style:o==null?void 0:o.value,children:typeof t=="number"?t.toString():t!=null&&t.length?t:"-"}):t})]})}const d=i.fixedForwardRef(v);d.displayName="KeyValueRow";function g({children:t,className:e,style:a},u){const{keyValueRowBadgeContainer:o}=r.keyValueRowStyles();return n.jsxRuntimeExports.jsx("div",{ref:u,className:o({className:e}),style:a,children:t})}const y=i.fixedForwardRef(g);y.displayName="KeyValueRowBadge";function p({children:t,className:e,style:a},u){const{keyValueRowButtonContainer:o}=r.keyValueRowStyles();return n.jsxRuntimeExports.jsx("div",{ref:u,className:o({className:e}),style:a,children:t})}const V=i.fixedForwardRef(p);V.displayName="KeyValueRowButtonContainer";exports.KeyValueRow=d;exports.KeyValueRowBadgeContainer=y;exports.KeyValueRowButtonContainer=V;exports.KeyValueRowList=w;

package/dist/lyra46.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra46.cjs","sources":["../src/components/key-value-row/key-value-row.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\n\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { keyValueRowStyles } from \"./key-value-row.styles\";\n\nexport type KeyValueRowListProps = {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowList(props: KeyValueRowListProps, ref: ForwardedRef<HTMLDivElement>) {\n  const { list } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={list({ className: props.className })} style={props.style}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const KeyValueRowList = fixedForwardRef(_KeyValueRowList);\n// @ts-ignore\nKeyValueRowList.displayName = \"KeyValueRowList\";\n\nexport type KeyValueRowProps = {\n  label: string;\n  children?: ReactNode;\n  multiline?: boolean;\n  classes?: {\n    keyContainer?: string;\n    valueContainer?: string;\n    key?: string;\n    value?: string;\n    row?: string;\n  };\n  styles?: {\n    keyContainer?: CSSProperties;\n    valueContainer?: CSSProperties;\n    key?: CSSProperties;\n    value?: CSSProperties;\n    row?: CSSProperties;\n  };\n};\n\nfunction _KeyValueRow(\n  { children, classes, label, multiline = false, styles }: KeyValueRowProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { key, row, value: valueContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={row({ className: classes?.row })} style={styles?.row}>\n      <div className={key({ className: classes?.keyContainer })} style={styles?.keyContainer}>\n        <Text\n          variant=\"body-medium\"\n          className={clsx(\"font-semibold\", classes?.key)}\n          style={styles?.key}\n        >\n          {label}\n        </Text>\n      </div>\n      <div\n        className={valueContainer({ className: classes?.valueContainer })}\n        style={styles?.valueContainer}\n      >\n        {!children || typeof children === \"string\" || typeof children === \"number\" ? (\n          <Text\n            variant=\"body-medium\"\n            className={clsx(multiline ? \"\" : \"inline-block max-w-full truncate\", classes?.value)}\n            style={styles?.value}\n          >\n            {typeof children === \"number\"\n              ? children.toString()\n              : (children as string | undefined)?.length\n              ? children\n              : \"-\"}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const KeyValueRow = fixedForwardRef(_KeyValueRow);\n// @ts-ignore\nKeyValueRow.displayName = \"KeyValueRow\";\n\nexport type KeyValueRowBadgeContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowBadgeContainer(\n  { children, className, style }: KeyValueRowBadgeContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowBadgeContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowBadgeContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\nexport const KeyValueRowBadgeContainer = fixedForwardRef(_KeyValueRowBadgeContainer);\n// @ts-ignore\nKeyValueRowBadgeContainer.displayName = \"KeyValueRowBadge\";\n\nexport type KeyValueRowButtonContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowButtonContainer(\n  { children, className, style }: KeyValueRowButtonContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowButtonContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowButtonContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\nexport const KeyValueRowButtonContainer = fixedForwardRef(_KeyValueRowButtonContainer);\n// @ts-ignore\nKeyValueRowButtonContainer.displayName = \"KeyValueRowButtonContainer\";\n"],"names":["_KeyValueRowList","props","ref","list","keyValueRowStyles","jsx","KeyValueRowList","fixedForwardRef","_KeyValueRow","children","classes","label","multiline","styles","key","row","valueContainer","jsxs","Text","clsx","KeyValueRow","_KeyValueRowBadgeContainer","className","style","keyValueRowBadgeContainer","KeyValueRowBadgeContainer","_KeyValueRowButtonContainer","keyValueRowButtonContainer","KeyValueRowButtonContainer"],"mappings":"uPAeA,SAASA,EAAiBC,EAA6BC,EAAmC,CAClF,KAAA,CAAE,KAAAC,GAASC,EAAAA,oBACjB,OACGC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAAH,EAAU,UAAWC,EAAK,CAAE,UAAWF,EAAM,SAAA,CAAW,EAAG,MAAOA,EAAM,MAC1E,WAAM,QACT,CAAA,CAEJ,CAEa,MAAAK,EAAkBC,kBAAgBP,CAAgB,EAE/DM,EAAgB,YAAc,kBAsB9B,SAASE,EACP,CAAE,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAO,UAAAC,EAAY,GAAO,OAAAC,CAAO,EACtDX,EACA,CACA,KAAM,CAAE,IAAAY,EAAK,IAAAC,EAAK,MAAOC,CAAA,EAAmBZ,EAAAA,oBAC5C,OACGa,EAAAA,kBAAAA,KAAA,MAAA,CAAI,IAAAf,EAAU,UAAWa,EAAI,CAAE,UAAWL,GAAA,YAAAA,EAAS,GAAK,CAAA,EAAG,MAAOG,GAAA,YAAAA,EAAQ,IACzE,SAAA,CAACR,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWS,EAAI,CAAE,UAAWJ,GAAA,YAAAA,EAAS,YAAA,CAAc,EAAG,MAAOG,GAAA,YAAAA,EAAQ,aACxE,SAAAR,EAAA,kBAAA,IAACa,EAAA,KAAA,CACC,QAAQ,cACR,UAAWC,EAAA,KAAK,gBAAiBT,GAAA,YAAAA,EAAS,GAAG,EAC7C,MAAOG,GAAA,YAAAA,EAAQ,IAEd,SAAAF,CAAA,CAAA,EAEL,EACAN,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWW,EAAe,CAAE,UAAWN,GAAA,YAAAA,EAAS,eAAgB,EAChE,MAAOG,GAAA,YAAAA,EAAQ,eAEd,UAACJ,GAAY,OAAOA,GAAa,UAAY,OAAOA,GAAa,SAChEJ,EAAA,kBAAA,IAACa,EAAA,KAAA,CACC,QAAQ,cACR,UAAWC,EAAK,KAAAP,EAAY,GAAK,mCAAoCF,GAAA,YAAAA,EAAS,KAAK,EACnF,MAAOG,GAAA,YAAAA,EAAQ,MAEd,SAAA,OAAOJ,GAAa,SACjBA,EAAS,WACRA,GAAA,MAAAA,EAAiC,OAClCA,EACA,GAAA,CAAA,EAGNA,CAAA,CAEJ,CACF,CAAA,CAAA,CAEJ,CAEa,MAAAW,EAAcb,kBAAgBC,CAAY,EAEvDY,EAAY,YAAc,cAQ1B,SAASC,EACP,CAAE,SAAAZ,EAAU,UAAAa,EAAW,MAAAC,CAAA,EACvBrB,EACA,CACM,KAAA,CAAE,0BAAAsB,GAA8BpB,EAAAA,oBAEpC,OAAAC,wBAAC,MAAI,CAAA,IAAAH,EAAU,UAAWsB,EAA0B,CAAE,UAAAF,EAAW,EAAG,MAAAC,EACjE,SAAAd,CACH,CAAA,CAEJ,CAEa,MAAAgB,EAA4BlB,kBAAgBc,CAA0B,EAEnFI,EAA0B,YAAc,mBAQxC,SAASC,EACP,CAAE,SAAAjB,EAAU,UAAAa,EAAW,MAAAC,CAAA,EACvBrB,EACA,CACM,KAAA,CAAE,2BAAAyB,GAA+BvB,EAAAA,oBAErC,OAAAC,wBAAC,MAAI,CAAA,IAAAH,EAAU,UAAWyB,EAA2B,CAAE,UAAAL,EAAW,EAAG,MAAAC,EAClE,SAAAd,CACH,CAAA,CAEJ,CAEa,MAAAmB,EAA6BrB,kBAAgBmB,CAA2B,EAErFE,EAA2B,YAAc"}
+{"version":3,"file":"lyra46.cjs","sources":["../src/components/key-value-row/key-value-row.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\n\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { keyValueRowStyles } from \"./key-value-row.styles\";\n\nexport type KeyValueRowListProps = {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowList(props: KeyValueRowListProps, ref: ForwardedRef<HTMLDivElement>) {\n  const { list } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={list({ className: props.className })} style={props.style}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const KeyValueRowList = fixedForwardRef(_KeyValueRowList);\n// @ts-ignore\nKeyValueRowList.displayName = \"KeyValueRowList\";\n\nexport type KeyValueRowProps = {\n  label: string;\n  children?: ReactNode;\n  multiline?: boolean;\n  type?: \"text\" | \"badge\" | \"button\";\n  classes?: {\n    keyContainer?: string;\n    valueContainer?: string;\n    key?: string;\n    value?: string;\n    row?: string;\n  };\n  styles?: {\n    keyContainer?: CSSProperties;\n    valueContainer?: CSSProperties;\n    key?: CSSProperties;\n    value?: CSSProperties;\n    row?: CSSProperties;\n  };\n};\n\nfunction _KeyValueRow(\n  { children, classes, label, multiline = false, styles, type = \"text\" }: KeyValueRowProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    key,\n    keyValueRowBadgeContainer,\n    keyValueRowButtonContainer,\n    row,\n    value: valueContainer,\n  } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={row({ className: classes?.row })} style={styles?.row}>\n      <div className={key({ className: classes?.keyContainer })} style={styles?.keyContainer}>\n        <Text\n          variant=\"body-medium\"\n          className={clsx(\"font-semibold\", classes?.key)}\n          style={styles?.key}\n        >\n          {label}\n        </Text>\n      </div>\n      <div\n        className={valueContainer({\n          className: clsx(\n            type === \"badge\" && keyValueRowBadgeContainer(),\n            type === \"button\" && keyValueRowButtonContainer(),\n            classes?.valueContainer,\n          ),\n        })}\n        style={styles?.valueContainer}\n      >\n        {!children || typeof children === \"string\" || typeof children === \"number\" ? (\n          <Text\n            variant=\"body-medium\"\n            className={clsx(multiline ? \"\" : \"inline-block max-w-full truncate\", classes?.value)}\n            style={styles?.value}\n          >\n            {typeof children === \"number\"\n              ? children.toString()\n              : (children as string | undefined)?.length\n              ? children\n              : \"-\"}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const KeyValueRow = fixedForwardRef(_KeyValueRow);\n// @ts-ignore\nKeyValueRow.displayName = \"KeyValueRow\";\n\nexport type KeyValueRowBadgeContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowBadgeContainer(\n  { children, className, style }: KeyValueRowBadgeContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowBadgeContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowBadgeContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * @deprecated Pass type=\"badge\" to KeyValueRow instead\n */\nexport const KeyValueRowBadgeContainer = fixedForwardRef(_KeyValueRowBadgeContainer);\n// @ts-ignore\nKeyValueRowBadgeContainer.displayName = \"KeyValueRowBadge\";\n\nexport type KeyValueRowButtonContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowButtonContainer(\n  { children, className, style }: KeyValueRowButtonContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowButtonContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowButtonContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * @deprecated Pass type=\"button\" to KeyValueRow instead\n */\nexport const KeyValueRowButtonContainer = fixedForwardRef(_KeyValueRowButtonContainer);\n// @ts-ignore\nKeyValueRowButtonContainer.displayName = \"KeyValueRowButtonContainer\";\n"],"names":["_KeyValueRowList","props","ref","list","keyValueRowStyles","jsx","KeyValueRowList","fixedForwardRef","_KeyValueRow","children","classes","label","multiline","styles","type","key","keyValueRowBadgeContainer","keyValueRowButtonContainer","row","valueContainer","jsxs","Text","clsx","KeyValueRow","_KeyValueRowBadgeContainer","className","style","KeyValueRowBadgeContainer","_KeyValueRowButtonContainer","KeyValueRowButtonContainer"],"mappings":"uPAeA,SAASA,EAAiBC,EAA6BC,EAAmC,CAClF,KAAA,CAAE,KAAAC,GAASC,EAAAA,oBACjB,OACGC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAAH,EAAU,UAAWC,EAAK,CAAE,UAAWF,EAAM,SAAA,CAAW,EAAG,MAAOA,EAAM,MAC1E,WAAM,QACT,CAAA,CAEJ,CAEa,MAAAK,EAAkBC,kBAAgBP,CAAgB,EAE/DM,EAAgB,YAAc,kBAuB9B,SAASE,EACP,CAAE,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAO,UAAAC,EAAY,GAAO,OAAAC,EAAQ,KAAAC,EAAO,MAAO,EACrEZ,EACA,CACM,KAAA,CACJ,IAAAa,EACA,0BAAAC,EACA,2BAAAC,EACA,IAAAC,EACA,MAAOC,GACLf,EAAkB,kBAAA,EACtB,OACGgB,EAAAA,kBAAAA,KAAA,MAAA,CAAI,IAAAlB,EAAU,UAAWgB,EAAI,CAAE,UAAWR,GAAA,YAAAA,EAAS,GAAK,CAAA,EAAG,MAAOG,GAAA,YAAAA,EAAQ,IACzE,SAAA,CAACR,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWU,EAAI,CAAE,UAAWL,GAAA,YAAAA,EAAS,YAAA,CAAc,EAAG,MAAOG,GAAA,YAAAA,EAAQ,aACxE,SAAAR,EAAA,kBAAA,IAACgB,EAAA,KAAA,CACC,QAAQ,cACR,UAAWC,EAAA,KAAK,gBAAiBZ,GAAA,YAAAA,EAAS,GAAG,EAC7C,MAAOG,GAAA,YAAAA,EAAQ,IAEd,SAAAF,CAAA,CAAA,EAEL,EACAN,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWc,EAAe,CACxB,UAAWG,EAAA,KACTR,IAAS,SAAWE,EAA0B,EAC9CF,IAAS,UAAYG,EAA2B,EAChDP,GAAA,YAAAA,EAAS,cACX,CAAA,CACD,EACD,MAAOG,GAAA,YAAAA,EAAQ,eAEd,UAACJ,GAAY,OAAOA,GAAa,UAAY,OAAOA,GAAa,SAChEJ,EAAA,kBAAA,IAACgB,EAAA,KAAA,CACC,QAAQ,cACR,UAAWC,EAAK,KAAAV,EAAY,GAAK,mCAAoCF,GAAA,YAAAA,EAAS,KAAK,EACnF,MAAOG,GAAA,YAAAA,EAAQ,MAEd,SAAA,OAAOJ,GAAa,SACjBA,EAAS,WACRA,GAAA,MAAAA,EAAiC,OAClCA,EACA,GAAA,CAAA,EAGNA,CAAA,CAEJ,CACF,CAAA,CAAA,CAEJ,CAEa,MAAAc,EAAchB,kBAAgBC,CAAY,EAEvDe,EAAY,YAAc,cAQ1B,SAASC,EACP,CAAE,SAAAf,EAAU,UAAAgB,EAAW,MAAAC,CAAA,EACvBxB,EACA,CACM,KAAA,CAAE,0BAAAc,GAA8BZ,EAAAA,oBAEpC,OAAAC,wBAAC,MAAI,CAAA,IAAAH,EAAU,UAAWc,EAA0B,CAAE,UAAAS,EAAW,EAAG,MAAAC,EACjE,SAAAjB,CACH,CAAA,CAEJ,CAKa,MAAAkB,EAA4BpB,kBAAgBiB,CAA0B,EAEnFG,EAA0B,YAAc,mBAQxC,SAASC,EACP,CAAE,SAAAnB,EAAU,UAAAgB,EAAW,MAAAC,CAAA,EACvBxB,EACA,CACM,KAAA,CAAE,2BAAAe,GAA+Bb,EAAAA,oBAErC,OAAAC,wBAAC,MAAI,CAAA,IAAAH,EAAU,UAAWe,EAA2B,CAAE,UAAAQ,EAAW,EAAG,MAAAC,EAClE,SAAAjB,CACH,CAAA,CAEJ,CAKa,MAAAoB,EAA6BtB,kBAAgBqB,CAA2B,EAErFC,EAA2B,YAAc"}

package/dist/lyra46.js

@@ -1,20 +1,26 @@
 import { j as e } from "./lyra87.js";
 import { clsx as m } from "./lyra447.js";
 import { fixedForwardRef as u } from "./lyra90.js";
-import { Text as w } from "./lyra71.js";
+import { Text as d } from "./lyra71.js";
 import "./lyra72.js";
 import { keyValueRowStyles as r } from "./lyra47.js";
-function x(n, o) {
+function y(n, o) {
   const { list: t } = r();
   return /* @__PURE__ */ e.jsx("div", { ref: o, className: t({ className: n.className }), style: n.style, children: n.children });
 }
-const V = u(x);
-V.displayName = "KeyValueRowList";
-function v({ children: n, classes: o, label: t, multiline: i = !1, styles: a }, d) {
-  const { key: f, row: N, value: R } = r();
-  return /* @__PURE__ */ e.jsxs("div", { ref: d, className: N({ className: o == null ? void 0 : o.row }), style: a == null ? void 0 : a.row, children: [
+const C = u(y);
+C.displayName = "KeyValueRowList";
+function K({ children: n, classes: o, label: t, multiline: i = !1, styles: a, type: w = "text" }, R) {
+  const {
+    key: f,
+    keyValueRowBadgeContainer: N,
+    keyValueRowButtonContainer: V,
+    row: x,
+    value: v
+  } = r();
+  return /* @__PURE__ */ e.jsxs("div", { ref: R, className: x({ className: o == null ? void 0 : o.row }), style: a == null ? void 0 : a.row, children: [
     /* @__PURE__ */ e.jsx("div", { className: f({ className: o == null ? void 0 : o.keyContainer }), style: a == null ? void 0 : a.keyContainer, children: /* @__PURE__ */ e.jsx(
-      w,
+      d,
       {
         variant: "body-medium",
         className: m("font-semibold", o == null ? void 0 : o.key),
@@ -25,10 +31,16 @@ function v({ children: n, classes: o, label: t, multiline: i = !1, styles: a },
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: R({ className: o == null ? void 0 : o.valueContainer }),
+        className: v({
+          className: m(
+            w === "badge" && N(),
+            w === "button" && V(),
+            o == null ? void 0 : o.valueContainer
+          )
+        }),
         style: a == null ? void 0 : a.valueContainer,
         children: !n || typeof n == "string" || typeof n == "number" ? /* @__PURE__ */ e.jsx(
-          w,
+          d,
           {
             variant: "body-medium",
             className: m(i ? "" : "inline-block max-w-full truncate", o == null ? void 0 : o.value),
@@ -40,23 +52,23 @@ function v({ children: n, classes: o, label: t, multiline: i = !1, styles: a },
     )
   ] });
 }
-const y = u(v);
-y.displayName = "KeyValueRow";
-function C({ children: n, className: o, style: t }, i) {
+const k = u(K);
+k.displayName = "KeyValueRow";
+function j({ children: n, className: o, style: t }, i) {
   const { keyValueRowBadgeContainer: a } = r();
   return /* @__PURE__ */ e.jsx("div", { ref: i, className: a({ className: o }), style: t, children: n });
 }
-const K = u(C);
-K.displayName = "KeyValueRowBadge";
-function p({ children: n, className: o, style: t }, i) {
+const p = u(j);
+p.displayName = "KeyValueRowBadge";
+function B({ children: n, className: o, style: t }, i) {
   const { keyValueRowButtonContainer: a } = r();
   return /* @__PURE__ */ e.jsx("div", { ref: i, className: a({ className: o }), style: t, children: n });
 }
-const j = u(p);
-j.displayName = "KeyValueRowButtonContainer";
+const g = u(B);
+g.displayName = "KeyValueRowButtonContainer";
 export {
-  y as KeyValueRow,
-  K as KeyValueRowBadgeContainer,
-  j as KeyValueRowButtonContainer,
-  V as KeyValueRowList
+  k as KeyValueRow,
+  p as KeyValueRowBadgeContainer,
+  g as KeyValueRowButtonContainer,
+  C as KeyValueRowList
 };

package/dist/lyra46.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra46.js","sources":["../src/components/key-value-row/key-value-row.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\n\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { keyValueRowStyles } from \"./key-value-row.styles\";\n\nexport type KeyValueRowListProps = {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowList(props: KeyValueRowListProps, ref: ForwardedRef<HTMLDivElement>) {\n  const { list } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={list({ className: props.className })} style={props.style}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const KeyValueRowList = fixedForwardRef(_KeyValueRowList);\n// @ts-ignore\nKeyValueRowList.displayName = \"KeyValueRowList\";\n\nexport type KeyValueRowProps = {\n  label: string;\n  children?: ReactNode;\n  multiline?: boolean;\n  classes?: {\n    keyContainer?: string;\n    valueContainer?: string;\n    key?: string;\n    value?: string;\n    row?: string;\n  };\n  styles?: {\n    keyContainer?: CSSProperties;\n    valueContainer?: CSSProperties;\n    key?: CSSProperties;\n    value?: CSSProperties;\n    row?: CSSProperties;\n  };\n};\n\nfunction _KeyValueRow(\n  { children, classes, label, multiline = false, styles }: KeyValueRowProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { key, row, value: valueContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={row({ className: classes?.row })} style={styles?.row}>\n      <div className={key({ className: classes?.keyContainer })} style={styles?.keyContainer}>\n        <Text\n          variant=\"body-medium\"\n          className={clsx(\"font-semibold\", classes?.key)}\n          style={styles?.key}\n        >\n          {label}\n        </Text>\n      </div>\n      <div\n        className={valueContainer({ className: classes?.valueContainer })}\n        style={styles?.valueContainer}\n      >\n        {!children || typeof children === \"string\" || typeof children === \"number\" ? (\n          <Text\n            variant=\"body-medium\"\n            className={clsx(multiline ? \"\" : \"inline-block max-w-full truncate\", classes?.value)}\n            style={styles?.value}\n          >\n            {typeof children === \"number\"\n              ? children.toString()\n              : (children as string | undefined)?.length\n              ? children\n              : \"-\"}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const KeyValueRow = fixedForwardRef(_KeyValueRow);\n// @ts-ignore\nKeyValueRow.displayName = \"KeyValueRow\";\n\nexport type KeyValueRowBadgeContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowBadgeContainer(\n  { children, className, style }: KeyValueRowBadgeContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowBadgeContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowBadgeContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\nexport const KeyValueRowBadgeContainer = fixedForwardRef(_KeyValueRowBadgeContainer);\n// @ts-ignore\nKeyValueRowBadgeContainer.displayName = \"KeyValueRowBadge\";\n\nexport type KeyValueRowButtonContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowButtonContainer(\n  { children, className, style }: KeyValueRowButtonContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowButtonContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowButtonContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\nexport const KeyValueRowButtonContainer = fixedForwardRef(_KeyValueRowButtonContainer);\n// @ts-ignore\nKeyValueRowButtonContainer.displayName = \"KeyValueRowButtonContainer\";\n"],"names":["_KeyValueRowList","props","ref","list","keyValueRowStyles","jsx","KeyValueRowList","fixedForwardRef","_KeyValueRow","children","classes","label","multiline","styles","key","row","valueContainer","jsxs","Text","clsx","KeyValueRow","_KeyValueRowBadgeContainer","className","style","keyValueRowBadgeContainer","KeyValueRowBadgeContainer","_KeyValueRowButtonContainer","keyValueRowButtonContainer","KeyValueRowButtonContainer"],"mappings":";;;;;;AAeA,SAASA,EAAiBC,GAA6BC,GAAmC;AAClF,QAAA,EAAE,MAAAC,MAASC;AACjB,SACGC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAAH,GAAU,WAAWC,EAAK,EAAE,WAAWF,EAAM,UAAA,CAAW,GAAG,OAAOA,EAAM,OAC1E,YAAM,SACT,CAAA;AAEJ;AAEa,MAAAK,IAAkBC,EAAgBP,CAAgB;AAE/DM,EAAgB,cAAc;AAsB9B,SAASE,EACP,EAAE,UAAAC,GAAU,SAAAC,GAAS,OAAAC,GAAO,WAAAC,IAAY,IAAO,QAAAC,EAAO,GACtDX,GACA;AACA,QAAM,EAAE,KAAAY,GAAK,KAAAC,GAAK,OAAOC,EAAA,IAAmBZ;AAC5C,SACGa,gBAAAA,EAAAA,KAAA,OAAA,EAAI,KAAAf,GAAU,WAAWa,EAAI,EAAE,WAAWL,KAAA,gBAAAA,EAAS,IAAK,CAAA,GAAG,OAAOG,KAAA,gBAAAA,EAAQ,KACzE,UAAA;AAAA,IAACR,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWS,EAAI,EAAE,WAAWJ,KAAA,gBAAAA,EAAS,aAAA,CAAc,GAAG,OAAOG,KAAA,gBAAAA,EAAQ,cACxE,UAAAR,gBAAAA,EAAA;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAWC,EAAK,iBAAiBT,KAAA,gBAAAA,EAAS,GAAG;AAAA,QAC7C,OAAOG,KAAA,gBAAAA,EAAQ;AAAA,QAEd,UAAAF;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACAN,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWW,EAAe,EAAE,WAAWN,KAAA,gBAAAA,EAAS,gBAAgB;AAAA,QAChE,OAAOG,KAAA,gBAAAA,EAAQ;AAAA,QAEd,WAACJ,KAAY,OAAOA,KAAa,YAAY,OAAOA,KAAa,WAChEJ,gBAAAA,EAAA;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAWC,EAAKP,IAAY,KAAK,oCAAoCF,KAAA,gBAAAA,EAAS,KAAK;AAAA,YACnF,OAAOG,KAAA,gBAAAA,EAAQ;AAAA,YAEd,UAAA,OAAOJ,KAAa,WACjBA,EAAS,aACRA,KAAA,QAAAA,EAAiC,SAClCA,IACA;AAAA,UAAA;AAAA,QAAA,IAGNA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ;AAEa,MAAAW,IAAcb,EAAgBC,CAAY;AAEvDY,EAAY,cAAc;AAQ1B,SAASC,EACP,EAAE,UAAAZ,GAAU,WAAAa,GAAW,OAAAC,EAAA,GACvBrB,GACA;AACM,QAAA,EAAE,2BAAAsB,MAA8BpB;AAEpC,SAAAC,gBAAAA,MAAC,OAAI,EAAA,KAAAH,GAAU,WAAWsB,EAA0B,EAAE,WAAAF,GAAW,GAAG,OAAAC,GACjE,UAAAd,EACH,CAAA;AAEJ;AAEa,MAAAgB,IAA4BlB,EAAgBc,CAA0B;AAEnFI,EAA0B,cAAc;AAQxC,SAASC,EACP,EAAE,UAAAjB,GAAU,WAAAa,GAAW,OAAAC,EAAA,GACvBrB,GACA;AACM,QAAA,EAAE,4BAAAyB,MAA+BvB;AAErC,SAAAC,gBAAAA,MAAC,OAAI,EAAA,KAAAH,GAAU,WAAWyB,EAA2B,EAAE,WAAAL,GAAW,GAAG,OAAAC,GAClE,UAAAd,EACH,CAAA;AAEJ;AAEa,MAAAmB,IAA6BrB,EAAgBmB,CAA2B;AAErFE,EAA2B,cAAc;"}
+{"version":3,"file":"lyra46.js","sources":["../src/components/key-value-row/key-value-row.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\n\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { keyValueRowStyles } from \"./key-value-row.styles\";\n\nexport type KeyValueRowListProps = {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowList(props: KeyValueRowListProps, ref: ForwardedRef<HTMLDivElement>) {\n  const { list } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={list({ className: props.className })} style={props.style}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const KeyValueRowList = fixedForwardRef(_KeyValueRowList);\n// @ts-ignore\nKeyValueRowList.displayName = \"KeyValueRowList\";\n\nexport type KeyValueRowProps = {\n  label: string;\n  children?: ReactNode;\n  multiline?: boolean;\n  type?: \"text\" | \"badge\" | \"button\";\n  classes?: {\n    keyContainer?: string;\n    valueContainer?: string;\n    key?: string;\n    value?: string;\n    row?: string;\n  };\n  styles?: {\n    keyContainer?: CSSProperties;\n    valueContainer?: CSSProperties;\n    key?: CSSProperties;\n    value?: CSSProperties;\n    row?: CSSProperties;\n  };\n};\n\nfunction _KeyValueRow(\n  { children, classes, label, multiline = false, styles, type = \"text\" }: KeyValueRowProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    key,\n    keyValueRowBadgeContainer,\n    keyValueRowButtonContainer,\n    row,\n    value: valueContainer,\n  } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={row({ className: classes?.row })} style={styles?.row}>\n      <div className={key({ className: classes?.keyContainer })} style={styles?.keyContainer}>\n        <Text\n          variant=\"body-medium\"\n          className={clsx(\"font-semibold\", classes?.key)}\n          style={styles?.key}\n        >\n          {label}\n        </Text>\n      </div>\n      <div\n        className={valueContainer({\n          className: clsx(\n            type === \"badge\" && keyValueRowBadgeContainer(),\n            type === \"button\" && keyValueRowButtonContainer(),\n            classes?.valueContainer,\n          ),\n        })}\n        style={styles?.valueContainer}\n      >\n        {!children || typeof children === \"string\" || typeof children === \"number\" ? (\n          <Text\n            variant=\"body-medium\"\n            className={clsx(multiline ? \"\" : \"inline-block max-w-full truncate\", classes?.value)}\n            style={styles?.value}\n          >\n            {typeof children === \"number\"\n              ? children.toString()\n              : (children as string | undefined)?.length\n              ? children\n              : \"-\"}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const KeyValueRow = fixedForwardRef(_KeyValueRow);\n// @ts-ignore\nKeyValueRow.displayName = \"KeyValueRow\";\n\nexport type KeyValueRowBadgeContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowBadgeContainer(\n  { children, className, style }: KeyValueRowBadgeContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowBadgeContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowBadgeContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * @deprecated Pass type=\"badge\" to KeyValueRow instead\n */\nexport const KeyValueRowBadgeContainer = fixedForwardRef(_KeyValueRowBadgeContainer);\n// @ts-ignore\nKeyValueRowBadgeContainer.displayName = \"KeyValueRowBadge\";\n\nexport type KeyValueRowButtonContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowButtonContainer(\n  { children, className, style }: KeyValueRowButtonContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowButtonContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowButtonContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * @deprecated Pass type=\"button\" to KeyValueRow instead\n */\nexport const KeyValueRowButtonContainer = fixedForwardRef(_KeyValueRowButtonContainer);\n// @ts-ignore\nKeyValueRowButtonContainer.displayName = \"KeyValueRowButtonContainer\";\n"],"names":["_KeyValueRowList","props","ref","list","keyValueRowStyles","jsx","KeyValueRowList","fixedForwardRef","_KeyValueRow","children","classes","label","multiline","styles","type","key","keyValueRowBadgeContainer","keyValueRowButtonContainer","row","valueContainer","jsxs","Text","clsx","KeyValueRow","_KeyValueRowBadgeContainer","className","style","KeyValueRowBadgeContainer","_KeyValueRowButtonContainer","KeyValueRowButtonContainer"],"mappings":";;;;;;AAeA,SAASA,EAAiBC,GAA6BC,GAAmC;AAClF,QAAA,EAAE,MAAAC,MAASC;AACjB,SACGC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAAH,GAAU,WAAWC,EAAK,EAAE,WAAWF,EAAM,UAAA,CAAW,GAAG,OAAOA,EAAM,OAC1E,YAAM,SACT,CAAA;AAEJ;AAEa,MAAAK,IAAkBC,EAAgBP,CAAgB;AAE/DM,EAAgB,cAAc;AAuB9B,SAASE,EACP,EAAE,UAAAC,GAAU,SAAAC,GAAS,OAAAC,GAAO,WAAAC,IAAY,IAAO,QAAAC,GAAQ,MAAAC,IAAO,OAAO,GACrEZ,GACA;AACM,QAAA;AAAA,IACJ,KAAAa;AAAA,IACA,2BAAAC;AAAA,IACA,4BAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAOC;AAAA,MACLf,EAAkB;AACtB,SACGgB,gBAAAA,EAAAA,KAAA,OAAA,EAAI,KAAAlB,GAAU,WAAWgB,EAAI,EAAE,WAAWR,KAAA,gBAAAA,EAAS,IAAK,CAAA,GAAG,OAAOG,KAAA,gBAAAA,EAAQ,KACzE,UAAA;AAAA,IAACR,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWU,EAAI,EAAE,WAAWL,KAAA,gBAAAA,EAAS,aAAA,CAAc,GAAG,OAAOG,KAAA,gBAAAA,EAAQ,cACxE,UAAAR,gBAAAA,EAAA;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAWC,EAAK,iBAAiBZ,KAAA,gBAAAA,EAAS,GAAG;AAAA,QAC7C,OAAOG,KAAA,gBAAAA,EAAQ;AAAA,QAEd,UAAAF;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACAN,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWc,EAAe;AAAA,UACxB,WAAWG;AAAA,YACTR,MAAS,WAAWE,EAA0B;AAAA,YAC9CF,MAAS,YAAYG,EAA2B;AAAA,YAChDP,KAAA,gBAAAA,EAAS;AAAA,UACX;AAAA,QAAA,CACD;AAAA,QACD,OAAOG,KAAA,gBAAAA,EAAQ;AAAA,QAEd,WAACJ,KAAY,OAAOA,KAAa,YAAY,OAAOA,KAAa,WAChEJ,gBAAAA,EAAA;AAAA,UAACgB;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAWC,EAAKV,IAAY,KAAK,oCAAoCF,KAAA,gBAAAA,EAAS,KAAK;AAAA,YACnF,OAAOG,KAAA,gBAAAA,EAAQ;AAAA,YAEd,UAAA,OAAOJ,KAAa,WACjBA,EAAS,aACRA,KAAA,QAAAA,EAAiC,SAClCA,IACA;AAAA,UAAA;AAAA,QAAA,IAGNA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ;AAEa,MAAAc,IAAchB,EAAgBC,CAAY;AAEvDe,EAAY,cAAc;AAQ1B,SAASC,EACP,EAAE,UAAAf,GAAU,WAAAgB,GAAW,OAAAC,EAAA,GACvBxB,GACA;AACM,QAAA,EAAE,2BAAAc,MAA8BZ;AAEpC,SAAAC,gBAAAA,MAAC,OAAI,EAAA,KAAAH,GAAU,WAAWc,EAA0B,EAAE,WAAAS,GAAW,GAAG,OAAAC,GACjE,UAAAjB,EACH,CAAA;AAEJ;AAKa,MAAAkB,IAA4BpB,EAAgBiB,CAA0B;AAEnFG,EAA0B,cAAc;AAQxC,SAASC,EACP,EAAE,UAAAnB,GAAU,WAAAgB,GAAW,OAAAC,EAAA,GACvBxB,GACA;AACM,QAAA,EAAE,4BAAAe,MAA+Bb;AAErC,SAAAC,gBAAAA,MAAC,OAAI,EAAA,KAAAH,GAAU,WAAWe,EAA2B,EAAE,WAAAQ,GAAW,GAAG,OAAAC,GAClE,UAAAjB,EACH,CAAA;AAEJ;AAKa,MAAAoB,IAA6BtB,EAAgBqB,CAA2B;AAErFC,EAA2B,cAAc;"}

package/dist/lyra460.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra87.cjs"),e=require("react"),n=e.createContext(null),r=({children:t,currentRoute:o})=>i.jsxRuntimeExports.jsx(n.Provider,{value:{currentRoute:o},children:t});function a(){const t=e.useContext(n);if(t===null)throw new Error("useNavigationContext must be used within a NavigationContextProvider ");return t}exports.NavigationContextProvider=r;exports.useNavigationContext=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./lyra87.cjs"),y=require("react"),j=require("./lyra461.cjs"),R=require("./lyra613.cjs"),d=require("./lyra611.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/lyra460.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra460.cjs","sources":["../src/components/navigation/navigation.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nimport { NavigationContext as NavigationContext } from \"./navigation.types\";\n\nconst NavigationContext = createContext<NavigationContext | null>(null);\n\nexport const NavigationContextProvider = ({\n  children,\n  currentRoute,\n}: {\n  children: ReactNode;\n  currentRoute: string;\n}) => {\n  return (\n    <NavigationContext.Provider value={{ currentRoute }}>{children}</NavigationContext.Provider>\n  );\n};\n\nexport function useNavigationContext() {\n  const context = useContext(NavigationContext);\n\n  if (context === null) {\n    throw new Error(\"useNavigationContext must be used within a NavigationContextProvider \");\n  }\n\n  return context;\n}\n"],"names":["NavigationContext","createContext","NavigationContextProvider","children","currentRoute","jsx","useNavigationContext","context","useContext"],"mappings":"mIAIMA,EAAoBC,EAAAA,cAAwC,IAAI,EAEzDC,EAA4B,CAAC,CACxC,SAAAC,EACA,aAAAC,CACF,IAKIC,EAAA,kBAAA,IAACL,EAAkB,SAAlB,CAA2B,MAAO,CAAE,aAAAI,CAAA,EAAiB,SAAAD,CAAS,CAAA,EAI5D,SAASG,GAAuB,CAC/B,MAAAC,EAAUC,aAAWR,CAAiB,EAE5C,GAAIO,IAAY,KACR,MAAA,IAAI,MAAM,uEAAuE,EAGlF,OAAAA,CACT"}
+{"version":3,"file":"lyra460.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/lyra460.js

@@ -1,16 +1,39 @@
-import { j as e } from "./lyra87.js";
-import { createContext as r, useContext as i } from "react";
-const o = r(null), u = ({
-  children: t,
-  currentRoute: n
-}) => /* @__PURE__ */ e.jsx(o.Provider, { value: { currentRoute: n }, children: t });
-function x() {
-  const t = i(o);
-  if (t === null)
-    throw new Error("useNavigationContext must be used within a NavigationContextProvider ");
-  return t;
-}
+import { j as b } from "./lyra87.js";
+import { useMemo as l } from "react";
+import { useDndContext as j } from "./lyra461.js";
+import { useSortable as y } from "./lyra613.js";
+import { isKeyboardEvent as E, CSS as C } from "./lyra611.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
+  }) });
+};
 export {
-  u as NavigationContextProvider,
-  x as useNavigationContext
+  M as SortableItem
 };

package/dist/lyra460.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra460.js","sources":["../src/components/navigation/navigation.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nimport { NavigationContext as NavigationContext } from \"./navigation.types\";\n\nconst NavigationContext = createContext<NavigationContext | null>(null);\n\nexport const NavigationContextProvider = ({\n  children,\n  currentRoute,\n}: {\n  children: ReactNode;\n  currentRoute: string;\n}) => {\n  return (\n    <NavigationContext.Provider value={{ currentRoute }}>{children}</NavigationContext.Provider>\n  );\n};\n\nexport function useNavigationContext() {\n  const context = useContext(NavigationContext);\n\n  if (context === null) {\n    throw new Error(\"useNavigationContext must be used within a NavigationContextProvider \");\n  }\n\n  return context;\n}\n"],"names":["NavigationContext","createContext","NavigationContextProvider","children","currentRoute","jsx","useNavigationContext","context","useContext"],"mappings":";;AAIA,MAAMA,IAAoBC,EAAwC,IAAI,GAEzDC,IAA4B,CAAC;AAAA,EACxC,UAAAC;AAAA,EACA,cAAAC;AACF,MAKIC,gBAAAA,EAAA,IAACL,EAAkB,UAAlB,EAA2B,OAAO,EAAE,cAAAI,EAAA,GAAiB,UAAAD,EAAS,CAAA;AAI5D,SAASG,IAAuB;AAC/B,QAAAC,IAAUC,EAAWR,CAAiB;AAE5C,MAAIO,MAAY;AACR,UAAA,IAAI,MAAM,uEAAuE;AAGlF,SAAAA;AACT;"}
+{"version":3,"file":"lyra460.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/lyra461.cjs

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra87.cjs"),t=require("react"),e=t.createContext({depth:null});function u({children:o}){const n=t.useContext(e),i=t.useMemo(()=>(n.depth??0)+1,[n.depth]);return r.jsxRuntimeExports.jsx(e.Provider,{value:{depth:i},children:o})}function s(){return t.useContext(e)}exports.NavigationItemProvider=u;exports.useNavigationItemContext=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),ie=require("react-dom"),u=require("./lyra611.cjs"),Le=require("./lyra620.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;