deepsea-components 5.16.16 → 5.17.1

package/dist/components/CircleText.js

@@ -1,130 +1,34 @@
 "use client"
 import { jsx } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
 import { Fragment } from "react";
 const CircleText = (props)=>{
-    const $ = c(41);
-    let children;
-    let height;
-    let radius;
-    let rest;
-    let separator;
-    let style;
-    let t0;
-    let t1;
-    let t2;
-    let t3;
-    let t4;
-    let width;
-    if ($[0] !== props) {
-        ({ width, height, radius, startAngel: t0, gapAngel: t1, align: t2, style, direction: t3, reverse: t4, separator, children, ...rest } = props);
-        $[0] = props;
-        $[1] = children;
-        $[2] = height;
-        $[3] = radius;
-        $[4] = rest;
-        $[5] = separator;
-        $[6] = style;
-        $[7] = t0;
-        $[8] = t1;
-        $[9] = t2;
-        $[10] = t3;
-        $[11] = t4;
-        $[12] = width;
-    } else {
-        children = $[1];
-        height = $[2];
-        radius = $[3];
-        rest = $[4];
-        separator = $[5];
-        style = $[6];
-        t0 = $[7];
-        t1 = $[8];
-        t2 = $[9];
-        t3 = $[10];
-        t4 = $[11];
-        width = $[12];
-    }
-    const startAngel = void 0 === t0 ? 0 : t0;
-    const gapAngel = void 0 === t1 ? 0 : t1;
-    const align = void 0 === t2 ? "center" : t2;
-    const direction = void 0 === t3 ? "outer" : t3;
-    const reverse = void 0 === t4 ? false : t4;
+    const { width, height, radius, startAngel = 0, gapAngel = 0, align = "center", style, direction = "outer", reverse = false, separator, children, ...rest } = props;
     const unitAngle = 2 * Math.atan(width / 2 / radius);
     const totalAngle = (unitAngle + gapAngel) * children.length - gapAngel;
     const offsetAngle = "left" === align ? 0 : "right" === align ? totalAngle : totalAngle / 2;
-    let t5;
-    if ($[13] !== direction || $[14] !== gapAngel || $[15] !== height || $[16] !== offsetAngle || $[17] !== radius || $[18] !== startAngel || $[19] !== unitAngle || $[20] !== width) {
-        t5 = function(idx) {
-            const angle = startAngel - idx * (unitAngle + gapAngel) + offsetAngle - unitAngle / 2;
-            const x = (radius + height / 2) * Math.cos(angle) - width / 2;
-            const y = (radius + height / 2) * Math.sin(angle) * -1 - height / 2;
-            const z = Math.PI / 2 - angle + ("inner" === direction ? Math.PI : 0);
-            return `translateX(${x}px) translateY(${y}px) rotateZ(${z / Math.PI * 180}deg)`;
-        };
-        $[13] = direction;
-        $[14] = gapAngel;
-        $[15] = height;
-        $[16] = offsetAngle;
-        $[17] = radius;
-        $[18] = startAngel;
-        $[19] = unitAngle;
-        $[20] = width;
-        $[21] = t5;
-    } else t5 = $[21];
-    const getTransform = t5;
-    let T0;
-    let t6;
-    if ($[22] !== children || $[23] !== getTransform || $[24] !== height || $[25] !== rest || $[26] !== reverse || $[27] !== separator || $[28] !== style || $[29] !== width) {
-        const words = "function" == typeof separator ? separator(children) : children.split(separator ?? "");
-        if (reverse) words.reverse();
-        T0 = Fragment;
-        let t7;
-        if ($[32] !== getTransform || $[33] !== height || $[34] !== rest || $[35] !== style || $[36] !== width) {
-            t7 = (w, idx_0)=>/*#__PURE__*/ jsx("span", {
-                    style: {
-                        position: "absolute",
-                        ...style,
-                        transform: getTransform(idx_0),
-                        textAlign: "center",
-                        width,
-                        lineHeight: `${height}px`,
-                        height
-                    },
-                    ...rest,
-                    children: w
-                }, idx_0);
-            $[32] = getTransform;
-            $[33] = height;
-            $[34] = rest;
-            $[35] = style;
-            $[36] = width;
-            $[37] = t7;
-        } else t7 = $[37];
-        t6 = words.map(t7);
-        $[22] = children;
-        $[23] = getTransform;
-        $[24] = height;
-        $[25] = rest;
-        $[26] = reverse;
-        $[27] = separator;
-        $[28] = style;
-        $[29] = width;
-        $[30] = T0;
-        $[31] = t6;
-    } else {
-        T0 = $[30];
-        t6 = $[31];
+    function getTransform(idx) {
+        const angle = startAngel - idx * (unitAngle + gapAngel) + offsetAngle - unitAngle / 2;
+        const x = (radius + height / 2) * Math.cos(angle) - width / 2;
+        const y = (radius + height / 2) * Math.sin(angle) * -1 - height / 2;
+        const z = Math.PI / 2 - angle + ("inner" === direction ? Math.PI : 0);
+        return `translateX(${x}px) translateY(${y}px) rotateZ(${z / Math.PI * 180}deg)`;
     }
-    let t7;
-    if ($[38] !== T0 || $[39] !== t6) {
-        t7 = /*#__PURE__*/ jsx(T0, {
-            children: t6
-        });
-        $[38] = T0;
-        $[39] = t6;
-        $[40] = t7;
-    } else t7 = $[40];
-    return t7;
+    const words = "function" == typeof separator ? separator(children) : children.split(separator ?? "");
+    if (reverse) words.reverse();
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: words.map((w, idx)=>/*#__PURE__*/ jsx("span", {
+                style: {
+                    position: "absolute",
+                    ...style,
+                    transform: getTransform(idx),
+                    textAlign: "center",
+                    width,
+                    lineHeight: `${height}px`,
+                    height: height
+                },
+                ...rest,
+                children: w
+            }, idx))
+    });
 };
 export { CircleText };

