@dxos/react-ui-form 0.9.0 → 0.9.1-staging.ee54ba693a

package/dist/types/src/components/Form/FormControls.d.ts

@@ -0,0 +1,75 @@
+import React, { type PropsWithChildren } from 'react';
+import { type AnyProperties } from '@dxos/echo/internal';
+import { type ColumnRootProps, type IconButtonProps, type ThemedClassName } from '@dxos/react-ui';
+import { type Merge } from '@dxos/util';
+import { type FormContextValue, type FormHandlerProps, type FormUpdateMeta } from '../../hooks';
+import { type FormFieldSetProps as NaturalFormFieldSetProps } from './FormFieldSet';
+import { type FormLayoutProps as NaturalFormLayoutProps } from './FormLayout';
+export type FormRootProps<T extends AnyProperties = AnyProperties> = Merge<PropsWithChildren<{
+    /**
+     * Called when the form is submitted and passes validation.
+     */
+    onSave?: (values: T, meta: FormUpdateMeta<T>) => void;
+    /**
+     * Called when the form is canceled to abandon/undo any pending changes.
+     */
+    onCancel?: () => void;
+}>, Omit<FormContextValue<T>, 'form'>, Pick<FormHandlerProps<T>, 'schema' | 'autoSave' | 'values' | 'defaultValues' | 'onValidate' | 'onValuesChanged'>, Omit<NaturalFormFieldSetProps<T>, 'schema' | 'path'>>;
+export declare function FormRoot<T extends AnyProperties = AnyProperties>({ children, schema, values, onSave, onCancel, ...props }: FormRootProps<T>): React.JSX.Element;
+export declare namespace FormRoot {
+    var displayName: string;
+}
+export type FormViewportProps = {
+    scroll?: boolean;
+    gutter?: ColumnRootProps['gutter'];
+};
+export declare const FormViewport: React.ForwardRefExoticComponent<Omit<FormViewportProps, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+export type FormContentProps = ThemedClassName<PropsWithChildren<{}>>;
+export declare const FormContent: React.ForwardRefExoticComponent<Omit<FormContentProps, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+export type FormFieldSetControllerProps = ThemedClassName<NaturalFormFieldSetProps<any>>;
+export declare function FormFieldSetController({ classNames, ...props }: FormFieldSetControllerProps): React.JSX.Element;
+export declare namespace FormFieldSetController {
+    var displayName: string;
+}
+export type FormLayoutProps = Omit<NaturalFormLayoutProps, 'schema'> & {
+    schema?: NaturalFormLayoutProps['schema'];
+};
+export declare function FormLayoutController({ schema, ...props }: FormLayoutProps): React.JSX.Element | null;
+export declare namespace FormLayoutController {
+    var displayName: string;
+}
+export type FormActionsProps = ThemedClassName<{}>;
+export declare function FormActions({ classNames }: FormActionsProps): React.JSX.Element | null;
+export declare namespace FormActions {
+    var displayName: string;
+}
+export type FormSectionProps = ThemedClassName<{
+    title?: string;
+    description?: string;
+}>;
+export declare const FormSection: React.ForwardRefExoticComponent<Omit<FormSectionProps, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+export type FormGroupProps = ThemedClassName<PropsWithChildren>;
+/**
+ * A bordered card grouping related rows/controls (e.g. an entity card in a list).
+ * Layout-only and context-free — unlike `Form.FieldSet` it is not schema-driven.
+ */
+export declare const FormGroup: React.ForwardRefExoticComponent<Omit<FormGroupProps, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+export type FormSubmitProps = ThemedClassName<Partial<Pick<IconButtonProps, 'icon' | 'label' | 'disabled'>>>;
+export declare function FormSubmit({ classNames, label, icon, disabled }: FormSubmitProps): React.JSX.Element | null;
+export declare namespace FormSubmit {
+    var displayName: string;
+}
+export type FormErrorProps = ThemedClassName<PropsWithChildren>;
+export declare function FormError({ children, classNames }: FormErrorProps): React.JSX.Element | null;
+export declare namespace FormError {
+    var displayName: string;
+}
+//# sourceMappingURL=FormControls.d.ts.map

