@measured/puck 0.1.4 → 0.1.6

package/dist/index.css

@@ -0,0 +1,611 @@
+@import "https://rsms.me/inter/inter.css";
+
+/* styles/color.css */
+:root {
+  --puck-color-neutral-0: #fafafa;
+  --puck-color-neutral-1: #f3f3f3;
+  --puck-color-neutral-2: #e7e5e5;
+  --puck-color-neutral-3: #9e9e9e;
+  --puck-color-neutral-4: #2d2d2d;
+  --puck-color-neutral-blue: #10131c;
+  --puck-color-blue: var(--puck-color-azure-3);
+  --puck-color-rose: var(--puck-color-rose-3);
+  --puck-color-red: var(--puck-color-red-3);
+  --puck-color-rose-0: #4a001c;
+  --puck-color-rose-1: #670833;
+  --puck-color-rose-2: #87114c;
+  --puck-color-rose-3: #a81a66;
+  --puck-color-rose-4: #bc5089;
+  --puck-color-rose-5: #cc7ca5;
+  --puck-color-rose-6: #d89aba;
+  --puck-color-rose-7: #e3b8cf;
+  --puck-color-rose-8: #efd6e3;
+  --puck-color-rose-9: #faf4f8;
+  --puck-color-azure-0: #00175d;
+  --puck-color-azure-1: #002c77;
+  --puck-color-azure-2: #014292;
+  --puck-color-azure-3: #0158ad;
+  --puck-color-azure-4: #3479be;
+  --puck-color-azure-5: #6499cf;
+  --puck-color-azure-6: #88b0da;
+  --puck-color-azure-7: #abc7e5;
+  --puck-color-azure-8: #cfdff0;
+  --puck-color-azure-9: #f3f6fb;
+  --puck-color-green-0: #002000;
+  --puck-color-green-1: #043604;
+  --puck-color-green-2: #084e08;
+  --puck-color-green-3: #0c680c;
+  --puck-color-green-4: #1d882f;
+  --puck-color-green-5: #2faa53;
+  --puck-color-green-6: #56c16f;
+  --puck-color-green-7: #7dd78b;
+  --puck-color-green-8: #b8e8bf;
+  --puck-color-green-9: #eff8f0;
+  --puck-color-yellow-0: #211000;
+  --puck-color-yellow-1: #362700;
+  --puck-color-yellow-2: #4c4000;
+  --puck-color-yellow-3: #645a00;
+  --puck-color-yellow-4: #877614;
+  --puck-color-yellow-5: #ab9429;
+  --puck-color-yellow-6: #bfac4e;
+  --puck-color-yellow-7: #d4c474;
+  --puck-color-yellow-8: #e6deb1;
+  --puck-color-yellow-9: #f9f7ed;
+  --puck-color-red-0: #4c0000;
+  --puck-color-red-1: #6a0a10;
+  --puck-color-red-2: #8a1422;
+  --puck-color-red-3: #ac1f35;
+  --puck-color-red-4: #bf5366;
+  --puck-color-red-5: #ce7e8e;
+  --puck-color-red-6: #d99ca8;
+  --puck-color-red-7: #e4b9c2;
+  --puck-color-red-8: #efd7db;
+  --puck-color-red-9: #faf4f5;
+  --puck-color-grey-0: #111111;
+  --puck-color-grey-1: #282828;
+  --puck-color-grey-2: #404040;
+  --puck-color-grey-3: #5a5a5a;
+  --puck-color-grey-4: #767676;
+  --puck-color-grey-5: #949494;
+  --puck-color-grey-6: #ababab;
+  --puck-color-grey-7: #c3c3c3;
+  --puck-color-grey-8: #dcdcdc;
+  --puck-color-grey-9: #f5f5f5;
+  --puck-color-grey-10: #fafafa;
+  --puck-color-black: #000000;
+  --puck-color-white: #ffffff;
+}
+
+/* styles/typography.css */
+:root {
+  --puck-font-size-scale-base-unitless: 12;
+  --puck-font-size-xxxs-unitless: 12;
+  --puck-font-size-xxs-unitless: 14;
+  --puck-font-size-xs-unitless: 16;
+  --puck-font-size-s-unitless: 18;
+  --puck-font-size-m-unitless: 21;
+  --puck-font-size-l-unitless: 24;
+  --puck-font-size-xl-unitless: 28;
+  --puck-font-size-xxl-unitless: 36;
+  --puck-font-size-xxxl-unitless: 48;
+  --puck-font-size-xxxxl-unitless: 56;
+  --puck-font-size-xxxs: calc(1rem * var(--puck-font-size-xxxs-unitless) / 16);
+  --puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16);
+  --puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16);
+  --puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16);
+  --puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16);
+  --puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16);
+  --puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16);
+  --puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16);
+  --puck-font-size-xxxl: calc(1rem * var(--puck-font-size-xxxl-unitless) / 16);
+  --puck-font-size-xxxxl: calc( 1rem * var(--puck-font-size-xxxxl-unitless) / 16 );
+  --puck-font-size-base: var(--puck-font-size-xs);
+  --line-height-reset: 1;
+  --line-height-xs: calc( var(--space-m-unitless) / var(--puck-font-size-m-unitless) );
+  --line-height-s: calc( var(--space-m-unitless) / var(--puck-font-size-s-unitless) );
+  --line-height-m: calc( var(--space-m-unitless) / var(--puck-font-size-xs-unitless) );
+  --line-height-l: calc( var(--space-m-unitless) / var(--puck-font-size-xxs-unitless) );
+  --line-height-xl: calc( var(--space-m-unitless) / var(--puck-font-size-scale-base-unitless) );
+  --line-height-base: var(--line-height-m);
+  --puck-font-stack:
+    Inter,
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Helvetica Neue,
+    sans-serif,
+    Apple Color Emoji,
+    Segoe UI Emoji,
+    Segoe UI Symbol;
+  --puck-font-stack-variable:
+    "Inter var",
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Helvetica Neue,
+    sans-serif,
+    Apple Color Emoji,
+    Segoe UI Emoji,
+    Segoe UI Symbol;
+  --puck-font-family-monospaced:
+    "Menlo",
+    "Monaco",
+    "Liberation Mono",
+    "Consolas",
+    "Courier New",
+    monospace;
+  --puck-font-family-proportional: var(--puck-font-stack), sans-serif;
+}
+
+/* styles/global.css */
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
+._DraggableComponent_10y0g_1 {
+  position: relative;
+}
+._DraggableComponent-contents_10y0g_5 {
+  position: relative;
+}
+._DraggableComponent-overlay_10y0g_9 {
+  display: none;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  position: absolute;
+  z-index: 1;
+  font-family: var(--puck-font-stack);
+}
+._DraggableComponent_10y0g_1:hover ._DraggableComponent-overlay_10y0g_9 {
+  display: block;
+  background-color: #cdcdcd50;
+  box-shadow: inset 0 0 0 4px var(--puck-color-azure-6);
+}
+._DraggableComponent--isModifierHeld_10y0g_25:hover ._DraggableComponent-overlay_10y0g_9 {
+  display: none;
+}
+._DraggableComponent--isSelected_10y0g_29 ._DraggableComponent-overlay_10y0g_9 {
+  box-shadow: inset 0 0 0 4px var(--puck-color-azure-6);
+  display: block;
+}
+._DraggableComponent-actions_10y0g_34 {
+  display: none;
+}
+._DraggableComponent_10y0g_1:hover ._DraggableComponent-actions_10y0g_34 {
+  position: absolute;
+  right: 0;
+  padding: 8px;
+  border-bottom-left-radius: 8px;
+  background: white;
+  display: flex;
+  gap: 4px;
+  border: 1px solid var(--puck-color-grey-8);
+}
+._DraggableComponent-actionsLabel_10y0g_49 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-left: 12px;
+  padding-right: 16px;
+  margin-right: 8px;
+  border-right: 1px solid var(--puck-color-grey-8);
+}
+._DraggableComponent-action_10y0g_34 {
+  background: transparent;
+  border: none;
+  color: var(--puck-color-grey-2);
+  padding: 8px;
+  border-radius: 4px;
+}
+._DraggableComponent-action_10y0g_34:hover {
+  background: var(--puck-color-grey-9);
+  color: var(--puck-color-blue);
+  cursor: pointer;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/ExternalInput/styles.module.css/#css-module-data */
+._ExternalInput_v316c_1 {
+  font-family: var(--puck-font-stack);
+}
+._ExternalInput-actions_v316c_5 {
+  display: flex;
+}
+._ExternalInput-button_v316c_9 {
+  background-color: white;
+  border: 1px solid var(--puck-color-grey-8);
+  border-radius: 4px;
+  color: var(--puck-color-blue);
+  padding: 12px 16px;
+  font-weight: 500;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  position: relative;
+  overflow: hidden;
+}
+._ExternalInput-button_v316c_9:hover,
+._ExternalInput-detachButton_v316c_23:hover {
+  cursor: pointer;
+  background: var(--puck-color-grey-10);
+  border-color: var(--puck-color-neutral-3);
+  z-index: 1;
+}
+._ExternalInput--hasData_v316c_30 ._ExternalInput-button_v316c_9 {
+  color: var(--puck-color-neutral-4);
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+._ExternalInput-detachButton_v316c_23 {
+  border: 1px solid var(--puck-color-grey-8);
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+  background-color: var(--puck-color-neutral-1);
+  padding: 8px 12px;
+  margin-left: -1px;
+}
+._ExternalInput-modal_v316c_45 {
+  background: #00000099;
+  display: none;
+  justify-content: center;
+  align-items: center;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 1;
+  padding: 64px;
+}
+._ExternalInput--modalVisible_v316c_59 ._ExternalInput-modal_v316c_45 {
+  display: flex;
+}
+._ExternalInput-modalInner_v316c_63 {
+  width: 100%;
+  max-width: 1024px;
+  border-radius: 16px;
+  overflow: hidden;
+  background: white;
+  display: flex;
+  flex-direction: column;
+  max-height: 90vh;
+}
+._ExternalInput-modalHeading_v316c_74 {
+  background-color: white;
+  padding: 32px 24px;
+}
+._ExternalInput-modalTableWrapper_v316c_79 {
+  overflow-x: scroll;
+  overflow-y: scroll;
+  flex-grow: 1;
+}
+._ExternalInput_v316c_1 table {
+  border-spacing: 0px;
+  color: var(--puck-color-neutral-4);
+  position: relative;
+}
+._ExternalInput_v316c_1 thead {
+  position: sticky;
+  top: 0;
+}
+._ExternalInput_v316c_1 th {
+  background-color: var(--puck-color-grey-1);
+  color: white;
+  font-weight: 700;
+  padding: 16px 24px;
+  opacity: 0.9;
+}
+._ExternalInput_v316c_1 td {
+  padding: 16px 24px;
+}
+._ExternalInput_v316c_1 tr:nth-of-type(n) {
+  background-color: white;
+}
+._ExternalInput_v316c_1 tr:nth-of-type(2n) {
+  background-color: var(--puck-color-grey-9);
+}
+._ExternalInput_v316c_1 tr td:first-of-type {
+  font-weight: 500;
+}
+._ExternalInput_v316c_1 tr:hover {
+  background: var(--puck-color-grey-10);
+  color: var(--puck-color-azure-4);
+  cursor: pointer;
+  position: relative;
+  margin-left: -5px;
+}
+._ExternalInput_v316c_1 tr:hover td:first-of-type {
+  border-left: 4px solid var(--puck-color-azure-4);
+  padding-left: 20px;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/InputOrGroup/styles.module.css/#css-module-data */
+._Input_1vwgb_1 {
+  display: block;
+  font-family: var(--puck-font-stack);
+}
+._Input_1vwgb_1 * {
+  box-sizing: border-box;
+}
+._Input_1vwgb_1 + ._Input_1vwgb_1 {
+  margin-top: 8px;
+}
+._Input-label_1vwgb_14 {
+  margin-bottom: 4px;
+  font-size: var(--puck-font-size-xxs);
+  font-weight: 500;
+}
+._Input-input_1vwgb_20 {
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--puck-color-grey-8);
+  border-radius: 4px;
+  font-family: inherit;
+  padding: 12px 16px;
+  width: 100%;
+}
+._Input_1vwgb_1 select {
+  appearance: none;
+  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
+  background-size: 12px;
+  background-position: calc(100% - 12px) calc(50% + 3px);
+  background-repeat: no-repeat;
+  background-color: white;
+}
+._Input--readOnly_1vwgb_41 ._Input-input_1vwgb_20 {
+  background-color: var(--puck-color-grey-9);
+  border-color: var(--puck-color-grey-8);
+}
+._Input-input_1vwgb_20:hover {
+  border-color: var(--puck-color-neutral-3);
+}
+._Input-group_1vwgb_50 {
+  background: white;
+  border-bottom: var(--puck-color-grey-8) solid 1px;
+}
+._Input-group_1vwgb_50 > summary {
+  padding: 16px;
+  position: relative;
+}
+._Input-group_1vwgb_50 > summary:hover {
+  cursor: pointer;
+  color: var(--puck-color-blue);
+}
+._Input-group_1vwgb_50 > fieldset {
+  border: none;
+  border-top: var(--puck-color-grey-8) solid 1px;
+  margin: 0;
+  padding: 16px;
+}
+._Input-group_1vwgb_50 ._Input-action_1vwgb_72 {
+  background: transparent;
+  border: none;
+  color: var(--puck-color-grey-2);
+  display: none;
+  padding: 8px;
+  position: absolute;
+  right: 4px;
+  top: 4px;
+}
+._Input-group_1vwgb_50 summary:hover ._Input-action_1vwgb_72 {
+  display: block;
+}
+._Input-group_1vwgb_50 ._Input-action_1vwgb_72:hover {
+  background: var(--puck-color-grey-9);
+  color: var(--puck-color-blue);
+  cursor: pointer;
+}
+._Input-addButton_1vwgb_93 {
+  background-color: white;
+  border: none;
+  color: var(--puck-color-blue);
+  cursor: pointer;
+  width: 100%;
+  margin: 0;
+  padding: 12px 16px;
+}
+._Input-addButton_1vwgb_93:hover {
+  background: var(--puck-color-grey-9);
+}
+._Input-item_1vwgb_107 {
+  border: 1px solid var(--puck-color-grey-8);
+  border-radius: 4px;
+  margin-top: 4px;
+  overflow: hidden;
+}
+._Input-radioGroup_1vwgb_114 {
+  margin-bottom: 8px;
+  margin-top: 8px;
+}
+._Input-radioGroupItems_1vwgb_119 {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+._Input-radio_1vwgb_114 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/ComponentList/styles.module.css/#css-module-data */
+._ComponentList_91nmt_1 {
+  display: grid;
+  font-family: var(--puck-font-stack);
+  grid-template-columns: 1fr;
+  max-width: 100%;
+  grid-gap: 12px;
+}
+._ComponentList-item_91nmt_9,
+._ComponentList-itemShadow_91nmt_10 {
+  background: white;
+  padding: 12px;
+  padding-top: 12px;
+  display: flex;
+  border: 1px var(--puck-color-grey-8) solid;
+  border-radius: 8px;
+  font-size: var(--puck-font-size-xxs);
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+  cursor: grab;
+}
+._ComponentList-itemIcon_91nmt_24 {
+  color: var(--puck-color-grey-4);
+}
+._ComponentList-item_91nmt_9:hover {
+  background-color: var(--puck-color-azure-9);
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/OutlineList/styles.module.css/#css-module-data */
+._OutlineList_gor6f_1 {
+  color: var(--puck-color-grey-2);
+  font-family: var(--puck-font-stack);
+  margin: 0;
+  margin-left: 16px;
+  padding-left: 16px;
+  position: relative;
+  list-style: none;
+}
+._OutlineList_gor6f_1::before {
+  background: var(--puck-color-grey-7);
+  position: absolute;
+  left: -1px;
+  top: 0px;
+  width: 1px;
+  height: calc(100% - 9px);
+  content: "";
+}
+._OutlineList_gor6f_1 li {
+  position: relative;
+  margin-bottom: 4px;
+}
+._OutlineList_gor6f_1 li::before {
+  background: var(--puck-color-grey-7);
+  position: absolute;
+  left: -17px;
+  top: 9px;
+  width: 13px;
+  height: 1px;
+  content: "";
+}
+._OutlineList_gor6f_1 ._OutlineList-clickableItem_gor6f_36:hover {
+  color: var(--puck-color-blue);
+  cursor: pointer;
+}
+._OutlineList_gor6f_1 li > ._OutlineList_gor6f_1 {
+  margin: 8px;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Button/Button.module.css/#css-module-data */
+._Button_1bqmn_1 {
+  appearance: none;
+  background: none;
+  border: none;
+  border-radius: 4px;
+  color: white;
+  display: block;
+  letter-spacing: 0.05ch;
+  font-size: 14px;
+  font-weight: 600;
+  padding-bottom: 12px;
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-top: 12px;
+  text-align: center;
+  text-decoration: none;
+  cursor: pointer;
+  white-space: nowrap;
+}
+._Button_1bqmn_1:hover {
+  text-decoration: none;
+}
+._Button--primary_1bqmn_25 {
+  background: var(--puck-color-blue);
+}
+._Button--primary_1bqmn_25:hover {
+  opacity: 0.7;
+  transition: opacity 50ms ease-in;
+}
+._Button--secondary_1bqmn_34 {
+  color: currentColor;
+  border: 1px solid currentColor;
+}
+._Button--secondary_1bqmn_34:hover {
+  background-color: var(--puck-color-grey-10);
+  color: black;
+  opacity: 0.7;
+}
+._Button--flush_1bqmn_45 {
+  border-radius: 0;
+}
+._Button--disabled_1bqmn_49 {
+  background: var(--puck-color-grey-10);
+  color: black;
+  cursor: not-allowed;
+}
+._Button--disabled_1bqmn_49:hover {
+  opacity: 1;
+}
+._Button--fullWidth_1bqmn_59 {
+  width: 100%;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
+._SidebarSection_jsf8x_1:last-of-type ._SidebarSection-content_jsf8x_1 {
+  border-bottom: none;
+  height: 100%;
+}
+._SidebarSection-title_jsf8x_6 {
+  background: white;
+  padding: 16px;
+  border-bottom: 1px solid var(--puck-color-grey-8);
+}
+._SidebarSection-title_jsf8x_6:hover {
+  opacity: 0.6;
+  cursor: pointer;
+}
+._SidebarSection-content_jsf8x_1 {
+  border-bottom: 1px solid var(--puck-color-grey-8);
+  padding: 16px;
+}
+._SidebarSection_jsf8x_1 > summary {
+  list-style: none;
+}
+._SidebarSection_jsf8x_1 > summary::-webkit-details-marker {
+  display: none;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css/#css-module-data */
+._Heading_1y35v_1 {
+  display: block;
+  font-family: var(--puck-font-stack);
+  font-weight: 700;
+  margin: 0;
+}
+._Heading_1y35v_1 b {
+  font-weight: 700;
+}
+._Heading--xxxxl_1y35v_12 {
+  font-size: var(--puck-font-size-xxxxl);
+  letter-spacing: 0.08ch;
+  font-weight: 800;
+}
+._Heading--xxxl_1y35v_18 {
+  font-size: var(--puck-font-size-xxxl);
+}
+._Heading--xxl_1y35v_22 {
+  font-size: var(--puck-font-size-xxl);
+}
+._Heading--xl_1y35v_26 {
+  font-size: var(--puck-font-size-xl);
+}
+._Heading--l_1y35v_30 {
+  font-size: var(--puck-font-size-l);
+}
+._Heading--m_1y35v_34 {
+  font-size: var(--puck-font-size-m);
+}
+._Heading--s_1y35v_38 {
+  font-size: var(--puck-font-size-s);
+}
+._Heading--xs_1y35v_42 {
+  font-size: var(--puck-font-size-xs);
+}

package/dist/index.d.ts

@@ -0,0 +1,117 @@
+import { ReactNode, ReactElement } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Adaptor<AdaptorParams = {}> = {
+    name: string;
+    fetchList: (adaptorParams?: AdaptorParams) => Promise<Record<string, any>[] | null>;
+};
+type Field<Props extends {
+    [key: string]: any;
+} = {
+    [key: string]: any;
+}> = {
+    type: "text" | "textarea" | "number" | "select" | "group" | "external" | "radio";
+    label?: string;
+    adaptor?: Adaptor;
+    adaptorParams?: object;
+    groupFields?: {
+        [SubPropName in keyof Props]: Field<Props[SubPropName]>;
+    };
+    getItemSummary?: (item: Props, index: number) => string;
+    defaultItemProps?: Props;
+    options?: {
+        label: string;
+        value: string | number;
+    }[];
+};
+type DefaultPageProps = {
+    children: ReactNode;
+    title: string;
+    editMode: boolean;
+    [key: string]: any;
+};
+type DefaultComponentProps = {
+    [key: string]: any;
+    editMode?: boolean;
+};
+type Fields<ComponentProps extends DefaultComponentProps = DefaultComponentProps> = {
+    [PropName in keyof Omit<Required<ComponentProps>, "children" | "editMode">]: Field<ComponentProps[PropName][0]>;
+};
+type ComponentConfig<ComponentProps extends DefaultComponentProps = DefaultComponentProps> = {
+    render: (props: ComponentProps) => ReactElement;
+    defaultProps?: ComponentProps;
+    fields?: Fields<ComponentProps>;
+};
+type Config<Props extends {
+    [key: string]: any;
+} = {
+    [key: string]: any;
+}, PageProps extends DefaultPageProps = DefaultPageProps> = {
+    components: {
+        [ComponentName in keyof Props]: ComponentConfig<Props[ComponentName]>;
+    };
+    page?: ComponentConfig<PageProps & {
+        children: ReactNode;
+    }>;
+};
+type MappedItem<Props extends {
+    [key: string]: any;
+} = {
+    [key: string]: any;
+}> = {
+    type: keyof Props;
+    props: {
+        [key: string]: any;
+    } & {
+        id: string;
+    };
+};
+type Data<Props extends {
+    [key: string]: any;
+} = {
+    [key: string]: any;
+}, PageProps extends {
+    title: string;
+    [key: string]: any;
+} = {
+    title: string;
+    [key: string]: any;
+}> = {
+    page: PageProps;
+    content: MappedItem<Props>[];
+};
+
+type Plugin = {
+    renderPageFields?: (props: {
+        children: ReactNode;
+        data: Data;
+    }) => ReactElement<any>;
+    renderPage?: (props: {
+        children: ReactNode;
+        data: Data;
+    }) => ReactElement<any>;
+    renderFields?: (props: {
+        children: ReactNode;
+        data: Data;
+    }) => ReactElement<any>;
+};
+
+declare function Puck({ config, data: initialData, onChange, onPublish, plugins, renderHeader, }: {
+    config: Config;
+    data: Data;
+    onChange?: (data: Data) => void;
+    onPublish: (data: Data) => void;
+    plugins?: Plugin[];
+    renderHeader?: (props: {
+        children: ReactNode;
+        data: Data;
+        setData: (data: Data) => void;
+    }) => ReactElement;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Render({ config, data }: {
+    config: Config;
+    data: Data;
+}): react_jsx_runtime.JSX.Element;
+
+export { Adaptor, ComponentConfig, Config, Data, DefaultComponentProps, DefaultPageProps, Field, Fields, Puck, Render };