@measured/puck 0.21.0-canary.ece26d91 → 0.21.0-canary.ed351ce5

package/dist/{chunk-PLXSMBAA.mjs → chunk-UNQOU2OI.mjs}

@@ -3,7 +3,7 @@ import {
   AlignJustify,
   AlignLeft,
   AlignRight
-} from "./chunk-DAQLMM2T.mjs";
+} from "./chunk-UUOBSXZR.mjs";
 import {
   init_react_import
 } from "./chunk-M6W7YEVX.mjs";

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

@@ -9,7 +9,7 @@ import {
   defaultViewports,
   getChanged,
   resolveComponentData
-} from "./chunk-T3WX7XJ6.mjs";
+} from "./chunk-72SA22GI.mjs";
 import {
   get_class_name_factory_default
 } from "./chunk-Y2EFNT5P.mjs";
@@ -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:

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

@@ -1,12 +1,12 @@
 import {
   useAlignOptions
-} from "./chunk-PLXSMBAA.mjs";
+} from "./chunk-UNQOU2OI.mjs";
 import {
   useHeadingOptions
-} from "./chunk-62AAYNXG.mjs";
+} from "./chunk-MLTVJA2A.mjs";
 import {
   useListOptions
-} from "./chunk-QAWJTCV5.mjs";
+} from "./chunk-NOJQSXRU.mjs";
 import {
   AlignCenter,
   AlignJustify,
@@ -26,7 +26,7 @@ import {
   Strikethrough,
   Underline,
   useControlContext
-} from "./chunk-DAQLMM2T.mjs";
+} from "./chunk-UUOBSXZR.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-6QT4HD2O.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-ZVPBQVNE.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-2MNXXPJP.mjs").then((m) => ({
     default: m.ListSelectLoaded
   }))
 );

package/dist/{full-BEMDJKDS.mjs → full-GZ4L3XCF.mjs}

@@ -1,12 +1,12 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-BSDEIOEK.mjs";
-import "./chunk-PLXSMBAA.mjs";
-import "./chunk-62AAYNXG.mjs";
-import "./chunk-QAWJTCV5.mjs";
-import "./chunk-DAQLMM2T.mjs";
+} from "./chunk-V7333LON.mjs";
+import "./chunk-UNQOU2OI.mjs";
+import "./chunk-MLTVJA2A.mjs";
+import "./chunk-NOJQSXRU.mjs";
+import "./chunk-UUOBSXZR.mjs";
 import "./chunk-QBGM4ELA.mjs";
-import "./chunk-T3WX7XJ6.mjs";
+import "./chunk-72SA22GI.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-NLUHDYVR.mjs";
 import {

package/dist/{index-BEoNHRI1.d.ts → index-Ca6V6NQD.d.ts}

@@ -1,4 +1,4 @@
-import { H as History, g as Permissions, c as ComponentData, C as Config, U as UserGenerics, F as Fields, a as PuckAction, h as RootDataWithProps, i as ResolveDataTrigger, j as Plugin, k as Overrides, V as Viewports, I as IframeConfig, l as UiState, m as ComponentConfig, A as AppState, M as Metadata, n as FieldTransforms, o as RichtextField } from './actions-ONhOkrvf.js';
+import { H as History, g as Permissions, c as ComponentData, C as Config, U as UserGenerics, F as Fields, a as PuckAction, h as RootDataWithProps, i as ResolveDataTrigger, j as Plugin, k as Overrides, V as Viewports, I as IframeConfig, l as UiState, m as ComponentConfig, A as AppState, M as Metadata, n as FieldTransforms, o as RichtextField } from './actions-tsxxcX1z.js';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {
@@ -73,6 +73,7 @@ type ComponentState = Record<string, {
     loadingCount: number;
 }>;
 type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
+    instanceId: string;
     state: G["UserAppState"];
     dispatch: (action: PuckAction) => void;
     config: UserConfig;
@@ -95,6 +96,7 @@ type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserCon
     setStatus: (status: Status) => void;
     iframe: IframeConfig;
     selectedItem?: G["UserData"]["content"][0] | null;
+    getCurrentData: () => G["UserData"]["content"][0] | G["UserData"]["root"];
     setUi: (ui: Partial<UiState>, recordHistory?: boolean) => void;
     getComponentConfig: (type?: string) => ComponentConfig | null | undefined;
     onAction?: (action: PuckAction, newState: AppState, state: AppState) => void;

package/dist/{index-DfxZ7tZF.d.mts → index-mQvUCH3C.d.mts}

@@ -1,4 +1,4 @@
-import { H as History, g as Permissions, c as ComponentData, C as Config, U as UserGenerics, F as Fields, a as PuckAction, h as RootDataWithProps, i as ResolveDataTrigger, j as Plugin, k as Overrides, V as Viewports, I as IframeConfig, l as UiState, m as ComponentConfig, A as AppState, M as Metadata, n as FieldTransforms, o as RichtextField } from './actions-ONhOkrvf.mjs';
+import { H as History, g as Permissions, c as ComponentData, C as Config, U as UserGenerics, F as Fields, a as PuckAction, h as RootDataWithProps, i as ResolveDataTrigger, j as Plugin, k as Overrides, V as Viewports, I as IframeConfig, l as UiState, m as ComponentConfig, A as AppState, M as Metadata, n as FieldTransforms, o as RichtextField } from './actions-tsxxcX1z.mjs';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {
@@ -73,6 +73,7 @@ type ComponentState = Record<string, {
     loadingCount: number;
 }>;
 type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>> = {
+    instanceId: string;
     state: G["UserAppState"];
     dispatch: (action: PuckAction) => void;
     config: UserConfig;
@@ -95,6 +96,7 @@ type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserCon
     setStatus: (status: Status) => void;
     iframe: IframeConfig;
     selectedItem?: G["UserData"]["content"][0] | null;
+    getCurrentData: () => G["UserData"]["content"][0] | G["UserData"]["root"];
     setUi: (ui: Partial<UiState>, recordHistory?: boolean) => void;
     getComponentConfig: (type?: string) => ComponentConfig | null | undefined;
     onAction?: (action: PuckAction, newState: AppState, state: AppState) => void;