@wordpress/components 25.9.1 → 25.11.0

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

@@ -0,0 +1,174 @@
+/// <reference types="react" />
+/**
+ * External dependencies
+ */
+import type * as Ariakit from '@ariakit/react';
+import type { Placement } from '@floating-ui/react-dom';
+export interface DropdownMenuContext {
+    /**
+     * The ariakit store shared across all DropdownMenu subcomponents.
+     */
+    store: Ariakit.MenuStore;
+    /**
+     * The variant used by the underlying menu popover.
+     */
+    variant?: 'toolbar';
+}
+export interface DropdownMenuProps {
+    /**
+     * The trigger button.
+     */
+    trigger: React.ReactElement;
+    /**
+     * The contents of the dropdown.
+     */
+    children?: React.ReactNode;
+    /**
+     * The open state of the dropdown menu when it is initially rendered. Use when
+     * not wanting to control its open state.
+     *
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * The controlled open state of the dropdown menu. Must be used in conjunction
+     * with `onOpenChange`.
+     */
+    open?: boolean;
+    /**
+     * Event handler called when the open state of the dropdown menu changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * 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?: boolean;
+    /**
+     * The placement of the dropdown menu popover.
+     *
+     * @default 'bottom-start' for root-level menus, 'right-start' for nested menus
+     */
+    placement?: Placement;
+    /**
+     * The distance between the popover and the anchor element.
+     *
+     * @default 8 for root-level menus, 16 for nested menus
+     */
+    gutter?: number;
+    /**
+     * The skidding of the popover along the anchor element. Can be set to
+     * negative values to make the popover shift to the opposite side.
+     *
+     * @default 0 for root-level menus, -8 for nested menus
+     */
+    shift?: number;
+    /**
+     * Determines whether the menu popover will be hidden when the user presses
+     * the Escape key.
+     *
+     * @default true
+     */
+    hideOnEscape?: boolean | ((event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean);
+}
+export interface DropdownMenuGroupProps {
+    /**
+     * The contents of the dropdown menu group.
+     */
+    children: React.ReactNode;
+}
+export interface DropdownMenuGroupLabelProps {
+    /**
+     * The contents of the dropdown menu group label.
+     */
+    children: React.ReactNode;
+}
+export interface DropdownMenuItemProps {
+    /**
+     * The contents of the menu item.
+     */
+    children: React.ReactNode;
+    /**
+     * The contents of the menu item's prefix.
+     */
+    prefix?: React.ReactNode;
+    /**
+     * The contents of the menu item's suffix.
+     */
+    suffix?: React.ReactNode;
+    /**
+     * Whether to hide the parent menu when the item is clicked.
+     *
+     * @default true
+     */
+    hideOnClick?: boolean;
+    /**
+     * Determines if the element is disabled.
+     */
+    disabled?: boolean;
+}
+export interface DropdownMenuCheckboxItemProps extends Omit<DropdownMenuItemProps, 'prefix' | 'hideOnClick'> {
+    /**
+     * Whether to hide the dropdown menu when the item is clicked.
+     *
+     * @default false
+     */
+    hideOnClick?: boolean;
+    /**
+     * The checkbox menu item's name.
+     */
+    name: string;
+    /**
+     * The checkbox item's value, useful when using multiple checkbox menu items
+     * associated to the same `name`.
+     */
+    value?: string;
+    /**
+     * The controlled checked state of the checkbox menu item.
+     */
+    checked?: boolean;
+    /**
+     * The checked state of the checkbox menu item when it is initially rendered.
+     * Use when not wanting to control its checked state.
+     */
+    defaultChecked?: boolean;
+    /**
+     * Event handler called when the checked state of the checkbox menu item changes.
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export interface DropdownMenuRadioItemProps extends Omit<DropdownMenuItemProps, 'prefix' | 'hideOnClick'> {
+    /**
+     * Whether to hide the dropdown menu when the item is clicked.
+     *
+     * @default false
+     */
+    hideOnClick?: boolean;
+    /**
+     * The radio item's name.
+     */
+    name: string;
+    /**
+     * The radio item's value.
+     */
+    value: string | number;
+    /**
+     * The controlled checked state of the radio menu item.
+     */
+    checked?: boolean;
+    /**
+     * The checked state of the radio menu item when it is initially rendered.
+     * Use when not wanting to control its checked state.
+     */
+    defaultChecked?: boolean;
+    /**
+     * Event handler called when the checked radio menu item changes.
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export interface DropdownMenuSeparatorProps {
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu-v2-ariakit/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,WAAW,mBAAmB;IACnC;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAE,IAAI,EAAE,OAAO,KAAM,IAAI,CAAC;IACzC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,YAAY,CAAC,EACV,OAAO,GACP,CAAE,CACF,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,aAAa,CAAE,OAAO,CAAE,KAChD,OAAO,CAAE,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACtC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,2BAA2B;IAC3C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACrC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,6BAChB,SAAQ,IAAI,CAAE,qBAAqB,EAAE,QAAQ,GAAG,aAAa,CAAE;IAC/D;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAE,gBAAgB,CAAE,KAAM,IAAI,CAAC;CACpE;AAED,MAAM,WAAW,0BAChB,SAAQ,IAAI,CAAE,qBAAqB,EAAE,QAAQ,GAAG,aAAa,CAAE;IAC/D;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAE,gBAAgB,CAAE,KAAM,IAAI,CAAC;CACpE;AAED,MAAM,WAAW,0BAA0B;CAAG"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/font-size-picker/utils.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAG7D;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC/B,KAAK,EAAE,WAAW,CAAE,mBAAmB,CAAE,OAAO,CAAE,CAAE,WAIpD;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAE,SAAS,EAAE,QAAQ,EAAE,6BAavD"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/font-size-picker/utils.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAG7D;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC/B,KAAK,EAAE,WAAW,CAAE,mBAAmB,CAAE,OAAO,CAAE,CAAE,WAKpD;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAE,SAAS,EAAE,QAAQ,EAAE,6BAavD"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/heading/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAsB/B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,OAAO,CAE5C,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/heading/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAoB/B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,OAAO,CAE5C,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":";AAoCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAmS1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;AAEpD,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":";AA0CA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAiU1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;AAEpD,eAAe,KAAK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/palette-edit/index.tsx"],"names":[],"mappings":";AAmDA,OAAO,KAAK,EAOX,gBAAgB,EAChB,cAAc,EACd,MAAM,SAAS,CAAC;AAejB;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CACjC,QAAQ,EAAE,cAAc,EAAE,EAC1B,UAAU,EAAE,MAAM,UAqBlB;AA8PD;;;;;;;;;;;;;;;;;;;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,eA8OlB;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/palette-edit/index.tsx"],"names":[],"mappings":";AAmDA,OAAO,KAAK,EAOX,gBAAgB,EAChB,cAAc,EACd,MAAM,SAAS,CAAC;AAejB;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CACjC,QAAQ,EAAE,cAAc,EAAE,EAC1B,UAAU,EAAE,MAAM,UAqBlB;AAkQD;;;;;;;;;;;;;;;;;;;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,eA8OlB;AAED,eAAe,WAAW,CAAC"}

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

@@ -30,6 +30,6 @@ export declare const SLOT_NAME = "Popover";
  * ```
  *
  */
-export declare const Popover: import("react").ForwardRefExoticComponent<Omit<WordPressComponentProps<PopoverProps, "div", false>, "style" | "transition" | "inherit" | "initial" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "layout" | "drag" | "exit" | "custom" | "viewport" | "transformTemplate" | "transformValues" | "variants" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDirectionLock" | "onDragTransitionEnd" | "layoutId" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "layoutDependency" | "layoutScroll" | "layoutRoot" | "ignoreStrict"> & import("react").RefAttributes<any>>;
+export declare const Popover: import("../context").WordPressComponent<import("react").ElementType<any>, Omit<WordPressComponentProps<PopoverProps, "div", false>, "style" | "transition" | "inherit" | "initial" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "layout" | "drag" | "exit" | "custom" | "viewport" | "transformTemplate" | "transformValues" | "variants" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDirectionLock" | "onDragTransitionEnd" | "layoutId" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "layoutDependency" | "layoutScroll" | "layoutRoot" | "ignoreStrict"> & import("react").RefAttributes<any>, boolean>;
 export default Popover;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.tsx"],"names":[],"mappings":";AAuDA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EACX,YAAY,EAGZ,MAAM,SAAS,CAAC;AAIjB;;;;GAIG;AACH,eAAO,MAAM,SAAS,YAAY,CAAC;AA+YnC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,kkCAAmC,CAAC;AAqBxD,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.tsx"],"names":[],"mappings":";AA4DA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EACX,YAAY,EAGZ,MAAM,SAAS,CAAC;AAIjB;;;;GAIG;AACH,eAAO,MAAM,SAAS,YAAY,CAAC;AAobnC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,2mCAAkD,CAAC;AAqBvE,eAAe,OAAO,CAAC"}

package/build-types/popover/stories/e2e/index.story.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("../../../context").WordPressComponentProps<import("../../types").PopoverProps, "div", false>, "style" | "transition" | "inherit" | "initial" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "layout" | "drag" | "exit" | "custom" | "viewport" | "transformTemplate" | "transformValues" | "variants" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDirectionLock" | "onDragTransitionEnd" | "layoutId" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "layoutDependency" | "layoutScroll" | "layoutRoot" | "ignoreStrict"> & import("react").RefAttributes<any>>;
+    component: import("../../../context").WordPressComponent<import("react").ElementType<any>, Omit<import("../../../context").WordPressComponentProps<import("../../types").PopoverProps, "div", false>, "style" | "transition" | "inherit" | "initial" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "layout" | "drag" | "exit" | "custom" | "viewport" | "transformTemplate" | "transformValues" | "variants" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDirectionLock" | "onDragTransitionEnd" | "layoutId" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "layoutDependency" | "layoutScroll" | "layoutRoot" | "ignoreStrict"> & import("react").RefAttributes<any>, boolean>;
 };
 export default _default;
 export declare const Default: () => JSX.Element;

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":"AA2BA,eAAO,MAAQ,IAAI,2CAAE,MAAM,sBAIzB,CAAC;AAEH,eAAO,MAAM,WAAW,IAAK,CAAC"}
+{"version":3,"file":"private-apis.d.ts","sourceRoot":"","sources":["../src/private-apis.ts"],"names":[],"mappings":"AA4CA,eAAO,MAAQ,IAAI,2CAAE,MAAM,sBAIzB,CAAC;AAEH,eAAO,MAAM,WAAW,IAAK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/progress-bar/styles.ts"],"names":[],"mappings":";AAqBA,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,eAAO,MAAM,KAAK;;;yGAWjB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;qBACJ,OAAO;;yGAuBxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;2HAO3B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/progress-bar/styles.ts"],"names":[],"mappings":";AAqBA,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,eAAO,MAAM,KAAK;;;yGAiBjB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;qBACJ,OAAO;;yGAgCxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;2HAO3B,CAAC"}

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

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

