@caspeco/casper-ui-library 9.0.0 → 9.0.1

package/dist/components/table/table-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAS/C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,UAAU,qBAAqB;IAC9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS;IACrE;;OAEG;IACH,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IAEV;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,KAAK,sBAAsB,CAAC,KAAK,SAAS,SAAS,IAAI,iBAAiB,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC;AAElG,QAAA,MAAM,iBAAiB,GAAI,KAAK,SAAS,SAAS,EAAE,8BAGjD,sBAAsB,CAAC,KAAK,CAAC,4CAM/B,CAAC;AA4MF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}
+{"version":3,"file":"table-content.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAS/C,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,UAAU,qBAAqB;IAC9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,SAAS,GAAG,SAAS;IACrE;;OAEG;IACH,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IAEV;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,KAAK,sBAAsB,CAAC,KAAK,SAAS,SAAS,IAAI,iBAAiB,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC;AAElG,QAAA,MAAM,iBAAiB,GAAI,KAAK,SAAS,SAAS,EAAE,8BAGjD,sBAAsB,CAAC,KAAK,CAAC,4CAM/B,CAAC;AA+MF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}

package/dist/components/table/table-content.js

@@ -1,23 +1,23 @@
 import { jsx as t, jsxs as x } from "react/jsx-runtime";
 import { Table as h, Box as y } from "@chakra-ui/react";
-import { Feedback as v } from "../../node_modules/@dnd-kit/dom/index.js";
-import { DragDropProvider as D } from "../../node_modules/@dnd-kit/react/index.js";
-import { useVirtualizer as B } from "../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
-import { memo as H, useMemo as f, useRef as I } from "react";
+import { AutoScroller as v, Feedback as D } from "../../node_modules/@dnd-kit/dom/index.js";
+import { DragDropProvider as B } from "../../node_modules/@dnd-kit/react/index.js";
+import { useVirtualizer as H } from "../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
+import { memo as I, useMemo as f, useRef as k } from "react";
 import { useTableContext as C } from "./table-context.js";
-import { TableHeaderRow as k } from "./table-header-row.js";
+import { TableHeaderRow as E } from "./table-header-row.js";
 import { TableRow as R } from "./table-row.js";
-const E = ({
+const M = ({
   virtualization: a,
   ...s
-}) => a ? /* @__PURE__ */ t(M, { ...s, virtualization: a }) : /* @__PURE__ */ t(_, { ...s }), M = ({
+}) => a ? /* @__PURE__ */ t(_, { ...s, virtualization: a }) : /* @__PURE__ */ t(j, { ...s }), _ = ({
   onClickRow: a,
   onRowClickIndication: s,
-  showRowHoverStyle: d = !0,
+  showRowHoverStyle: u = !0,
   virtualization: i,
   ...r
 }) => {
-  const e = C(), o = I(null), n = f(
+  const e = C(), o = k(null), n = f(
     () => e.table.getRowModel().rows,
     // The dependencies are needed to ensure that the rows are recalculated when any of these change
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -29,7 +29,7 @@ const E = ({
       e.data,
       e.columnOrder
     ]
-  ), m = f(() => {
+  ), c = f(() => {
     const g = i.estimateRowHeight ?? 40, b = i.overscan ?? 5;
     return {
       count: n.length,
@@ -37,28 +37,28 @@ const E = ({
       estimateSize: () => g,
       overscan: b,
       enabled: !0,
-      onChange: (w, c) => {
-        c && o.current && document.activeElement !== o.current && o.current.focus();
+      onChange: (w, d) => {
+        d && o.current && document.activeElement !== o.current && o.current.focus();
       }
     };
-  }, [i.estimateRowHeight, i.overscan, n]), u = B(m), l = u.getVirtualItems(), S = () => {
-    const g = l.length > 0 ? l[0]?.start ?? 0 : 0, b = l.length > 0 ? u.getTotalSize() - (l[l.length - 1]?.end ?? 0) : 0, p = n[0]?.getVisibleCells().length ?? e.table.getVisibleLeafColumns().length;
+  }, [i.estimateRowHeight, i.overscan, n]), m = H(c), l = m.getVirtualItems(), S = () => {
+    const g = l.length > 0 ? l[0]?.start ?? 0 : 0, b = l.length > 0 ? m.getTotalSize() - (l[l.length - 1]?.end ?? 0) : 0, p = n[0]?.getVisibleCells().length ?? e.table.getVisibleLeafColumns().length;
     return /* @__PURE__ */ x(h.Body, { children: [
       g > 0 && /* @__PURE__ */ t("tr", { style: { height: `${g}px` }, "aria-hidden": "true", children: /* @__PURE__ */ t("td", { colSpan: p }) }),
       l.map((w) => {
-        const c = n[w.index];
-        if (!c) return null;
-        const V = c.getVisibleCells();
+        const d = n[w.index];
+        if (!d) return null;
+        const V = d.getVisibleCells();
         return /* @__PURE__ */ t(
           R,
           {
-            row: c,
+            row: d,
             visibleCells: V,
             onClickRow: a,
             onRowClickIndication: s,
-            showRowHoverStyle: d
+            showRowHoverStyle: u
           },
-          c.id
+          d.id
         );
       }),
       b > 0 && /* @__PURE__ */ t("tr", { style: { height: `${b}px` }, "aria-hidden": "true", children: /* @__PURE__ */ t("td", { colSpan: p }) })
@@ -78,10 +78,10 @@ const E = ({
       children: /* @__PURE__ */ t(T, { ...r, children: S() })
     }
   );
-}, _ = ({
+}, j = ({
   onClickRow: a,
   onRowClickIndication: s,
-  showRowHoverStyle: d = !0,
+  showRowHoverStyle: u = !0,
   ...i
 }) => {
   const r = C(), e = f(
@@ -105,7 +105,7 @@ const E = ({
         visibleCells: n,
         onClickRow: a,
         onRowClickIndication: s,
-        showRowHoverStyle: d
+        showRowHoverStyle: u
       },
       o.id
     );
@@ -113,34 +113,37 @@ const E = ({
 }, T = ({
   hideTableHeaderDropdown: a,
   stickyHeaders: s,
-  portalContainerRef: d,
+  portalContainerRef: u,
   children: i,
   ...r
 }) => {
   const e = C(), o = /* @__PURE__ */ x(h.Root, { ...r, id: e.id, children: [
     /* @__PURE__ */ t(h.Header, { "data-sticky-headers": s, children: e.table.getHeaderGroups().map((n) => /* @__PURE__ */ t(
-      k,
+      E,
       {
         headerGroup: n,
         hideTableHeaderDropdown: a,
-        portalContainerRef: d
+        portalContainerRef: u
       },
       n.id
     )) }),
     i
   ] });
   return e.enableColumnReorder ? /* @__PURE__ */ t(
-    D,
+    B,
     {
       onDragEnd: (n) => {
-        const { operation: m } = n, u = String(m.source?.id), l = String(m.target?.id);
-        u !== l && e.handleDragEnd(u, l);
+        const { operation: c } = n, m = String(c.source?.id), l = String(c.target?.id);
+        m !== l && e.handleDragEnd(m, l);
       },
-      plugins: (n) => [...n, v.configure({ dropAnimation: null })],
+      plugins: (n) => [
+        ...n.filter((c) => c !== v),
+        D.configure({ dropAnimation: null })
+      ],
       children: o
     }
   ) : o;
-}, Y = H(E);
+}, q = I(M);
 export {
-  Y as TableContent
+  q as TableContent
 };

package/dist/components/table/table-header-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-row.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAwC,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAK/F,OAAO,KAAK,EAAmB,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpE,KAAK,mBAAmB,CAAC,KAAK,SAAS,SAAS,IAAI;IACnD,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,KAAK,SAAS,SAAS,EAAE,+DAIvD,mBAAmB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,4CAiD3F,CAAC;AA4OF,eAAO,MAAM,cAAc,EAAoC,OAAO,uBAAuB,CAAC"}
+{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-row.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAwC,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAK/F,OAAO,KAAK,EAAmB,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpE,KAAK,mBAAmB,CAAC,KAAK,SAAS,SAAS,IAAI;IACnD,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,KAAK,SAAS,SAAS,EAAE,+DAIvD,mBAAmB,CAAC,KAAK,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAAE,4CAiD3F,CAAC;AA6OF,eAAO,MAAM,cAAc,EAAoC,OAAO,uBAAuB,CAAC"}

package/dist/components/table/table-header-row.js

@@ -4,7 +4,7 @@ import { closestCenter as D } from "../../node_modules/@dnd-kit/collision/dist/i
 import { SortableKeyboardPlugin as z } from "../../node_modules/@dnd-kit/dom/sortable.js";
 import { useSortable as H } from "../../node_modules/@dnd-kit/react/sortable.js";
 import { flexRender as P } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as V, useCallback as R, useMemo as F } from "react";
+import { memo as V, useCallback as k, useMemo as F } from "react";
 import { useTableContext as u } from "./table-context.js";
 import { TableHeaderDropdown as L } from "./table-header-dropdown.js";
 import { translations as B } from "./translations.js";
@@ -12,14 +12,14 @@ import { Flex as I } from "../flex/flex.js";
 import { Divider as O } from "../divider/divider.js";
 import { Menu as j } from "../menu/menu.js";
 import { MenuButton as N } from "../menu/menu-button.js";
-import { MenuList as $ } from "../menu/menu-list.js";
-import { Checkbox as E } from "../checkbox/checkbox.js";
-import { MenuItem as W } from "../menu/menu-item.js";
+import { MenuList as W } from "../menu/menu-list.js";
+import { Checkbox as $ } from "../checkbox/checkbox.js";
+import { MenuItem as E } from "../menu/menu-item.js";
 import { IconButton as K } from "../icon-button/icon-button.js";
 import { DeleteIcon as Q } from "../icon/icons/delete-icon.js";
-import { Button as q } from "../button/button.js";
-import { ThemeColorVariable as d, ThemeSpaceVariable as h, ThemeFontSizeVariable as G, ThemeFontVariable as J } from "../../theme/theme-types.js";
-import { TreeViewCollapseIcon as U } from "../icon/icons/tree-view-collapse-icon.js";
+import { Button as U } from "../button/button.js";
+import { ThemeColorVariable as m, ThemeSpaceVariable as h, ThemeFontSizeVariable as q, ThemeFontVariable as G } from "../../theme/theme-types.js";
+import { TreeViewCollapseIcon as J } from "../icon/icons/tree-view-collapse-icon.js";
 const X = ({
   headerGroup: t,
   hideTableHeaderDropdown: r,
@@ -36,9 +36,9 @@ const X = ({
           backgroundColor: "transparent !important"
         },
         "& div span": {
-          color: d.OnBackground
+          color: m.OnBackground
         },
-        borderBottom: `1px solid ${d.OnBackgroundBorder}`,
+        borderBottom: `1px solid ${m.OnBackgroundBorder}`,
         paddingLeft: a ? "24px" : void 0
       },
       scope: "col",
@@ -67,7 +67,7 @@ const X = ({
 }) => {
   const o = u(), { column: n } = t, c = i && !n.columnDef.meta?.disableColumnReorder, {
     ref: S,
-    isDragging: m,
+    isDragging: d,
     isDropTarget: M
   } = H({
     id: n.id,
@@ -75,15 +75,15 @@ const X = ({
     disabled: !c,
     collisionDetector: D,
     plugins: [z]
-  }), y = R((b) => {
-    const p = b.getIsPinned(), k = b.getSize();
+  }), y = k((b) => {
+    const p = b.getIsPinned(), R = b.getSize();
     return {
       position: p ? "sticky" : "relative",
       left: p ? `${b.getStart("left")}px` : void 0,
-      backgroundColor: p ? d.Background : void 0,
+      backgroundColor: p ? m.Background : void 0,
       zIndex: p ? 1 : 0,
-      width: k,
-      maxWidth: k
+      width: R,
+      maxWidth: R
     };
   }, []);
   return /* @__PURE__ */ e(
@@ -92,14 +92,15 @@ const X = ({
       className: "tableHeaderCell",
       textAlign: n.columnDef.meta?.isNumeric ? "end" : "start",
       zIndex: n.getIsPinned() ? 2 : 1,
-      cursor: i ? m ? "grabbing" : "pointer" : void 0,
-      opacity: m ? 0.5 : 1,
-      backgroundColor: M ? d.Background : void 0,
+      cursor: i ? d ? "grabbing" : "pointer" : void 0,
+      opacity: d ? 0.5 : 1,
+      backgroundColor: M || d ? m.Background : void 0,
       scope: "col",
       style: {
         ...y(n),
-        borderBottom: `1px solid ${d.OnBackgroundBorder}`,
-        paddingLeft: a && s ? "24px" : void 0
+        borderBottom: `1px solid ${m.OnBackgroundBorder}`,
+        paddingLeft: a && s ? "24px" : void 0,
+        ...c ? { userSelect: "none", WebkitUserSelect: "none" } : {}
       },
       children: /* @__PURE__ */ e(v, { showSelectAll: o.canSelectRows && a, children: /* @__PURE__ */ e(f, { children: r ? /* @__PURE__ */ e(g, { paddingLeft: h.Small, children: P(t.column.columnDef.header, t.getContext()) }) : /* @__PURE__ */ e(
         L,
@@ -123,21 +124,21 @@ const X = ({
   /* @__PURE__ */ e(g, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(Z, {}) }),
   r
 ] }) : /* @__PURE__ */ e(f, { children: r }), Z = () => {
-  const t = u(), r = R(
+  const t = u(), r = k(
     ({ checked: a }) => {
       const i = typeof a == "boolean" ? a : !1, o = t.getSelectableRowIds();
       i ? t.setSelectedRowIds((n) => [.../* @__PURE__ */ new Set([...n, ...o])]) : t.setSelectedRowIds((n) => n.filter((c) => !o.includes(c)));
     },
     [t]
   ), { allIsSelected: s, shouldShowIndeterminateState: l } = F(() => {
-    const i = t.table.getRowModel().flatRows, o = new Set(t.selectedRowIds), n = t.getSelectableRowIds(), c = n.length > 0 && n.every((m) => o.has(m)), S = i.some((m) => o.has(m.id));
+    const i = t.table.getRowModel().flatRows, o = new Set(t.selectedRowIds), n = t.getSelectableRowIds(), c = n.length > 0 && n.every((d) => o.has(d)), S = i.some((d) => o.has(d.id));
     return {
       allIsSelected: c,
       shouldShowIndeterminateState: S && !c
     };
   }, [t]);
   return /* @__PURE__ */ e(
-    E,
+    $,
     {
       isChecked: s,
       isIndeterminate: l,
@@ -151,9 +152,9 @@ const X = ({
       g,
       {
         pl: h.Small,
-        color: d.OnBackground,
-        fontFamily: J.Body,
-        fontSize: G.Medium,
+        color: m.OnBackground,
+        fontFamily: G.Body,
+        fontSize: q.Medium,
         whiteSpace: "nowrap",
         css: { fontVariantNumeric: "normal" },
         children: o
@@ -161,15 +162,15 @@ const X = ({
     ),
     /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(O, { orientation: "vertical", height: "20px" }) }),
     /* @__PURE__ */ e(I, { gap: h.Small, align: "center", children: i ? /* @__PURE__ */ w(j, { children: [
-      /* @__PURE__ */ e(N, { variant: "ghost", rightIcon: U, size: "sm", children: l.action }),
-      /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e($, { children: s.map((n) => /* @__PURE__ */ e(x, { isMenuItem: !0, action: n }, n.name)) }) })
+      /* @__PURE__ */ e(N, { variant: "ghost", rightIcon: J, size: "sm", children: l.action }),
+      /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(W, { children: s.map((n) => /* @__PURE__ */ e(x, { isMenuItem: !0, action: n }, n.name)) }) })
     ] }) : s.map((n) => /* @__PURE__ */ e(x, { isMenuItem: !1, action: n }, n.name)) })
   ] });
 }, x = ({ isMenuItem: t, action: r }) => {
-  const { selectedRowIds: s, localeString: l } = u(), a = B[l], i = R(() => {
+  const { selectedRowIds: s, localeString: l } = u(), a = B[l], i = k(() => {
     r.onClick(s || []);
   }, [r, s]);
-  return t ? /* @__PURE__ */ e(W, { onClick: i, value: r.name, children: r.variant === "delete" ? /* @__PURE__ */ e(g, { as: "span", color: d.Error, children: r.name }) : r.name }) : r.variant === "delete" ? /* @__PURE__ */ e(
+  return t ? /* @__PURE__ */ e(E, { onClick: i, value: r.name, children: r.variant === "delete" ? /* @__PURE__ */ e(g, { as: "span", color: m.Error, children: r.name }) : r.name }) : r.variant === "delete" ? /* @__PURE__ */ e(
     K,
     {
       onClick: i,
@@ -178,8 +179,8 @@ const X = ({
       size: "sm",
       variant: "ghost"
     }
-  ) : /* @__PURE__ */ e(q, { onClick: i, size: "sm", variant: "ghost", children: r.name });
-}, Re = V(X);
+  ) : /* @__PURE__ */ e(U, { onClick: i, size: "sm", variant: "ghost", children: r.name });
+}, ke = V(X);
 export {
-  Re as TableHeaderRow
+  ke as TableHeaderRow
 };

package/dist/node_modules/@dnd-kit/dom/index.js

@@ -1,9 +1,9 @@
 import { Plugin as ue, DragDropManager as ur, resolveCustomizable as qe, Sensor as Te, ActivationController as hr, CorePlugin as ft, descriptor as fr, Droppable as pr, Draggable as vr, configurator as pt, ActivationConstraint as an } from "../abstract/index.js";
-import { getRoot as $e, generateUniqueId as et, isSafari as mr, scheduler as Me, Listeners as ln, isElement as le, isHTMLElement as cn, getFrameTransform as Ie, getEventCoordinates as ce, getDocuments as gr, getDocument as Ne, scrollIntoViewIfNeeded as br, DOMRectangle as N, canScroll as yr, detectScrollIntent as _r, isKeyboardEvent as vt, isInteractiveElement as wr, isTextInput as Sr, getScrollableAncestors as Ht, ScrollDirection as R, PositionObserver as Er, isDocument as xr, isShadowRoot as kr, getComputedStyles as dn, parseTranslate as un, getFixedPositionOffset as hn, Styles as Ar, supportsPopover as Vt, showPopover as we, getWindow as fn, prefersReducedMotion as pn, getElementFromPoint as Dr, isPointerEvent as Or, getFrameElement as qt, cloneElement as Cr, supportsStyle as Gt, getFinalKeyframe as Pr, animateTransform as Tr, ProxiedElements as Jt } from "./utilities.js";
+import { canScroll as mr, detectScrollIntent as gr, scheduler as $e, isKeyboardEvent as vt, getRoot as Me, generateUniqueId as et, isSafari as br, Listeners as ln, isElement as le, isHTMLElement as cn, getFrameTransform as Ie, getEventCoordinates as ce, getDocuments as yr, getDocument as Ne, scrollIntoViewIfNeeded as _r, DOMRectangle as N, ScrollDirection as R, getScrollableAncestors as Ht, isInteractiveElement as wr, isTextInput as Sr, PositionObserver as Er, isDocument as xr, isShadowRoot as kr, getComputedStyles as dn, parseTranslate as un, getFixedPositionOffset as hn, Styles as Ar, supportsPopover as Vt, showPopover as we, getWindow as fn, prefersReducedMotion as pn, getElementFromPoint as Dr, isPointerEvent as Or, getFrameElement as qt, cloneElement as Cr, supportsStyle as Gt, getFinalKeyframe as Pr, animateTransform as Tr, ProxiedElements as Jt } from "./utilities.js";
 import { computed as tt, deepEqual as $r, effects as Mr, reactive as F, derived as Ge } from "../state/dist/index.js";
 import { Axes as vn, Point as Ir, Rectangle as mn, exceedsDistance as nt } from "../geometry/dist/index.js";
 import { defaultCollisionDetection as Rr } from "../collision/dist/index.js";
-import { untracked as M, effect as J, signal as gn, batch as Wr } from "../../@preact/signals-core/dist/signals-core.module.js";
+import { effect as J, untracked as M, signal as gn, batch as Wr } from "../../@preact/signals-core/dist/signals-core.module.js";
 var Lr = Object.create, mt = Object.defineProperty, Fr = Object.defineProperties, zr = Object.getOwnPropertyDescriptor, Nr = Object.getOwnPropertyDescriptors, Re = Object.getOwnPropertySymbols, bn = Object.prototype.hasOwnProperty, yn = Object.prototype.propertyIsEnumerable, _n = (e, t) => (t = Symbol[e]) ? t : /* @__PURE__ */ Symbol.for("Symbol." + e), he = (e) => {
   throw TypeError(e);
 }, rt = (e, t, n) => t in e ? mt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Se = (e, t) => {
@@ -84,7 +84,7 @@ var Gr = ["dragover", "dragmove"], Jr = class extends ue {
     let d, c, h, u;
     const p = (v = u) => {
       !h || !v || h?.nodeValue !== v && (h.nodeValue = v);
-    }, w = () => Me.schedule(p), k = Qr(
+    }, w = () => $e.schedule(p), k = Qr(
       w,
       a
     ), C = Object.entries(s).map(
@@ -114,7 +114,7 @@ var Gr = ["dragover", "dragmove"], Jr = class extends ue {
       for (const P of this.manager.registry.draggables.value) {
         const S = (v = P.handle) != null ? v : P.element;
         if (S) {
-          (!d || !c) && g.add(b), (!Hr(S) || mr()) && !S.hasAttribute("tabindex") && g.add(() => S.setAttribute("tabindex", "0")), !S.hasAttribute("role") && S.tagName.toLowerCase() !== "button" && g.add(
+          (!d || !c) && g.add(b), (!Hr(S) || br()) && !S.hasAttribute("tabindex") && g.add(() => S.setAttribute("tabindex", "0")), !S.hasAttribute("role") && S.tagName.toLowerCase() !== "button" && g.add(
             () => S.setAttribute("role", Zt.role)
           ), S.hasAttribute("aria-roledescription") || g.add(
             () => S.setAttribute(
@@ -134,7 +134,7 @@ var Gr = ["dragover", "dragmove"], Jr = class extends ue {
           );
         }
       }
-      g.size > 0 && Me.schedule(m);
+      g.size > 0 && $e.schedule(m);
     }), this.destroy = () => {
       super.destroy(), d?.remove(), c?.remove(), C.forEach((v) => v());
     };
@@ -199,12 +199,12 @@ var Zr = class extends ue {
   get sourceRoot() {
     var e;
     const { source: t } = this.manager.dragOperation;
-    return $e((e = t?.element) != null ? e : null);
+    return Me((e = t?.element) != null ? e : null);
   }
   get targetRoot() {
     var e;
     const { target: t } = this.manager.dragOperation;
-    return $e((e = t?.element) != null ? e : null);
+    return Me((e = t?.element) != null ? e : null);
   }
   get roots() {
     const { status: e } = this.manager.dragOperation;
@@ -577,7 +577,7 @@ Pe = /* @__PURE__ */ new WeakSet();
 Mn = function(e) {
   const { overlay: t } = this;
   if (!t || !e) return;
-  const n = $e(t);
+  const n = Me(t);
   if (n)
     return e.addRoot(n);
 };
@@ -869,9 +869,9 @@ var zn, lt, Ae, Et, Y, ct, Ke = class extends (lt = ft, zn = [F], lt) {
         if (h?.isLocked())
           return !1;
         for (const u of a) {
-          const p = yr(u, d);
+          const p = mr(u, d);
           if (p.x || p.y) {
-            const { speed: w, direction: k } = _r(
+            const { speed: w, direction: k } = gr(
               u,
               f,
               c
@@ -891,7 +891,7 @@ var zn, lt, Ae, Et, Y, ct, Ke = class extends (lt = ft, zn = [F], lt) {
                     x: g,
                     y: m
                   }
-                }), Me.schedule(y(this, ct)), !0;
+                }), $e.schedule(y(this, ct)), !0;
               }
             }
           }
@@ -905,7 +905,7 @@ var zn, lt, Ae, Et, Y, ct, Ke = class extends (lt = ft, zn = [F], lt) {
       if (!s)
         return null;
       const a = Dr(
-        $e(o?.element),
+        Me(o?.element),
         s.current
       );
       return a && (t = a), a ?? t;
@@ -1075,7 +1075,7 @@ var be = Object.freeze({
     const { element: i } = n;
     if (!i)
       throw new Error("Source draggable does not have an associated element");
-    t.preventDefault(), t.stopImmediatePropagation(), br(i);
+    t.preventDefault(), t.stopImmediatePropagation(), _r(i);
     const { center: s } = new N(i);
     if (this.manager.actions.start({
       event: t,
@@ -1291,7 +1291,7 @@ var dt = Object.freeze({
       (w) => this.handleStart(n, w)
     );
     c.signal.onabort = () => this.handleCancel(t), c.onEvent(t), this.controller = c;
-    const h = gr(), u = this.listeners.bind(h, [
+    const h = yr(), u = this.listeners.bind(h, [
       {
         type: "pointermove",
         listener: (w) => this.handlePointerMove(w, n)
@@ -1328,7 +1328,7 @@ var dt = Object.freeze({
     }
     if (this.manager.dragOperation.status.dragging) {
       const s = ce(t), o = Ie(n.element);
-      s.x = s.x * o.scaleX + o.x, s.y = s.y * o.scaleY + o.y, t.preventDefault(), t.stopPropagation(), this.latest.event = t, this.latest.coordinates = s, Me.schedule(this.handleMove);
+      s.x = s.x * o.scaleX + o.x, s.y = s.y * o.scaleY + o.y, t.preventDefault(), t.stopPropagation(), this.latest.event = t, this.latest.coordinates = s, $e.schedule(this.handleMove);
     }
   }
   handlePointerUp(t) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "9.0.0",
+	"version": "9.0.1",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,
@@ -69,7 +69,9 @@
 	},
 	"dependencies": {
 		"@chakra-ui/anatomy": "^2.3.4",
+		"@dnd-kit/abstract": "^0.3.2",
 		"@dnd-kit/collision": "^0.3.2",
+		"@dnd-kit/dom": "^0.3.2",
 		"@dnd-kit/react": "^0.3.2",
 		"@floating-ui/dom": "^1.7.6",
 		"@tanstack/react-table": "^8.21.3",