@wordpress/components 25.8.2 → 25.9.0

package/build-types/unit-control/types.d.ts

@@ -5,9 +5,9 @@ import type { FocusEventHandler } from 'react';
 /**
  * Internal dependencies
  */
-import type { InputChangeCallback, InputControlProps, Size as InputSize } from '../input-control/types';
+import type { InputChangeCallback, InputControlProps } from '../input-control/types';
 import type { NumberControlProps } from '../number-control/types';
-export type SelectSize = InputSize;
+export type SelectSize = 'default' | 'small';
 export type WPUnitControlUnit = {
     /**
      * The value for the unit, used in a CSS value (e.g `px`).
@@ -33,7 +33,7 @@ export type WPUnitControlUnit = {
 export type UnitControlOnChangeCallback = InputChangeCallback<{
     data?: WPUnitControlUnit;
 }>;
-export type UnitSelectControlProps = Pick<InputControlProps, 'size'> & {
+export type UnitSelectControlProps = {
     /**
      * Whether the control can be focused via keyboard navigation.
      *
@@ -44,6 +44,10 @@ export type UnitSelectControlProps = Pick<InputControlProps, 'size'> & {
      * A callback function invoked when the value is changed.
      */
     onChange?: UnitControlOnChangeCallback;
+    /**
+     * The size of the unit select.
+     */
+    size?: SelectSize;
     /**
      * Current unit.
      */
@@ -55,7 +59,7 @@ export type UnitSelectControlProps = Pick<InputControlProps, 'size'> & {
      */
     units?: WPUnitControlUnit[];
 };
-export type UnitControlProps = Omit<UnitSelectControlProps, 'unit'> & Omit<NumberControlProps, 'spinControls' | 'suffix' | 'type'> & {
+export type UnitControlProps = Pick<InputControlProps, 'size'> & Omit<UnitSelectControlProps, 'size' | 'unit'> & Omit<NumberControlProps, 'spinControls' | 'suffix' | 'type'> & {
     /**
      * If `true`, the unit `<select>` is hidden.
      *

package/build-types/unit-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/unit-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C;;GAEG;AACH,OAAO,KAAK,EACX,mBAAmB,EACnB,iBAAiB,EACjB,IAAI,IAAI,SAAS,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,MAAM,MAAM,UAAU,GAAG,SAAS,CAAC;AAEnC,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,mBAAmB,CAAE;IAC9D,IAAI,CAAC,EAAE,iBAAiB,CAAC;CACzB,CAAE,CAAC;AAEJ,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAE,iBAAiB,EAAE,MAAM,CAAE,GAAG;IACxE;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAE,sBAAsB,EAAE,MAAM,CAAE,GACpE,IAAI,CAAE,kBAAkB,EAAE,cAAc,GAAG,QAAQ,GAAG,MAAM,CAAE,GAAG;IAChE;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAE,gBAAgB,GAAG,iBAAiB,CAAE,CAAC;IACnE;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAE,gBAAgB,GAAG,iBAAiB,CAAE,CAAC;CACpE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/unit-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C;;GAEG;AACH,OAAO,KAAK,EACX,mBAAmB,EACnB,iBAAiB,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAE7C,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,mBAAmB,CAAE;IAC9D,IAAI,CAAC,EAAE,iBAAiB,CAAC;CACzB,CAAE,CAAC;AAEJ,MAAM,MAAM,sBAAsB,GAAG;IACpC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,2BAA2B,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAE,iBAAiB,EAAE,MAAM,CAAE,GAC/D,IAAI,CAAE,sBAAsB,EAAE,MAAM,GAAG,MAAM,CAAE,GAC/C,IAAI,CAAE,kBAAkB,EAAE,cAAc,GAAG,QAAQ,GAAG,MAAM,CAAE,GAAG;IAChE;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,2BAA2B,CAAC;IAC3C;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAE,gBAAgB,GAAG,iBAAiB,CAAE,CAAC;IACnE;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAE,gBAAgB,GAAG,iBAAiB,CAAE,CAAC;CACpE,CAAC"}

package/build-types/unit-control/unit-select-control.d.ts

@@ -1,9 +1,5 @@
 /// <reference types="react" />
-declare const _default: import("react").ForwardRefExoticComponent<Pick<import("../input-control/types").InputControlProps, "size"> & {
-    isUnitSelectTabbable?: boolean | undefined;
-    onChange?: import("./types").UnitControlOnChangeCallback | undefined;
-    unit?: string | undefined;
-    units?: import("./types").WPUnitControlUnit[] | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "key" | keyof import("react").SelectHTMLAttributes<HTMLSelectElement>>, "children" | "onChange" | "size" | "as" | "unit" | "isUnitSelectTabbable" | "units"> & import("react").RefAttributes<any>>;
+import type { UnitSelectControlProps } from './types';
+declare const _default: import("react").ForwardRefExoticComponent<UnitSelectControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "key" | keyof import("react").SelectHTMLAttributes<HTMLSelectElement>>, "children" | "as" | keyof UnitSelectControlProps> & import("react").RefAttributes<any>>;
 export default _default;
 //# sourceMappingURL=unit-select-control.d.ts.map

package/build-types/unit-control/unit-select-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unit-select-control.d.ts","sourceRoot":"","sources":["../../src/unit-control/unit-select-control.tsx"],"names":[],"mappings":";;;;;;;AAqEA,wBAA+C"}
+{"version":3,"file":"unit-select-control.d.ts","sourceRoot":"","sources":["../../src/unit-control/unit-select-control.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;;AAoDtD,wBAA+C"}

package/build-types/utils/colors.d.ts

@@ -10,4 +10,20 @@
  * // rgba(0, 0, 0, 0.5)
  */
 export function rgba(hexValue?: string, alpha?: number): string;
+/**
+ * Get the text shade optimized for readability, based on a background color.
+ *
+ * @param {string | unknown} backgroundColor The background color.
+ *
+ * @return {string} The optimized text color (black or white).
+ */
+export function getOptimalTextColor(backgroundColor: string | unknown): string;
+/**
+ * Get the text shade optimized for readability, based on a background color.
+ *
+ * @param {string | unknown} backgroundColor The background color.
+ *
+ * @return {string} The optimized text shade (dark or light).
+ */
+export function getOptimalTextShade(backgroundColor: string | unknown): string;
 //# sourceMappingURL=colors.d.ts.map

package/build-types/utils/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/utils/colors.js"],"names":[],"mappings":"AAQA;;;;;;;;;;GAUG;AACH,gCARW,MAAM,UACN,MAAM,GACL,MAAM,CAQjB"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/utils/colors.js"],"names":[],"mappings":"AAYA;;;;;;;;;;GAUG;AACH,gCARW,MAAM,UACN,MAAM,GACL,MAAM,CAQjB;AA+DD;;;;;;GAMG;AACH,qDAJW,MAAM,GAAG,OAAO,GAEf,MAAM,CAMjB;AAED;;;;;;GAMG;AACH,qDAJW,MAAM,GAAG,OAAO,GAEf,MAAM,CAMjB"}

package/build-types/utils/font-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-size.d.ts","sourceRoot":"","sources":["../../src/utils/font-size.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOtD,MAAM,MAAM,WAAW,GACpB,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,CAAC;AAEP,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,iBAAiB;;;;;;;CAO7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,eAG5B,CAAC;AAEJ,wBAAgB,WAAW,CAC1B,IAAI,GACD,aAAa,CAAE,UAAU,CAAE,GAC3B,MAAM,OAAO,iBAAkC,GAChD,MAAM,CAeR;AAED,wBAAgB,kBAAkB,CAAE,IAAI,GAAE,SAAa,GAAI,MAAM,CAOhE"}

package/build-types/utils/get-valid-children.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-valid-children.d.ts","sourceRoot":"","sources":["../../src/utils/get-valid-children.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAO/E;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC/B,QAAQ,EAAE,SAAS,GACjB,KAAK,CAAE,UAAU,GAAG,aAAa,GAAG,WAAW,CAAE,CAMnD"}

package/build-types/utils/space.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"space.d.ts","sourceRoot":"","sources":["../../src/utils/space.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAIzC;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAE,KAAK,CAAC,EAAE,UAAU,GAAI,MAAM,GAAG,SAAS,CAsB9D"}

package/build-types/utils/types.d.ts

@@ -1,14 +1,2 @@
-export type SizeRangeDefault = 'xLarge' | 'large' | 'medium' | 'small' | 'xSmall';
-export type SizeRangeReduced = 'large' | 'medium' | 'small';
-export type PopperPlacement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
-export type PopperProps = {
-    /**
-     * Position of the popover element.
-     *
-     * @default 'auto'
-     *
-     * @see https://popper.js.org/docs/v1/#popperplacements--codeenumcode
-     */
-    placement?: PopperPlacement;
-};
+export type ResponsiveCSSValue<T> = Array<T | undefined> | T;
 //# sourceMappingURL=types.d.ts.map

package/build-types/utils/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GACzB,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAEZ,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,MAAM,MAAM,eAAe,GACxB,MAAM,GACN,YAAY,GACZ,UAAU,GACV,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEd,MAAM,MAAM,WAAW,GAAG;IACzB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,CAAE,CAAC,IAAK,KAAK,CAAE,CAAC,GAAG,SAAS,CAAE,GAAG,CAAC,CAAC"}

package/build-types/utils/use-deprecated-props.d.ts

@@ -3,7 +3,9 @@ export declare function useDeprecated36pxDefaultSizeProp<P extends Record<string
     __next40pxDefaultSize?: boolean;
 }>(props: P, 
 /** The component identifier in dot notation, e.g. `wp.components.ComponentName`. */
-componentIdentifier: string): Omit<P, "__next36pxDefaultSize" | "__next40pxDefaultSize"> & {
+componentIdentifier: string, 
+/** Version in which the prop was deprecated. */
+since?: string): Omit<P, "__next36pxDefaultSize" | "__next40pxDefaultSize"> & {
     __next40pxDefaultSize: boolean | undefined;
 };
 //# sourceMappingURL=use-deprecated-props.d.ts.map