package/dist/types/src/components/Form/FormControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/FormControls.tsx"],"names":[],"mappings":"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"}

package/dist/types/src/components/Form/FormField/FormField.d.ts

@@ -0,0 +1,44 @@
+import * as SchemaAST from 'effect/SchemaAST';
+import React from 'react';
+import { IconButtonProps } from '@dxos/react-ui';
+import { type FieldContext } from '#types';
+export type FormFieldProps = {
+    /**
+     * AST of the property to render.
+     */
+    type: SchemaAST.AST;
+    /**
+     * Name of the property. Used to derive a default label
+     * (`title ?? capitalize(name)`) and as the projection lookup key. Pass
+     * `null` to suppress the header label entirely -- the form still renders
+     * the field/struct, but `FormFieldSet`'s top-level `<FormFieldLabel>` is
+     * skipped. Used by `ArrayField` for object-array items, where every item
+     * would otherwise repeat the array's parent name.
+     */
+    name: string | null;
+    /**
+     * Explicit label, overriding the `title ?? capitalize(name)` derivation. Used by `ArrayField` to
+     * give scalar/ref items the array's resolved title (e.g. `Tags`) rather than re-capitalizing the
+     * raw array property name (e.g. `_tags`), since the element type carries no title of its own.
+     */
+    label?: string;
+    /**
+     * Path to the current object from the root. Used with nested forms.
+     */
+    path?: (string | number)[];
+    autoFocus?: boolean;
+    /** Whether the field is required (non-optional in the schema). Drives the label asterisk. */
+    required?: boolean;
+    /**
+     * Force a `Ref` field to render its target inline (a nested form) instead of the picker.
+     * Set by `ArrayField` for owned-ref arrays (`FormCreateAnnotation`); equivalent to
+     * `FormInlineAnnotation` but driven by the parent array rather than the element's own AST.
+     */
+    refInline?: boolean;
+} & FieldContext;
+export declare function FormField(props: FormFieldProps): React.JSX.Element | null;
+export declare namespace FormField {
+    var displayName: string;
+}
+export declare const CompactIconButton: (props: IconButtonProps) => React.JSX.Element;
+//# sourceMappingURL=FormField.d.ts.map

package/dist/types/src/components/Form/FormField/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/FormField/FormField.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,SAAS,MAAM,kBAAkB,CAAC;AAE9C,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAc,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAG7E,OAAO,EAAE,KAAK,YAAY,EAAuD,MAAM,QAAQ,CAAC;AAwBhG,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC;IAEpB;;;;;;;OAOG;IACH,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,YAAY,CAAC;kCAES,KAAK,EAAE,cAAc;;;;AA0O/C,eAAO,MAAM,iBAAiB,UAAW,eAAe,sBAEvD,CAAC"}

package/dist/types/src/components/Form/FormField/FormFieldHeader.d.ts

@@ -0,0 +1,27 @@
+import React, { type ReactNode } from 'react';
+export type FormFieldHeaderProps = {
+    label: string;
+    /** JSON path forwarded to the label as field metadata. */
+    path?: string;
+    required?: boolean;
+    readonly?: boolean;
+    classNames?: string;
+    /** Trailing inline add affordance; omit to hide it. */
+    add?: {
+        icon?: string;
+        label: string;
+        disabled?: boolean;
+        onClick: () => void;
+    };
+    /** Extra trailing controls placed after the add affordance (e.g. a collapse toggle). */
+    actions?: ReactNode;
+    /** Header row click (e.g. toggle collapse). The add affordance stops propagation so it doesn't trigger this. */
+    onClick?: () => void;
+};
+/**
+ * Header row for a labelled group or list: a label with optional trailing controls (an inline add
+ * affordance and/or arbitrary `actions`). Shared by array/list fields ({@link ArrayField}, the view
+ * editor) and {@link FormFieldSetContainer}'s collapse header, so all group/list headers render identically.
+ */
+export declare const FormFieldHeader: ({ label, path, required, readonly, classNames, add, actions, onClick, }: FormFieldHeaderProps) => React.JSX.Element;
+//# sourceMappingURL=FormFieldHeader.d.ts.map

