@wordpress/components 25.7.0 → 25.8.1

package/build-types/card/card-header/hook.d.ts

@@ -7,70 +7,36 @@ import type { HeaderProps } from '../types';
 export declare function useCardHeader(props: WordPressComponentProps<HeaderProps, 'div'>): {
     className: string;
     children: import("react").ReactNode;
-    defaultValue?: string | number | readonly string[] | undefined;
-    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    color?: string | undefined;
-    translate?: "no" | "yes" | undefined;
-    hidden?: boolean | undefined;
-    style?: import("react").CSSProperties | undefined;
-    key?: import("react").Key | null | undefined;
+    id?: string | undefined;
+    prefix?: string | undefined;
     slot?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
-    id?: string | undefined;
-    defaultChecked?: boolean | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
+    color?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    hidden?: boolean | undefined;
     lang?: string | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined;
-    radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "false" | "true") | undefined;
-    'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
+    'aria-autocomplete'?: "inline" | "none" | "list" | "both" | undefined;
     'aria-busy'?: (boolean | "false" | "true") | undefined;
     'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "false" | "true") | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-expanded'?: (boolean | "false" | "true") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-    'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
     'aria-hidden'?: (boolean | "false" | "true") | undefined;
     'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -87,7 +53,7 @@ export declare function useCardHeader(props: WordPressComponentProps<HeaderProps
     'aria-posinset'?: number | undefined;
     'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-readonly'?: (boolean | "false" | "true") | undefined;