package/build-types/utils/use-deprecated-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-deprecated-props.d.ts","sourceRoot":"","sources":["../../src/utils/use-deprecated-props.ts"],"names":[],"mappings":"AAKA,wBAAgB,gCAAgC,CAC/C,CAAC,SAAS,MAAM,CAAE,MAAM,EAAE,GAAG,CAAE,GAAG;IACjC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,EAED,KAAK,EAAE,CAAC;AACR,oFAAoF;AACpF,mBAAmB,EAAE,MAAM;;EAe3B"}
+{"version":3,"file":"use-deprecated-props.d.ts","sourceRoot":"","sources":["../../src/utils/use-deprecated-props.ts"],"names":[],"mappings":"AAKA,wBAAgB,gCAAgC,CAC/C,CAAC,SAAS,MAAM,CAAE,MAAM,EAAE,GAAG,CAAE,GAAG;IACjC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,EAED,KAAK,EAAE,CAAC;AACR,oFAAoF;AACpF,mBAAmB,EAAE,MAAM;AAC3B,gDAAgD;AAChD,KAAK,GAAE,MAAc;;EAerB"}

package/build-types/utils/use-responsive-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-responsive-value.d.ts","sourceRoot":"","sources":["../../src/utils/use-responsive-value.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,kBAAkB,aACrB;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,WA6ClC,CAAC;AAEF,wBAAgB,kBAAkB,CAAE,CAAC,EACpC,MAAM,EAAE,CAAE,CAAC,GAAG,SAAS,CAAE,EAAE,EAC3B,OAAO,GAAE,UAAU,CAAE,OAAO,kBAAkB,CAAE,CAAE,CAAC,CAAO,GACxD,CAAC,GAAG,SAAS,CAcf"}

