@wordpress/components 23.9.0 → 25.0.0

package/build-types/dropdown-menu-v2/types.d.ts

@@ -0,0 +1,242 @@
+/// <reference types="react" />
+/**
+ * External dependencies
+ */
+import type * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export type DropdownMenuProps = {
+    /**
+     * The open state of the dropdown menu when it is initially rendered. Use when
+     * you do not need to control its open state.
+     *
+     */
+    defaultOpen?: DropdownMenuPrimitive.DropdownMenuProps['defaultOpen'];
+    /**
+     * The controlled open state of the dropdown menu. Must be used in conjunction
+     * with `onOpenChange`.
+     */
+    open?: DropdownMenuPrimitive.DropdownMenuProps['open'];
+    /**
+     * Event handler called when the open state of the dropdown menu changes.
+     */
+    onOpenChange?: DropdownMenuPrimitive.DropdownMenuProps['onOpenChange'];
+    /**
+     * The modality of the dropdown menu. When set to true, interaction with
+     * outside elements will be disabled and only menu content will be visible to
+     * screen readers.
+     *
+     * @default true
+     */
+    modal?: DropdownMenuPrimitive.DropdownMenuProps['modal'];
+    /**
+     * The preferred side of the trigger to render against when open.
+     * Will be reversed when collisions occur and avoidCollisions is enabled.
+     *
+     * @default 'bottom'
+     */
+    side?: DropdownMenuPrimitive.DropdownMenuContentProps['side'];
+    /**
+     * The distance in pixels from the trigger.
+     *
+     * @default 0
+     */
+    sideOffset?: DropdownMenuPrimitive.DropdownMenuContentProps['sideOffset'];
+    /**
+     * The preferred alignment against the trigger.
+     * May change when collisions occur.
+     *
+     * @default 'center'
+     */
+    align?: DropdownMenuPrimitive.DropdownMenuContentProps['align'];
+    /**
+     * An offset in pixels from the "start" or "end" alignment options.
+     *
+     * @default 0
+     */
+    alignOffset?: DropdownMenuPrimitive.DropdownMenuContentProps['alignOffset'];
+    /**
+     * The trigger button.
+     */
+    trigger: React.ReactNode;
+    /**
+     * The contents of the dropdown
+     */
+    children: React.ReactNode;
+};
+export type DropdownSubMenuTriggerProps = {
+    /**
+     * The contents of the item.
+     */
+    children: React.ReactNode;
+    /**
+     * The contents of the item's prefix.
+     */
+    prefix?: React.ReactNode;
+    /**
+     * The contents of the item's suffix.
+     *
+     * @default The standard chevron icon for a submenu trigger.
+     */
+    suffix?: React.ReactNode;
+};
+export type DropdownSubMenuProps = {
+    /**
+     * The open state of the submenu when it is initially rendered. Use when you
+     * do not need to control its open state.
+     */
+    defaultOpen?: DropdownMenuPrimitive.DropdownMenuSubProps['defaultOpen'];
+    /**
+     * The controlled open state of the submenu. Must be used in conjunction with
+     * `onOpenChange`.
+     */
+    open?: DropdownMenuPrimitive.DropdownMenuSubProps['open'];
+    /**
+     * Event handler called when the open state of the submenu changes.
+     */
+    onOpenChange?: DropdownMenuPrimitive.DropdownMenuSubProps['onOpenChange'];
+    /**
+     * When `true`, prevents the user from interacting with the item.
+     */
+    disabled?: DropdownMenuPrimitive.DropdownMenuSubTriggerProps['disabled'];
+    /**
+     * Optional text used for typeahead purposes for the trigger. By default the typeahead
+     * behavior will use the `.textContent` of the trigger. Use this when the content
+     * is complex, or you have non-textual content inside.
+     */
+    textValue?: DropdownMenuPrimitive.DropdownMenuSubTriggerProps['textValue'];
+    /**
+     * The contents rendered inside the trigger. The trigger should be
+     * an instance of the `DropdownSubMenuTriggerProps` component.
+     */
+    trigger: React.ReactNode;
+    /**
+     * The contents of the dropdown sub menu
+     */
+    children: React.ReactNode;
+};
+export type DropdownMenuItemProps = {
+    /**
+     * When true, prevents the user from interacting with the item.
+     *
+     * @default false
+     */
+    disabled?: DropdownMenuPrimitive.DropdownMenuItemProps['disabled'];
+    /**
+     * Event handler called when the user selects an item (via mouse or keyboard).
+     * Calling `event.preventDefault` in this handler will prevent the dropdown
+     * menu from closing when selecting that item.
+     */
+    onSelect?: DropdownMenuPrimitive.DropdownMenuItemProps['onSelect'];
+    /**
+     * Optional text used for typeahead purposes. By default the typeahead
+     * behavior will use the `.textContent` of the item. Use this when the content
+     * is complex, or you have non-textual content inside.
+     */
+    textValue?: DropdownMenuPrimitive.DropdownMenuItemProps['textValue'];
+    /**
+     * The contents of the item
+     */
+    children: React.ReactNode;
+    /**
+     * The contents of the item's prefix
+     */
+    prefix?: React.ReactNode;
+    /**
+     * The contents of the item's suffix
+     */
+    suffix?: React.ReactNode;
+};
+export type DropdownMenuCheckboxItemProps = {
+    /**
+     * The controlled checked state of the item.
+     * Must be used in conjunction with `onCheckedChange`.
+     *
+     * @default false
+     */
+    checked?: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps['checked'];
+    /**
+     * Event handler called when the checked state changes.
+     */
+    onCheckedChange?: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps['onCheckedChange'];
+    /**
+     * When `true`, prevents the user from interacting with the item.
+     */
+    disabled?: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps['disabled'];
+    /**
+     * Event handler called when the user selects an item (via mouse or keyboard).
+     * Calling `event.preventDefault` in this handler will prevent the dropdown
+     * 	menu from closing when selecting that item.
+     */
+    onSelect?: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps['onSelect'];
+    /**
+     * Optional text used for typeahead purposes. By default the typeahead
+     * behavior will use the `.textContent` of the item. Use this when the content
+     * is complex, or you have non-textual content inside.
+     */
+    textValue?: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps['textValue'];
+    /**
+     * The contents of the checkbox item
+     */
+    children: React.ReactNode;
+    /**
+     * The contents of the checkbox item's suffix
+     */
+    suffix?: React.ReactNode;
+};
+export type DropdownMenuRadioGroupProps = {
+    /**
+     * The value of the selected item in the group.
+     */
+    value?: DropdownMenuPrimitive.DropdownMenuRadioGroupProps['value'];
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?: DropdownMenuPrimitive.DropdownMenuRadioGroupProps['onValueChange'];
+    /**
+     * The contents of the radio group
+     */
+    children: React.ReactNode;
+};
+export type DropdownMenuRadioItemProps = {
+    /**
+     * The unique value of the item.
+     */
+    value: DropdownMenuPrimitive.DropdownMenuRadioItemProps['value'];
+    /**
+     * When `true`, prevents the user from interacting with the item.
+     */
+    disabled?: DropdownMenuPrimitive.DropdownMenuRadioItemProps['disabled'];
+    /**
+     * Event handler called when the user selects an item (via mouse or keyboard).
+     * Calling `event.preventDefault` in this handler will prevent the dropdown
+     * menu from closing when selecting that item.
+     */
+    onSelect?: DropdownMenuPrimitive.DropdownMenuRadioItemProps['onSelect'];
+    /**
+     * Optional text used for typeahead purposes. By default the typeahead
+     * behavior will use the `.textContent` of the item. Use this when the content
+     * is complex, or you have non-textual content inside.
+     */
+    textValue?: DropdownMenuPrimitive.DropdownMenuRadioItemProps['textValue'];
+    /**
+     * The contents of the radio item
+     */
+    children: React.ReactNode;
+    /**
+     * The contents of the radio item's suffix
+     */
+    suffix?: React.ReactNode;
+};
+export type DropdownMenuLabelProps = {
+    /**
+     * The contents of the label
+     */
+    children: React.ReactNode;
+};
+export type DropdownMenuGroupProps = {
+    /**
+     * The contents of the group
+     */
+    children: React.ReactNode;
+};
+export type DropdownMenuSeparatorProps = {};
+//# sourceMappingURL=types.d.ts.map

