@wordpress/components 32.2.1-next.v.202602191100.0 → 32.2.1

package/build-style/style-rtl.css

@@ -167,186 +167,6 @@
   outline: 2px solid transparent;
 }
 
-.components-avatar {
-  display: inline-flex;
-  align-items: center;
-  border-radius: 9999px;
-  overflow: clip;
-  flex-shrink: 0;
-  background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
-}
-
-.components-avatar__image {
-  box-sizing: border-box;
-  position: relative;
-  width: 32px;
-  height: 32px;
-  border-radius: 9999px;
-  border: 0;
-  background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-  overflow: clip;
-  flex-shrink: 0;
-  font-size: 0;
-  color: #fff;
-}
-.is-small > .components-avatar__image {
-  width: 24px;
-  height: 24px;
-}
-.has-src > .components-avatar__image {
-  background-image: var(--components-avatar-url);
-  background-size: cover;
-  background-position: center;
-}
-.has-avatar-border-color > .components-avatar__image {
-  border: var(--wp-admin-border-width-focus) solid var(--components-avatar-outline-color);
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff;
-  background-clip: padding-box;
-}
-
-.components-avatar:not(.has-src) > .components-avatar__image {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 11px;
-  font-weight: 499;
-  border: 0;
-  box-shadow: none;
-  background-clip: border-box;
-}
-
-.components-avatar:not(.has-src).has-avatar-border-color > .components-avatar__image {
-  background-color: var(--components-avatar-outline-color);
-}
-
-.components-avatar__name {
-  font-size: 13px;
-  line-height: 20px;
-  color: #fff;
-  min-width: 0;
-  padding-bottom: 2px;
-  overflow: hidden;
-  opacity: 0;
-  white-space: nowrap;
-  transition: opacity 0.15s cubic-bezier(0.15, 0, 0.15, 1);
-}
-
-.components-avatar.has-badge {
-  display: inline-grid;
-  grid-template-columns: min-content 0fr;
-  column-gap: 0;
-  padding-inline-end: 0;
-  transition: grid-template-columns 0.3s cubic-bezier(0.15, 0, 0.15, 1), column-gap 0.3s cubic-bezier(0.15, 0, 0.15, 1), padding-inline-end 0.3s cubic-bezier(0.15, 0, 0.15, 1);
-}
-.components-avatar.has-badge:hover {
-  grid-template-columns: min-content 1fr;
-  column-gap: 4px;
-  padding-inline-end: 8px;
-  transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
-}
-.components-avatar.has-badge:hover .components-avatar__name {
-  opacity: 1;
-  transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
-}
-
-.components-avatar.has-badge.has-avatar-border-color {
-  background-color: var(--components-avatar-outline-color);
-}
-
-.components-avatar.has-status.has-src > .components-avatar__image {
-  background-image: none;
-}
-.components-avatar.has-status.has-src > .components-avatar__image::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  background-image: var(--components-avatar-url);
-  background-size: cover;
-  background-position: center;
-  mix-blend-mode: luminosity;
-  opacity: 0.3;
-}
-
-.components-avatar.has-status:not(.has-src) > .components-avatar__image {
-  color: rgba(255, 255, 255, 0.3);
-}
-
-.components-avatar.has-status.has-avatar-border-color > .components-avatar__image {
-  background-color: var(--components-avatar-outline-color);
-}
-
-.components-avatar__status-indicator {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1;
-  color: #fff;
-  fill: #fff;
-}
-.components-avatar__status-indicator svg {
-  width: 75%;
-  height: 75%;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .components-avatar.has-badge,
-  .components-avatar__name {
-    transition: none;
-  }
-}
-.components-avatar-group {
-  display: flex;
-  align-items: center;
-}
-.components-avatar-group > .components-avatar + .components-avatar {
-  margin-inline-start: -8px;
-}
-.components-avatar-group > .components-avatar {
-  position: relative;
-}
-.components-avatar-group > .components-avatar:nth-child(1) {
-  z-index: 10;
-}
-.components-avatar-group > .components-avatar:nth-child(2) {
-  z-index: 9;
-}
-.components-avatar-group > .components-avatar:nth-child(3) {
-  z-index: 8;
-}
-.components-avatar-group > .components-avatar:nth-child(4) {
-  z-index: 7;
-}
-.components-avatar-group > .components-avatar:nth-child(5) {
-  z-index: 6;
-}
-.components-avatar-group > .components-avatar:nth-child(6) {
-  z-index: 5;
-}
-.components-avatar-group > .components-avatar:nth-child(7) {
-  z-index: 4;
-}
-.components-avatar-group > .components-avatar:nth-child(8) {
-  z-index: 3;
-}
-.components-avatar-group > .components-avatar:nth-child(9) {
-  z-index: 2;
-}
-.components-avatar-group > .components-avatar:nth-child(10) {
-  z-index: 1;
-}
-
-.components-avatar-group__overflow {
-  margin-inline-start: 4px;
-  font-size: 12px;
-  line-height: 20px;
-  color: #1e1e1e;
-  white-space: nowrap;
-}
-
 .components-badge {
   box-sizing: border-box;
 }