package/dist/components/CopyButton.cjs

@@ -56,9 +56,9 @@ const CopyButton = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
             var _onCopySuccess_current;
             return null == (_onCopySuccess_current = onCopySuccess.current) ? void 0 : _onCopySuccess_current.call(onCopySuccess, event);
         });
-        clipboard.on("error", (event_0)=>{
+        clipboard.on("error", (event)=>{
             var _onCopyError_current;
-            return null == (_onCopyError_current = onCopyError.current) ? void 0 : _onCopyError_current.call(onCopyError, event_0);
+            return null == (_onCopyError_current = onCopyError.current) ? void 0 : _onCopyError_current.call(onCopyError, event);
         });
         return ()=>clipboard.destroy();
     }, []);

package/dist/components/CopyButton.js

@@ -17,9 +17,9 @@ const CopyButton = /*#__PURE__*/ forwardRef((props, ref)=>{
             var _onCopySuccess_current;
             return null == (_onCopySuccess_current = onCopySuccess.current) ? void 0 : _onCopySuccess_current.call(onCopySuccess, event);
         });
-        clipboard.on("error", (event_0)=>{
+        clipboard.on("error", (event)=>{
             var _onCopyError_current;
-            return null == (_onCopyError_current = onCopyError.current) ? void 0 : _onCopyError_current.call(onCopyError, event_0);
+            return null == (_onCopyError_current = onCopyError.current) ? void 0 : _onCopyError_current.call(onCopyError, event);
         });
         return ()=>clipboard.destroy();
     }, []);

package/dist/components/DraggableGrid.cjs

@@ -36,9 +36,8 @@ __webpack_require__.d(__webpack_exports__, {
     DraggableGrid: ()=>DraggableGrid
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const compiler_runtime_namespaceObject = require("react/compiler-runtime");
-const external_react_namespaceObject = require("react");
 const external_deepsea_tools_namespaceObject = require("deepsea-tools");
+const external_react_namespaceObject = require("react");
 const external_soda_hooks_namespaceObject = require("soda-hooks");
 const external_DraggableGrid_module_cjs_namespaceObject = require("./DraggableGrid.module.cjs");
 var external_DraggableGrid_module_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_DraggableGrid_module_cjs_namespaceObject);
@@ -103,68 +102,18 @@ function getOrderToKey(keyToOrder) {
             key
         ]));
 }
