@wordpress/ui 0.4.0 → 0.5.0

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

@@ -0,0 +1,10 @@
+import { Button as ButtonButton } from './button';
+import { ButtonIcon } from './icon';
+/**
+ * A versatile button component with multiple variants, tones, and sizes.
+ * Built on design tokens for consistent theming and accessibility.
+ */
+export declare const Button: typeof ButtonButton & {
+    Icon: typeof ButtonIcon;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC;;;GAGG;AACH,eAAO,MAAM,MAAM,EAMZ,OAAO,YAAY,GAAG;IAC5B,IAAI,EAAE,OAAO,UAAU,CAAC;CACxB,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Button } from '../index';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const Outline: Story;
+export declare const Minimal: Story;
+export declare const Compact: Story;
+export declare const Small: Story;
+export declare const Neutral: Story;
+export declare const NeutralOutline: Story;
+export declare const Unstyled: Story;
+export declare const AllTonesAndVariants: Story;
+export declare const WithIcon: Story;
+export declare const Loading: Story;
+/**
+ * The pressed state is only available for buttons with `tone="neutral"` and
+ * `variant="minimal"`. This represents a toggle button that is currently in an
+ * active/pressed state.
+ */
+export declare const Pressed: Story;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/button/stories/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAQ9B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,MAAM,CAAE,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA6DjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC"}

package/build-types/button/test/button.test.d.ts

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

package/build-types/button/test/button.test.d.ts.map

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

package/build-types/button/test/icon.test.d.ts

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

package/build-types/button/test/icon.test.d.ts.map

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

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

@@ -0,0 +1,63 @@
+import { type ReactNode, type HTMLAttributes } from 'react';
+import type { Button as _Button } from '@base-ui/react/button';
+import type { ComponentProps } from '../utils/types';
+type _ButtonProps = ComponentProps<typeof _Button>;
+export interface ButtonProps extends Omit<_ButtonProps, 'disabled' | 'aria-pressed'> {
+    /**
+     * The variant of the button. Variants describe the visual style treatment
+     * of the button.
+     *
+     * @default "solid"
+     */
+    variant?: 'solid' | 'outline' | 'minimal' | 'unstyled';
+    /**
+     * The tone of the button, describing a semantic color intent:
+     *
+     * - `'brand': for the most prominent actions, using the brand colors.
+     * - `'neutral'` for less prominent actions.
+     *
+     * @default "brand"
+     */
+    tone?: 'brand' | 'neutral';
+    /**
+     * The size of the button.
+     *
+     * - `'default'`: For normal text-label buttons, unless it is a toggle button.
+     * - `'compact'`: For toggle buttons, icon buttons, and buttons when used in context of either.
+     * - `'small'`: For icon buttons associated with more advanced or auxiliary features.
+     *
+     * @default "default"
+     */
+    size?: 'default' | 'compact' | 'small';
+    /**
+     * Whether the button is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the element should be focusable even when it is disabled.
+     *
+     * @default true
+     */
+    focusableWhenDisabled?: _ButtonProps['focusableWhenDisabled'];
+    /**
+     * Indicates the current "pressed" state of toggle buttons. This should only
+     * be used with neutral minimal buttons.
+     */
+    'aria-pressed'?: HTMLAttributes<HTMLButtonElement>['aria-pressed'];
+    /**
+     * The content of the button.
+     */
+    children?: ReactNode;
+    /**
+     * Whether the button is in a loading state, such as when an action is being
+     * performed.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * The text used for assistive technology to indicate the loading state.
+     */
+    loadingAnnouncement?: string;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,KAAK,YAAY,GAAG,cAAc,CAAE,OAAO,OAAO,CAAE,CAAC;AAErD,MAAM,WAAW,WAChB,SAAQ,IAAI,CAAE,YAAY,EAAE,UAAU,GAAG,cAAc,CAAE;IACzD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAEvD;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE3B;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAEvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,YAAY,CAAE,uBAAuB,CAAE,CAAC;IAEhE;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAE,iBAAiB,CAAE,CAAE,cAAc,CAAE,CAAC;IAEvE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

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

@@ -0,0 +1,6 @@
+import { Field as _Field } from '@base-ui/react/field';
+export declare const Control: import("react").ForwardRefExoticComponent<Omit<import("../../../utils/types").ComponentProps<import("react").ForwardRefExoticComponent<import("@base-ui/react").FieldControlProps & import("react").RefAttributes<HTMLInputElement>>>, "defaultValue"> & {
+    children?: _Field.Control.Props["children"];
+    defaultValue?: _Field.Control.Props["defaultValue"];
+} & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=control.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"control.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAIvD,eAAO,MAAM,OAAO;;;oDAInB,CAAC"}

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

