@measured/puck 0.20.0-canary.6cf56a8a → 0.20.0-canary.6dace1cf

package/dist/{chunk-DBSNJT3R.mjs → chunk-4KAREQPB.mjs}

@@ -392,7 +392,7 @@ import {
   useCallback as useCallback4,
   useContext as useContext3,
   useEffect as useEffect10,
-  useMemo as useMemo5,
+  useMemo as useMemo3,
   useState as useState8
 } from "react";
 
@@ -3196,20 +3196,6 @@ var ExternalField = ({
 
 // components/AutoField/fields/RadioField/index.tsx
 init_react_import();
-import { useMemo as useMemo3 } from "react";
-
-// lib/safe-json-parse.ts
-init_react_import();
-var safeJsonParse = (str) => {
-  try {
-    const jsonValue = JSON.parse(str);
-    return jsonValue;
-  } catch (e) {
-    return str;
-  }
-};
-
-// components/AutoField/fields/RadioField/index.tsx
 import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var getClassName11 = get_class_name_factory_default("Input", styles_module_default3);
 var RadioField = ({
@@ -3223,10 +3209,6 @@ var RadioField = ({
   labelIcon,
   Label: Label2
 }) => {
-  const flatOptions = useMemo3(
-    () => field.type === "radio" ? field.options.map(({ value: value2 }) => value2) : [],
-    [field]
-  );
   if (field.type !== "radio" || !field.options) {
     return null;
   }
@@ -3237,43 +3219,39 @@ var RadioField = ({
       label: label || name,
       readOnly,
       el: "div",
-      children: /* @__PURE__ */ jsx14("div", { className: getClassName11("radioGroupItems"), id, children: field.options.map((option) => /* @__PURE__ */ jsxs7(
-        "label",
-        {
-          className: getClassName11("radio"),
-          children: [
-            /* @__PURE__ */ jsx14(
-              "input",
-              {
-                type: "radio",
-                className: getClassName11("radioInput"),
-                value: option.value,
-                name,
-                onChange: (e) => {
-                  var _a;
-                  const jsonValue = (_a = safeJsonParse(e.target.value)) != null ? _a : e.target.value;
-                  if (flatOptions.indexOf(jsonValue) > -1) {
-                    onChange(jsonValue);
-                  } else {
-                    onChange(e.target.value);
-                  }
-                },
-                disabled: readOnly,
-                checked: value === option.value
-              }
-            ),
-            /* @__PURE__ */ jsx14("div", { className: getClassName11("radioInner"), children: option.label || option.value })
-          ]
-        },
-        option.label + option.value
-      )) })
+      children: /* @__PURE__ */ jsx14("div", { className: getClassName11("radioGroupItems"), id, children: field.options.map((option) => {
+        var _a;
+        return /* @__PURE__ */ jsxs7(
+          "label",
+          {
+            className: getClassName11("radio"),
+            children: [
+              /* @__PURE__ */ jsx14(
+                "input",
+                {
+                  type: "radio",
+                  className: getClassName11("radioInput"),
+                  value: JSON.stringify({ value: option.value }),
+                  name,
+                  onChange: (e) => {
+                    onChange(JSON.parse(e.target.value).value);
+                  },
+                  disabled: readOnly,
+                  checked: value === option.value
+                }
+              ),
+              /* @__PURE__ */ jsx14("div", { className: getClassName11("radioInner"), children: option.label || ((_a = option.value) == null ? void 0 : _a.toString()) })
+            ]
+          },
+          option.label + option.value
+        );
+      }) })
     }
   );
 };
 
 // components/AutoField/fields/SelectField/index.tsx
 init_react_import();
-import { useMemo as useMemo4 } from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
 var getClassName12 = get_class_name_factory_default("Input", styles_module_default3);
 var SelectField = ({
@@ -3287,10 +3265,6 @@ var SelectField = ({
   readOnly,
   id
 }) => {
-  const flatOptions = useMemo4(
-    () => field.type === "select" ? field.options.map(({ value: value2 }) => value2) : [],
-    [field]
-  );
   if (field.type !== "select" || !field.options) {
     return null;
   }
@@ -3308,22 +3282,16 @@ var SelectField = ({
           className: getClassName12("input"),
           disabled: readOnly,
           onChange: (e) => {
-            var _a;
-            const jsonValue = (_a = safeJsonParse(e.target.value)) != null ? _a : e.target.value;
-            if (flatOptions.indexOf(jsonValue) > -1) {
-              onChange(jsonValue);
-            } else {
-              onChange(e.target.value);
-            }
+            onChange(JSON.parse(e.target.value).value);
           },
-          value,
+          value: JSON.stringify({ value }),
           children: field.options.map((option) => /* @__PURE__ */ jsx15(
             "option",
             {
               label: option.label,
-              value: option.value
+              value: JSON.stringify({ value: option.value })
             },
-            option.label + option.value
+            option.label + JSON.stringify(option.value)
           ))
         }
       )
@@ -3486,7 +3454,7 @@ var FieldLabelInternal = ({
   readOnly
 }) => {
   const overrides = useAppStore((s) => s.overrides);
-  const Wrapper = useMemo5(
+  const Wrapper = useMemo3(
     () => overrides.fieldLabel || FieldLabel,
     [overrides]
   );
@@ -3641,7 +3609,7 @@ function AutoFieldPrivate(props) {
   return /* @__PURE__ */ jsx18(AutoFieldInternal, __spreadValues(__spreadValues({}, props), localProps));
 }
 function AutoField(props) {
-  const DefaultLabel = useMemo5(() => {
+  const DefaultLabel = useMemo3(() => {
     const DefaultLabel2 = (labelProps) => /* @__PURE__ */ jsx18(
       "div",
       __spreadProps(__spreadValues({}, labelProps), {
@@ -3667,7 +3635,7 @@ import {
   useCallback as useCallback11,
   useContext as useContext8,
   useEffect as useEffect17,
-  useMemo as useMemo10,
+  useMemo as useMemo8,
   useRef as useRef5
 } from "react";
 
@@ -3677,7 +3645,7 @@ import {
   useCallback as useCallback7,
   useContext as useContext5,
   useEffect as useEffect12,
-  useMemo as useMemo7,
+  useMemo as useMemo5,
   useRef as useRef2,
   useState as useState10,
   useTransition
@@ -3714,7 +3682,7 @@ init_react_import();
 import {
   createContext as createContext3,
   useCallback as useCallback5,
-  useMemo as useMemo6
+  useMemo as useMemo4
 } from "react";
 import { createStore as createStore2 } from "zustand";
 import { Fragment as Fragment5, jsx as jsx19 } from "react/jsx-runtime";
@@ -3751,7 +3719,7 @@ var DropZoneProvider = ({
     },
     [dispatch]
   );
-  const memoValue = useMemo6(
+  const memoValue = useMemo4(
     () => __spreadValues({
       registerZone
     }, value),
@@ -3904,7 +3872,7 @@ var DraggableComponent = ({
   );
   const zoneStore = useContext5(ZoneStoreContext);
   const [dragAxis, setDragAxis] = useState10(userDragAxis || autoDragAxis);
-  const dynamicCollisionDetector = useMemo7(
+  const dynamicCollisionDetector = useMemo5(
     () => createDynamicCollisionDetector(dragAxis),
     [dragAxis]
   );
@@ -4032,7 +4000,7 @@ var DraggableComponent = ({
       });
     };
   }, [id, zoneCompound, index, componentType, sync]);
-  const CustomActionBar = useMemo7(
+  const CustomActionBar = useMemo5(
     () => overrides.actionBar || DefaultActionBar,
     [overrides.actionBar]
   );
@@ -4206,11 +4174,11 @@ var DraggableComponent = ({
     }
     setDragAxis(autoDragAxis);
   }, [ref, userDragAxis, autoDragAxis]);
-  const parentAction = useMemo7(
+  const parentAction = useMemo5(
     () => (ctx == null ? void 0 : ctx.areaId) && (ctx == null ? void 0 : ctx.areaId) !== "root" && /* @__PURE__ */ jsx20(ActionBar.Action, { onClick: onSelectParent, label: "Select parent", children: /* @__PURE__ */ jsx20(CornerLeftUp, { size: 16 }) }),
     [ctx == null ? void 0 : ctx.areaId]
   );
-  const nextContextValue = useMemo7(
+  const nextContextValue = useMemo5(
     () => __spreadProps(__spreadValues({}, ctx), {
       areaId: id,
       zoneCompound,
@@ -4303,7 +4271,7 @@ init_react_import();
 var styles_module_default12 = { "Drawer": "_Drawer_pl7z0_1", "Drawer-draggable": "_Drawer-draggable_pl7z0_8", "Drawer-draggableBg": "_Drawer-draggableBg_pl7z0_12", "DrawerItem-draggable": "_DrawerItem-draggable_pl7z0_22", "DrawerItem--disabled": "_DrawerItem--disabled_pl7z0_35", "DrawerItem": "_DrawerItem_pl7z0_22", "Drawer--isDraggingFrom": "_Drawer--isDraggingFrom_pl7z0_45", "DrawerItem-name": "_DrawerItem-name_pl7z0_63" };
 
 // components/Drawer/index.tsx
-import { useMemo as useMemo9, useState as useState12 } from "react";
+import { useMemo as useMemo7, useState as useState12 } from "react";
 
 // components/DragDropContext/index.tsx
 init_react_import();
@@ -4313,7 +4281,7 @@ import {
   useCallback as useCallback8,
   useContext as useContext6,
   useEffect as useEffect13,
-  useMemo as useMemo8,
+  useMemo as useMemo6,
   useRef as useRef3,
   useState as useState11
 } from "react";
@@ -4812,7 +4780,7 @@ var DragDropContextClient = ({
   const [dragListeners, setDragListeners] = useState11({});
   const dragMode = useRef3(null);
   const initialSelector = useRef3(void 0);
-  const nextContextValue = useMemo8(
+  const nextContextValue = useMemo6(
     () => ({
       mode: "edit",
       areaId: "root",
@@ -5072,7 +5040,7 @@ var DrawerItemInner = ({
   dragRef,
   isDragDisabled
 }) => {
-  const CustomInner = useMemo9(
+  const CustomInner = useMemo7(
     () => children || (({ children: children2 }) => /* @__PURE__ */ jsx22("div", { className: getClassNameItem2("default"), children: children2 })),
     [children]
   );
@@ -5455,7 +5423,7 @@ var DropZoneChild = ({
     })
   );
   const appStore = useAppStoreApi();
-  const item = useMemo10(() => {
+  const item = useMemo8(() => {
     if (nodeProps) {
       const expanded = expandNode({
         type: nodeType,
@@ -5477,7 +5445,7 @@ var DropZoneChild = ({
   const componentConfig = useAppStore(
     (s) => (item == null ? void 0 : item.type) ? s.config.components[item.type] : null
   );
-  const puckProps = useMemo10(
+  const puckProps = useMemo8(
     () => ({
       renderDropZone: DropZoneEditPure,
       isEditing: true,
@@ -5500,7 +5468,7 @@ var DropZoneChild = ({
     }
   );
   let label = (_b = (_a = componentConfig == null ? void 0 : componentConfig.label) != null ? _a : item == null ? void 0 : item.type.toString()) != null ? _b : "Component";
-  const renderPreview = useMemo10(
+  const renderPreview = useMemo8(
     () => function Preview3() {
       if (item && "element" in item && item.element) {
         return (
@@ -5512,7 +5480,7 @@ var DropZoneChild = ({
     },
     [componentId, label, overrides]
   );
-  const defaultsProps = useMemo10(
+  const defaultsProps = useMemo8(
     () => __spreadProps(__spreadValues(__spreadValues({}, componentConfig == null ? void 0 : componentConfig.defaultProps), item == null ? void 0 : item.props), {
       puck: puckProps,
       editMode: true
@@ -5520,7 +5488,7 @@ var DropZoneChild = ({
     }),
     [componentConfig == null ? void 0 : componentConfig.defaultProps, item == null ? void 0 : item.props, puckProps]
   );
-  const defaultedNode = useMemo10(
+  const defaultedNode = useMemo8(
     () => {
       var _a2;
       return { type: (_a2 = item == null ? void 0 : item.type) != null ? _a2 : nodeType, props: defaultsProps };
@@ -5636,7 +5604,7 @@ var DropZoneEdit = forwardRef3(
         }
       }
     }, [zoneType]);
-    const contentIds = useMemo10(() => {
+    const contentIds = useMemo8(() => {
       return zoneContentIds || [];
     }, [zoneContentIds]);
     const ref = useRef5(null);
@@ -5768,7 +5736,7 @@ var DropZoneRenderItem = ({
 }) => {
   const Component = config.components[item.type];
   const props = useSlots(config, item, (slotProps) => /* @__PURE__ */ jsx24(SlotRenderPure, __spreadProps(__spreadValues({}, slotProps), { config, metadata })));
-  const nextContextValue = useMemo10(
+  const nextContextValue = useMemo8(
     () => ({
       areaId: props.id,
       depth: 1
@@ -5835,7 +5803,7 @@ var DropZone = forwardRef3(
 );
 
 // components/Render/index.tsx
-import React3, { useMemo as useMemo11 } from "react";
+import React3, { useMemo as useMemo9 } from "react";
 import { jsx as jsx25 } from "react/jsx-runtime";
 var renderContext = React3.createContext({
   config: { components: {} },
@@ -5870,7 +5838,7 @@ function Render({
     { type: "root", props: pageProps },
     (props) => /* @__PURE__ */ jsx25(SlotRender, __spreadProps(__spreadValues({}, props), { config, metadata }))
   );
-  const nextContextValue = useMemo11(
+  const nextContextValue = useMemo9(
     () => ({
       mode: "render",
       depth: 0
@@ -5983,7 +5951,7 @@ import {
   useCallback as useCallback18,
   useContext as useContext12,
   useEffect as useEffect25,
-  useMemo as useMemo21,
+  useMemo as useMemo19,
   useRef as useRef8,
   useState as useState23
 } from "react";
@@ -5997,7 +5965,7 @@ var styles_module_default13 = { "SidebarSection": "_SidebarSection_8boj8_1", "Si
 
 // lib/use-breadcrumbs.ts
 init_react_import();
-import { useMemo as useMemo12 } from "react";
+import { useMemo as useMemo10 } from "react";
 var useBreadcrumbs = (renderCount) => {
   const selectedId = useAppStore((s) => {
     var _a;
@@ -6009,7 +5977,7 @@ var useBreadcrumbs = (renderCount) => {
     return (_a = s.state.indexes.nodes[selectedId]) == null ? void 0 : _a.path;
   });
   const appStore = useAppStoreApi();
-  return useMemo12(() => {
+  return useMemo10(() => {
     const breadcrumbs = (path == null ? void 0 : path.map((zoneCompound) => {
       var _a, _b, _c;
       const [componentId] = zoneCompound.split(":");
@@ -6093,7 +6061,7 @@ init_react_import();
 var styles_module_default15 = { "PuckFields": "_PuckFields_10bh7_1", "PuckFields--isLoading": "_PuckFields--isLoading_10bh7_6", "PuckFields-loadingOverlay": "_PuckFields-loadingOverlay_10bh7_10", "PuckFields-loadingOverlayInner": "_PuckFields-loadingOverlayInner_10bh7_25", "PuckFields-field": "_PuckFields-field_10bh7_32", "PuckFields--wrapFields": "_PuckFields--wrapFields_10bh7_36" };
 
 // components/Puck/components/Fields/index.tsx
-import { memo as memo2, useCallback as useCallback12, useMemo as useMemo13 } from "react";
+import { memo as memo2, useCallback as useCallback12, useMemo as useMemo11 } from "react";
 import { useShallow as useShallow5 } from "zustand/react/shallow";
 import { Fragment as Fragment7, jsx as jsx27, jsxs as jsxs13 } from "react/jsx-runtime";
 var getClassName20 = get_class_name_factory_default("PuckFields", styles_module_default15);
@@ -6209,7 +6177,7 @@ var FieldsInternal = ({ wrapFields = true }) => {
     })
   );
   const isLoading = fieldsLoading || componentResolving;
-  const Wrapper = useMemo13(() => overrides.fields || DefaultFields, [overrides]);
+  const Wrapper = useMemo11(() => overrides.fields || DefaultFields, [overrides]);
   return /* @__PURE__ */ jsxs13(
     "form",
     {
@@ -6374,18 +6342,18 @@ var useComponentList = () => {
 };
 
 // components/Puck/components/Components/index.tsx
-import { useMemo as useMemo14 } from "react";
+import { useMemo as useMemo12 } from "react";
 import { jsx as jsx30 } from "react/jsx-runtime";
 var Components = () => {
   const overrides = useAppStore((s) => s.overrides);
   const componentList = useComponentList();
-  const Wrapper = useMemo14(() => overrides.components || "div", [overrides]);
+  const Wrapper = useMemo12(() => overrides.components || "div", [overrides]);
   return /* @__PURE__ */ jsx30(Wrapper, { children: componentList ? componentList : /* @__PURE__ */ jsx30(ComponentList, { id: "all" }) });
 };
 
 // components/Puck/components/Preview/index.tsx
 init_react_import();
-import { useCallback as useCallback13, useEffect as useEffect21, useRef as useRef6, useMemo as useMemo15 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect21, useRef as useRef6, useMemo as useMemo13 } from "react";
 
 // components/AutoFrame/index.tsx
 init_react_import();
@@ -6747,7 +6715,7 @@ var Preview2 = ({ id = "puck-preview" }) => {
     },
     [config]
   );
-  const Frame = useMemo15(() => overrides.iframe, [overrides]);
+  const Frame = useMemo13(() => overrides.iframe, [overrides]);
   const rootProps = root.props || root;
   const ref = useRef6(null);
   useBubbleIframeEvents(ref);
@@ -7016,7 +6984,7 @@ var LayerTree = ({
 };
 
 // components/Puck/components/Outline/index.tsx
-import { useMemo as useMemo16 } from "react";
+import { useMemo as useMemo14 } from "react";
 
 // lib/data/find-zones-for-area.ts
 init_react_import();
@@ -7034,7 +7002,7 @@ var Outline = () => {
   const rootZones = useAppStore(
     useShallow7((s) => findZonesForArea(s.state, "root"))
   );
-  const Wrapper = useMemo16(() => outlineOverride || "div", [outlineOverride]);
+  const Wrapper = useMemo14(() => outlineOverride || "div", [outlineOverride]);
   return /* @__PURE__ */ jsx34(Wrapper, { children: rootZones.map((zoneCompound) => /* @__PURE__ */ jsx34(
     LayerTree,
     {
@@ -7171,14 +7139,14 @@ var getBox = function getBox2(el) {
 import {
   useCallback as useCallback15,
   useEffect as useEffect23,
-  useMemo as useMemo18,
+  useMemo as useMemo16,
   useRef as useRef7,
   useState as useState20
 } from "react";
 
 // components/ViewportControls/index.tsx
 init_react_import();
-import { useEffect as useEffect22, useMemo as useMemo17, useState as useState19 } from "react";
+import { useEffect as useEffect22, useMemo as useMemo15, useState as useState19 } from "react";
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/ViewportControls/styles.module.css#css-module
 init_react_import();
@@ -7239,7 +7207,7 @@ var ViewportControls = ({
   const defaultsContainAutoZoom = defaultZoomOptions.find(
     (option) => option.value === autoZoom
   );
-  const zoomOptions = useMemo17(
+  const zoomOptions = useMemo15(
     () => [
       ...defaultZoomOptions,
       ...defaultsContainAutoZoom ? [] : [
@@ -7390,11 +7358,11 @@ var Canvas = () => {
   );
   const frameRef = useRef7(null);
   const [showTransition, setShowTransition] = useState20(false);
-  const defaultRender = useMemo18(() => {
+  const defaultRender = useMemo16(() => {
     const PuckDefault = ({ children }) => /* @__PURE__ */ jsx36(Fragment11, { children });
     return PuckDefault;
   }, []);
-  const CustomPreview = useMemo18(
+  const CustomPreview = useMemo16(
     () => overrides.preview || defaultRender,
     [overrides]
   );
@@ -7527,7 +7495,7 @@ var Canvas = () => {
 
 // lib/use-loaded-overrides.ts
 init_react_import();
-import { useMemo as useMemo19 } from "react";
+import { useMemo as useMemo17 } from "react";
 
 // lib/load-overrides.ts
 init_react_import();
@@ -7566,7 +7534,7 @@ var useLoadedOverrides = ({
   overrides,
   plugins
 }) => {
-  return useMemo19(() => {
+  return useMemo17(() => {
     return loadOverrides({ overrides, plugins });
   }, [plugins, overrides]);
 };
@@ -7626,7 +7594,7 @@ import fdeq from "fast-deep-equal";
 
 // components/Puck/components/Header/index.tsx
 init_react_import();
-import { memo as memo3, useCallback as useCallback17, useMemo as useMemo20, useState as useState22 } from "react";
+import { memo as memo3, useCallback as useCallback17, useMemo as useMemo18, useState as useState22 } from "react";
 
 // components/MenuBar/index.tsx
 init_react_import();
@@ -7708,7 +7676,7 @@ var HeaderInner = () => {
   } = usePropsContext();
   const dispatch = useAppStore((s) => s.dispatch);
   const appStore = useAppStoreApi();
-  const defaultHeaderRender = useMemo20(() => {
+  const defaultHeaderRender = useMemo18(() => {
     if (renderHeader) {
       console.warn(
         "`renderHeader` is deprecated. Please use `overrides.header` and the `usePuck` hook instead"
@@ -7723,7 +7691,7 @@ var HeaderInner = () => {
     }
     return DefaultOverride;
   }, [renderHeader]);
-  const defaultHeaderActionsRender = useMemo20(() => {
+  const defaultHeaderActionsRender = useMemo18(() => {
     if (renderHeaderActions) {
       console.warn(
         "`renderHeaderActions` is deprecated. Please use `overrides.headerActions` and the `usePuck` hook instead."
@@ -7891,7 +7859,7 @@ function PuckProvider({ children }) {
     metadata,
     onAction
   } = usePropsContext();
-  const iframe = useMemo21(
+  const iframe = useMemo19(
     () => __spreadValues({
       enabled: true,
       waitForStyles: true
@@ -8046,7 +8014,7 @@ function PuckLayout({ children }) {
     dnd,
     initialHistory: _initialHistory
   } = usePropsContext();
-  const iframe = useMemo21(
+  const iframe = useMemo19(
     () => __spreadValues({
       enabled: true,
       waitForStyles: true
@@ -8083,7 +8051,7 @@ function PuckLayout({ children }) {
     };
   }, []);
   const overrides = useAppStore((s) => s.overrides);
-  const CustomPuck = useMemo21(
+  const CustomPuck = useMemo19(
     () => overrides.puck || DefaultOverride,
     [overrides]
   );

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as Field, h as FieldProps, D as DropZoneProps, i as Data, j as OnAction, k as InitialHistory, l as ItemSelector } from './walk-tree-Bp8tnkJS.mjs';
-export { a2 as Adaptor, a0 as ArrayField, x as ArrayState, af as AsFieldProps, E as BaseData, T as BaseField, N as ComponentDataMap, K as ComponentDataOptionalId, Q as Content, a6 as CustomField, a5 as CustomFieldRender, ac as DefaultComponentProps, a9 as DefaultRootFieldProps, ab as DefaultRootProps, aa as DefaultRootRenderProps, n as Direction, o as DragAxis, a4 as ExternalField, a3 as ExternalFieldWithAdaptor, ah as ExtractPropsFromConfig, ai as ExtractRootPropsFromConfig, u as FieldRenderFunctions, v as ItemWithId, L as MappedItem, Y as NumberField, a1 as ObjectField, s as OverrideKey, z as PuckComponent, a8 as PuckContext, $ as RadioField, B as RootConfig, J as RootData, G as RootDataWithoutProps, _ as SelectField, S as Slot, y as SlotComponent, a7 as SlotField, X as TextField, Z as TextareaField, p as Viewport, ag as WithChildren, ad as WithId, ae as WithPuckProps, W as WithSlotProps, m as migrate, q as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-Bp8tnkJS.mjs';
+import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as Field, h as FieldProps, D as DropZoneProps, i as Data, j as OnAction, k as InitialHistory, l as ItemSelector } from './walk-tree-DrNRq2FV.mjs';
+export { a2 as Adaptor, a0 as ArrayField, x as ArrayState, af as AsFieldProps, E as BaseData, T as BaseField, N as ComponentDataMap, K as ComponentDataOptionalId, Q as Content, a6 as CustomField, a5 as CustomFieldRender, ac as DefaultComponentProps, a9 as DefaultRootFieldProps, ab as DefaultRootProps, aa as DefaultRootRenderProps, n as Direction, o as DragAxis, a4 as ExternalField, a3 as ExternalFieldWithAdaptor, ah as ExtractPropsFromConfig, ai as ExtractRootPropsFromConfig, u as FieldRenderFunctions, v as ItemWithId, L as MappedItem, Y as NumberField, a1 as ObjectField, s as OverrideKey, z as PuckComponent, a8 as PuckContext, $ as RadioField, B as RootConfig, J as RootData, G as RootDataWithoutProps, _ as SelectField, S as Slot, y as SlotComponent, a7 as SlotField, X as TextField, Z as TextareaField, p as Viewport, ag as WithChildren, ad as WithId, ae as WithPuckProps, W as WithSlotProps, m as migrate, q as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DrNRq2FV.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 { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as Field, h as FieldProps, D as DropZoneProps, i as Data, j as OnAction, k as InitialHistory, l as ItemSelector } from './walk-tree-Bp8tnkJS.js';
-export { a2 as Adaptor, a0 as ArrayField, x as ArrayState, af as AsFieldProps, E as BaseData, T as BaseField, N as ComponentDataMap, K as ComponentDataOptionalId, Q as Content, a6 as CustomField, a5 as CustomFieldRender, ac as DefaultComponentProps, a9 as DefaultRootFieldProps, ab as DefaultRootProps, aa as DefaultRootRenderProps, n as Direction, o as DragAxis, a4 as ExternalField, a3 as ExternalFieldWithAdaptor, ah as ExtractPropsFromConfig, ai as ExtractRootPropsFromConfig, u as FieldRenderFunctions, v as ItemWithId, L as MappedItem, Y as NumberField, a1 as ObjectField, s as OverrideKey, z as PuckComponent, a8 as PuckContext, $ as RadioField, B as RootConfig, J as RootData, G as RootDataWithoutProps, _ as SelectField, S as Slot, y as SlotComponent, a7 as SlotField, X as TextField, Z as TextareaField, p as Viewport, ag as WithChildren, ad as WithId, ae as WithPuckProps, W as WithSlotProps, m as migrate, q as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-Bp8tnkJS.js';
+import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as Field, h as FieldProps, D as DropZoneProps, i as Data, j as OnAction, k as InitialHistory, l as ItemSelector } from './walk-tree-DrNRq2FV.js';
+export { a2 as Adaptor, a0 as ArrayField, x as ArrayState, af as AsFieldProps, E as BaseData, T as BaseField, N as ComponentDataMap, K as ComponentDataOptionalId, Q as Content, a6 as CustomField, a5 as CustomFieldRender, ac as DefaultComponentProps, a9 as DefaultRootFieldProps, ab as DefaultRootProps, aa as DefaultRootRenderProps, n as Direction, o as DragAxis, a4 as ExternalField, a3 as ExternalFieldWithAdaptor, ah as ExtractPropsFromConfig, ai as ExtractRootPropsFromConfig, u as FieldRenderFunctions, v as ItemWithId, L as MappedItem, Y as NumberField, a1 as ObjectField, s as OverrideKey, z as PuckComponent, a8 as PuckContext, $ as RadioField, B as RootConfig, J as RootData, G as RootDataWithoutProps, _ as SelectField, S as Slot, y as SlotComponent, a7 as SlotField, X as TextField, Z as TextareaField, p as Viewport, ag as WithChildren, ad as WithId, ae as WithPuckProps, W as WithSlotProps, m as migrate, q as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DrNRq2FV.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement } from 'react';