package/build-types/dropdown-menu-v2/types.d.ts.map

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

package/build-types/form-token-field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAU9D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,eA0rBzD;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAW9D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,eA6rBzD;AAED,eAAe,cAAc,CAAC"}

package/build-types/form-token-field/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 type TokensAndInputWrapperProps = {
-    __next36pxDefaultSize: boolean;
+    __next40pxDefaultSize: boolean;
     hasTokens: boolean;
 };
 export declare const TokensAndInputWrapperFlex: import("@emotion/styled").StyledComponent<import("../flex/types").FlexProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../flex/types").FlexProps> & {

package/build-types/form-token-field/types.d.ts

@@ -140,13 +140,20 @@ export interface FormTokenFieldProps extends Pick<ComponentPropsWithRef<'input'>
      * @default true
      */
     __experimentalShowHowTo?: boolean;
+    /**
+     * Deprecated. Use `__next40pxDefaultSize` instead.
+     *
+     * @default false
+     * @deprecated
+     */
+    __next36pxDefaultSize?: boolean;
     /**
      * Start opting into the larger default height that will become the
      * default size in a future version.
      *
      * @default false
      */
-    __next36pxDefaultSize?: boolean;
+    __next40pxDefaultSize?: boolean;
     /**
      * If true, the select the first matching suggestion when the user presses
      * the Enter key (or space when tokenizeOnSpace is true).

package/build-types/form-token-field/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/form-token-field/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,qBAAqB,EACrB,iBAAiB,EACjB,SAAS,EACT,MAAM,OAAO,CAAC;AAEf,KAAK,QAAQ,GAAG;IACf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,qBAAqB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,SAAS;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,YAAY,CAAC;IAC5C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAE,eAAe,CAAE,CAAC;IACpD;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAE,eAAe,CAAE,CAAC;CACpD;AAED,MAAM,WAAW,mBAChB,SAAQ,IAAI,CACX,qBAAqB,CAAE,OAAO,CAAE,EAChC,gBAAgB,GAAG,cAAc,GAAG,WAAW,CAC/C;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAE,MAAM,GAAG,SAAS,CAAE,EAAE,CAAC;IACjC;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,MAAM,CAAC;IAC/C;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,MAAM,CAAC;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,MAAM,EAAE,CAAE,MAAM,GAAG,SAAS,CAAE,EAAE,KAAM,IAAI,CAAC;IACxD;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,KAAM,IAAI,CAAC;IACxC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;OAEG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,OAAO,CAAC;IAC3D;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C;;OAEG;IACH,wBAAwB,CAAC,EAAE,CAAE,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAM,SAAS,CAAC;IACnE;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB,CACpC,CAAC,GAAG,MAAM,GAAG,CAAE,MAAM,CAAE,MAAM,EAAE,OAAO,CAAE,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAE;IAE9D,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,CAAC,CAAC;IACT,OAAO,EAAE,CAAE,UAAU,EAAE,CAAC,KAAM,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAE,UAAU,EAAE,CAAC,KAAM,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,EAAE,CAAC;IACjB,gBAAgB,EAAE,CAAE,KAAK,EAAE,CAAC,KAAM,MAAM,CAAC;IACzC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,CAAE,IAAI,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,KAAM,SAAS,CAAC;CAC9D;AAED,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC5C,gBAAgB,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,MAAM,CAAC;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,CAAE,EAAE,KAAK,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAM,IAAI,CAAC;IACxD,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,uBAAuB,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAE,EAAE,KAAK,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAM,IAAI,CAAC;IACpD,KAAK,EAAE,MAAM,CAAC;CACd"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/form-token-field/types.ts"],"names":[],"mappings":"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"}

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":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAIhE,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGpD,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,KAAK,SAAS,GAAG;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAQF,eAAO,MAAM,IAAI;;;;sBAMhB,CAAC;AA2BF,eAAO,MAAM,SAAS;;;0HAUrB,CAAC;AAEF,KAAK,UAAU,GAAG;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,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;AA+BF,eAAO,MAAM,aAAa,gDAGvB,UAAU;;;;;;;;;;;;;;;;;;CAqCZ,CAAC;AA+CF,eAAO,MAAM,KAAK;;;+HAuBjB,CAAC;AAmBF,eAAO,MAAM,KAAK,UACV,wBACN;IAAE,aAAa,CAAC,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,EACtD,OAAO,EACP,KAAK,CACL,gBACwC,CAAC;AAE3C,eAAO,MAAM,YAAY;;;;UAExB,CAAC;AAEF,KAAK,aAAa,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA0BF,eAAO,MAAM,UAAU;;;yHAgBtB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAGlB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAKlB,CAAC"}
+{"version":3,"file":"input-control-styles.d.ts","sourceRoot":"","sources":["../../../src/input-control/styles/input-control-styles.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAIhE,OAAO,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGpD,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,KAAK,SAAS,GAAG;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,CAAC;AAQF,eAAO,MAAM,IAAI;;;;sBAMhB,CAAC;AA2BF,eAAO,MAAM,SAAS;;;0HAUrB,CAAC;AAEF,KAAK,UAAU,GAAG;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,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;AA+BF,eAAO,MAAM,aAAa,gDAGvB,UAAU;;;;;;;;;;;;;;;;;;CAqCZ,CAAC;AA+CF,eAAO,MAAM,KAAK;;;+HAuBjB,CAAC;AAmBF,eAAO,MAAM,KAAK,UACV,wBACN;IAAE,aAAa,CAAC,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,EACtD,OAAO,EACP,KAAK,CACL,gBACwC,CAAC;AAE3C,eAAO,MAAM,YAAY;;;;UAExB,CAAC;AAEF,KAAK,aAAa,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAiCF,eAAO,MAAM,UAAU;;;yHAgBtB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAGlB,CAAC;AAEF,eAAO,MAAM,MAAM;;;2GAKlB,CAAC"}

package/build-types/navigable-container/container.d.ts

@@ -1,3 +1,22 @@
-declare const _default: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any>>;
+/**
+ * External dependencies
+ */
+import type { ForwardedRef } from 'react';
+declare const _default: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+    cycle?: boolean | undefined;
+    onKeyDown?: ((event: KeyboardEvent) => void) | undefined;
+    onNavigate?: ((index: number, focusable: HTMLElement) => void) | undefined;
+} & {
+    eventToOffset: (event: KeyboardEvent) => 0 | 1 | -1 | undefined;
+    forwardedRef?: ForwardedRef<any> | undefined;
+    onlyBrowserTabstops: boolean;
+    stopNavigationEvents: boolean;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof {
+    children?: import("react").ReactNode;
+    cycle?: boolean | undefined;
+    onKeyDown?: ((event: KeyboardEvent) => void) | undefined;
+    onNavigate?: ((index: number, focusable: HTMLElement) => void) | undefined;
+} | "eventToOffset" | "forwardedRef" | "onlyBrowserTabstops" | "stopNavigationEvents"> & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;
 //# sourceMappingURL=container.d.ts.map

package/build-types/navigable-container/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/navigable-container/container.js"],"names":[],"mappings":""}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/navigable-container/container.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;AA0L1C,wBAAyD"}

