@wordpress/ui 0.11.1-next.v.202604091042.0 → 0.12.0

package/build-types/drawer/close-icon.d.ts

@@ -0,0 +1,8 @@
+import type { CloseIconProps } from './types';
+/**
+ * Renders an icon button that closes the drawer when clicked.
+ * Provides a default close icon and accessible label.
+ */
+declare const CloseIcon: import("react").ForwardRefExoticComponent<CloseIconProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { CloseIcon };
+//# sourceMappingURL=close-icon.d.ts.map

package/build-types/drawer/close-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-icon.d.ts","sourceRoot":"","sources":["../../src/drawer/close-icon.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;;GAGG;AACH,QAAA,MAAM,SAAS,8GAmBd,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/build-types/drawer/content.d.ts

@@ -0,0 +1,21 @@
+import type { ContentProps } from './types';
+/**
+ * Renders the scrollable body of the drawer, sitting between `Drawer.Header`
+ * and `Drawer.Footer` as a flex sibling.
+ *
+ * **Required for scrolling** — `Drawer.Content` is the element that owns
+ * the popup's overflow. Without it, body content that exceeds the popup's
+ * available space clips instead of scrolling, and Base UI's
+ * swipe-dismiss-on-scroll-edge logic will not engage on up/down drawers.
+ * Render it once per popup and wrap any freeform body content in it.
+ *
+ * Placing `Drawer.Header` or `Drawer.Footer` *inside* `Drawer.Content`
+ * makes them scroll with the body (the "non-sticky" opt-out) rather than
+ * staying pinned to the popup's edges.
+ *
+ * Renders Base UI's `_Drawer.Content` so swipe-dismiss wiring remains
+ * wired automatically.
+ */
+declare const Content: import("react").ForwardRefExoticComponent<ContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Content };
+//# sourceMappingURL=content.d.ts.map

package/build-types/drawer/content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../src/drawer/content.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,OAAO,yGAqBZ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

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

@@ -0,0 +1,20 @@
+export declare const DrawerModalProvider: ({ modal, children, }: {
+    modal: boolean | "trap-focus" | undefined;
+    children: React.ReactNode;
+}) => import("react").JSX.Element;
+export declare const useDrawerModal: () => boolean | "trap-focus" | undefined;
+/**
+ * Hook to access the drawer validation context.
+ * Returns null in production or if not within a Drawer.Popup.
+ */
+export declare const useDrawerValidationContext: () => {
+    registerTitle: (element: HTMLElement | null) => () => void;
+} | null;
+/**
+ * Provider component that validates Drawer.Title presence in development mode.
+ * In production, this component is a no-op and just renders children.
+ */
+export declare const DrawerValidationProvider: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/drawer/context.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,mBAAmB;;;iCAAuB,CAAC;AACxD,eAAO,MAAM,cAAc,0CAAuB,CAAC;AAMnD;;;GAGG;AACH,eAAO,MAAM,0BAA0B;;QACI,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,wBAAwB;;iCACI,CAAC"}

package/build-types/drawer/description.d.ts

@@ -0,0 +1,9 @@
+import type { DescriptionProps } from './types';
+/**
+ * Renders an optional paragraph that describes the drawer content.
+ *
+ * The rendered element is linked to the popup via `aria-describedby`.
+ */
+declare const Description: import("react").ForwardRefExoticComponent<DescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+export { Description };
+//# sourceMappingURL=description.d.ts.map

package/build-types/drawer/description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../src/drawer/description.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD;;;;GAIG;AACH,QAAA,MAAM,WAAW,mHAYhB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/build-types/drawer/footer.d.ts

@@ -0,0 +1,15 @@
+import type { FooterProps } from './types';
+/**
+ * Renders the footer section of the drawer, typically containing
+ * action buttons.
+ *
+ * Defaults to a native `<footer>` element for richer semantics (contentinfo
+ * landmark navigation where screen readers expose landmarks nested in
+ * dialogs). Pass `render` to opt out of the default tag.
+ *
+ * The footer is pinned to the bottom of the popup by default. To let it
+ * scroll with the body instead, render it *inside* `Drawer.Content`.
+ */
+declare const Footer: import("react").ForwardRefExoticComponent<FooterProps & import("react").RefAttributes<HTMLElement>>;
+export { Footer };
+//# sourceMappingURL=footer.d.ts.map

package/build-types/drawer/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../src/drawer/footer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;;;;;;GAUG;AACH,QAAA,MAAM,MAAM,qGAcT,CAAC;AAEJ,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/build-types/drawer/header.d.ts