-    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     'aria-required'?: (boolean | "false" | "true") | undefined;
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
@@ -119,6 +85,7 @@ export declare function useCardHeader(props: WordPressComponentProps<HeaderProps
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -262,6 +229,39 @@ export declare function useCardHeader(props: WordPressComponentProps<HeaderProps
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
+    radioGroup?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     as?: keyof JSX.IntrinsicElements | undefined;
 };
 //# sourceMappingURL=hook.d.ts.map

package/build-types/card/card-media/hook.d.ts

@@ -7,70 +7,36 @@ import type { MediaProps } from '../types';
 export declare function useCardMedia(props: WordPressComponentProps<MediaProps, 'div'>): {
     className: string;
     children: import("react").ReactNode;
-    defaultValue?: string | number | readonly string[] | undefined;
-    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    color?: string | undefined;
-    translate?: "no" | "yes" | undefined;
-    hidden?: boolean | undefined;
-    style?: import("react").CSSProperties | undefined;
-    key?: import("react").Key | null | undefined;
+    id?: string | undefined;
+    prefix?: string | undefined;
     slot?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
-    id?: string | undefined;
-    defaultChecked?: boolean | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
+    color?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    hidden?: boolean | undefined;
     lang?: string | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined;
-    radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "false" | "true") | undefined;
-    'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
+    'aria-autocomplete'?: "inline" | "none" | "list" | "both" | undefined;
     'aria-busy'?: (boolean | "false" | "true") | undefined;
     'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "false" | "true") | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-expanded'?: (boolean | "false" | "true") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-    'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
     'aria-hidden'?: (boolean | "false" | "true") | undefined;
     'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -87,7 +53,7 @@ export declare function useCardMedia(props: WordPressComponentProps<MediaProps,
     'aria-posinset'?: number | undefined;
     'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-readonly'?: (boolean | "false" | "true") | undefined;
-    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     'aria-required'?: (boolean | "false" | "true") | undefined;
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
@@ -119,6 +85,7 @@ export declare function useCardMedia(props: WordPressComponentProps<MediaProps,
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -262,6 +229,39 @@ export declare function useCardMedia(props: WordPressComponentProps<MediaProps,
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
+    radioGroup?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     as?: keyof JSX.IntrinsicElements | undefined;
 };
 //# sourceMappingURL=hook.d.ts.map

package/build-types/card/stories/index.story.d.ts

@@ -16,7 +16,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
     isBorderless?: boolean | undefined;
     isRounded?: boolean | undefined;
     isElevated?: boolean | undefined;
-} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "size" | "as" | "elevation" | keyof import("react").RefAttributes<any> | keyof import("../../surface/types").SurfaceProps | "isBorderless" | "isRounded" | "isElevated"> & {
+} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "elevation" | "size" | "as" | keyof import("react").RefAttributes<any> | keyof import("../../surface/types").SurfaceProps | "isBorderless" | "isRounded" | "isElevated"> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 }>;
 /**
@@ -30,7 +30,7 @@ export declare const FullBleedContent: import("@storybook/types").AnnotatedStory
     isBorderless?: boolean | undefined;
     isRounded?: boolean | undefined;
     isElevated?: boolean | undefined;
-} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "size" | "as" | "elevation" | keyof import("react").RefAttributes<any> | keyof import("../../surface/types").SurfaceProps | "isBorderless" | "isRounded" | "isElevated"> & {
+} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "elevation" | "size" | "as" | keyof import("react").RefAttributes<any> | keyof import("../../surface/types").SurfaceProps | "isBorderless" | "isRounded" | "isElevated"> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 }>;
 //# sourceMappingURL=index.story.d.ts.map

package/build-types/circular-option-picker/circular-option-picker-actions.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { DropdownLinkActionProps } from './types';
+import type { WordPressComponentProps } from '../ui/context';
+import type { ButtonAsButtonProps } from '../button/types';
+export declare function DropdownLinkAction({ buttonProps, className, dropdownProps, linkText, }: DropdownLinkActionProps): JSX.Element;
+export declare function ButtonAction({ className, children, ...additionalProps }: WordPressComponentProps<ButtonAsButtonProps, 'button', false>): JSX.Element;
+//# sourceMappingURL=circular-option-picker-actions.d.ts.map

package/build-types/circular-option-picker/circular-option-picker-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-option-picker-actions.d.ts","sourceRoot":"","sources":["../../src/circular-option-picker/circular-option-picker-actions.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,wBAAgB,kBAAkB,CAAE,EACnC,WAAW,EACX,SAAS,EACT,aAAa,EACb,QAAQ,GACR,EAAE,uBAAuB,eAqBzB;AAED,wBAAgB,YAAY,CAAE,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,eAAe,EAClB,EAAE,uBAAuB,CAAE,mBAAmB,EAAE,QAAQ,EAAE,KAAK,CAAE,eAajE"}

package/build-types/circular-option-picker/circular-option-picker-context.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { CircularOptionPickerContextProps } from './types';
+export declare const CircularOptionPickerContext: import("react").Context<CircularOptionPickerContextProps>;
+//# sourceMappingURL=circular-option-picker-context.d.ts.map

package/build-types/circular-option-picker/circular-option-picker-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-option-picker-context.d.ts","sourceRoot":"","sources":["../../src/circular-option-picker/circular-option-picker-context.tsx"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAC;AAEhE,eAAO,MAAM,2BAA2B,2DACgB,CAAC"}

package/build-types/circular-option-picker/circular-option-picker-option-group.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { OptionGroupProps } from './types';
+export declare function OptionGroup({ className, options, ...additionalProps }: OptionGroupProps): JSX.Element;
+//# sourceMappingURL=circular-option-picker-option-group.d.ts.map

package/build-types/circular-option-picker/circular-option-picker-option-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-option-picker-option-group.d.ts","sourceRoot":"","sources":["../../src/circular-option-picker/circular-option-picker-option-group.tsx"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,WAAW,CAAE,EAC5B,SAAS,EACT,OAAO,EACP,GAAG,eAAe,EAClB,EAAE,gBAAgB,eAmBlB"}

package/build-types/circular-option-picker/circular-option-picker-option.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { OptionProps } from './types';
+export declare function Option({ className, isSelected, selectedIconProps, tooltipText, ...additionalProps }: OptionProps): JSX.Element;
+//# sourceMappingURL=circular-option-picker-option.d.ts.map

package/build-types/circular-option-picker/circular-option-picker-option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-option-picker-option.d.ts","sourceRoot":"","sources":["../../src/circular-option-picker/circular-option-picker-option.tsx"],"names":[],"mappings":";AAoBA,OAAO,KAAK,EACX,WAAW,EAGX,MAAM,SAAS,CAAC;AAqEjB,wBAAgB,MAAM,CAAE,EACvB,SAAS,EACT,UAAU,EACV,iBAAsB,EACtB,WAAW,EACX,GAAG,eAAe,EAClB,EAAE,WAAW,eAuCb"}

package/build-types/circular-option-picker/circular-option-picker.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { CircularOptionPickerProps } from './types';
+declare function CircularOptionPicker(props: CircularOptionPickerProps): JSX.Element;
+declare namespace CircularOptionPicker {
+    var Option: typeof import("./circular-option-picker-option").Option;
+    var OptionGroup: typeof import("./circular-option-picker-option-group").OptionGroup;
+    var ButtonAction: typeof import("./circular-option-picker-actions").ButtonAction;
+    var DropdownLinkAction: typeof import("./circular-option-picker-actions").DropdownLinkAction;
+}
+export default CircularOptionPicker;
+//# sourceMappingURL=circular-option-picker.d.ts.map

package/build-types/circular-option-picker/circular-option-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-option-picker.d.ts","sourceRoot":"","sources":["../../src/circular-option-picker/circular-option-picker.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EACX,yBAAyB,EAGzB,MAAM,SAAS,CAAC;AA+HjB,iBAAS,oBAAoB,CAAE,KAAK,EAAE,yBAAyB,eA8C9D;kBA9CQ,oBAAoB;;;;;;AAqD7B,eAAe,oBAAoB,CAAC"}

package/build-types/circular-option-picker/index.d.ts

@@ -1,60 +1,9 @@
-/// <reference types="react" />
-import type { CircularOptionPickerProps, DropdownLinkActionProps, OptionProps } from './types';
-import type { WordPressComponentProps } from '../ui/context';
-import type { ButtonAsButtonProps } from '../button/types';
-export declare function Option({ className, isSelected, selectedIconProps, tooltipText, ...additionalProps }: OptionProps): JSX.Element;
-export declare function DropdownLinkAction({ buttonProps, className, dropdownProps, linkText, }: DropdownLinkActionProps): JSX.Element;
-export declare function ButtonAction({ className, children, ...additionalProps }: WordPressComponentProps<ButtonAsButtonProps, 'button', false>): JSX.Element;
 /**
- *`CircularOptionPicker` is a component that displays a set of options as circular buttons.
- *
- * ```jsx
- * import { CircularOptionPicker } from '../circular-option-picker';
- * import { useState } from '@wordpress/element';
- *
- * const Example = () => {
- * 	const [ currentColor, setCurrentColor ] = useState();
- * 	const colors = [
- * 		{ color: '#f00', name: 'Red' },
- * 		{ color: '#0f0', name: 'Green' },
- * 		{ color: '#00f', name: 'Blue' },
- * 	];
- * 	const colorOptions = (
- * 		<>
- * 			{ colors.map( ( { color, name }, index ) => {
- * 				return (
- * 					<CircularOptionPicker.Option
- * 						key={ `${ color }-${ index }` }
- * 						tooltipText={ name }
- * 						style={ { backgroundColor: color, color } }
- * 						isSelected={ index === currentColor }
- * 						onClick={ () => setCurrentColor( index ) }
- * 						aria-label={ name }
- * 					/>
- * 				);
- * 			} ) }
- * 		</>
- * 	);
- * 	return (
- * 		<CircularOptionPicker
- * 				options={ colorOptions }
- * 				actions={
- * 					<CircularOptionPicker.ButtonAction
- * 						onClick={ () => setCurrentColor( undefined ) }
- * 					>
- * 						{ 'Clear' }
- * 					</CircularOptionPicker.ButtonAction>
- * 				}
- * 			/>
- * 	);
- * };
- * ```
+ * Internal dependencies
  */
