@measured/puck 0.13.0-canary.6dfbea3 → 0.13.0-canary.9ccbb3c

package/README.md

@@ -1,6 +1,6 @@
 # Puck
 
-The self-hosted, drag and drop editor for React.
+The visual editor for React.
 
 <p align="left">
   <a aria-label="Measured logo" href="https://measured.co">
@@ -104,4 +104,4 @@ If you need support integrating Puck or creating a beautiful component library,
 
 ## License
 
-MIT © [Measured Co.](https://github.com/measuredco)
+MIT © [Measured Corporation Ltd](https://measured.co)

package/dist/{Config-4367c689.d.ts → Config-5804f327.d.ts}

@@ -155,7 +155,7 @@ type Config<Props extends {
     [key: string]: any;
 } = {
     [key: string]: any;
-}, RootProps extends DefaultRootProps = DefaultRootProps, CategoryName extends string = string> = {
+}, RootProps extends DefaultRootProps = DefaultRootProps, CategoryName extends string = any> = {
     categories?: Record<CategoryName, Category<keyof Props>> & {
         other?: Category<Props>;
     };

package/dist/index.css

@@ -606,7 +606,7 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/styles.module.css/#css-module-data */
-._Puck_pp63_19 {
+._Puck_17hk3_19 {
   --puck-frame-width: auto;
   --puck-side-bar-width: 186px;
   --puck-space-px: 16px;
@@ -621,51 +621,51 @@
   right: 0;
   top: 0;
 }
-._Puck--leftSideBarVisible_pp63_35 {
+._Puck--leftSideBarVisible_17hk3_35 {
   grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) 0;
 }
-._Puck--rightSideBarVisible_pp63_41 {
+._Puck--rightSideBarVisible_17hk3_41 {
   grid-template-columns: 0 var(--puck-frame-width) var(--puck-side-bar-width);
 }
-._Puck--leftSideBarVisible_pp63_35._Puck--rightSideBarVisible_pp63_41 {
+._Puck--leftSideBarVisible_17hk3_35._Puck--rightSideBarVisible_17hk3_41 {
   grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) var(--puck-side-bar-width);
 }
 @media (min-width: 458px) {
-  ._Puck_pp63_19 {
+  ._Puck_17hk3_19 {
     --puck-frame-width: minmax(266px, auto);
   }
 }
 @media (min-width: 638px) {
-  ._Puck_pp63_19 {
+  ._Puck_17hk3_19 {
     --puck-side-bar-width: minmax(186px, 250px);
   }
 }
 @media (min-width: 766px) {
-  ._Puck_pp63_19 {
+  ._Puck_17hk3_19 {
     --puck-frame-width: auto;
   }
 }
 @media (min-width: 990px) {
-  ._Puck_pp63_19 {
+  ._Puck_17hk3_19 {
     --puck-side-bar-width: 256px;
   }
 }
 @media (min-width: 1198px) {
-  ._Puck_pp63_19 {
+  ._Puck_17hk3_19 {
     --puck-side-bar-width: 274px;
   }
 }
 @media (min-width: 1398px) {
-  ._Puck_pp63_19 {
+  ._Puck_17hk3_19 {
     --puck-side-bar-width: 290px;
   }
 }
 @media (min-width: 1598px) {
-  ._Puck_pp63_19 {
+  ._Puck_17hk3_19 {
     --puck-side-bar-width: 320px;
   }
 }
-._Puck-header_pp63_95 {
+._Puck-header_17hk3_95 {
   background: var(--puck-color-white);
   border-bottom: 1px solid var(--puck-color-grey-8);
   color: var(--puck-color-black);
@@ -673,7 +673,7 @@
   position: relative;
   max-width: 100vw;
 }
-._Puck-headerInner_pp63_104 {
+._Puck-headerInner_17hk3_104 {
   align-items: end;
   display: grid;
   gap: var(--puck-space-px);
@@ -682,46 +682,43 @@
   grid-template-rows: auto;
   padding: var(--puck-space-px);
 }
-._Puck-headerToggle_pp63_114 {
+._Puck-headerToggle_17hk3_114 {
   color: var(--puck-color-grey-4);
   display: flex;
   margin-left: -4px;
   padding-top: 2px;
 }
-._Puck-rightSideBarToggle_pp63_121 {
-  transform: rotate(180deg);
-}
-._Puck--rightSideBarVisible_pp63_41 ._Puck-rightSideBarToggle_pp63_121,
-._Puck--leftSideBarVisible_pp63_35 ._Puck-leftSideBarToggle_pp63_126 {
+._Puck--rightSideBarVisible_17hk3_41 ._Puck-rightSideBarToggle_17hk3_121,
+._Puck--leftSideBarVisible_17hk3_35 ._Puck-leftSideBarToggle_17hk3_122 {
   color: var(--puck-color-black);
 }
-._Puck-headerTitle_pp63_130 {
+._Puck-headerTitle_17hk3_126 {
   align-self: center;
 }
-._Puck-headerPath_pp63_134 {
+._Puck-headerPath_17hk3_130 {
   font-family: var(--puck-font-family-monospaced);
   font-size: var(--puck-font-size-xxs);
   font-weight: normal;
   word-break: break-all;
 }
-._Puck-headerTools_pp63_141 {
+._Puck-headerTools_17hk3_137 {
   display: flex;
   gap: 16px;
   justify-content: flex-end;
 }
-._Puck-menuButton_pp63_147 {
+._Puck-menuButton_17hk3_143 {
   color: var(--puck-color-grey-4);
   margin-left: -4px;
 }
-._Puck--menuOpen_pp63_152 ._Puck-menuButton_pp63_147 {
+._Puck--menuOpen_17hk3_148 ._Puck-menuButton_17hk3_143 {
   color: var(--puck-color-black);
 }
 @media (min-width: 638px) {
-  ._Puck-menuButton_pp63_147 {
+  ._Puck-menuButton_17hk3_143 {
     display: none;
   }
 }
-._Puck-leftSideBar_pp63_126 {
+._Puck-leftSideBar_17hk3_122 {
   background: var(--puck-color-grey-11);
   border-right: 1px solid var(--puck-color-grey-8);
   display: flex;
@@ -729,25 +726,25 @@
   grid-area: left;
   overflow-y: auto;
 }
-._Puck-frame_pp63_171 {
+._Puck-frame_17hk3_167 {
   display: flex;
   flex-direction: column;
   grid-area: editor;
   overflow: auto;
   position: relative;
 }
-._Puck-root_pp63_179 {
+._Puck-root_17hk3_175 {
   border: 1px solid var(--puck-color-grey-8);
   box-shadow: 0 0 0 calc(var(--puck-space-px) * 1.5) var(--puck-color-grey-10);
   margin: var(--puck-space-px);
   min-width: 321px;
 }
 @media (min-width: 1198px) {
-  ._Puck-root_pp63_179 {
+  ._Puck-root_17hk3_175 {
     margin: calc(var(--puck-space-px) * 1.5);
   }
 }
-._Puck-rightSideBar_pp63_121 {
+._Puck-rightSideBar_17hk3_121 {
   background: var(--puck-color-white);
   border-left: 1px solid var(--puck-color-grey-8);
   display: flex;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { D as Data, C as Config, I as ItemSelector, U as UiState, A as AppState, F as Field, a as DefaultComponentProps, b as DefaultRootProps, M as MappedItem, R as RootDataWithProps, c as RootData } from './Config-4367c689.js';
-export { g as Adaptor, f as ArrayField, r as ArrayState, n as BaseData, B as BaseField, m as ComponentConfig, o as ComponentData, k as Content, i as CustomField, s as DropZone, h as ExternalField, E as ExternalFieldWithAdaptor, j as Fields, q as ItemWithId, N as NumberField, O as ObjectField, P as PuckComponent, l as PuckContext, e as RadioField, p as RootDataWithoutProps, S as SelectField, T as TextField, d as TextareaField } from './Config-4367c689.js';
+import { C as Config, D as Data, I as ItemSelector, U as UiState, A as AppState, F as Field, a as DefaultComponentProps, b as DefaultRootProps, M as MappedItem, R as RootDataWithProps, c as RootData } from './Config-5804f327.js';
+export { g as Adaptor, f as ArrayField, r as ArrayState, n as BaseData, B as BaseField, m as ComponentConfig, o as ComponentData, k as Content, i as CustomField, s as DropZone, h as ExternalField, E as ExternalFieldWithAdaptor, j as Fields, q as ItemWithId, N as NumberField, O as ObjectField, P as PuckComponent, l as PuckContext, e as RadioField, p as RootDataWithoutProps, S as SelectField, T as TextField, d as TextareaField } from './Config-5804f327.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties, ReactElement, SyntheticEvent } from 'react';
@@ -9,9 +9,9 @@ type PathData = Record<string, {
     path: string[];
     label: string;
 }>;
-type DropZoneContext = {
+type DropZoneContext<UserConfig extends Config<any, any, any> = Config<any, any, any>> = {
     data: Data;
-    config: Config;
+    config: UserConfig;
     componentState?: Record<string, any>;
     itemSelector?: ItemSelector | null;
     setItemSelector?: (newIndex: ItemSelector | null) => void;
@@ -35,7 +35,7 @@ type DropZoneContext = {
     mode?: "edit" | "render";
     disableZoom?: boolean;
 } | null;
-declare const dropZoneContext: react.Context<DropZoneContext>;
+declare const dropZoneContext: react.Context<DropZoneContext<Config<any, any, any>>>;
 declare const DropZoneProvider: ({ children, value, }: {
     children: ReactNode;
     value: DropZoneContext;
@@ -217,9 +217,9 @@ type Plugin = {
     overrides: Partial<Overrides>;
 };
 
-declare function Puck({ children, config, data: initialData, ui: initialUi, onChange, onPublish, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, }: {
+declare function Puck<UserConfig extends Config<any, any, any> = Config<any, any, any>>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, }: {
     children?: ReactNode;
-    config: Config<any, any, any>;
+    config: UserConfig;
     data: Data;
     ui?: Partial<UiState>;
     onChange?: (data: Data) => void;
@@ -247,8 +247,8 @@ declare namespace Puck {
     }) => react_jsx_runtime.JSX.Element;
 }
 
-declare function Render({ config, data, }: {
-    config: Config<any, any, any>;
+declare function Render<UserConfig extends Config<any, any, any> = Config<any, any, any>>({ config, data }: {
+    config: UserConfig;
     data: Data;
 }): react_jsx_runtime.JSX.Element;
 
@@ -273,9 +273,7 @@ declare const resolveAllData: (data: Data, config: Config<any, any, any>, onReso
 
 declare const usePuck: () => {
     appState: AppState;
-    config: Config<{
-        [key: string]: any;
-    }, DefaultRootProps, string>;
+    config: Config<any, any, any>;
     dispatch: (action: PuckAction) => void;
 };