@wordpress/ui 0.9.1-next.v.202603161435.0 → 0.10.0

package/build-types/empty-state/test/root.test.d.ts.map

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

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

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

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

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

package/build-types/empty-state/test/visual.test.d.ts

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

package/build-types/empty-state/test/visual.test.d.ts.map

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

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

@@ -0,0 +1,6 @@
+import type { EmptyStateTitleProps } from './types';
+/**
+ * The title is a short heading that communicates the empty state.
+ */
+export declare const Title: import("react").ForwardRefExoticComponent<EmptyStateTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+//# sourceMappingURL=title.d.ts.map

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

@@ -0,0 +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,qHAajB,CAAC"}

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

@@ -0,0 +1,40 @@
+import type { ReactNode } from 'react';
+import type { ComponentProps } from '../utils/types';
+import type { IconProps } from '../icon/types';
+export interface EmptyStateRootProps extends ComponentProps<'div'> {
+    /**
+     * The content to be rendered inside the component.
+     */
+    children?: ReactNode;
+}
+export interface EmptyStateVisualProps extends ComponentProps<'div'> {
+    /**
+     * The visual content of the empty state (e.g., icon, illustration).
+     */
+    children?: ReactNode;
+}
+export interface EmptyStateIconProps extends ComponentProps<'div'> {
+    /**
+     * The icon to render.
+     */
+    icon: IconProps['icon'];
+}
+export interface EmptyStateTitleProps extends ComponentProps<'h2'> {
+    /**
+     * The title text of the empty state.
+     */
+    children?: ReactNode;
+}
+export interface EmptyStateDescriptionProps extends ComponentProps<'p'> {
+    /**
+     * The description text of the empty state.
+     */
+    children?: ReactNode;
+}
+export interface EmptyStateActionsProps extends ComponentProps<'div'> {
+    /**
+     * The action buttons for the empty state.
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/empty-state/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAE,KAAK,CAAE;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAE,KAAK,CAAE;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAE,KAAK,CAAE;IACnE;;OAEG;IACH,IAAI,EAAE,SAAS,CAAE,MAAM,CAAE,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAE,IAAI,CAAE;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,0BAA2B,SAAQ,cAAc,CAAE,GAAG,CAAE;IACxE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAE,KAAK,CAAE;IACtE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}

package/build-types/empty-state/visual.d.ts

@@ -0,0 +1,7 @@
+import type { EmptyStateVisualProps } from './types';
+/**
+ * A container for visual content in an empty state (e.g., icons, illustrations).
+ * Provides appropriate spacing and alignment for visual elements.
+ */
+export declare const Visual: import("react").ForwardRefExoticComponent<EmptyStateVisualProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=visual.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"visual.d.ts","sourceRoot":"","sources":["../../src/empty-state/visual.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGrD;;;GAGG;AACH,eAAO,MAAM,MAAM,kHAalB,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './primitives';
+export * from './input-control';
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/input-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/build-types/form/input-control/input-control.d.ts

@@ -0,0 +1,6 @@
+import type { InputControlProps } from './types';
+/**
+ * A complete input field with integrated label and description.
+ */
+export declare const InputControl: import("react").ForwardRefExoticComponent<Omit<InputControlProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input-control.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-control.d.ts","sourceRoot":"","sources":["../../../src/form/input-control/input-control.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,YAAY,6HAyBxB,CAAC"}

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

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { InputControl } from '../../..';
+import { WithPrefix, WithSuffixControl } from '../../primitives/input/stories/index.story';
+declare const meta: Meta<typeof InputControl>;
+export default meta;
+type Story = StoryObj<typeof InputControl>;
+export declare const Default: Story;
+export declare const VisuallyHiddenLabel: Story;
+export declare const WithDetails: Story;
+export { WithPrefix, WithSuffixControl };
+export declare const Password: Story;
+export declare const Date: Story;
+export declare const Number: Story;
+export declare const NumberWithSteppers: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +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"}

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

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

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

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

package/build-types/form/input-control/types.d.ts

@@ -0,0 +1,4 @@
+import type { Input } from '../primitives';
+import type { ControlProps } from '../types';
+export type InputControlProps = React.ComponentProps<typeof Input> & ControlProps;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/form/input-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAE,OAAO,KAAK,CAAE,GACnE,YAAY,CAAC"}

package/build-types/form/primitives/field/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/field/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAAC,IAAI,CAUlC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAchD,CAAC;AAQF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAoBrD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAoB5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAWpD,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAkBpD,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/field/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAAC,IAAI,CAUlC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAchD,CAAC;AAQF;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAoBrD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAoB5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAWpD,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAYpD,CAAC"}

package/build-types/form/primitives/fieldset/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/fieldset/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,QAAQ,CAAC,IAAI,CAQrC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,QAAQ,CAAC,IAAI,CAAE,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/fieldset/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,QAAQ,CAAC,IAAI,CAQrC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,QAAQ,CAAC,IAAI,CAAE,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC"}

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

@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Input } from '../../../..';
+import { WithSuffixControl } from '../../input-layout/stories/index.story';
 declare const meta: Meta<typeof Input>;
 export default meta;
 type Story = StoryObj<typeof Input>;
@@ -9,5 +10,6 @@ export declare const Default: Story;
  * the `prefix` or `suffix` slot.
  */
 export declare const WithPrefix: Story;
+export { WithSuffixControl };
 export declare const Disabled: Story;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/input/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAe,MAAM,aAAa,CAAC;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAS7B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,KAAK,CAAE,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/input/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAe,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAE3E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAS7B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,KAAK,CAAE,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAMF,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/input-layout/slot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,eAAe,iHAczB,CAAC"}
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/input-layout/slot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,eAAe,iHAkBzB,CAAC"}

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

@@ -15,6 +15,11 @@ export declare const WithPrefix: Story;
  * The `padding="minimal"` setting will work best when the slot content is a button or icon.
  */
 export declare const WithPaddedPrefix: Story;
+/**
+ * The `padding="minimal"` setting on `InputLayout.Slot` will work best when
+ * the slot content is a button or icon.
+ */
+export declare const WithSuffixControl: Story;
 export declare const Compact: Story;
 /**
  * The `small` size is intended only for rare cases like the trigger

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/input-layout/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAMnC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,WAAW,CAAE,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAI9B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/input-layout/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAc,WAAW,EAAE,MAAM,aAAa,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAMnC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,WAAW,CAAE,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAI9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAc/B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC"}

package/build-types/form/stories/shared.d.ts

@@ -0,0 +1,3 @@
+export declare const WITH_DETAILS_DESCRIPTION = "To add rich content (such as links) to the description, use the `details` prop.\n\nAlthough this content is not associated with the field using direct semantics,\nit is made discoverable to screen reader users via a visually hidden description,\nalerting them to the presence of additional information below.\n\n**Important:** If the content only includes plain text, use `description` instead,\nso the readout is not unnecessarily verbose for screen reader users.";
+export declare const DETAILS_EXAMPLE: import("react").JSX.Element;
+//# sourceMappingURL=shared.d.ts.map

package/build-types/form/stories/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/form/stories/shared.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,qdAQgC,CAAC;AAEtE,eAAO,MAAM,eAAe,6BAQ3B,CAAC"}

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

@@ -0,0 +1,30 @@
+import type { Field } from './primitives';
+export type ControlProps = {
+    /**
+     * The accessible label. All controls must be labeled.
+     */
+    label: React.ComponentProps<typeof Field.Label>['children'];
+    /**
+     * The accessible description, associated using `aria-describedby`.
+     *
+     * For screen reader accessibility, this should only contain plain text,
+     * and no semantics such as links.
+     */
+    description?: React.ComponentProps<typeof Field.Description>['children'];
+    /**
+     * Additional information about the field, which unlike a normal description,
+     * can include links and other semantic elements.
+     *
+     * Do not use this prop when the content is only plain text;
+     * use `description` instead.
+     */
+    details?: React.ComponentProps<typeof Field.Details>['children'];
+    /**
+     * Whether to visually hide the label while keeping it accessible
+     * to screen readers.
+     *
+     * @default false
+     */
+    hideLabelFromVision?: React.ComponentProps<typeof Field.Label>['hideFromVision'];
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,cAAc,CAAE,OAAO,KAAK,CAAC,KAAK,CAAE,CAAE,UAAU,CAAE,CAAC;IAChE;;;;;OAKG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CACjC,OAAO,KAAK,CAAC,WAAW,CACxB,CAAE,UAAU,CAAE,CAAC;IAChB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAE,OAAO,KAAK,CAAC,OAAO,CAAE,CAAE,UAAU,CAAE,CAAC;IACrE;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,cAAc,CACzC,OAAO,KAAK,CAAC,KAAK,CAClB,CAAE,gBAAgB,CAAE,CAAC;CACtB,CAAC"}

package/build-types/index.d.ts

@@ -3,8 +3,10 @@ export * from './button';
 export * as Card from './card';
 export * as Collapsible from './collapsible';
 export * as CollapsibleCard from './collapsible-card';
+export * as AlertDialog from './alert-dialog';
 export * as Dialog from './dialog';
-export * from './form/primitives';
+export * as EmptyState from './empty-state';
+export * from './form';
 export * from './icon';
 export * from './icon-button';
 export * from './link';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,cAAc,mBAAmB,CAAC"}

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

@@ -6,5 +6,4 @@ import { CloseIcon } from './close-icon';
 import { ActionButton } from './action-button';
 import { ActionLink } from './action-link';
 export { Root, Title, Description, Actions, CloseIcon, ActionButton, ActionLink, };
-export type { NoticeIntent } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/notice/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EACN,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,EACT,YAAY,EACZ,UAAU,GACV,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/notice/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EACN,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,EACT,YAAY,EACZ,UAAU,GACV,CAAC"}

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

@@ -0,0 +1,26 @@
+declare function useRegisterTabDev(): void;
+/**
+ * Hook that registers a Tab for count validation in development mode.
+ */
+export declare const useRegisterTab: typeof useRegisterTabDev;
+declare function useRegisterPanelDev(): void;
+/**
+ * Hook that registers a Panel for count validation in development mode.
+ */
+export declare const useRegisterPanel: typeof useRegisterPanelDev;
+/**
+ * Development-only provider that tracks the number of registered tabs and
+ * panels, and warns when the counts don't match.
+ */
+declare function TabsValidationProviderDev({ children, }: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+/**
+ * Provider component that validates the number of tabs matches the number
+ * of panels in development mode.
+ *
+ * In production, this component is a no-op and just renders children.
+ */
+export declare const TabsValidationProvider: typeof TabsValidationProviderDev;
+export {};
+//# 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.tsx"],"names":[],"mappings":"AAwBA,iBAAS,iBAAiB,SASzB;AAMD;;GAEG;AACH,eAAO,MAAM,cAAc,0BAEN,CAAC;AAEtB,iBAAS,mBAAmB,SAS3B;AAMD;;GAEG;AACH,eAAO,MAAM,gBAAgB,4BAEN,CAAC;AAExB;;;GAGG;AACH,iBAAS,yBAAyB,CAAE,EACnC,QAAQ,GACR,EAAE;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,+BAwEA;AAaD;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,kCAEN,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/tabs/panel.tsx"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH,eAAO,MAAM,KAAK;;;;;;;kDAUjB,CAAC"}
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/tabs/panel.tsx"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,eAAO,MAAM,KAAK;;;;;;;kDAYjB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../src/tabs/root.tsx"],"names":[],"mappings":"AAIA;;;;;GAKG;AACH,eAAO,MAAM,IAAI;;;;;;;kDAIhB,CAAC"}
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../src/tabs/root.tsx"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,eAAO,MAAM,IAAI;;;;;;;kDAQhB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../src/tabs/tab.tsx"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,eAAO,MAAM,GAAG;;;;;;;qDAcb,CAAC"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../src/tabs/tab.tsx"],"names":[],"mappings":"AASA;;;;;GAKG;AACH,eAAO,MAAM,GAAG;;;;;;;qDAgBb,CAAC"}

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