-declare function CircularOptionPicker(props: CircularOptionPickerProps): JSX.Element;
-declare namespace CircularOptionPicker {
-    var Option: typeof import(".").Option;
-    var ButtonAction: typeof import(".").ButtonAction;
-    var DropdownLinkAction: typeof import(".").DropdownLinkAction;
-}
+import CircularOptionPicker from './circular-option-picker';
+export { Option } from './circular-option-picker-option';
+export { OptionGroup } from './circular-option-picker-option-group';
+export { ButtonAction, DropdownLinkAction, } from './circular-option-picker-actions';
 export default CircularOptionPicker;
 //# sourceMappingURL=index.d.ts.map

package/build-types/circular-option-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/circular-option-picker/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EACX,yBAAyB,EACzB,uBAAuB,EACvB,WAAW,EACX,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,wBAAgB,MAAM,CAAE,EACvB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,WAAW,EACX,GAAG,eAAe,EAClB,EAAE,WAAW,eA4Bb;AAED,wBAAgB,kBAAkB,CAAE,EACnC,WAAW,EACX,SAAS,EACT,aAAa,EACb,QAAQ,GACR,EAAE,uBAAuB,eAqBzB;AAED,wBAAgB,YAAY,CAAE,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,eAAe,EAClB,EAAE,uBAAuB,CAAE,mBAAmB,EAAE,QAAQ,EAAE,KAAK,CAAE,eAajE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AAEH,iBAAS,oBAAoB,CAAE,KAAK,EAAE,yBAAyB,eAoB9D;kBApBQ,oBAAoB;;;;;AA0B7B,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/circular-option-picker/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EACN,YAAY,EACZ,kBAAkB,GAClB,MAAM,kCAAkC,CAAC;AAE1C,eAAe,oBAAoB,CAAC"}