package/build-types/navigable-container/index.d.ts

@@ -1,3 +1,6 @@
-export { default as NavigableMenu } from "./menu";
-export { default as TabbableContainer } from "./tabbable";
+/**
+ * Internal Dependencies
+ */
+export { default as NavigableMenu } from './menu';
+export { default as TabbableContainer } from './tabbable';
 //# sourceMappingURL=index.d.ts.map

package/build-types/navigable-container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigable-container/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigable-container/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,YAAY,CAAC"}

package/build-types/navigable-container/menu.d.ts

@@ -1,12 +1,46 @@
-export function NavigableMenu({ role, orientation, ...rest }: {
-    [x: string]: any;
-    role?: string | undefined;
-    orientation?: string | undefined;
-}, ref: any): JSX.Element;
-declare const _default: import("react").ForwardRefExoticComponent<Pick<{
-    [x: string]: any;
-    role?: string | undefined;
-    orientation?: string | undefined;
-}, string | number> & import("react").RefAttributes<any>>;
-export default _default;
+/**
+ * External dependencies
+ */
+import type { ForwardedRef } from 'react';
+import type { NavigableMenuProps } from './types';
+export declare function UnforwardedNavigableMenu({ role, orientation, ...rest }: NavigableMenuProps, ref: ForwardedRef<any>): JSX.Element;
+/**
+ * A container for a navigable menu.
+ *
+ *  ```jsx
+ *  import {
+ *    NavigableMenu,
+ *    Button,
+ *  } from '@wordpress/components';
+ *
+ *  function onNavigate( index, target ) {
+ *    console.log( `Navigates to ${ index }`, target );
+ *  }
+ *
+ *  const MyNavigableContainer = () => (
+ *    <div>
+ *      <span>Navigable Menu:</span>
+ *      <NavigableMenu onNavigate={ onNavigate } orientation="horizontal">
+ *        <Button variant="secondary">Item 1</Button>
+ *        <Button variant="secondary">Item 2</Button>
+ *        <Button variant="secondary">Item 3</Button>
+ *      </NavigableMenu>
+ *    </div>
+ *  );
+ *  ```
+ */
+export declare const NavigableMenu: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+    cycle?: boolean | undefined;
+    onKeyDown?: ((event: KeyboardEvent) => void) | undefined;
+    onNavigate?: ((index: number, focusable: HTMLElement) => void) | undefined;
+} & {
+    orientation?: "both" | "horizontal" | "vertical" | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | "orientation" | keyof {
+    children?: import("react").ReactNode;
+    cycle?: boolean | undefined;
+    onKeyDown?: ((event: KeyboardEvent) => void) | undefined;
+    onNavigate?: ((index: number, focusable: HTMLElement) => void) | undefined;
+}> & import("react").RefAttributes<any>>;
+export default NavigableMenu;
 //# sourceMappingURL=menu.d.ts.map

package/build-types/navigable-container/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/navigable-container/menu.js"],"names":[],"mappings":"AAYA;;;;0BA+CC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/navigable-container/menu.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAW1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,wBAAgB,wBAAwB,CACvC,EAAE,IAAa,EAAE,WAAwB,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,EACxE,GAAG,EAAE,YAAY,CAAE,GAAG,CAAE,eAoDxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;wCAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}