-function DraggableGridItem(t0) {
-    const $ = (0, compiler_runtime_namespaceObject.c)(19);
-    let handle;
-    let item;
-    let itemKey;
-    let onDragMove;
-    let onDragMoveEnd;
-    let onDragMoveStart;
-    let rest;
-    if ($[0] !== t0) {
-        ({ item, itemKey, handle, onDragMoveStart, onDragMove, onDragMoveEnd, ...rest } = t0);
-        $[0] = t0;
-        $[1] = handle;
-        $[2] = item;
-        $[3] = itemKey;
-        $[4] = onDragMove;
-        $[5] = onDragMoveEnd;
-        $[6] = onDragMoveStart;
-        $[7] = rest;
-    } else {
-        handle = $[1];
-        item = $[2];
-        itemKey = $[3];
-        onDragMove = $[4];
-        onDragMoveEnd = $[5];
-        onDragMoveStart = $[6];
-        rest = $[7];
-    }
+function DraggableGridItem({ item, itemKey, handle, onDragMoveStart, onDragMove, onDragMoveEnd, ...rest }) {
     const element = (0, external_react_namespaceObject.useRef)(null);
-    let t1;
-    if ($[8] !== handle || $[9] !== item || $[10] !== itemKey) {
-        t1 = (0, external_deepsea_tools_namespaceObject.isNullable)(handle) ? element : ()=>element.current && ("string" == typeof handle ? element.current.querySelector(handle) : "function" == typeof handle ? handle(item, itemKey, element.current) : handle);
-        $[8] = handle;
-        $[9] = item;
-        $[10] = itemKey;
-        $[11] = t1;
-    } else t1 = $[11];
-    let t2;
-    if ($[12] !== onDragMove || $[13] !== onDragMoveEnd || $[14] !== onDragMoveStart || $[15] !== t1) {
-        t2 = {
-            element: t1,
-            onDragMoveStart,
-            onDragMove,
-            onDragMoveEnd
-        };
-        $[12] = onDragMove;
-        $[13] = onDragMoveEnd;
-        $[14] = onDragMoveStart;
-        $[15] = t1;
-        $[16] = t2;
-    } else t2 = $[16];
-    (0, external_soda_hooks_namespaceObject.useDragMove)(t2);
-    let t3;
-    if ($[17] !== rest) {
-        t3 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-            ref: element,
-            ...rest
-        });
-        $[17] = rest;
-        $[18] = t3;
-    } else t3 = $[18];
-    return t3;
+    (0, external_soda_hooks_namespaceObject.useDragMove)({
+        element: (0, external_deepsea_tools_namespaceObject.isNullable)(handle) ? element : ()=>element.current && ("string" == typeof handle ? element.current.querySelector(handle) : "function" == typeof handle ? handle(item, itemKey, element.current) : handle),
+        onDragMoveStart,
+        onDragMove,
+        onDragMoveEnd
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: element,
+        ...rest
+    });
 }
 function isLegalOrderMap({ orders, keys, orderMap }) {
     if (!isTheSameIterable(orderMap.keys(), keys)) return false;
@@ -173,7 +122,7 @@ function isLegalOrderMap({ orders, keys, orderMap }) {
     return values.length === new Set(values).size;
 }
 function DraggableGrid({ className, classNames, style, items = [], disabled, columns, rows, gap = 0, gapX = gap, gapY = gap, itemWidth, itemHeight, orderMap, onOrderMapChange, render, keyExtractor, isItemDisabled: _isItemDisabled, isOrderDisabled, orderPriority, handle, onDragMoveStart: _onDragMoveStart, onDragMove: _onDragMove, onDragMoveEnd: _onDragMoveEnd, ...rest }) {
-    const keyToItem_0 = (0, external_react_namespaceObject.useMemo)(()=>{
+    const keyToItem = (0, external_react_namespaceObject.useMemo)(()=>{
         const keyToItem = new Map();
         items.forEach((item)=>{
             const key = keyExtractor ? keyExtractor(item) : item;
@@ -184,8 +133,8 @@ function DraggableGrid({ className, classNames, style, items = [], disabled, col
         items,
         keyExtractor
     ]);
-    if (keyToItem_0.size !== items.length) throw new Error("there are duplicate keys in the items");
-    const orders_0 = (0, external_react_namespaceObject.useMemo)(()=>{
+    if (keyToItem.size !== items.length) throw new Error("there are duplicate keys in the items");
+    const orders = (0, external_react_namespaceObject.useMemo)(()=>{
         let orders = (0, external_deepsea_tools_namespaceObject.getArray)(columns * rows);
         if (isOrderDisabled) orders = orders.filter((order)=>Array.isArray(isOrderDisabled) ? !isOrderDisabled.includes(order) : !isOrderDisabled(order));
         if (orderPriority) orders = orders.toSorted(orderPriority);
@@ -198,14 +147,14 @@ function DraggableGrid({ className, classNames, style, items = [], disabled, col
     ]);
     const [keyToOrder, setKeyToOrder] = (0, external_react_namespaceObject.useState)(()=>{
         if (orderMap && isLegalOrderMap({
-            orders: orders_0,
-            keys: keyToItem_0.keys(),
+            orders,
+            keys: keyToItem.keys(),
             orderMap
         })) return orderMap;
         const newOrderMap = getOrderMap({
             prev: orderMap,
-            orders: orders_0,
-            keys: Array.from(keyToItem_0.keys()),
+            orders,
+            keys: Array.from(keyToItem.keys()),
             orderPriority
         });
         null == onOrderMapChange || onOrderMapChange(newOrderMap);
@@ -213,29 +162,29 @@ function DraggableGrid({ className, classNames, style, items = [], disabled, col
     });
     const [dragging, setDragging] = (0, external_react_namespaceObject.useState)(void 0);
     const { current: cache } = (0, external_react_namespaceObject.useRef)({
-        orders: orders_0,
-        keys: Array.from(keyToItem_0.keys())
+        orders,
+        keys: Array.from(keyToItem.keys())
     });
     (0, external_react_namespaceObject.useEffect)(()=>{
-        if (!isTheSameArray((null == dragging ? void 0 : dragging.orders) ?? cache.orders, orders_0) || !isTheSameIterable((null == dragging ? void 0 : dragging.keyToOrder.keys()) ?? cache.keys, keyToItem_0.keys())) {
-            cache.orders = orders_0;
-            cache.keys = Array.from(((null == dragging ? void 0 : dragging.keyToOrder) ?? keyToItem_0).keys());
-            const newOrderMap_0 = getOrderMap({
+        if (!isTheSameArray((null == dragging ? void 0 : dragging.orders) ?? cache.orders, orders) || !isTheSameIterable((null == dragging ? void 0 : dragging.keyToOrder.keys()) ?? cache.keys, keyToItem.keys())) {
+            cache.orders = orders;
+            cache.keys = Array.from(((null == dragging ? void 0 : dragging.keyToOrder) ?? keyToItem).keys());
+            const newOrderMap = getOrderMap({
                 prev: (null == dragging ? void 0 : dragging.keyToOrder) ?? keyToOrder,
-                orders: orders_0,
+                orders,
                 keys: cache.keys,
                 orderPriority
             });
-            setKeyToOrder(newOrderMap_0);
-            null == onOrderMapChange || onOrderMapChange(newOrderMap_0);
-            const newRenderKeys = new Set(newOrderMap_0.keys());
+            setKeyToOrder(newOrderMap);
+            null == onOrderMapChange || onOrderMapChange(newOrderMap);
+            const newRenderKeys = new Set(newOrderMap.keys());
             setRenderKeys((prev)=>prev.intersection(newRenderKeys).union(newRenderKeys.difference(prev)));
         }
     }, [
         dragging,
         cache,
-        orders_0,
-        keyToItem_0,
+        orders,
+        keyToItem,
         keyToOrder,
         orderPriority,
         onOrderMapChange
@@ -243,31 +192,31 @@ function DraggableGrid({ className, classNames, style, items = [], disabled, col
     const [renderKeys, setRenderKeys] = (0, external_react_namespaceObject.useState)(()=>new Set(keyToOrder.keys()));
     const recent = (0, external_react_namespaceObject.useRef)(void 0);
     (0, external_react_namespaceObject.useEffect)(()=>{
-        if (!!dragging && (!isTheSameArray(dragging.orders, orders_0) || dragging.columns !== columns || dragging.rows !== rows || dragging.gapX !== gapX || dragging.gapY !== gapY || dragging.itemWidth !== itemWidth || dragging.itemHeight !== itemHeight || !isTheSameIterable(dragging.keyToOrder.keys(), keyToItem_0.keys()))) {
+        if (!!dragging && (!isTheSameArray(dragging.orders, orders) || dragging.columns !== columns || dragging.rows !== rows || dragging.gapX !== gapX || dragging.gapY !== gapY || dragging.itemWidth !== itemWidth || dragging.itemHeight !== itemHeight || !isTheSameIterable(dragging.keyToOrder.keys(), keyToItem.keys()))) {
             setDragging(void 0);
-            if (isTheSameArray(dragging.orders, orders_0) && isTheSameIterable(dragging.keyToOrder.keys(), keyToItem_0.keys())) {
+            if (isTheSameArray(dragging.orders, orders) && isTheSameIterable(dragging.keyToOrder.keys(), keyToItem.keys())) {
                 setKeyToOrder(dragging.keyToOrder);
                 null == onOrderMapChange || onOrderMapChange(dragging.keyToOrder);
             }
         }
     }, [
         dragging,
-        orders_0,
+        orders,
         columns,
         rows,
         gapX,
         gapY,
         itemWidth,
         itemHeight,
-        keyToItem_0,
+        keyToItem,
         keyToOrder,
         onOrderMapChange
     ]);
     (0, external_react_namespaceObject.useEffect)(()=>{
         if (orderMap === keyToOrder) return;
         if (!!orderMap && isLegalOrderMap({
-            orders: orders_0,
-            keys: keyToItem_0.keys(),
+            orders,
+            keys: keyToItem.keys(),
             orderMap
         })) setKeyToOrder(orderMap);
         else null == onOrderMapChange || onOrderMapChange(keyToOrder);
@@ -276,24 +225,24 @@ function DraggableGrid({ className, classNames, style, items = [], disabled, col
         keyToOrder,
         onOrderMapChange
     ]);
-    function onDragMoveStart(key_0, event) {
+    function onDragMoveStart(key, event) {
         null == _onDragMoveStart || _onDragMoveStart(event);
         const position = getPosition({
-            order: keyToOrder.get(key_0),
+            order: keyToOrder.get(key),
             columns,
             gapX,
             gapY,
             itemWidth,
             itemHeight
         });
-        recent.current = key_0;
+        recent.current = key;
         setDragging({
-            key: key_0,
+            key,
             startX: position.x,
             startY: position.y,
             deltaX: event.deltaX,
             deltaY: event.deltaY,
-            orders: orders_0,
+            orders,
             columns,
             rows,
             gapX,
@@ -303,65 +252,65 @@ function DraggableGrid({ className, classNames, style, items = [], disabled, col
             keyToOrder: keyToOrder
         });
     }
-    function onDragMove(event_0) {
-        null == _onDragMove || _onDragMove(event_0);
+    function onDragMove(event) {
+        null == _onDragMove || _onDragMove(event);
         if (!dragging) return;
-        const { deltaX, deltaY } = event_0;
-        const { key: key_1, orders: orders_1, keyToOrder: keyToOrder_0, startX, startY, columns: columns_0, gapX: gapX_0, gapY: gapY_0, itemWidth: itemWidth_0, itemHeight: itemHeight_0 } = dragging;
-        setDragging((prev_0)=>({
-                ...prev_0,
+        const { deltaX, deltaY } = event;
+        const { key, orders, keyToOrder, startX, startY, columns, gapX, gapY, itemWidth, itemHeight } = dragging;
+        setDragging((prev)=>({
+                ...prev,
                 deltaX,
                 deltaY
             }));
         const x = startX + deltaX;
         const y = startY + deltaY;
-        const currentOrder = keyToOrder_0.get(key_1);
-        const currentOrderIndex = orders_1.indexOf(currentOrder);
-        const nearestOrder = orders_1.toSorted((a, b)=>{
+        const currentOrder = keyToOrder.get(key);
+        const currentOrderIndex = orders.indexOf(currentOrder);
+        const nearestOrder = orders.toSorted((a, b)=>{
             const aPosition = getPosition({
                 order: a,
-                columns: columns_0,
-                gapX: gapX_0,
-                gapY: gapY_0,
-                itemWidth: itemWidth_0,
-                itemHeight: itemHeight_0
+                columns,
+                gapX,
+                gapY,
+                itemWidth,
+                itemHeight
             });
             const bPosition = getPosition({
                 order: b,
-                columns: columns_0,
-                gapX: gapX_0,
-                gapY: gapY_0,
-                itemWidth: itemWidth_0,
-                itemHeight: itemHeight_0
+                columns,
+                gapX,
+                gapY,
+                itemWidth,
+                itemHeight
             });
             const aDistance = (x - aPosition.x) ** 2 + (y - aPosition.y) ** 2;
             const bDistance = (x - bPosition.x) ** 2 + (y - bPosition.y) ** 2;
             if (aDistance - bDistance !== 0) return aDistance - bDistance;
-            const aIndex = orders_1.indexOf(a);
-            const bIndex = orders_1.indexOf(b);
+            const aIndex = orders.indexOf(a);
+            const bIndex = orders.indexOf(b);
             return Math.abs(aIndex - currentOrderIndex) - Math.abs(bIndex - currentOrderIndex);
         })[0];
         if (nearestOrder === currentOrder) {
-            setKeyToOrder(keyToOrder_0);
-            null == onOrderMapChange || onOrderMapChange(keyToOrder_0);
+            setKeyToOrder(keyToOrder);
+            null == onOrderMapChange || onOrderMapChange(keyToOrder);
             return;
         }
-        const newKeyToOrder = new Map(keyToOrder_0);
-        newKeyToOrder.set(key_1, nearestOrder);
-        const orderToKey = getOrderToKey(keyToOrder_0);
+        const newKeyToOrder = new Map(keyToOrder);
+        newKeyToOrder.set(key, nearestOrder);
+        const orderToKey = getOrderToKey(keyToOrder);
         if (!orderToKey.has(nearestOrder)) {
             setKeyToOrder(newKeyToOrder);
             null == onOrderMapChange || onOrderMapChange(newKeyToOrder);
             return;
         }
-        const nearestOrderIndex = orders_1.indexOf(nearestOrder);
+        const nearestOrderIndex = orders.indexOf(nearestOrder);
         const itemDirection = currentOrderIndex > nearestOrderIndex ? "decrease" : "increase";
-        const targetDirection = "decrease" === itemDirection && orders_1.slice(0, nearestOrderIndex).some((order_1)=>!orderToKey.has(order_1)) || "increase" === itemDirection && orders_1.slice(nearestOrderIndex + 1).every((order_0)=>orderToKey.has(order_0)) ? "decrease" : "increase";
+        const targetDirection = "decrease" === itemDirection && orders.slice(0, nearestOrderIndex).some((order)=>!orderToKey.has(order)) || "increase" === itemDirection && orders.slice(nearestOrderIndex + 1).every((order)=>orderToKey.has(order)) ? "decrease" : "increase";
         function moveTargetOrder(targetOrder) {
             const targetKey = orderToKey.get(targetOrder);
-            const targetOrderIndex = orders_1.indexOf(targetOrder);
+            const targetOrderIndex = orders.indexOf(targetOrder);
             const nextOrderIndex = targetOrderIndex + ("decrease" === targetDirection ? -1 : 1);
-            const nextOrder = orders_1[nextOrderIndex];
+            const nextOrder = orders[nextOrderIndex];
             newKeyToOrder.set(targetKey, nextOrder);
             if (nextOrder === currentOrder || !orderToKey.has(nextOrder)) return;
             moveTargetOrder(nextOrder);
@@ -370,15 +319,15 @@ function DraggableGrid({ className, classNames, style, items = [], disabled, col
         setKeyToOrder(newKeyToOrder);
         null == onOrderMapChange || onOrderMapChange(newKeyToOrder);
     }
-    function onDragMoveEnd(event_1) {
-        null == _onDragMoveEnd || _onDragMoveEnd(event_1);
+    function onDragMoveEnd(event) {
+        null == _onDragMoveEnd || _onDragMoveEnd(event);
         if (!dragging) return;
         setDragging(void 0);
     }
-    function isItemDisabled(key_2) {
+    function isItemDisabled(key) {
         if (!_isItemDisabled) return false;
-        if (Array.isArray(_isItemDisabled)) return _isItemDisabled.includes(key_2);
-        return _isItemDisabled(keyToItem_0.get(key_2), key_2);
+        if (Array.isArray(_isItemDisabled)) return _isItemDisabled.includes(key);
+        return _isItemDisabled(keyToItem.get(key), key);
     }
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: (0, external_deepsea_tools_namespaceObject.clsx)(external_DraggableGrid_module_cjs_default().draggableGrid, "function" == typeof className ? className({
@@ -394,20 +343,20 @@ function DraggableGrid({ className, classNames, style, items = [], disabled, col
             }) : style
         },
         ...rest,
-        children: Array.from(renderKeys).map((key_3)=>{
-            if (!keyToItem_0.has(key_3)) return;
-            const item_0 = keyToItem_0.get(key_3);
-            const order_2 = keyToOrder.get(key_3);
-            const isDragging = (null == dragging ? void 0 : dragging.key) === key_3;
-            const position_0 = getPosition({
-                order: order_2,
+        children: Array.from(renderKeys).map((key)=>{
+            if (!keyToItem.has(key)) return;
+            const item = keyToItem.get(key);
+            const order = keyToOrder.get(key);
+            const isDragging = (null == dragging ? void 0 : dragging.key) === key;
+            const position = getPosition({
+                order,
                 columns,
                 gapX,
                 gapY,
                 itemWidth,
                 itemHeight
             });
-            const style_0 = isDragging ? {
+            const style = isDragging ? {
                 "--width": `${itemWidth}px`,
                 "--height": `${itemHeight}px`,
                 "--translate-x": `${dragging.startX + dragging.deltaX}px`,
@@ -417,29 +366,29 @@ function DraggableGrid({ className, classNames, style, items = [], disabled, col
             } : {
                 "--width": `${itemWidth}px`,
                 "--height": `${itemHeight}px`,
-                "--translate-x": `${position_0.x}px`,
-                "--translate-y": `${position_0.y}px`,
+                "--translate-x": `${position.x}px`,
+                "--translate-y": `${position.y}px`,
                 "--transition-property": "transform",
-                "--z-index": recent.current === key_3 ? 999999 : keyToOrder.get(key_3)
+                "--z-index": recent.current === key ? 999999 : keyToOrder.get(key)
             };
-            const children = render ? render(item_0, {
-                order: order_2,
+            const children = render ? render(item, {
+                order,
                 isDragging: isDragging
-            }) : item_0;
+            }) : item;
             return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DraggableGridItem, {
-                item: item_0,
-                itemKey: key_3,
+                item: item,
+                itemKey: key,
                 handle: handle,
                 className: (0, external_deepsea_tools_namespaceObject.clsx)(external_DraggableGrid_module_cjs_default().draggableGridItem, "function" == typeof (null == classNames ? void 0 : classNames.item) ? classNames.item({
-                    order: order_2,
+                    order,
                     isDragging: isDragging
                 }) : null == classNames ? void 0 : classNames.item),
-                style: style_0,
-                onDragMoveStart: disabled || isItemDisabled(key_3) ? void 0 : (event_2)=>onDragMoveStart(key_3, event_2),
-                onDragMove: disabled || isItemDisabled(key_3) ? void 0 : onDragMove,
-                onDragMoveEnd: disabled || isItemDisabled(key_3) ? void 0 : onDragMoveEnd,
+                style: style,
+                onDragMoveStart: disabled || isItemDisabled(key) ? void 0 : (event)=>onDragMoveStart(key, event),
+                onDragMove: disabled || isItemDisabled(key) ? void 0 : onDragMove,
+                onDragMoveEnd: disabled || isItemDisabled(key) ? void 0 : onDragMoveEnd,
                 children: children
-            }, key_3);
+            }, key);
         })
     });
 }