@wordpress/components 32.5.2-next.v.202604091042.0 → 32.6.0

package/build-types/date-time/time-picker/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/date-time/time-picker/test/index.tsx"],"names":[],"mappings":""}

package/build-types/date-time/time-picker/time-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/date-time/time-picker/time-input/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AASlD,wBAAgB,SAAS,CAAE,EAC1B,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,QAAQ,GACR,EAAE,cAAc,+BAqJhB;AACD,eAAe,SAAS,CAAC"}

package/build-types/date-time/time-picker/time-input/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/date-time/time-picker/time-input/test/index.tsx"],"names":[],"mappings":""}

package/build-types/date-time/time-picker/timezone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezone.d.ts","sourceRoot":"","sources":["../../../src/date-time/time-picker/timezone.tsx"],"names":[],"mappings":"AAYA;;;GAGG;AACH,QAAA,MAAM,QAAQ,0CA0Cb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build-types/date-time/types.d.ts

@@ -1,7 +1,7 @@
 /**
  * Internal dependencies
  */
-import type { MinutesInput } from './time/styles';
+import type { MinutesInput } from './time-picker/styles';
 export type TimePickerProps = {
     /**
      * The initial current time the time picker should render.

package/build-types/date-time/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/date-time/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAElC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAEpC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;IAE9B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAE,OAAO,YAAY,CAAE,CAAC;IAE3D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,cAAc,KAAM,IAAI,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAEpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IAE1C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAE5C;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAE3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAE,eAAe,EAAE,UAAU,CAAE,GACpE,IAAI,CACH,eAAe,EACf,aAAa,GAAG,UAAU,GAAG,qBAAqB,CAClD,GAAG;IACH;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;CAC3C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/date-time/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAElC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAEpC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;IAE9B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAE,OAAO,YAAY,CAAE,CAAC;IAE3D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,cAAc,KAAM,IAAI,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAEpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IAE1C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAE5C;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAE3B;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAE,eAAe,EAAE,UAAU,CAAE,GACpE,IAAI,CACH,eAAe,EACf,aAAa,GAAG,UAAU,GAAG,qBAAqB,CAClD,GAAG;IACH;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;CAC3C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAwV1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;AAGpD,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAyV1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;AAGpD,eAAe,KAAK,CAAC"}

package/build-types/palette-edit/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/palette-edit/index.tsx"],"names":[],"mappings":"AA+CA,OAAO,KAAK,EAMX,gBAAgB,EAChB,cAAc,EACd,MAAM,SAAS,CAAC;AAmBjB,wBAAgB,uBAAuB,CAAE,CAAC,SAAS,cAAc,EAChE,QAAQ,EAAE,CAAC,EAAE;;KAgBb;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,yBAAyB,CACxC,QAAQ,EAAE,cAAc,EAAE,EAC1B,UAAU,EAAE,MAAM;;;EAwBlB;AAkOD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAE,EAC5B,SAAS,EACT,MAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,wBAA4B,EAC5B,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,UAAe,EACf,YAAY,GACZ,EAAE,gBAAgB,+BAkPlB;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/palette-edit/index.tsx"],"names":[],"mappings":"AA+CA,OAAO,KAAK,EAMX,gBAAgB,EAChB,cAAc,EACd,MAAM,SAAS,CAAC;AAmBjB,wBAAgB,uBAAuB,CAAE,CAAC,SAAS,cAAc,EAChE,QAAQ,EAAE,CAAC,EAAE;;KAgBb;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,yBAAyB,CACxC,QAAQ,EAAE,cAAc,EAAE,EAC1B,UAAU,EAAE,MAAM;;;EAwBlB;AAmOD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAE,EAC5B,SAAS,EACT,MAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,wBAA4B,EAC5B,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,UAAe,EACf,YAAY,GACZ,EAAE,gBAAgB,+BAkPlB;AAED,eAAe,WAAW,CAAC"}

package/build-types/radio-control/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/radio-control/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAiBjD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,YAAY,CAC3B,KAAK,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,CAAE,sCAqGnE;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/radio-control/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAiBjD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,YAAY,CAC3B,KAAK,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,CAAE,sCAuGnE;AAED,eAAe,YAAY,CAAC"}

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

@@ -3,6 +3,12 @@
  */
 import type { BaseControlProps } from '../base-control/types';
 export type RadioControlProps = Pick<BaseControlProps, 'label' | 'help' | 'hideLabelFromVision'> & {
+    /**
+     * Whether the radio group should be disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
     /**
      * A function that receives the value of the new option that is being
      * selected as input.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/radio-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CACnC,gBAAgB,EAChB,OAAO,GAAG,MAAM,GAAG,qBAAqB,CACxC,GAAG;IACH;;;OAGG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE;QACT;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;KACrB,EAAE,CAAC;IACJ;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/radio-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CACnC,gBAAgB,EAChB,OAAO,GAAG,MAAM,GAAG,qBAAqB,CACxC,GAAG;IACH;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE;QACT;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;KACrB,EAAE,CAAC;IACJ;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}

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

@@ -13,6 +13,6 @@ import type { SandBoxProps } from './types';
  * );
  * ```
  */
-declare function SandBox({ html, title, type, styles, scripts, onFocus, tabIndex, }: SandBoxProps): import("react").JSX.Element;
+declare function SandBox({ allowSameOrigin, ...contentProps }: SandBoxProps): import("react").JSX.Element;
 export default SandBox;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sandbox/index.tsx"],"names":[],"mappings":"AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAsG5C;;;;;;;;;;GAUG;AACH,iBAAS,OAAO,CAAE,EACjB,IAAS,EACT,KAAU,EACV,IAAI,EACJ,MAAW,EACX,OAAY,EACZ,OAAO,EACP,QAAQ,GACR,EAAE,YAAY,+BA6Jd;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sandbox/index.tsx"],"names":[],"mappings":"AAYA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAyb5C;;;;;;;;;;GAUG;AACH,iBAAS,OAAO,CAAE,EAAE,eAAuB,EAAE,GAAG,YAAY,EAAE,EAAE,YAAY,+BAK3E;AAED,eAAe,OAAO,CAAC"}

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

@@ -1,4 +1,15 @@
 export type SandBoxProps = {
+    /**
+     * Whether to include `allow-same-origin` in the iframe's sandbox
+     * attribute. When true, nested iframes (such as third-party embeds)
+     * can access their own origin's cookies and storage.
+     *
+     * Only enable this for content that is NOT directly user-controlled,
+     * such as server-fetched oEmbed previews.
+     *
+     * @default false
+     */
+    allowSameOrigin?: boolean;
     /**
      * The HTML to render in the body of the iframe document.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/sandbox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAE,iBAAiB,CAAE,CAAE,SAAS,CAAE,CAAC;IAChE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAE,UAAU,CAAE,CAAC;CACrC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/sandbox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IAC1B;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAE,iBAAiB,CAAE,CAAE,SAAS,CAAE,CAAC;IAChE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAE,UAAU,CAAE,CAAC;CACrC,CAAC"}

package/build-types/textarea-control/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/textarea-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAO3D;;GAEG;AACH,OAAO,eAAe,MAAM,IAAI,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,eAAe,CAqBvC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,eAAe,CAAwB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/textarea-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAO3D;;GAEG;AACH,OAAO,eAAe,MAAM,IAAI,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,eAAe,CAwBvC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,eAAe,CAAwB,CAAC"}

package/build-types/textarea-control/styles/textarea-control-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea-control-styles.d.ts","sourceRoot":"","sources":["../../../src/textarea-control/styles/textarea-control-styles.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,cAAc;;;2HAwD1B,CAAC"}
+{"version":3,"file":"textarea-control-styles.d.ts","sourceRoot":"","sources":["../../../src/textarea-control/styles/textarea-control-styles.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,cAAc;;;2HA8D1B,CAAC"}

package/build-types/validated-form-controls/components/checkbox-control.d.ts

@@ -1,9 +1,10 @@
 import type { ValidatedControlProps } from './types';
 export declare const ValidatedCheckboxControl: import("react").ForwardRefExoticComponent<Pick<import("../../base-control/types").BaseControlProps, "help" | "__nextHasNoMarginBottom"> & {
+    disabled?: boolean;
     onChange: (value: boolean) => void;
     label?: string;
     checked?: boolean;
     indeterminate?: boolean;
     heading?: import("react").ReactNode;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "label" | "help" | "children" | "as" | "checked" | "heading" | "__nextHasNoMarginBottom" | "indeterminate"> & ValidatedControlProps & import("react").RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "label" | "help" | "disabled" | "children" | "as" | "checked" | "heading" | "__nextHasNoMarginBottom" | "indeterminate"> & ValidatedControlProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=checkbox-control.d.ts.map

package/build-types/validated-form-controls/components/checkbox-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/checkbox-control.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAmCrD,eAAO,MAAM,wBAAwB;;;;;;qUAEpC,CAAC"}
+{"version":3,"file":"checkbox-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/checkbox-control.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAmCrD,eAAO,MAAM,wBAAwB;;;;;;;kVAEpC,CAAC"}

package/build-types/validated-form-controls/components/radio-control.d.ts

@@ -1,5 +1,6 @@
 import type { ValidatedControlProps } from './types';
 export declare const ValidatedRadioControl: import("react").ForwardRefExoticComponent<Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
+    disabled?: boolean;
     onChange: (value: string) => void;
     options?: {
         label: string;
@@ -7,5 +8,5 @@ export declare const ValidatedRadioControl: import("react").ForwardRefExoticComp
         description?: string;
     }[];
     selected?: string;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "label" | "help" | "children" | "as" | "selected" | "options" | "hideLabelFromVision"> & ValidatedControlProps & import("react").RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "label" | "help" | "disabled" | "children" | "as" | "selected" | "options" | "hideLabelFromVision"> & ValidatedControlProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=radio-control.d.ts.map

package/build-types/validated-form-controls/components/radio-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/radio-control.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAiCrD,eAAO,MAAM,qBAAqB;;;;;mBApBgB,CAAA;;;8SAsBjD,CAAC"}
+{"version":3,"file":"radio-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/radio-control.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAiCrD,eAAO,MAAM,qBAAqB;;;;;;mBAfZ,CAAC;;;2TAiBtB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/components",
-	"version": "32.5.2-next.v.202604091042.0+668146787",
+	"version": "32.6.0",
 	"description": "UI components for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -64,24 +64,24 @@
 		"@types/highlight-words-core": "1.2.1",
 		"@types/react": "^18.3.27",
 		"@use-gesture/react": "^10.3.1",
-		"@wordpress/a11y": "^4.43.1-next.v.202604091042.0+668146787",
-		"@wordpress/base-styles": "^6.19.1-next.v.202604091042.0+668146787",
-		"@wordpress/compose": "^7.43.1-next.v.202604091042.0+668146787",
-		"@wordpress/date": "^5.43.1-next.v.202604091042.0+668146787",
-		"@wordpress/deprecated": "^4.43.1-next.v.202604091042.0+668146787",
-		"@wordpress/dom": "^4.43.1-next.v.202604091042.0+668146787",
-		"@wordpress/element": "^6.44.1-next.v.202604091042.0+668146787",
-		"@wordpress/escape-html": "^3.43.1-next.v.202604091042.0+668146787",
-		"@wordpress/hooks": "^4.43.1-next.v.202604091042.0+668146787",
-		"@wordpress/html-entities": "^4.43.1-next.v.202604091042.0+668146787",
-		"@wordpress/i18n": "^6.17.1-next.v.202604091042.0+668146787",
-		"@wordpress/icons": "^12.1.1-next.v.202604091042.0+668146787",
-		"@wordpress/is-shallow-equal": "^5.43.1-next.v.202604091042.0+668146787",
-		"@wordpress/keycodes": "^4.43.1-next.v.202604091042.0+668146787",
-		"@wordpress/primitives": "^4.43.1-next.v.202604091042.0+668146787",
-		"@wordpress/private-apis": "^1.43.1-next.v.202604091042.0+668146787",
-		"@wordpress/rich-text": "^7.43.1-next.v.202604091042.0+668146787",
-		"@wordpress/warning": "^3.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/a11y": "^4.44.0",
+		"@wordpress/base-styles": "^6.20.0",
+		"@wordpress/compose": "^7.44.0",
+		"@wordpress/date": "^5.44.0",
+		"@wordpress/deprecated": "^4.44.0",
+		"@wordpress/dom": "^4.44.0",
+		"@wordpress/element": "^6.44.0",
+		"@wordpress/escape-html": "^3.44.0",
+		"@wordpress/hooks": "^4.44.0",
+		"@wordpress/html-entities": "^4.44.0",
+		"@wordpress/i18n": "^6.17.0",
+		"@wordpress/icons": "^12.2.0",
+		"@wordpress/is-shallow-equal": "^5.44.0",
+		"@wordpress/keycodes": "^4.44.0",
+		"@wordpress/primitives": "^4.44.0",
+		"@wordpress/private-apis": "^1.44.0",
+		"@wordpress/rich-text": "^7.44.0",
+		"@wordpress/warning": "^3.44.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -107,7 +107,7 @@
 		"@storybook/react-vite": "^10.2.8",
 		"@testing-library/jest-dom": "^6.9.1",
 		"@types/jest": "^29.5.14",
-		"@wordpress/jest-console": "^8.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/jest-console": "^8.44.0",
 		"snapshot-diff": "^0.10.0",
 		"storybook": "^10.2.8",
 		"timezone-mock": "^1.3.6"
@@ -119,5 +119,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "73606df74f1c38a084bfa5db97205259ef817593"
+	"gitHead": "b862d8c84121a47bbeff882f6c87e61681ce2e0d"
 }

package/src/alignment-matrix-control/style.module.scss

@@ -15,7 +15,7 @@
 	border-radius: $radius-medium;
 	outline: none;
 
-	cursor: pointer;
+	cursor: var(--wpds-cursor-control);
 }
 
 .grid-row {

package/src/button/style.scss

@@ -18,7 +18,7 @@
 	font-weight: $font-weight-medium;
 	margin: 0;
 	border: 0;
-	cursor: pointer;
+	cursor: var(--wpds-cursor-control);
 	appearance: none;
 	background: none;
 

package/src/calendar/style.scss

@@ -53,7 +53,7 @@ $wp-components-calendar-preview-border-color: color-mix(in srgb, $components-col
 	background: none;
 	padding: 0;
 	margin: 0;
-	cursor: pointer;
+	cursor: var(--wpds-cursor-control);
 	justify-content: center;
 	align-items: center;
 	display: flex;
@@ -127,7 +127,7 @@ $wp-components-calendar-preview-border-color: color-mix(in srgb, $components-col
 	background: none;
 	padding: 0;
 	margin: 0;
-	cursor: pointer;
+	cursor: var(--wpds-cursor-control);
 	appearance: none;
 	display: inline-flex;
 	align-items: center;
@@ -244,7 +244,7 @@ $wp-components-calendar-preview-border-color: color-mix(in srgb, $components-col
 		}
 
 		&:disabled::before {
-			background-color: $components-color-disabled;
+			background-color: $components-color-gray-400;
 		}
 
 		&:hover:not(:disabled)::before {

package/src/checkbox-control/style.scss

@@ -17,7 +17,10 @@
 .components-checkbox-control__label {
 	// Ensure label is aligned with checkbox along X axis
 	line-height: var(--checkbox-input-size);
-	cursor: pointer;
+
+	.components-checkbox-control:not(:has(:disabled)) & {
+		cursor: var(--wpds-cursor-control);
+	}
 }
 
 .components-checkbox-control__input[type="checkbox"] {
@@ -25,7 +28,6 @@
 	background: $white;
 	color: $gray-900;
 	clear: none;
-	cursor: pointer;
 	display: inline-block;
 	line-height: 0;
 	margin: 0 $grid-unit-05 0 0;
@@ -46,12 +48,15 @@
 		@include button-style-outset__focus(var(--wp-admin-theme-color));
 	}
 
-	&:checked,
-	&:indeterminate {
+	&:not(:disabled):is(:checked, :indeterminate) {
 		background: $components-color-accent;
 		border-color: $components-color-accent;
 	}
 
+	&:not(:disabled) {
+		cursor: var(--wpds-cursor-control);
+	}
+
 	&:checked::before {
 		content: none;
 	}
@@ -73,7 +78,7 @@ svg.components-checkbox-control__indeterminate {
 	--checkmark-size: var(--checkbox-input-size);
 
 	fill: $white;
-	cursor: pointer;
+	cursor: var(--wpds-cursor-control);
 	position: absolute;
 	left: 50%;
 	top: 50%;
@@ -88,6 +93,13 @@ svg.components-checkbox-control__indeterminate {
 	}
 }
 
+.components-checkbox-control:has(:disabled) {
+	svg.components-checkbox-control__checked,
+	svg.components-checkbox-control__indeterminate {
+		fill: $components-color-gray-400;
+	}
+}
+
 .components-checkbox-control__help {
 	display: inline-block;
 	margin-inline-start: calc(var(--checkbox-input-size) + var(--checkbox-input-margin));

package/src/checkbox-control/types.ts

@@ -12,6 +12,10 @@ export type CheckboxControlProps = Pick<
 	BaseControlProps,
 	'__nextHasNoMarginBottom' | 'help'
 > & {
+	/**
+	 * Whether the checkbox should be disabled.
+	 */
+	disabled?: boolean;
 	/**
 	 * A function that receives the checked state (boolean) as input.
 	 */

package/src/circular-option-picker/style.scss

@@ -84,7 +84,7 @@ $color-palette-circle-spacing: 12px;
 		transition: 100ms box-shadow ease;
 	}
 
-	cursor: pointer;
+	cursor: var(--wpds-cursor-control);
 
 	&:hover {
 		// Override default button hover style.

package/src/color-palette/style.scss

@@ -16,7 +16,7 @@ $border-as-box-shadow: inset 0 0 0 $border-width rgba(0, 0, 0, 0.2);
 	height: $grid-unit-80;
 	width: 100%;
 	box-sizing: border-box;
-	cursor: pointer;
+	cursor: var(--wpds-cursor-control);
 	// Show a thin outline in Windows high contrast mode.
 	outline: 1px solid transparent;
 	border-radius: $radius-medium $radius-medium 0 0;

package/src/css.d.ts

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import type * as CSS from 'csstype';
 
 // See: https://github.com/DefinitelyTyped/DefinitelyTyped/blob/f6d4d15522356eba4a0267142834e3abc6b603fc/types/react/index.d.ts#L2580-L2587

package/src/custom-gradient-picker/index.tsx

@@ -76,6 +76,7 @@ const GradientTypePicker = ( {
 	);
 
 	if ( type === 'linear-gradient' && gradientAST.orientation ) {
+		// eslint-disable-next-line react-compiler/react-compiler -- false positive, see https://github.com/facebook/react/issues/29196
 		lastLinearOrientationAngle.current = Number(
 			gradientAST.orientation.value
 		);

package/src/date-time/README.md

@@ -70,7 +70,7 @@ A callback function which receives a Date object representing a day as an argume
 
 -   Required: No
 
-### `onMonthPreviewed`: `( date: Date ) => void`
+### `onMonthPreviewed`: `( date: string ) => void`
 
 A callback invoked when selecting the previous/next month in the date picker. The callback receives the new month date in the ISO format as an argument.
 
@@ -87,5 +87,5 @@ List of events to show in the date picker. Each event will appear as a dot on th
 
 The day that the week should start on. 0 for Sunday, 1 for Monday, etc.
 
-- Required: No
-- Default: 0
+-   Required: No
+-   Default: 0

package/src/date-time/date-picker/README.md

@@ -0,0 +1,65 @@
+# DatePicker
+
+DatePicker is a React component that renders a calendar for date selection. It can be used independently or as part of the `DateTimePicker` component.
+
+## Usage
+
+Render a DatePicker.
+
+```jsx
+import { useState } from 'react';
+import { DatePicker } from '@wordpress/components';
+
+const MyDatePicker = () => {
+	const [ date, setDate ] = useState( new Date() );
+
+	return (
+		<DatePicker
+			currentDate={ date }
+			onChange={ ( newDate ) => setDate( newDate ) }
+		/>
+	);
+};
+```
+
+## Props
+
+The component accepts the following props:
+
+### `currentDate`: `Date | string | number | null`
+
+The current date at initialization. Optionally pass in a `null` value to specify no date is currently selected.
+
+-   Required: No
+-   Default: today's date
+
+### `onChange`: `( date: string ) => void`
+
+The function called when a new date has been selected. It is passed the `currentDate` as an argument.
+
+-   Required: No
+
+### `events`: `{ date: Date }[]`
+
+List of events to show in the date picker. Each event will appear as a dot on the day of the event.
+
+-   Required: No
+
+### `isInvalidDate`: `( date: Date ) => boolean`
+
+A callback function which receives a Date object representing a day as an argument, and should return a Boolean to signify if the day is valid or not.
+
+-   Required: No
+
+### `onMonthPreviewed`: `( date: string ) => void`
+
+A callback invoked when selecting the previous/next month in the date picker. The callback receives the new month date in the ISO format as an argument.
+
+-   Required: No
+
+### `startOfWeek`: `0 | 1 | 2 | 3 | 4 | 5 | 6`
+
+The day that the week should start on. 0 for Sunday, 1 for Monday, etc.
+
+-   Required: No
+-   Default: 0

package/src/date-time/date-time/index.tsx

@@ -11,8 +11,8 @@ import { forwardRef } from '@wordpress/element';
 /**
  * Internal dependencies
  */
-import { default as DatePicker } from '../date';
-import { default as TimePicker } from '../time';
+import { default as DatePicker } from '../date-picker';
+import { default as TimePicker } from '../time-picker';
 import type { DateTimePickerProps } from '../types';
 import { Wrapper } from './styles';
 

package/src/date-time/index.ts

@@ -1,8 +1,8 @@
 /**
  * Internal dependencies
  */
-import { default as DatePicker } from './date';
-import { default as TimePicker } from './time';
+import { default as DatePicker } from './date-picker';
+import { default as TimePicker } from './time-picker';
 import { default as DateTimePicker } from './date-time';
 
 export { DatePicker, TimePicker };

package/src/date-time/stories/date.story.tsx

@@ -11,7 +11,7 @@ import { useState, useEffect } from '@wordpress/element';
 /**
  * Internal dependencies
  */
-import DatePicker from '../date';
+import DatePicker from '../date-picker';
 import { daysFromNow, isWeekend } from './utils';
 
 const meta: Meta< typeof DatePicker > = {

package/src/date-time/stories/time.story.tsx

@@ -11,7 +11,7 @@ import { useState, useEffect } from '@wordpress/element';
 /**
  * Internal dependencies
  */
-import TimePicker from '../time';
+import TimePicker from '../time-picker';
 
 const meta: Meta< typeof TimePicker > = {
 	title: 'Components/Selection & Input/Time & Date/TimePicker',

package/src/date-time/time-picker/README.md

@@ -0,0 +1,119 @@
+# TimePicker
+
+TimePicker is a React component that renders form inputs for time and date selection. It can be used independently or as part of the `DateTimePicker` component.
+
+**Note:** `TimePicker` also exposes a compound sub-component, `TimePicker.TimeInput`, which can be used independently to render a time input field without the full picker UI.
+
+## Usage
+
+Render a TimePicker.
+
+```jsx
+import { useState } from 'react';
+import { TimePicker } from '@wordpress/components';
+
+const MyTimePicker = () => {
+	const [ time, setTime ] = useState( new Date() );
+
+	return (
+		<TimePicker
+			currentTime={ time }
+			onChange={ ( newTime ) => setTime( newTime ) }
+			is12Hour
+		/>
+	);
+};
+```
+
+## Props
+
+The component accepts the following props:
+
+### `currentTime`: `Date | string | number | null`
+
+The current time at initialization. Optionally pass in a `null` value to specify no time is currently selected.
+
+-   Required: No
+-   Default: current time
+
+### `onChange`: `( time: string ) => void`
+
+The function called when a new time has been selected. It is passed the time as an ISO-formatted string.
+
+-   Required: No
+
+### `is12Hour`: `boolean`
+
+Whether we use a 12-hour clock. With a 12-hour clock, an AM/PM widget is displayed.
+
+-   Required: No
+-   Default: false
+
+### `dateOrder`: `'dmy' | 'mdy' | 'ymd'`
+
+The order of day, month, and year. This prop overrides the time format determined by `is12Hour` prop.
+
+-   Required: No
+-   Default: `'dmy'` (or `'mdy'` when `is12Hour` is `true`)
+
+### `hideLabelFromVision`: `boolean`
+
+Whether to visually hide field labels while keeping them accessible to screen readers.
+
+-   Required: No
+-   Default: false
+
+## TimePicker.TimeInput
+
+A standalone time input component. Values are passed as an object in 24-hour format (`{ hours: number, minutes: number }`).
+
+### Usage
+
+```jsx
+import { useState } from 'react';
+import { TimePicker } from '@wordpress/components';
+
+const MyTimeInput = () => {
+	const [ time, setTime ] = useState( { hours: 13, minutes: 30 } );
+
+	return (
+		<TimePicker.TimeInput
+			value={ time }
+			onChange={ setTime }
+			label="Time"
+		/>
+	);
+};
+```
+
+### Props
+
+#### `value`: `{ hours: number, minutes: number }`
+
+The time input value in 24-hour format.
+
+-   Required: No
+
+#### `defaultValue`: `{ hours: number, minutes: number }`
+
+An optional default value for the control when used in uncontrolled mode. If left `undefined`, the current time will be used.
+
+-   Required: No
+
+#### `onChange`: `( time: { hours: number, minutes: number } ) => void`
+
+Called when the time changes. Receives the new value as an object with `hours` and `minutes`.
+
+-   Required: No
+
+#### `is12Hour`: `boolean`
+
+Whether to use a 12-hour clock. With a 12-hour clock, an AM/PM widget is displayed.
+
+-   Required: No
+
+#### `label`: `string`
+
+The label for the time input.
+
+-   Required: No

package/src/date-time/{time → time-picker}/index.tsx

@@ -30,7 +30,7 @@ import { TimeInput } from './time-input';
 const VALID_DATE_ORDERS = [ 'dmy', 'mdy', 'ymd' ];
 
 /**
- * TimePicker is a React component that renders a clock for time selection.
+ * TimePicker is a React component that renders form inputs for time and date selection. It can be used independently or as part of the `DateTimePicker` component.
  *
  * ```jsx
  * import { TimePicker } from '@wordpress/components';