@measured/puck 0.19.0-canary.61c8658 → 0.19.0-canary.7e231b7

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { F as FieldProps, a as Field, D as DropZoneProps, C as Config, U as UserGenerics, b as Data, c as UiState, O as OnAction, P as Permissions, d as Plugin, e as Overrides, f as PuckAction, V as Viewports, I as IframeConfig, g as InitialHistory, M as Metadata, h as DefaultComponentProps, i as DefaultRootFieldProps, H as History, j as ComponentData, k as Fields, A as AppState, l as ComponentConfig } from './resolve-all-data-DleIzc4N.mjs';
-export { Q as Adaptor, K as ArrayField, t as ArrayState, a2 as AsFieldProps, B as BaseData, E as BaseField, y as ComponentDataMap, z as Content, Y as CustomField, $ as DefaultRootProps, _ as DefaultRootRenderProps, m as Direction, n as DragAxis, X as ExternalField, W as ExternalFieldWithAdaptor, a4 as ExtractPropsFromConfig, a5 as ExtractRootPropsFromConfig, r as FieldRenderFunctions, s as ItemWithId, x as MappedItem, N as NumberField, L as ObjectField, q as OverrideKey, u as PuckComponent, Z as PuckContext, J as RadioField, w as RootData, R as RootDataWithProps, v as RootDataWithoutProps, S as SelectField, T as TextField, G as TextareaField, o as Viewport, a3 as WithChildren, a0 as WithId, a1 as WithPuckProps, p as overrideKeys, a6 as resolveAllData } from './resolve-all-data-DleIzc4N.mjs';
+import { F as FieldProps, a as Field, D as DropZoneProps, C as Config, U as UserGenerics, b as Data, c as UiState, O as OnAction, P as Permissions, d as Plugin, e as Overrides, f as PuckAction, V as Viewports, I as IframeConfig, g as InitialHistory, M as Metadata, h as DefaultComponentProps, i as DefaultRootFieldProps, H as History, j as ComponentData, k as Fields, A as AppState, l as ComponentConfig } from './resolve-all-data-wwgDuTnC.mjs';
+export { Q as Adaptor, K as ArrayField, t as ArrayState, a2 as AsFieldProps, B as BaseData, E as BaseField, y as ComponentDataMap, z as Content, Y as CustomField, $ as DefaultRootProps, _ as DefaultRootRenderProps, m as Direction, n as DragAxis, X as ExternalField, W as ExternalFieldWithAdaptor, a4 as ExtractPropsFromConfig, a5 as ExtractRootPropsFromConfig, r as FieldRenderFunctions, s as ItemWithId, x as MappedItem, N as NumberField, L as ObjectField, q as OverrideKey, u as PuckComponent, Z as PuckContext, J as RadioField, w as RootData, R as RootDataWithProps, v as RootDataWithoutProps, S as SelectField, T as TextField, G as TextareaField, o as Viewport, a3 as WithChildren, a0 as WithId, a1 as WithPuckProps, p as overrideKeys, a6 as resolveAllData } from './resolve-all-data-wwgDuTnC.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement } from 'react';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { F as FieldProps, a as Field, D as DropZoneProps, C as Config, U as UserGenerics, b as Data, c as UiState, O as OnAction, P as Permissions, d as Plugin, e as Overrides, f as PuckAction, V as Viewports, I as IframeConfig, g as InitialHistory, M as Metadata, h as DefaultComponentProps, i as DefaultRootFieldProps, H as History, j as ComponentData, k as Fields, A as AppState, l as ComponentConfig } from './resolve-all-data-DleIzc4N.js';
-export { Q as Adaptor, K as ArrayField, t as ArrayState, a2 as AsFieldProps, B as BaseData, E as BaseField, y as ComponentDataMap, z as Content, Y as CustomField, $ as DefaultRootProps, _ as DefaultRootRenderProps, m as Direction, n as DragAxis, X as ExternalField, W as ExternalFieldWithAdaptor, a4 as ExtractPropsFromConfig, a5 as ExtractRootPropsFromConfig, r as FieldRenderFunctions, s as ItemWithId, x as MappedItem, N as NumberField, L as ObjectField, q as OverrideKey, u as PuckComponent, Z as PuckContext, J as RadioField, w as RootData, R as RootDataWithProps, v as RootDataWithoutProps, S as SelectField, T as TextField, G as TextareaField, o as Viewport, a3 as WithChildren, a0 as WithId, a1 as WithPuckProps, p as overrideKeys, a6 as resolveAllData } from './resolve-all-data-DleIzc4N.js';
+import { F as FieldProps, a as Field, D as DropZoneProps, C as Config, U as UserGenerics, b as Data, c as UiState, O as OnAction, P as Permissions, d as Plugin, e as Overrides, f as PuckAction, V as Viewports, I as IframeConfig, g as InitialHistory, M as Metadata, h as DefaultComponentProps, i as DefaultRootFieldProps, H as History, j as ComponentData, k as Fields, A as AppState, l as ComponentConfig } from './resolve-all-data-wwgDuTnC.js';
+export { Q as Adaptor, K as ArrayField, t as ArrayState, a2 as AsFieldProps, B as BaseData, E as BaseField, y as ComponentDataMap, z as Content, Y as CustomField, $ as DefaultRootProps, _ as DefaultRootRenderProps, m as Direction, n as DragAxis, X as ExternalField, W as ExternalFieldWithAdaptor, a4 as ExtractPropsFromConfig, a5 as ExtractRootPropsFromConfig, r as FieldRenderFunctions, s as ItemWithId, x as MappedItem, N as NumberField, L as ObjectField, q as OverrideKey, u as PuckComponent, Z as PuckContext, J as RadioField, w as RootData, R as RootDataWithProps, v as RootDataWithoutProps, S as SelectField, T as TextField, G as TextareaField, o as Viewport, a3 as WithChildren, a0 as WithId, a1 as WithPuckProps, p as overrideKeys, a6 as resolveAllData } from './resolve-all-data-wwgDuTnC.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement } from 'react';

