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

package/build-types/form/primitives/autocomplete/list-body.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A layout container for the main scrolling area in the `List`, for holding `Item`s.
+ */
+export declare const ListBody: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, 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=list-body.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-body.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/list-body.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;kDAcpB,CAAC"}

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

@@ -0,0 +1,11 @@
+import { Autocomplete as _Autocomplete } from '@base-ui/react/autocomplete';
+export declare const List: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").AutocompleteListProps, "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?: _Autocomplete.List.Props["children"];
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAM5E,eAAO,MAAM,IAAI;;;;;;;;kDAUhB,CAAC"}

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

@@ -0,0 +1,11 @@
+export declare const Popup: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").AutocompletePopupProps, "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;
+    portal?: import("react").ReactElement<Omit<import("./types").PortalProps, "children">>;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=popup.d.ts.map

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

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

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

@@ -0,0 +1,8 @@
+/**
+ * Root element that portals `Autocomplete` popup content. Pass to
+ * `Autocomplete.Popup`'s `portal` prop. When `portal` is omitted,
+ * `Autocomplete.Popup` uses this component with default props.
+ */
+declare const Portal: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Portal };
+//# sourceMappingURL=portal.d.ts.map

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

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

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

@@ -0,0 +1,8 @@
+import type { AutocompleteRootProps } from './types';
+/**
+ * Low-level primitive for an autocomplete input that suggests options as
+ * you type. Unlike `Combobox`, the input can contain free-form text and
+ * suggestions only optionally autocomplete the text.
+ */
+export declare function Root(props: AutocompleteRootProps): import("react").JSX.Element;
+//# sourceMappingURL=root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/root.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD;;;;GAIG;AACH,wBAAgB,IAAI,CAAE,KAAK,EAAE,qBAAqB,+BAEjD"}

package/build-types/form/primitives/autocomplete/stories/fixtures.d.ts

@@ -0,0 +1,8 @@
+export interface FixtureItem {
+    id: string;
+    value: string;
+}
+export declare const COMMANDS: FixtureItem[];
+export declare const USERS: FixtureItem[];
+export declare const URLS: FixtureItem[];
+//# sourceMappingURL=fixtures.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/autocomplete/stories/fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,QAAQ,EAAE,WAAW,EASjC,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,WAAW,EAQ9B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,WAAW,EAQ7B,CAAC"}

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