package/build-types/v-stack/component.d.ts

@@ -22,7 +22,7 @@
  * }
  * ```
  */
-export declare const VStack: import("../ui/context").WordPressComponent<"div", Omit<import("../h-stack/types").Props, "spacing" | "alignment"> & {
+export declare const VStack: import("../context").WordPressComponent<"div", Omit<import("../h-stack/types").Props, "spacing" | "alignment"> & {
     alignment?: "top" | "bottom" | "left" | "center" | "right" | "start" | "end" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "baseline" | "stretch" | "flex-end" | "flex-start" | "self-end" | "self-start" | "edge" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
     spacing?: import("csstype").Property.Width<string | number> | undefined;
 } & import("react").RefAttributes<any>, true>;

package/build-types/v-stack/hook.d.ts

@@ -2,7 +2,7 @@
 /**
  * Internal dependencies
  */
-import type { WordPressComponentProps } from '../ui/context';
+import type { WordPressComponentProps } from '../context';
 import type { VStackProps } from './types';
 export declare function useVStack(props: WordPressComponentProps<VStackProps, 'div'>): {
     className: string;

package/build-types/v-stack/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/v-stack/hook.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAG7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,SAAS,CACxB,KAAK,EAAE,uBAAuB,CAAE,WAAW,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBpD"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/v-stack/hook.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAG1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,SAAS,CACxB,KAAK,EAAE,uBAAuB,CAAE,WAAW,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBpD"}

package/build-types/view/component.d.ts

@@ -2,7 +2,7 @@ import type { RefAttributes } from 'react';
 /**
  * Internal dependencies
  */
-import type { WordPressComponent } from '../ui/context/wordpress-component';
+import type { WordPressComponent } from '../context/wordpress-component';
 import type { ViewProps } from './types';
 /**
  * `View` is a core component that renders everything in the library.

package/build-types/view/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/view/component.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,IAAI,EAAE,kBAAkB,CACpC,KAAK,EACL,SAAS,GAAG,aAAa,CAAE,GAAG,CAAE,EAChC,IAAI,CACW,CAAC;AAKjB,eAAe,IAAI,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/view/component.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,IAAI,EAAE,kBAAkB,CACpC,KAAK,EACL,SAAS,GAAG,aAAa,CAAE,GAAG,CAAE,EAChC,IAAI,CACW,CAAC;AAKjB,eAAe,IAAI,CAAC"}

package/build-types/visually-hidden/component.d.ts

@@ -16,6 +16,6 @@ import type { VisuallyHiddenProps } from './types';
  * }
  * ```
  */
