@measured/puck 0.21.0-canary.a62292fd → 0.21.0-canary.a7a65997

package/dist/{Editor-O447AVCX.mjs → Editor-HG76DBFU.mjs}

@@ -4,20 +4,20 @@ import {
 import {
   EditorInner,
   LoadedRichTextMenu
-} from "./chunk-2Q4PACDA.mjs";
+} from "./chunk-LR6HIXPR.mjs";
 import "./chunk-CSSRLPHM.mjs";
-import "./chunk-BSDEIOEK.mjs";
-import "./chunk-PLXSMBAA.mjs";
-import "./chunk-62AAYNXG.mjs";
-import "./chunk-QAWJTCV5.mjs";
+import "./chunk-BXQQARCR.mjs";
+import "./chunk-LJEGWHDD.mjs";
+import "./chunk-5ZZVX2Z3.mjs";
+import "./chunk-U4VSQKO3.mjs";
 import {
   useAppStore,
   useAppStoreApi
-} from "./chunk-DAQLMM2T.mjs";
-import "./chunk-QBGM4ELA.mjs";
-import "./chunk-T3WX7XJ6.mjs";
+} from "./chunk-D2SRL6YA.mjs";
+import "./chunk-23IZFPL7.mjs";
+import "./chunk-45I5SDOI.mjs";
 import "./chunk-Y2EFNT5P.mjs";