@@ -0,0 +1,41 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import * as Autocomplete from '../index';
+declare const meta: Meta<typeof Autocomplete.Root>;
+export default meta;
+type Story = StoryObj<typeof Autocomplete.Root>;
+/**
+ * The input accepts free-form text while suggesting matching items.
+ */
+export declare const Default: Story;
+/**
+ * Controls the popup so it only opens when there is at least one match.
+ */
+export declare const OpenOnlyOnMatch: Story;
+export declare const AsyncItems: Story;
+/**
+ * The suggestion list can be rendered inline by enabling `inline` and `open`.
+ */
+export declare const Inline: Story;
+export declare const WithSearchIconAndClearButton: Story;
+/**
+ * Experimental: Textarea with inline autocomplete triggered by `@`.
+ */
+export declare const TextareaInlineAutocomplete: Story;
+/**
+ * Popovers in Gutenberg are managed with explicit z-index values, which can
+ * create situations where an autocomplete popup renders below another popover
+ * when you want it above.
+ *
+ * The `--wp-ui-autocomplete-z-index` CSS variable controls the z-index of the
+ * `Autocomplete` positioner. Override it either:
+ *
+ * - **Globally**, by setting the variable on `:root` or `body` (raises every
+ *   `Autocomplete` popup in the page), or
+ * - **Per instance**, by passing an `Autocomplete.Portal` with a `style` (or
+ *   `className`) to `Autocomplete.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;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/autocomplete/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,YAAY,MAAM,UAAU,CAAC;AAOzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CAAC,IAAI,CAezC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,YAAY,CAAC,IAAI,CAAE,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KA4C7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAiDxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAyCpB,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KA6C1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,KAiIxC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAgC9B,CAAC"}

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

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

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

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

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

@@ -0,0 +1,44 @@
+import type { Autocomplete as _Autocomplete } from '@base-ui/react/autocomplete';
+import type { ComponentPropsWithoutRef, ReactElement } from 'react';
+import type { ComponentProps } from '../../../utils/types';
+export type AutocompleteCollectionProps = _Autocomplete.Collection.Props;
+export type PortalProps = ComponentPropsWithoutRef<typeof _Autocomplete.Portal>;
+export type AutocompleteClearProps = ComponentProps<typeof _Autocomplete.Clear> & {
+    children?: React.ReactNode;
+};
+export type AutocompleteEmptyProps = ComponentProps<typeof _Autocomplete.Empty> & {
+    children?: React.ReactNode;
+};
+export type AutocompleteInputProps = Omit<ComponentProps<typeof _Autocomplete.Input>, 'size'>;
+export type AutocompleteInputGroupProps = ComponentProps<typeof _Autocomplete.InputGroup> & {
+    children?: React.ReactNode;
+};
+export type AutocompleteItemProps = ComponentProps<typeof _Autocomplete.Item> & {
+    children?: React.ReactNode;
+};
+export type AutocompleteListProps = ComponentProps<typeof _Autocomplete.List> & {
+    children?: _Autocomplete.List.Props['children'];
+};
+export type AutocompleteListBodyProps = ComponentProps<'div'> & {
+    children?: React.ReactNode;
+};
+export type AutocompletePopupProps = ComponentProps<typeof _Autocomplete.Popup> & {
+    children?: React.ReactNode;
+    /**
+     * Optional portal element, typically `<Autocomplete.Portal />` with custom
+     * `container`. When omitted, `Autocomplete.Popup` uses
+     * `Autocomplete.Portal` with default props. Do not pass `children` on the
+     * portal element; they would be ignored.
+     */
+    portal?: ReactElement<Omit<PortalProps, 'children'>>;
+};
+export type AutocompleteRootProps = ComponentProps<typeof _Autocomplete.Root> & {
+    children?: React.ReactNode;
+};
+export type AutocompleteValueProps = {
+    /**
+     * Can be used to override the current value of the autocomplete.
+     */
+    children?: _Autocomplete.Value.Props['children'];
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjF,OAAO,KAAK,EAAE,wBAAwB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,2BAA2B,GAAG,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC;AAEzE,MAAM,MAAM,WAAW,GAAG,wBAAwB,CACjD,OAAO,aAAa,CAAC,MAAM,CAC3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAClD,OAAO,aAAa,CAAC,KAAK,CAC1B,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAClD,OAAO,aAAa,CAAC,KAAK,CAC1B,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACxC,cAAc,CAAE,OAAO,aAAa,CAAC,KAAK,CAAE,EAC5C,MAAM,CACN,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,cAAc,CACvD,OAAO,aAAa,CAAC,UAAU,CAC/B,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CACjD,OAAO,aAAa,CAAC,IAAI,CACzB,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CACjD,OAAO,aAAa,CAAC,IAAI,CACzB,GAAG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAE,KAAK,CAAE,GAAG;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAClD,OAAO,aAAa,CAAC,KAAK,CAC1B,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAE,IAAI,CAAE,WAAW,EAAE,UAAU,CAAE,CAAE,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CACjD,OAAO,aAAa,CAAC,IAAI,CACzB,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;CACnD,CAAC"}

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

@@ -0,0 +1,3 @@
+import type { AutocompleteValueProps } from './types';
+export declare function Value(props: AutocompleteValueProps): import("react").JSX.Element;
+//# sourceMappingURL=value.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"value.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/autocomplete/value.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,wBAAgB,KAAK,CAAE,KAAK,EAAE,sBAAsB,+BAEnD"}

package/build-types/form/primitives/field/description.d.ts

@@ -1,5 +1,6 @@
-export declare const Description: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").FieldDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref">, "className" | "children" | "render"> & {
+export declare const Description: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").FieldDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "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>>;

package/build-types/form/primitives/field/description.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/description.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW;;;;;;;wDAerB,CAAC"}
+{"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/description.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW;;;;;;;;wDAerB,CAAC"}

package/build-types/form/primitives/field/details.d.ts

@@ -10,8 +10,9 @@
  * If the content only includes plain text, use `Field.Description` instead,
  * so the readout is not unnecessarily verbose for screen reader users.
  */
-export declare const Details: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "children" | "render"> & {
+export declare const Details: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, 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>>;

package/build-types/form/primitives/field/details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/details.tsx"],"names":[],"mappings":"AAQA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO;;;;;;;kDAenB,CAAC"}
+{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/details.tsx"],"names":[],"mappings":"AAQA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO;;;;;;;;kDAiBnB,CAAC"}

package/build-types/form/primitives/field/label.d.ts

@@ -1,6 +1,7 @@
 import { Field as _Field } from '@base-ui/react/field';
-export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref">, "className" | "children" | "render"> & {
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "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>>;

package/build-types/form/primitives/field/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAMvD,eAAO,MAAM,KAAK;;;;;;;;;oDAqBjB,CAAC"}
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAMvD,eAAO,MAAM,KAAK;;;;;;;;;;oDAyBjB,CAAC"}

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

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

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;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"}
+{"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,KAAK,KAAK,MAAM,KAAK,CAAC;AAG7B,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/description.d.ts

@@ -1,5 +1,6 @@
-export declare const FieldsetDescription: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "className" | "children" | "render"> & {
+export declare const FieldsetDescription: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "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>>;

package/build-types/form/primitives/fieldset/description.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/description.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,mBAAmB;;;;;;;wDAmC7B,CAAC"}
+{"version":3,"file":"description.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/description.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,mBAAmB;;;;;;;;wDAmC7B,CAAC"}

package/build-types/form/primitives/fieldset/details.d.ts

@@ -10,8 +10,9 @@
  * If the content only includes plain text, use `Fieldset.Description` instead,
  * so the readout is not unnecessarily verbose for screen reader users.
  */
-export declare const FieldsetDetails: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "children" | "render"> & {
+export declare const FieldsetDetails: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, 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>>;

package/build-types/form/primitives/fieldset/details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/details.tsx"],"names":[],"mappings":"AAQA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe;;;;;;;kDAyBzB,CAAC"}
+{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/details.tsx"],"names":[],"mappings":"AAQA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe;;;;;;;;kDAyBzB,CAAC"}

package/build-types/form/primitives/fieldset/legend.d.ts

@@ -1,5 +1,6 @@
-export declare const FieldsetLegend: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").FieldsetLegendProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref">, "className" | "children" | "render"> & {
+export declare const FieldsetLegend: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").FieldsetLegendProps, "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>>;

package/build-types/form/primitives/fieldset/legend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/legend.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,cAAc;;;;;;;;kDAgB1B,CAAC"}
+{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/legend.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,cAAc;;;;;;;;;kDAqB1B,CAAC"}

package/build-types/form/primitives/fieldset/root.d.ts

@@ -4,8 +4,9 @@
  *
  * To label a single form control element, use the `Field` component instead.
  */
-export declare const FieldsetRoot: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").FieldsetRootProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref">, "className" | "children" | "render"> & {
+export declare const FieldsetRoot: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").FieldsetRootProps, "ref"> & import("react").RefAttributes<HTMLElement>, "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>>;

package/build-types/form/primitives/fieldset/root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/root.tsx"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,eAAO,MAAM,YAAY;;;;;;;uDA4BtB,CAAC"}
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/root.tsx"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,eAAO,MAAM,YAAY;;;;;;;;uDA4BtB,CAAC"}

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

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

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;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"}
+{"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,KAAK,QAAQ,MAAM,KAAK,CAAC;AAGhC,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/index.d.ts

@@ -1,3 +1,4 @@
+export * as Autocomplete from './autocomplete';
 export * as Field from './field';
 export * as Fieldset from './fieldset';
 export { Input } from './input';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

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

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

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;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"}
+{"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,KAAK,CAAC;AAE5B,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/stories/index.story.d.ts

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

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;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"}
+{"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,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAGlC,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/primitives/select/index.d.ts

@@ -1,4 +1,5 @@
 export { Item } from './item';
+export { Portal } from './portal';
 export { Popup } from './popup';
 export { Root } from './root';
 export { Trigger } from './trigger';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,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,OAAO,EAAE,MAAM,WAAW,CAAC"}

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

@@ -1,3 +1,7 @@
-import type { SelectItemProps } from './types';
-export declare const Item: import("react").ForwardRefExoticComponent<Omit<SelectItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import { Select as _Select } from '@base-ui/react/select';
+export declare const Item: import("react").ForwardRefExoticComponent<Omit<import("../../../utils/types").ComponentProps<import("react").NamedExoticComponent<Omit<import("@base-ui/react").SelectItemProps, "ref"> & import("react").RefAttributes<HTMLElement>>>, "value"> & {
+    value?: string;
+    size?: import("../input-layout/types").InputLayoutProps["size"];
+    children?: _Select.Item.Props["children"];
+} & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=item.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/item.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,IAAI,yHA6BhB,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAS1D,eAAO,MAAM,IAAI;;;;kDA4BhB,CAAC"}

package/build-types/form/primitives/select/popup.d.ts

@@ -1,2 +1,11 @@
-export declare const Popup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Popup: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").SelectPopupProps, "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;
+    portal?: import("react").ReactElement<Omit<import("./types").PortalProps, "children">>;
+} & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=popup.d.ts.map

package/build-types/form/primitives/select/popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/popup.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,KAAK,mJAqCjB,CAAC"}
+{"version":3,"file":"popup.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/popup.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,KAAK;;;;;;;;;kDAmCjB,CAAC"}

package/build-types/form/primitives/select/portal.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Root element that portals `Select` listbox content. Pass to
+ * `Select.Popup`'s `portal` prop. When `portal` is omitted, `Select.Popup`
+ * uses this component with default props.
+ */
+declare const Portal: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Portal };
+//# sourceMappingURL=portal.d.ts.map

package/build-types/form/primitives/select/portal.d.ts.map

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

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

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Select } from '../../../..';
+import * as Select from '../';
 declare const meta: Meta<typeof Select.Root>;
 export default meta;
 type Story = StoryObj<typeof Select.Root>;
@@ -38,12 +38,20 @@ export declare const WithDisabledItem: Story;
  */
 export declare const WithCustomTriggerAndItem: Story;
 /**
- * Popovers in Gutenberg are managed with explicit z-index values, which can create
- * situations where a popover renders below another popover, when you want it to be rendered above.
+ * Popovers in Gutenberg are managed with explicit z-index values, which can
+ * create situations where a select popup renders below another popover when
+ * you want it above.
  *
- * The `--wp-ui-select-z-index` CSS variable, available on the `Select.Popup` component,
- * is an escape hatch that can be used to override the z-index of a given `Select` popover
- * on a case-by-case basis.
+ * The `--wp-ui-select-z-index` CSS variable controls the z-index of the
+ * `Select` positioner. Override it either:
+ *
+ * - **Globally**, by setting the variable on `:root` or `body` (raises every
+ *   `Select` popover in the page), or
+ * - **Per instance**, by passing a `Select.Portal` with a `style` (or
+ *   `className`) to `Select.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;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/select/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAAC,IAAI,CAQnC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,MAAM,CAAC,IAAI,CAAE,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAcF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAsBlC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAC;AAaF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAwCtC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../../src/form/primitives/select/stories/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,MAAM,KAAK,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAAC,IAAI,CAQnC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,MAAM,CAAC,IAAI,CAAE,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAcF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAsBlC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAa9B,CAAC;AAaF;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAwCtC,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAC"}

package/build-types/form/primitives/select/trigger.d.ts

@@ -1,3 +1,13 @@
-import type { SelectTriggerProps } from './types';
-export declare const Trigger: import("react").ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+import { Select as _Select } from '@base-ui/react/select';
+export declare const Trigger: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@base-ui/react").SelectTriggerProps, "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>>;
+} & {
+    size?: import("../input-layout/types").InputLayoutProps["size"];
+    variant?: "default" | "minimal";
+    children?: _Select.Value.Props["children"];
+} & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=trigger.d.ts.map

package/build-types/form/primitives/select/trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/trigger.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,OAAO,+HA+CnB,CAAC"}
+{"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAU1D,eAAO,MAAM,OAAO;;;;;;;;;;qDA+CnB,CAAC"}

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

@@ -1,7 +1,10 @@
 import type { Select as _Select } from '@base-ui/react/select';
+import type { ComponentPropsWithoutRef, ReactElement } from 'react';
+import type { ComponentProps } from '../../../utils/types';
 import type { InputLayoutProps } from '../input-layout/types';
+export type PortalProps = ComponentPropsWithoutRef<typeof _Select.Portal>;
 export type SelectRootProps = Omit<_Select.Root.Props<string, false>, 'multiple'>;
-export type SelectTriggerProps = Omit<_Select.Trigger.Props, 'children'> & {
+export type SelectTriggerProps = ComponentProps<typeof _Select.Trigger> & {
     /**
      * The size of the trigger.
      *
@@ -20,8 +23,20 @@ export type SelectTriggerProps = Omit<_Select.Trigger.Props, 'children'> & {
      */
     children?: _Select.Value.Props['children'];
 };
-export type SelectPopupProps = _Select.Popup.Props;
-export type SelectItemProps = Omit<_Select.Item.Props, 'children' | 'value'> & {
+export type SelectPopupProps = ComponentProps<typeof _Select.Popup> & {
+    /**
+     * The content to be rendered inside the popup.
+     */
+    children?: React.ReactNode;
+    /**
+     * Optional portal element, typically `<Select.Portal />` with custom
+     * `container`. When omitted, `Select.Popup` uses `Select.Portal` with
+     * default props. Do not pass `children` on the portal element; they would
+     * be ignored.
+     */
+    portal?: ReactElement<Omit<PortalProps, 'children'>>;
+};
+export type SelectItemProps = Omit<ComponentProps<typeof _Select.Item>, 'value'> & {
     /**
      * A unique value that identifies this select item.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9D,MAAM,MAAM,eAAe,GAAG,IAAI,CACjC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAE,MAAM,EAAE,KAAK,CAAE,EACnC,UAAU,CACV,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAE,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,UAAU,CAAE,GAAG;IAC5E;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAE,MAAM,CAAE,CAAC;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG,IAAI,CACjC,OAAO,CAAC,IAAI,CAAC,KAAK,EAClB,UAAU,GAAG,OAAO,CACpB,GAAG;IACH;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAE,MAAM,CAAE,CAAC;IAClC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;CAC5C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,wBAAwB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,wBAAwB,CAAE,OAAO,OAAO,CAAC,MAAM,CAAE,CAAC;AAG5E,MAAM,MAAM,eAAe,GAAG,IAAI,CACjC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAE,MAAM,EAAE,KAAK,CAAE,EACnC,UAAU,CACV,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAE,OAAO,OAAO,CAAC,OAAO,CAAE,GAAG;IAC3E;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAE,MAAM,CAAE,CAAC;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAE,OAAO,OAAO,CAAC,KAAK,CAAE,GAAG;IACvE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAE,IAAI,CAAE,WAAW,EAAE,UAAU,CAAE,CAAE,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CACjC,cAAc,CAAE,OAAO,OAAO,CAAC,IAAI,CAAE,EACrC,OAAO,CACP,GAAG;IACH;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAE,MAAM,CAAE,CAAC;IAClC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;CAC5C,CAAC"}

package/build-types/index.d.ts

@@ -5,6 +5,7 @@ export * as Collapsible from './collapsible';
 export * as CollapsibleCard from './collapsible-card';
 export * as AlertDialog from './alert-dialog';
 export * as Dialog from './dialog';
+export * as Drawer from './drawer';
 export * as EmptyState from './empty-state';
 export * from './form';
 export * from './icon';

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,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,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,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,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,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,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"}