-export declare const VisuallyHidden: import("../ui/context").WordPressComponent<"div", VisuallyHiddenProps & import("react").RefAttributes<any>, true>;
+export declare const VisuallyHidden: import("../context").WordPressComponent<"div", VisuallyHiddenProps & import("react").RefAttributes<any>, true>;
 export default VisuallyHidden;
 //# sourceMappingURL=component.d.ts.map

package/build-types/visually-hidden/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/visually-hidden/component.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAmBnD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc,mHAG1B,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/visually-hidden/component.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAmBnD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,cAAc,gHAG1B,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/build-types/z-stack/component.d.ts

@@ -17,6 +17,6 @@ import type { ZStackProps } from './types';
  * }
  * ```
  */
-export declare const ZStack: import("../ui/context").WordPressComponent<"div", ZStackProps & import("react").RefAttributes<any>, true>;
+export declare const ZStack: import("../context").WordPressComponent<"div", ZStackProps & import("react").RefAttributes<any>, true>;
 export default ZStack;
 //# sourceMappingURL=component.d.ts.map

package/build-types/z-stack/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/z-stack/component.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAkD3C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM,2GAAgD,CAAC;AAEpE,eAAe,MAAM,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/z-stack/component.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAkD3C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM,wGAAgD,CAAC;AAEpE,eAAe,MAAM,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/components",
-	"version": "25.8.2",
+	"version": "25.9.0",
 	"description": "UI components for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -30,7 +30,7 @@
 	],
 	"types": "build-types",
 	"dependencies": {
-		"@ariakit/react": "^0.2.12",
+		"@ariakit/react": "^0.3.3",
 		"@babel/runtime": "^7.16.0",
 		"@emotion/cache": "^11.7.1",
 		"@emotion/css": "^11.7.1",
@@ -40,24 +40,26 @@
 		"@emotion/utils": "^1.0.0",
 		"@floating-ui/react-dom": "^2.0.1",
 		"@radix-ui/react-dropdown-menu": "2.0.4",
+		"@types/gradient-parser": "0.1.3",
+		"@types/highlight-words-core": "1.2.1",
 		"@use-gesture/react": "^10.2.24",
-		"@wordpress/a11y": "^3.42.2",
-		"@wordpress/compose": "^6.19.2",
-		"@wordpress/date": "^4.42.2",
-		"@wordpress/deprecated": "^3.42.2",
-		"@wordpress/dom": "^3.42.2",
-		"@wordpress/element": "^5.19.2",
-		"@wordpress/escape-html": "^2.42.2",
-		"@wordpress/hooks": "^3.42.2",
-		"@wordpress/html-entities": "^3.42.2",
-		"@wordpress/i18n": "^4.42.2",
-		"@wordpress/icons": "^9.33.2",
-		"@wordpress/is-shallow-equal": "^4.42.2",
-		"@wordpress/keycodes": "^3.42.2",
-		"@wordpress/primitives": "^3.40.2",
-		"@wordpress/private-apis": "^0.24.2",
-		"@wordpress/rich-text": "^6.19.2",
-		"@wordpress/warning": "^2.42.2",
+		"@wordpress/a11y": "^3.43.0",
+		"@wordpress/compose": "^6.20.0",
+		"@wordpress/date": "^4.43.0",
+		"@wordpress/deprecated": "^3.43.0",
+		"@wordpress/dom": "^3.43.0",
+		"@wordpress/element": "^5.20.0",
+		"@wordpress/escape-html": "^2.43.0",
+		"@wordpress/hooks": "^3.43.0",
+		"@wordpress/html-entities": "^3.43.0",
+		"@wordpress/i18n": "^4.43.0",
+		"@wordpress/icons": "^9.34.0",
+		"@wordpress/is-shallow-equal": "^4.43.0",
+		"@wordpress/keycodes": "^3.43.0",
+		"@wordpress/primitives": "^3.41.0",
+		"@wordpress/private-apis": "^0.25.0",
+		"@wordpress/rich-text": "^6.20.0",
+		"@wordpress/warning": "^2.43.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -87,5 +89,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "5d2e3d07cc97af8090fc32c1e5d5013a2967e752"
+	"gitHead": "9b8e598c5418d38fe72197c24ef1d3dd6c712151"
 }

package/src/alignment-matrix-control/README.md

@@ -9,8 +9,8 @@ AlignmentMatrixControl components enable adjustments to horizontal and vertical
 ## Usage
 
 ```jsx