package/dist/types/src/components/Form/FormField/FormFieldHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/FormField/FormFieldHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9C,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,GAAG,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAChF,wFAAwF;IACxF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gHAAgH;IAChH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,4EASzB,oBAAoB,sBA6BtB,CAAC"}

package/dist/types/src/components/Form/FormField/FormRow.d.ts

@@ -0,0 +1,85 @@
+import React, { Component, type PropsWithChildren, type ReactNode, type Ref } from 'react';
+import { type ThemedClassName } from '@dxos/react-ui';
+import { type FormFieldRendererProps } from '#types';
+import { type FormVariant } from '../Form.theme';
+import { type FormFieldPresentation } from './presentation';
+export type FormFieldLabelProps = ThemedClassName<{
+    /** Render a plain `<span>` instead of an input-associated `Input.Label`, for labels used outside an `Input.Root` (e.g. section/group headers). */
+    standalone?: boolean;
+    /** Class applied to the inner label text node, overriding the default size/color (e.g. `text-lg`). */
+    labelClassName?: string;
+    /** Form variant; selects the label's chrome (e.g. `settings` enlarges the text and places it in the field grid). */
+    variant?: FormVariant;
+    error?: string;
+    /**
+     * JSON path of the field this label describes (e.g. `runtime.client.storage.persistent`).
+     * Field metadata; accepted by callers but not currently rendered.
+     */
+    path?: string;
+    /**
+     * Trailing button rendered at the end of the label row (third grid column).
+     * Used by nested-object field sets to surface a collapse toggle.
+     */
+    button?: ReactNode;
+    onClick?: () => void;
+} & Pick<FormFieldRendererProps, 'label' | 'readonly' | 'required'>>;
+export declare function FormFieldLabel({ classNames, labelClassName, variant, label, error, readonly, required, standalone, button, onClick }: FormFieldLabelProps): React.JSX.Element;
+export declare namespace FormFieldLabel {
+    var displayName: string;
+}
+export type FormRowProps<T = any> = ThemedClassName<Pick<FormFieldRendererProps<T>, 'readonly' | 'label' | 'description' | 'presentation' | 'required'> & Partial<Pick<FormFieldRendererProps<T>, 'getStatus' | 'getValue' | 'jsonPath' | 'format'>> & {
+    /**
+     * Ref to the row's outer element. Enables measurement/positioning (e.g. a future virtualized
+     * field set) without forwarding through the generic component.
+     */
+    rootRef?: Ref<HTMLDivElement>;
+    /**
+     * Render the label as a standalone `<span>` (group/multi-input fields with no single associated control).
+     */
+    standalone?: boolean;
+    /**
+     * Override the read-only/`static` rendering of the value. Fields whose value is not plain text
+     * (refs, selects, markdown) supply this; the default formats scalars/dates via `formatStaticValue`.
+     * Return `null` to render nothing (e.g. an empty/unresolved value).
+     */
+    renderStatic?: (value: T | undefined) => ReactNode;
+    /**
+     * Validation/error content rendered in the validation slot. Supplied directly in action mode; in
+     * field mode it is derived from `getStatus`.
+     */
+    validation?: ReactNode;
+    /**
+     * The control. A render-prop binds to the form value (field mode: `Input.Root` validation, static
+     * rendering, value via `getValue`). Plain nodes render an arbitrary control with no value wiring
+     * (action mode, e.g. a button) — the labeled-card escape hatch for an arbitrary control.
+     *
+     * `value` is `T | undefined` because `getValue()` returns no value when the field is unset (optional
+     * schema properties, freshly-added array items); renderers default it (e.g. `{ value = '' }`).
+     */
+    children?: ReactNode | ((props: {
+        value: T | undefined;
+        presentation: FormFieldPresentation;
+    }) => ReactNode);
+}>;
+export declare function FormRow<T>({ classNames, children, readonly, presentation, label, description, jsonPath, format, required, standalone, renderStatic, validation, getStatus, getValue, rootRef }: FormRowProps<T>): React.JSX.Element | null;
+export declare namespace FormRow {
+    var displayName: string;
+}
+type FormFieldErrorState = {
+    error: Error | undefined;
+};
+type FormFieldErrorBoundaryProps = PropsWithChildren<{
+    path?: (string | number)[];
+}>;
+export declare class FormFieldErrorBoundary extends Component<FormFieldErrorBoundaryProps, FormFieldErrorState> {
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    state: {
+        error: undefined;
+    };
+    componentDidUpdate(prevProps: FormFieldErrorBoundaryProps): void;
+    render(): string | number | bigint | boolean | React.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | null | undefined> | null | undefined;
+    private resetError;
+}
+//# sourceMappingURL=FormRow.d.ts.map

