@measured/puck 0.19.0-canary.af1dc891 → 0.19.0-canary.b22833ee

package/dist/{chunk-HGAPIQP5.mjs → chunk-H4SMAS54.mjs}

@@ -89,6 +89,15 @@ init_react_import();
 
 // lib/data/map-slots.ts
 init_react_import();
+
+// lib/data/default-slots.ts
+init_react_import();
+var defaultSlots = (value, fields) => Object.keys(fields).reduce(
+  (acc, fieldName) => fields[fieldName].type === "slot" ? __spreadValues({ [fieldName]: [] }, acc) : acc,
+  value
+);
+
+// lib/data/map-slots.ts
 var isPromise = (v) => !!v && typeof v.then === "function";
 var flatten = (values) => values.reduce((acc, item) => __spreadValues(__spreadValues({}, acc), item), {});
 var containsPromise = (arr) => arr.some(isPromise);
@@ -113,7 +122,7 @@ var walkField = ({
       }
       const fields2 = (_a2 = componentConfig.fields) != null ? _a2 : {};
       return walkField({
-        value: el,
+        value: __spreadProps(__spreadValues({}, el), { props: defaultSlots(el.props, fields2) }),
         fields: fields2,
         map,
         id: el.props.id,
@@ -199,14 +208,14 @@ var walkObject = ({
   return flatten(newProps);
 };
 function mapSlots(item, map, config, recurseSlots = false) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const itemType = "type" in item ? item.type : "root";
   const componentConfig = itemType === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[itemType];
   const newProps = walkObject({
-    value: (_b = item.props) != null ? _b : {},
-    fields: (_c = componentConfig == null ? void 0 : componentConfig.fields) != null ? _c : {},
+    value: defaultSlots((_b = item.props) != null ? _b : {}, (_c = componentConfig == null ? void 0 : componentConfig.fields) != null ? _c : {}),
+    fields: (_d = componentConfig == null ? void 0 : componentConfig.fields) != null ? _d : {},
     map,
-    id: item.props ? (_d = item.props.id) != null ? _d : "root" : "root",
+    id: item.props ? (_e = item.props.id) != null ? _e : "root" : "root",
     getPropPath: (k) => k,
     config,
     recurseSlots
@@ -930,6 +939,7 @@ export {
   rootAreaId,
   rootZone,
   rootDroppableId,
+  defaultSlots,
   walkField,
   expandNode,
   walkAppState,

package/dist/index.css

@@ -229,10 +229,10 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css/#css-module-data */
-._InputWrapper_4xor1_1 + ._InputWrapper_4xor1_1 {
+._InputWrapper_py9hf_1 + ._InputWrapper_py9hf_1 {
   margin-top: 12px;
 }
-._Input-label_4xor1_5 {
+._Input-label_py9hf_5 {
   align-items: center;
   color: var(--puck-color-grey-04);
   display: flex;
@@ -240,17 +240,17 @@
   font-size: var(--puck-font-size-xxs);
   font-weight: 600;
 }
-._Input-labelIcon_4xor1_14 {
+._Input-labelIcon_py9hf_14 {
   color: var(--puck-color-grey-07);
   display: flex;
   margin-inline-end: 4px;
   padding-inline-start: 4px;
 }
-._Input-disabledIcon_4xor1_21 {
+._Input-disabledIcon_py9hf_21 {
   color: var(--puck-color-grey-05);
   margin-inline-start: auto;
 }
-._Input-input_4xor1_26 {
+._Input-input_py9hf_26 {
   background: var(--puck-color-white);
   border-width: 1px;
   border-style: solid;
@@ -262,8 +262,9 @@
   padding: 12px 15px;
   transition: border-color 50ms ease-in;
   width: 100%;
+  max-width: 100%;
 }
-select._Input-input_4xor1_26 {
+select._Input-input_py9hf_26 {
   appearance: none;
   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
   background-size: 12px;
@@ -272,29 +273,29 @@ select._Input-input_4xor1_26 {
   background-color: var(--puck-color-white);
   cursor: pointer;
 }
-select._Input-input_4xor1_26:dir(rtl) {
+select._Input-input_py9hf_26:dir(rtl) {
   background-position: 12px calc(50% + 3px);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Input_4xor1_1:has(> input):hover ._Input-input_4xor1_26:not([readonly]),
-  ._Input_4xor1_1:has(> textarea):hover ._Input-input_4xor1_26:not([readonly]) {
+  ._Input_py9hf_1:has(> input):hover ._Input-input_py9hf_26:not([readonly]),
+  ._Input_py9hf_1:has(> textarea):hover ._Input-input_py9hf_26:not([readonly]) {
     border-color: var(--puck-color-grey-05);
     transition: none;
   }
-  ._Input_4xor1_1:has(> select):hover ._Input-input_4xor1_26:not([disabled]) {
+  ._Input_py9hf_1:has(> select):hover ._Input-input_py9hf_26:not([disabled]) {
     background-color: var(--puck-color-azure-12);
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a5a5a'><polygon points='0,0 100,0 50,50'/></svg>");
     border-color: var(--puck-color-grey-05);
     transition: none;
   }
 }
-._Input-input_4xor1_26:focus {
+._Input-input_py9hf_26:focus {
   border-color: var(--puck-color-grey-05);
   outline: 2px solid var(--puck-color-azure-05);
   transition: none;
 }
-._Input--readOnly_4xor1_75 > ._Input-input_4xor1_26,
-._Input--readOnly_4xor1_75 > select._Input-input_4xor1_26 {
+._Input--readOnly_py9hf_76 > ._Input-input_py9hf_26,
+._Input--readOnly_py9hf_76 > select._Input-input_py9hf_26 {
   background-color: var(--puck-color-grey-11);
   border-color: var(--puck-color-grey-09);
   color: var(--puck-color-grey-04);
@@ -303,34 +304,34 @@ select._Input-input_4xor1_26:dir(rtl) {
   outline: 0;
   transition: none;
 }
-._Input-radioGroupItems_4xor1_86 {
+._Input-radioGroupItems_py9hf_87 {
   display: flex;
   border: 1px solid var(--puck-color-grey-09);
   border-radius: 4px;
   flex-wrap: wrap;
 }
-._Input-radio_4xor1_86 {
+._Input-radio_py9hf_87 {
   border-inline-end: 1px solid var(--puck-color-grey-09);
   flex-grow: 1;
 }
-._Input-radio_4xor1_86:first-of-type {
+._Input-radio_py9hf_87:first-of-type {
   border-bottom-left-radius: 4px;
   border-top-left-radius: 4px;
 }
-._Input-radio_4xor1_86:first-of-type ._Input-radioInner_4xor1_103 {
+._Input-radio_py9hf_87:first-of-type ._Input-radioInner_py9hf_104 {
   border-bottom-left-radius: 3px;
   border-top-left-radius: 3px;
 }
-._Input-radio_4xor1_86:last-of-type {
+._Input-radio_py9hf_87:last-of-type {
   border-bottom-right-radius: 4px;
   border-inline-end: 0;
   border-top-right-radius: 4px;
 }
-._Input-radio_4xor1_86:last-of-type ._Input-radioInner_4xor1_103 {
+._Input-radio_py9hf_87:last-of-type ._Input-radioInner_py9hf_104 {
   border-bottom-right-radius: 3px;
   border-top-right-radius: 3px;
 }
-._Input-radioInner_4xor1_103 {
+._Input-radioInner_py9hf_104 {
   background-color: var(--puck-color-white);
   color: var(--puck-color-grey-04);
   cursor: pointer;
@@ -339,32 +340,32 @@ select._Input-input_4xor1_26:dir(rtl) {
   text-align: center;
   transition: background-color 50ms ease-in;
 }
-._Input-radio_4xor1_86:has(:focus-visible) {
+._Input-radio_py9hf_87:has(:focus-visible) {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
   position: relative;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Input-radioInner_4xor1_103:hover {
+  ._Input-radioInner_py9hf_104:hover {
     background-color: var(--puck-color-azure-12);
     transition: none;
   }
 }
-._Input--readOnly_4xor1_75 ._Input-radioInner_4xor1_103 {
+._Input--readOnly_py9hf_76 ._Input-radioInner_py9hf_104 {
   background-color: var(--puck-color-white);
   color: var(--puck-color-grey-04);
   cursor: default;
 }
-._Input-radio_4xor1_86 ._Input-radioInput_4xor1_148:checked ~ ._Input-radioInner_4xor1_103 {
+._Input-radio_py9hf_87 ._Input-radioInput_py9hf_149:checked ~ ._Input-radioInner_py9hf_104 {
   background-color: var(--puck-color-azure-11);
   color: var(--puck-color-azure-04);
   font-weight: 500;
 }
-._Input--readOnly_4xor1_75 ._Input-radioInput_4xor1_148:checked ~ ._Input-radioInner_4xor1_103 {
+._Input--readOnly_py9hf_76 ._Input-radioInput_py9hf_149:checked ~ ._Input-radioInner_py9hf_104 {
   background-color: var(--puck-color-grey-11);
   color: var(--puck-color-grey-04);
 }
-._Input-radio_4xor1_86 ._Input-radioInput_4xor1_148 {
+._Input-radio_py9hf_87 ._Input-radioInput_py9hf_149 {
   clip: rect(0 0 0 0);
   clip-path: inset(100%);
   height: 1px;
@@ -373,7 +374,7 @@ select._Input-input_4xor1_26:dir(rtl) {
   white-space: nowrap;
   width: 1px;
 }
-textarea._Input-input_4xor1_26 {
+textarea._Input-input_py9hf_26 {
   margin-bottom: -4px;
 }
 

package/dist/index.js

@@ -303,7 +303,7 @@ init_react_import();
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css#css-module
 init_react_import();
-var styles_module_default2 = { "InputWrapper": "_InputWrapper_4xor1_1", "Input-label": "_Input-label_4xor1_5", "Input-labelIcon": "_Input-labelIcon_4xor1_14", "Input-disabledIcon": "_Input-disabledIcon_4xor1_21", "Input-input": "_Input-input_4xor1_26", "Input": "_Input_4xor1_1", "Input--readOnly": "_Input--readOnly_4xor1_75", "Input-radioGroupItems": "_Input-radioGroupItems_4xor1_86", "Input-radio": "_Input-radio_4xor1_86", "Input-radioInner": "_Input-radioInner_4xor1_103", "Input-radioInput": "_Input-radioInput_4xor1_148" };
+var styles_module_default2 = { "InputWrapper": "_InputWrapper_py9hf_1", "Input-label": "_Input-label_py9hf_5", "Input-labelIcon": "_Input-labelIcon_py9hf_14", "Input-disabledIcon": "_Input-disabledIcon_py9hf_21", "Input-input": "_Input-input_py9hf_26", "Input": "_Input_py9hf_1", "Input--readOnly": "_Input--readOnly_py9hf_76", "Input-radioGroupItems": "_Input-radioGroupItems_py9hf_87", "Input-radio": "_Input-radio_py9hf_87", "Input-radioInner": "_Input-radioInner_py9hf_104", "Input-radioInput": "_Input-radioInput_py9hf_149" };
 
 // components/AutoField/index.tsx
 var import_react22 = require("react");
@@ -827,6 +827,15 @@ function forRelatedZones(item, data, cb, path = []) {
 
 // lib/data/map-slots.ts
 init_react_import();
+
+// lib/data/default-slots.ts
+init_react_import();
+var defaultSlots = (value, fields) => Object.keys(fields).reduce(
+  (acc, fieldName) => fields[fieldName].type === "slot" ? __spreadValues({ [fieldName]: [] }, acc) : acc,
+  value
+);
+
+// lib/data/map-slots.ts
 var isPromise = (v) => !!v && typeof v.then === "function";
 var flatten = (values) => values.reduce((acc, item) => __spreadValues(__spreadValues({}, acc), item), {});
 var containsPromise = (arr) => arr.some(isPromise);
@@ -851,7 +860,7 @@ var walkField = ({
       }
       const fields2 = (_a2 = componentConfig.fields) != null ? _a2 : {};
       return walkField({
-        value: el,
+        value: __spreadProps(__spreadValues({}, el), { props: defaultSlots(el.props, fields2) }),
         fields: fields2,
         map,
         id: el.props.id,
@@ -937,14 +946,14 @@ var walkObject = ({
   return flatten(newProps);
 };
 function mapSlots(item, map, config, recurseSlots = false) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const itemType = "type" in item ? item.type : "root";
   const componentConfig = itemType === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[itemType];
   const newProps = walkObject({
-    value: (_b = item.props) != null ? _b : {},
-    fields: (_c = componentConfig == null ? void 0 : componentConfig.fields) != null ? _c : {},
+    value: defaultSlots((_b = item.props) != null ? _b : {}, (_c = componentConfig == null ? void 0 : componentConfig.fields) != null ? _c : {}),
+    fields: (_d = componentConfig == null ? void 0 : componentConfig.fields) != null ? _d : {},
     map,
-    id: item.props ? (_d = item.props.id) != null ? _d : "root" : "root",
+    id: item.props ? (_e = item.props.id) != null ? _e : "root" : "root",
     getPropPath: (k) => k,
     config,
     recurseSlots
@@ -2470,13 +2479,18 @@ init_react_import();
 var import_react10 = require("react");
 var import_react11 = require("@dnd-kit/react");
 var import_utilities = require("@dnd-kit/dom/utilities");
+var touchDefault = { delay: { value: 200, tolerance: 10 } };
+var otherDefault = {
+  delay: { value: 200, tolerance: 10 },
+  distance: { value: 5 }
+};
 var useSensors = ({
-  other,
+  other = otherDefault,
   mouse,
-  touch
+  touch = touchDefault
 } = {
-  touch: { delay: { value: 200, tolerance: 10 } },
-  other: { delay: { value: 200, tolerance: 10 }, distance: { value: 5 } }
+  touch: touchDefault,
+  other: otherDefault
 }) => {
   const [sensors] = (0, import_react10.useState)(() => [
     import_react11.PointerSensor.configure({
@@ -3236,7 +3250,10 @@ var ArrayField = ({
                       var _a;
                       if (isDraggingAny) return;
                       const existingValue = value || [];
-                      const newItem = uniqifyItem((_a = field.defaultItemProps) != null ? _a : {});
+                      const newItem = defaultSlots(
+                        uniqifyItem((_a = field.defaultItemProps) != null ? _a : {}),
+                        field.arrayFields
+                      );
                       const newValue = [...existingValue, newItem];
                       const newArrayState = regenerateArrayState(newValue);
                       setUi(mapArrayStateToUi(newArrayState), false);
@@ -4970,10 +4987,10 @@ var useContentIdsWithPreview = (contentIds, zoneCompound) => {
     preview
   );
   const updateContent = useRenderedCallback(
-    (contentIds2, preview2) => {
-      var _a;
-      const s = zoneStore.getState();
-      const draggedItemId = (_a = s.draggedItem) == null ? void 0 : _a.id;
+    (contentIds2, preview2, isDragging2, draggedItemId, previewExists) => {
+      if (isDragging2 && !previewExists) {
+        return;
+      }
       if (preview2) {
         if (preview2.type === "insert") {
           setContentIdsWithPreview(
@@ -4994,7 +5011,7 @@ var useContentIdsWithPreview = (contentIds, zoneCompound) => {
         }
       } else {
         setContentIdsWithPreview(
-          contentIds2.filter((id) => id !== draggedItemId)
+          previewExists ? contentIds2.filter((id) => id !== draggedItemId) : contentIds2
         );
       }
       setLocalPreview(preview2);
@@ -5002,7 +5019,17 @@ var useContentIdsWithPreview = (contentIds, zoneCompound) => {
     []
   );
   (0, import_react30.useEffect)(() => {
-    updateContent(contentIds, preview, isDragging);
+    var _a;
+    const s = zoneStore.getState();
+    const draggedItemId = (_a = s.draggedItem) == null ? void 0 : _a.id;
+    const previewExists = Object.keys(s.previewIndex || {}).length > 0;
+    updateContent(
+      contentIds,
+      preview,
+      isDragging,
+      draggedItemId,
+      previewExists
+    );
   }, [contentIds, preview, isDragging]);
   return [contentIdsWithPreview, localPreview];
 };

package/dist/index.mjs

@@ -8,6 +8,7 @@ import {
   __spreadValues,
   __toESM,
   defaultAppState,
+  defaultSlots,
   defaultViewports,
   expandNode,
   getChanged,
@@ -24,7 +25,7 @@ import {
   walkAppState,
   walkField,
   walkTree
-} from "./chunk-HGAPIQP5.mjs";
+} from "./chunk-H4SMAS54.mjs";
 
 // ../../node_modules/classnames/index.js
 var require_classnames = __commonJS({
@@ -213,7 +214,7 @@ init_react_import();
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css#css-module
 init_react_import();
-var styles_module_default2 = { "InputWrapper": "_InputWrapper_4xor1_1", "Input-label": "_Input-label_4xor1_5", "Input-labelIcon": "_Input-labelIcon_4xor1_14", "Input-disabledIcon": "_Input-disabledIcon_4xor1_21", "Input-input": "_Input-input_4xor1_26", "Input": "_Input_4xor1_1", "Input--readOnly": "_Input--readOnly_4xor1_75", "Input-radioGroupItems": "_Input-radioGroupItems_4xor1_86", "Input-radio": "_Input-radio_4xor1_86", "Input-radioInner": "_Input-radioInner_4xor1_103", "Input-radioInput": "_Input-radioInput_4xor1_148" };
+var styles_module_default2 = { "InputWrapper": "_InputWrapper_py9hf_1", "Input-label": "_Input-label_py9hf_5", "Input-labelIcon": "_Input-labelIcon_py9hf_14", "Input-disabledIcon": "_Input-disabledIcon_py9hf_21", "Input-input": "_Input-input_py9hf_26", "Input": "_Input_py9hf_1", "Input--readOnly": "_Input--readOnly_py9hf_76", "Input-radioGroupItems": "_Input-radioGroupItems_py9hf_87", "Input-radio": "_Input-radio_py9hf_87", "Input-radioInner": "_Input-radioInner_py9hf_104", "Input-radioInput": "_Input-radioInput_py9hf_149" };
 
 // components/AutoField/index.tsx
 import {
@@ -1903,13 +1904,18 @@ init_react_import();
 import { useState as useState2 } from "react";
 import { PointerSensor } from "@dnd-kit/react";
 import { isElement } from "@dnd-kit/dom/utilities";
+var touchDefault = { delay: { value: 200, tolerance: 10 } };
+var otherDefault = {
+  delay: { value: 200, tolerance: 10 },
+  distance: { value: 5 }
+};
 var useSensors = ({
-  other,
+  other = otherDefault,
   mouse,
-  touch
+  touch = touchDefault
 } = {
-  touch: { delay: { value: 200, tolerance: 10 } },
-  other: { delay: { value: 200, tolerance: 10 }, distance: { value: 5 } }
+  touch: touchDefault,
+  other: otherDefault
 }) => {
   const [sensors] = useState2(() => [
     PointerSensor.configure({
@@ -2672,7 +2678,10 @@ var ArrayField = ({
                       var _a;
                       if (isDraggingAny) return;
                       const existingValue = value || [];
-                      const newItem = uniqifyItem((_a = field.defaultItemProps) != null ? _a : {});
+                      const newItem = defaultSlots(
+                        uniqifyItem((_a = field.defaultItemProps) != null ? _a : {}),
+                        field.arrayFields
+                      );
                       const newValue = [...existingValue, newItem];
                       const newArrayState = regenerateArrayState(newValue);
                       setUi(mapArrayStateToUi(newArrayState), false);
@@ -4440,10 +4449,10 @@ var useContentIdsWithPreview = (contentIds, zoneCompound) => {
     preview
   );
   const updateContent = useRenderedCallback(
-    (contentIds2, preview2) => {
-      var _a;
-      const s = zoneStore.getState();
-      const draggedItemId = (_a = s.draggedItem) == null ? void 0 : _a.id;
+    (contentIds2, preview2, isDragging2, draggedItemId, previewExists) => {
+      if (isDragging2 && !previewExists) {
+        return;
+      }
       if (preview2) {
         if (preview2.type === "insert") {
           setContentIdsWithPreview(
@@ -4464,7 +4473,7 @@ var useContentIdsWithPreview = (contentIds, zoneCompound) => {
         }
       } else {
         setContentIdsWithPreview(
-          contentIds2.filter((id) => id !== draggedItemId)
+          previewExists ? contentIds2.filter((id) => id !== draggedItemId) : contentIds2
         );
       }
       setLocalPreview(preview2);
@@ -4472,7 +4481,17 @@ var useContentIdsWithPreview = (contentIds, zoneCompound) => {
     []
   );
   useEffect14(() => {
-    updateContent(contentIds, preview, isDragging);
+    var _a;
+    const s = zoneStore.getState();
+    const draggedItemId = (_a = s.draggedItem) == null ? void 0 : _a.id;
+    const previewExists = Object.keys(s.previewIndex || {}).length > 0;
+    updateContent(
+      contentIds,
+      preview,
+      isDragging,
+      draggedItemId,
+      previewExists
+    );
   }, [contentIds, preview, isDragging]);
   return [contentIdsWithPreview, localPreview];
 };

package/dist/rsc.js

@@ -98,6 +98,12 @@ var setupZone = (data, zoneKey) => {
 // lib/use-slots.tsx
 var import_react2 = require("react");
 
+// lib/data/default-slots.ts
+var defaultSlots = (value, fields) => Object.keys(fields).reduce(
+  (acc, fieldName) => fields[fieldName].type === "slot" ? __spreadValues({ [fieldName]: [] }, acc) : acc,
+  value
+);
+
 // lib/data/map-slots.ts
 var isPromise = (v) => !!v && typeof v.then === "function";
 var flatten = (values) => values.reduce((acc, item) => __spreadValues(__spreadValues({}, acc), item), {});
@@ -123,7 +129,7 @@ var walkField = ({
       }
       const fields2 = (_a2 = componentConfig.fields) != null ? _a2 : {};
       return walkField({
-        value: el,
+        value: __spreadProps(__spreadValues({}, el), { props: defaultSlots(el.props, fields2) }),
         fields: fields2,
         map,
         id: el.props.id,
@@ -209,14 +215,14 @@ var walkObject = ({
   return flatten(newProps);
 };
 function mapSlots(item, map, config, recurseSlots = false) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const itemType = "type" in item ? item.type : "root";
   const componentConfig = itemType === "root" ? config.root : (_a = config.components) == null ? void 0 : _a[itemType];
   const newProps = walkObject({
-    value: (_b = item.props) != null ? _b : {},
-    fields: (_c = componentConfig == null ? void 0 : componentConfig.fields) != null ? _c : {},
+    value: defaultSlots((_b = item.props) != null ? _b : {}, (_c = componentConfig == null ? void 0 : componentConfig.fields) != null ? _c : {}),
+    fields: (_d = componentConfig == null ? void 0 : componentConfig.fields) != null ? _d : {},
     map,
-    id: item.props ? (_d = item.props.id) != null ? _d : "root" : "root",
+    id: item.props ? (_e = item.props.id) != null ? _e : "root" : "root",
     getPropPath: (k) => k,
     config,
     recurseSlots

package/dist/rsc.mjs

@@ -5,7 +5,7 @@ import {
   resolveAllData,
   transformProps,
   walkTree
-} from "./chunk-HGAPIQP5.mjs";
+} from "./chunk-H4SMAS54.mjs";
 
 // rsc.tsx
 init_react_import();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.19.0-canary.af1dc891",
+  "version": "0.19.0-canary.b22833ee",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
@@ -73,8 +73,8 @@
     "typescript": "^5.5.4"
   },
   "dependencies": {
-    "@dnd-kit/helpers": "0.1.18-beta-20250525014052",
-    "@dnd-kit/react": "0.1.18-beta-20250525014052",
+    "@dnd-kit/helpers": "0.1.18",
+    "@dnd-kit/react": "0.1.18",
     "deep-diff": "^1.0.2",
     "fast-deep-equal": "^3.1.3",
     "flat": "^5.0.2",