@measured/puck 0.20.0-canary.f2447833 → 0.20.0-canary.f73c8fa0

package/dist/index.css

@@ -1434,6 +1434,11 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   margin-inline-start: auto;
 }
 
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Components/styles.module.css/#css-module-data */
+._Components_uwdh8_1 {
+  padding: 16px;
+}
+
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Preview/styles.module.css/#css-module-data */
 ._PuckPreview_z2rgu_1 {
   position: relative;
@@ -1548,24 +1553,32 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   margin-top: 4px;
 }
 
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Outline/styles.module.css/#css-module-data */
+._Outline_1rrni_1 {
+  padding: 16px;
+}
+
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Layout/styles.module.css/#css-module-data */
-._Puck_1rc26_19 {
+._Puck_94wda_19 {
   --puck-space-px: 16px;
   font-family: var(--puck-font-family);
   overflow-x: hidden;
 }
 @media (min-width: 766px) {
-  ._Puck_1rc26_19 {
+  ._Puck_94wda_19 {
     overflow-x: auto;
   }
 }
-._Puck-portal_1rc26_31 {
+._Puck-portal_94wda_31 {
   position: relative;
   z-index: 2;
 }
-._PuckLayout-inner_1rc26_36 {
+._PuckLayout-inner_94wda_36 {
   --puck-frame-width: auto;
+  --puck-side-nav-width: 68px;
   --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 header" "sidenav left editor right";
   grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) 0;
@@ -1574,64 +1587,62 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   position: relative;
   z-index: 0;
 }
-._PuckLayout--mounted_1rc26_48 ._PuckLayout-inner_1rc26_36 {
+._PuckLayout--mounted_94wda_57 ._PuckLayout-inner_94wda_36 {
   --puck-side-bar-width: 186px;
-  --puck-left-side-bar-width: var( --puck-user-left-side-bar-width, --puck-side-bar-width );
-  --puck-right-side-bar-width: var( --puck-user-right-side-bar-width, --puck-side-bar-width );
-  --puck-side-nav-width: 68px;
 }
-._PuckLayout--leftSideBarVisible_1rc26_61 ._PuckLayout-inner_1rc26_36 {
+._PuckLayout--leftSideBarVisible_94wda_61 ._PuckLayout-inner_94wda_36 {
   grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) 0;
 }
-._PuckLayout--rightSideBarVisible_1rc26_69 ._PuckLayout-inner_1rc26_36 {
-  grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) var(--puck-side-bar-width);
+._PuckLayout--rightSideBarVisible_94wda_69 ._PuckLayout-inner_94wda_36 {
+  grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) var(--puck-right-side-bar-width);
 }
-._PuckLayout--leftSideBarVisible_1rc26_61._PuckLayout--rightSideBarVisible_1rc26_69 ._PuckLayout-inner_1rc26_36 {
+._PuckLayout--leftSideBarVisible_94wda_61._PuckLayout--rightSideBarVisible_94wda_69 ._PuckLayout-inner_94wda_36 {
   grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) var(--puck-right-side-bar-width);
 }
 @media (min-width: 458px) {
-  ._PuckLayout-mounted_1rc26_85 ._PuckLayout-inner_1rc26_36 {
+  ._PuckLayout-mounted_94wda_85 ._PuckLayout-inner_94wda_36 {
     --puck-frame-width: minmax(266px, auto);
   }
 }
 @media (min-width: 638px) {
-  ._PuckLayout_1rc26_36 ._PuckLayout-inner_1rc26_36 {
+  ._PuckLayout_94wda_36 ._PuckLayout-inner_94wda_36 {
     --puck-side-bar-width: minmax(186px, 250px);
   }
 }
 @media (min-width: 766px) {
-  ._PuckLayout_1rc26_36 ._PuckLayout-inner_1rc26_36 {
+  ._PuckLayout_94wda_36 ._PuckLayout-inner_94wda_36 {
     --puck-frame-width: auto;
   }
 }
 @media (min-width: 990px) {
-  ._PuckLayout_1rc26_36 ._PuckLayout-inner_1rc26_36 {
+  ._PuckLayout_94wda_36 ._PuckLayout-inner_94wda_36 {
     --puck-side-bar-width: 256px;
   }
 }
 @media (min-width: 1198px) {
-  ._PuckLayout_1rc26_36 ._PuckLayout-inner_1rc26_36 {
+  ._PuckLayout_94wda_36 ._PuckLayout-inner_94wda_36 {
     --puck-side-bar-width: 274px;
   }
 }
 @media (min-width: 1398px) {
-  ._PuckLayout_1rc26_36 ._PuckLayout-inner_1rc26_36 {
+  ._PuckLayout_94wda_36 ._PuckLayout-inner_94wda_36 {
     --puck-side-bar-width: 290px;
   }
 }
 @media (min-width: 1598px) {
-  ._PuckLayout_1rc26_36 ._PuckLayout-inner_1rc26_36 {
+  ._PuckLayout_94wda_36 ._PuckLayout-inner_94wda_36 {
     --puck-side-bar-width: 320px;
   }
 }
-._PuckLayout-nav_1rc26_126 {
+._PuckLayout-nav_94wda_126 {
   border-right: 1px solid var(--puck-color-grey-09);
   background-color: var(--puck-color-grey-12);
 }
-._PuckPluginTab_1rc26_131 {
+._PuckPluginTab_94wda_131 {
   display: none;
+  height: 100%;
 }
-._PuckPluginTab--visible_1rc26_135 {
+._PuckPluginTab--visible_94wda_136 {
   display: block;
 }
 
@@ -1972,32 +1983,31 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Sidebar/styles.module.css/#css-module-data */
-._Sidebar_2pzs4_1 {
+._Sidebar_1xksb_1 {
   position: relative;
   display: flex;
   flex-direction: column;
   overflow-y: auto;
 }
-._Sidebar--left_2pzs4_8 {
+._Sidebar--left_1xksb_8 {
   background: var(--puck-color-grey-12);
   border-inline-end: 1px solid var(--puck-color-grey-09);
   grid-area: left;
-  padding: 16px;
 }
-._Sidebar--right_2pzs4_15 {
+._Sidebar--right_1xksb_14 {
   background: var(--puck-color-white);
   border-inline-start: 1px solid var(--puck-color-grey-09);
   grid-area: right;
 }
-._Sidebar-resizeHandle_2pzs4_21 {
+._Sidebar-resizeHandle_1xksb_20 {
   position: absolute;
   height: 100%;
 }
-._Sidebar--left_2pzs4_8 + ._Sidebar-resizeHandle_2pzs4_21 {
+._Sidebar--left_1xksb_8 + ._Sidebar-resizeHandle_1xksb_20 {
   grid-area: left;
   justify-self: end;
 }
-._Sidebar--right_2pzs4_15 + ._Sidebar-resizeHandle_2pzs4_21 {
+._Sidebar--right_1xksb_14 + ._Sidebar-resizeHandle_1xksb_20 {
   grid-area: right;
   justify-self: start;
 }

package/dist/index.d.mts

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

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