package/dist/types/src/components/Form/FormField/FormRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/FormField/FormRow.tsx"],"names":[],"mappings":"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"}

package/dist/types/src/components/Form/{FormFieldComponent.stories.d.ts → FormField/FormRow.stories.d.ts}

@@ -1,9 +1,12 @@
 import { type Meta, type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-import { type FormFieldComponentProps } from './FormFieldComponent';
-declare const DefaultStory: ({ type, placeholder, readonly, onBlur, onValueChange, ...props }: FormFieldComponentProps<string>) => React.JSX.Element;
+import { type FormFieldRendererProps } from '#types';
+declare const DefaultStory: ({ type, placeholder, readonly, onBlur, onValueChange, ...props }: FormFieldRendererProps<string>) => React.JSX.Element;
 declare const meta: Meta<typeof DefaultStory>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-//# sourceMappingURL=FormFieldComponent.stories.d.ts.map
+export declare const Compact: Story;
+export declare const Inline: Story;
+export declare const Static: Story;
+//# sourceMappingURL=FormRow.stories.d.ts.map

package/dist/types/src/components/Form/FormField/FormRow.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRow.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/FormField/FormRow.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAwC,MAAM,OAAO,CAAC;AAK7D,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAKrD,QAAA,MAAM,YAAY,qEAOf,sBAAsB,CAAC,MAAM,CAAC,sBA0BhC,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;eAEa,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AASnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC"}

package/dist/types/src/components/Form/{fields → FormField/fields/ArrayField}/ArrayField.d.ts

@@ -1,7 +1,7 @@
 import * as SchemaAST from 'effect/SchemaAST';
 import React from 'react';
-import { type FormFieldProps } from '../FormField';
-import { type FormFieldStateProps } from '../FormFieldComponent';
+import { type FormFieldStateProps } from '#types';
+import { type FormFieldProps } from '../../FormField';
 export type ArrayFieldProps = {
     label: string;
     fieldProps: FormFieldStateProps;

package/dist/types/src/components/Form/FormField/fields/ArrayField/ArrayField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayField.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Form/FormField/fields/ArrayField/ArrayField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,SAAS,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAA8C,MAAM,OAAO,CAAC;AAanE,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAIlD,OAAO,EAAgC,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAoBpF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,mBAAmB,CAAC;CACjC,GAAG,cAAc,CAAC;mCAEQ,EACzB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,UAAU,EAAE,UAAU,EACtB,GAAG,KAAK,EACT,EAAE,eAAe;;;;AA2OlB;;;GAGG;AAEH,eAAO,MAAM,eAAe,SAAU,SAAS,CAAC,GAAG,KAAG,GA+BrD,CAAC"}

package/dist/types/src/components/Form/FormField/fields/ArrayField/ArrayField.stories.d.ts

@@ -0,0 +1,88 @@
+import { type StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+        translations: [{
+            readonly 'en-US': {
+                readonly "@dxos/react-ui-form": {
+                    readonly 'ref-editor.placeholder': "Type '@' to add a reference, or enter a value";
+                    readonly 'ref-editor-auto.placeholder': 'Search by name, or enter a value';
+                    readonly 'fields.label': 'Fields';
+                    readonly 'hidden-fields.label': 'Hidden Fields';
+                    readonly 'empty-readonly-ref-field.label': '(none)';
+                    readonly 'field-property.label': 'Property';
+                    readonly 'field-property.placeholder': 'Property name';
+                    readonly 'field-format.label': 'Type';
+                    readonly 'field-path.label': 'Field path';
+                    readonly 'remove-item.button': 'Delete item';
+                    readonly 'add-item.button': 'Add item';
+                    readonly 'add-property-button.label': 'Add property';
+                    readonly 'boolean-input-true.value': 'Yes';
+                    readonly 'boolean-input-false.value': 'No';
+                    readonly 'show-field.label': 'Show field';
+                    readonly 'hide-field.label': 'Hide field';
+                    readonly 'expand-fields.label': 'Expand';
+                    readonly 'collapse-fields.label': 'Collapse';
+                    readonly 'delete-field.label': 'Delete field';
+                    readonly 'create-option.label': 'Create';
+                    readonly 'add-tag.label': 'Add tag';
+                    readonly 'ref-field-combobox-input.placeholder': 'Search\u2026';
+                    readonly 'ref-field.placeholder': 'Select\u2026';
+                    readonly 'ref-field.placeholder_one': 'Select\u2026';
+                    readonly 'ref-field.placeholder_other': 'Select items\u2026';
+                    readonly 'example.placeholder': 'Example';
+                    readonly 'latitude.placeholder': 'Latitude (e.g., 40.7128)';
+                    readonly 'longitude.placeholder': 'Longitude (e.g., -74.0060)';
+                    readonly 'cancel-button.label': 'Cancel';
+                    readonly 'save-button.label': 'Save';
+                    readonly 'create-text.label': 'Create text';
+                    readonly 'format.boolean.label': 'Boolean';
+                    readonly 'format.currency.label': 'Currency';
+                    readonly 'format.date.label': 'Date';
+                    readonly 'format.date-time.label': 'DateTime';
+                    readonly 'format.did.label': 'DID';
+                    readonly 'format.duration.label': 'Duration';
+                    readonly 'format.dxn.label': 'DXN';
+                    readonly 'format.email.label': 'Email';
+                    readonly 'format.formula.label': 'Formula';
+                    readonly 'format.hostname.label': 'Hostname';
+                    readonly 'format.integer.label': 'Integer';
+                    readonly 'format.json.label': 'JSON';
+                    readonly 'format.lnglat.label': 'Geopoint';
+                    readonly 'format.markdown.label': 'Markdown';
+                    readonly 'format.percent.label': 'Percent';
+                    readonly 'format.ref.label': 'Reference';
+                    readonly 'format.regex.label': 'RegExp';
+                    readonly 'format.string.label': 'String';
+                    readonly 'format.single-select.label': 'Select';
+                    readonly 'format.multi-select.label': 'Multi-select';
+                    readonly 'format.text.label': 'Long text';
+                    readonly 'format.time.label': 'Time';
+                    readonly 'format.timestamp.label': 'Timestamp';
+                    readonly 'format.user.label': 'User';
+                    readonly 'format.number.label': 'Number';
+                    readonly 'format.uri.label': 'URI';
+                    readonly 'format.url.label': 'URL';
+                    readonly 'format.uuid.label': 'UUID';
+                    readonly 'latitude.label': 'Latitude';
+                    readonly 'longitude.label': 'Longitude';
+                    readonly 'select-option.label': 'Label';
+                    readonly 'select-option-label.placeholder': 'Option label';
+                    readonly 'select-option-delete.button': 'Delete';
+                    readonly 'select-option-add.button': 'Add option';
+                    readonly 'system-schema.title': 'System type';
+                    readonly 'system-schema.description': 'System type: cannot add or remove fields.';
+                    readonly 'remove.button': 'Delete';
+                };
+            };
+        }];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Ordered: Story;
+export declare const Simple: Story;
+//# sourceMappingURL=ArrayField.stories.d.ts.map

package/dist/types/src/components/Form/FormField/fields/ArrayField/ArrayField.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayField.stories.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Form/FormField/fields/ArrayField/ArrayField.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA2FjE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAO2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC"}

package/dist/types/src/components/Form/FormField/fields/ArrayField/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ArrayField';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/FormField/fields/ArrayField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Form/FormField/fields/ArrayField/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}

package/dist/types/src/components/Form/FormField/fields/AsyncSelectField/AsyncSelectField.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type FormFieldRendererProps } from '#types';
+import { type OptionsLookup } from '../../../../../annotations';
+export type AsyncSelectFieldProps = FormFieldRendererProps<string> & {
+    /** Loads the selectable options from the lookup's declared dependency fields. */
+    lookup: OptionsLookup;
+};
+export declare function AsyncSelectField({ lookup, ...fieldProps }: AsyncSelectFieldProps): React.JSX.Element;
+export declare namespace AsyncSelectField {
+    var displayName: string;
+}
+//# sourceMappingURL=AsyncSelectField.d.ts.map

package/dist/types/src/components/Form/FormField/fields/AsyncSelectField/AsyncSelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncSelectField.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Form/FormField/fields/AsyncSelectField/AsyncSelectField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAErD,OAAO,EAAE,KAAK,aAAa,EAA2B,MAAM,4BAA4B,CAAC;AAIzF,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,CAAC,MAAM,CAAC,GAAG;IACnE,iFAAiF;IACjF,MAAM,EAAE,aAAa,CAAC;CACvB,CAAC;yCAO+B,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,EAAE,qBAAqB"}

package/dist/types/src/components/Form/FormField/fields/AsyncSelectField/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AsyncSelectField';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/FormField/fields/AsyncSelectField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Form/FormField/fields/AsyncSelectField/index.ts"],"names":[],"mappings":"AAIA,cAAc,oBAAoB,CAAC"}

package/dist/types/src/components/Form/FormField/fields/AutofillField/AutofillField.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type FormFieldRendererProps } from '#types';
+import { type Autofill } from '../../../../../annotations';
+export type AutofillFieldProps = FormFieldRendererProps<string> & {
+    /** Derives this field's value from the autofill's declared dependency fields (e.g. a sibling URL). */
+    autofill: Autofill;
+};
+export declare function AutofillField({ autofill, ...fieldProps }: AutofillFieldProps): React.JSX.Element;
+export declare namespace AutofillField {
+    var displayName: string;
+}
+//# sourceMappingURL=AutofillField.d.ts.map

package/dist/types/src/components/Form/FormField/fields/AutofillField/AutofillField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutofillField.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Form/FormField/fields/AutofillField/AutofillField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAI1D,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAErD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAI3D,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC,MAAM,CAAC,GAAG;IAChE,sGAAsG;IACtG,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;sCAQ4B,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAAE,kBAAkB"}

package/dist/types/src/components/Form/FormField/fields/AutofillField/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AutofillField';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/FormField/fields/AutofillField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Form/FormField/fields/AutofillField/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC"}

package/dist/types/src/components/Form/FormField/fields/BooleanField/BooleanField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type FormFieldRendererProps } from '#types';
+export declare const BooleanField: ({ type, readonly, onValueChange, ...props }: FormFieldRendererProps<boolean>) => React.JSX.Element;
+//# sourceMappingURL=BooleanField.d.ts.map