package/build-types/circular-option-picker/stories/index.story.d.ts

@@ -5,10 +5,12 @@ import type { Meta } from '@storybook/react';
 /**
  * Internal dependencies
  */
-import { default as CircularOptionPicker } from '..';
+import CircularOptionPicker from '..';
 declare const meta: Meta<typeof CircularOptionPicker>;
 export default meta;
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CircularOptionPickerProps>;
+export declare const AsButtons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CircularOptionPickerProps>;
+export declare const WithLoopingDisabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CircularOptionPickerProps>;
 export declare const WithButtonAction: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CircularOptionPickerProps>;
 export declare const WithDropdownLinkAction: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CircularOptionPickerProps>;
 //# sourceMappingURL=index.story.d.ts.map

package/build-types/circular-option-picker/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/circular-option-picker/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAKtD;;GAEG;AACH,OAAO,EAEN,OAAO,IAAI,oBAAoB,EAE/B,MAAM,IAAI,CAAC;AAOZ,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,oBAAoB,CAyC5C,CAAC;AACF,eAAe,IAAI,CAAC;AAiDpB,eAAO,MAAM,OAAO,6IAAsB,CAAC;AAG3C,eAAO,MAAM,gBAAgB,6IAAsB,CAAC;AAOpD,eAAO,MAAM,sBAAsB,6IAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/circular-option-picker/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAKtD;;GAEG;AACH,OAAO,oBAAoB,MAAM,IAAI,CAAC;AAOtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,oBAAoB,CA4C5C,CAAC;AACF,eAAe,IAAI,CAAC;AAiDpB,eAAO,MAAM,OAAO,6IAAsB,CAAC;AAM3C,eAAO,MAAM,SAAS,6IAAsB,CAAC;AAM7C,eAAO,MAAM,mBAAmB,6IAAsB,CAAC;AAiBvD,eAAO,MAAM,gBAAgB,6IAAsB,CAAC;AAOpD,eAAO,MAAM,sBAAsB,6IAAsB,CAAC"}

package/build-types/circular-option-picker/test/index.d.ts

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

package/build-types/circular-option-picker/test/index.d.ts.map

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

package/build-types/circular-option-picker/types.d.ts

@@ -12,7 +12,12 @@ import type { Icon } from '@wordpress/icons';
 import type { ButtonAsButtonProps } from '../button/types';
 import type { DropdownProps } from '../dropdown/types';
 import type { WordPressComponentProps } from '../ui/context';