@@ -1,4 +1,16 @@
 import type { RootProps } from './types';
+/**
+ * `Tooltip` is used to visually show the label of an icon button, or other such interactive controls
+ * that don't have a visual text label.
+ *
+ * Tooltips are not available on touch devices, and thus should not be used for infotips,
+ * descriptions, or dynamic status messages.
+ *
+ * The tooltip itself does not provide any accessible labeling, so when using the
+ * `Tooltip` primitive you must ensure that the trigger is accessibly labeled (e.g. with an `aria-label`).
+ *
+ * See also: [IconButton](https://wordpress.github.io/gutenberg/?path=/docs/design-system-components-iconbutton--docs)
+ */
 declare function Root(props: RootProps): import("react").JSX.Element;
 export { Root };
 //# sourceMappingURL=root.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../src/tooltip/root.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,iBAAS,IAAI,CAAE,KAAK,EAAE,SAAS,+BAE9B;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../src/tooltip/root.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;GAWG;AACH,iBAAS,IAAI,CAAE,KAAK,EAAE,SAAS,+BAE9B;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/tooltip/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAAC,IAAI,CAQpC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,OAAO,CAAC,IAAI,CASlD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAE,OAAO,OAAO,CAAC,IAAI,CAMnD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAE,OAAO,OAAO,CAAC,IAAI,CA+BtD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAE,OAAO,OAAO,CAAC,IAAI,CAgBvD,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/tooltip/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAQ,OAAO,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAAC,IAAI,CAQpC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,OAAO,CAAC,IAAI,CASlD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAE,OAAO,OAAO,CAAC,IAAI,CAMnD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAE,OAAO,OAAO,CAAC,IAAI,CA+BtD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAAE,OAAO,OAAO,CAAC,IAAI,CAoBvD,CAAC"}