@@ -471,9 +291,6 @@
 .components-button:focus:not(:active) {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
 }
-.components-button:focus {
-  outline: 3px solid transparent;
-}
 .components-button {
   /**
    * Primary button style.
@@ -644,6 +461,9 @@ p + .components-button.is-tertiary {
 .components-button.is-link:disabled, .components-button.is-link[aria-disabled=true] {
   color: #949494;
 }
+.components-button:focus {
+  outline: 3px solid transparent;
+}
 .components-button:not(:disabled, [aria-disabled=true]):active {
   color: var(--wp-components-color-foreground, #1e1e1e);
 }
@@ -2003,6 +1823,7 @@ body.is-dragging-components-draggable {
   flex: 1;
   font-family: inherit;
   font-size: 16px;
+  line-height: 1;
   width: 100%;
   max-width: 100%;
   margin-right: 4px;
@@ -2252,6 +2073,7 @@ body.is-dragging-components-draggable {
   outline-style: solid;
   outline-width: calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
   outline-offset: calc(2 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  box-shadow: inset 0 0 0 calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
   z-index: 1000000;
 }
 
@@ -2267,6 +2089,7 @@ body.is-dragging-components-draggable {
   outline-style: solid;
   outline-width: calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
   outline-offset: calc(2 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  box-shadow: inset 0 0 0 calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
   z-index: 1000000;
 }
 .is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header,
@@ -2278,6 +2101,7 @@ body.is-dragging-components-draggable {
   outline-style: solid;
   outline-width: calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
   outline-offset: calc(2 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  box-shadow: inset 0 0 0 calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
 }
 
 .components-menu-group + .components-menu-group {

package/build-style/style.css

@@ -167,186 +167,6 @@
   outline: 2px solid transparent;
 }
 
-.components-avatar {
-  display: inline-flex;
-  align-items: center;
-  border-radius: 9999px;
-  overflow: clip;
-  flex-shrink: 0;
-  background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
-}
-
-.components-avatar__image {
-  box-sizing: border-box;
-  position: relative;
-  width: 32px;
-  height: 32px;
-  border-radius: 9999px;
-  border: 0;
-  background-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-  overflow: clip;
-  flex-shrink: 0;
-  font-size: 0;
-  color: #fff;
-}
-.is-small > .components-avatar__image {
-  width: 24px;
-  height: 24px;
-}
-.has-src > .components-avatar__image {
-  background-image: var(--components-avatar-url);
-  background-size: cover;
-  background-position: center;
-}
-.has-avatar-border-color > .components-avatar__image {
-  border: var(--wp-admin-border-width-focus) solid var(--components-avatar-outline-color);
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff;
-  background-clip: padding-box;
-}
-
-.components-avatar:not(.has-src) > .components-avatar__image {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 11px;
-  font-weight: 499;
-  border: 0;
-  box-shadow: none;
-  background-clip: border-box;
-}
-
-.components-avatar:not(.has-src).has-avatar-border-color > .components-avatar__image {
-  background-color: var(--components-avatar-outline-color);
-}
-
-.components-avatar__name {
-  font-size: 13px;
-  line-height: 20px;
-  color: #fff;
-  min-width: 0;
-  padding-bottom: 2px;
-  overflow: hidden;
-  opacity: 0;
-  white-space: nowrap;
-  transition: opacity 0.15s cubic-bezier(0.15, 0, 0.15, 1);
-}
-
-.components-avatar.has-badge {
-  display: inline-grid;
-  grid-template-columns: min-content 0fr;
-  column-gap: 0;
-  padding-inline-end: 0;
-  transition: grid-template-columns 0.3s cubic-bezier(0.15, 0, 0.15, 1), column-gap 0.3s cubic-bezier(0.15, 0, 0.15, 1), padding-inline-end 0.3s cubic-bezier(0.15, 0, 0.15, 1);
-}
-.components-avatar.has-badge:hover {
-  grid-template-columns: min-content 1fr;
-  column-gap: 4px;
-  padding-inline-end: 8px;
-  transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
-}
-.components-avatar.has-badge:hover .components-avatar__name {
-  opacity: 1;
-  transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
-}
-
-.components-avatar.has-badge.has-avatar-border-color {
-  background-color: var(--components-avatar-outline-color);
-}
-
-.components-avatar.has-status.has-src > .components-avatar__image {
-  background-image: none;
-}
-.components-avatar.has-status.has-src > .components-avatar__image::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  background-image: var(--components-avatar-url);
-  background-size: cover;
-  background-position: center;
-  mix-blend-mode: luminosity;
-  opacity: 0.3;
-}
-
-.components-avatar.has-status:not(.has-src) > .components-avatar__image {
-  color: rgba(255, 255, 255, 0.3);
-}
-
-.components-avatar.has-status.has-avatar-border-color > .components-avatar__image {
-  background-color: var(--components-avatar-outline-color);
-}
-
-.components-avatar__status-indicator {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1;
-  color: #fff;
-  fill: #fff;
-}
-.components-avatar__status-indicator svg {
-  width: 75%;
-  height: 75%;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .components-avatar.has-badge,
-  .components-avatar__name {
-    transition: none;
-  }
-}
-.components-avatar-group {
-  display: flex;
-  align-items: center;
-}
-.components-avatar-group > .components-avatar + .components-avatar {
-  margin-inline-start: -8px;
-}
-.components-avatar-group > .components-avatar {
-  position: relative;
-}
-.components-avatar-group > .components-avatar:nth-child(1) {
-  z-index: 10;
-}
-.components-avatar-group > .components-avatar:nth-child(2) {
-  z-index: 9;
-}
-.components-avatar-group > .components-avatar:nth-child(3) {
-  z-index: 8;
-}
-.components-avatar-group > .components-avatar:nth-child(4) {
-  z-index: 7;
-}
-.components-avatar-group > .components-avatar:nth-child(5) {
-  z-index: 6;
-}
-.components-avatar-group > .components-avatar:nth-child(6) {
-  z-index: 5;
-}
-.components-avatar-group > .components-avatar:nth-child(7) {
-  z-index: 4;
-}
-.components-avatar-group > .components-avatar:nth-child(8) {
-  z-index: 3;
-}
-.components-avatar-group > .components-avatar:nth-child(9) {
-  z-index: 2;
-}
-.components-avatar-group > .components-avatar:nth-child(10) {
-  z-index: 1;
-}
-
-.components-avatar-group__overflow {
-  margin-inline-start: 4px;
-  font-size: 12px;
-  line-height: 20px;
-  color: #1e1e1e;
-  white-space: nowrap;
-}
-
 .components-badge {
   box-sizing: border-box;
 }
@@ -471,9 +291,6 @@
 .components-button:focus:not(:active) {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
 }
-.components-button:focus {
-  outline: 3px solid transparent;
-}
 .components-button {
   /**
    * Primary button style.
@@ -644,6 +461,9 @@ p + .components-button.is-tertiary {
 .components-button.is-link:disabled, .components-button.is-link[aria-disabled=true] {
   color: #949494;
 }
+.components-button:focus {
+  outline: 3px solid transparent;
+}
 .components-button:not(:disabled, [aria-disabled=true]):active {
   color: var(--wp-components-color-foreground, #1e1e1e);
 }
@@ -2008,6 +1828,7 @@ body.is-dragging-components-draggable {
   flex: 1;
   font-family: inherit;
   font-size: 16px;
+  line-height: 1;
   width: 100%;
   max-width: 100%;
   margin-left: 4px;
@@ -2257,6 +2078,7 @@ body.is-dragging-components-draggable {
   outline-style: solid;
   outline-width: calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
   outline-offset: calc(2 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  box-shadow: inset 0 0 0 calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
   z-index: 1000000;
 }
 
@@ -2272,6 +2094,7 @@ body.is-dragging-components-draggable {
   outline-style: solid;
   outline-width: calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
   outline-offset: calc(2 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  box-shadow: inset 0 0 0 calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
   z-index: 1000000;
 }
 .is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header,
@@ -2283,6 +2106,7 @@ body.is-dragging-components-draggable {
   outline-style: solid;
   outline-width: calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
   outline-offset: calc(2 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  box-shadow: inset 0 0 0 calc(2 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
 }
 
 .components-menu-group + .components-menu-group {

package/build-types/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { AlignmentMatrixControlIconProps, AlignmentMatrixControlCellProps } from '../types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Root: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<AlignmentMatrixControlIconProps, "disablePointerEvents">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Point: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<AlignmentMatrixControlCellProps, "isActive">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Cell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+//# sourceMappingURL=alignment-matrix-control-icon-styles.d.ts.map

package/build-types/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignment-matrix-control-icon-styles.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/styles/alignment-matrix-control-icon-styles.ts"],"names":[],"mappings":";AAcA,OAAO,KAAK,EACX,+BAA+B,EAC/B,+BAA+B,EAC/B,MAAM,UAAU,CAAC;AAsBlB,eAAO,MAAM,OAAO;;;yGAGnB,CAAC;AAEF,eAAO,MAAM,IAAI;;;yKAQhB,CAAC;AAiBF,eAAO,MAAM,KAAK;;;+JAKjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;2GAAW,CAAC"}

package/build-types/alignment-matrix-control/styles/alignment-matrix-control-styles.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import type { AlignmentMatrixControlProps, AlignmentMatrixControlCellProps } from '../types';
+export declare const rootBase: () => import("@emotion/utils").SerializedStyles;
+export declare const Root: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    size: AlignmentMatrixControlProps['width'];
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Row: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const pointBase: (props: Pick<AlignmentMatrixControlCellProps, 'isActive'>) => import("@emotion/utils").SerializedStyles;
+export declare const Point: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<AlignmentMatrixControlCellProps, "isActive">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Cell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+//# sourceMappingURL=alignment-matrix-control-styles.d.ts.map

package/build-types/alignment-matrix-control/styles/alignment-matrix-control-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignment-matrix-control-styles.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/styles/alignment-matrix-control-styles.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EACX,2BAA2B,EAC3B,+BAA+B,EAC/B,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,QAAQ,iDASpB,CAAC;AASF,eAAO,MAAM,IAAI;;;;UACV,2BAA2B,CAAE,OAAO,CAAE;yGAS5C,CAAC;AAEF,eAAO,MAAM,GAAG;;;yGAIf,CAAC;AAmBF,eAAO,MAAM,SAAS,UACd,KAAM,+BAA+B,EAAE,UAAU,CAAE,8CAY1D,CAAC;AAEF,eAAO,MAAM,KAAK;;;+JAIjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;2GAWhB,CAAC"}

package/build-types/angle-picker-control/styles/angle-picker-control-styles.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import type { AnglePickerControlProps } from '../types';
+export declare const Root: import("@emotion/styled").StyledComponent<import("../../flex/types").FlexProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../../flex/types").FlexProps> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & Pick<AnglePickerControlProps, "__nextHasNoMarginBottom">, {}, {}>;
+export declare const CircleRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CircleIndicatorWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CircleIndicator: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UnitText: import("@emotion/styled").StyledComponent<import("../../text/types").Props & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../../text/types").Props> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+//# sourceMappingURL=angle-picker-control-styles.d.ts.map

package/build-types/angle-picker-control/styles/angle-picker-control-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"angle-picker-control-styles.d.ts","sourceRoot":"","sources":["../../../src/angle-picker-control/styles/angle-picker-control-styles.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAexD,eAAO,MAAM,IAAI;;;;qEAEhB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAYtB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;yGASlC,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAW3B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;UAGpB,CAAC"}

package/build-types/autocomplete/get-autocomplete-match.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Internal dependencies
+ */
+import type { WPCompleter } from './types';
+type AutocompleteMatch = {
+    completer: WPCompleter;
+    filterValue: string;
+};
+type AutocompleteMatchOptions = {
+    matchCount: number;
+    isBackspacing: boolean;
+    getTextAfterSelection: () => string;
+    lastCompletion?: {
+        name: string;
+        value: string;
+    } | null;
+};
+export declare function getAutocompleteMatch(textContent: string, completers: WPCompleter[], options: AutocompleteMatchOptions): AutocompleteMatch | null;
+export {};
+//# sourceMappingURL=get-autocomplete-match.d.ts.map

package/build-types/autocomplete/get-autocomplete-match.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-autocomplete-match.d.ts","sourceRoot":"","sources":["../../src/autocomplete/get-autocomplete-match.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,KAAK,iBAAiB,GAAG;IACxB,SAAS,EAAE,WAAW,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,MAAM,MAAM,CAAC;IACpC,cAAc,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACxD,CAAC;AAEF,wBAAgB,oBAAoB,CACnC,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,WAAW,EAAE,EACzB,OAAO,EAAE,wBAAwB,GAC/B,iBAAiB,GAAG,IAAI,CA6G1B"}

package/build-types/autocomplete/index.d.ts

@@ -5,6 +5,14 @@ export declare function useAutocomplete({ record, onChange, onReplace, completer
     onKeyDown: (event: KeyboardEvent) => void;
     popover: false | import("react").JSX.Element;
 };
+/**
+ * Tracks the last record whose value differed from the current one.
+ * Used to determine whether the user has actually typed something
+ */
+export declare function useLastDifferentValue(value: UseAutocompleteProps['record']): import("@wordpress/rich-text").RichTextValue & {
+    start: NonNullable<import("@wordpress/rich-text").RichTextValue["start"]>;
+    end: NonNullable<import("@wordpress/rich-text").RichTextValue["end"]>;
+};
 export declare function useAutocompleteProps(options: UseAutocompleteProps): {
     ref: import("react").RefCallback<HTMLElement>;
     children?: undefined;

package/build-types/autocomplete/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EACX,iBAAiB,EAMjB,oBAAoB,EAEpB,MAAM,SAAS,CAAC;AAQjB,wBAAgB,eAAe,CAAE,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GACV,EAAE,oBAAoB;;;;;EAkVtB;AAeD,wBAAgB,oBAAoB,CAAE,OAAO,EAAE,oBAAoB;;;;;;;;;;;;EAuClE;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,UAAU,EACV,GAAG,OAAO,EACV,EAAE,iBAAiB,+BAQnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EACX,iBAAiB,EAMjB,oBAAoB,EAEpB,MAAM,SAAS,CAAC;AAQjB,wBAAgB,eAAe,CAAE,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GACV,EAAE,oBAAoB;;;;;EAkVtB;AAaD;;;GAGG;AACH,wBAAgB,qBAAqB,CACpC,KAAK,EAAE,oBAAoB,CAAE,QAAQ,CAAE;;;EAmBvC;AAED,wBAAgB,oBAAoB,CAAE,OAAO,EAAE,oBAAoB;;;;;;;;;;;;EAuClE;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,UAAU,EACV,GAAG,OAAO,EACV,EAAE,iBAAiB,+BAQnB"}

package/build-types/autocomplete/test/get-autocomplete-match.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=get-autocomplete-match.d.ts.map

package/build-types/autocomplete/test/get-autocomplete-match.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-autocomplete-match.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/test/get-autocomplete-match.ts"],"names":[],"mappings":""}

package/build-types/badge/stories/e2e/index.story.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import Badge from '../..';
+declare const meta: Meta<typeof Badge>;
+export default meta;
+type Story = StoryObj<typeof Badge>;
+export declare const TextOverflow: Story;
+//# sourceMappingURL=index.story.d.ts.map

package/build-types/badge/stories/e2e/index.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/badge/stories/e2e/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAG7B,CAAC;eACa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,KAAK,CAAE,CAAC;AAEtC,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC"}