package/dist/types/src/components/Form/FormField/fields/BooleanField/BooleanField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanField.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Form/FormField/fields/BooleanField/BooleanField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAIrD,eAAO,MAAM,YAAY,gDAAiD,sBAAsB,CAAC,OAAO,CAAC,sBAexG,CAAC"}

package/dist/types/src/components/{Settings/Settings.stories.d.ts → Form/FormField/fields/BooleanField/BooleanField.stories.d.ts}

@@ -85,5 +85,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const FieldSet: Story;
-//# sourceMappingURL=Settings.stories.d.ts.map
+//# sourceMappingURL=BooleanField.stories.d.ts.map

package/dist/types/src/components/Form/FormField/fields/BooleanField/BooleanField.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanField.stories.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Form/FormField/fields/BooleanField/BooleanField.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAkCxC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAK2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/components/Form/FormField/fields/BooleanField/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BooleanField';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/FormField/fields/BooleanField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Form/FormField/fields/BooleanField/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC"}

package/dist/types/src/components/Form/FormField/fields/ComboboxField/ComboboxField.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type FormFieldRendererProps } from '#types';
+import { type OptionsLookup } from '../../../../../annotations';
+export type ComboboxFieldProps = FormFieldRendererProps<string> & {
+    /** Loads suggestions from the lookup's declared dependency fields (typically the field's own value). */
+    lookup: OptionsLookup;
+};
+export declare function ComboboxField({ lookup, type, readonly, placeholder, onValueChange, ...props }: ComboboxFieldProps): React.JSX.Element;
+export declare namespace ComboboxField {
+    var displayName: string;
+}
+//# sourceMappingURL=ComboboxField.d.ts.map