package/build-types/utils/test/use-deprioritized-initial-focus.test.d.ts

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

package/build-types/utils/test/use-deprioritized-initial-focus.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-deprioritized-initial-focus.test.d.ts","sourceRoot":"","sources":["../../../src/utils/test/use-deprioritized-initial-focus.test.tsx"],"names":[],"mappings":""}

package/build-types/utils/use-deprioritized-initial-focus.d.ts

@@ -0,0 +1,35 @@
+import type { Dialog as _Dialog } from '@base-ui/react/dialog';
+/**
+ * Derived from Base UI's `Dialog.Popup.Props['initialFocus']`.
+ * The same type is shared by all Base UI overlay popups (Dialog, Popover, etc.).
+ */
+type InitialFocus = _Dialog.Popup.Props['initialFocus'];
+/**
+ * Returns a resolved `initialFocus` value that deprioritizes elements
+ * marked with a given data attribute (e.g. a close icon), and an internal
+ * ref that must be merged onto the popup element.
+ *
+ * When `initialFocus` is `undefined` or `true` (the default behavior),
+ * the hook replaces it with a callback that:
+ * 1. On touch interactions — focuses the popup element itself (preventing
+ *    the virtual keyboard on Android), matching Base UI's default.
+ * 2. On other interactions — returns the first tabbable element that does
+ *    *not* carry `deprioritizedAttribute`. Falls back to Base UI's default
+ *    when the deprioritized element is the only tabbable element.
+ *
+ * All other `initialFocus` values (`false`, `RefObject`, callback) pass
+ * through unchanged.
+ *
+ * @param props
+ * @param props.initialFocus           The consumer-provided `initialFocus` value.
+ * @param props.deprioritizedAttribute The data attribute whose elements should be deprioritized.
+ */
+export declare function useDeprioritizedInitialFocus({ initialFocus, deprioritizedAttribute, }: {
+    initialFocus: InitialFocus;
+    deprioritizedAttribute: string;
+}): {
+    resolvedInitialFocus: boolean | import("react").RefObject<HTMLElement | null> | ((openType: import("@base-ui/utils/useEnhancedClickHandler").InteractionType) => boolean | HTMLElement | null | void) | undefined;
+    popupRef: import("react").RefObject<HTMLDivElement>;
+};
+export {};
+//# sourceMappingURL=use-deprioritized-initial-focus.d.ts.map