@@ -0,0 +1,15 @@
+import type { HeaderProps } from './types';
+/**
+ * Renders the header section of the drawer, typically containing
+ * the heading and close button.
+ *
+ * Defaults to a native `<header>` element for richer semantics (heading-level
+ * scanning, and banner landmark navigation where screen readers expose
+ * landmarks nested in dialogs). Pass `render` to opt out of the default tag.
+ *
+ * The header is pinned to the top of the popup by default. To let it scroll
+ * with the body instead, render it *inside* `Drawer.Content`.
+ */
+declare const Header: import("react").ForwardRefExoticComponent<HeaderProps & import("react").RefAttributes<HTMLElement>>;
+export { Header };
+//# sourceMappingURL=header.d.ts.map

package/build-types/drawer/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/drawer/header.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;;;;;;GAUG;AACH,QAAA,MAAM,MAAM,qGAcT,CAAC;AAEJ,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

@@ -0,0 +1,13 @@
+import { Action } from './action';
+import { CloseIcon } from './close-icon';
+import { Content } from './content';
+import { Description } from './description';
+import { Footer } from './footer';
+import { Header } from './header';
+import { Popup } from './popup';
+import { Portal } from './portal';
+import { Root } from './root';
+import { Title } from './title';
+import { Trigger } from './trigger';
+export { Action, CloseIcon, Content, Description, Footer, Header, Popup, Portal, Root, Title, Trigger, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EACN,MAAM,EACN,SAAS,EACT,OAAO,EACP,WAAW,EACX,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,IAAI,EACJ,KAAK,EACL,OAAO,GACP,CAAC"}

package/build-types/drawer/popup.d.ts

@@ -0,0 +1,16 @@
+import type { PopupProps } from './types';
+/**
+ * Renders the drawer popup element that contains the drawer content.
+ * Uses a portal to render outside the DOM hierarchy.
+ *
+ * When `portal` is omitted, defaults to `Drawer.Portal`. Portal merging is
+ * handled by `renderPortalWithChildren` (shared with other overlay `Popup`s).
+ *
+ * The popup is a flex column; scroll ownership lives on `Drawer.Content`,
+ * which children are expected to render. Without it, long body content will
+ * clip instead of scrolling and Base UI's swipe-dismiss-on-scroll-edge
+ * logic on up/down drawers cannot engage.
+ */
+declare const Popup: import("react").ForwardRefExoticComponent<PopupProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Popup };
+//# sourceMappingURL=popup.d.ts.map

package/build-types/drawer/popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../src/drawer/popup.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAO1C;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,KAAK,uGA+DR,CAAC;AAEJ,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/build-types/drawer/portal.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Root element that portals `Drawer` overlay content (`Backdrop`, `Viewport`
+ * with the inner `Popup`, etc.) outside the DOM hierarchy. Pass to
+ * `Drawer.Popup`'s `portal` prop to customize `container`, `className`,
+ * `style`, and other Base UI portal options. When `portal` is omitted,
+ * `Drawer.Popup` uses this component with default props.
+ */
+declare const Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerPortalProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Portal };
+//# sourceMappingURL=portal.d.ts.map

package/build-types/drawer/portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../src/drawer/portal.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,QAAA,MAAM,MAAM,oMAIX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/build-types/drawer/root.d.ts

@@ -0,0 +1,21 @@
+import type { RootProps } from './types';
+/**
+ * An ARIA-compliant drawer that slides in from a viewport edge, with
+ * swipe-to-dismiss gestures.
+ *
+ * Every drawer must include a `Drawer.Title` component for accessibility — it
+ * serves as both the visible heading and the accessible label for the drawer.
+ *
+ * Always include a visible close affordance, either `Drawer.CloseIcon` or a
+ * clear dismissing action button. If your drawer has a "Cancel" button in the
+ * footer, the close icon may be redundant and create confusion about what
+ * clicking "X" means.
+ *
+ * Use `Drawer.CloseIcon` for informational drawers where dismissing is safe
+ * and expected. For drawers requiring explicit user choice (especially
+ * destructive actions), omit the close icon and rely on footer action buttons
+ * like "Cancel" and "Confirm" instead.
+ */
+declare function Root({ modal, swipeDirection, children, ...props }: RootProps): import("react").JSX.Element;
+export { Root };
+//# sourceMappingURL=root.d.ts.map

package/build-types/drawer/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../src/drawer/root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,IAAI,CAAE,EACd,KAAY,EACZ,cAAuB,EACvB,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,SAAS,+BAYX;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

