@wordpress/block-editor 16.0.1-next.v.202607070741.0 → 16.2.0

package/build-style/style.css

@@ -164,9 +164,6 @@
 .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:hover {
   color: var(--wp-admin-theme-color);
 }
-.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:focus {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-}
 .block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading {
   height: 100%;
   position: absolute;
@@ -200,10 +197,21 @@
     transition: opacity 0.1s ease-in-out;
   }
 }
+.block-editor-global-styles-background-panel__reset.has-local-override-from-global-styles__reset {
+  position: absolute;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  top: 50%;
+  transform: translateY(-50%);
+  margin-block: 0;
+  margin-inline: 0 8px;
+  opacity: 1;
+}
 .block-editor-global-styles-background-panel__reset.block-editor-global-styles-background-panel__reset {
   border-radius: 2px;
 }
-.block-editor-global-styles-background-panel__dropdown-toggle:hover + .block-editor-global-styles-background-panel__reset, .block-editor-global-styles-background-panel__reset:focus, .block-editor-global-styles-background-panel__reset:hover {
+.block-editor-global-styles-background-panel__dropdown-toggle:hover + .block-editor-global-styles-background-panel__reset, .block-editor-global-styles-background-panel__reset:focus, .block-editor-global-styles-background-panel__reset:focus-within, .block-editor-global-styles-background-panel__reset:hover {
   opacity: 1;
 }
 @media (hover: none) {
@@ -554,7 +562,7 @@ iframe[name=editor-canvas] {
   padding: 12px 0;
 }
 .block-editor-block-lock-modal__options-all .components-checkbox-control__label {
-  font-weight: 600;
+  font-weight: var(--wpds-typography-font-weight-emphasis, 600);
 }
 
 .block-editor-block-lock-modal__checklist-item {
@@ -673,7 +681,7 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-block-card__title {
-  font-weight: 499;
+  font-weight: var(--wpds-typography-font-weight-emphasis, 600);
   display: flex;
   align-items: center;
   flex-wrap: wrap;
@@ -806,7 +814,7 @@ iframe[name=editor-canvas] {
   min-height: 18px;
 }
 .block-editor-block-draggable-chip .components-flex__item {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   font-size: 13px;
 }
 
@@ -862,7 +870,7 @@ iframe[name=editor-canvas] {
   z-index: 1;
 }
 .block-editor-block-manager__category-title .components-checkbox-control__label {
-  font-weight: 600;
+  font-weight: var(--wpds-typography-font-weight-emphasis, 600);
 }
 
 .block-editor-block-manager__checklist {
@@ -995,7 +1003,7 @@ iframe[name=editor-canvas] {
   color: #757575;
   text-transform: uppercase;
   font-size: 11px;
-  font-weight: 499;
+  font-weight: var(--wpds-typography-font-weight-emphasis, 600);
 }
 
 .block-editor-block-patterns-list__list-item {
@@ -1149,7 +1157,7 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-block-quick-navigation__item {
-  font-weight: 400;
+  font-weight: var(--wpds-typography-font-weight-default, 400);
 }
 
 .block-editor-block-rename-modal {
@@ -1181,7 +1189,7 @@ iframe[name=editor-canvas] {
 }
 .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item {
   color: #1e1e1e;
-  box-shadow: inset 0 0 0 1px #ddd;
+  border-color: #ddd;
   display: inline-block;
   width: calc(50% - 4px);
 }
@@ -1197,8 +1205,9 @@ iframe[name=editor-canvas] {
   color: #fff;
 }
 .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:focus, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:focus {
-  box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
+  --focus-color: var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
+  outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color);
+  outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
 }
 .block-editor-block-styles__variants .block-editor-block-styles__item-text {
   word-break: break-all;
@@ -1291,7 +1300,6 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-block-types-list > [role=presentation] {
-  overflow: hidden;
   display: flex;
   flex-wrap: wrap;
 }
@@ -1499,10 +1507,6 @@ iframe[name=editor-canvas] {
   min-width: 0;
 }
 
-.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings, .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings > div:not(:first-of-type) {
-  display: block;
-}
-
 @media screen and (min-width: 782px) {
   .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches {
     display: grid;
@@ -1512,6 +1516,16 @@ iframe[name=editor-canvas] {
 .block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control {
   margin-bottom: inherit;
 }
+.block-editor-panel-color-gradient-settings {
+  /* Increased specificity required to remove the slot wrapper's row gap */
+}
+.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__inner-wrapper {
+  grid-column: 1/-1;
+  row-gap: 0;
+}
+.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__inner-wrapper > * {
+  grid-column: 1/-1;
+}
 
 .block-editor-panel-color-gradient-settings__dropdown-content {
   min-height: 160px;
@@ -1700,6 +1714,11 @@ iframe[name=editor-canvas] {
   min-height: 24px;
 }
 
+.block-editor-global-styles-state-control__badge-tooltip-trigger {
+  display: inline-flex;
+  max-width: 100%;
+}
+
 .block-editor-global-styles-filters-panel__dropdown,
 .block-editor-global-styles__shadow-dropdown {
   display: block;
@@ -1805,6 +1824,121 @@ iframe[name=editor-canvas] {
   }
 }
 
+.is-inherited-from-global-styles .components-base-control__label,
+.is-inherited-from-global-styles .components-input-control__label {
+  text-decoration-line: underline;
+  text-decoration-style: dotted;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 0.2em;
+}
+.is-inherited-from-global-styles .block-editor-panel-color-gradient-settings__color-name,
+.is-inherited-from-global-styles .block-editor-global-styles-background-panel__inspector-media-replace-title,
+.is-inherited-from-global-styles .block-editor-panel-duotone-settings__label {
+  border-bottom: 1px dotted currentColor;
+}
+
+.has-local-override-from-global-styles {
+  position: relative;
+}
+
+.global-styles-inheritance-affordance {
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+  height: 16px;
+}
+.global-styles-inheritance-affordance--offset-toggle {
+  inset-inline-end: 32px;
+}
+.global-styles-inheritance-affordance .has-local-override-from-global-styles__reset {
+  pointer-events: auto;
+  margin-inline-start: 0 !important;
+}
+
+.has-local-override-from-global-styles__reset {
+  display: inline-flex !important;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+  position: relative;
+  margin-inline-start: 6px;
+  min-width: 14px !important;
+  width: 14px !important;
+  height: 14px !important;
+  padding: 0 !important;
+  border-radius: 50% !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  overflow: hidden;
+  text-transform: none;
+  letter-spacing: normal;
+  cursor: var(--wpds-cursor-control, pointer);
+}
+.has-local-override-from-global-styles__reset:hover, .has-local-override-from-global-styles__reset:focus {
+  background: transparent !important;
+}
+.has-local-override-from-global-styles__reset:hover .has-local-override-from-global-styles__dot, .has-local-override-from-global-styles__reset:focus .has-local-override-from-global-styles__dot {
+  display: none;
+}
+.has-local-override-from-global-styles__reset:hover .has-local-override-from-global-styles__reset-icon, .has-local-override-from-global-styles__reset:focus .has-local-override-from-global-styles__reset-icon {
+  display: block;
+}
+.has-local-override-from-global-styles__reset:focus-visible {
+  outline: 1.5px solid var(--wp-admin-theme-color, #007cba);
+  outline-offset: 1px;
+}
+.has-local-override-from-global-styles__reset.block-editor-panel-color-gradient-settings__reset {
+  position: absolute;
+  justify-content: center;
+  top: 50%;
+  transform: translateY(-50%);
+  margin-block: 0;
+  margin-inline-start: 0;
+  opacity: 1;
+}
+.has-local-override-from-global-styles__reset.block-editor-global-styles__shadow-editor__remove-button {
+  position: absolute;
+  justify-content: center;
+  inset-inline-end: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  margin-block: 0;
+  margin-inline-start: 0;
+  opacity: 1;
+}
+.has-local-override-from-global-styles__reset.block-editor-panel-duotone-settings__reset {
+  position: absolute;
+  justify-content: center;
+  inset-inline-end: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  margin-block: 0;
+  margin-inline-start: 0;
+  opacity: 1;
+}
+
+.has-local-override-from-global-styles__dot {
+  display: block;
+  width: 8px;
+  height: 8px;
+  background-color: var(--wp-admin-theme-color, #007cba);
+  border-radius: 50%;
+}
+
+.has-local-override-from-global-styles__reset-icon {
+  display: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: var(--wp-admin-theme-color, #007cba);
+}
+
 .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer {
   z-index: 30;
 }
@@ -2034,6 +2168,25 @@ iframe[name=editor-canvas] {
   right: 0;
 }
 
+.wp-block-image__crop-area {
+  position: relative;
+  max-width: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+.wp-block-image__crop-area .reactEasyCrop_Container {
+  pointer-events: auto;
+}
+.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image {
+  border: none;
+  border-radius: 0;
+}
+
+.wp-block-image__zoom .components-popover__content {
+  min-width: 260px;
+  overflow: visible !important;
+}
+
 .block-editor-block-types-list__list-item {
   display: block;
   width: 33.33%;
@@ -2099,15 +2252,6 @@ iframe[name=editor-canvas] {
   background: var(--wp-admin-theme-color);
   pointer-events: none;
 }
-.components-button.block-editor-block-types-list__item:not(:disabled, [aria-disabled=true]).is-active {
-  color: #fff;
-  background: #1e1e1e;
-  outline: 2px solid transparent;
-  outline-offset: -2px;
-}
-.components-button.block-editor-block-types-list__item:not(:disabled):focus {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-}
 
 .block-editor-block-types-list__item-icon {
   padding: 12px 20px;
@@ -2282,7 +2426,7 @@ iframe[name=editor-canvas] {
   width: 100%;
 }
 .block-editor-link-control__search-item .components-menu-item__item mark {
-  font-weight: 600;
+  font-weight: var(--wpds-typography-font-weight-emphasis, 600);
   color: inherit;
   background-color: transparent;
 }
@@ -2331,7 +2475,7 @@ iframe[name=editor-canvas] {
   max-height: 32px;
 }
 .block-editor-link-control__preview .block-editor-link-control__preview-title {
-  line-height: 1.1;
+  line-height: var(--wpds-typography-line-height-sm, 20px);
 }
 .block-editor-link-control__preview .block-editor-link-control__preview-title:focus {
   box-shadow: none;
@@ -2342,7 +2486,7 @@ iframe[name=editor-canvas] {
   text-decoration: none;
 }
 .block-editor-link-control__preview .block-editor-link-control__preview-title mark {
-  font-weight: 600;
+  font-weight: var(--wpds-typography-font-weight-emphasis, 600);
   color: inherit;
   background-color: transparent;
 }
@@ -2500,7 +2644,6 @@ iframe[name=editor-canvas] {
   width: 100%;
   height: auto;
   padding: 12px;
-  box-shadow: inset 0 0 0 1px #949494;
   border-color: #949494;
 }
 
@@ -2541,7 +2684,7 @@ iframe[name=editor-canvas] {
 
 .link-preview-button__title {
   margin-top: 4px;
-  font-weight: 500;
+  font-weight: var(--wpds-typography-font-weight-emphasis, 600);
   color: #1e1e1e;
   display: block;
 }
@@ -2615,7 +2758,7 @@ iframe[name=editor-canvas] {
   color: #fff;
 }
 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus::after {
-  box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
 }
 .block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus::after {
   box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
@@ -2756,16 +2899,15 @@ iframe[name=editor-canvas] {
   bottom: 0;
   left: 0;
   border-radius: inherit;
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
   z-index: 2;
   pointer-events: none;
 }
 .block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus::after {
   right: 0;
 }
-.block-editor-list-view-leaf.is-nesting .block-editor-list-view__menu,
-.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+.block-editor-list-view-leaf.is-nesting .block-editor-list-view__menu {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
   z-index: 1;
 }
 .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
@@ -2855,6 +2997,12 @@ iframe[name=editor-canvas] {
 .block-editor-list-view-leaf .block-editor-inserter__toggle:active {
   color: #fff;
 }
+.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper {
+  width: 100%;
+}
+.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper > * {
+  min-width: 0;
+}
 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper svg {
   left: 2px;
   position: relative;
@@ -2877,6 +3025,17 @@ iframe[name=editor-canvas] {
   position: absolute;
   right: 0;
   transform: translateY(-50%);
+  box-sizing: border-box;
+  max-width: 100%;
+  padding: 2px 8px;
+  border-radius: 2px;
+  background: #f0f0f0;
+  color: #2f2f2f;
+  font-size: 12px;
+  line-height: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor {
   background: rgba(0, 0, 0, 0.3);
@@ -3121,7 +3280,11 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-multi-selection-inspector__card-title {
-  font-weight: 499;
+  font-weight: var(--wpds-typography-font-weight-emphasis, 600);
+}
+
+.block-editor-multi-selection-inspector__card-description {
+  color: #757575;
 }
 
 .block-editor-multi-selection-inspector__card .block-editor-block-icon {
@@ -3148,7 +3311,7 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-responsive-block-control__label {
-  font-weight: 600;
+  font-weight: var(--wpds-typography-font-weight-emphasis, 600);
   margin-bottom: 0.6em;
   margin-left: -3px;
 }
@@ -3227,7 +3390,7 @@ iframe[name=editor-canvas] {
 }
 .block-editor-skip-to-selected-block:focus {
   font-size: 14px;
-  font-weight: 600;
+  font-weight: var(--wpds-typography-font-weight-emphasis, 600);
   background: #f1f1f1;
   z-index: 100000;
 }
@@ -3425,6 +3588,11 @@ iframe[name=editor-canvas] {
   border-top: 1px solid #1e1e1e;
 }
 
+.block-editor-url-popover__link-container-content {
+  display: flex;
+  align-items: center;
+}
+
 .block-editor-url-popover__link-editor,
 .block-editor-url-popover__link-viewer {
   display: flex;
@@ -3473,10 +3641,7 @@ iframe[name=editor-canvas] {
 
 .block-editor-content-only-controls__link {
   width: 100%;
-  box-shadow: inset 0 0 0 1px #ccc;
-}
-.block-editor-content-only-controls__link:focus:not(:disabled) {
-  box-shadow: 0 0 0 currentColor inset, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  border-color: #ccc;
 }
 
 .block-editor-content-only-controls__link-row {
@@ -3492,12 +3657,9 @@ iframe[name=editor-canvas] {
 
 .block-editor-content-only-controls__media {
   width: 100%;
-  box-shadow: inset 0 0 0 1px #ccc;
+  border-color: #ccc;
   padding-right: 32px;
 }
-.block-editor-content-only-controls__media:focus:not(:disabled) {
-  box-shadow: 0 0 0 currentColor inset, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-}
 
 .block-editor-content-only-controls__media-replace-flow {
   display: block;
@@ -3569,7 +3731,7 @@ iframe[name=editor-canvas] {
   margin: 0;
   background: #fff;
   color: #1e1e1e;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   padding: 6px 8px;
   /* Fonts smaller than 16px causes mobile safari to zoom. */
   font-size: 16px;
@@ -3592,8 +3754,8 @@ iframe[name=editor-canvas] {
   }
 }
 .block-editor-content-only-controls__rich-text:focus {
-  border-color: var(--wp-admin-theme-color, #3858e9);
-  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color, #3858e9);
+  border-color: var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .block-editor-content-only-controls__rich-text::-moz-placeholder {
@@ -4005,7 +4167,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   background: none;
   border: none;
   padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   font-size: 13px;
   line-height: 0;
 }
@@ -4141,7 +4303,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   color: #757575;
   text-transform: uppercase;
   font-size: 11px;
-  font-weight: 499;
+  font-weight: var(--wpds-typography-font-weight-emphasis, 600);
 }
 
 .block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input {
@@ -4416,7 +4578,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 }
 
 .components-heading.block-editor-inserter__patterns-category-panel-title {
-  font-weight: 499;
+  font-weight: var(--wpds-typography-font-weight-emphasis, 600);
 }
 
 .block-editor-inserter__patterns-explore-button.components-button,
@@ -4466,21 +4628,21 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__media-panel .block-editor-inserter__no-results {
   flex-grow: 1;
 }
-.block-editor-inserter__media-panel .block-editor-inserter__media-panel-attach.components-button {
-  justify-content: center;
-  padding: 16px;
-}
-.block-editor-inserter__media-panel .block-editor-inserter__media-panel-attach {
+.block-editor-inserter__media-panel .block-editor-inserter__media-panel-footer {
   flex-shrink: 0;
-  margin-top: 16px;
-  margin-bottom: 16px;
+  padding-top: 16px;
+  padding-bottom: 16px;
 }
 @media (min-width: 782px) {
-  .block-editor-inserter__media-panel .block-editor-inserter__media-panel-attach {
-    margin-left: 24px;
-    margin-right: 24px;
+  .block-editor-inserter__media-panel .block-editor-inserter__media-panel-footer {
+    padding-left: 24px;
+    padding-right: 24px;
   }
 }
+.block-editor-inserter__media-panel .block-editor-inserter__media-panel-attach.components-button {
+  justify-content: center;
+  padding: 16px;
+}
 .block-editor-inserter__media-panel .block-editor-inserter__media-panel-results {
   display: flex;
   flex-direction: column;
@@ -4497,7 +4659,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
     animation: inserter-media-panel-pulse 1s ease-in-out infinite;
   }
 }
-.block-editor-inserter__media-panel.has-attach-footer .block-editor-inserter__media-list {
+.block-editor-inserter__media-panel.has-footer .block-editor-inserter__media-list {
   padding-bottom: 0;
 }
 
@@ -4721,7 +4883,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   align-items: start;
 }
 .block-editor-block-visibility-modal__options-checkbox--everywhere {
-  font-weight: 600;
+  font-weight: var(--wpds-typography-font-weight-emphasis, 600);
 }
 .block-editor-block-visibility-modal__options-icon--checked {
   fill: #ddd;

package/build-types/components/block-context/index.d.ts

@@ -1,6 +1,13 @@
 export type ReactNode = React.ReactNode;
 export type BlockContextProviderProps = {
+    /**
+     * Context value to merge with current
+     * value.
+     */
     value: Record<string, any>;
+    /**
+     * Component children.
+     */
     children: ReactNode;
 };
 /** @typedef {React.ReactNode} ReactNode */

package/build-types/components/block-context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/block-context/index.js"],"names":[],"mappings":"AAKI,YAA2B,SAAS,GAA1B,KAAK,CAAC,SAAS,CAAW;AAGrC,YAAS,yBAAyB,GAElC;IAA6B,KAAK,EAAvB,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CAE3B;IAA6B,QAAQ,EAA1B,SAAS,CACtB;CAAA,CAAA;AARD,2CAA2C;AAE3C;;;;;;GAMG;AAEH,8CAA8C;AAC9C,QAAA,MAAM,OAAO,EADF,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CACN,CAAC;AAGpC;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAF9C,yBAE8C,+BAQxD;eAEc,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/block-context/index.js"],"names":[],"mappings":"AAEI,YAA2B,SAAS,GAA1B,KAAK,CAAC,SAAS,CAAW;AAGrC,YAAS,yBAAyB,GAElC;;;;;IAA6B,KAAK,EAAvB,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CAE3B;;;;IAA6B,QAAQ,EAA1B,SAAS,CACtB;CAAA,CAAA;AARD,2CAA2C;AAE3C;;;;;;GAMG;AAEH,8CAA8C;AAC9C,QAAA,MAAM,OAAO,EADF,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CACN,CAAC;AAGpC;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAF9C,yBAE8C,+BAQxD;eAEc,OAAO"}

package/build-types/components/block-visibility/constants.d.ts

@@ -0,0 +1,44 @@
+/**
+ * The viewports for which block visibility can be controlled.
+ */
+export type BlockVisibilityViewport = 'desktop' | 'tablet' | 'mobile';
+/**
+ * The choices for the block visibility.
+ *
+ * Duplicated in packages/editor/src/components/preview-dropdown/index.js (choices array)
+ * and packages/edit-site/src/components/block-editor/use-viewport-sync.js
+ * (VALID_DEVICE_TYPES). Update all three when adding new viewport types.
+ *
+ * @todo create a single source of truth for the viewport types.
+ */
+export declare const BLOCK_VISIBILITY_VIEWPORTS: {
+    desktop: {
+        label: import("@wordpress/i18n").TransformedText<"Desktop">;
+        icon: import("react").JSX.Element;
+        key: "desktop";
+    };
+    tablet: {
+        label: import("@wordpress/i18n").TransformedText<"Tablet">;
+        icon: import("react").JSX.Element;
+        key: "tablet";
+    };
+    mobile: {
+        label: import("@wordpress/i18n").TransformedText<"Mobile">;
+        icon: import("react").JSX.Element;
+        key: "mobile";
+    };
+};
+export declare const BLOCK_VISIBILITY_VIEWPORT_ENTRIES: [string, {
+    label: import("@wordpress/i18n").TransformedText<"Desktop">;
+    icon: import("react").JSX.Element;
+    key: "desktop";
+} | {
+    label: import("@wordpress/i18n").TransformedText<"Tablet">;
+    icon: import("react").JSX.Element;
+    key: "tablet";
+} | {
+    label: import("@wordpress/i18n").TransformedText<"Mobile">;
+    icon: import("react").JSX.Element;
+    key: "mobile";
+}][];
+//# sourceMappingURL=constants.d.ts.map

package/build-types/components/block-visibility/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/block-visibility/constants.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtE;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;CAmBtC,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;;;;;;;;;;IAE7C,CAAC"}

package/build-types/components/block-visibility/use-block-visibility.d.ts

@@ -0,0 +1,35 @@
+import type { BlockVisibilityViewport } from './constants';
+/**
+ * Viewport breakpoints keyed by viewport. Desktop has no breakpoint: it
+ * applies above the largest configured one.
+ */
+type ViewportBreakpoints = Partial<Record<'mobile' | 'tablet', string>>;
+/**
+ * Block visibility metadata: `false` hides the block on all viewports,
+ * per-viewport `false` flags hide it on specific viewports.
+ */
+export type BlockVisibility = boolean | {
+    viewport?: Partial<Record<BlockVisibilityViewport, boolean>>;
+};
+type UseBlockVisibilityOptions = {
+    blockVisibility?: BlockVisibility;
+    deviceType?: BlockVisibilityViewport;
+    viewportSettings?: ViewportBreakpoints;
+    view?: Window;
+};
+/**
+ * Returns information about the current block visibility state.
+ *
+ * @param options                  Parameters to avoid extra store subscriptions.
+ * @param options.blockVisibility  Block visibility metadata.
+ * @param options.deviceType       Current device type.
+ * @param options.viewportSettings Viewport breakpoint settings.
+ * @param options.view             Window instance in which to perform viewport matching.
+ * @return Object with `isBlockCurrentlyHidden` and `currentViewport` properties.
+ */
+export default function useBlockVisibility({ blockVisibility, deviceType, viewportSettings, view, }?: UseBlockVisibilityOptions): {
+    isBlockCurrentlyHidden: boolean;
+    currentViewport: BlockVisibilityViewport;
+};
+export {};
+//# sourceMappingURL=use-block-visibility.d.ts.map

package/build-types/components/block-visibility/use-block-visibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-block-visibility.d.ts","sourceRoot":"","sources":["../../../src/components/block-visibility/use-block-visibility.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAG3D;;;GAGG;AACH,KAAK,mBAAmB,GAAG,OAAO,CAAE,MAAM,CAAE,QAAQ,GAAG,QAAQ,EAAE,MAAM,CAAE,CAAE,CAAC;AAE5E;;;GAGG;AACH,MAAM,MAAM,eAAe,GACxB,OAAO,GACP;IACA,QAAQ,CAAC,EAAE,OAAO,CAAE,MAAM,CAAE,uBAAuB,EAAE,OAAO,CAAE,CAAE,CAAC;CAChE,CAAC;AAQL,KAAK,yBAAyB,GAAG;IAChC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAE,EAC3C,eAAe,EACf,UAAsB,EACtB,gBAAgB,EAChB,IAAa,GACb,GAAE,yBAA8B,GAAI;IACpC,sBAAsB,EAAE,OAAO,CAAC;IAChC,eAAe,EAAE,uBAAuB,CAAC;CACzC,CAuCA"}

package/build-types/lock-unlock.d.ts

@@ -0,0 +1,2 @@
+export declare const lock: (object: unknown, privateData: unknown) => void, unlock: <T = any>(object: unknown) => T;
+//# sourceMappingURL=lock-unlock.d.ts.map