-export type CircularOptionPickerProps = {
+import type { CompositeState } from '../composite';
+type CommonCircularOptionPickerProps = {
+    /**
+     * An ID to apply to the component.
+     */
+    id?: string;
     /**
      * A CSS class to apply to the wrapper element.
      */
@@ -34,16 +39,63 @@ export type CircularOptionPickerProps = {
      */
     children?: ReactNode;
 };
+type WithBaseId = {
+    baseId: string;
+};
+type FullListboxCircularOptionPickerProps = CommonCircularOptionPickerProps & {
+    /**
+     * Whether the control should present as a set of buttons,
+     * each with its own tab stop.
+     */
+    asButtons?: false;
+    /**
+     * Prevents keyboard interaction from wrapping around.
+     * Only used when `asButtons` is not true.
+     *
+     * @default true
+     */
+    loop?: boolean;
+} & ({
+    'aria-label': string;
+    'aria-labelledby'?: never;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby': string;
+});
+export type ListboxCircularOptionPickerProps = WithBaseId & Omit<FullListboxCircularOptionPickerProps, 'asButtons'>;
+type FullButtonsCircularOptionPickerProps = CommonCircularOptionPickerProps & {
+    /**
+     * Whether the control should present as a set of buttons,
+     * each with its own tab stop.
+     *
+     * @default false
+     */
+    asButtons: true;
+};
+export type ButtonsCircularOptionPickerProps = WithBaseId & Omit<FullButtonsCircularOptionPickerProps, 'asButtons'>;
+export type CircularOptionPickerProps = FullListboxCircularOptionPickerProps | FullButtonsCircularOptionPickerProps;
 export type DropdownLinkActionProps = {
     buttonProps?: Omit<WordPressComponentProps<ButtonAsButtonProps, 'button', false>, 'children'>;
     linkText: string;
     dropdownProps: Omit<DropdownProps, 'className' | 'renderToggle'>;
     className?: string;
 };
+export type OptionGroupProps = {
+    className?: string;
+    options: ReactNode;
+};
 export type OptionProps = Omit<WordPressComponentProps<ButtonAsButtonProps, 'button', false>, 'isPressed' | 'className'> & {
     className?: string;
     tooltipText?: string;
     isSelected?: boolean;
     selectedIconProps?: Omit<React.ComponentProps<typeof Icon>, 'icon' | 'size'>;
 };
+export type CircularOptionPickerCompositeState = CompositeState;
+export type CircularOptionPickerContextProps = {
+    isComposite?: false;
+    baseId?: string;
+} | ({
+    isComposite: true;
+} & CircularOptionPickerCompositeState);
+export {};
 //# sourceMappingURL=types.d.ts.map

package/build-types/circular-option-picker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/circular-option-picker/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;GAEG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,MAAM,yBAAyB,GAAG;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACrC,WAAW,CAAC,EAAE,IAAI,CACjB,uBAAuB,CAAE,mBAAmB,EAAE,QAAQ,EAAE,KAAK,CAAE,EAC/D,UAAU,CACV,CAAC;IACF,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,IAAI,CAAE,aAAa,EAAE,WAAW,GAAG,cAAc,CAAE,CAAC;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,CAC7B,uBAAuB,CAAE,mBAAmB,EAAE,QAAQ,EAAE,KAAK,CAAE,EAC/D,WAAW,GAAG,WAAW,CACzB,GAAG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,iBAAiB,CAAC,EAAE,IAAI,CACvB,KAAK,CAAC,cAAc,CAAE,OAAO,IAAI,CAAE,EACnC,MAAM,GAAG,MAAM,CACf,CAAC;CACF,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/circular-option-picker/types.ts"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import type { ColorObject, CustomColorPickerDropdownProps, PaletteObject } from './types';
+import type { ColorPaletteProps, CustomColorPickerDropdownProps } from './types';
+import type { WordPressComponentProps } from '../ui/context';
 export declare function CustomColorPickerDropdown({ isRenderedInSidebar, popoverProps: receivedPopoverProps, ...props }: CustomColorPickerDropdownProps): JSX.Element;
 /**
  * Allows the user to pick a color from a list of pre-defined color entries.
@@ -25,23 +26,6 @@ export declare function CustomColorPickerDropdown({ isRenderedInSidebar, popover
  * } );
  * ```
  */
-export declare const ColorPalette: import("react").ForwardRefExoticComponent<Pick<{
-    className?: string | undefined;
-    clearColor: () => void;
-    onChange: (newColor?: string | undefined, index?: number | undefined) => void;
-    value?: string | undefined;
-    actions?: import("react").ReactNode;
-    headingLevel?: import("../heading/types").HeadingSize | undefined;
-}, "onChange"> & {
-    clearable?: boolean | undefined;
-    colors?: ColorObject[] | PaletteObject[] | undefined;
-    disableCustomColors?: boolean | undefined;
-    enableAlpha?: boolean | undefined;
-    headingLevel?: import("../heading/types").HeadingSize | undefined;
-    value?: string | undefined;
-    __experimentalIsRenderedInSidebar?: boolean | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "onChange" | "value" | "children" | "as" | "headingLevel" | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "clearable" | "disableCustomColors"> & {
-    as?: keyof JSX.IntrinsicElements | undefined;
-} & import("react").RefAttributes<any>>;
+export declare const ColorPalette: import("react").ForwardRefExoticComponent<WordPressComponentProps<ColorPaletteProps, "div"> & import("react").RefAttributes<any>>;
 export default ColorPalette;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color-palette/index.tsx"],"names":[],"mappings":";AAyBA,OAAO,KAAK,EACX,WAAW,EAEX,8BAA8B,EAE9B,aAAa,EAEb,MAAM,SAAS,CAAC;AA4GjB,wBAAgB,yBAAyB,CAAE,EAC1C,mBAAmB,EACnB,YAAY,EAAE,oBAAoB,EAClC,GAAG,KAAK,EACR,EAAE,8BAA8B,eA4BhC;AA+ID;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;uCAAwC,CAAC;AAElE,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color-palette/index.tsx"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAEX,iBAAiB,EACjB,8BAA8B,EAI9B,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AA2G7D,wBAAgB,yBAAyB,CAAE,EAC1C,mBAAmB,EACnB,YAAY,EAAE,oBAAoB,EAClC,GAAG,KAAK,EACR,EAAE,8BAA8B,eA4BhC;AAuLD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,YAAY,mIAAwC,CAAC;AAElE,eAAe,YAAY,CAAC"}