+import { useState } from 'react';
 import { __experimentalAlignmentMatrixControl as AlignmentMatrixControl } from '@wordpress/components';
-import { useState } from '@wordpress/element';
 
 const Example = () => {
 	const [ alignment, setAlignment ] = useState( 'center center' );

package/src/alignment-matrix-control/cell.tsx

@@ -14,7 +14,7 @@ import {
 	Point,
 } from './styles/alignment-matrix-control-styles';
 import type { AlignmentMatrixControlCellProps } from './types';
-import type { WordPressComponentProps } from '../ui/context';
+import type { WordPressComponentProps } from '../context';
 
 export default function Cell( {
 	isActive = false,

package/src/alignment-matrix-control/icon.tsx

@@ -13,7 +13,7 @@ import {
 	Point,
 } from './styles/alignment-matrix-control-icon-styles';
 import type { AlignmentMatrixControlIconProps } from './types';
-import type { WordPressComponentProps } from '../ui/context';
+import type { WordPressComponentProps } from '../context';
 
 const BASE_SIZE = 24;
 

package/src/alignment-matrix-control/index.tsx

@@ -18,7 +18,7 @@ import { Composite, CompositeGroup, useCompositeState } from '../composite';
 import { Root, Row } from './styles/alignment-matrix-control-styles';
 import AlignmentMatrixControlIcon from './icon';
 import { GRID, getItemId } from './utils';
-import type { WordPressComponentProps } from '../ui/context';
+import type { WordPressComponentProps } from '../context';
 import type {
 	AlignmentMatrixControlProps,
 	AlignmentMatrixControlValue,

package/src/angle-picker-control/README.md

@@ -6,7 +6,7 @@ Users can choose an angle in a visual UI with the mouse by dragging an angle ind
 ## Usage
 
 ```jsx
-import { useState } from '@wordpress/element';
+import { useState } from 'react';
 import { AnglePickerControl } from '@wordpress/components';
 
 function Example() {

package/src/angle-picker-control/angle-circle.tsx

@@ -13,7 +13,7 @@ import {
 	CircleIndicator,
 } from './styles/angle-picker-control-styles';
 
-import type { WordPressComponentProps } from '../ui/context';
+import type { WordPressComponentProps } from '../context';
 import type { AngleCircleProps } from './types';
 
 type UseDraggingArgumentType = Parameters< typeof useDragging >[ 0 ];

package/src/angle-picker-control/index.tsx

@@ -20,7 +20,7 @@ import NumberControl from '../number-control';
 import AngleCircle from './angle-circle';
 import { Root, UnitText } from './styles/angle-picker-control-styles';
 
-import type { WordPressComponentProps } from '../ui/context';
+import type { WordPressComponentProps } from '../context';
 import type { AnglePickerControlProps } from './types';
 
 function UnforwardedAnglePickerControl(

package/src/angle-picker-control/styles/angle-picker-control-styles.tsx

@@ -9,7 +9,7 @@ import styled from '@emotion/styled';
  */
 import { Flex } from '../../flex';
 import { COLORS } from '../../utils';
-import { space } from '../../ui/utils/space';
+import { space } from '../../utils/space';
 import { Text } from '../../text';
 import CONFIG from '../../utils/config-values';
 

package/src/autocomplete/types.ts

@@ -1,7 +1,11 @@
+/**
+ * External dependencies
+ */
+import type { ReactElement } from 'react';
+
 /**
  * WordPress dependencies
  */
-import type { WPElement } from '@wordpress/element';
 import type { RichTextValue } from '@wordpress/rich-text';
 
 /**
@@ -20,7 +24,7 @@ export type ReplaceOption = { action: 'replace'; value: RichTextValue };
 
 export type OptionCompletion = React.ReactNode | InsertOption | ReplaceOption;
 
-type OptionLabel = string | WPElement | Array< string | WPElement >;
+type OptionLabel = string | ReactElement | Array< string | ReactElement >;
 export type KeyedOption = {
 	key: string;
 	value: any;

package/src/base-control/index.tsx

@@ -15,7 +15,7 @@ import {
 	StyledHelp,
 	StyledVisualLabel,
 } from './styles/base-control-styles';
-import type { WordPressComponentProps } from '../ui/context';
+import type { WordPressComponentProps } from '../context';
 
 export { useBaseControlProps } from './hooks';
 

package/src/base-control/styles/base-control-styles.ts

@@ -8,7 +8,7 @@ import { css } from '@emotion/react';
  * Internal dependencies
  */
 import { baseLabelTypography, boxSizingReset, font, COLORS } from '../../utils';
-import { space } from '../../ui/utils/space';
+import { space } from '../../utils/space';
 
 export const Wrapper = styled.div`
 	font-family: ${ font( 'default.fontFamily' ) };

package/src/border-box-control/border-box-control/README.md

@@ -27,9 +27,9 @@ show "Mixed" placeholder text.
 ## Usage
 
 ```jsx
+import { useState } from 'react';
 import { __experimentalBorderBoxControl as BorderBoxControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
-import { useState } from '@wordpress/element';
 
 const colors = [
 	{ name: 'Blue 20', color: '#72aee6' },

package/src/border-box-control/border-box-control/component.tsx

@@ -14,8 +14,8 @@ import { BorderControl } from '../../border-control';
 import { StyledLabel } from '../../base-control/styles/base-control-styles';
 import { View } from '../../view';
 import { VisuallyHidden } from '../../visually-hidden';
-import type { WordPressComponentProps } from '../../ui/context';
-import { contextConnect } from '../../ui/context';
+import type { WordPressComponentProps } from '../../context';
+import { contextConnect } from '../../context';
 import { useBorderBoxControl } from './hook';
 
 import type { BorderBoxControlProps } from '../types';

package/src/border-box-control/border-box-control/hook.ts

@@ -16,8 +16,8 @@ import {
 	isCompleteBorder,
 	isEmptyBorder,
 } from '../utils';
-import type { WordPressComponentProps } from '../../ui/context';
-import { useContextSystem } from '../../ui/context';
+import type { WordPressComponentProps } from '../../context';
+import { useContextSystem } from '../../context';
 import { useCx } from '../../utils/hooks/use-cx';
 
 import type { Border } from '../../border-control/types';

package/src/border-box-control/border-box-control-linked-button/component.tsx

@@ -10,8 +10,8 @@ import { __ } from '@wordpress/i18n';
 import Button from '../../button';
 import Tooltip from '../../tooltip';
 import { View } from '../../view';
-import type { WordPressComponentProps } from '../../ui/context';
-import { contextConnect } from '../../ui/context';
+import type { WordPressComponentProps } from '../../context';
+import { contextConnect } from '../../context';
 import { useBorderBoxControlLinkedButton } from './hook';
 
 import type { LinkedButtonProps } from '../types';

package/src/border-box-control/border-box-control-linked-button/hook.ts

@@ -7,8 +7,8 @@ import { useMemo } from '@wordpress/element';
  * Internal dependencies
  */
 import * as styles from '../styles';
-import type { WordPressComponentProps } from '../../ui/context';
-import { useContextSystem } from '../../ui/context';
+import type { WordPressComponentProps } from '../../context';
+import { useContextSystem } from '../../context';
 import { useCx } from '../../utils/hooks/use-cx';
 
 import type { LinkedButtonProps } from '../types';

package/src/border-box-control/border-box-control-split-controls/component.tsx

@@ -11,8 +11,8 @@ import { useMergeRefs } from '@wordpress/compose';
 import BorderBoxControlVisualizer from '../border-box-control-visualizer';
 import { BorderControl } from '../../border-control';
 import { Grid } from '../../grid';
-import type { WordPressComponentProps } from '../../ui/context';
-import { contextConnect } from '../../ui/context';
+import type { WordPressComponentProps } from '../../context';
+import { contextConnect } from '../../context';
 import { useBorderBoxControlSplitControls } from './hook';
 
 import type { BorderControlProps } from '../../border-control/types';

package/src/border-box-control/border-box-control-split-controls/hook.ts

@@ -7,8 +7,8 @@ import { useMemo } from '@wordpress/element';
  * Internal dependencies
  */
 import * as styles from '../styles';
-import type { WordPressComponentProps } from '../../ui/context';
-import { useContextSystem } from '../../ui/context';
+import type { WordPressComponentProps } from '../../context';
+import { useContextSystem } from '../../context';
 import { useCx } from '../../utils/';
 
 import type { SplitControlsProps } from '../types';

package/src/border-box-control/border-box-control-visualizer/component.tsx

@@ -7,8 +7,8 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import { View } from '../../view';
-import type { WordPressComponentProps } from '../../ui/context';
-import { contextConnect } from '../../ui/context';
+import type { WordPressComponentProps } from '../../context';
+import { contextConnect } from '../../context';
 import { useBorderBoxControlVisualizer } from './hook';
 
 import type { VisualizerProps } from '../types';

package/src/border-box-control/border-box-control-visualizer/hook.ts

@@ -7,8 +7,8 @@ import { useMemo } from '@wordpress/element';
  * Internal dependencies
  */
 import * as styles from '../styles';
-import type { WordPressComponentProps } from '../../ui/context';
-import { useContextSystem } from '../../ui/context';
+import type { WordPressComponentProps } from '../../context';
+import { useContextSystem } from '../../context';
 import { useCx } from '../../utils';
 
 import type { VisualizerProps } from '../types';

package/src/border-control/border-control/README.md

@@ -20,9 +20,9 @@ a "shape" abstraction.
 ## Usage
 
 ```jsx
+import { useState } from 'react';
 import { __experimentalBorderControl as BorderControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
-import { useState } from '@wordpress/element';
 
 const colors = [
 	{ name: 'Blue 20', color: '#72aee6' },

package/src/border-control/border-control/component.tsx

@@ -13,8 +13,8 @@ import { HStack } from '../../h-stack';
 import { StyledLabel } from '../../base-control/styles/base-control-styles';
 import { View } from '../../view';
 import { VisuallyHidden } from '../../visually-hidden';
-import type { WordPressComponentProps } from '../../ui/context';
-import { contextConnect } from '../../ui/context';
+import type { WordPressComponentProps } from '../../context';
+import { contextConnect } from '../../context';
 import { useBorderControl } from './hook';
 
 import type { BorderControlProps, LabelProps } from '../types';

package/src/border-control/border-control/hook.ts

@@ -8,8 +8,8 @@ import { useCallback, useMemo, useState } from '@wordpress/element';
  */
 import * as styles from '../styles';
 import { parseQuantityAndUnitFromRawValue } from '../../unit-control/utils';
-import type { WordPressComponentProps } from '../../ui/context';
-import { useContextSystem } from '../../ui/context';
+import type { WordPressComponentProps } from '../../context';
+import { useContextSystem } from '../../context';
 import { useCx } from '../../utils/hooks/use-cx';
 
 import type { Border, BorderControlProps } from '../types';

package/src/border-control/border-control-dropdown/component.tsx

@@ -19,8 +19,8 @@ import ColorPalette from '../../color-palette';
 import Dropdown from '../../dropdown';
 import { HStack } from '../../h-stack';
 import { VStack } from '../../v-stack';
-import type { WordPressComponentProps } from '../../ui/context';
-import { contextConnect } from '../../ui/context';
+import type { WordPressComponentProps } from '../../context';
+import { contextConnect } from '../../context';
 import { useBorderControlDropdown } from './hook';
 import { StyledLabel } from '../../base-control/styles/base-control-styles';
 import DropdownContentWrapper from '../../dropdown/dropdown-content-wrapper';

package/src/border-control/border-control-dropdown/hook.ts

@@ -8,8 +8,8 @@ import { useMemo } from '@wordpress/element';
  */
 import * as styles from '../styles';
 import { parseQuantityAndUnitFromRawValue } from '../../unit-control/utils';
-import type { WordPressComponentProps } from '../../ui/context';
-import { useContextSystem } from '../../ui/context';
+import type { WordPressComponentProps } from '../../context';
+import { useContextSystem } from '../../context';
 import { useCx } from '../../utils/hooks/use-cx';
 
 import type { DropdownProps } from '../types';

package/src/border-control/border-control-style-picker/component.tsx

@@ -12,8 +12,8 @@ import { StyledLabel } from '../../base-control/styles/base-control-styles';
 import { View } from '../../view';
 import { Flex } from '../../flex';
 import { VisuallyHidden } from '../../visually-hidden';
-import type { WordPressComponentProps } from '../../ui/context';
-import { contextConnect } from '../../ui/context';
+import type { WordPressComponentProps } from '../../context';
+import { contextConnect } from '../../context';
 import { useBorderControlStylePicker } from './hook';
 
 import type { LabelProps, StylePickerProps } from '../types';