package/build-types/utils/use-deprioritized-initial-focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-deprioritized-initial-focus.d.ts","sourceRoot":"","sources":["../../src/utils/use-deprioritized-initial-focus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAI/D;;;GAGG;AACH,KAAK,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAE,cAAc,CAAE,CAAC;AAe1D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,4BAA4B,CAAE,EAC7C,YAAY,EACZ,sBAAsB,GACtB,EAAE;IACF,YAAY,EAAE,YAAY,CAAC;IAC3B,sBAAsB,EAAE,MAAM,CAAC;CAC/B;;;EAiCA"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/ui",
-	"version": "0.9.1-next.v.202603161435.0+ab4981c4f",
+	"version": "0.10.0",
 	"description": "Themeable React UI components for the WordPress Design System.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -43,25 +43,26 @@
 	"types": "build-types",
 	"sideEffects": false,
 	"dependencies": {
-		"@base-ui/react": "^1.2.0",
-		"@wordpress/a11y": "^4.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/compose": "^7.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/element": "^6.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/i18n": "^6.14.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/icons": "^12.0.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/keycodes": "^4.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/primitives": "^4.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/private-apis": "^1.41.1-next.v.202603161435.0+ab4981c4f",
-		"@wordpress/theme": "^0.8.1-next.v.202603161435.0+ab4981c4f",
-		"clsx": "^2.1.1"
+		"@base-ui/react": "^1.3.0",
+		"@wordpress/a11y": "^4.43.0",
+		"@wordpress/compose": "^7.43.0",
+		"@wordpress/element": "^6.43.0",
+		"@wordpress/i18n": "^6.16.0",
+		"@wordpress/icons": "^12.1.0",
+		"@wordpress/keycodes": "^4.43.0",
+		"@wordpress/primitives": "^4.43.0",
+		"@wordpress/private-apis": "^1.43.0",
+		"@wordpress/theme": "^0.10.0",
+		"clsx": "^2.1.1",
+		"tabbable": "^6.4.0"
 	},
 	"devDependencies": {
-		"@storybook/addon-docs": "^10.1.11",
-		"@storybook/react-vite": "^10.1.11",
+		"@storybook/addon-docs": "^10.2.8",
+		"@storybook/react-vite": "^10.2.8",
 		"@testing-library/jest-dom": "^6.9.1",
 		"@types/jest": "^29.5.14",
 		"@types/node": "^20.17.10",
-		"storybook": "^10.1.11"
+		"storybook": "^10.2.8"
 	},
 	"peerDependencies": {
 		"react": "^18.0.0",
@@ -70,5 +71,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "748f4e4564fcc0e6ae90200d90bb993a3cef5828"
+	"gitHead": "2cea90674d11aa521ec3f71652fb3a6a4c383969"
 }

package/src/alert-dialog/context.tsx

@@ -0,0 +1,14 @@
+import { createContext } from '@wordpress/element';
+import type { RootProps } from './types';
+
+type Intent = NonNullable< RootProps[ 'intent' ] >;
+
+interface AlertDialogContextValue {
+	intent: Intent;
+}
+
+const AlertDialogContext = createContext< AlertDialogContextValue >( {
+	intent: 'default',
+} );
+
+export { AlertDialogContext };

package/src/alert-dialog/index.ts

@@ -0,0 +1,3 @@
+export { Root } from './root';
+export { Trigger } from './trigger';
+export { Popup } from './popup';

package/src/alert-dialog/popup.tsx

@@ -0,0 +1,58 @@
+import { forwardRef, useContext } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+import { Button } from '../button';
+import * as Dialog from '../dialog';
+import { AlertDialogContext } from './context';
+import styles from './style.module.css';
+import type { PopupProps } from './types';
+
+const Popup = forwardRef< HTMLDivElement, PopupProps >(
+	function AlertDialogPopup(
+		{
+			title,
+			children,
+			onConfirm,
+			confirmButtonText = __( 'OK' ),
+			cancelButtonText = __( 'Cancel' ),
+			loading,
+		},
+		ref
+	) {
+		const { intent } = useContext( AlertDialogContext );
+
+		// When `loading` is provided, the consumer controls when the dialog
+		// closes (async flow). Use a plain Button so clicking confirm doesn't
+		// auto-close — the consumer sets `open={false}` after their operation.
+		const ConfirmButton = loading !== undefined ? Button : Dialog.Action;
+
+		return (
+			<Dialog.Popup ref={ ref }>
+				<Dialog.Header>
+					<Dialog.Title>{ title }</Dialog.Title>
+				</Dialog.Header>
+				{ children }
+				<Dialog.Footer>
+					<Dialog.Action
+						variant="minimal"
+						disabled={ loading || undefined }
+					>
+						{ cancelButtonText }
+					</Dialog.Action>
+					<ConfirmButton
+						className={
+							intent === 'irreversible'
+								? styles[ 'irreversible-action' ]
+								: undefined
+						}
+						onClick={ onConfirm }
+						loading={ loading }
+					>
+						{ confirmButtonText }
+					</ConfirmButton>
+				</Dialog.Footer>
+			</Dialog.Popup>
+		);
+	}
+);
+
+export { Popup };