@@ -0,0 +1,63 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import * as Drawer from '../index';
+declare const meta: Meta<typeof Drawer.Root>;
+export default meta;
+type Story = StoryObj<typeof Drawer.Root>;
+/**
+ * A basic drawer sliding in from the left edge. Use the controls to
+ * experiment with `swipeDirection` and `modal`.
+ */
+export declare const _Default: Story;
+/**
+ * Four drawers, one for each swipe direction. Each trigger opens a
+ * drawer from the corresponding edge.
+ */
+export declare const AllSides: Story;
+/**
+ * A controlled drawer where the open state is managed externally.
+ */
+export declare const Controlled: Story;
+/**
+ * A non-modal drawer that does not trap focus or lock page scroll.
+ * Users can interact with content behind the drawer while it is open.
+ */
+export declare const NonModal: Story;
+/**
+ * Popovers in Gutenberg are managed with explicit z-index values, which can
+ * create situations where a drawer renders below another popover when you
+ * want it above.
+ *
+ * The `--wp-ui-drawer-z-index` CSS variable controls the z-index of the
+ * drawer's backdrop, viewport, and popup. Override it either:
+ *
+ * - **Globally**, by setting the variable on `:root` or `body` (raises every
+ *   drawer in the page), or
+ * - **Per instance**, by passing a `Drawer.Portal` with a `style` (or
+ *   `className`) to `Drawer.Popup`'s `portal` prop. The variable cascades
+ *   from the portal wrapper to everything rendered inside it.
+ *
+ * This story demonstrates the per-instance approach.
+ */
+export declare const WithCustomZIndex: Story;
+/**
+ * Interactive playground to test the `size` prop across all swipe
+ * directions. Size controls the width (left/right) or height (up/down).
+ */
+export declare const SizePlayground: Story;
+/**
+ * When drawer content overflows the available space, `Drawer.Content`
+ * scrolls while `Drawer.Header` and `Drawer.Footer` stay pinned to the
+ * popup's edges. Separator lines appear only when there is off-screen
+ * content above the header or below the footer.
+ *
+ * To let the header or footer scroll with the body instead of staying
+ * pinned, render it *inside* `Drawer.Content` rather than as a sibling.
+ * The inline "Sticky header / Sticky footer" checkboxes toggle exactly
+ * that placement at runtime.
+ *
+ * Use the inline controls to change the popup `size`, `swipeDirection`,
+ * and sticky placement. The same controls render both outside and inside
+ * the drawer and stay in sync.
+ */
+export declare const Scrollable: Story;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/drawer/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAAC,IAAI,CAqBnC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,MAAM,CAAC,IAAI,CAAE,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAC;AASF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KA0CtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAqCxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KA4BtB,CAAC;AAyEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAgC9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KA+D5B,CAAC;AA+EF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,EAAE,KAqExB,CAAC"}

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

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

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

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

package/build-types/drawer/title.d.ts

@@ -0,0 +1,22 @@
+import type { TitleProps } from './types';
+/**
+ * Renders the drawer title. This component is required for accessibility
+ * and serves as both the visible heading and the accessible label for
+ * the drawer.
+ *
+ * **Required** — every drawer must include a `Drawer.Title`, even if
+ * visually hidden. The rendered element is linked to the popup via
+ * `aria-labelledby`. Renders an `<h2>` by default.
+ *
+ * To visually hide the title while keeping it accessible, wrap it with
+ * `VisuallyHidden` using the `render` prop:
+ *
+ * ```jsx
+ * <VisuallyHidden render={ <Drawer.Title /> }>
+ *   Accessible title text
+ * </VisuallyHidden>
+ * ```
+ */
+declare const Title: import("react").ForwardRefExoticComponent<TitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export { Title };
+//# sourceMappingURL=title.d.ts.map

package/build-types/drawer/title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../src/drawer/title.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,KAAK,2GAwBV,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/build-types/drawer/trigger.d.ts

@@ -0,0 +1,7 @@
+import type { TriggerProps } from './types';
+/**
+ * Renders a button that opens the drawer popup when clicked.
+ */
+declare const Trigger: import("react").ForwardRefExoticComponent<TriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { Trigger };
+//# sourceMappingURL=trigger.d.ts.map

package/build-types/drawer/trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../src/drawer/trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C;;GAEG;AACH,QAAA,MAAM,OAAO,4GAIZ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

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