package/dist/types/src/components/Form/FormField/fields/ComboboxField/ComboboxField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxField.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Form/FormField/fields/ComboboxField/ComboboxField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAK9D,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAErD,OAAO,EAAE,KAAK,aAAa,EAA2B,MAAM,4BAA4B,CAAC;AAIzF,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,CAAC,MAAM,CAAC,GAAG;IAChE,wGAAwG;IACxG,MAAM,EAAE,aAAa,CAAC;CACvB,CAAC;sCAS4B,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB"}

package/dist/types/src/components/Form/FormField/fields/ComboboxField/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ComboboxField';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/FormField/fields/ComboboxField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Form/FormField/fields/ComboboxField/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC"}

package/dist/types/src/components/Form/FormField/fields/DateField/DateField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type FormFieldRendererProps } from '#types';
+export declare const DateField: ({ type, format, readonly, placeholder: _placeholder, onValueChange, onBlur: _onBlur, ...props }: FormFieldRendererProps<string>) => React.JSX.Element;
+//# sourceMappingURL=DateField.d.ts.map

package/dist/types/src/components/Form/FormField/fields/DateField/DateField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Form/FormField/fields/DateField/DateField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAsCrD,eAAO,MAAM,SAAS,oGAQnB,sBAAsB,CAAC,MAAM,CAAC,sBA8ChC,CAAC"}