-import "./chunk-NLUHDYVR.mjs";
+import "./chunk-B7REOAA7.mjs";
 import {
   __spreadProps,
   __spreadValues,

package/dist/{actions-ONhOkrvf.d.mts → actions-tsxxcX1z.d.mts}

@@ -1,4 +1,4 @@
-import { ReactElement, CSSProperties, ReactNode, ElementType, JSX } from 'react';
+import { ReactElement, CSSProperties, ReactNode, ElementType, Ref, JSX } from 'react';
 import { EditorStateSnapshot, Editor, Extensions } from '@tiptap/react';
 import { BlockquoteOptions } from '@tiptap/extension-blockquote';
 import { BoldOptions } from '@tiptap/extension-bold';
@@ -347,6 +347,7 @@ type DropZoneProps = {
     className?: string;
     collisionAxis?: DragAxis;
     as?: ElementType;
+    ref?: Ref<any>;
 };
 
 type PuckContext = {
@@ -531,6 +532,7 @@ interface FieldMetadata extends Metadata {
 type ItemWithId = {
     _arrayId: string;
     _originalIndex: number;
+    _currentIndex: number;
 };
 type ArrayState = {
     items: ItemWithId[];
@@ -541,6 +543,7 @@ type UiState = {
     rightSideBarVisible: boolean;
     leftSideBarWidth?: number | null;
     rightSideBarWidth?: number | null;
+    mobilePanelExpanded?: boolean;
     itemSelector: ItemSelector | null;
     arrayState: Record<string, ArrayState | undefined>;
     previewMode: "interactive" | "edit";
@@ -553,7 +556,7 @@ type UiState = {
     isDragging: boolean;
     viewports: {
         current: {
-            width: number;
+            width: number | "100%";
             height: number | "auto";
         };
         controlsVisible: boolean;
@@ -563,6 +566,9 @@ type UiState = {
         focus?: string | null;
         metadata?: Record<string, any>;
     };
+    plugin: {
+        current: string | null;
+    };
 };
 type AppState<UserData extends Data = Data> = {
     data: UserData;
@@ -606,6 +612,15 @@ type LeftOrExactRight<Union, Left, Right> = (Left & Union extends Right ? Exact<
 type AssertHasValue<T, True = T, False = never> = [keyof T] extends [
     never
 ] ? False : True;
+type RenderFunc<Props extends {
+    [key: string]: any;
+} = {
+    children: ReactNode;
+}> = (props: Props) => ReactElement;
+type PluginInternal = Plugin & {
+    mobileOnly?: boolean;
+    desktopOnly?: boolean;
+};
 
 type MapFnParams<ThisField = Field> = {
     value: any;
@@ -629,11 +644,6 @@ G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>, UserField extends
     [Type in UserField["type"]]: FieldTransformFn<ExtractField<UserField, Type>>;
 }>;
 
-type RenderFunc<Props extends {
-    [key: string]: any;
-} = {
-    children: ReactNode;
-}> = (props: Props) => ReactElement;
 declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "drawer", "drawerItem", "componentOverlay", "outline", "puck", "preview"];
 type OverrideKey = (typeof overrideKeys)[number];
 type OverridesGeneric<Shape extends {
@@ -705,7 +715,7 @@ type DragAxis = "dynamic" | "y" | "x";
 
 type iconTypes = "Smartphone" | "Monitor" | "Tablet";
 type Viewport = {
-    width: number;
+    width: number | "100%";
     height?: number | "auto";
     label?: string;
     icon?: iconTypes | ReactNode;
@@ -725,8 +735,13 @@ type IframeConfig = {
 };
 type OnAction<UserData extends Data = Data> = (action: PuckAction, appState: AppState<UserData>, prevAppState: AppState<UserData>) => void;
 type Plugin<UserConfig extends Config = Config> = {
+    name?: string;
+    label?: string;
+    icon?: ReactNode;
+    render?: () => ReactElement;
     overrides?: Partial<Overrides<UserConfig>>;
     fieldTransforms?: FieldTransforms<UserConfig>;
+    mobilePanelHeight?: "toggle" | "min-content";
 };
 type History<D = any> = {
     state: D;
@@ -819,4 +834,4 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type BaseData as $, type AppState as A, type FieldTransformFn as B, type Config as C, type Data as D, overrideKeys as E, type Fields as F, type OverrideKey as G, type History as H, type IframeConfig as I, type FieldRenderFunctions as J, type ItemWithId as K, type ArrayState as L, type Metadata as M, type SlotComponent as N, type OnAction as O, type PrivateAppState as P, type PuckComponent as Q, type RootData as R, type Slot as S, type ComponentConfigExtensions as T, type UserGenerics as U, type Viewports as V, type WithId as W, type RootConfig as X, type ExtractConfigParams as Y, type ConfigParams as Z, type ComponentConfigParams as _, type PuckAction as a, type RootDataWithoutProps as a0, type ComponentDataOptionalId as a1, type MappedItem as a2, type ComponentDataMap as a3, type PuckMetadata as a4, type ComponentMetadata as a5, type FieldMetadata as a6, type BaseField as a7, type TextField as a8, type NumberField as a9, type TextareaField as aa, type SelectField as ab, type RadioField as ac, type ArrayField as ad, type ObjectField as ae, type Adaptor as af, type ExternalFieldWithAdaptor as ag, type CacheOpts as ah, type ExternalField as ai, type CustomFieldRender as aj, type CustomField as ak, type SlotField as al, type PuckContext as am, type DefaultRootRenderProps as an, type DefaultRootProps as ao, type WithPuckProps as ap, type AsFieldProps as aq, type WithChildren as ar, type ExtractField as as, type Content as b, type ComponentData as c, type DefaultComponents as d, type DefaultComponentProps as e, type DefaultRootFieldProps as f, type Permissions as g, type RootDataWithProps as h, type ResolveDataTrigger as i, type Plugin as j, type Overrides as k, type UiState as l, type ComponentConfig as m, type FieldTransforms as n, type RichtextField as o, type Field as p, type FieldProps as q, type DropZoneProps as r, type InitialHistory as s, type ItemSelector as t, type WithSlotProps as u, type RichText as v, type Direction as w, type DragAxis as x, type Viewport as y, type FieldTransformFnParams as z };
+export { type ComponentConfigParams as $, type AppState as A, type FieldTransformFnParams as B, type Config as C, type Data as D, type FieldTransformFn as E, type Fields as F, overrideKeys as G, type History as H, type IframeConfig as I, type OverrideKey as J, type FieldRenderFunctions as K, type ItemWithId as L, type Metadata as M, type ArrayState as N, type OnAction as O, type PrivateAppState as P, type SlotComponent as Q, type RootData as R, type Slot as S, type PuckComponent as T, type UserGenerics as U, type Viewports as V, type WithId as W, type ComponentConfigExtensions as X, type RootConfig as Y, type ExtractConfigParams as Z, type ConfigParams as _, type PuckAction as a, type BaseData as a0, type RootDataWithoutProps as a1, type ComponentDataOptionalId as a2, type MappedItem as a3, type ComponentDataMap as a4, type PuckMetadata as a5, type ComponentMetadata as a6, type FieldMetadata as a7, type BaseField as a8, type TextField as a9, type NumberField as aa, type TextareaField as ab, type SelectField as ac, type RadioField as ad, type ArrayField as ae, type ObjectField as af, type Adaptor as ag, type ExternalFieldWithAdaptor as ah, type CacheOpts as ai, type ExternalField as aj, type CustomFieldRender as ak, type CustomField as al, type SlotField as am, type PuckContext as an, type DefaultRootRenderProps as ao, type DefaultRootProps as ap, type WithPuckProps as aq, type AsFieldProps as ar, type WithChildren as as, type ExtractField as at, type Content as b, type ComponentData as c, type DefaultComponents as d, type DefaultComponentProps as e, type DefaultRootFieldProps as f, type Permissions as g, type RootDataWithProps as h, type ResolveDataTrigger as i, type Plugin as j, type Overrides as k, type UiState as l, type ComponentConfig as m, type FieldTransforms as n, type RichtextField as o, type Field as p, type FieldProps as q, type DropZoneProps as r, type InitialHistory as s, type ItemSelector as t, type PluginInternal as u, type WithSlotProps as v, type RichText as w, type Direction as x, type DragAxis as y, type Viewport as z };

package/dist/{actions-ONhOkrvf.d.ts → actions-tsxxcX1z.d.ts}

@@ -1,4 +1,4 @@
-import { ReactElement, CSSProperties, ReactNode, ElementType, JSX } from 'react';
+import { ReactElement, CSSProperties, ReactNode, ElementType, Ref, JSX } from 'react';
 import { EditorStateSnapshot, Editor, Extensions } from '@tiptap/react';
 import { BlockquoteOptions } from '@tiptap/extension-blockquote';
 import { BoldOptions } from '@tiptap/extension-bold';
@@ -347,6 +347,7 @@ type DropZoneProps = {
     className?: string;
     collisionAxis?: DragAxis;
     as?: ElementType;
+    ref?: Ref<any>;
 };
 
 type PuckContext = {
@@ -531,6 +532,7 @@ interface FieldMetadata extends Metadata {
 type ItemWithId = {
     _arrayId: string;
     _originalIndex: number;
+    _currentIndex: number;
 };
 type ArrayState = {
     items: ItemWithId[];
@@ -541,6 +543,7 @@ type UiState = {
     rightSideBarVisible: boolean;
     leftSideBarWidth?: number | null;
     rightSideBarWidth?: number | null;
+    mobilePanelExpanded?: boolean;
     itemSelector: ItemSelector | null;
     arrayState: Record<string, ArrayState | undefined>;
     previewMode: "interactive" | "edit";
@@ -553,7 +556,7 @@ type UiState = {
     isDragging: boolean;
     viewports: {
         current: {
-            width: number;
+            width: number | "100%";
             height: number | "auto";
         };
         controlsVisible: boolean;
@@ -563,6 +566,9 @@ type UiState = {
         focus?: string | null;
         metadata?: Record<string, any>;
     };
+    plugin: {
+        current: string | null;
+    };
 };
 type AppState<UserData extends Data = Data> = {
     data: UserData;
@@ -606,6 +612,15 @@ type LeftOrExactRight<Union, Left, Right> = (Left & Union extends Right ? Exact<
 type AssertHasValue<T, True = T, False = never> = [keyof T] extends [
     never
 ] ? False : True;
+type RenderFunc<Props extends {
+    [key: string]: any;
+} = {
+    children: ReactNode;
+}> = (props: Props) => ReactElement;
+type PluginInternal = Plugin & {
+    mobileOnly?: boolean;
+    desktopOnly?: boolean;
+};
 
 type MapFnParams<ThisField = Field> = {
     value: any;
@@ -629,11 +644,6 @@ G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>, UserField extends
     [Type in UserField["type"]]: FieldTransformFn<ExtractField<UserField, Type>>;
 }>;
 
-type RenderFunc<Props extends {
-    [key: string]: any;
-} = {
-    children: ReactNode;
-}> = (props: Props) => ReactElement;
 declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "drawer", "drawerItem", "componentOverlay", "outline", "puck", "preview"];
 type OverrideKey = (typeof overrideKeys)[number];
 type OverridesGeneric<Shape extends {
@@ -705,7 +715,7 @@ type DragAxis = "dynamic" | "y" | "x";
 
 type iconTypes = "Smartphone" | "Monitor" | "Tablet";
 type Viewport = {
-    width: number;
+    width: number | "100%";
     height?: number | "auto";
     label?: string;
     icon?: iconTypes | ReactNode;
@@ -725,8 +735,13 @@ type IframeConfig = {
 };
 type OnAction<UserData extends Data = Data> = (action: PuckAction, appState: AppState<UserData>, prevAppState: AppState<UserData>) => void;
 type Plugin<UserConfig extends Config = Config> = {
+    name?: string;
+    label?: string;
+    icon?: ReactNode;
+    render?: () => ReactElement;
     overrides?: Partial<Overrides<UserConfig>>;
     fieldTransforms?: FieldTransforms<UserConfig>;
+    mobilePanelHeight?: "toggle" | "min-content";
 };
 type History<D = any> = {
     state: D;
@@ -819,4 +834,4 @@ type PuckAction = {
     recordHistory?: boolean;
 } & (ReorderAction | InsertAction | MoveAction | ReplaceAction | ReplaceRootAction | RemoveAction | DuplicateAction | SetAction | SetDataAction | SetUiAction | RegisterZoneAction | UnregisterZoneAction);
 
-export { type BaseData as $, type AppState as A, type FieldTransformFn as B, type Config as C, type Data as D, overrideKeys as E, type Fields as F, type OverrideKey as G, type History as H, type IframeConfig as I, type FieldRenderFunctions as J, type ItemWithId as K, type ArrayState as L, type Metadata as M, type SlotComponent as N, type OnAction as O, type PrivateAppState as P, type PuckComponent as Q, type RootData as R, type Slot as S, type ComponentConfigExtensions as T, type UserGenerics as U, type Viewports as V, type WithId as W, type RootConfig as X, type ExtractConfigParams as Y, type ConfigParams as Z, type ComponentConfigParams as _, type PuckAction as a, type RootDataWithoutProps as a0, type ComponentDataOptionalId as a1, type MappedItem as a2, type ComponentDataMap as a3, type PuckMetadata as a4, type ComponentMetadata as a5, type FieldMetadata as a6, type BaseField as a7, type TextField as a8, type NumberField as a9, type TextareaField as aa, type SelectField as ab, type RadioField as ac, type ArrayField as ad, type ObjectField as ae, type Adaptor as af, type ExternalFieldWithAdaptor as ag, type CacheOpts as ah, type ExternalField as ai, type CustomFieldRender as aj, type CustomField as ak, type SlotField as al, type PuckContext as am, type DefaultRootRenderProps as an, type DefaultRootProps as ao, type WithPuckProps as ap, type AsFieldProps as aq, type WithChildren as ar, type ExtractField as as, type Content as b, type ComponentData as c, type DefaultComponents as d, type DefaultComponentProps as e, type DefaultRootFieldProps as f, type Permissions as g, type RootDataWithProps as h, type ResolveDataTrigger as i, type Plugin as j, type Overrides as k, type UiState as l, type ComponentConfig as m, type FieldTransforms as n, type RichtextField as o, type Field as p, type FieldProps as q, type DropZoneProps as r, type InitialHistory as s, type ItemSelector as t, type WithSlotProps as u, type RichText as v, type Direction as w, type DragAxis as x, type Viewport as y, type FieldTransformFnParams as z };
+export { type ComponentConfigParams as $, type AppState as A, type FieldTransformFnParams as B, type Config as C, type Data as D, type FieldTransformFn as E, type Fields as F, overrideKeys as G, type History as H, type IframeConfig as I, type OverrideKey as J, type FieldRenderFunctions as K, type ItemWithId as L, type Metadata as M, type ArrayState as N, type OnAction as O, type PrivateAppState as P, type SlotComponent as Q, type RootData as R, type Slot as S, type PuckComponent as T, type UserGenerics as U, type Viewports as V, type WithId as W, type ComponentConfigExtensions as X, type RootConfig as Y, type ExtractConfigParams as Z, type ConfigParams as _, type PuckAction as a, type BaseData as a0, type RootDataWithoutProps as a1, type ComponentDataOptionalId as a2, type MappedItem as a3, type ComponentDataMap as a4, type PuckMetadata as a5, type ComponentMetadata as a6, type FieldMetadata as a7, type BaseField as a8, type TextField as a9, type NumberField as aa, type TextareaField as ab, type SelectField as ac, type RadioField as ad, type ArrayField as ae, type ObjectField as af, type Adaptor as ag, type ExternalFieldWithAdaptor as ah, type CacheOpts as ai, type ExternalField as aj, type CustomFieldRender as ak, type CustomField as al, type SlotField as am, type PuckContext as an, type DefaultRootRenderProps as ao, type DefaultRootProps as ap, type WithPuckProps as aq, type AsFieldProps as ar, type WithChildren as as, type ExtractField as at, type Content as b, type ComponentData as c, type DefaultComponents as d, type DefaultComponentProps as e, type DefaultRootFieldProps as f, type Permissions as g, type RootDataWithProps as h, type ResolveDataTrigger as i, type Plugin as j, type Overrides as k, type UiState as l, type ComponentConfig as m, type FieldTransforms as n, type RichtextField as o, type Field as p, type FieldProps as q, type DropZoneProps as r, type InitialHistory as s, type ItemSelector as t, type PluginInternal as u, type WithSlotProps as v, type RichText as w, type Direction as x, type DragAxis as y, type Viewport as z };

package/dist/{chunk-QBGM4ELA.mjs → chunk-23IZFPL7.mjs}

@@ -3,7 +3,7 @@ import {
   setupZone,
   walkAppState,
   walkTree
-} from "./chunk-NLUHDYVR.mjs";
+} from "./chunk-B7REOAA7.mjs";
 import {
   __spreadProps,
   __spreadValues,

package/dist/{chunk-T3WX7XJ6.mjs → chunk-45I5SDOI.mjs}

@@ -1,6 +1,6 @@
 import {
   mapFields
-} from "./chunk-NLUHDYVR.mjs";
+} from "./chunk-B7REOAA7.mjs";
 import {
   __async,
   __spreadProps,
@@ -13,7 +13,8 @@ init_react_import();
 var defaultViewports = [
   { width: 360, height: "auto", icon: "Smartphone", label: "Small" },
   { width: 768, height: "auto", icon: "Tablet", label: "Medium" },
-  { width: 1280, height: "auto", icon: "Monitor", label: "Large" }
+  { width: 1280, height: "auto", icon: "Monitor", label: "Large" },
+  { width: "100%", height: "auto", icon: "FullWidth", label: "Full-width" }
 ];
 
 // lib/resolve-component-data.ts
@@ -116,7 +117,8 @@ var defaultAppState = {
       options: [],
       controlsVisible: true
     },
-    field: { focus: null }
+    field: { focus: null },
+    plugin: { current: null }
   },
   indexes: {
     nodes: {},

package/dist/{chunk-62AAYNXG.mjs → chunk-5ZZVX2Z3.mjs}

@@ -5,7 +5,7 @@ import {
   Heading4,
   Heading5,
   Heading6
-} from "./chunk-DAQLMM2T.mjs";
+} from "./chunk-D2SRL6YA.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

package/dist/{chunk-NLUHDYVR.mjs → chunk-B7REOAA7.mjs}

@@ -143,12 +143,12 @@ var walkObject = ({
   }
   return flatten(newProps);
 };
-function mapFields(item, mappers, config, recurseSlots = false) {
+function mapFields(item, mappers, config, recurseSlots = false, shouldDefaultSlots = true) {
   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: defaultSlots((_b = item.props) != null ? _b : {}, (_c = componentConfig == null ? void 0 : componentConfig.fields) != null ? _c : {}),
+    value: shouldDefaultSlots ? defaultSlots((_b = item.props) != null ? _b : {}, (_c = componentConfig == null ? void 0 : componentConfig.fields) != null ? _c : {}) : item.props,
     fields: (_d = componentConfig == null ? void 0 : componentConfig.fields) != null ? _d : {},
     mappers,
     id: item.props ? (_e = item.props.id) != null ? _e : "root" : "root",
@@ -222,9 +222,28 @@ var stripSlots = (data, config) => {
 
 // lib/data/flatten-node.ts
 var { flatten: flatten2, unflatten } = flat;
+function isEmptyArrayOrObject(val) {
+  if (Array.isArray(val)) {
+    return val.length === 0;
+  }
+  if (val != null && Object.prototype.toString.call(val) === "[object Object]") {
+    return Object.keys(val).length === 0;
+  }
+  return false;
+}
+function stripEmptyObjects(props) {
+  const result = {};
+  for (const key in props) {
+    if (!Object.prototype.hasOwnProperty.call(props, key)) continue;
+    const val = props[key];
+    if (isEmptyArrayOrObject(val)) continue;
+    result[key] = val;
+  }
+  return result;
+}
 var flattenNode = (node, config) => {
   return __spreadProps(__spreadValues({}, node), {
-    props: flatten2(stripSlots(node, config).props)
+    props: stripEmptyObjects(flatten2(stripSlots(node, config).props))
   });
 };
 var expandNode = (node) => {

package/dist/{chunk-BSDEIOEK.mjs → chunk-BXQQARCR.mjs}

@@ -1,12 +1,12 @@
 import {
   useAlignOptions
-} from "./chunk-PLXSMBAA.mjs";
+} from "./chunk-LJEGWHDD.mjs";
 import {
   useHeadingOptions
-} from "./chunk-62AAYNXG.mjs";
+} from "./chunk-5ZZVX2Z3.mjs";
 import {
   useListOptions
-} from "./chunk-QAWJTCV5.mjs";
+} from "./chunk-U4VSQKO3.mjs";
 import {
   AlignCenter,
   AlignJustify,
@@ -26,7 +26,7 @@ import {
   Strikethrough,
   Underline,
   useControlContext
-} from "./chunk-DAQLMM2T.mjs";
+} from "./chunk-D2SRL6YA.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -142,7 +142,8 @@ var IconButton = ({
   tabIndex,
   newTab,
   fullWidth,
-  title
+  title,
+  suppressHydrationWarning
 }) => {
   const [loading, setLoading] = useState(false);
   const ElementType = href ? "a" : "button";
@@ -168,6 +169,7 @@ var IconButton = ({
       rel: newTab ? "noreferrer" : void 0,
       href,
       title,
+      suppressHydrationWarning,
       children: [
         /* @__PURE__ */ jsx3("span", { className: getClassName3("title"), children: title }),
         children,
@@ -347,7 +349,7 @@ function AlignSelectFallback() {
 // components/RichTextMenu/controls/AlignSelect/index.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 var AlignSelectLoaded = lazy(
-  () => import("./loaded-JU3A7Y4L.mjs").then((m) => ({
+  () => import("./loaded-UHVTB6OD.mjs").then((m) => ({
     default: m.AlignSelectLoaded
   }))
 );
@@ -578,7 +580,7 @@ function HeadingSelectFallback() {
 // components/RichTextMenu/controls/HeadingSelect/index.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
 var HeadingSelectLoaded = lazy2(
-  () => import("./loaded-OBY7OMS6.mjs").then((m) => ({
+  () => import("./loaded-LZUXYAGW.mjs").then((m) => ({
     default: m.HeadingSelectLoaded
   }))
 );
@@ -610,7 +612,7 @@ function ListSelectFallback() {
 // components/RichTextMenu/controls/ListSelect/index.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
 var ListSelectLoaded = lazy3(
-  () => import("./loaded-N3FYGF2Y.mjs").then((m) => ({
+  () => import("./loaded-2HLHDP2G.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

package/dist/{chunk-DAQLMM2T.mjs → chunk-D2SRL6YA.mjs}

@@ -3,19 +3,19 @@ import {
   generateId,
   getItem,
   makeStatePublic
-} from "./chunk-QBGM4ELA.mjs";
+} from "./chunk-23IZFPL7.mjs";
 import {
   defaultAppState,
   defaultViewports,
   getChanged,
   resolveComponentData
-} from "./chunk-T3WX7XJ6.mjs";
+} from "./chunk-45I5SDOI.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
 import {
   walkAppState
-} from "./chunk-NLUHDYVR.mjs";
+} from "./chunk-B7REOAA7.mjs";
 import {
   __async,
   __objRest,
@@ -225,6 +225,15 @@ var EllipsisVertical = createLucideIcon("EllipsisVertical", [
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/expand.js
+init_react_import();
+var Expand = createLucideIcon("Expand", [
+  ["path", { d: "m21 21-6-6m6 6v-4.8m0 4.8h-4.8", key: "1c15vz" }],
+  ["path", { d: "M3 16.2V21m0 0h4.8M3 21l6-6", key: "1fsnz2" }],
+  ["path", { d: "M21 7.8V3m0 0h-4.8M21 3l-6 6", key: "hawz9i" }],
+  ["path", { d: "M3 7.8V3m0 0h4.8M3 3l6 6", key: "u9ee12" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/globe.js
 init_react_import();
 var Globe = createLucideIcon("Globe", [
@@ -233,6 +242,20 @@ var Globe = createLucideIcon("Globe", [
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/hammer.js
+init_react_import();
+var Hammer = createLucideIcon("Hammer", [
+  ["path", { d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9", key: "eefl8a" }],
+  ["path", { d: "m18 15 4-4", key: "16gjal" }],
+  [
+    "path",
+    {
+      d: "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172V7l-2.26-2.26a6 6 0 0 0-4.202-1.756L9 2.96l.92.82A6.18 6.18 0 0 1 12 8.4V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5",
+      key: "b7pghm"
+    }
+  ]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/hash.js
 init_react_import();
 var Hash = createLucideIcon("Hash", [
@@ -378,6 +401,24 @@ var Lock = createLucideIcon("Lock", [
   ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/maximize-2.js
+init_react_import();
+var Maximize2 = createLucideIcon("Maximize2", [
+  ["polyline", { points: "15 3 21 3 21 9", key: "mznyad" }],
+  ["polyline", { points: "9 21 3 21 3 15", key: "1avn1i" }],
+  ["line", { x1: "21", x2: "14", y1: "3", y2: "10", key: "ota7mn" }],
+  ["line", { x1: "3", x2: "10", y1: "21", y2: "14", key: "1atl0r" }]
+]);
+
+// ../../node_modules/lucide-react/dist/esm/icons/minimize-2.js
+init_react_import();
+var Minimize2 = createLucideIcon("Minimize2", [
+  ["polyline", { points: "4 14 10 14 10 20", key: "11kfnr" }],
+  ["polyline", { points: "20 10 14 10 14 4", key: "rlmsce" }],
+  ["line", { x1: "14", x2: "21", y1: "10", y2: "3", key: "o5lafz" }],
+  ["line", { x1: "3", x2: "10", y1: "21", y2: "14", key: "1atl0r" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/minus.js
 init_react_import();
 var Minus = createLucideIcon("Minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]);
@@ -430,6 +471,15 @@ var Quote = createLucideIcon("Quote", [
   ]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/rectangle-ellipsis.js
+init_react_import();
+var RectangleEllipsis = createLucideIcon("RectangleEllipsis", [
+  ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "2", key: "9lu3g6" }],
+  ["path", { d: "M12 12h.01", key: "1mp3jc" }],
+  ["path", { d: "M17 12h.01", key: "1m0b6t" }],
+  ["path", { d: "M7 12h.01", key: "eqddd0" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/redo-2.js
 init_react_import();
 var Redo2 = createLucideIcon("Redo2", [
@@ -488,6 +538,14 @@ var Tablet = createLucideIcon("Tablet", [
   ["line", { x1: "12", x2: "12.01", y1: "18", y2: "18", key: "1dp563" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/toy-brick.js
+init_react_import();
+var ToyBrick = createLucideIcon("ToyBrick", [
+  ["rect", { width: "18", height: "12", x: "3", y: "8", rx: "1", key: "158fvp" }],
+  ["path", { d: "M10 8V5c0-.6-.4-1-1-1H6a1 1 0 0 0-1 1v3", key: "s0042v" }],
+  ["path", { d: "M19 8V5c0-.6-.4-1-1-1h-3a1 1 0 0 0-1 1v3", key: "9wmeh2" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/trash.js
 init_react_import();
 var Trash = createLucideIcon("Trash", [
@@ -518,6 +576,13 @@ var Undo2 = createLucideIcon("Undo2", [
   ["path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11", key: "f3b9sd" }]
 ]);
 
+// ../../node_modules/lucide-react/dist/esm/icons/x.js
+init_react_import();
+var X = createLucideIcon("X", [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+]);
+
 // ../../node_modules/lucide-react/dist/esm/icons/zoom-in.js
 init_react_import();
 var ZoomIn = createLucideIcon("ZoomIn", [
@@ -1094,6 +1159,7 @@ var createAppStore = (initialAppStore) => create2()(
   subscribeWithSelector2((set, get) => {
     var _a, _b;
     return __spreadProps(__spreadValues({
+      instanceId: generateId(),
       state: defaultAppState,
       config: { components: {} },
       componentState: {},
@@ -1114,6 +1180,11 @@ var createAppStore = (initialAppStore) => create2()(
       history: createHistorySlice(set, get),
       nodes: createNodesSlice(set, get),
       permissions: createPermissionsSlice(set, get),
+      getCurrentData: () => {
+        var _a2;
+        const s = get();
+        return (_a2 = s.selectedItem) != null ? _a2 : s.state.data.root;
+      },
       getComponentConfig: (type) => {
         var _a2;
         const { config, selectedItem } = get();
@@ -1457,7 +1528,7 @@ var getZoomConfig = (uiViewport, frame, zoom) => {
   const viewportHeight = uiViewport.height === "auto" ? frameHeight : uiViewport.height;
   let rootHeight = 0;
   let autoZoom = 1;
-  if (uiViewport.width > frameWidth || viewportHeight > frameHeight) {
+  if (typeof uiViewport.width === "number" && (uiViewport.width > frameWidth || viewportHeight > frameHeight)) {
     const widthZoom = Math.min(frameWidth / uiViewport.width, 1);
     const heightZoom = Math.min(frameHeight / viewportHeight, 1);
     zoom = widthZoom;
@@ -1603,7 +1674,9 @@ export {
   Copy,
   CornerLeftUp,
   EllipsisVertical,
+  Expand,
   Globe,
+  Hammer,
   Hash,
   Heading1,
   Heading2,
@@ -1620,12 +1693,15 @@ export {
   List,
   LockOpen,
   Lock,
+  Maximize2,
+  Minimize2,
   Minus,
   Monitor,
   PanelLeft,
   PanelRight,
   Plus,
   Quote,
+  RectangleEllipsis,
   Redo2,
   Search,
   SlidersHorizontal,
@@ -1633,10 +1709,12 @@ export {
   SquareCode,
   Strikethrough,
   Tablet,
+  ToyBrick,
   Trash,
   Type,
   Underline,
   Undo2,
+  X,
   ZoomIn,
   ZoomOut,
   reorder,
@@ -1678,7 +1756,9 @@ lucide-react/dist/esm/icons/code.js:
 lucide-react/dist/esm/icons/copy.js:
 lucide-react/dist/esm/icons/corner-left-up.js:
 lucide-react/dist/esm/icons/ellipsis-vertical.js:
+lucide-react/dist/esm/icons/expand.js:
 lucide-react/dist/esm/icons/globe.js:
+lucide-react/dist/esm/icons/hammer.js:
 lucide-react/dist/esm/icons/hash.js:
 lucide-react/dist/esm/icons/heading-1.js:
 lucide-react/dist/esm/icons/heading-2.js:
@@ -1693,12 +1773,15 @@ lucide-react/dist/esm/icons/link.js:
 lucide-react/dist/esm/icons/list-ordered.js:
 lucide-react/dist/esm/icons/lock-open.js:
 lucide-react/dist/esm/icons/lock.js:
+lucide-react/dist/esm/icons/maximize-2.js:
+lucide-react/dist/esm/icons/minimize-2.js:
 lucide-react/dist/esm/icons/minus.js:
 lucide-react/dist/esm/icons/monitor.js:
 lucide-react/dist/esm/icons/panel-left.js:
 lucide-react/dist/esm/icons/panel-right.js:
 lucide-react/dist/esm/icons/plus.js:
 lucide-react/dist/esm/icons/quote.js:
+lucide-react/dist/esm/icons/rectangle-ellipsis.js:
 lucide-react/dist/esm/icons/redo-2.js:
 lucide-react/dist/esm/icons/search.js:
 lucide-react/dist/esm/icons/sliders-horizontal.js:
@@ -1706,10 +1789,12 @@ lucide-react/dist/esm/icons/smartphone.js:
 lucide-react/dist/esm/icons/square-code.js:
 lucide-react/dist/esm/icons/strikethrough.js:
 lucide-react/dist/esm/icons/tablet.js:
+lucide-react/dist/esm/icons/toy-brick.js:
 lucide-react/dist/esm/icons/trash.js:
 lucide-react/dist/esm/icons/type.js:
 lucide-react/dist/esm/icons/underline.js:
 lucide-react/dist/esm/icons/undo-2.js:
+lucide-react/dist/esm/icons/x.js:
 lucide-react/dist/esm/icons/zoom-in.js:
 lucide-react/dist/esm/icons/zoom-out.js:
 lucide-react/dist/esm/lucide-react.js: