@wordpress/dataviews 4.2.0 → 4.3.1-next.1f6eadc42.0

package/build-style/style-rtl.css

@@ -116,6 +116,8 @@
   container: dataviews-wrapper/inline-size;
   display: flex;
   flex-direction: column;
+  font-size: 13px;
+  line-height: 1.4;
 }
 
 .dataviews__view-actions,
@@ -217,53 +219,16 @@
     padding-left: 24px;
   }
 }
-.dataviews-bulk-actions__modal {
-  z-index: 1000001;
-}
-
-.dataviews-bulk-actions__edit-button.components-button {
-  flex-shrink: 0;
+.dataviews-bulk-actions-footer__item-count {
+  color: #1e1e1e;
+  font-weight: 500;
+  font-size: 11px;
+  text-transform: uppercase;
 }
 
-.dataviews-bulk-actions-toolbar {
-  position: sticky;
-  display: flex;
-  flex-direction: column;
-  align-content: center;
-  flex-wrap: wrap;
-  width: -moz-fit-content;
-  width: fit-content;
-  margin-right: auto;
+.dataviews-bulk-actions-footer__container {
   margin-left: auto;
-  bottom: 24px;
-  z-index: 2;
-}
-.dataviews-bulk-actions-toolbar .components-accessible-toolbar {
-  border-color: #ddd;
-  box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1);
-}
-.dataviews-bulk-actions-toolbar .components-accessible-toolbar .components-toolbar-group {
-  border-color: #e0e0e0;
-}
-.dataviews-bulk-actions-toolbar .components-accessible-toolbar .components-toolbar-group:last-child {
-  border: 0;
-}
-.dataviews-bulk-actions-toolbar .dataviews-bulk-actions-toolbar__selection-count {
-  display: flex;
-  align-items: center;
-  margin: 0 8px 0 8px;
-}
-
-.dataviews-bulk-actions-toolbar__wrapper {
-  display: flex;
-  flex-grow: 1;
-  width: 100%;
-}
-.dataviews-bulk-actions-toolbar__wrapper .components-toolbar-group {
-  align-items: center;
-}
-.dataviews-bulk-actions-toolbar__wrapper .components-button.is-busy {
-  max-height: 36px;
+  min-height: 32px;
 }
 
 .dataviews-filters__button {
@@ -281,11 +246,17 @@
   opacity: 1;
 }
 
+.dataviews-filters__summary-popover {
+  font-size: 13px;
+  line-height: 1.4;
+}
 .dataviews-filters__summary-popover .components-popover__content {
   width: 230px;
-  padding: 0;
   border-radius: 4px;
 }
+.dataviews-filters__summary-popover.components-dropdown__content .components-popover__content {
+  padding: 0;
+}
 
 .dataviews-filters__summary-operators-container {
   padding: 8px 8px 0;
@@ -316,6 +287,7 @@
   position: relative;
   display: flex;
   align-items: center;
+  box-sizing: border-box;
 }
 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset {
   padding-inline-end: 28px;
@@ -527,6 +499,7 @@
   font-size: 11px;
   outline: var(--wp-admin-border-width-focus) solid #fff;
   color: #fff;
+  box-sizing: border-box;
 }
 
 .dataviews-search {
@@ -534,7 +507,7 @@
   width: fit-content;
 }
 
-.dataviews-pagination {
+.dataviews-footer {
   position: sticky;
   bottom: 0;
   right: 0;
@@ -543,14 +516,37 @@
   border-top: 1px solid #f0f0f0;
   flex-shrink: 0;
   transition: padding ease-out 0.1s;
+  z-index: 2;
 }
 @media (prefers-reduced-motion: reduce) {
-  .dataviews-pagination {
+  .dataviews-footer {
     transition-duration: 0s;
     transition-delay: 0s;
   }
 }
 
+/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
+@container (max-width: 430px) {
+  .dataviews-footer {
+    padding: 12px 24px;
+  }
+}
+/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
+@container (max-width: 560px) {
+  .dataviews-footer {
+    flex-direction: column !important;
+  }
+  .dataviews-footer .dataviews-bulk-actions-footer__container {
+    width: 100%;
+  }
+  .dataviews-footer .dataviews-bulk-actions-footer__item-count {
+    flex-grow: 1;
+  }
+  .dataviews-footer .dataviews-pagination {
+    width: 100%;
+    justify-content: space-between;
+  }
+}
 .dataviews-pagination__page-select {
   font-size: 11px;
   font-weight: 500;
@@ -563,12 +559,6 @@
   }
 }
 
-/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
-@container (max-width: 430px) {
-  .dataviews-pagination {
-    padding: 12px 24px;
-  }
-}
 .dataviews-action-modal {
   z-index: 1000001;
 }
@@ -592,6 +582,8 @@
   /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
   container-type: inline-size;
   padding: 16px;
+  font-size: 13px;
+  line-height: 1.4;
 }
 
 .dataviews-view-config__sort-direction .components-toggle-group-control-option-base {
@@ -619,6 +611,10 @@
   grid-column: span 4;
 }
 
+.dataviews-settings-section:has(.dataviews-settings-section__content:empty) {
+  display: none;
+}
+
 /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
 @container (max-width: 500px) {
   .dataviews-settings-section.dataviews-settings-section {
@@ -631,6 +627,25 @@
     grid-column: span 2;
   }
 }
+.dataviews-field-control__field {
+  height: 32px;
+}
+
+.dataviews-field-control__actions {
+  position: absolute;
+  top: -9999em;
+}
+
+.dataviews-field-control__actions.dataviews-field-control__actions {
+  gap: 4px;
+}
+
+.dataviews-field-control__field:hover .dataviews-field-control__actions,
+.dataviews-field-control__field:focus-within .dataviews-field-control__actions {
+  position: unset;
+  top: unset;
+}
+
 .dataviews-view-grid {
   margin-bottom: auto;
   grid-template-rows: max-content;
@@ -780,6 +795,10 @@
   top: 8px;
 }
 
+ul.dataviews-view-list {
+  list-style-type: none;
+}
+
 .dataviews-view-list {
   margin: 0 0 auto;
 }
@@ -833,12 +852,13 @@
 .dataviews-view-list li:not(.is-selected) .dataviews-view-list__primary-field {
   color: #1e1e1e;
 }
-.dataviews-view-list li:not(.is-selected):hover, .dataviews-view-list li:not(.is-selected):focus-within {
+.dataviews-view-list li:not(.is-selected):hover, .dataviews-view-list li:not(.is-selected).is-hovered, .dataviews-view-list li:not(.is-selected):focus-within {
   color: var(--wp-admin-theme-color);
   background-color: #f8f8f8;
 }
 .dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__primary-field,
-.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__fields, .dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__primary-field,
+.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__fields, .dataviews-view-list li:not(.is-selected).is-hovered .dataviews-view-list__primary-field,
+.dataviews-view-list li:not(.is-selected).is-hovered .dataviews-view-list__fields, .dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__primary-field,
 .dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__fields {
   color: var(--wp-admin-theme-color);
 }
@@ -854,6 +874,7 @@
   color: var(--wp-admin-theme-color);
 }
 .dataviews-view-list .dataviews-view-list__item {
+  box-sizing: border-box;
   padding: 16px 24px;
   width: 100%;
   scroll-margin: 8px 0;
@@ -861,7 +882,7 @@
 .dataviews-view-list .dataviews-view-list__item:focus-visible::before {
   position: absolute;
   content: "";
-  top: calc(var(--wp-admin-border-width-focus) + 1px);
+  top: var(--wp-admin-border-width-focus);
   left: var(--wp-admin-border-width-focus);
   bottom: var(--wp-admin-border-width-focus);
   right: var(--wp-admin-border-width-focus);
@@ -898,8 +919,8 @@
   border-radius: 4px;
 }
 .dataviews-view-list .dataviews-view-list__media-placeholder {
-  min-width: 32px;
-  height: 32px;
+  width: 52px;
+  height: 52px;
   background-color: #e0e0e0;
 }
 .dataviews-view-list .dataviews-view-list__field-wrapper {
@@ -938,11 +959,6 @@
   color: #757575;
   margin-bottom: auto;
 }
-.dataviews-view-table a {
-  text-decoration: none;
-  color: #1e1e1e;
-  font-weight: 500;
-}
 .dataviews-view-table th {
   text-align: right;
   color: #1e1e1e;
@@ -1075,10 +1091,6 @@
   opacity: 1;
 }
 
-.dataviews-view-table__cell-content-wrapper:empty {
-  display: none;
-}
-
 /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
 @container (max-width: 430px) {
   .dataviews-view-table tr td:first-child,

package/build-style/style.css

@@ -116,6 +116,8 @@
   container: dataviews-wrapper/inline-size;
   display: flex;
   flex-direction: column;
+  font-size: 13px;
+  line-height: 1.4;
 }
 
 .dataviews__view-actions,
@@ -217,53 +219,16 @@
     padding-right: 24px;
   }
 }
-.dataviews-bulk-actions__modal {
-  z-index: 1000001;
-}
-
-.dataviews-bulk-actions__edit-button.components-button {
-  flex-shrink: 0;
+.dataviews-bulk-actions-footer__item-count {
+  color: #1e1e1e;
+  font-weight: 500;
+  font-size: 11px;
+  text-transform: uppercase;
 }
 
-.dataviews-bulk-actions-toolbar {
-  position: sticky;
-  display: flex;
-  flex-direction: column;
-  align-content: center;
-  flex-wrap: wrap;
-  width: -moz-fit-content;
-  width: fit-content;
-  margin-left: auto;
+.dataviews-bulk-actions-footer__container {
   margin-right: auto;
-  bottom: 24px;
-  z-index: 2;
-}
-.dataviews-bulk-actions-toolbar .components-accessible-toolbar {
-  border-color: #ddd;
-  box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1);
-}
-.dataviews-bulk-actions-toolbar .components-accessible-toolbar .components-toolbar-group {
-  border-color: #e0e0e0;
-}
-.dataviews-bulk-actions-toolbar .components-accessible-toolbar .components-toolbar-group:last-child {
-  border: 0;
-}
-.dataviews-bulk-actions-toolbar .dataviews-bulk-actions-toolbar__selection-count {
-  display: flex;
-  align-items: center;
-  margin: 0 8px 0 8px;
-}
-
-.dataviews-bulk-actions-toolbar__wrapper {
-  display: flex;
-  flex-grow: 1;
-  width: 100%;
-}
-.dataviews-bulk-actions-toolbar__wrapper .components-toolbar-group {
-  align-items: center;
-}
-.dataviews-bulk-actions-toolbar__wrapper .components-button.is-busy {
-  max-height: 36px;
+  min-height: 32px;
 }
 
 .dataviews-filters__button {
@@ -281,11 +246,17 @@
   opacity: 1;
 }
 
+.dataviews-filters__summary-popover {
+  font-size: 13px;
+  line-height: 1.4;
+}
 .dataviews-filters__summary-popover .components-popover__content {
   width: 230px;
-  padding: 0;
   border-radius: 4px;
 }
+.dataviews-filters__summary-popover.components-dropdown__content .components-popover__content {
+  padding: 0;
+}
 
 .dataviews-filters__summary-operators-container {
   padding: 8px 8px 0;
@@ -316,6 +287,7 @@
   position: relative;
   display: flex;
   align-items: center;
+  box-sizing: border-box;
 }
 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset {
   padding-inline-end: 28px;
@@ -527,6 +499,7 @@
   font-size: 11px;
   outline: var(--wp-admin-border-width-focus) solid #fff;
   color: #fff;
+  box-sizing: border-box;
 }
 
 .dataviews-search {
@@ -534,7 +507,7 @@
   width: fit-content;
 }
 
-.dataviews-pagination {
+.dataviews-footer {
   position: sticky;
   bottom: 0;
   left: 0;
@@ -543,14 +516,37 @@
   border-top: 1px solid #f0f0f0;
   flex-shrink: 0;
   transition: padding ease-out 0.1s;
+  z-index: 2;
 }
 @media (prefers-reduced-motion: reduce) {
-  .dataviews-pagination {
+  .dataviews-footer {
     transition-duration: 0s;
     transition-delay: 0s;
   }
 }
 
+/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
+@container (max-width: 430px) {
+  .dataviews-footer {
+    padding: 12px 24px;
+  }
+}
+/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
+@container (max-width: 560px) {
+  .dataviews-footer {
+    flex-direction: column !important;
+  }
+  .dataviews-footer .dataviews-bulk-actions-footer__container {
+    width: 100%;
+  }
+  .dataviews-footer .dataviews-bulk-actions-footer__item-count {
+    flex-grow: 1;
+  }
+  .dataviews-footer .dataviews-pagination {
+    width: 100%;
+    justify-content: space-between;
+  }
+}
 .dataviews-pagination__page-select {
   font-size: 11px;
   font-weight: 500;
@@ -563,12 +559,6 @@
   }
 }
 
-/* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
-@container (max-width: 430px) {
-  .dataviews-pagination {
-    padding: 12px 24px;
-  }
-}
 .dataviews-action-modal {
   z-index: 1000001;
 }
@@ -592,6 +582,8 @@
   /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
   container-type: inline-size;
   padding: 16px;
+  font-size: 13px;
+  line-height: 1.4;
 }
 
 .dataviews-view-config__sort-direction .components-toggle-group-control-option-base {
@@ -619,6 +611,10 @@
   grid-column: span 4;
 }
 
+.dataviews-settings-section:has(.dataviews-settings-section__content:empty) {
+  display: none;
+}
+
 /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
 @container (max-width: 500px) {
   .dataviews-settings-section.dataviews-settings-section {
@@ -631,6 +627,25 @@
     grid-column: span 2;
   }
 }
+.dataviews-field-control__field {
+  height: 32px;
+}
+
+.dataviews-field-control__actions {
+  position: absolute;
+  top: -9999em;
+}
+
+.dataviews-field-control__actions.dataviews-field-control__actions {
+  gap: 4px;
+}
+
+.dataviews-field-control__field:hover .dataviews-field-control__actions,
+.dataviews-field-control__field:focus-within .dataviews-field-control__actions {
+  position: unset;
+  top: unset;
+}
+
 .dataviews-view-grid {
   margin-bottom: auto;
   grid-template-rows: max-content;
@@ -780,6 +795,10 @@
   top: 8px;
 }
 
+ul.dataviews-view-list {
+  list-style-type: none;
+}
+
 .dataviews-view-list {
   margin: 0 0 auto;
 }
@@ -833,12 +852,13 @@
 .dataviews-view-list li:not(.is-selected) .dataviews-view-list__primary-field {
   color: #1e1e1e;
 }
-.dataviews-view-list li:not(.is-selected):hover, .dataviews-view-list li:not(.is-selected):focus-within {
+.dataviews-view-list li:not(.is-selected):hover, .dataviews-view-list li:not(.is-selected).is-hovered, .dataviews-view-list li:not(.is-selected):focus-within {
   color: var(--wp-admin-theme-color);
   background-color: #f8f8f8;
 }
 .dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__primary-field,
-.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__fields, .dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__primary-field,
+.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__fields, .dataviews-view-list li:not(.is-selected).is-hovered .dataviews-view-list__primary-field,
+.dataviews-view-list li:not(.is-selected).is-hovered .dataviews-view-list__fields, .dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__primary-field,
 .dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__fields {
   color: var(--wp-admin-theme-color);
 }
@@ -854,6 +874,7 @@
   color: var(--wp-admin-theme-color);
 }
 .dataviews-view-list .dataviews-view-list__item {
+  box-sizing: border-box;
   padding: 16px 24px;
   width: 100%;
   scroll-margin: 8px 0;
@@ -861,7 +882,7 @@
 .dataviews-view-list .dataviews-view-list__item:focus-visible::before {
   position: absolute;
   content: "";
-  top: calc(var(--wp-admin-border-width-focus) + 1px);
+  top: var(--wp-admin-border-width-focus);
   right: var(--wp-admin-border-width-focus);
   bottom: var(--wp-admin-border-width-focus);
   left: var(--wp-admin-border-width-focus);
@@ -898,8 +919,8 @@
   border-radius: 4px;
 }
 .dataviews-view-list .dataviews-view-list__media-placeholder {
-  min-width: 32px;
-  height: 32px;
+  width: 52px;
+  height: 52px;
   background-color: #e0e0e0;
 }
 .dataviews-view-list .dataviews-view-list__field-wrapper {
@@ -938,11 +959,6 @@
   color: #757575;
   margin-bottom: auto;
 }
-.dataviews-view-table a {
-  text-decoration: none;
-  color: #1e1e1e;
-  font-weight: 500;
-}
 .dataviews-view-table th {
   text-align: left;
   color: #1e1e1e;
@@ -1075,10 +1091,6 @@
   opacity: 1;
 }
 
-.dataviews-view-table__cell-content-wrapper:empty {
-  display: none;
-}
-
 /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
 @container (max-width: 430px) {
   .dataviews-view-table tr td:first-child,

package/build-types/components/dataviews/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAwBvC,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGzE,KAAK,UAAU,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjC,KAAK,cAAc,CAAE,IAAI,IAAK;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,CAAC;IAC3B,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,cAAc,EAAE,gBAAgB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,EAAE,KAAM,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,SAAS,CAAC;CACnB,GAAG,CAAE,IAAI,SAAS,UAAU,GAC1B;IAAE,SAAS,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAA;CAAE,GACxC;IAAE,SAAS,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAA;CAAE,CAAE,CAAC;AAI7C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,IAAI,EAAI,EAC1C,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,MAAa,EACb,WAAuB,EACvB,OAAY,EACZ,IAAI,EACJ,SAA4B,EAC5B,SAAiB,EACjB,cAAc,EACd,cAAc,EACd,SAAS,EAAE,iBAAiB,EAC5B,iBAAiB,EACjB,MAAM,GACN,EAAE,cAAc,CAAE,IAAI,CAAE,+BA0FxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataviews/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBvC,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGzE,KAAK,UAAU,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjC,KAAK,cAAc,CAAE,IAAI,IAAK;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,IAAI,CAAC;IACrC,MAAM,EAAE,KAAK,CAAE,IAAI,CAAE,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAE,IAAI,CAAE,EAAE,CAAC;IAC3B,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,cAAc,EAAE,gBAAgB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,EAAE,KAAM,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,SAAS,CAAC;CACnB,GAAG,CAAE,IAAI,SAAS,UAAU,GAC1B;IAAE,SAAS,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAA;CAAE,GACxC;IAAE,SAAS,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,MAAM,CAAA;CAAE,CAAE,CAAC;AAI7C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,IAAI,EAAI,EAC1C,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,MAAa,EACb,WAAuB,EACvB,OAAY,EACZ,IAAI,EACJ,SAA4B,EAC5B,SAAiB,EACjB,cAAc,EACd,cAAc,EACd,SAAS,EAAE,iBAAiB,EAC5B,iBAAiB,EACjB,MAAM,GACN,EAAE,cAAc,CAAE,IAAI,CAAE,+BAwFxB"}