package/dist/types/src/components/Form/FormField/fields/DateField/DateField.stories.d.ts

@@ -0,0 +1,88 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    render: () => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+        translations: [{
+            readonly 'en-US': {
+                readonly "@dxos/react-ui-form": {
+                    readonly 'ref-editor.placeholder': "Type '@' to add a reference, or enter a value";
+                    readonly 'ref-editor-auto.placeholder': 'Search by name, or enter a value';
+                    readonly 'fields.label': 'Fields';
+                    readonly 'hidden-fields.label': 'Hidden Fields';
+                    readonly 'empty-readonly-ref-field.label': '(none)';
+                    readonly 'field-property.label': 'Property';
+                    readonly 'field-property.placeholder': 'Property name';
+                    readonly 'field-format.label': 'Type';
+                    readonly 'field-path.label': 'Field path';
+                    readonly 'remove-item.button': 'Delete item';
+                    readonly 'add-item.button': 'Add item';
+                    readonly 'add-property-button.label': 'Add property';
+                    readonly 'boolean-input-true.value': 'Yes';
+                    readonly 'boolean-input-false.value': 'No';
+                    readonly 'show-field.label': 'Show field';
+                    readonly 'hide-field.label': 'Hide field';
+                    readonly 'expand-fields.label': 'Expand';
+                    readonly 'collapse-fields.label': 'Collapse';
+                    readonly 'delete-field.label': 'Delete field';
+                    readonly 'create-option.label': 'Create';
+                    readonly 'add-tag.label': 'Add tag';
+                    readonly 'ref-field-combobox-input.placeholder': 'Search\u2026';
+                    readonly 'ref-field.placeholder': 'Select\u2026';
+                    readonly 'ref-field.placeholder_one': 'Select\u2026';
+                    readonly 'ref-field.placeholder_other': 'Select items\u2026';
+                    readonly 'example.placeholder': 'Example';
+                    readonly 'latitude.placeholder': 'Latitude (e.g., 40.7128)';
+                    readonly 'longitude.placeholder': 'Longitude (e.g., -74.0060)';
+                    readonly 'cancel-button.label': 'Cancel';
+                    readonly 'save-button.label': 'Save';
+                    readonly 'create-text.label': 'Create text';
+                    readonly 'format.boolean.label': 'Boolean';
+                    readonly 'format.currency.label': 'Currency';
+                    readonly 'format.date.label': 'Date';
+                    readonly 'format.date-time.label': 'DateTime';
+                    readonly 'format.did.label': 'DID';
+                    readonly 'format.duration.label': 'Duration';
+                    readonly 'format.dxn.label': 'DXN';
+                    readonly 'format.email.label': 'Email';
+                    readonly 'format.formula.label': 'Formula';
+                    readonly 'format.hostname.label': 'Hostname';
+                    readonly 'format.integer.label': 'Integer';
+                    readonly 'format.json.label': 'JSON';
+                    readonly 'format.lnglat.label': 'Geopoint';
+                    readonly 'format.markdown.label': 'Markdown';
+                    readonly 'format.percent.label': 'Percent';
+                    readonly 'format.ref.label': 'Reference';
+                    readonly 'format.regex.label': 'RegExp';
+                    readonly 'format.string.label': 'String';
+                    readonly 'format.single-select.label': 'Select';
+                    readonly 'format.multi-select.label': 'Multi-select';
+                    readonly 'format.text.label': 'Long text';
+                    readonly 'format.time.label': 'Time';
+                    readonly 'format.timestamp.label': 'Timestamp';
+                    readonly 'format.user.label': 'User';
+                    readonly 'format.number.label': 'Number';
+                    readonly 'format.uri.label': 'URI';
+                    readonly 'format.url.label': 'URL';
+                    readonly 'format.uuid.label': 'UUID';
+                    readonly 'latitude.label': 'Latitude';
+                    readonly 'longitude.label': 'Longitude';
+                    readonly 'select-option.label': 'Label';
+                    readonly 'select-option-label.placeholder': 'Option label';
+                    readonly 'select-option-delete.button': 'Delete';
+                    readonly 'select-option-add.button': 'Add option';
+                    readonly 'system-schema.title': 'System type';
+                    readonly 'system-schema.description': 'System type: cannot add or remove fields.';
+                    readonly 'remove.button': 'Delete';
+                };
+            };
+        }];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=DateField.stories.d.ts.map

package/dist/types/src/components/Form/FormField/fields/DateField/DateField.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.stories.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Form/FormField/fields/DateField/DateField.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AA0CxC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAK2B,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/components/Form/FormField/fields/DateField/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DateField';
+//# sourceMappingURL=index.d.ts.map