@wordpress/components 39.0.0 → 40.0.0

package/build-types/gradient-picker/types.d.ts

@@ -1,4 +1,5 @@
 import type { HeadingSize } from '../heading/types';
+import type { CircularOptionPickerProps } from '../circular-option-picker/types';
 export type GradientObject = {
     gradient: string;
     name: string;
@@ -56,15 +57,33 @@ type GradientPickerBaseProps = {
      */
     headingLevel?: HeadingSize;
     /**
-     * Whether the control should present as a set of buttons,
-     * each with its own tab stop.
+     * How predefined gradient swatches behave and are exposed to assistive
+     * technology.
      *
+     * - `listbox` uses one tab stop and arrow-key navigation, and exposes
+     *   selection with `aria-selected`.
+     * - `toggle-buttons` gives each swatch a tab stop and exposes selection with
+     *   `aria-pressed`.
+     * - `command-buttons` gives each swatch a tab stop and exposes no selection
+     *   state. `value` and `selectedSlug` do not mark predefined swatches as
+     *   selected, and activating a swatch always calls `onChange` with that
+     *   swatch. `value` still controls the custom gradient picker.
+     *
+     * @default 'listbox'
+     */
+    presentation?: CircularOptionPickerProps['presentation'];
+    /**
+     * Whether the control should present as toggle buttons.
+     *
+     * @deprecated Use `presentation="toggle-buttons"` instead. An explicit
+     * `presentation` takes precedence.
      * @default false
+     * @ignore
      */
     asButtons?: boolean;
     /**
      * Prevents keyboard interaction from wrapping around.
-     * Only used when `asButtons` is not true.
+     * Only used with the `listbox` presentation.
      *
      * @default true
      */

package/build-types/gradient-picker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/gradient-picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AACF,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,cAAc,EAAE,CAAA;CAAE,CAAC;AACzE,MAAM,MAAM,aAAa,GAAG,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;AAE9D,KAAK,uBAAuB,GAAG;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,EAAE,CACT,eAAe,EAAE,MAAM,GAAG,SAAS,EACnC,KAAK,CAAC,EAAE,MAAM,EACd,IAAI,CAAC,EAAE,MAAM,KACT,IAAI,CAAC;IACV;;;;;OAKG;IACH,KAAK,CAAC,EAAE,cAAc,CAAE,UAAU,CAAE,GAAG,IAAI,CAAC;IAC5C;;;;;;;;;;;OAWG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,CACD;IAEA;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IAEA;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,KAAK,CAAC;CACpB,CACH,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,uBAAuB,GAAG;IACpE;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;OAIG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,WAAW,CAAE,WAAW,SAAS,cAAc,GAAG,YAAY,IACzE,uBAAuB,GAAG;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,CACT,eAAe,EAAE,MAAM,GAAG,SAAS,EACnC,KAAK,EAAE,MAAM,EACb,IAAI,CAAC,EAAE,MAAM,KACT,IAAI,CAAC;IACV,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,WAAW,EAAE,CAAC;CACzB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/gradient-picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAEjF,MAAM,MAAM,cAAc,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AACF,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,cAAc,EAAE,CAAA;CAAE,CAAC;AACzE,MAAM,MAAM,aAAa,GAAG,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;AAE9D,KAAK,uBAAuB,GAAG;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,EAAE,CACT,eAAe,EAAE,MAAM,GAAG,SAAS,EACnC,KAAK,CAAC,EAAE,MAAM,EACd,IAAI,CAAC,EAAE,MAAM,KACT,IAAI,CAAC;IACV;;;;;OAKG;IACH,KAAK,CAAC,EAAE,cAAc,CAAE,UAAU,CAAE,GAAG,IAAI,CAAC;IAC5C;;;;;;;;;;;OAWG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;;;;;;;;;;;;;OAcG;IACH,YAAY,CAAC,EAAE,yBAAyB,CAAE,cAAc,CAAE,CAAC;IAC3D;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,CACD;IAEA;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,KAAK,CAAC;CACzB,GACD;IAEA;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,KAAK,CAAC;CACpB,CACH,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,uBAAuB,GAAG;IACpE;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;OAIG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,WAAW,CAAE,WAAW,SAAS,cAAc,GAAG,YAAY,IACzE,uBAAuB,GAAG;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,CACT,eAAe,EAAE,MAAM,GAAG,SAAS,EACnC,KAAK,EAAE,MAAM,EACb,IAAI,CAAC,EAAE,MAAM,KACT,IAAI,CAAC;IACV,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,WAAW,EAAE,CAAC;CACzB,CAAC"}

package/build-types/input-control/input-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../src/input-control/input-field.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA0L/C,QAAA,MAAM,kBAAkB,yRAA2B,CAAC;eAErC,kBAAkB"}
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../src/input-control/input-field.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA2L/C,QAAA,MAAM,kBAAkB,yRAA2B,CAAC;eAErC,kBAAkB"}

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

@@ -1 +1 @@
-{"version":3,"file":"input-control-styles.d.ts","sourceRoot":"","sources":["../../../src/input-control/styles/input-control-styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAE9E,KAAK,cAAc,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IAChD,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAGlB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAKlB,CAAC;AAEF,KAAK,aAAa,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAiBF,eAAO,MAAM,UAAU;;;yHAkBtB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;UAgBhB,CAAC;AA+BF,eAAO,MAAM,SAAS;;;0HAUrB,CAAC;AAEF,KAAK,UAAU,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAE,QAAQ,CAAE,CAAC;IACvC,kBAAkB,CAAC,EAAE,aAAa,CAAE,oBAAoB,CAAE,CAAC;IAC3D,gBAAgB,CAAC,EAAE,aAAa,CAAE,kBAAkB,CAAE,CAAC;CACvD,CAAC;AAYF,eAAO,MAAM,cAAc,wBAA0B,UAAU,0BAqB9D,CAAC;AAEF,eAAO,MAAM,aAAa,wBAA0B,UAAU;;;;;;;;;;;;;;;;;;CA2B7D,CAAC;AA+CF,eAAO,MAAM,KAAK;;;+HAqCjB,CAAC;AAeF,eAAO,MAAM,KAAK,UACV,uBAAuB,CAC7B;IAAE,aAAa,CAAC,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,EACtD,OAAO,EACP,KAAK,CACL,gCACwC,CAAC;AAE3C,eAAO,MAAM,YAAY;;;;UAExB,CAAC;AA4BF,eAAO,MAAM,mBAAmB;;;;eAtBW,OAAO;yGAwBjD,CAAC"}
+{"version":3,"file":"input-control-styles.d.ts","sourceRoot":"","sources":["../../../src/input-control/styles/input-control-styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAE9E,KAAK,cAAc,GAAG;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IAChD,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAGlB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAKlB,CAAC;AAEF,KAAK,aAAa,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAiBF,eAAO,MAAM,UAAU;;;yHAkBtB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;UAKhB,CAAC;AA+BF,eAAO,MAAM,SAAS;;;0HAUrB,CAAC;AAEF,KAAK,UAAU,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAE,QAAQ,CAAE,CAAC;IACvC,kBAAkB,CAAC,EAAE,aAAa,CAAE,oBAAoB,CAAE,CAAC;IAC3D,gBAAgB,CAAC,EAAE,aAAa,CAAE,kBAAkB,CAAE,CAAC;CACvD,CAAC;AAYF,eAAO,MAAM,cAAc,wBAA0B,UAAU,0BAqB9D,CAAC;AAEF,eAAO,MAAM,aAAa,wBAA0B,UAAU;;;;;;;;;;;;;;;;;;CA2B7D,CAAC;AA+CF,eAAO,MAAM,KAAK;;;+HAmEjB,CAAC;AAeF,eAAO,MAAM,KAAK,UACV,uBAAuB,CAC7B;IAAE,aAAa,CAAC,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,EACtD,OAAO,EACP,KAAK,CACL,gCACwC,CAAC;AAE3C,eAAO,MAAM,YAAY;;;;UAExB,CAAC;AA4BF,eAAO,MAAM,mBAAmB;;;;eAtBW,OAAO;yGAwBjD,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":"AAyBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAmV1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;eAGrC,KAAK"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAoV1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;eAGrC,KAAK"}

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

@@ -1,4 +1,4 @@
-import type { PaletteEditProps, PaletteElement } from './types';
+import type { PaletteEditProps, PaletteElement, PaletteVariant } from './types';
 export declare function deduplicateElementSlugs<T extends PaletteElement>(elements: T[]): (T & {
     slug: string;
 })[];
@@ -10,15 +10,18 @@ export declare function deduplicateElementSlugs<T extends PaletteElement>(elemen
  *
  * @param elements   An array of color palette items.
  * @param slugPrefix The slug prefix used to match the element slug.
+ * @param variant    The kind of preset being edited. Duotones are named
+ *                   "Duotone + id" and slugged with a `duotone-` stem;
+ *                   colors and gradients both use `color-`.
  *
  * @return A name and slug for the new palette item.
  */
-export declare function getNameAndSlugForPosition(elements: PaletteElement[], slugPrefix: string): {
-    name: import("@wordpress/i18n").TransformedText<"Color %d">;
+export declare function getNameAndSlugForPosition(elements: PaletteElement[], slugPrefix: string, variant?: PaletteVariant): {
+    name: import("@wordpress/i18n").TransformedText<"Color %d"> | import("@wordpress/i18n").TransformedText<"Duotone %d">;
     slug: string;
 };
 /**
- * Allows editing a palette of colors or gradients.
+ * Allows editing a palette of colors, gradients or duotones.
  *
  * ```jsx
  * import { PaletteEdit } from '@wordpress/components';
@@ -37,6 +40,6 @@ export declare function getNameAndSlugForPosition(elements: PaletteElement[], sl
  * };
  * ```
  */
-export declare function PaletteEdit({ gradients, colors, onChange, paletteLabel, paletteLabelHeadingLevel, emptyMessage, canOnlyChangeValues, canReset, slugPrefix, popoverProps, }: PaletteEditProps): import("react").JSX.Element;
+export declare function PaletteEdit({ gradients, duotones, colors, colorPalette, onChange, paletteLabel, paletteLabelHeadingLevel, emptyMessage, canOnlyChangeValues, canReset, slugPrefix, popoverProps, }: PaletteEditProps): import("react").JSX.Element;
 export default PaletteEdit;
 //# sourceMappingURL=index.d.ts.map

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":"AAoCA,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;IAiBjB,IAAI;IAKJ,IAAI;EAEL;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;eAEc,WAAW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/palette-edit/index.tsx"],"names":[],"mappings":"AA6CA,OAAO,KAAK,EAOX,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,MAAM,SAAS,CAAC;AA+LjB,wBAAgB,uBAAuB,CAAE,CAAC,SAAS,cAAc,EAChE,QAAQ,EAAE,CAAC,EAAE;;KAgBb;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,yBAAyB,CACxC,QAAQ,EAAE,cAAc,EAAE,EAC1B,UAAU,EAAE,MAAM,EAClB,OAAO,GAAE,cAAwB;IAkBhC,IAAI;IAYJ,IAAI;EAEL;AA2QD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,WAAW,CAAE,EAC5B,SAAS,EACT,QAAQ,EACR,MAAoB,EACpB,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,wBAA4B,EAC5B,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,UAAe,EACf,YAAY,GACZ,EAAE,gBAAgB,+BA0SlB;eAEc,WAAW"}

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

@@ -6,14 +6,27 @@ export type Color = {
     name: string;
     slug: string;
     gradient?: never;
+    colors?: never;
 };
 export type Gradient = {
     gradient: string;
     name: string;
     slug: string;
     color?: never;
+    colors?: never;
 };
-export type PaletteElement = Color | Gradient;
+export type Duotone = {
+    colors: string[];
+    name: string;
+    slug: string;
+    color?: never;
+    gradient?: never;
+};
+export type PaletteElement = Color | Gradient | Duotone;
+/**
+ * The kind of preset a `PaletteEdit` instance is editing.
+ */
+export type PaletteVariant = 'color' | 'gradient' | 'duotone';
 export type BasePaletteEdit = {
     /**
      * Whether the user can only change the color or gradient values.
@@ -63,6 +76,8 @@ type PaletteEditColors = {
      */
     onChange: (values?: Color[]) => void;
     gradients?: never;
+    duotones?: never;
+    colorPalette?: never;
 };
 type PaletteEditGradients = {
     /**
@@ -74,13 +89,35 @@ type PaletteEditGradients = {
      */
     onChange: (values?: Gradient[]) => void;
     colors?: never;
+    duotones?: never;
+    colorPalette?: never;
+};
+type PaletteEditDuotones = {
+    /**
+     * The duotones in the palette.
+     */
+    duotones: Duotone[];
+    /**
+     * Runs on changing the value.
+     */
+    onChange: (values?: Duotone[]) => void;
+    /**
+     * The colors offered when picking the shadows and highlights of a duotone,
+     * and from which the value of a newly added duotone is derived.
+     *
+     * @default []
+     */
+    colorPalette?: Color[];
+    colors?: never;
+    gradients?: never;
 };
-export type PaletteEditProps = BasePaletteEdit & (PaletteEditColors | PaletteEditGradients);
+export type PaletteEditProps = BasePaletteEdit & (PaletteEditColors | PaletteEditGradients | PaletteEditDuotones);
 type EditingElement = number | null;
-export type ColorPickerPopoverProps<T extends Color | Gradient> = {
+export type ColorPickerPopoverProps<T extends PaletteElement> = {
     element: T;
     onChange: (newElement: T) => void;
-    isGradient?: T extends Gradient ? true : false;
+    variant: PaletteVariant;
+    colorPalette?: Color[];
     onClose?: () => void;
     popoverProps?: PaletteEditProps['popoverProps'];
 };
@@ -89,20 +126,22 @@ export type NameInputProps = {
     onChange: (nextName?: PaletteElement['name']) => void;
     value: PaletteElement['name'];
 };
-export type OptionProps<T extends Color | Gradient> = {
+export type OptionProps<T extends PaletteElement> = {
     element: T;
     onChange: (newElement: T) => void;
-    isGradient: T extends Gradient ? true : false;
+    variant: PaletteVariant;
+    colorPalette?: Color[];
     canOnlyChangeValues: PaletteEditProps['canOnlyChangeValues'];
     key: Key;
     onRemove: MouseEventHandler<HTMLButtonElement>;
     popoverProps?: PaletteEditProps['popoverProps'];
     slugPrefix: string;
 };
-export type PaletteEditListViewProps<T extends Color | Gradient> = {
+export type PaletteEditListViewProps<T extends PaletteElement> = {
     elements: T[];
     onChange: (newElements?: T[]) => void;
-    isGradient: T extends Gradient ? true : false;
+    variant: PaletteVariant;
+    colorPalette?: Color[];
     canOnlyChangeValues: PaletteEditProps['canOnlyChangeValues'];
     addColorRef: React.RefObject<HTMLButtonElement | null>;
     editingElement?: EditingElement;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/palette-edit/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/palette-edit/types.ts"],"names":[],"mappings":"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"}

package/build-types/private-apis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"private-apis.d.ts","sourceRoot":"","sources":["../src/private-apis.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,WAAW,IAAK,CAAC"}
+{"version":3,"file":"private-apis.d.ts","sourceRoot":"","sources":["../src/private-apis.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,WAAW,IAAK,CAAC"}

package/build-types/progress-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/progress-bar/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA+BhD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,uSAAuC,CAAC;eAGjD,WAAW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/progress-bar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAkChD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,uSAAuC,CAAC;eAGjD,WAAW"}

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":"AAIA,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;eAEc,YAAY"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/radio-control/index.tsx"],"names":[],"mappings":"AAIA,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,sCAwGnE;eAEc,YAAY"}

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

@@ -27,6 +27,12 @@ export type RadioControlProps = Pick<BaseControlProps, 'label' | 'help' | 'hideL
          * Optional help text to be shown in addition the label.
          */
         description?: string;
+        /**
+         * Whether the option should be disabled.
+         *
+         * @default false
+         */
+        disabled?: boolean;
     }[];
     /**
      * The value property of the currently selected option.

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,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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/radio-control/types.ts"],"names":[],"mappings":"AAAA,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;QACrB;;;;WAIG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;IACJ;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/build-types/resizable-box/resize-tooltip/index.d.ts

@@ -1,8 +1,8 @@
-import type { Ref } from 'react';
+import type { ElementType, Ref } from 'react';
 import type { Axis, Position } from './utils';
 import { useResizeLabel } from './utils';
-import { Root } from './styles/resize-tooltip.styles';
-type ResizeTooltipProps = React.ComponentProps<typeof Root> & {
+declare const ForwardedComponent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    as?: ElementType;
     'aria-hidden'?: boolean;
     axis?: Axis;
     className?: string;
@@ -13,7 +13,6 @@ type ResizeTooltipProps = React.ComponentProps<typeof Root> & {
     position?: Position;
     showPx?: boolean;
     zIndex?: number;
-};
-declare const ForwardedComponent: import("react").ForwardRefExoticComponent<Omit<ResizeTooltipProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLElement>>;
 export default ForwardedComponent;
 //# sourceMappingURL=index.d.ts.map

package/build-types/resizable-box/resize-tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAgB,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAa,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAEtD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAE,OAAO,IAAI,CAAE,GAAG;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,GAAG,CAAE,cAAc,CAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,UAAU,CAAE,OAAO,cAAc,CAAE,CAAE,CAAC,CAAE,CAAE,UAAU,CAAE,CAAC;IAClE,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA+CF,QAAA,MAAM,kBAAkB,4HAA8B,CAAC;eAExC,kBAAkB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAgB,MAAM,OAAO,CAAC;AAI5D,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAa,MAAM,SAAS,CAAC;AAqEpD,QAAA,MAAM,kBAAkB;SAjElB,WAAW;oBACA,OAAO;WAChB,IAAI;gBACC,MAAM;kBACJ,MAAM;gBACR,OAAO;eACR,GAAG,CAAE,cAAc,CAAE;eACrB,UAAU,CAAE,OAAO,cAAc,CAAE,CAAE,CAAC,CAAE,CAAE,UAAU,CAAE;eACtD,QAAQ;aACV,OAAO;aACP,MAAM;+CAuDsC,CAAC;eAExC,kBAAkB"}

package/build-types/resizable-box/resize-tooltip/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/label.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAWxC,KAAK,UAAU,GAAG,KAAK,CAAC,iBAAiB,CACxC,KAAK,CAAC,cAAc,CAAE,cAAc,CAAE,EACtC,cAAc,CACd,GAAG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAgEF,QAAA,MAAM,kBAAkB,oHAAsB,CAAC;eAEhC,kBAAkB"}
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/label.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAOxC,KAAK,UAAU,GAAG,KAAK,CAAC,iBAAiB,CACxC,KAAK,CAAC,cAAc,CAAE,cAAc,CAAE,EACtC,cAAc,CACd,GAAG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAwEF,QAAA,MAAM,kBAAkB,oHAAsB,CAAC;eAEhC,kBAAkB"}

package/build-types/scrollable/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/scrollable/hook.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAI1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,aAAa,CAC5B,KAAK,EAAE,uBAAuB,CAAE,eAAe,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BxD"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/scrollable/hook.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C,wBAAgB,aAAa,CAC5B,KAAK,EAAE,uBAAuB,CAAE,eAAe,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBxD"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/textarea-control/index.tsx"],"names":[],"mappings":"AAqDA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,eAAe;;;;0TAA2C,CAAC;eAGzD,eAAe"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/textarea-control/index.tsx"],"names":[],"mappings":"AAwDA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,eAAe;;;;0TAA2C,CAAC;eAGzD,eAAe"}

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

@@ -10,9 +10,6 @@ declare const _default: {
     controlHeightXLarge: string;
 } & {
     colorDivider: string;
-    colorScrollbarThumb: string;
-    colorScrollbarThumbHover: string;
-    colorScrollbarTrack: string;
     elevationIntensity: number;
     radiusXSmall: string;
     radiusSmall: string;

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

@@ -1 +1 @@
-{"version":3,"file":"content-editable-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/content-editable-control.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAsErD,eAAO,MAAM,+BAA+B;;;;;;IApDzC;;;;;OAKG;YACK,MAAM;0DAgDhB,CAAC"}
+{"version":3,"file":"content-editable-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/content-editable-control.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAuErD,eAAO,MAAM,+BAA+B;;;;;;IArDzC;;;;;OAKG;YACK,MAAM;0DAiDhB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"custom-select-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/custom-select-control.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAsDrD,eAAO,MAAM,4BAA4B,kPAExC,CAAC"}
+{"version":3,"file":"custom-select-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/custom-select-control.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAuDrD,eAAO,MAAM,4BAA4B,kPAExC,CAAC"}

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

@@ -1,10 +1,6 @@
-export * from './combobox-control';
 export * from './custom-select-control';
-export * from './form-token-field';
 export * from './input-control';
 export * from './range-control';
 export * from './content-editable-control';
 export * from './textarea-control';
-export * from './toggle-control';
-export * from './toggle-group-control';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"input-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/input-control.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA2BrD,eAAO,MAAM,qBAAqB,2OAEjC,CAAC"}
+{"version":3,"file":"input-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/input-control.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAkCrD,eAAO,MAAM,qBAAqB,2OAEjC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"range-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/range-control.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA2BrD,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;myBAEjC,CAAC"}
+{"version":3,"file":"range-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/range-control.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA4BrD,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;myBAEjC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"textarea-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/textarea-control.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AA2BrD,eAAO,MAAM,wBAAwB;;;;+YAEpC,CAAC"}
+{"version":3,"file":"textarea-control.d.ts","sourceRoot":"","sources":["../../../src/validated-form-controls/components/textarea-control.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAkCrD,eAAO,MAAM,wBAAwB;;;;+YAEpC,CAAC"}

package/build-types/validated-form-controls/index.d.ts

@@ -1,3 +1,2 @@
 export * from './components';
-export * from './control-with-error';
 //# sourceMappingURL=index.d.ts.map

package/build-types/validated-form-controls/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/validated-form-controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/validated-form-controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

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":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAkD3C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM,wGAAgD,CAAC;eAErD,MAAM"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/z-stack/component.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAwD3C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,MAAM,wGAAgD,CAAC;eAErD,MAAM"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/components",
-	"version": "39.0.0",
+	"version": "40.0.0",
 	"description": "UI components for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -50,7 +50,7 @@
 		"src/**/*.scss"
 	],
 	"dependencies": {
-		"@ariakit/react": "^0.4.35",
+		"@ariakit/react": "^0.4.37",
 		"@date-fns/utc": "^2.1.1",
 		"@emotion/cache": "^11.14.0",
 		"@emotion/css": "^11.13.5",
@@ -62,27 +62,27 @@
 		"@types/gradient-parser": "^1.1.0",
 		"@types/highlight-words-core": "^1.2.1",
 		"@use-gesture/react": "^10.3.1",
-		"@wordpress/a11y": "^4.53.0",
-		"@wordpress/base-styles": "^12.1.0",
-		"@wordpress/compose": "^8.6.0",
-		"@wordpress/date": "^5.53.0",
-		"@wordpress/deprecated": "^4.53.0",
-		"@wordpress/dom": "^4.53.0",
-		"@wordpress/element": "^8.5.0",
-		"@wordpress/escape-html": "^3.53.0",
-		"@wordpress/hooks": "^4.53.0",
-		"@wordpress/html-entities": "^4.53.0",
-		"@wordpress/i18n": "^6.26.0",
-		"@wordpress/icons": "^15.4.0",
-		"@wordpress/is-shallow-equal": "^5.53.0",
-		"@wordpress/kebab-case": "^1.0.0",
-		"@wordpress/keycodes": "^4.53.0",
-		"@wordpress/primitives": "^4.53.0",
-		"@wordpress/private-apis": "^1.53.0",
-		"@wordpress/rich-text": "^7.53.0",
-		"@wordpress/style-runtime": "^0.9.0",
-		"@wordpress/ui": "^0.20.0",
-		"@wordpress/warning": "^3.53.0",
+		"@wordpress/a11y": "^4.54.0",
+		"@wordpress/base-styles": "^13.0.0",
+		"@wordpress/compose": "^8.7.0",
+		"@wordpress/date": "^5.54.0",
+		"@wordpress/deprecated": "^4.54.0",
+		"@wordpress/dom": "^4.54.0",
+		"@wordpress/element": "^8.6.0",
+		"@wordpress/escape-html": "^3.54.0",
+		"@wordpress/hooks": "^4.54.0",
+		"@wordpress/html-entities": "^4.54.0",
+		"@wordpress/i18n": "^6.27.0",
+		"@wordpress/icons": "^15.5.0",
+		"@wordpress/is-shallow-equal": "^5.54.0",
+		"@wordpress/kebab-case": "^1.1.0",
+		"@wordpress/keycodes": "^4.54.0",
+		"@wordpress/primitives": "^4.54.0",
+		"@wordpress/private-apis": "^1.54.0",
+		"@wordpress/rich-text": "^7.54.0",
+		"@wordpress/style-runtime": "^0.10.0",
+		"@wordpress/ui": "^0.21.0",
+		"@wordpress/warning": "^3.54.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.3",
@@ -93,7 +93,7 @@
 		"framer-motion": "^11.15.0",
 		"gradient-parser": "^1.1.1",
 		"highlight-words-core": "^1.2.2",
-		"is-plain-object": "^5.0.0",
+		"is-plain-object": "^5.1.0",
 		"memize": "^2.1.1",
 		"path-to-regexp": "^6.2.1",
 		"re-resizable": "^6.4.0",
@@ -102,19 +102,19 @@
 		"uuid": "^14.0.0"
 	},
 	"devDependencies": {
-		"@ariakit/test": "^0.7.2",
-		"@storybook/addon-docs": "^10.4.3",
-		"@storybook/react-vite": "^10.4.3",
+		"@ariakit/test": "^0.7.4",
+		"@storybook/addon-docs": "^10.5.3",
+		"@storybook/react-vite": "^10.5.3",
 		"@testing-library/dom": "^10.4.1",
 		"@testing-library/jest-dom": "^6.9.1",
 		"@testing-library/react": "^16.3.2",
 		"@testing-library/user-event": "^14.6.1",
 		"@types/jest": "^30.0.0",
 		"@types/react-dom": "^18.3.1",
-		"@wordpress/jest-console": "^9.1.0",
+		"@wordpress/jest-console": "^9.2.0",
 		"@wordpress/stylelint-tools": "file:../../tools/stylelint",
 		"snapshot-diff": "^0.10.0",
-		"storybook": "^10.4.3",
+		"storybook": "^10.5.3",
 		"timezone-mock": "^1.3.6"
 	},
 	"peerDependencies": {
@@ -130,5 +130,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "989764d42ff93e33684aaf0b96a5b7f3d9bbff52"
+	"gitHead": "5ef24f60261976bb198ad035db24bf81c1fb92b4"
 }

package/src/animate/stories/index.story.tsx

@@ -77,16 +77,6 @@ AppearBottomRight.args = {
 	),
 };
 
-export const Loading = Template.bind( {} );
-Loading.args = {
-	type: 'loading',
-	children: ( { className } ) => (
-		<Notice className={ className } status="success">
-			<p>Loading animation.</p>
-		</Notice>
-	),
-};
-
 export const SlideIn = Template.bind( {} );
 SlideIn.args = {
 	type: 'slide-in',

package/src/base-control/stories/index.story.tsx

@@ -21,7 +21,7 @@ const meta: Meta< typeof BaseControl > = {
 		componentStatus: {
 			status: 'recommended',
 			whereUsed: 'global',
-			notes: 'Will be superseded by [`Field`](?path=/docs/design-system-components-form-primitives-field--docs) in `@wordpress/ui`, but continue using for now.',
+			notes: '`BaseControl.VisualLabel` can continue to be used for now. To add labels and descriptions semantically, use [`Field`](?path=/docs/design-system-components-form-primitives-field--docs) in `@wordpress/ui`.',
 		},
 	},
 };