@@ -0,0 +1,9 @@
+export declare const Description: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref">, "className" | "children" | "render"> & {
+    className?: string;
+    render?: ((props: import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
+} & {
+    children?: string;
+} & import("react").RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=description.d.ts.map

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

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

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

@@ -0,0 +1,21 @@
+/**
+ * A component for showing additional information about the field,
+ * styled similarly to a normal `Field.Description`.
+ * Unlike a normal description, it can include links and other semantic elements.
+ *
+ * Although this content is not associated with the field using direct semantics,
+ * it is made discoverable to screen reader users via a visually hidden description,
+ * alerting them to the presence of additional information below.
+ *
+ * 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"> & {
+    className?: string;
+    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=details.d.ts.map

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

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

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

@@ -0,0 +1,8 @@
+import { Root } from './root';
+import { Item } from './item';
+import { Label } from './label';
+import { Description } from './description';
+import { Details } from './details';
+import { Control } from './control';
+export { Root, Item, Label, Description, Details, Control };
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+import type { FieldItemProps } from './types';
+export declare const Item: React.ForwardRefExoticComponent<FieldItemProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,yBAAyB,CACjD,cAAc,GAAG,KAAK,CAAC,aAAa,CAAE,cAAc,CAAE,CAGpD,CAAC"}

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

@@ -0,0 +1,11 @@
+import { Field as _Field } from '@base-ui/react/field';
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps & import("react").RefAttributes<any>, "ref">, "className" | "children" | "render"> & {
+    className?: string;
+    render?: ((props: import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
+} & {
+    children?: _Field.Label.Props["children"];
+    variant?: "default" | "plain";
+} & import("react").RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +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;AAKvD,eAAO,MAAM,KAAK;;;;;;;;oDAcjB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { Field as _Field } from '@base-ui/react/field';
+/**
+ * A low-level component that associates an accessible label and description
+ * with a single form control element.
+ *
+ * To label a group of multiple form control elements, use the `Fieldset` component instead.
+ *
+ * Simply wrapping a control with this component does not guarantee
+ * accessible labeling. See examples for how to associate the label in different cases.
+ */
+export declare const Root: import("react").ForwardRefExoticComponent<Omit<import("../../../utils/types").ComponentProps<import("react").ForwardRefExoticComponent<import("@base-ui/react").FieldRootProps & import("react").RefAttributes<HTMLDivElement>>>, "disabled" | "validate" | "validationMode" | "validationDebounceTime" | "invalid" | "dirty" | "touched"> & {
+    children?: _Field.Root.Props["children"];
+    disabled?: _Field.Root.Props["disabled"];
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/root.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAUvD;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI;;;kDAYd,CAAC"}

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

@@ -0,0 +1,39 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import '@wordpress/theme/design-tokens.css';
+import { Field } from '../../../..';
+declare const meta: Meta<typeof Field.Root>;
+export default meta;
+/**
+ * If your control component forwards refs, as well as the `aria-labelledby` and `aria-describedby` props
+ * to the actual underlying HTML element to be labeled,
+ * you can simply place your control in the `render` prop of `Field.Control`.
+ */
+export declare const Default: StoryObj<typeof Field.Root>;
+/**
+ * If your control component does not forward refs, but does forward the `id` prop
+ * to the actual underlying HTML element to be labeled, use the `htmlFor` prop
+ * of the `Field.Label` component to associate the label with the control.
+ *
+ * This is preferred over `aria-labelledby` because it allows users to click the
+ * label to focus the control.
+ */
+export declare const UsingHtmlFor: StoryObj<typeof Field.Root>;
+/**
+ * If your control component does not forward refs nor the `id` prop, but does
+ * forward the `aria-labelledby` prop to the actual underlying HTML element to be
+ * labeled, use the `id` prop of the `Field.Label` component to associate the
+ * label with the control.
+ */
+export declare const UsingAriaLabelledby: StoryObj<typeof Field.Root>;
+/**
+ * To add rich content (such as links) to the description, use `Field.Details`.
+ *
+ * Although this content is not associated with the field using direct semantics,
+ * it is made discoverable to screen reader users via a visually hidden description,
+ * alerting them to the presence of additional information below.
+ *
+ * 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 WithDetails: StoryObj<typeof Field.Root>;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +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,oCAAoC,CAAC;AAC5C,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;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAE,OAAO,KAAK,CAAC,IAAI,CAkBpD,CAAC"}

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

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

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

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

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

@@ -0,0 +1,62 @@
+import type { Field } from '@base-ui/react/field';
+import type { ComponentProps } from '../../../utils/types';
+export type FieldRootProps = Omit<ComponentProps<typeof Field.Root>, 'disabled' | 'dirty' | 'invalid' | 'touched' | 'validate' | 'validationDebounceTime' | 'validationMode'> & {
+    children?: Field.Root.Props['children'];
+    /**
+     * Whether the field is disabled.
+     *
+     * @default false
+     */
+    disabled?: Field.Root.Props['disabled'];
+};
+export type FieldItemProps = ComponentProps<typeof Field.Item> & {
+    children?: React.ReactNode;
+};
+export type FieldLabelProps = ComponentProps<typeof Field.Label> & {
+    /**
+     * The label string, or the string and the element to associate it with.
+     *
+     * To keep things accessible, do not include other interactive
+     * elements such as links or buttons.
+     */
+    children?: Field.Label.Props['children'];
+    /**
+     * The visual variant of the label.
+     *
+     * Use 'plain' for controls like checkboxes and radio buttons.
+     *
+     * @default 'default'
+     */
+    variant?: 'default' | 'plain';
+};
+export type FieldControlProps = Omit<ComponentProps<typeof Field.Control>, 'defaultValue'> & {
+    children?: Field.Control.Props['children'];
+    /**
+     * The default value to use in uncontrolled mode.
+     */
+    defaultValue?: Field.Control.Props['defaultValue'];
+};
+export type FieldDescriptionProps = ComponentProps<typeof Field.Description> & {
+    /**
+     * The accessible description, associated using `aria-describedby`.
+     *
+     * For screen reader accessibility, this should only contain plain text,
+     * and no semantics such as links.
+     */
+    children?: string;
+};
+export type FieldDetailsProps = ComponentProps<'div'> & {
+    /**
+     * Additional information about the field, which unlike a normal description,
+     * can include links and other semantic elements.
+     *
+     * Although this content is not associated with the field using direct semantics,
+     * it is made discoverable to screen reader users via a visually hidden description,
+     * alerting them to the presence of additional information below.
+     *
+     * Do not use this component when the details content is only plain text,
+     * as it makes the readout unnecessarily verbose for screen reader users.
+     */
+    children?: React.ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/field/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,IAAI,CAChC,cAAc,CAAE,OAAO,KAAK,CAAC,IAAI,CAAE,EACjC,UAAU,GAEV,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,wBAAwB,GACxB,gBAAgB,CAClB,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC1C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAE,OAAO,KAAK,CAAC,IAAI,CAAE,GAAG;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAE,OAAO,KAAK,CAAC,KAAK,CAAE,GAAG;IACpE;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC3C;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CACnC,cAAc,CAAE,OAAO,KAAK,CAAC,OAAO,CAAE,EACtC,cAAc,CACd,GAAG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAE,UAAU,CAAE,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAE,cAAc,CAAE,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CACjD,OAAO,KAAK,CAAC,WAAW,CACxB,GAAG;IACH;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAE,KAAK,CAAE,GAAG;IACzD;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}

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

@@ -0,0 +1,8 @@
+type FieldsetContextType = {
+    registerDescriptionId: (id: string) => void;
+    unregisterDescriptionId: () => void;
+};
+export declare const FieldsetContext: import("react").Context<FieldsetContextType>;
+export declare const useFieldsetContext: () => FieldsetContextType;
+export {};
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/context.tsx"],"names":[],"mappings":"AAEA,KAAK,mBAAmB,GAAG;IAC1B,qBAAqB,EAAE,CAAE,EAAE,EAAE,MAAM,KAAM,IAAI,CAAC;IAC9C,uBAAuB,EAAE,MAAM,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,eAAe,8CAGzB,CAAC;AAEJ,eAAO,MAAM,kBAAkB,2BAAsC,CAAC"}

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

@@ -0,0 +1,9 @@
+export declare const FieldsetDescription: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "className" | "children" | "render"> & {
+    className?: string;
+    render?: ((props: import("react").HTMLAttributes<any> & {
+        ref?: import("react").Ref<any> | undefined;
+    }) => React.ReactElement<unknown>) | React.ReactElement<Record<string, unknown>>;
+} & {
+    children?: string;
+} & import("react").RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=description.d.ts.map

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

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

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

@@ -0,0 +1,21 @@
+/**
+ * A component for showing additional information about the fieldset,
+ * styled similarly to a normal `Fieldset.Description`.
+ * Unlike a normal description, it can include links and other semantic elements.
+ *
+ * Although this content is not associated with the fieldset using direct semantics,
+ * it is made discoverable to screen reader users via a visually hidden description,
+ * alerting them to the presence of additional information below.
+ *
+ * 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"> & {
+    className?: string;
+    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=details.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+import { FieldsetRoot as Root } from './root';
+import { FieldsetLegend as Legend } from './legend';
+import { FieldsetDescription as Description } from './description';
+import { FieldsetDetails as Details } from './details';
+export { Root, Legend, Description, Details };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,mBAAmB,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC"}

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

@@ -0,0 +1,9 @@
+export declare const FieldsetLegend: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldsetLegendProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "className" | "children" | "render"> & {
+    className?: string;
+    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=legend.d.ts.map

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

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

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

@@ -0,0 +1,15 @@
+/**
+ * A low-level component that associates an accessible legend and description with
+ * a group of multiple form control elements.
+ *
+ * To label a single form control element, use the `Field` component instead.
+ */
+export declare const FieldsetRoot: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldsetRootProps & import("react").RefAttributes<HTMLElement>, "ref">, "className" | "children" | "render"> & {
+    className?: string;
+    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<HTMLFieldSetElement>>;
+//# sourceMappingURL=root.d.ts.map

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

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

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

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Fieldset } from '../../../..';
+declare const meta: Meta<typeof Fieldset.Root>;
+export default meta;
+type Story = StoryObj<typeof Fieldset.Root>;
+export declare const Default: Story;
+/**
+ * To add rich content (such as links) to the description, use `Fieldset.Details`.
+ *
+ * Although this content is not associated with the fieldset using direct semantics,
+ * it is made discoverable to screen reader users via a visually hidden description,
+ * alerting them to the presence of additional information below.
+ *
+ * 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 WithDetails: Story;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +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;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,32 @@
+import type { Fieldset as _Fieldset } from '@base-ui/react';
+import type { ComponentProps } from '../../../utils/types';
+export type FieldsetRootProps = ComponentProps<typeof _Fieldset.Root> & {
+    children?: React.ReactNode;
+};
+export type FieldsetLegendProps = ComponentProps<typeof _Fieldset.Legend> & {
+    children?: React.ReactNode;
+};
+export type FieldsetDescriptionProps = ComponentProps<'p'> & {
+    /**
+     * The accessible description, associated using `aria-describedby`.
+     *
+     * For screen reader accessibility, this should only contain plain text,
+     * and no semantics such as links.
+     */
+    children?: string;
+};
+export type FieldsetDetailsProps = ComponentProps<'div'> & {
+    /**
+     * Additional information about the fieldset, which unlike a normal description,
+     * can include links and other semantic elements.
+     *
+     * Although this content is not associated with the fieldset using direct semantics,
+     * it is made discoverable to screen reader users via a visually hidden description,
+     * alerting them to the presence of additional information below.
+     *
+     * Do not use this component when the details content is only plain text,
+     * as it makes the readout unnecessarily verbose for screen reader users.
+     */
+    children?: React.ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/form/primitives/fieldset/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAE,OAAO,SAAS,CAAC,IAAI,CAAE,GAAG;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAE,OAAO,SAAS,CAAC,MAAM,CAAE,GAAG;IAC7E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAE,GAAG,CAAE,GAAG;IAC9D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAE,KAAK,CAAE,GAAG;IAC5D;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC"}

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

@@ -0,0 +1,5 @@
+export * as Field from './field';
+export * as Fieldset from './fieldset';
+export { Input } from './input';
+export { InputLayout } from './input-layout';
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { Input as _Input } from '@base-ui/react/input';
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<import("../../../utils/types").ComponentProps<import("react").ForwardRefExoticComponent<import("@base-ui/react").InputProps & import("react").RefAttributes<HTMLInputElement>>>, "defaultValue" | "prefix" | "size" | "disabled" | "type" | "value"> & Pick<import("../input-layout/types").InputLayoutProps, "prefix" | "suffix"> & {
+    disabled?: boolean;
+} & {
+    type?: _Input.Props["type"];
+    defaultValue?: _Input.Props["defaultValue"];
+    value?: _Input.Props["value"];
+    size?: Exclude<import("../input-layout/types").InputLayoutProps["size"], "small">;
+} & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input.d.ts.map

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

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

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

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Input } from '../../../..';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+/**
+ * The `InputLayout.Slot` component can be used to add standard padding in
+ * the `prefix` or `suffix` slot.
+ */
+export declare const WithPrefix: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=index.story.d.ts.map

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

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

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

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

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

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