@measured/puck 0.11.0-canary.6145c32 → 0.11.0-canary.7f13efc

package/dist/index.css

@@ -210,25 +210,25 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
-._DraggableComponent_1phls_1 {
+._DraggableComponent_2abzb_1 {
   pointer-events: auto;
 }
-._DraggableComponent--isDragging_1phls_5 {
+._DraggableComponent--isDragging_2abzb_5 {
   background: #abc7e510;
   outline: 2px var(--puck-color-azure-8) solid;
   overflow: hidden;
 }
-._DraggableComponent-contents_1phls_11 {
+._DraggableComponent-contents_2abzb_11 {
   position: relative;
   pointer-events: none;
   z-index: 0;
 }
-._DraggableComponent-contents_1phls_11::before,
-._DraggableComponent-contents_1phls_11::after {
+._DraggableComponent-contents_2abzb_11::before,
+._DraggableComponent-contents_2abzb_11::after {
   content: " ";
   display: table;
 }
-._DraggableComponent-overlay_1phls_24 {
+._DraggableComponent-overlay_2abzb_24 {
   display: none;
   background: #abc7e530;
   cursor: pointer;
@@ -236,41 +236,56 @@
   width: 100%;
   top: 0;
   position: absolute;
-  z-index: 1;
+  z-index: 0;
   font-family: var(--puck-font-stack);
   pointer-events: none;
   box-sizing: border-box;
 }
-._DraggableComponent_1phls_1:hover:not(._DraggableComponent--isLocked_1phls_38) > ._DraggableComponent-overlay_1phls_24 {
+._DraggableComponent-loadingOverlay_2abzb_38 {
+  background: var(--puck-color-white);
+  color: var(--puck-color-grey-2);
+  border-radius: 4px;
+  display: flex;
+  padding: 8px;
+  top: 8px;
+  right: 8px;
+  position: absolute;
+  z-index: 1;
+  pointer-events: all;
+  box-sizing: border-box;
+  opacity: 0.8;
+  z-index: 1;
+}
+._DraggableComponent_2abzb_1:hover:not(._DraggableComponent--isLocked_2abzb_54) > ._DraggableComponent-overlay_2abzb_24 {
   display: block;
   pointer-events: none;
 }
-._DraggableComponent--forceHover_1phls_44 > ._DraggableComponent-overlay_1phls_24 {
+._DraggableComponent--forceHover_2abzb_60 > ._DraggableComponent-overlay_2abzb_24 {
   display: block;
   pointer-events: none;
 }
-._DraggableComponent_1phls_1:not(._DraggableComponent--isSelected_1phls_49) > ._DraggableComponent-overlay_1phls_24 {
+._DraggableComponent_2abzb_1:not(._DraggableComponent--isSelected_2abzb_65) > ._DraggableComponent-overlay_2abzb_24 {
   outline: 2px var(--puck-color-azure-8) solid;
 }
-._DraggableComponent--indicativeHover_1phls_54 > ._DraggableComponent-overlay_1phls_24 {
+._DraggableComponent--indicativeHover_2abzb_70 > ._DraggableComponent-overlay_2abzb_24 {
   display: block;
   background: transparent;
   pointer-events: none;
 }
-._DraggableComponent_1phls_1:not(._DraggableComponent--isSelected_1phls_49):has(._DraggableComponent_1phls_1:hover > ._DraggableComponent-overlay_1phls_24) > ._DraggableComponent-overlay_1phls_24 {
+._DraggableComponent_2abzb_1:not(._DraggableComponent--isSelected_2abzb_65):has(._DraggableComponent_2abzb_1:hover > ._DraggableComponent-overlay_2abzb_24) > ._DraggableComponent-overlay_2abzb_24 {
   display: none;
 }
-._DraggableComponent--isSelected_1phls_49 {
+._DraggableComponent--isSelected_2abzb_65 {
   outline: 2px var(--puck-color-azure-6) solid;
 }
-._DraggableComponent--isSelected_1phls_49 > ._DraggableComponent-overlay_1phls_24 {
+._DraggableComponent--isSelected_2abzb_65 > ._DraggableComponent-overlay_2abzb_24 {
   background: none;
   display: block;
   position: sticky;
   top: 56px;
   z-index: 1;
 }
-._DraggableComponent-actions_1phls_80 {
+._DraggableComponent-actions_2abzb_96 {
   position: absolute;
   right: 6.5px;
   width: auto;
@@ -286,10 +301,10 @@
   pointer-events: auto;
   box-sizing: border-box;
 }
-._DraggableComponent--isSelected_1phls_49 > ._DraggableComponent-overlay_1phls_24 > ._DraggableComponent-actions_1phls_80 {
+._DraggableComponent--isSelected_2abzb_65 > ._DraggableComponent-overlay_2abzb_24 > ._DraggableComponent-actions_2abzb_96 {
   display: flex;
 }
-._DraggableComponent-actionsLabel_1phls_103 {
+._DraggableComponent-actionsLabel_2abzb_119 {
   color: var(--puck-color-grey-7);
   display: flex;
   font-size: var(--puck-font-size-xxxs);
@@ -303,7 +318,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._DraggableComponent-action_1phls_80 {
+._DraggableComponent-action_2abzb_96 {
   background: transparent;
   border: none;
   color: var(--puck-color-grey-7);
@@ -311,14 +326,14 @@
   border-radius: 4px;
   overflow: hidden;
 }
-._DraggableComponent-action_1phls_80:hover {
+._DraggableComponent-action_2abzb_96:hover {
   background: var(--puck-color-grey-2);
   color: var(--puck-color-azure-5);
   cursor: pointer;
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/DropZone/styles.module.css/#css-module-data */
-._DropZone_ou0z5_1 {
+._DropZone_1akqa_1 {
   margin-left: auto;
   margin-right: auto;
   zoom: 1.33;
@@ -327,37 +342,36 @@
   outline-offset: -1px;
   width: 100%;
 }
-._DropZone-content_ou0z5_11 {
+._DropZone-content_1akqa_11 {
   min-height: 128px;
   height: 100%;
 }
-._DropZone--userIsDragging_ou0z5_16 ._DropZone-content_ou0z5_11 {
+._DropZone--userIsDragging_1akqa_16 ._DropZone-content_1akqa_11 {
   pointer-events: all;
 }
-._DropZone--userIsDragging_ou0z5_16:not(._DropZone--draggingOverArea_ou0z5_20):not(._DropZone--draggingNewComponent_ou0z5_21) > ._DropZone-content_ou0z5_11 {
+._DropZone--userIsDragging_1akqa_16:not(._DropZone--draggingOverArea_1akqa_20):not(._DropZone--draggingNewComponent_1akqa_21) > ._DropZone-content_1akqa_11 {
   pointer-events: none;
 }
-._DropZone--isAreaSelected_ou0z5_27,
-._DropZone--draggingOverArea_ou0z5_20:not(:has(._DropZone--hoveringOverArea_ou0z5_28)),
-._DropZone--hoveringOverArea_ou0z5_28:not(._DropZone--isDisabled_ou0z5_29):not(._DropZone--isRootZone_ou0z5_30) {
+._DropZone--isAreaSelected_1akqa_27,
+._DropZone--draggingOverArea_1akqa_20:not(:has(._DropZone--hoveringOverArea_1akqa_28)),
+._DropZone--hoveringOverArea_1akqa_28:not(._DropZone--isDisabled_1akqa_29):not(._DropZone--isRootZone_1akqa_30) {
   background: var(--puck-color-azure-9);
   outline: 2px dashed var(--puck-color-azure-7);
 }
-._DropZone_ou0z5_1:not(._DropZone--hasChildren_ou0z5_36) {
+._DropZone_1akqa_1:not(._DropZone--hasChildren_1akqa_36) {
   background: var(--puck-color-azure-9);
   outline: 2px dashed var(--puck-color-azure-7);
 }
-._DropZone--isDestination_ou0z5_41 {
+._DropZone--isDestination_1akqa_41 {
   outline: 2px dashed var(--puck-color-azure-3) !important;
 }
-._DropZone--isDestination_ou0z5_41:not(._DropZone--isRootZone_ou0z5_30) {
+._DropZone--isDestination_1akqa_41:not(._DropZone--isRootZone_1akqa_30) {
   background: var(--puck-color-azure-85) !important;
 }
-._DropZone-item_ou0z5_49 {
+._DropZone-item_1akqa_49 {
   position: relative;
-  z-index: 0;
 }
-._DropZone-hitbox_ou0z5_54 {
+._DropZone-hitbox_1akqa_53 {
   position: absolute;
   bottom: -12px;
   height: 24px;
@@ -383,38 +397,43 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/InputOrGroup/styles.module.css/#css-module-data */
-._Input_nkpu6_1 {
+._Input_1kw16_1 {
   color: var(--puck-color-grey-3);
   padding: 16px;
   padding-bottom: 12px;
   display: block;
   font-family: var(--puck-font-stack);
 }
-._Input_nkpu6_1 ._Input_nkpu6_1 {
+._Input_1kw16_1 ._Input_1kw16_1 {
   padding: 0px;
 }
-._Input_nkpu6_1 * {
+._Input_1kw16_1 * {
   box-sizing: border-box;
 }
-._Input_nkpu6_1 + ._Input_nkpu6_1 {
+._Input_1kw16_1 + ._Input_1kw16_1 {
   border-top: 1px solid var(--puck-color-grey-8);
   margin-top: 8px;
 }
-._Input_nkpu6_1 ._Input_nkpu6_1 + ._Input_nkpu6_1 {
+._Input_1kw16_1 ._Input_1kw16_1 + ._Input_1kw16_1 {
   border-top: 0px;
   margin-top: 12px;
 }
-._Input-label_nkpu6_27 {
+._Input-label_1kw16_27 {
   display: flex;
   padding-bottom: 12px;
   font-size: var(--puck-font-size-xxs);
   font-weight: 600;
 }
-._Input-labelIcon_nkpu6_34 {
+._Input-labelIcon_1kw16_34 {
   color: var(--puck-color-grey-6);
   margin-right: 4px;
+  padding-left: 4px;
+}
+._Input-disabledIcon_1kw16_40 {
+  color: var(--puck-color-grey-4);
+  margin-left: auto;
 }
-._Input-input_nkpu6_39 {
+._Input-input_1kw16_45 {
   border-width: 1px;
   border-style: solid;
   border-color: var(--puck-color-grey-8);
@@ -423,7 +442,7 @@
   padding: 12px 16px;
   width: 100%;
 }
-._Input_nkpu6_1 select._Input-input_nkpu6_39 {
+._Input_1kw16_1 select._Input-input_1kw16_45 {
   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;
@@ -431,61 +450,76 @@
   background-repeat: no-repeat;
   background-color: white;
 }
-._Input--readOnly_nkpu6_60 ._Input-input_nkpu6_39 {
-  background-color: var(--puck-color-grey-10);
+._Input--readOnly_1kw16_66 > ._Input-input_1kw16_45,
+._Input--readOnly_1kw16_66 > select._Input-input_1kw16_45 {
+  background-color: var(--puck-color-grey-11);
   border-color: var(--puck-color-grey-8);
+  color: var(--puck-color-grey-5);
+  opacity: 1;
 }
-._Input-input_nkpu6_39:hover {
+._Input-input_1kw16_45:hover {
   border-color: var(--puck-color-neutral-3);
 }
-._Input-radioGroupItems_nkpu6_69 {
+._Input-radioGroupItems_1kw16_78 {
   display: flex;
   border: 1px solid var(--puck-color-grey-7);
   border-radius: 4px;
   flex-wrap: wrap;
   overflow: hidden;
 }
-._Input-radio_nkpu6_69 {
+._Input-radio_1kw16_78 {
   border-right: 1px solid var(--puck-color-grey-7);
   flex-grow: 1;
 }
-._Input-radio_nkpu6_69:last-of-type {
+._Input-radio_1kw16_78:last-of-type {
   border-right: none;
 }
-._Input-radioInner_nkpu6_86 {
+._Input-radioInner_1kw16_95 {
+  background-color: white;
   color: var(--puck-color-grey-4);
   font-size: var(--puck-font-size-xxxs);
   padding: 8px 12px;
   text-align: center;
 }
-._Input-radioInner_nkpu6_86:hover {
+._Input-radioInner_1kw16_95:hover {
   background-color: var(--puck-color-azure-9);
   cursor: pointer;
 }
-._Input-radio_nkpu6_69 ._Input-radioInput_nkpu6_98:checked ~ ._Input-radioInner_nkpu6_86 {
+._Input--readOnly_1kw16_66 ._Input-radioGroupItems_1kw16_78 {
+  border-color: var(--puck-color-grey-8);
+}
+._Input--readOnly_1kw16_66 ._Input-radioInner_1kw16_95 {
+  background-color: var(--puck-color-grey-11);
+  color: var(--puck-color-grey-5);
+}
+._Input-radio_1kw16_78 ._Input-radioInput_1kw16_117:checked ~ ._Input-radioInner_1kw16_95 {
   background-color: var(--puck-color-azure-9);
-  color: var(--puck-color-grey-2);
+  color: var(--puck-color-grey-1);
   font-weight: 500;
 }
-._Input-radio_nkpu6_69 ._Input-radioInput_nkpu6_98 {
+._Input--readOnly_1kw16_66 ._Input-radioInput_1kw16_117:checked ~ ._Input-radioInner_1kw16_95 {
+  background-color: var(--puck-color-azure-9);
+  color: var(--puck-color-grey-4);
+}
+._Input-radio_1kw16_78 ._Input-radioInput_1kw16_117 {
   display: none;
 }
-._Input_nkpu6_1 textarea._Input-input_nkpu6_39 {
+._Input_1kw16_1 textarea._Input-input_1kw16_45 {
   margin-bottom: -4px;
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/InputOrGroup/fields/ArrayField/styles.module.css/#css-module-data */
-._ArrayField_zp334_5 {
+._ArrayField_13rp0_5 {
   display: flex;
   flex-direction: column;
   background-color: var(--puck-color-grey-8);
   border: 1px solid var(--puck-color-grey-8);
   border-radius: 4px;
 }
-._ArrayField--isDraggingFrom_zp334_13 {
+._ArrayField--isDraggingFrom_13rp0_13 {
   background-color: var(--puck-color-azure-9);
 }
-._ArrayField-addButton_zp334_17 {
+._ArrayField-addButton_13rp0_17 {
   background-color: white;
   border: none;
   border-radius: 4px;
@@ -498,37 +532,37 @@
   padding: 16px;
   text-align: left;
 }
-._ArrayField--hasItems_zp334_31 > ._ArrayField-addButton_zp334_17 {
+._ArrayField--hasItems_13rp0_31 > ._ArrayField-addButton_13rp0_17 {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._ArrayField_zp334_5:not(._ArrayField--isDraggingFrom_zp334_13) > ._ArrayField-addButton_zp334_17:hover {
+._ArrayField_13rp0_5:not(._ArrayField--isDraggingFrom_13rp0_13) > ._ArrayField-addButton_13rp0_17:hover {
   background: var(--puck-color-azure-9);
   color: var(--puck-color-azure-4);
 }
-._ArrayFieldItem_zp334_45 {
+._ArrayFieldItem_13rp0_45 {
   background: white;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   display: block;
   margin-bottom: 1px;
 }
-._ArrayField--isDraggingFrom_zp334_13 > ._ArrayFieldItem_zp334_45:not(._ArrayFieldItem--isDragging_zp334_53) {
+._ArrayField--isDraggingFrom_13rp0_13 > ._ArrayFieldItem_13rp0_45:not(._ArrayFieldItem--isDragging_13rp0_53) {
   border-bottom: 1px solid var(--puck-color-grey-8);
   margin-bottom: 0;
 }
-._ArrayFieldItem--isExpanded_zp334_58 {
+._ArrayFieldItem--isExpanded_13rp0_58 {
   border-bottom: 0;
   outline: 1px solid var(--puck-color-azure-6);
 }
-._ArrayFieldItem--isDragging_zp334_53 {
+._ArrayFieldItem--isDragging_13rp0_53 {
   box-shadow: rgba(140, 152, 164, 0.25) 0 3px 6px 0;
 }
-._ArrayFieldItem_zp334_45 + ._ArrayFieldItem_zp334_45 {
+._ArrayFieldItem_13rp0_45 + ._ArrayFieldItem_13rp0_45 {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-._ArrayFieldItem-summary_zp334_72 {
+._ArrayFieldItem-summary_13rp0_72 {
   color: var(--puck-color-grey-3);
   display: flex;
   align-items: center;
@@ -539,48 +573,49 @@
   position: relative;
   overflow: hidden;
 }
-._ArrayFieldItem--isExpanded_zp334_58 > ._ArrayFieldItem-summary_zp334_72 {
+._ArrayFieldItem--readOnly_13rp0_84 > ._ArrayFieldItem-summary_13rp0_72 {
+  background-color: var(--puck-color-grey-11);
+  color: var(--puck-color-grey-5);
+}
+._ArrayFieldItem--isExpanded_13rp0_58 > ._ArrayFieldItem-summary_13rp0_72 {
   font-weight: 600;
 }
-._ArrayFieldItem_zp334_45:first-of-type > ._ArrayFieldItem-summary_zp334_72 {
+._ArrayFieldItem_13rp0_45:first-of-type > ._ArrayFieldItem-summary_13rp0_72 {
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
 }
-._ArrayFieldItem-summary_zp334_72:hover,
-._ArrayFieldItem--isExpanded_zp334_58 > ._ArrayFieldItem-summary_zp334_72 {
+._ArrayFieldItem-summary_13rp0_72:hover,
+._ArrayFieldItem--isExpanded_13rp0_58 > ._ArrayFieldItem-summary_13rp0_72 {
   background: var(--puck-color-azure-9);
   cursor: pointer;
   color: var(--puck-color-azure-4);
 }
-._ArrayFieldItem-summary_zp334_72::-webkit-details-marker {
-  display: none;
-}
-._ArrayFieldItem-body_zp334_104 {
+._ArrayFieldItem-body_13rp0_105 {
   display: none;
 }
-._ArrayFieldItem--isExpanded_zp334_58 > ._ArrayFieldItem-body_zp334_104 {
+._ArrayFieldItem--isExpanded_13rp0_58 > ._ArrayFieldItem-body_13rp0_105 {
   display: block;
 }
-._ArrayFieldItem-fieldset_zp334_112 {
+._ArrayFieldItem-fieldset_13rp0_113 {
   border: none;
   border-top: 1px solid var(--puck-color-grey-8);
   margin: 0;
   padding: 16px;
 }
-._ArrayFieldItem-rhs_zp334_119 {
+._ArrayFieldItem-rhs_13rp0_120 {
   display: flex;
   gap: 8px;
   align-items: center;
 }
-._ArrayFieldItem-actions_zp334_125 {
+._ArrayFieldItem-actions_13rp0_126 {
   display: flex;
   gap: 8px;
   opacity: 0;
 }
-._ArrayFieldItem-summary_zp334_72:hover > ._ArrayFieldItem-rhs_zp334_119 > ._ArrayFieldItem-actions_zp334_125 {
+._ArrayFieldItem-summary_13rp0_72:hover > ._ArrayFieldItem-rhs_13rp0_120 > ._ArrayFieldItem-actions_13rp0_126 {
   opacity: 1;
 }
-._ArrayFieldItem-action_zp334_125:hover {
+._ArrayFieldItem-action_13rp0_126:hover {
   background: var(--puck-color-grey-9);
   border-radius: 4px;
   color: var(--puck-color-blue);
@@ -599,13 +634,13 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/ExternalInput/styles.module.css/#css-module-data */
-._ExternalInput_l4bks_1 {
+._ExternalInput_ufl4h_1 {
   font-family: var(--puck-font-stack);
 }
-._ExternalInput-actions_l4bks_5 {
+._ExternalInput-actions_ufl4h_5 {
   display: flex;
 }
-._ExternalInput-button_l4bks_9 {
+._ExternalInput-button_ufl4h_9 {
   display: flex;
   gap: 8px;
   align-items: center;
@@ -613,7 +648,7 @@
   background-color: white;
   border: 1px solid var(--puck-color-grey-8);
   border-radius: 4px;
-  color: var(--puck-color-blue);
+  color: var(--puck-color-azure-4);
   padding: 12px 16px;
   font-weight: 500;
   white-space: nowrap;
@@ -622,24 +657,25 @@
   overflow: hidden;
   flex-grow: 1;
 }
-._ExternalInput-button_l4bks_9:hover,
-._ExternalInput-detachButton_l4bks_28:hover {
+._ExternalInput-button_ufl4h_9:hover,
+._ExternalInput-detachButton_ufl4h_28:hover {
   cursor: pointer;
-  background: var(--puck-color-grey-10);
-  border-color: var(--puck-color-neutral-3);
+  background: var(--puck-color-azure-9);
+  color: var(--puck-color-azure-4);
   z-index: 1;
 }
-._ExternalInput--hasData_l4bks_35 ._ExternalInput-button_l4bks_9 {
+._ExternalInput--hasData_ufl4h_35 ._ExternalInput-button_ufl4h_9 {
+  color: var(--puck-color-grey-2);
   display: block;
-  color: var(--puck-color-neutral-4);
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
 }
-._ExternalInput-detachButton_l4bks_28 {
+._ExternalInput-detachButton_ufl4h_28 {
   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);
+  background-color: var(--puck-color-grey-11);
+  color: var(--puck-color-grey-4);
   display: flex;
   gap: 8px;
   align-items: center;
@@ -647,87 +683,161 @@
   padding: 8px 12px;
   margin-left: -1px;
 }
-._ExternalInput-modal_l4bks_55 {
-  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_l4bks_69 ._ExternalInput-modal_l4bks_55 {
-  display: flex;
-}
-._ExternalInput-modalInner_l4bks_73 {
-  width: 100%;
-  max-width: 1024px;
-  border-radius: 16px;
-  overflow: hidden;
-  background: white;
-  display: flex;
-  flex-direction: column;
-  max-height: 90vh;
-}
-._ExternalInput-modalHeading_l4bks_84 {
+._ExternalInput-masthead_ufl4h_56 {
   background-color: white;
   padding: 32px 24px;
 }
-._ExternalInput-modalTableWrapper_l4bks_89 {
+._ExternalInput-modalTableWrapper_ufl4h_61 {
   overflow-x: scroll;
   overflow-y: scroll;
   flex-grow: 1;
 }
-._ExternalInput_l4bks_1 table {
+._ExternalInput-table_ufl4h_67 {
   border-spacing: 0px;
   color: var(--puck-color-neutral-4);
   position: relative;
 }
-._ExternalInput_l4bks_1 thead {
+._ExternalInput-table_ufl4h_67 thead {
   position: sticky;
   top: 0;
 }
-._ExternalInput_l4bks_1 th {
+._ExternalInput-table_ufl4h_67 th {
   border-bottom: 1px solid var(--puck-color-grey-8);
   border-top: 1px solid var(--puck-color-grey-8);
   font-weight: 700;
   padding: 16px 24px;
   opacity: 0.9;
 }
-._ExternalInput_l4bks_1 td {
+._ExternalInput-table_ufl4h_67 td {
   padding: 16px 24px;
 }
-._ExternalInput_l4bks_1 tr:nth-of-type(n) {
+._ExternalInput-table_ufl4h_67 tr:nth-of-type(n) {
   background-color: white;
 }
-._ExternalInput_l4bks_1 tr:nth-of-type(2n) {
+._ExternalInput-table_ufl4h_67 tr:nth-of-type(2n) {
   background-color: var(--puck-color-grey-10);
 }
-._ExternalInput_l4bks_1 tr td:first-of-type {
+._ExternalInput-table_ufl4h_67 tr td:first-of-type {
   font-weight: 500;
 }
-._ExternalInput_l4bks_1 tbody tr:hover {
+._ExternalInput-table_ufl4h_67 tbody tr:hover {
   background: var(--puck-color-grey-11);
   color: var(--puck-color-azure-4);
   cursor: pointer;
   position: relative;
   margin-left: -5px;
 }
-._ExternalInput_l4bks_1 tbody tr:hover td:first-of-type {
+._ExternalInput-table_ufl4h_67 tbody 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/Modal/styles.module.css/#css-module-data */
+._Modal_hx2u6_1 {
+  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;
+}
+._Modal--isOpen_hx2u6_15 {
+  display: flex;
+}
+._Modal-inner_hx2u6_19 {
+  width: 100%;
+  max-width: 1024px;
+  border-radius: 16px;
+  overflow: hidden;
+  background: white;
+  display: flex;
+  flex-direction: column;
+  max-height: 90vh;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css/#css-module-data */
+._Heading_7sjz7_1 {
+  display: block;
+  color: var(--puck-color-black);
+  font-family: var(--puck-font-stack);
+  font-weight: 700;
+  margin: 0;
+  word-break: break-word;
+}
+._Heading_7sjz7_1 b {
+  font-weight: 700;
+}
+._Heading--xxxxl_7sjz7_14 {
+  font-size: var(--puck-font-size-xxxxl);
+  letter-spacing: 0.08ch;
+  font-weight: 800;
+}
+._Heading--xxxl_7sjz7_20 {
+  font-size: var(--puck-font-size-xxxl);
+}
+._Heading--xxl_7sjz7_24 {
+  font-size: var(--puck-font-size-xxl);
+}
+._Heading--xl_7sjz7_28 {
+  font-size: var(--puck-font-size-xl);
+}
+._Heading--l_7sjz7_32 {
+  font-size: var(--puck-font-size-l);
+}
+._Heading--m_7sjz7_36 {
+  font-size: var(--puck-font-size-m);
+}
+._Heading--s_7sjz7_40 {
+  font-size: var(--puck-font-size-s);
+}
+._Heading--xs_7sjz7_44 {
+  font-size: var(--puck-font-size-xs);
+}
+
 /* css-module:/home/runner/work/puck/puck/packages/core/components/ComponentList/styles.module.css/#css-module-data */
-._ComponentList_bvy0z_1 {
+._ComponentList_3rdy2_1 {
   font-family: var(--puck-font-stack);
   max-width: 100%;
 }
-._ComponentList-item_bvy0z_6 {
+._ComponentList--isExpanded_3rdy2_6 + ._ComponentList_3rdy2_1 {
+  margin-top: 12px;
+}
+._ComponentList-content_3rdy2_10 {
+  display: none;
+}
+._ComponentList--isExpanded_3rdy2_6 > ._ComponentList-content_3rdy2_10 {
+  display: block;
+}
+._ComponentList-title_3rdy2_18 {
+  color: var(--puck-color-grey-4);
+  display: flex;
+  font-size: var(--puck-font-size-xxxs);
+  list-style: none;
+  padding: 8px;
+  text-transform: uppercase;
+  gap: 4px;
+  border-radius: 4px;
+}
+._ComponentList--isExpanded_3rdy2_6 ._ComponentList-title_3rdy2_18 {
+  margin-bottom: 4px;
+}
+._ComponentList-title_3rdy2_18:hover {
+  background-color: var(--puck-color-azure-9);
+  color: var(--puck-color-azure-4);
+  cursor: pointer;
+}
+._ComponentList-titleIcon_3rdy2_39 {
+  margin-left: auto;
+}
+._ComponentListItem_3rdy2_43:last-of-type ._ComponentListItem-draggable_3rdy2_43 {
+  margin-bottom: 0px;
+}
+._ComponentListItem-draggable_3rdy2_43 {
   background: white;
   padding: 12px;
   display: flex;
@@ -740,103 +850,76 @@
   cursor: grab;
   margin-bottom: 12px;
 }
-._ComponentList-item_bvy0z_6:last-of-type {
-  margin-bottom: 0px;
-}
-._ComponentList-itemIcon_bvy0z_24 {
+._ComponentListItemIcon_3rdy2_61 {
   color: var(--puck-color-grey-4);
 }
-._ComponentList_bvy0z_1:not(._ComponentList--isDraggingFrom_bvy0z_28) ._ComponentList-item_bvy0z_6:hover {
+._ComponentList_3rdy2_1:not(._ComponentList--isDraggingFrom_3rdy2_65) ._ComponentListItem-draggable_3rdy2_43:hover {
   background-color: var(--puck-color-azure-9);
   color: var(--puck-color-azure-4);
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
-._SidebarSection_f1p35_1 {
+._SidebarSection_r7dv3_1 {
   display: flex;
   position: relative;
   flex-direction: column;
   color: black;
 }
-._SidebarSection_f1p35_1:last-of-type {
+._SidebarSection_r7dv3_1:last-of-type {
   flex-grow: 1;
 }
-._SidebarSection-title_f1p35_12 {
+._SidebarSection-title_r7dv3_12 {
   background: white;
   padding: 16px;
   border-bottom: 1px solid var(--puck-color-grey-8);
   overflow-x: auto;
 }
-._SidebarSection-content_f1p35_19 {
+._SidebarSection-content_r7dv3_19 {
   border-bottom: 1px solid var(--puck-color-grey-8);
   padding: 16px;
 }
-._SidebarSection--noPadding_f1p35_24 ._SidebarSection-content_f1p35_19 {
+._SidebarSection--noPadding_r7dv3_24 ._SidebarSection-content_r7dv3_19 {
   padding: 0px;
 }
-._SidebarSection_f1p35_1:last-of-type ._SidebarSection-content_f1p35_19 {
+._SidebarSection_r7dv3_1:last-of-type ._SidebarSection-content_r7dv3_19 {
   border-bottom: none;
   flex-grow: 1;
 }
-._SidebarSection-breadcrumbLabel_f1p35_33 {
+._SidebarSection-breadcrumbLabel_r7dv3_33 {
   color: var(--puck-color-azure-3);
   flex-shrink: 0;
 }
-._SidebarSection-breadcrumbLabel_f1p35_33:hover {
+._SidebarSection-breadcrumbLabel_r7dv3_33:hover {
   color: var(--puck-color-azure-4);
   cursor: pointer;
   text-decoration: underline;
 }
-._SidebarSection-breadcrumbs_f1p35_44 {
+._SidebarSection-breadcrumbs_r7dv3_44 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-breadcrumb_f1p35_33 {
+._SidebarSection-breadcrumb_r7dv3_33 {
   align-items: center;
   display: flex;
   gap: 4px;
 }
-._SidebarSection-heading_f1p35_56 {
+._SidebarSection-heading_r7dv3_56 {
   padding-right: 16px;
 }
-
-/* css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css/#css-module-data */
-._Heading_1bvy5_1 {
-  display: block;
-  color: var(--puck-color-black);
-  font-family: var(--puck-font-stack);
-  font-weight: 700;
-  margin: 0;
-}
-._Heading_1bvy5_1 b {
-  font-weight: 700;
-}
-._Heading--xxxxl_1bvy5_13 {
-  font-size: var(--puck-font-size-xxxxl);
-  letter-spacing: 0.08ch;
-  font-weight: 800;
-}
-._Heading--xxxl_1bvy5_19 {
-  font-size: var(--puck-font-size-xxxl);
-}
-._Heading--xxl_1bvy5_23 {
-  font-size: var(--puck-font-size-xxl);
-}
-._Heading--xl_1bvy5_27 {
-  font-size: var(--puck-font-size-xl);
-}
-._Heading--l_1bvy5_31 {
-  font-size: var(--puck-font-size-l);
-}
-._Heading--m_1bvy5_35 {
-  font-size: var(--puck-font-size-m);
-}
-._Heading--s_1bvy5_39 {
-  font-size: var(--puck-font-size-s);
-}
-._Heading--xs_1bvy5_43 {
-  font-size: var(--puck-font-size-xs);
+._SidebarSection-loadingOverlay_r7dv3_60 {
+  background: white;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  position: absolute;
+  z-index: 1;
+  pointer-events: all;
+  box-sizing: border-box;
+  opacity: 0.8;
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/LayerTree/styles.module.css/#css-module-data */