@measured/puck 0.20.0-canary.e25949a6 → 0.20.0-canary.f2d031fb

package/README.md

@@ -2,7 +2,7 @@
 
 <div align="center">
 
-<a href="https://puckeditor.com">
+<a href="https://puckeditor.com?utm_source=readme&utm_medium=code&utm_campaign=repo&utm_contents=logo">
   <picture>
     <source media="(prefers-color-scheme: dark)" srcset="https://res.cloudinary.com/die3nptcg/image/upload/Puck_Logo_White_RGB_j2rwgg.svg" height="100px" aria-label="Puck logo">
     <img src="https://res.cloudinary.com/die3nptcg/image/upload/Puck_Logo_Black_RGB_dqsjag.svg" height="100px" aria-label="Puck logo">
@@ -11,7 +11,7 @@
 
 _The visual editor for React_
 
-[Documentation](https://puckeditor.com/docs) • [Demo](https://demo.puckeditor.com/edit) • [Discord](https://discord.gg/V9mDAhuxyZ) • [Contributing](https://github.com/puckeditor/puck/blob/main/CONTRIBUTING.md)
+[Documentation](https://puckeditor.com/docs?utm_source=readme&utm_medium=code&utm_campaign=repo&utm_contents=docs_link) • [Demo](https://demo.puckeditor.com/edit?utm_source=readme&utm_medium=code&utm_campaign=repo&utm_contents=demo_link) • [Discord](https://discord.gg/V9mDAhuxyZ) • [Contributing](https://github.com/puckeditor/puck/blob/main/CONTRIBUTING.md)
 
 ⭐️ Enjoying Puck? Please [leave a star](https://github.com/puckeditor/puck)!
 
@@ -86,7 +86,7 @@ export function Page() {
 
 ## Recipes
 
-Use `create-puck-app` to quickly spin up a a pre-configured app based on our provided [recipes](https://github.com/measuredco/puck/tree/main/recipes):
+Use `create-puck-app` to quickly spin up a a pre-configured app based on our provided [recipes](https://github.com/puckeditor/puck/tree/main/recipes):
 
 ```sh
 npx create-puck-app my-app
@@ -94,21 +94,21 @@ npx create-puck-app my-app
 
 Available recipes include:
 
-- [**next**](https://github.com/measuredco/puck/tree/main/recipes/next): Next.js example, using App Router and static page generation
-- [**remix**](https://github.com/measuredco/puck/tree/main/recipes/remix): Remix Run v2 example, using dynamic routes at root-level
-- [**react-router**](https://github.com/measuredco/puck/tree/main/recipes/react-router): React Router v7 app example, using dynamic routes to create pages at any level
+- [**next**](https://github.com/puckeditor/puck/tree/main/recipes/next): Next.js example, using App Router and static page generation
+- [**remix**](https://github.com/puckeditor/puck/tree/main/recipes/remix): Remix Run v2 example, using dynamic routes at root-level
+- [**react-router**](https://github.com/puckeditor/puck/tree/main/recipes/react-router): React Router v7 app example, using dynamic routes to create pages at any level
 
 ## Community
 
 - [Discord server](https://discord.gg/D9e4E3MQVZ) for discussions
-- [awesome-puck](https://github.com/measuredco/awesome-puck) community repo for plugins, custom fields & more
+- [awesome-puck](https://github.com/puckeditor/awesome-puck) community repo for plugins, custom fields & more
 
 ## Get support
 
-If you have any questions about Puck, please open a [GitHub issue](https://github.com/measuredco/puck/issues) or join us on [Discord](https://discord.gg/D9e4E3MQVZ).
+If you have any questions about Puck, please open a [GitHub issue](https://github.com/puckeditor/puck/issues) or join us on [Discord](https://discord.gg/D9e4E3MQVZ).
 
 Or [book a discovery call](https://app.cal.com/chrisvxd/puck-enquiry/) for hands-on support and consultancy.
 
 ## License
 
-MIT © [The Puck Contributors](https://github.com/measuredco/puck/graphs/contributors)
+MIT © [The Puck Contributors](https://github.com/puckeditor/puck/graphs/contributors)

package/dist/{chunk-FYXJ5FPS.mjs → chunk-PIG4I6UF.mjs}

@@ -5751,10 +5751,15 @@ var InlineTextFieldInternal = ({
         e.stopPropagation();
       },
       onKeyDown: (e) => {
+        e.stopPropagation();
         if (disableLineBreaks && e.key === "Enter" || isReadOnly) {
           e.preventDefault();
         }
       },
+      onKeyUp: (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+      },
       onMouseOverCapture: () => setIsHovering(true),
       onMouseOutCapture: () => setIsHovering(false),
       onFocus: () => setIsFocused(true),
@@ -6487,7 +6492,7 @@ var SidebarSection = ({
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/Puck/styles.module.css#css-module
 init_react_import();
-var styles_module_default15 = { "Puck": "_Puck_vnhjy_19", "Puck-portal": "_Puck-portal_vnhjy_31", "PuckLayout-inner": "_PuckLayout-inner_vnhjy_38", "PuckLayout--mounted": "_PuckLayout--mounted_vnhjy_50", "PuckLayout--leftSideBarVisible": "_PuckLayout--leftSideBarVisible_vnhjy_54", "PuckLayout--rightSideBarVisible": "_PuckLayout--rightSideBarVisible_vnhjy_60", "PuckLayout-mounted": "_PuckLayout-mounted_vnhjy_74", "PuckLayout": "_PuckLayout_vnhjy_38" };
+var styles_module_default15 = { "Puck": "_Puck_1yxlw_19", "Puck-portal": "_Puck-portal_1yxlw_31", "PuckLayout-inner": "_PuckLayout-inner_1yxlw_38", "PuckLayout--mounted": "_PuckLayout--mounted_1yxlw_59", "PuckLayout--leftSideBarVisible": "_PuckLayout--leftSideBarVisible_1yxlw_63", "PuckLayout--rightSideBarVisible": "_PuckLayout--rightSideBarVisible_1yxlw_69", "PuckLayout-mounted": "_PuckLayout-mounted_1yxlw_83", "PuckLayout": "_PuckLayout_1yxlw_38" };
 
 // components/Puck/components/Fields/index.tsx
 init_react_import();
@@ -8266,7 +8271,6 @@ var Sidebar = ({
   position,
   sidebarRef,
   isVisible,
-  width,
   onResize,
   onResizeEnd,
   children
@@ -8634,6 +8638,13 @@ function PuckLayout({ children }) {
     }
   }, [ready, iframe.enabled]);
   usePreviewModeHotkeys();
+  const layoutOptions = {};
+  if (leftWidth) {
+    layoutOptions["--puck-user-left-side-bar-width"] = `${leftWidth}px`;
+  }
+  if (rightWidth) {
+    layoutOptions["--puck-user-right-side-bar-width"] = `${rightWidth}px`;
+  }
   return /* @__PURE__ */ jsxs21("div", { className: `Puck ${getClassName31()}`, children: [
     /* @__PURE__ */ jsx45(DragDropContext, { disableAutoScroll: dnd == null ? void 0 : dnd.disableAutoScroll, children: /* @__PURE__ */ jsx45(CustomPuck, { children: children || /* @__PURE__ */ jsx45(FrameProvider, { children: /* @__PURE__ */ jsx45(
       "div",
@@ -8647,13 +8658,7 @@ function PuckLayout({ children }) {
           "div",
           {
             className: getLayoutClassName("inner"),
-            style: {
-              gridTemplateColumns: `
-                    ${leftSideBarVisible ? leftWidth ? `${leftWidth}px` : "var(--puck-side-bar-width)" : "0"} 
-                    var(--puck-frame-width) 
-                    ${rightSideBarVisible ? rightWidth ? `${rightWidth}px` : "var(--puck-side-bar-width)" : "0"}
-                  `
-            },
+            style: layoutOptions,
             children: [
               /* @__PURE__ */ jsx45(Header, {}),
               /* @__PURE__ */ jsxs21(
@@ -8662,7 +8667,6 @@ function PuckLayout({ children }) {
                   position: "left",
                   sidebarRef: leftSidebarRef,
                   isVisible: leftSideBarVisible,
-                  width: leftWidth,
                   onResize: setLeftWidth,
                   onResizeEnd: handleLeftSidebarResizeEnd,
                   children: [
@@ -8678,7 +8682,6 @@ function PuckLayout({ children }) {
                   position: "right",
                   sidebarRef: rightSidebarRef,
                   isVisible: rightSideBarVisible,
-                  width: rightWidth,
                   onResize: setRightWidth,
                   onResizeEnd: handleRightSidebarResizeEnd,
                   children: /* @__PURE__ */ jsx45(FieldSideBar, {})

package/dist/index.css

@@ -1430,23 +1430,25 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/styles.module.css/#css-module-data */
-._Puck_vnhjy_19 {
+._Puck_1yxlw_19 {
   --puck-space-px: 16px;
   font-family: var(--puck-font-family);
   overflow-x: hidden;
 }
 @media (min-width: 766px) {
-  ._Puck_vnhjy_19 {
+  ._Puck_1yxlw_19 {
     overflow-x: auto;
   }
 }
-._Puck-portal_vnhjy_31 {
+._Puck-portal_1yxlw_31 {
   position: relative;
   z-index: 2;
 }
-._PuckLayout-inner_vnhjy_38 {
+._PuckLayout-inner_1yxlw_38 {
   --puck-frame-width: auto;
   --puck-side-bar-width: 0px;
+  --puck-left-side-bar-width: var( --puck-user-left-side-bar-width, var(--puck-side-bar-width) );
+  --puck-right-side-bar-width: var( --puck-user-right-side-bar-width, var(--puck-side-bar-width) );
   display: grid;
   grid-template-areas: "header header header" "left editor right";
   grid-template-columns: 0 var(--puck-frame-width) 0;
@@ -1455,50 +1457,50 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   position: relative;
   z-index: 0;
 }
-._PuckLayout--mounted_vnhjy_50 ._PuckLayout-inner_vnhjy_38 {
+._PuckLayout--mounted_1yxlw_59 ._PuckLayout-inner_1yxlw_38 {
   --puck-side-bar-width: 186px;
 }
-._PuckLayout--leftSideBarVisible_vnhjy_54 ._PuckLayout-inner_vnhjy_38 {
-  grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) 0;
+._PuckLayout--leftSideBarVisible_1yxlw_63 ._PuckLayout-inner_1yxlw_38 {
+  grid-template-columns: var(--puck-left-side-bar-width) var(--puck-frame-width) 0;
 }
-._PuckLayout--rightSideBarVisible_vnhjy_60 ._PuckLayout-inner_vnhjy_38 {
-  grid-template-columns: 0 var(--puck-frame-width) var(--puck-side-bar-width);
+._PuckLayout--rightSideBarVisible_1yxlw_69 ._PuckLayout-inner_1yxlw_38 {
+  grid-template-columns: 0 var(--puck-frame-width) var(--puck-right-side-bar-width);
 }
-._PuckLayout--leftSideBarVisible_vnhjy_54._PuckLayout--rightSideBarVisible_vnhjy_60 ._PuckLayout-inner_vnhjy_38 {
-  grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) var(--puck-side-bar-width);
+._PuckLayout--leftSideBarVisible_1yxlw_63._PuckLayout--rightSideBarVisible_1yxlw_69 ._PuckLayout-inner_1yxlw_38 {
+  grid-template-columns: var(--puck-left-side-bar-width) var(--puck-frame-width) var(--puck-right-side-bar-width);
 }
 @media (min-width: 458px) {
-  ._PuckLayout-mounted_vnhjy_74 ._PuckLayout-inner_vnhjy_38 {
+  ._PuckLayout-mounted_1yxlw_83 ._PuckLayout-inner_1yxlw_38 {
     --puck-frame-width: minmax(266px, auto);
   }
 }
 @media (min-width: 638px) {
-  ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
+  ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
     --puck-side-bar-width: minmax(186px, 250px);
   }
 }
 @media (min-width: 766px) {
-  ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
+  ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
     --puck-frame-width: auto;
   }
 }
 @media (min-width: 990px) {
-  ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
+  ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
     --puck-side-bar-width: 256px;
   }
 }
 @media (min-width: 1198px) {
-  ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
+  ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
     --puck-side-bar-width: 274px;
   }
 }
 @media (min-width: 1398px) {
-  ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
+  ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
     --puck-side-bar-width: 290px;
   }
 }
 @media (min-width: 1598px) {
-  ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
+  ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
     --puck-side-bar-width: 320px;
   }
 }

package/dist/index.d.mts

@@ -268,8 +268,8 @@ type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<User
     getPermissions: GetPermissions<UserConfig>;
     refreshPermissions: RefreshPermissions<UserConfig>;
     selectedItem: G["UserComponentData"] | null;
-    getItemBySelector: (selector: ItemSelector) => ComponentData | undefined;
-    getItemById: (id: string) => ComponentData | undefined;
+    getItemBySelector: (selector: ItemSelector) => G["UserComponentData"] | undefined;
+    getItemById: (id: string) => G["UserComponentData"] | undefined;
     getSelectorForId: (id: string) => Required<ItemSelector> | undefined;
     history: {
         back: HistorySlice["back"];

package/dist/index.d.ts

@@ -268,8 +268,8 @@ type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<User
     getPermissions: GetPermissions<UserConfig>;
     refreshPermissions: RefreshPermissions<UserConfig>;
     selectedItem: G["UserComponentData"] | null;
-    getItemBySelector: (selector: ItemSelector) => ComponentData | undefined;
-    getItemById: (id: string) => ComponentData | undefined;
+    getItemBySelector: (selector: ItemSelector) => G["UserComponentData"] | undefined;
+    getItemById: (id: string) => G["UserComponentData"] | undefined;
     getSelectorForId: (id: string) => Required<ItemSelector> | undefined;
     history: {
         back: HistorySlice["back"];

package/dist/index.js

@@ -5698,10 +5698,15 @@ var InlineTextFieldInternal = ({
         e.stopPropagation();
       },
       onKeyDown: (e) => {
+        e.stopPropagation();
         if (disableLineBreaks && e.key === "Enter" || isReadOnly) {
           e.preventDefault();
         }
       },
+      onKeyUp: (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+      },
       onMouseOverCapture: () => setIsHovering(true),
       onMouseOutCapture: () => setIsHovering(false),
       onFocus: () => setIsFocused(true),
@@ -7152,7 +7157,7 @@ var SidebarSection = ({
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/Puck/styles.module.css#css-module
 init_react_import();
-var styles_module_default15 = { "Puck": "_Puck_vnhjy_19", "Puck-portal": "_Puck-portal_vnhjy_31", "PuckLayout-inner": "_PuckLayout-inner_vnhjy_38", "PuckLayout--mounted": "_PuckLayout--mounted_vnhjy_50", "PuckLayout--leftSideBarVisible": "_PuckLayout--leftSideBarVisible_vnhjy_54", "PuckLayout--rightSideBarVisible": "_PuckLayout--rightSideBarVisible_vnhjy_60", "PuckLayout-mounted": "_PuckLayout-mounted_vnhjy_74", "PuckLayout": "_PuckLayout_vnhjy_38" };
+var styles_module_default15 = { "Puck": "_Puck_1yxlw_19", "Puck-portal": "_Puck-portal_1yxlw_31", "PuckLayout-inner": "_PuckLayout-inner_1yxlw_38", "PuckLayout--mounted": "_PuckLayout--mounted_1yxlw_59", "PuckLayout--leftSideBarVisible": "_PuckLayout--leftSideBarVisible_1yxlw_63", "PuckLayout--rightSideBarVisible": "_PuckLayout--rightSideBarVisible_1yxlw_69", "PuckLayout-mounted": "_PuckLayout-mounted_1yxlw_83", "PuckLayout": "_PuckLayout_1yxlw_38" };
 
 // components/Puck/components/Fields/index.tsx
 init_react_import();
@@ -9008,7 +9013,6 @@ var Sidebar = ({
   position,
   sidebarRef,
   isVisible,
-  width,
   onResize,
   onResizeEnd,
   children
@@ -9376,6 +9380,13 @@ function PuckLayout({ children }) {
     }
   }, [ready, iframe.enabled]);
   usePreviewModeHotkeys();
+  const layoutOptions = {};
+  if (leftWidth) {
+    layoutOptions["--puck-user-left-side-bar-width"] = `${leftWidth}px`;
+  }
+  if (rightWidth) {
+    layoutOptions["--puck-user-right-side-bar-width"] = `${rightWidth}px`;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: `Puck ${getClassName31()}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DragDropContext, { disableAutoScroll: dnd == null ? void 0 : dnd.disableAutoScroll, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CustomPuck, { children: children || /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FrameProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "div",
@@ -9389,13 +9400,7 @@ function PuckLayout({ children }) {
           "div",
           {
             className: getLayoutClassName("inner"),
-            style: {
-              gridTemplateColumns: `
-                    ${leftSideBarVisible ? leftWidth ? `${leftWidth}px` : "var(--puck-side-bar-width)" : "0"} 
-                    var(--puck-frame-width) 
-                    ${rightSideBarVisible ? rightWidth ? `${rightWidth}px` : "var(--puck-side-bar-width)" : "0"}
-                  `
-            },
+            style: layoutOptions,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Header, {}),
               /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
@@ -9404,7 +9409,6 @@ function PuckLayout({ children }) {
                   position: "left",
                   sidebarRef: leftSidebarRef,
                   isVisible: leftSideBarVisible,
-                  width: leftWidth,
                   onResize: setLeftWidth,
                   onResizeEnd: handleLeftSidebarResizeEnd,
                   children: [
@@ -9420,7 +9424,6 @@ function PuckLayout({ children }) {
                   position: "right",
                   sidebarRef: rightSidebarRef,
                   isVisible: rightSideBarVisible,
-                  width: rightWidth,
                   onResize: setRightWidth,
                   onResizeEnd: handleRightSidebarResizeEnd,
                   children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FieldSideBar, {})

package/dist/index.mjs

@@ -18,7 +18,7 @@ import {
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-FYXJ5FPS.mjs";
+} from "./chunk-PIG4I6UF.mjs";
 import {
   init_react_import,
   migrate,

package/dist/no-external.css

@@ -1428,23 +1428,25 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/styles.module.css/#css-module-data */
-._Puck_vnhjy_19 {
+._Puck_1yxlw_19 {
   --puck-space-px: 16px;
   font-family: var(--puck-font-family);
   overflow-x: hidden;
 }
 @media (min-width: 766px) {
-  ._Puck_vnhjy_19 {
+  ._Puck_1yxlw_19 {
     overflow-x: auto;
   }
 }
-._Puck-portal_vnhjy_31 {
+._Puck-portal_1yxlw_31 {
   position: relative;
   z-index: 2;
 }
-._PuckLayout-inner_vnhjy_38 {
+._PuckLayout-inner_1yxlw_38 {
   --puck-frame-width: auto;
   --puck-side-bar-width: 0px;
+  --puck-left-side-bar-width: var( --puck-user-left-side-bar-width, var(--puck-side-bar-width) );
+  --puck-right-side-bar-width: var( --puck-user-right-side-bar-width, var(--puck-side-bar-width) );
   display: grid;
   grid-template-areas: "header header header" "left editor right";
   grid-template-columns: 0 var(--puck-frame-width) 0;
@@ -1453,50 +1455,50 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   position: relative;
   z-index: 0;
 }
-._PuckLayout--mounted_vnhjy_50 ._PuckLayout-inner_vnhjy_38 {
+._PuckLayout--mounted_1yxlw_59 ._PuckLayout-inner_1yxlw_38 {
   --puck-side-bar-width: 186px;
 }
-._PuckLayout--leftSideBarVisible_vnhjy_54 ._PuckLayout-inner_vnhjy_38 {
-  grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) 0;
+._PuckLayout--leftSideBarVisible_1yxlw_63 ._PuckLayout-inner_1yxlw_38 {
+  grid-template-columns: var(--puck-left-side-bar-width) var(--puck-frame-width) 0;
 }
-._PuckLayout--rightSideBarVisible_vnhjy_60 ._PuckLayout-inner_vnhjy_38 {
-  grid-template-columns: 0 var(--puck-frame-width) var(--puck-side-bar-width);
+._PuckLayout--rightSideBarVisible_1yxlw_69 ._PuckLayout-inner_1yxlw_38 {
+  grid-template-columns: 0 var(--puck-frame-width) var(--puck-right-side-bar-width);
 }
-._PuckLayout--leftSideBarVisible_vnhjy_54._PuckLayout--rightSideBarVisible_vnhjy_60 ._PuckLayout-inner_vnhjy_38 {
-  grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) var(--puck-side-bar-width);
+._PuckLayout--leftSideBarVisible_1yxlw_63._PuckLayout--rightSideBarVisible_1yxlw_69 ._PuckLayout-inner_1yxlw_38 {
+  grid-template-columns: var(--puck-left-side-bar-width) var(--puck-frame-width) var(--puck-right-side-bar-width);
 }
 @media (min-width: 458px) {
-  ._PuckLayout-mounted_vnhjy_74 ._PuckLayout-inner_vnhjy_38 {
+  ._PuckLayout-mounted_1yxlw_83 ._PuckLayout-inner_1yxlw_38 {
     --puck-frame-width: minmax(266px, auto);
   }
 }
 @media (min-width: 638px) {
-  ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
+  ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
     --puck-side-bar-width: minmax(186px, 250px);
   }
 }
 @media (min-width: 766px) {
-  ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
+  ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
     --puck-frame-width: auto;
   }
 }
 @media (min-width: 990px) {
-  ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
+  ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
     --puck-side-bar-width: 256px;
   }
 }
 @media (min-width: 1198px) {
-  ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
+  ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
     --puck-side-bar-width: 274px;
   }
 }
 @media (min-width: 1398px) {
-  ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
+  ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
     --puck-side-bar-width: 290px;
   }
 }
 @media (min-width: 1598px) {
-  ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
+  ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
     --puck-side-bar-width: 320px;
   }
 }

package/dist/no-external.js

@@ -5698,10 +5698,15 @@ var InlineTextFieldInternal = ({
         e.stopPropagation();
       },
       onKeyDown: (e) => {
+        e.stopPropagation();
         if (disableLineBreaks && e.key === "Enter" || isReadOnly) {
           e.preventDefault();
         }
       },
+      onKeyUp: (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+      },
       onMouseOverCapture: () => setIsHovering(true),
       onMouseOutCapture: () => setIsHovering(false),
       onFocus: () => setIsFocused(true),
@@ -7152,7 +7157,7 @@ var SidebarSection = ({
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/Puck/styles.module.css#css-module
 init_react_import();
-var styles_module_default15 = { "Puck": "_Puck_vnhjy_19", "Puck-portal": "_Puck-portal_vnhjy_31", "PuckLayout-inner": "_PuckLayout-inner_vnhjy_38", "PuckLayout--mounted": "_PuckLayout--mounted_vnhjy_50", "PuckLayout--leftSideBarVisible": "_PuckLayout--leftSideBarVisible_vnhjy_54", "PuckLayout--rightSideBarVisible": "_PuckLayout--rightSideBarVisible_vnhjy_60", "PuckLayout-mounted": "_PuckLayout-mounted_vnhjy_74", "PuckLayout": "_PuckLayout_vnhjy_38" };
+var styles_module_default15 = { "Puck": "_Puck_1yxlw_19", "Puck-portal": "_Puck-portal_1yxlw_31", "PuckLayout-inner": "_PuckLayout-inner_1yxlw_38", "PuckLayout--mounted": "_PuckLayout--mounted_1yxlw_59", "PuckLayout--leftSideBarVisible": "_PuckLayout--leftSideBarVisible_1yxlw_63", "PuckLayout--rightSideBarVisible": "_PuckLayout--rightSideBarVisible_1yxlw_69", "PuckLayout-mounted": "_PuckLayout-mounted_1yxlw_83", "PuckLayout": "_PuckLayout_1yxlw_38" };
 
 // components/Puck/components/Fields/index.tsx
 init_react_import();
@@ -9008,7 +9013,6 @@ var Sidebar = ({
   position,
   sidebarRef,
   isVisible,
-  width,
   onResize,
   onResizeEnd,
   children
@@ -9376,6 +9380,13 @@ function PuckLayout({ children }) {
     }
   }, [ready, iframe.enabled]);
   usePreviewModeHotkeys();
+  const layoutOptions = {};
+  if (leftWidth) {
+    layoutOptions["--puck-user-left-side-bar-width"] = `${leftWidth}px`;
+  }
+  if (rightWidth) {
+    layoutOptions["--puck-user-right-side-bar-width"] = `${rightWidth}px`;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: `Puck ${getClassName31()}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DragDropContext, { disableAutoScroll: dnd == null ? void 0 : dnd.disableAutoScroll, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CustomPuck, { children: children || /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FrameProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "div",
@@ -9389,13 +9400,7 @@ function PuckLayout({ children }) {
           "div",
           {
             className: getLayoutClassName("inner"),
-            style: {
-              gridTemplateColumns: `
-                    ${leftSideBarVisible ? leftWidth ? `${leftWidth}px` : "var(--puck-side-bar-width)" : "0"} 
-                    var(--puck-frame-width) 
-                    ${rightSideBarVisible ? rightWidth ? `${rightWidth}px` : "var(--puck-side-bar-width)" : "0"}
-                  `
-            },
+            style: layoutOptions,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Header, {}),
               /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
@@ -9404,7 +9409,6 @@ function PuckLayout({ children }) {
                   position: "left",
                   sidebarRef: leftSidebarRef,
                   isVisible: leftSideBarVisible,
-                  width: leftWidth,
                   onResize: setLeftWidth,
                   onResizeEnd: handleLeftSidebarResizeEnd,
                   children: [
@@ -9420,7 +9424,6 @@ function PuckLayout({ children }) {
                   position: "right",
                   sidebarRef: rightSidebarRef,
                   isVisible: rightSideBarVisible,
-                  width: rightWidth,
                   onResize: setRightWidth,
                   onResizeEnd: handleRightSidebarResizeEnd,
                   children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FieldSideBar, {})

package/dist/no-external.mjs

@@ -18,7 +18,7 @@ import {
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-FYXJ5FPS.mjs";
+} from "./chunk-PIG4I6UF.mjs";
 import {
   init_react_import,
   migrate,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.20.0-canary.e25949a6",
+  "version": "0.20.0-canary.f2d031fb",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",