package/build-types/navigable-container/stories/navigable-menu.d.ts

@@ -0,0 +1,12 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { NavigableMenu } from '..';
+declare const meta: ComponentMeta<typeof NavigableMenu>;
+export default meta;
+export declare const Default: ComponentStory<typeof NavigableMenu>;
+//# sourceMappingURL=navigable-menu.d.ts.map

package/build-types/navigable-container/stories/navigable-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigable-menu.d.ts","sourceRoot":"","sources":["../../../src/navigable-container/stories/navigable-menu.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,aAAa,CAa9C,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,aAAa,CA2BzD,CAAC"}

package/build-types/navigable-container/stories/tabbable-container.d.ts

@@ -0,0 +1,12 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { TabbableContainer } from '..';
+declare const meta: ComponentMeta<typeof TabbableContainer>;
+export default meta;
+export declare const Default: ComponentStory<typeof TabbableContainer>;
+//# sourceMappingURL=tabbable-container.d.ts.map

package/build-types/navigable-container/stories/tabbable-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabbable-container.d.ts","sourceRoot":"","sources":["../../../src/navigable-container/stories/tabbable-container.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,iBAAiB,CAalD,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,iBAAiB,CAsB7D,CAAC"}

package/build-types/navigable-container/tabbable.d.ts

