@measured/puck 0.19.0-canary.a281c342 → 0.19.0-canary.a6dd529f

package/dist/index.mjs

@@ -51,8 +51,11 @@ import {
   defaultViewports,
   dropZoneContext,
   getFrame,
+  getItem,
   get_class_name_factory_default,
   init_react_import,
+  makeStatePublic,
+  mapSlotsPublic,
   monitorHotkeys,
   renderContext,
   reorder,
@@ -72,7 +75,7 @@ import {
   useSlots,
   useSortableSafe,
   walkTree
-} from "./chunk-6SCV2ENX.mjs";
+} from "./chunk-ZOHJNF5K.mjs";
 
 // index.ts
 init_react_import();
@@ -126,7 +129,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_default = { "InputWrapper": "_InputWrapper_g5w3n_1", "Input-label": "_Input-label_g5w3n_5", "Input-labelIcon": "_Input-labelIcon_g5w3n_14", "Input-disabledIcon": "_Input-disabledIcon_g5w3n_21", "Input-input": "_Input-input_g5w3n_26", "Input": "_Input_g5w3n_1", "Input--readOnly": "_Input--readOnly_g5w3n_74", "Input-radioGroupItems": "_Input-radioGroupItems_g5w3n_85", "Input-radio": "_Input-radio_g5w3n_85", "Input-radioInner": "_Input-radioInner_g5w3n_102", "Input-radioInput": "_Input-radioInput_g5w3n_147" };
+var styles_module_default = { "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" };
 
 // components/AutoField/index.tsx
 import {
@@ -2651,7 +2654,7 @@ var LayerTree = ({
 // components/Puck/components/Outline/index.tsx
 import { useMemo as useMemo10 } from "react";
 
-// lib/find-zones-for-area.ts
+// lib/data/find-zones-for-area.ts
 init_react_import();
 var findZonesForArea = (state, area) => {
   return Object.keys(state.indexes.zones).filter(
@@ -3267,13 +3270,22 @@ var generateUsePuck = (store) => {
     index: store.history.index
   };
   const storeData = {
-    appState: store.state,
+    appState: makeStatePublic(store.state),
     config: store.config,
     dispatch: store.dispatch,
     getPermissions: store.permissions.getPermissions,
     refreshPermissions: store.permissions.refreshPermissions,
     history,
-    selectedItem: store.selectedItem || null
+    selectedItem: store.selectedItem || null,
+    getItemBySelector: (selector) => getItem(selector, store.state),
+    getItemById: (id) => store.state.indexes.nodes[id].data,
+    getSelectorForId: (id) => {
+      const node = store.state.indexes.nodes[id];
+      if (!node) return;
+      const zoneCompound = `${node.parentId}:${node.zone}`;
+      const index = store.state.indexes.zones[zoneCompound].contentIds.indexOf(id);
+      return { zone: zoneCompound, index };
+    }
   };
   const get = () => storeData;
   return __spreadProps(__spreadValues({}, storeData), { get });
@@ -3281,23 +3293,25 @@ var generateUsePuck = (store) => {
 var UsePuckStoreContext = createContext3(
   null
 );
+var convertToPickedStore = (store) => {
+  return {
+    state: store.state,
+    config: store.config,
+    dispatch: store.dispatch,
+    permissions: store.permissions,
+    history: store.history,
+    selectedItem: store.selectedItem
+  };
+};
 var useRegisterUsePuckStore = (appStore) => {
   const [usePuckStore] = useState12(
-    () => createStore(() => generateUsePuck(appStore.getState()))
+    () => createStore(
+      () => generateUsePuck(convertToPickedStore(appStore.getState()))
+    )
   );
   useEffect13(() => {
     return appStore.subscribe(
-      (store) => {
-        const pickedStore = {
-          state: store.state,
-          config: store.config,
-          dispatch: store.dispatch,
-          permissions: store.permissions,
-          history: store.history,
-          selectedItem: store.selectedItem
-        };
-        return pickedStore;
-      },
+      (store) => convertToPickedStore(store),
       (pickedStore) => {
         usePuckStore.setState(generateUsePuck(pickedStore));
       }
@@ -3340,29 +3354,11 @@ var FieldSideBar = () => {
   );
   return /* @__PURE__ */ jsx29(SidebarSection, { noPadding: true, noBorderTop: true, showBreadcrumbs: true, title, children: /* @__PURE__ */ jsx29(Fields, {}) });
 };
-var DEBUG = false;
 var propsContext = createContext4({});
 function PropsProvider(props) {
   return /* @__PURE__ */ jsx29(propsContext.Provider, { value: props, children: props.children });
 }
 var usePropsContext = () => useContext6(propsContext);
-var debugPlugin = {
-  overrides: {
-    fields: ({ children }) => {
-      const state = useAppStore((s) => s.state);
-      const selectedItem = useAppStore((s) => s.selectedItem);
-      return /* @__PURE__ */ jsxs15(Fragment12, { children: [
-        children,
-        /* @__PURE__ */ jsx29(SidebarSection, { title: "Debug: Data", children: JSON.stringify(state.data) }),
-        /* @__PURE__ */ jsx29(SidebarSection, { title: "Debug: UI", children: JSON.stringify(state.ui) }),
-        /* @__PURE__ */ jsx29(SidebarSection, { title: "Debug: Other", children: /* @__PURE__ */ jsx29("ul", { children: /* @__PURE__ */ jsxs15("li", { children: [
-          "Selected Item: ",
-          JSON.stringify(selectedItem)
-        ] }) }) })
-      ] });
-    }
-  }
-};
 function PuckProvider({ children }) {
   const {
     config,
@@ -3370,7 +3366,7 @@ function PuckProvider({ children }) {
     ui: initialUi,
     onChange,
     permissions = {},
-    plugins: _plugins,
+    plugins,
     overrides,
     viewports = defaultViewports,
     iframe: _iframe,
@@ -3442,57 +3438,57 @@ function PuckProvider({ children }) {
     return walkTree(newAppState, config);
   });
   const { appendData = true } = _initialHistory || {};
-  const blendedHistories = [
-    ...(_initialHistory == null ? void 0 : _initialHistory.histories) || [],
-    ...appendData ? [{ state: generatedAppState }] : []
-  ].map((history) => __spreadProps(__spreadValues({}, history), {
-    // Inject default data to enable partial history injections
-    state: __spreadValues(__spreadValues({}, generatedAppState), history.state)
-  }));
+  const [blendedHistories] = useState13(
+    [
+      ...(_initialHistory == null ? void 0 : _initialHistory.histories) || [],
+      ...appendData ? [{ state: generatedAppState }] : []
+    ].map((history) => {
+      let newState = __spreadValues(__spreadValues({}, generatedAppState), history.state);
+      if (!history.state.indexes) {
+        newState = walkTree(newState, config);
+      }
+      return __spreadProps(__spreadValues({}, history), {
+        state: newState
+      });
+    })
+  );
   const initialHistoryIndex = (_initialHistory == null ? void 0 : _initialHistory.index) || blendedHistories.length - 1;
   const initialAppState = blendedHistories[initialHistoryIndex].state;
-  const plugins = useMemo14(
-    () => DEBUG ? [..._plugins || [], debugPlugin] : _plugins,
-    [_plugins]
-  );
   const loadedOverrides = useLoadedOverrides({
     overrides,
     plugins
   });
-  const generateAppStore = useCallback9(() => {
-    return {
-      state: initialAppState,
+  const generateAppStore = useCallback9(
+    (state) => {
+      return {
+        state,
+        config,
+        plugins: plugins || [],
+        overrides: loadedOverrides,
+        viewports,
+        iframe,
+        onAction,
+        metadata
+      };
+    },
+    [
+      initialAppState,
       config,
-      plugins: plugins || [],
-      overrides: loadedOverrides,
+      plugins,
+      loadedOverrides,
       viewports,
       iframe,
       onAction,
       metadata
-    };
-  }, [
-    initialAppState,
-    config,
-    plugins,
-    loadedOverrides,
-    viewports,
-    iframe,
-    onAction,
-    metadata
-  ]);
-  const [appStore] = useState13(() => createAppStore(generateAppStore()));
+    ]
+  );
+  const [appStore] = useState13(
+    () => createAppStore(generateAppStore(initialAppState))
+  );
   useEffect14(() => {
-    appStore.setState(__spreadValues({}, generateAppStore()));
-  }, [
-    initialAppState,
-    config,
-    plugins,
-    loadedOverrides,
-    viewports,
-    iframe,
-    onAction,
-    metadata
-  ]);
+    const state = appStore.getState().state;
+    appStore.setState(__spreadValues({}, generateAppStore(state)));
+  }, [config, plugins, loadedOverrides, viewports, iframe, onAction, metadata]);
   useRegisterHistorySlice(appStore, {
     histories: blendedHistories,
     index: initialHistoryIndex,
@@ -3782,10 +3778,67 @@ var migrations = [
       });
     }
     return data;
+  },
+  // Migrate zones to slots
+  (data, config) => {
+    var _a;
+    if (!config) return data;
+    console.log("Migrating DropZones to slots...");
+    const updatedItems = {};
+    const appState = __spreadProps(__spreadValues({}, defaultAppState), { data });
+    const { indexes } = walkTree(appState, config);
+    const deletedCompounds = [];
+    walkTree(appState, config, (content, zoneCompound, zoneType) => {
+      var _a2, _b;
+      if (zoneType === "dropzone") {
+        const [id, slotName] = zoneCompound.split(":");
+        const nodeData = indexes.nodes[id].data;
+        const componentType = nodeData.type;
+        const configForComponent = config.components[componentType];
+        if (((_b = (_a2 = configForComponent == null ? void 0 : configForComponent.fields) == null ? void 0 : _a2[slotName]) == null ? void 0 : _b.type) === "slot") {
+          updatedItems[id] = __spreadProps(__spreadValues({}, nodeData), {
+            props: __spreadProps(__spreadValues({}, nodeData.props), {
+              [slotName]: content
+            })
+          });
+          deletedCompounds.push(zoneCompound);
+        }
+        return content;
+      }
+      return content;
+    });
+    const updated = walkTree(
+      appState,
+      config,
+      (content) => content,
+      (item) => {
+        var _a2;
+        return (_a2 = updatedItems[item.props.id]) != null ? _a2 : item;
+      }
+    );
+    deletedCompounds.forEach((zoneCompound) => {
+      var _a2;
+      const [_, propName] = zoneCompound.split(":");
+      console.log(
+        `\u2713 Success: Migrated "${zoneCompound}" from DropZone to slot field "${propName}"`
+      );
+      (_a2 = updated.data.zones) == null ? true : delete _a2[zoneCompound];
+    });
+    Object.keys((_a = updated.data.zones) != null ? _a : {}).forEach((zoneCompound) => {
+      const [_, propName] = zoneCompound.split(":");
+      throw new Error(
+        `Could not migrate DropZone "${zoneCompound}" to slot field. No slot exists with the name "${propName}".`
+      );
+    });
+    delete updated.data.zones;
+    return updated.data;
   }
 ];
-function migrate(data) {
-  return migrations == null ? void 0 : migrations.reduce((acc, migration) => migration(acc), data);
+function migrate(data, config) {
+  return migrations == null ? void 0 : migrations.reduce(
+    (acc, migration) => migration(acc, config),
+    data
+  );
 }
 export {
   Action,
@@ -3801,6 +3854,7 @@ export {
   Puck,
   Render,
   createUsePuck,
+  mapSlotsPublic as mapSlots,
   migrate,
   overrideKeys,
   renderContext,

package/dist/{resolve-all-data-Cs8PfTrg.d.mts → resolve-all-data-BFRAghCj.d.mts}

@@ -23,6 +23,7 @@ type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
     label?: string;
     labelIcon?: ReactElement;
+    metadata?: Metadata;
 };
 type TextField = BaseField & {
     type: "text";
@@ -122,6 +123,8 @@ type CustomField<Props extends any = {}> = BaseField & {
 };
 type SlotField = BaseField & {
     type: "slot";
+    allow?: string[];
+    disallow?: string[];
 };
 type Field<Props extends any = any> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<Props extends {
     [key: string]: any;
@@ -187,6 +190,7 @@ type ComponentConfig<RenderProps extends DefaultComponentProps = DefaultComponen
         appState: AppState;
         lastData: DataShape | null;
     }) => Promise<Partial<Permissions>> | Partial<Permissions>;
+    metadata?: Metadata;
 };
 type RootConfig<RootProps extends DefaultComponentProps = any> = Partial<ComponentConfig<WithChildren<RootProps>, AsFieldProps<RootProps>, RootData<AsFieldProps<RootProps>>>>;
 type Category<ComponentName> = {
@@ -522,4 +526,4 @@ declare function transformProps<Props extends DefaultComponentProps = DefaultCom
 
 declare function resolveAllData<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends Record<string, any> = DefaultRootFieldProps>(data: Partial<Data>, config: Config, metadata?: Metadata, onResolveStart?: (item: ComponentData) => void, onResolveEnd?: (item: ComponentData) => void): Promise<Data<Props, RootProps>>;
 
-export { type PuckContext as $, type AppState as A, type BaseData as B, type Config as C, type DropZoneProps as D, type BaseField as E, type Fields as F, type TextareaField as G, type History as H, type IframeConfig as I, type SelectField as J, type RadioField as K, type ArrayField as L, type Metadata as M, type NumberField as N, type Overrides as O, type Permissions as P, type ObjectField as Q, type RootDataWithProps as R, type Slot as S, type TextField as T, type UserGenerics as U, type Viewports as V, type Adaptor as W, type ExternalFieldWithAdaptor as X, type ExternalField as Y, type CustomField as Z, type SlotField as _, type ComponentData as a, type DefaultRootFieldProps as a0, type DefaultRootRenderProps as a1, type DefaultRootProps as a2, type DefaultComponentProps as a3, type WithId as a4, type WithPuckProps as a5, type AsFieldProps as a6, type WithChildren as a7, type ExtractPropsFromConfig as a8, type ExtractRootPropsFromConfig as a9, transformProps as aa, resolveAllData as ab, type PuckAction as b, type ResolveDataTrigger as c, type Plugin as d, type UiState as e, type ComponentConfig as f, type FieldProps as g, type Field as h, type Data as i, type OnAction as j, type InitialHistory as k, type Direction as l, type DragAxis as m, type Viewport as n, overrideKeys as o, type OverrideKey as p, type FieldRenderFunctions as q, type ItemWithId as r, type ArrayState as s, type PuckComponent as t, type RootConfig as u, type RootDataWithoutProps as v, type RootData as w, type MappedItem as x, type ComponentDataMap as y, type Content as z };
+export { type SlotField as $, type AppState as A, type BaseData as B, type ComponentData as C, type DropZoneProps as D, type ComponentDataMap as E, type Fields as F, type BaseField as G, type History as H, type IframeConfig as I, type TextareaField as J, type SelectField as K, type RadioField as L, type Metadata as M, type NumberField as N, type Overrides as O, type Permissions as P, type ArrayField as Q, type RootDataWithProps as R, type Slot as S, type TextField as T, type UserGenerics as U, type Viewports as V, type ObjectField as W, type Adaptor as X, type ExternalFieldWithAdaptor as Y, type ExternalField as Z, type CustomField as _, type Config as a, type PuckContext as a0, type DefaultRootFieldProps as a1, type DefaultRootRenderProps as a2, type DefaultRootProps as a3, type DefaultComponentProps as a4, type WithId as a5, type WithPuckProps as a6, type AsFieldProps as a7, type WithChildren as a8, type ExtractPropsFromConfig as a9, type ExtractRootPropsFromConfig as aa, transformProps as ab, resolveAllData as ac, type PuckAction as b, type ResolveDataTrigger as c, type Plugin as d, type UiState as e, type ComponentConfig as f, type Field as g, type FieldProps as h, type Data as i, type OnAction as j, type InitialHistory as k, type RootData as l, type Content as m, type ItemSelector as n, type Direction as o, type DragAxis as p, type Viewport as q, overrideKeys as r, type OverrideKey as s, type FieldRenderFunctions as t, type ItemWithId as u, type ArrayState as v, type PuckComponent as w, type RootConfig as x, type RootDataWithoutProps as y, type MappedItem as z };

package/dist/{resolve-all-data-Cs8PfTrg.d.ts → resolve-all-data-BFRAghCj.d.ts}

@@ -23,6 +23,7 @@ type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
 type BaseField = {
     label?: string;
     labelIcon?: ReactElement;
+    metadata?: Metadata;
 };
 type TextField = BaseField & {
     type: "text";
@@ -122,6 +123,8 @@ type CustomField<Props extends any = {}> = BaseField & {
 };
 type SlotField = BaseField & {
     type: "slot";
+    allow?: string[];
+    disallow?: string[];
 };
 type Field<Props extends any = any> = TextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<Props extends {
     [key: string]: any;
@@ -187,6 +190,7 @@ type ComponentConfig<RenderProps extends DefaultComponentProps = DefaultComponen
         appState: AppState;
         lastData: DataShape | null;
     }) => Promise<Partial<Permissions>> | Partial<Permissions>;
+    metadata?: Metadata;
 };
 type RootConfig<RootProps extends DefaultComponentProps = any> = Partial<ComponentConfig<WithChildren<RootProps>, AsFieldProps<RootProps>, RootData<AsFieldProps<RootProps>>>>;
 type Category<ComponentName> = {
@@ -522,4 +526,4 @@ declare function transformProps<Props extends DefaultComponentProps = DefaultCom
 
 declare function resolveAllData<Props extends DefaultComponentProps = DefaultComponentProps, RootProps extends Record<string, any> = DefaultRootFieldProps>(data: Partial<Data>, config: Config, metadata?: Metadata, onResolveStart?: (item: ComponentData) => void, onResolveEnd?: (item: ComponentData) => void): Promise<Data<Props, RootProps>>;
 
-export { type PuckContext as $, type AppState as A, type BaseData as B, type Config as C, type DropZoneProps as D, type BaseField as E, type Fields as F, type TextareaField as G, type History as H, type IframeConfig as I, type SelectField as J, type RadioField as K, type ArrayField as L, type Metadata as M, type NumberField as N, type Overrides as O, type Permissions as P, type ObjectField as Q, type RootDataWithProps as R, type Slot as S, type TextField as T, type UserGenerics as U, type Viewports as V, type Adaptor as W, type ExternalFieldWithAdaptor as X, type ExternalField as Y, type CustomField as Z, type SlotField as _, type ComponentData as a, type DefaultRootFieldProps as a0, type DefaultRootRenderProps as a1, type DefaultRootProps as a2, type DefaultComponentProps as a3, type WithId as a4, type WithPuckProps as a5, type AsFieldProps as a6, type WithChildren as a7, type ExtractPropsFromConfig as a8, type ExtractRootPropsFromConfig as a9, transformProps as aa, resolveAllData as ab, type PuckAction as b, type ResolveDataTrigger as c, type Plugin as d, type UiState as e, type ComponentConfig as f, type FieldProps as g, type Field as h, type Data as i, type OnAction as j, type InitialHistory as k, type Direction as l, type DragAxis as m, type Viewport as n, overrideKeys as o, type OverrideKey as p, type FieldRenderFunctions as q, type ItemWithId as r, type ArrayState as s, type PuckComponent as t, type RootConfig as u, type RootDataWithoutProps as v, type RootData as w, type MappedItem as x, type ComponentDataMap as y, type Content as z };
+export { type SlotField as $, type AppState as A, type BaseData as B, type ComponentData as C, type DropZoneProps as D, type ComponentDataMap as E, type Fields as F, type BaseField as G, type History as H, type IframeConfig as I, type TextareaField as J, type SelectField as K, type RadioField as L, type Metadata as M, type NumberField as N, type Overrides as O, type Permissions as P, type ArrayField as Q, type RootDataWithProps as R, type Slot as S, type TextField as T, type UserGenerics as U, type Viewports as V, type ObjectField as W, type Adaptor as X, type ExternalFieldWithAdaptor as Y, type ExternalField as Z, type CustomField as _, type Config as a, type PuckContext as a0, type DefaultRootFieldProps as a1, type DefaultRootRenderProps as a2, type DefaultRootProps as a3, type DefaultComponentProps as a4, type WithId as a5, type WithPuckProps as a6, type AsFieldProps as a7, type WithChildren as a8, type ExtractPropsFromConfig as a9, type ExtractRootPropsFromConfig as aa, transformProps as ab, resolveAllData as ac, type PuckAction as b, type ResolveDataTrigger as c, type Plugin as d, type UiState as e, type ComponentConfig as f, type Field as g, type FieldProps as h, type Data as i, type OnAction as j, type InitialHistory as k, type RootData as l, type Content as m, type ItemSelector as n, type Direction as o, type DragAxis as p, type Viewport as q, overrideKeys as r, type OverrideKey as s, type FieldRenderFunctions as t, type ItemWithId as u, type ArrayState as v, type PuckComponent as w, type RootConfig as x, type RootDataWithoutProps as y, type MappedItem as z };

package/dist/rsc.css

@@ -1,10 +1,10 @@
 /* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
-._DraggableComponent_1ukn8_1 {
+._DraggableComponent_qzbgx_1 {
   position: absolute;
   pointer-events: none;
   --overlay-background: color-mix( in srgb, var(--puck-color-azure-08) 30%, transparent );
 }
-._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent-overlay_qzbgx_12 {
   cursor: pointer;
   height: 100%;
   width: 100%;
@@ -16,10 +16,10 @@
   box-sizing: border-box;
   z-index: 1;
 }
-._DraggableComponent_1ukn8_1:focus-visible > ._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent_qzbgx_1:focus-visible > ._DraggableComponent-overlay_qzbgx_12 {
   outline: 1px solid var(--puck-color-azure-05);
 }
-._DraggableComponent-loadingOverlay_1ukn8_29 {
+._DraggableComponent-loadingOverlay_qzbgx_29 {
   background: var(--puck-color-white);
   color: var(--puck-color-grey-03);
   border-radius: 4px;
@@ -34,35 +34,36 @@
   opacity: 0.8;
   z-index: 1;
 }
-._DraggableComponent--hover_1ukn8_45:not(._DraggableComponent--isLocked_1ukn8_45) > ._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent--hover_qzbgx_45:not(._DraggableComponent--isLocked_qzbgx_45) > ._DraggableComponent-overlay_qzbgx_12 {
   background: var(--overlay-background);
 }
-._DraggableComponent--hover_1ukn8_45 > ._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent--hover_qzbgx_45 > ._DraggableComponent-overlay_qzbgx_12 {
   outline: 2px var(--puck-color-azure-09) solid;
 }
-._DraggableComponent--isSelected_1ukn8_54 > ._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent--isSelected_qzbgx_54 > ._DraggableComponent-overlay_qzbgx_12 {
   outline-color: var(--puck-color-azure-07);
 }
-._DraggableComponent_1ukn8_1:has(._DraggableComponent--hover_1ukn8_45 > ._DraggableComponent-overlay_1ukn8_12) > ._DraggableComponent-overlay_1ukn8_12 {
+._DraggableComponent_qzbgx_1:has(._DraggableComponent--hover_qzbgx_45 > ._DraggableComponent-overlay_qzbgx_12) > ._DraggableComponent-overlay_qzbgx_12 {
   display: none;
 }
-._DraggableComponent-actionsOverlay_1ukn8_66 {
+._DraggableComponent-actionsOverlay_qzbgx_66 {
   position: sticky;
   opacity: 0;
   pointer-events: none;
   z-index: 2;
 }
-._DraggableComponent--isSelected_1ukn8_54 ._DraggableComponent-actionsOverlay_1ukn8_66 {
+._DraggableComponent--isSelected_qzbgx_54 ._DraggableComponent-actionsOverlay_qzbgx_66 {
   opacity: 1;
   pointer-events: auto;
 }
-._DraggableComponent-actions_1ukn8_66 {
+._DraggableComponent-actions_qzbgx_66 {
   position: absolute;
   width: auto;
   cursor: grab;
   display: flex;
   box-sizing: border-box;
   transform-origin: right top;
+  min-height: 36px;
 }
 
 /* components/DraggableComponent/styles.css */

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-Cs8PfTrg.mjs';
-export { ab as resolveAllData, aa as transformProps } from './resolve-all-data-Cs8PfTrg.mjs';
+import { a as Config, U as UserGenerics, M as Metadata } from './resolve-all-data-BFRAghCj.mjs';
+export { ac as resolveAllData, ab as transformProps } from './resolve-all-data-BFRAghCj.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-Cs8PfTrg.js';
-export { ab as resolveAllData, aa as transformProps } from './resolve-all-data-Cs8PfTrg.js';
+import { a as Config, U as UserGenerics, M as Metadata } from './resolve-all-data-BFRAghCj.js';
+export { ac as resolveAllData, ab as transformProps } from './resolve-all-data-BFRAghCj.js';
 import 'react';
 
 declare function Render<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>>({ config, data, metadata, }: {