package/build-types/tabs/context.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { TabsContextProps } from './types';
+export declare const TabsContext: import("react").Context<TabsContextProps>;
+export declare const useTabsContext: () => TabsContextProps;
+//# sourceMappingURL=context.d.ts.map

package/build-types/tabs/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/tabs/context.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW,2CAAiD,CAAC;AAE1E,eAAO,MAAM,cAAc,wBAAkC,CAAC"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { TabsProps } from './types';
+declare function Tabs({ selectOnMove, initialTabId, orientation, onSelect, children, selectedTabId, }: TabsProps): JSX.Element;
+declare namespace Tabs {
+    var TabList: import("react").ForwardRefExoticComponent<import("./types").TabListProps & import("react").RefAttributes<HTMLDivElement>>;
+    var Tab: import("react").ForwardRefExoticComponent<import("./types").TabProps & import("react").RefAttributes<HTMLButtonElement>>;
+    var TabPanel: import("react").ForwardRefExoticComponent<import("./types").TabPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+}
+export default Tabs;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tabs/index.tsx"],"names":[],"mappings":";AAYA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMzC,iBAAS,IAAI,CAAE,EACd,YAAmB,EACnB,YAAY,EACZ,WAA0B,EAC1B,QAAQ,EACR,QAAQ,EACR,aAAa,GACb,EAAE,SAAS,eAqIX;kBA5IQ,IAAI;;;;;AAiJb,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,20 @@
+/**
+ * External dependencies
+ */
+import type { Meta } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import Tabs from '..';
+declare const meta: Meta<typeof Tabs>;
+export default meta;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const DisabledTab: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const WithTabIconsAndTooltips: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const ManualActivation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const UsingSlotFill: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const InsertCustomElements: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const ControlledMode: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const TabBecomesDisabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+export declare const TabGetsRemoved: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").TabsProps>;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/tabs/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,IAAI,MAAM,IAAI,CAAC;AAKtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAQ5B,CAAC;AACF,eAAe,IAAI,CAAC;AAuBpB,eAAO,MAAM,OAAO,6HAAsB,CAAC;AAwB3C,eAAO,MAAM,WAAW,6HAAiC,CAAC;AAqC1D,eAAO,MAAM,uBAAuB,6HAEnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,6HAAsB,CAAC;AA0CpD,eAAO,MAAM,aAAa,6HAAmC,CAAC;AA6D9D,eAAO,MAAM,oBAAoB,6HAAiC,CAAC;AA+DnE,eAAO,MAAM,cAAc,6HAAoC,CAAC;AAqChE,eAAO,MAAM,kBAAkB,6HAAwC,CAAC;AAgCxE,eAAO,MAAM,cAAc,6HAAoC,CAAC"}