@@ -1,10 +1,53 @@
-export function TabbableContainer({ eventToOffset, ...props }: {
-    [x: string]: any;
-    eventToOffset: any;
-}, ref: any): JSX.Element;
-declare const _default: import("react").ForwardRefExoticComponent<Pick<{
-    [x: string]: any;
-    eventToOffset: any;
-}, string | number> & import("react").RefAttributes<any>>;
-export default _default;
+/**
+ * External dependencies
+ */
+import type { ForwardedRef } from 'react';
+import type { TabbableContainerProps } from './types';
+export declare function UnforwardedTabbableContainer({ eventToOffset, ...props }: TabbableContainerProps, ref: ForwardedRef<any>): JSX.Element;
+/**
+ * A container for tabbable elements.
+ *
+ *  ```jsx
+ *  import {
+ *    TabbableContainer,
+ *    Button,
+ *  } from '@wordpress/components';
+ *
+ *  function onNavigate( index, target ) {
+ *    console.log( `Navigates to ${ index }`, target );
+ *  }
+ *
+ *  const MyTabbableContainer = () => (
+ *    <div>
+ *      <span>Tabbable Container:</span>
+ *      <TabbableContainer onNavigate={ onNavigate }>
+ *        <Button variant="secondary" tabIndex="0">
+ *          Section 1
+ *        </Button>
+ *        <Button variant="secondary" tabIndex="0">
+ *          Section 2
+ *        </Button>
+ *        <Button variant="secondary" tabIndex="0">
+ *          Section 3
+ *        </Button>
+ *        <Button variant="secondary" tabIndex="0">
+ *          Section 4
+ *        </Button>
+ *      </TabbableContainer>
+ *    </div>
+ *  );
+ *  ```
+ */
+export declare const TabbableContainer: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+    cycle?: boolean | undefined;
+    onKeyDown?: ((event: KeyboardEvent) => void) | undefined;
+    onNavigate?: ((index: number, focusable: HTMLElement) => void) | undefined;
+} & Partial<Pick<import("./types").NavigableContainerProps, "eventToOffset">> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof {
+    children?: import("react").ReactNode;
+    cycle?: boolean | undefined;
+    onKeyDown?: ((event: KeyboardEvent) => void) | undefined;
+    onNavigate?: ((index: number, focusable: HTMLElement) => void) | undefined;
+} | "eventToOffset"> & import("react").RefAttributes<any>>;
+export default TabbableContainer;
 //# sourceMappingURL=tabbable.d.ts.map