package/src/alert-dialog/root.tsx

@@ -0,0 +1,48 @@
+import { AlertDialog as _AlertDialog } from '@base-ui/react/alert-dialog';
+import { useMemo } from '@wordpress/element';
+import { AlertDialogContext } from './context';
+import type { RootProps } from './types';
+
+/**
+ * A dialog that requires a user response to proceed.
+ *
+ * Use `AlertDialog.Trigger` to render a button that opens the dialog.
+ * Use `AlertDialog.Popup` to render the dialog content.
+ * The `AlertDialog.Trigger` is optional — the dialog can also be controlled
+ * via `open` / `onOpenChange` props.
+ *
+ * ## Use cases
+ *
+ * - **Default intent**: Standard confirmation dialog for reversible actions.
+ * - **Irreversible intent**: Confirmation dialog for irreversible actions that
+ *   cannot be undone. The confirm button uses error/danger coloring.
+ *
+ * For use cases outside the standard confirm/cancel pattern, use the lower-level
+ * `Dialog` component directly.
+ *
+ * See the [Destructive Actions guidelines](?path=/docs/design-system-patterns-destructive-actions--docs)
+ * for more details on when to use each pattern.
+ */
+function Root( {
+	intent = 'default',
+	children,
+	open,
+	onOpenChange,
+	defaultOpen,
+}: RootProps ) {
+	const contextValue = useMemo( () => ( { intent } ), [ intent ] );
+
+	return (
+		<_AlertDialog.Root
+			open={ open }
+			onOpenChange={ onOpenChange }
+			defaultOpen={ defaultOpen }
+		>
+			<AlertDialogContext.Provider value={ contextValue }>
+				{ children }
+			</AlertDialogContext.Provider>
+		</_AlertDialog.Root>
+	);
+}
+
+export { Root };