package/build-types/tabs/styles.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import * as Ariakit from '@ariakit/react';
+export declare const TabListWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Tab: import("@emotion/styled").StyledComponent<Ariakit.TabOptions<"button"> & {
+    [index: `data-${string}`]: unknown;
+    wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
+    children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "children" | keyof Ariakit.TabOptions<"button">> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/build-types/tabs/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/tabs/styles.ts"],"names":[],"mappings":";AAKA,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAS1C,eAAO,MAAM,cAAc;;;yGAO1B,CAAC;AAEF,eAAO,MAAM,GAAG;;;;;;;;;UA+Ef,CAAC"}

package/build-types/tabs/tab.d.ts

@@ -0,0 +1,10 @@
+/**
+ * WordPress dependencies
+ */
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { TabProps } from './types';
+export declare const Tab: import("react").ForwardRefExoticComponent<TabProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=tab.d.ts.map

package/build-types/tabs/tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../src/tabs/tab.tsx"],"names":[],"mappings":"AAAA;;GAEG;;AAIH;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKxC,eAAO,MAAM,GAAG,wGAwBb,CAAC"}

package/build-types/tabs/tablist.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { TabListProps } from './types';
+export declare const TabList: import("react").ForwardRefExoticComponent<TabListProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=tablist.d.ts.map

package/build-types/tabs/tablist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tablist.d.ts","sourceRoot":"","sources":["../../src/tabs/tablist.tsx"],"names":[],"mappings":";AAYA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,eAAO,MAAM,OAAO,yGAoBnB,CAAC"}

package/build-types/tabs/tabpanel.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { TabPanelProps } from './types';
+export declare const TabPanel: import("react").ForwardRefExoticComponent<TabPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=tabpanel.d.ts.map

package/build-types/tabs/tabpanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabpanel.d.ts","sourceRoot":"","sources":["../../src/tabs/tabpanel.tsx"],"names":[],"mappings":";AAYA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAK7C,eAAO,MAAM,QAAQ,0GAqBpB,CAAC"}

package/build-types/tabs/test/index.d.ts

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

package/build-types/tabs/test/index.d.ts.map

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

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

@@ -0,0 +1,134 @@
+/// <reference types="react" />
+/**
+ * External dependencies
+ */
+import type * as Ariakit from '@ariakit/react';
+/**
+ * Internal dependencies
+ */
+import type { IconType } from '../icon';
+export type TabsContextProps = {
+    /**
+     * The tabStore object returned by Ariakit's `useTabStore` hook.
+     */
+    store: Ariakit.TabStore;
+    /**
+     * The unique id string for this instance of the Tabs component.
+     */
+    instanceId: string;
+} | undefined;
+export type TabsProps = {
+    /**
+     * The children elements, which should be at least a
+     * `Tabs.Tablist` component and a series of `Tabs.TabPanel`
+     * components.
+     */
+    children: React.ReactNode;
+    /**
+     * When `true`, the tab will be selected when receiving focus (automatic tab
+     * activation). When `false`, the tab will be selected only when clicked
+     * (manual tab activation). See the official W3C docs for more info.
+     *
+     * @default true
+     *
+     * @see https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/
+     */
+    selectOnMove?: boolean;
+    /**
+     * The id of the tab to be selected upon mounting of component.
+     * If this prop is not set, the first tab will be selected by default.
+     * The id provided will be internally prefixed with the
+     * `TabsContextProps.instanceId`.
+     *
+     * Note: this prop will be overridden by the `selectedTabId` prop if it is
+     * provided. (Controlled Mode)
+     */
+    initialTabId?: string;
+    /**
+     * The function called when a tab has been selected.
+     * It is passed the id of the newly selected tab as an argument.
+     */
+    onSelect?: (selectedId: string | null | undefined) => void;
+    /**
+     * The orientation of the tablist.
+     *
+     * @default `horizontal`
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * The Id of the tab to display. This id is prepended with the `Tabs`
+     * instanceId internally.
+     *
+     * If left `undefined`, the component assumes it is being used in
+     * uncontrolled mode. Consequently, any value different than `undefined`
+     * will set the component in `controlled` mode.
+     * When in controlled mode, the `null` value will result in no tab being selected.
+     */
+    selectedTabId?: string | null;
+};
+export type TabListProps = {
+    /**
+     * The children elements, which should be a series of `Tabs.TabPanel` components.
+     */
+    children?: React.ReactNode;
+    /**
+     * The class name to apply to the tablist.
+     */
+    className?: string;
+    /**
+     * Custom CSS styles for the rendered tablist.
+     */
+    style?: React.CSSProperties;
+};
+export type TabProps = {
+    /**
+     * The id of the tab, which is prepended with the `Tabs` instanceId.
+     */
+    id: string;
+    /**
+     * Custom CSS styles for the tab.
+     */
+    style?: React.CSSProperties;
+    /**
+     * The children elements, generally the text to display on the tab.
+     */
+    children?: React.ReactNode;
+    /**
+     * The class name to apply to the tab button.
+     */
+    className?: string;
+    /**
+     * The icon used for the tab button.
+     */
+    icon?: IconType;
+    /**
+     * Determines if the tab button should be disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The type of component to render the tab button as. If this prop is not
+     * provided, the tab button will be rendered as a `button` element.
+     */
+    render?: React.ReactElement;
+};
+export type TabPanelProps = {
+    /**
+     * The children elements, generally the content to display on the tabpanel.
+     */
+    children?: React.ReactNode;
+    /**
+     * A unique identifier for the TabPanel, which is used to generate a unique `id` for the underlying element.
+     */
+    id: string;
+    /**
+     * The class name to apply to the tabpanel.
+     */
+    className?: string;
+    /**
+     * Custom CSS styles for the rendered `TabPanel` component.
+     */
+    style?: React.CSSProperties;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tabs/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAE/C;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,gBAAgB,GACzB;IACA;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC;IACxB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CAClB,GACD,SAAS,CAAC;AAEb,MAAM,MAAM,SAAS,GAAG;IACvB;;;;OAIG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,KAAM,IAAI,CAAC;IAE7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACtB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAAC"}

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

@@ -1,4 +1,5 @@
-export default ConnectedText;
+/// <reference types="react" />
+import type { Props } from './types';
 /**
  * `Text` is a core component that renders text in the library, using the
  * library's typography system.
@@ -15,5 +16,6 @@ export default ConnectedText;
  * }
  * ```
  */
-declare const ConnectedText: import("../context").WordPressComponent<"span", import("./types").Props & import("react").RefAttributes<any>, true>;
+export declare const Text: import("../context").WordPressComponent<"span", Props & import("react").RefAttributes<any>, true>;
+export default Text;
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/text/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;;GAeG;AACH,iJAAqD"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/text/component.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAerC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,IAAI,mGAA4C,CAAC;AAC9D,eAAe,IAAI,CAAC"}