package/build-types/navigable-container/tabbable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabbable.d.ts","sourceRoot":"","sources":["../../src/navigable-container/tabbable.js"],"names":[],"mappings":"AAWA;;;0BAgCC"}
+{"version":3,"file":"tabbable.d.ts","sourceRoot":"","sources":["../../src/navigable-container/tabbable.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAW1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,wBAAgB,4BAA4B,CAC3C,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,EACnD,GAAG,EAAE,YAAY,CAAE,GAAG,CAAE,eAmCxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;0DAA6C,CAAC;AAE5E,eAAe,iBAAiB,CAAC"}

package/build-types/navigable-container/test/navigable-menu.d.ts

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

package/build-types/navigable-container/test/navigable-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigable-menu.d.ts","sourceRoot":"","sources":["../../../src/navigable-container/test/navigable-menu.tsx"],"names":[],"mappings":""}

package/build-types/navigable-container/test/tababble-container.d.ts

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

package/build-types/navigable-container/test/tababble-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tababble-container.d.ts","sourceRoot":"","sources":["../../../src/navigable-container/test/tababble-container.tsx"],"names":[],"mappings":""}

package/build-types/navigable-container/types.d.ts

@@ -0,0 +1,61 @@
+/**
+ * External dependencies
+ */
+import type { ForwardedRef, ReactNode } from 'react';
+/**
+ * Internal dependencies
+ */
+import type { WordPressComponentProps } from '../ui/context';
+type BaseProps = {
+    /**
+     * The component children.
+     */
+    children?: ReactNode;
+    /**
+     * A boolean which tells the component whether or not to cycle from the end back to the beginning and vice versa.
+     *
+     * @default true
+     */
+    cycle?: boolean;
+    /**
+     * A callback invoked on the keydown event.
+     */
+    onKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * A callback invoked when the menu navigates to one of its children passing the index and child as an argument
+     */
+    onNavigate?: (index: number, focusable: HTMLElement) => void;
+};
+export type NavigableContainerProps = WordPressComponentProps<BaseProps & {
+    /**
+     * Gets an offset, given an event.
+     */
+    eventToOffset: (event: KeyboardEvent) => -1 | 0 | 1 | undefined;
+    /**
+     * The forwarded ref.
+     */
+    forwardedRef?: ForwardedRef<any>;
+    /**
+     * Whether to only consider browser tab stops.
+     *
+     * @default false
+     */
+    onlyBrowserTabstops: boolean;
+    /**
+     * Whether to stop navigation events.
+     *
+     * @default false
+     */
+    stopNavigationEvents: boolean;
+}, 'div', false>;
+export type NavigableMenuProps = WordPressComponentProps<BaseProps & {
+    /**
+     * The orientation of the menu.
+     *
+     * @default 'vertical'
+     */
+    orientation?: 'vertical' | 'horizontal' | 'both';
+}, 'div', false>;
+export type TabbableContainerProps = WordPressComponentProps<BaseProps & Partial<Pick<NavigableContainerProps, 'eventToOffset'>>, 'div', false>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/build-types/navigable-container/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/navigable-container/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,KAAK,SAAS,GAAG;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAE,KAAK,EAAE,aAAa,KAAM,IAAI,CAAC;IAC7C;;OAEG;IACH,UAAU,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,KAAM,IAAI,CAAC;CAC/D,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,uBAAuB,CAC5D,SAAS,GAAG;IACX;;OAEG;IACH,aAAa,EAAE,CAAE,KAAK,EAAE,aAAa,KAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAClE;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAE,GAAG,CAAE,CAAC;IACnC;;;;OAIG;IACH,mBAAmB,EAAE,OAAO,CAAC;IAC7B;;;;OAIG;IACH,oBAAoB,EAAE,OAAO,CAAC;CAC9B,EACD,KAAK,EACL,KAAK,CACL,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,uBAAuB,CACvD,SAAS,GAAG;IACX;;;;OAIG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;CACjD,EACD,KAAK,EACL,KAAK,CACL,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,uBAAuB,CAC3D,SAAS,GAAG,OAAO,CAAE,IAAI,CAAE,uBAAuB,EAAE,eAAe,CAAE,CAAE,EACvE,KAAK,EACL,KAAK,CACL,CAAC"}

package/build-types/navigator/navigator-back-button/component.d.ts

@@ -34,6 +34,7 @@
  * ```
  */
 export declare const NavigatorBackButton: import("../../ui/context").WordPressComponent<"button", {
+    __next40pxDefaultSize?: boolean | undefined;
     children?: import("react").ReactNode;
     describedBy?: string | undefined;
     focus?: boolean | undefined;

package/build-types/navigator/navigator-back-button/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/component.tsx"],"names":[],"mappings":";AAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;6CAG/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/component.tsx"],"names":[],"mappings":";AAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;6CAG/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/build-types/navigator/navigator-back-button/hook.d.ts

@@ -5,6 +5,7 @@
 import { WordPressComponentProps } from '../../ui/context';
 import type { NavigatorBackButtonHookProps } from '../types';
 export declare function useNavigatorBackButton(props: WordPressComponentProps<NavigatorBackButtonHookProps, 'button'>): {
+    __next40pxDefaultSize?: boolean | undefined;
     children?: import("react").ReactNode;
     describedBy?: string | undefined;
     focus?: boolean | undefined;

package/build-types/navigator/navigator-back-button/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAE7D,wBAAgB,sBAAsB,CACrC,KAAK,EAAE,uBAAuB,CAAE,4BAA4B,EAAE,QAAQ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BxE"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/navigator/navigator-back-button/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAE7D,wBAAgB,sBAAsB,CACrC,KAAK,EAAE,uBAAuB,CAAE,4BAA4B,EAAE,QAAQ,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BxE"}