package/dist/index.js

@@ -2886,7 +2886,6 @@ var ArrayField = ({
   value: _value,
   name,
   label,
-  labelIcon,
   readOnly,
   id,
   Label: Label2 = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", __spreadValues({}, props))
@@ -2964,7 +2963,7 @@ var ArrayField = ({
     Label2,
     {
       label: label || name,
-      icon: labelIcon || /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(List, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(List, { size: 16 }),
       el: "div",
       readOnly,
       children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -3205,7 +3204,6 @@ var DefaultField = ({
   value: _value,
   name,
   label,
-  labelIcon,
   Label: Label2,
   id
 }) => {
@@ -3214,7 +3212,7 @@ var DefaultField = ({
     Label2,
     {
       label: label || name,
-      icon: labelIcon || /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+      icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
         field.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Type, { size: 16 }),
         field.type === "number" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Hash, { size: 16 })
       ] }),
@@ -3644,7 +3642,6 @@ var ExternalField = ({
   value,
   name,
   label,
-  labelIcon,
   Label: Label2,
   id,
   readOnly
@@ -3662,35 +3659,27 @@ var ExternalField = ({
   if (field.type !== "external") {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    Label2,
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Label2, { label: label || name, icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Link, { size: 16 }), el: "div", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    ExternalInput,
     {
-      label: label || name,
-      icon: labelIcon || /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Link, { size: 16 }),
-      el: "div",
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-        ExternalInput,
-        {
-          name,
-          field: __spreadProps(__spreadValues({}, validField), {
-            // DEPRECATED
-            placeholder: ((_a = deprecatedField.adaptor) == null ? void 0 : _a.name) ? `Select from ${deprecatedField.adaptor.name}` : validField.placeholder || "Select data",
-            mapProp: ((_b = deprecatedField.adaptor) == null ? void 0 : _b.mapProp) || validField.mapProp,
-            mapRow: validField.mapRow,
-            fetchList: ((_c = deprecatedField.adaptor) == null ? void 0 : _c.fetchList) ? () => __async(void 0, null, function* () {
-              return yield deprecatedField.adaptor.fetchList(
-                deprecatedField.adaptorParams
-              );
-            }) : validField.fetchList
-          }),
-          onChange,
-          value,
-          id,
-          readOnly
-        }
-      )
+      name,
+      field: __spreadProps(__spreadValues({}, validField), {
+        // DEPRECATED
+        placeholder: ((_a = deprecatedField.adaptor) == null ? void 0 : _a.name) ? `Select from ${deprecatedField.adaptor.name}` : validField.placeholder || "Select data",
+        mapProp: ((_b = deprecatedField.adaptor) == null ? void 0 : _b.mapProp) || validField.mapProp,
+        mapRow: validField.mapRow,
+        fetchList: ((_c = deprecatedField.adaptor) == null ? void 0 : _c.fetchList) ? () => __async(void 0, null, function* () {
+          return yield deprecatedField.adaptor.fetchList(
+            deprecatedField.adaptorParams
+          );
+        }) : validField.fetchList
+      }),
+      onChange,
+      value,
+      id,
+      readOnly
     }
-  );
+  ) });
 };
 
 // components/AutoField/fields/RadioField/index.tsx
@@ -3719,7 +3708,6 @@ var RadioField = ({
   name,
   id,
   label,
-  labelIcon,
   Label: Label2
 }) => {
   const flatOptions = (0, import_react21.useMemo)(
@@ -3732,7 +3720,7 @@ var RadioField = ({
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     Label2,
     {
-      icon: labelIcon || /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CircleCheckBig, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CircleCheckBig, { size: 16 }),
       label: label || name,
       readOnly,
       el: "div",
@@ -3779,7 +3767,6 @@ var SelectField = ({
   field,
   onChange,
   label,
-  labelIcon,
   Label: Label2,
   value,
   name,
@@ -3797,7 +3784,7 @@ var SelectField = ({
     Label2,
     {
       label: label || name,
-      icon: labelIcon || /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronDown, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronDown, { size: 16 }),
       readOnly,
       children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         "select",
@@ -3841,33 +3828,24 @@ var TextareaField = ({
   value,
   name,
   label,
-  labelIcon,
   Label: Label2,
   id
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    Label2,
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Label2, { label: label || name, icon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Type, { size: 16 }), readOnly, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "textarea",
     {
-      label: label || name,
-      icon: labelIcon || /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Type, { size: 16 }),
+      id,
+      className: getClassName13("input"),
+      autoComplete: "off",
+      name,
+      value: typeof value === "undefined" ? "" : value,
+      onChange: (e) => onChange(e.currentTarget.value),
       readOnly,
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        "textarea",
-        {
-          id,
-          className: getClassName13("input"),
-          autoComplete: "off",
-          name,
-          value: typeof value === "undefined" ? "" : value,
-          onChange: (e) => onChange(e.currentTarget.value),
-          readOnly,
-          tabIndex: readOnly ? -1 : void 0,
-          rows: 5,
-          placeholder: field.type === "textarea" ? field.placeholder : void 0
-        }
-      )
+      tabIndex: readOnly ? -1 : void 0,
+      rows: 5,
+      placeholder: field.type === "textarea" ? field.placeholder : void 0
     }
-  );
+  ) });
 };
 
 // components/AutoField/fields/ObjectField/index.tsx
@@ -3886,7 +3864,6 @@ var ObjectField = ({
   value,
   name,
   label,
-  labelIcon,
   Label: Label2,
   readOnly,
   id
@@ -3900,7 +3877,7 @@ var ObjectField = ({
     Label2,
     {
       label: label || name,
-      icon: labelIcon || /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(EllipsisVertical, { size: 16 }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(EllipsisVertical, { size: 16 }),
       el: "div",
       readOnly,
       children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: getClassName14(), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("fieldset", { className: getClassName14("fieldset"), children: Object.keys(field.objectFields).map((subName) => {
@@ -4017,7 +3994,6 @@ function AutoFieldInternal(props) {
   const { id, Label: Label2 = FieldLabelInternal } = props;
   const field = props.field;
   const label = field.label;
-  const labelIcon = field.labelIcon;
   const defaultId = useSafeId();
   const resolvedId = id || defaultId;
   const defaultFields = {
@@ -4043,7 +4019,6 @@ function AutoFieldInternal(props) {
   const mergedProps = __spreadProps(__spreadValues({}, props), {
     field,
     label,
-    labelIcon,
     Label: Label2,
     id: resolvedId
   });
@@ -5590,7 +5565,7 @@ var DragDropContextClient = ({
   const resolveData2 = useAppStore((s) => s.resolveData);
   const metadata = useAppStore((s) => s.metadata);
   const appStore = useAppStoreApi();
-  const id = useSafeId();
+  const id = (0, import_react36.useId)();
   const debouncedParamsRef = (0, import_react36.useRef)(null);
   const tempDisableFallback = useTempDisableFallback(100);
   const [zoneStore] = (0, import_react36.useState)(
@@ -6044,7 +6019,7 @@ var Drawer = ({
       "Warning: The `direction` prop on Drawer is deprecated and no longer required to achieve multi-directional dragging."
     );
   }
-  const id = useSafeId();
+  const id = (0, import_react37.useId)();
   const { ref } = useDroppableSafe({
     id,
     type: "void",

package/dist/index.mjs

@@ -2694,7 +2694,6 @@ var ArrayField = ({
   value: _value,
   name,
   label,
-  labelIcon,
   readOnly,
   id,
   Label: Label2 = (props) => /* @__PURE__ */ jsx7("div", __spreadValues({}, props))
@@ -2772,7 +2771,7 @@ var ArrayField = ({
     Label2,
     {
       label: label || name,
-      icon: labelIcon || /* @__PURE__ */ jsx7(List, { size: 16 }),
+      icon: /* @__PURE__ */ jsx7(List, { size: 16 }),
       el: "div",
       readOnly,
       children: /* @__PURE__ */ jsx7(
@@ -3013,7 +3012,6 @@ var DefaultField = ({
   value: _value,
   name,
   label,
-  labelIcon,
   Label: Label2,
   id
 }) => {
@@ -3022,7 +3020,7 @@ var DefaultField = ({
     Label2,
     {
       label: label || name,
-      icon: labelIcon || /* @__PURE__ */ jsxs4(Fragment2, { children: [
+      icon: /* @__PURE__ */ jsxs4(Fragment2, { children: [
         field.type === "text" && /* @__PURE__ */ jsx8(Type, { size: 16 }),
         field.type === "number" && /* @__PURE__ */ jsx8(Hash, { size: 16 })
       ] }),
@@ -3458,7 +3456,6 @@ var ExternalField = ({
   value,
   name,
   label,
-  labelIcon,
   Label: Label2,
   id,
   readOnly
@@ -3476,35 +3473,27 @@ var ExternalField = ({
   if (field.type !== "external") {
     return null;
   }
-  return /* @__PURE__ */ jsx13(
-    Label2,
+  return /* @__PURE__ */ jsx13(Label2, { label: label || name, icon: /* @__PURE__ */ jsx13(Link, { size: 16 }), el: "div", children: /* @__PURE__ */ jsx13(
+    ExternalInput,
     {
-      label: label || name,
-      icon: labelIcon || /* @__PURE__ */ jsx13(Link, { size: 16 }),
-      el: "div",
-      children: /* @__PURE__ */ jsx13(
-        ExternalInput,
-        {
-          name,
-          field: __spreadProps(__spreadValues({}, validField), {
-            // DEPRECATED
-            placeholder: ((_a = deprecatedField.adaptor) == null ? void 0 : _a.name) ? `Select from ${deprecatedField.adaptor.name}` : validField.placeholder || "Select data",
-            mapProp: ((_b = deprecatedField.adaptor) == null ? void 0 : _b.mapProp) || validField.mapProp,
-            mapRow: validField.mapRow,
-            fetchList: ((_c = deprecatedField.adaptor) == null ? void 0 : _c.fetchList) ? () => __async(void 0, null, function* () {
-              return yield deprecatedField.adaptor.fetchList(
-                deprecatedField.adaptorParams
-              );
-            }) : validField.fetchList
-          }),
-          onChange,
-          value,
-          id,
-          readOnly
-        }
-      )
+      name,
+      field: __spreadProps(__spreadValues({}, validField), {
+        // DEPRECATED
+        placeholder: ((_a = deprecatedField.adaptor) == null ? void 0 : _a.name) ? `Select from ${deprecatedField.adaptor.name}` : validField.placeholder || "Select data",
+        mapProp: ((_b = deprecatedField.adaptor) == null ? void 0 : _b.mapProp) || validField.mapProp,
+        mapRow: validField.mapRow,
+        fetchList: ((_c = deprecatedField.adaptor) == null ? void 0 : _c.fetchList) ? () => __async(void 0, null, function* () {
+          return yield deprecatedField.adaptor.fetchList(
+            deprecatedField.adaptorParams
+          );
+        }) : validField.fetchList
+      }),
+      onChange,
+      value,
+      id,
+      readOnly
     }
-  );
+  ) });
 };
 
 // components/AutoField/fields/RadioField/index.tsx
@@ -3533,7 +3522,6 @@ var RadioField = ({
   name,
   id,
   label,
-  labelIcon,
   Label: Label2
 }) => {
   const flatOptions = useMemo3(
@@ -3546,7 +3534,7 @@ var RadioField = ({
   return /* @__PURE__ */ jsx14(
     Label2,
     {
-      icon: labelIcon || /* @__PURE__ */ jsx14(CircleCheckBig, { size: 16 }),
+      icon: /* @__PURE__ */ jsx14(CircleCheckBig, { size: 16 }),
       label: label || name,
       readOnly,
       el: "div",
@@ -3593,7 +3581,6 @@ var SelectField = ({
   field,
   onChange,
   label,
-  labelIcon,
   Label: Label2,
   value,
   name,
@@ -3611,7 +3598,7 @@ var SelectField = ({
     Label2,
     {
       label: label || name,
-      icon: labelIcon || /* @__PURE__ */ jsx15(ChevronDown, { size: 16 }),
+      icon: /* @__PURE__ */ jsx15(ChevronDown, { size: 16 }),
       readOnly,
       children: /* @__PURE__ */ jsx15(
         "select",
@@ -3655,33 +3642,24 @@ var TextareaField = ({
   value,
   name,
   label,
-  labelIcon,
   Label: Label2,
   id
 }) => {
-  return /* @__PURE__ */ jsx16(
-    Label2,
+  return /* @__PURE__ */ jsx16(Label2, { label: label || name, icon: /* @__PURE__ */ jsx16(Type, { size: 16 }), readOnly, children: /* @__PURE__ */ jsx16(
+    "textarea",
     {
-      label: label || name,
-      icon: labelIcon || /* @__PURE__ */ jsx16(Type, { size: 16 }),
+      id,
+      className: getClassName13("input"),
+      autoComplete: "off",
+      name,
+      value: typeof value === "undefined" ? "" : value,
+      onChange: (e) => onChange(e.currentTarget.value),
       readOnly,
-      children: /* @__PURE__ */ jsx16(
-        "textarea",
-        {
-          id,
-          className: getClassName13("input"),
-          autoComplete: "off",
-          name,
-          value: typeof value === "undefined" ? "" : value,
-          onChange: (e) => onChange(e.currentTarget.value),
-          readOnly,
-          tabIndex: readOnly ? -1 : void 0,
-          rows: 5,
-          placeholder: field.type === "textarea" ? field.placeholder : void 0
-        }
-      )
+      tabIndex: readOnly ? -1 : void 0,
+      rows: 5,
+      placeholder: field.type === "textarea" ? field.placeholder : void 0
     }
-  );
+  ) });
 };
 
 // components/AutoField/fields/ObjectField/index.tsx
@@ -3700,7 +3678,6 @@ var ObjectField = ({
   value,
   name,
   label,
-  labelIcon,
   Label: Label2,
   readOnly,
   id
@@ -3714,7 +3691,7 @@ var ObjectField = ({
     Label2,
     {
       label: label || name,
-      icon: labelIcon || /* @__PURE__ */ jsx17(EllipsisVertical, { size: 16 }),
+      icon: /* @__PURE__ */ jsx17(EllipsisVertical, { size: 16 }),
       el: "div",
       readOnly,
       children: /* @__PURE__ */ jsx17("div", { className: getClassName14(), children: /* @__PURE__ */ jsx17("fieldset", { className: getClassName14("fieldset"), children: Object.keys(field.objectFields).map((subName) => {
@@ -3831,7 +3808,6 @@ function AutoFieldInternal(props) {
   const { id, Label: Label2 = FieldLabelInternal } = props;
   const field = props.field;
   const label = field.label;
-  const labelIcon = field.labelIcon;
   const defaultId = useSafeId();
   const resolvedId = id || defaultId;
   const defaultFields = {
@@ -3857,7 +3833,6 @@ function AutoFieldInternal(props) {
   const mergedProps = __spreadProps(__spreadValues({}, props), {
     field,
     label,
-    labelIcon,
     Label: Label2,
     id: resolvedId
   });
@@ -3959,7 +3934,7 @@ init_react_import();
 var styles_module_default10 = { "Drawer": "_Drawer_fkqfo_1", "Drawer-draggable": "_Drawer-draggable_fkqfo_8", "Drawer-draggableBg": "_Drawer-draggableBg_fkqfo_12", "Drawer-draggableFg": "_Drawer-draggableFg_fkqfo_21", "DrawerItem-draggable": "_DrawerItem-draggable_fkqfo_25", "DrawerItem--disabled": "_DrawerItem--disabled_fkqfo_38", "DrawerItem": "_DrawerItem_fkqfo_25", "Drawer--isDraggingFrom": "_Drawer--isDraggingFrom_fkqfo_48", "DrawerItem-name": "_DrawerItem-name_fkqfo_66" };
 
 // components/Drawer/index.tsx
-import { useMemo as useMemo9, useState as useState16 } from "react";
+import { useId as useId2, useMemo as useMemo9, useState as useState16 } from "react";
 
 // components/DragDropContext/index.tsx
 init_react_import();
@@ -3969,6 +3944,7 @@ import {
   useCallback as useCallback10,
   useContext as useContext7,
   useEffect as useEffect17,
+  useId,
   useRef as useRef4,
   useState as useState15
 } from "react";
@@ -5430,7 +5406,7 @@ var DragDropContextClient = ({
   const resolveData2 = useAppStore((s) => s.resolveData);
   const metadata = useAppStore((s) => s.metadata);
   const appStore = useAppStoreApi();
-  const id = useSafeId();
+  const id = useId();
   const debouncedParamsRef = useRef4(null);
   const tempDisableFallback = useTempDisableFallback(100);
   const [zoneStore] = useState15(
@@ -5884,7 +5860,7 @@ var Drawer = ({
       "Warning: The `direction` prop on Drawer is deprecated and no longer required to achieve multi-directional dragging."
     );
   }
-  const id = useSafeId();
+  const id = useId2();
   const { ref } = useDroppableSafe({
     id,
     type: "void",

package/dist/{resolve-all-data-DleIzc4N.d.mts → resolve-all-data-wwgDuTnC.d.mts}

@@ -22,7 +22,6 @@ type FieldOption = {
 type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
     label?: string;
-    labelIcon?: ReactElement;
 };
 type TextField = BaseField & {
     type: "text";

package/dist/{resolve-all-data-DleIzc4N.d.ts → resolve-all-data-wwgDuTnC.d.ts}

@@ -22,7 +22,6 @@ type FieldOption = {
 type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
     label?: string;
-    labelIcon?: ReactElement;
 };
 type TextField = BaseField & {
     type: "text";

package/dist/rsc.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics, M as Metadata } from './resolve-all-data-DleIzc4N.mjs';
-export { a6 as resolveAllData } from './resolve-all-data-DleIzc4N.mjs';
+import { C as Config, U as UserGenerics, M as Metadata } from './resolve-all-data-wwgDuTnC.mjs';
+export { a6 as resolveAllData } from './resolve-all-data-wwgDuTnC.mjs';
 import 'react';
 
 declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {

package/dist/rsc.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, U as UserGenerics, M as Metadata } from './resolve-all-data-DleIzc4N.js';
-export { a6 as resolveAllData } from './resolve-all-data-DleIzc4N.js';
+import { C as Config, U as UserGenerics, M as Metadata } from './resolve-all-data-wwgDuTnC.js';
+export { a6 as resolveAllData } from './resolve-all-data-wwgDuTnC.js';
 import 'react';
 
 declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.19.0-canary.61c8658",
+  "version": "0.19.0-canary.7e231b7",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
@@ -27,8 +27,7 @@
       "require": "./dist/rsc.js"
     },
     "./puck.css": "./dist/index.css",
-    "./dist/index.css": "./dist/index.css",
-    "./package.json": "./package.json"
+    "./dist/index.css": "./dist/index.css"
   },
   "typesVersions": {
     "*": {
@@ -77,7 +76,7 @@
     "react-hotkeys-hook": "^4.6.1",
     "use-debounce": "^9.0.4",
     "uuid": "^9.0.1",
-    "zustand": "^4.5.6"
+    "zustand": "^5.0.2"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0"