@@ -0,0 +1,146 @@
+import type { Drawer as _Drawer } from '@base-ui/react/drawer';
+import type { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
+import type { Button } from '../button';
+import type { IconButton } from '../icon-button';
+import type { ComponentProps } from '../utils/types';
+export type PortalProps = ComponentPropsWithoutRef<typeof _Drawer.Portal>;
+export interface RootProps extends Pick<_Drawer.Root.Props, 'open' | 'onOpenChange' | 'onOpenChangeComplete' | 'defaultOpen' | 'modal' | 'disablePointerDismissal'> {
+    /**
+     * The edge the drawer slides in from, and the direction used to dismiss it
+     * via swipe gesture.
+     *
+     * - `'left'` / `'right'`: side drawers; swipe horizontally to dismiss.
+     * - `'down'`: bottom sheet; swipe down to dismiss.
+     * - `'up'`: top drawer; swipe up to dismiss.
+     *
+     * @default 'left'
+     */
+    swipeDirection?: _Drawer.Root.Props['swipeDirection'];
+    /**
+     * The content to be rendered inside the component.
+     */
+    children?: ReactNode;
+}
+export interface TriggerProps extends ComponentProps<'button'> {
+    /**
+     * The content to be rendered inside the component.
+     */
+    children?: ReactNode;
+}
+export interface PopupProps extends ComponentProps<'div'>, Pick<_Drawer.Popup.Props, 'initialFocus' | 'finalFocus'> {
+    /**
+     * The content to be rendered inside the component.
+     */
+    children?: ReactNode;
+    /**
+     * Optional portal element, typically `<Drawer.Portal />` with custom
+     * `container`, `className`, or `style`. The backdrop and inner viewport
+     * are rendered as this portal's children (do not pass `children` on the
+     * portal element; they would be ignored).
+     *
+     * When omitted, `Drawer.Popup` uses `Drawer.Portal` with default props,
+     * rendering the portal in the current document's `<body>`.
+     */
+    portal?: ReactElement<Omit<PortalProps, 'children'>>;
+    /**
+     * Controls the size of the drawer along its relevant axis (width for
+     * left/right drawers, height for up/down drawers).
+     *
+     * When not specified, left/right drawers use a default medium width
+     * and up/down drawers fit their content.
+     *
+     * - `'small'` — narrow/short.
+     * - `'medium'` — moderate.
+     * - `'large'` — wide/tall.
+     * - `'stretch'` — fills available space, respecting the viewport inset.
+     * - `'auto'` — fit content along the relevant axis.
+     *
+     * @default 'medium' for left/right drawers, 'auto' for up/down drawers
+     */
+    size?: 'small' | 'medium' | 'large' | 'stretch' | 'auto';
+}
+export interface ActionProps extends ComponentProps<typeof Button> {
+    /**
+     * The content to be rendered inside the component.
+     */
+    children?: ReactNode;
+}
+export interface FooterProps extends ComponentProps<'footer'> {
+    /**
+     * The content to be rendered inside the component.
+     */
+    children?: ReactNode;
+}
+export interface HeaderProps extends ComponentProps<'header'> {
+    /**
+     * The content to be rendered inside the component.
+     */
+    children?: ReactNode;
+}
+export interface ContentProps extends ComponentProps<'div'> {
+    /**
+     * The body content to be rendered inside the scroll container.
+     */
+    children?: ReactNode;
+    /**
+     * The scroll region automatically becomes a keyboard-reachable tab
+     * stop (`tabindex="0"`) whenever the body overflows, so keyboard
+     * users can arrow-scroll the region (WCAG 2.1.1). It becomes
+     * non-tabbable again as soon as the content no longer overflows.
+     *
+     * If you supply `tabIndex` explicitly, your value wins and is never
+     * overwritten — including `tabIndex={ -1 }` to opt out of the
+     * automatic tab stop entirely, and including overrides applied
+     * after the component had already managed the value.
+     *
+     * Two narrow edge cases:
+     * - If you later *remove* an explicit `tabIndex` at runtime, the
+     *   component will resume managing it on the next overflow tick; it
+     *   can't distinguish a previous explicit opt-out from an
+     *   unconfigured state.
+     * - Passing `tabIndex={ 0 }` while the body overflows produces a
+     *   value identical to the auto-managed one, so the component can
+     *   no longer tell the two apart and may strip it on the next
+     *   non-overflow tick. Pick a different value (or rely on the
+     *   default behavior, which is already `0` while overflowing).
+     *
+     * Note: the scroll region is intentionally rendered without
+     * `role` / `aria-label`, so screen readers don't announce a
+     * generic "scrollable" landmark on top of the drawer's existing
+     * heading + body; the surrounding `Drawer.Title` and body content
+     * provide the context.
+     */
+    tabIndex?: number;
+}
+export interface TitleProps extends ComponentProps<'h2'> {
+    /**
+     * The title content to be rendered. This serves as both the visible
+     * heading and the accessible label for the drawer.
+     *
+     * When `Drawer.Title` is passed as a render element (e.g. to
+     * `VisuallyHidden`), children can be provided by the wrapper instead.
+     */
+    children?: ReactNode;
+}
+export interface DescriptionProps extends ComponentProps<'p'> {
+    /**
+     * The description content to be rendered inside the component.
+     */
+    children?: ReactNode;
+}
+export interface CloseIconProps extends Omit<ComponentProps<typeof IconButton>, 'label' | 'icon' | 'loading' | 'loadingAnnouncement'> {
+    /**
+     * A label describing the button's action, shown as a tooltip and to
+     * assistive technology.
+     *
+     * @default __( 'Close' )
+     */
+    label?: ComponentProps<typeof IconButton>['label'];
+    /**
+     * The icon to display in the button.
+     *
+     * @default the `close` icon from `@wordpress/icons`
+     */
+    icon?: ComponentProps<typeof IconButton>['icon'];
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,wBAAwB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG,wBAAwB,CAAE,OAAO,OAAO,CAAC,MAAM,CAAE,CAAC;AAE5E,MAAM,WAAW,SAChB,SAAQ,IAAI,CACX,OAAO,CAAC,IAAI,CAAC,KAAK,EAChB,MAAM,GACN,cAAc,GACd,sBAAsB,GACtB,aAAa,GACb,OAAO,GACP,yBAAyB,CAC3B;IACD;;;;;;;;;OASG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAE,gBAAgB,CAAE,CAAC;IAExD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAE,QAAQ,CAAE;IAC/D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,UAChB,SAAQ,cAAc,CAAE,KAAK,CAAE,EAC9B,IAAI,CAAE,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAAE;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,YAAY,CAAE,IAAI,CAAE,WAAW,EAAE,UAAU,CAAE,CAAE,CAAC;IAEzD;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CACzD;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAE,OAAO,MAAM,CAAE;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAE,QAAQ,CAAE;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAE,QAAQ,CAAE;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAE,KAAK,CAAE;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAE,IAAI,CAAE;IACzD;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAE,GAAG,CAAE;IAC9D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,cAChB,SAAQ,IAAI,CACX,cAAc,CAAE,OAAO,UAAU,CAAE,EACnC,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,qBAAqB,CACpD;IACD;;;;;OAKG;IACH,KAAK,CAAC,EAAE,cAAc,CAAE,OAAO,UAAU,CAAE,CAAE,OAAO,CAAE,CAAC;IACvD;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAE,OAAO,UAAU,CAAE,CAAE,MAAM,CAAE,CAAC;CACrD"}

package/build-types/empty-state/description.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../src/empty-state/description.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAG1D;;;GAGG;AACH,eAAO,MAAM,WAAW,6HAgBrB,CAAC"}
+{"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../src/empty-state/description.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAK1D;;;GAGG;AACH,eAAO,MAAM,WAAW,6HAkBrB,CAAC"}

package/build-types/empty-state/stories/index.story.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { EmptyState } from '../..';
+import * as EmptyState from '../';
 declare const meta: Meta<typeof EmptyState.Root>;
 export default meta;
 type Story = StoryObj<typeof EmptyState.Root>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/empty-state/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAU,UAAU,EAAE,MAAM,OAAO,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,UAAU,CAAC,IAAI,CAUvC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,UAAU,CAAC,IAAI,CAAE,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAyB9B,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/empty-state/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,UAAU,MAAM,KAAK,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,UAAU,CAAC,IAAI,CAUvC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,UAAU,CAAC,IAAI,CAAE,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAyB9B,CAAC"}

package/build-types/empty-state/title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../src/empty-state/title.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD;;GAEG;AACH,eAAO,MAAM,KAAK,qHAYjB,CAAC"}
+{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../src/empty-state/title.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAKpD;;GAEG;AACH,eAAO,MAAM,KAAK,qHAiBjB,CAAC"}

package/build-types/form/input-control/stories/index.story.d.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { InputControl } from '../../..';
+import { InputControl } from '../';
 import { WithPrefix, WithSuffixControl } from '../../primitives/input/stories/index.story';
 declare const meta: Meta<typeof InputControl>;
 export default meta;

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/form/input-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAc,YAAY,EAAsB,MAAM,UAAU,CAAC;AACxE,OAAO,EACN,UAAU,EACV,iBAAiB,EACjB,MAAM,4CAA4C,CAAC;AAMpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CASpC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,YAAY,CAAE,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAKjC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAUF,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC;AAEzC,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAiDhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/form/input-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AAInC,OAAO,EACN,UAAU,EACV,iBAAiB,EACjB,MAAM,4CAA4C,CAAC;AAMpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CASpC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,YAAY,CAAE,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAKjC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAUF,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC;AAEzC,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAiDhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

package/build-types/form/primitives/autocomplete/clear.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A button that clears the input value.
+ */
+export declare const Clear: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").AutocompleteClearProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref">, "style" | "className" | "children" | "render"> & {
+    className?: string;
+    style?: React.CSSProperties;
+    render?: ((props: import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
+} & {
+    children?: React.ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=clear.d.ts.map

package/build-types/form/primitives/autocomplete/clear.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clear.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/clear.tsx"],"names":[],"mappings":"AAqBA;;GAEG;AACH,eAAO,MAAM,KAAK;;;;;;;;qDAUjB,CAAC"}

package/build-types/form/primitives/autocomplete/collection.d.ts

@@ -0,0 +1,3 @@
+import type { AutocompleteCollectionProps } from './types';
+export declare function Collection({ children, ...restProps }: AutocompleteCollectionProps): import("react").JSX.Element;
+//# sourceMappingURL=collection.d.ts.map

package/build-types/form/primitives/autocomplete/collection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/collection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,wBAAgB,UAAU,CAAE,EAC3B,QAAQ,EACR,GAAG,SAAS,EACZ,EAAE,2BAA2B,+BAM7B"}

package/build-types/form/primitives/autocomplete/empty.d.ts

@@ -0,0 +1,10 @@
+export declare const Empty: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").AutocompleteEmptyProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref">, "style" | "className" | "children" | "render"> & {
+    className?: string;
+    style?: React.CSSProperties;
+    render?: ((props: import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
+} & {
+    children?: React.ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=empty.d.ts.map

package/build-types/form/primitives/autocomplete/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/empty.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK;;;;;;;;kDAUjB,CAAC"}

package/build-types/form/primitives/autocomplete/index.d.ts

@@ -0,0 +1,13 @@
+export { Clear } from './clear';
+export { Collection } from './collection';
+export { Empty } from './empty';
+export { InputGroup } from './input-group';
+export { Input } from './input';
+export { Item } from './item';
+export { List } from './list';
+export { ListBody } from './list-body';
+export { Portal } from './portal';
+export { Popup } from './popup';
+export { Root } from './root';
+export { Value } from './value';
+//# sourceMappingURL=index.d.ts.map

package/build-types/form/primitives/autocomplete/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/build-types/form/primitives/autocomplete/input-group.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Wrapper around `Autocomplete.Input` that defines the visual control
+ * boundary when the input is composed with prefix/suffix slots or other
+ * elements. Without this wrapper, the popup anchors to the bare `<input>`
+ * instead of the full control. Also adds `role="group"`.
+ */
+export declare const InputGroup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteInputGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "style" | "className" | "children" | "render"> & {
+    className?: string;
+    style?: React.CSSProperties;
+    render?: ((props: import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
+} & {
+    children?: React.ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=input-group.d.ts.map

package/build-types/form/primitives/autocomplete/input-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/input-group.tsx"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,eAAO,MAAM,UAAU;;;;;;;;kDAKpB,CAAC"}

package/build-types/form/primitives/autocomplete/input.d.ts

@@ -0,0 +1,3 @@
+import type { AutocompleteInputProps } from './types';
+export declare const Input: import("react").ForwardRefExoticComponent<AutocompleteInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input.d.ts.map

package/build-types/form/primitives/autocomplete/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAMtD,eAAO,MAAM,KAAK,qHAUjB,CAAC"}

package/build-types/form/primitives/autocomplete/item.d.ts

@@ -0,0 +1,10 @@
+export declare const Item: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompleteItemProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "style" | "className" | "children" | "render"> & {
+    className?: string;
+    style?: React.CSSProperties;
+    render?: ((props: import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
+} & {
+    children?: React.ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=item.d.ts.map

package/build-types/form/primitives/autocomplete/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/item.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI;;;;;;;;kDAgBhB,CAAC"}