@dxos/react-ui-form 0.8.4-main.c1de068 → 0.8.4-main.e098934

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

@@ -1,32 +1,97 @@
 import '@dxos-theme';
-import { type Meta, type StoryObj } from '@storybook/react-vite';
+import { type StoryObj } from '@storybook/react-vite';
 import { Schema } from 'effect';
-import { ContactType } from '@dxos/client/testing';
-import { type BaseObject } from '@dxos/echo-schema';
-import { Testing } from '@dxos/schema/testing';
+import React from 'react';
+import { type Type } from '@dxos/echo';
+import { type BaseObject, Expando, Ref } from '@dxos/echo-schema';
 import { type FormProps } from './Form';
-declare const TestSchema: Schema.mutable<Schema.Struct<{
-    name: Schema.optional<Schema.SchemaClass<string, string, never>>;
-    active: Schema.optional<Schema.SchemaClass<boolean, boolean, never>>;
-    rank: Schema.optional<Schema.SchemaClass<number, number, never>>;
-    website: Schema.optional<Schema.refine<string, typeof Schema.String>>;
-    address: Schema.optional<Schema.Struct<{
-        street: Schema.optional<Schema.SchemaClass<string, string, never>>;
-        city: Schema.optional<Schema.SchemaClass<string, string, never>>;
-        zip: Schema.optional<Schema.refine<string, typeof Schema.String>>;
-        location: Schema.optional<Schema.Tuple<[Schema.refine<number, Schema.transform<typeof Schema.Number, Schema.filter<Schema.SchemaClass<number, number, never>>>>, Schema.refine<number, Schema.transform<typeof Schema.Number, Schema.filter<Schema.SchemaClass<number, number, never>>>>, Schema.Element<typeof Schema.Number, "?">]>>;
-    }>>;
-}>>;
-type TestType = Schema.Schema.Type<typeof TestSchema>;
 type StoryProps<T extends BaseObject> = {
-    schema: Schema.Schema<T>;
+    debug?: boolean;
+    schema: Type.Obj.Any;
 } & FormProps<T>;
-declare const meta: Meta<StoryProps<any>>;
+declare const meta: {
+    title: string;
+    component: any;
+    render: <T extends BaseObject = any>({ debug, schema, values: initialValues, ...props }: StoryProps<T>) => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        translations: [{
+            readonly 'en-US': {
+                readonly "react-ui-form": {
+                    readonly 'fields label': "Fields";
+                    readonly 'hidden fields label': "Hidden Fields";
+                    readonly 'empty readonly ref field label': "(none)";
+                    readonly 'button add property': "Add property";
+                    readonly 'field property label': "Property";
+                    readonly 'field property placeholder': "Property name";
+                    readonly 'field format label': "Type";
+                    readonly 'field path label': "Field path";
+                    readonly 'add field': "Add field";
+                    readonly 'delete field': "Delete field";
+                    readonly 'field limit reached': "Maximum number of fields reached";
+                    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 'delete field label': "Delete field";
+                    readonly 'ref field placeholder_one': "Select…";
+                    readonly 'ref field placeholder_other': "Select items…";
+                    readonly 'button cancel': "Cancel";
+                    readonly 'button save': "Save";
+                    readonly 'format boolean': "Boolean";
+                    readonly 'format currency': "Currency";
+                    readonly 'format date': "Date";
+                    readonly 'format date-time': "DateTime";
+                    readonly 'format did': "DID";
+                    readonly 'format duration': "Duration";
+                    readonly 'format dxn': "DXN";
+                    readonly 'format email': "Email";
+                    readonly 'format formula': "Formula";
+                    readonly 'format hostname': "Hostname";
+                    readonly 'format integer': "Integer";
+                    readonly 'format json': "JSON";
+                    readonly 'format latlng': "Geopoint";
+                    readonly 'format markdown': "Markdown";
+                    readonly 'format percent': "Percent";
+                    readonly 'format ref': "Reference";
+                    readonly 'format regex': "RegExp";
+                    readonly 'format string': "String";
+                    readonly 'format single-select': "Select";
+                    readonly 'format multi-select': "Multi-select";
+                    readonly 'format text': "Long text";
+                    readonly 'format time': "Time";
+                    readonly 'format timestamp': "Timestamp";
+                    readonly 'format user': "User";
+                    readonly 'format number': "Number";
+                    readonly 'format uri': "URI";
+                    readonly 'format url': "URL";
+                    readonly 'format uuid': "UUID";
+                    readonly 'latitude label': "Latitude";
+                    readonly 'longitude label': "Longitude";
+                    readonly 'select option label': "Label";
+                    readonly 'select option label placeholder': "Option label";
+                    readonly 'select option color': "Color";
+                    readonly 'select option delete': "Delete";
+                    readonly 'select option add': "Add option";
+                    readonly 'system schema title': "System record type";
+                    readonly 'system schema description': "This is a system record type and cannot be modified, though the view can still be configured.";
+                };
+            };
+        }];
+    };
+    argTypes: {
+        readonly: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
 export default meta;
-type Story<T extends BaseObject> = StoryObj<StoryProps<T>>;
-export declare const Default: Story<TestType>;
-export declare const Organization: Story<Schema.Schema.Type<typeof Testing.OrganizationSchema>>;
-export declare const OrganizationAutoSave: Story<Schema.Schema.Type<typeof Testing.OrganizationSchema>>;
+type Story = StoryObj<StoryProps<any>>;
+export declare const Default: Story;
+export declare const Organization: Story;
+export declare const OrganizationAutoSave: Story;
+export declare const Contact: Story;
 declare const ShapeSchema: Schema.mutable<Schema.Struct<{
     shape: Schema.optional<Schema.Union<[Schema.Struct<{
         type: Schema.Literal<["circle"]>;
@@ -36,23 +101,54 @@ declare const ShapeSchema: Schema.mutable<Schema.Struct<{
         size: Schema.optional<Schema.refine<number, typeof Schema.Number>>;
     }>]>>;
 }>>;
-type ShapeType = Schema.Schema.Type<typeof ShapeSchema>;
-export declare const DiscriminatedShape: Story<ShapeType>;
+type ShapeSchema = Schema.Schema.Type<typeof ShapeSchema>;
+export declare const DiscriminatedShape: StoryObj<StoryProps<ShapeSchema>>;
 declare const ArraysSchema: Schema.mutable<Schema.Struct<{
     names: Schema.Array$<Schema.filter<typeof Schema.String>>;
     addresses: Schema.Array$<Schema.Struct<{
         street: Schema.optional<Schema.SchemaClass<string, string, never>>;
         city: Schema.optional<Schema.SchemaClass<string, string, never>>;
         zip: Schema.optional<Schema.refine<string, typeof Schema.String>>;
-        location: Schema.optional<Schema.Tuple<[Schema.refine<number, Schema.transform<typeof Schema.Number, Schema.filter<Schema.SchemaClass<number, number, never>>>>, Schema.refine<number, Schema.transform<typeof Schema.Number, Schema.filter<Schema.SchemaClass<number, number, never>>>>, Schema.Element<typeof Schema.Number, "?">]>>;
+        location: Schema.optional<Schema.Tuple<[Schema.filter<Schema.transform<Schema.SchemaClass<number, number, never>, Schema.filter<Schema.SchemaClass<number, number, never>>>>, Schema.filter<Schema.transform<Schema.SchemaClass<number, number, never>, Schema.filter<Schema.SchemaClass<number, number, never>>>>, Schema.Element<typeof Schema.Number, "?">]>>;
     }>>;
 }>>;
-type ArraysType = Schema.Schema.Type<typeof ArraysSchema>;
-export declare const Arrays: StoryObj<FormProps<ArraysType>>;
+type ArraysSchema = Schema.Schema.Type<typeof ArraysSchema>;
+export declare const Arrays: StoryObj<StoryProps<ArraysSchema>>;
+declare const TupleSchema: Schema.mutable<Schema.Struct<{
+    tuple: Schema.Tuple<[typeof Schema.Number, typeof Schema.String, typeof Schema.Boolean]>;
+    geopoint: Schema.Tuple<[Schema.filter<Schema.transform<Schema.SchemaClass<number, number, never>, Schema.filter<Schema.SchemaClass<number, number, never>>>>, Schema.filter<Schema.transform<Schema.SchemaClass<number, number, never>, Schema.filter<Schema.SchemaClass<number, number, never>>>>, Schema.Element<typeof Schema.Number, "?">]>;
+}>>;
+type TupleSchema = Schema.Schema.Type<typeof TupleSchema>;
+export declare const Tuple: StoryObj<StoryProps<TupleSchema>>;
 declare const ColorSchema: Schema.mutable<Schema.Struct<{
     color: Schema.Union<[Schema.Literal<["red"]>, Schema.Literal<["green"]>, Schema.Literal<["blue"]>]>;
 }>>;
 type ColorType = Schema.Schema.Type<typeof ColorSchema>;
-export declare const Enum: StoryObj<FormProps<ColorType>>;
-export declare const Refs: StoryObj<FormProps<ContactType>>;
+export declare const Enum: StoryObj<StoryProps<ColorType>>;
+declare const RefSchema: Schema.Struct<{
+    contact: Schema.SchemaClass<Ref<import("@dxos/echo-schema").TypedObjectFields<{
+        name: Schema.optional<typeof Schema.String>;
+        identifiers: Schema.mutable<Schema.Array$<Schema.Struct<{
+            type: typeof Schema.String;
+            value: typeof Schema.String;
+        }>>>;
+    }, import("@dxos/echo-schema").TypedObjectOptions>>, import("@dxos/echo-protocol").EncodedReference, never>;
+    optionalContact: Schema.optional<Schema.SchemaClass<Ref<import("@dxos/echo-schema").TypedObjectFields<{
+        name: Schema.optional<typeof Schema.String>;
+        identifiers: Schema.mutable<Schema.Array$<Schema.Struct<{
+            type: typeof Schema.String;
+            value: typeof Schema.String;
+        }>>>;
+    }, import("@dxos/echo-schema").TypedObjectOptions>>, import("@dxos/echo-protocol").EncodedReference, never>>;
+    refArray: Schema.optional<Schema.Array$<import("@dxos/echo-schema").Ref$<import("@dxos/echo-schema").TypedObjectFields<{
+        name: Schema.optional<typeof Schema.String>;
+        identifiers: Schema.mutable<Schema.Array$<Schema.Struct<{
+            type: typeof Schema.String;
+            value: typeof Schema.String;
+        }>>>;
+    }, import("@dxos/echo-schema").TypedObjectOptions>>>>;
+    unknownExpando: Schema.optional<Schema.SchemaClass<Ref<Expando>, import("@dxos/echo-protocol").EncodedReference, never>>;
+}>;
+type RefSchema = Schema.Schema.Type<typeof RefSchema>;
+export declare const Refs: StoryObj<StoryProps<RefSchema>>;
 //# sourceMappingURL=Form.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Form.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Form.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGhC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,KAAK,UAAU,EAA2D,MAAM,mBAAmB,CAAC;AAG7G,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAI/C,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAY9C,QAAA,MAAM,UAAU;;;;;;;;;;;GAMO,CAAC;AAExB,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,UAAU,CAAC,CAAC;AAEtD,KAAK,UAAU,CAAC,CAAC,SAAS,UAAU,IAAI;IAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;CAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AA0BpF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAc/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,CAAC,CAAC,SAAS,UAAU,IAAI,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AAE3D,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,QAAQ,CAcnC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,OAAO,CAAC,kBAAkB,CAAC,CASrF,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,OAAO,CAAC,kBAAkB,CAAC,CAU7F,CAAC;AAcF,QAAA,MAAM,WAAW;;;;;;;;GAaM,CAAC;AAExB,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,WAAW,CAAC,CAAC;AAExD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAsB/C,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;GAGK,CAAC;AAExB,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,YAAY,CAAC,CAAC;AAE1D,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,CASlD,CAAC;AAEF,QAAA,MAAM,WAAW;;GAIM,CAAC;AAExB,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,WAAW,CAAC,CAAC;AAExD,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,CAQ/C,CAAC;AA6CF,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,WAAW,CAAC,CAQjD,CAAC"}
+{"version":3,"file":"Form.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Form.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,KAAK,UAAU,EAAE,OAAO,EAAU,GAAG,EAAqC,MAAM,mBAAmB,CAAC;AAU7G,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,KAAK,UAAU,CAAC,CAAC,SAAS,UAAU,IAAI;IACtC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;CACtB,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AA0CjB,QAAA,MAAM,IAAI;;eAEW,GAAG;aA1CF,CAAC,SAAS,UAAU,4DAKvC,UAAU,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDiB,CAAC;AAElC,eAAe,IAAI,CAAC;AAmBpB,KAAK,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAWlC,CAAC;AAKF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAMF,QAAA,MAAM,WAAW;;;;;;;;GAaM,CAAC;AAExB,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1D,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,CAuBhE,CAAC;AAMF,QAAA,MAAM,YAAY;;;;;;;;GAGK,CAAC;AAExB,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,YAAY,CAAC,CAAC;AAE5D,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,UAAU,CAAC,YAAY,CAAC,CAUrD,CAAC;AAOF,QAAA,MAAM,WAAW;;;GAGM,CAAC;AAExB,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1D,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,CAUnD,CAAC;AAMF,QAAA,MAAM,WAAW;;GAIM,CAAC;AAExB,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,WAAW,CAAC,CAAC;AAExD,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAShD,CAAC;AAMF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;EAKb,CAAC;AAEH,KAAK,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,SAAS,CAAC,CAAC;AAKtD,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAUhD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"FormActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/FormActions.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,cAAc,GAAG,eAAe,CAAC;AAE1E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,sCAA6C,gBAAgB,sBA+BxF,CAAC"}
+{"version":3,"file":"FormActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/FormActions.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,cAAc,GAAG,eAAe,CAAC;AAE1E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,sCAA6C,gBAAgB,sBA+BxF,CAAC"}

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

@@ -1,24 +1,23 @@
 import { Schema } from 'effect';
 import React from 'react';
 import { type ThemedClassName } from '@dxos/react-ui';
-import { type SchemaProperty } from '@dxos/schema';
+import { type ProjectionModel, type SchemaProperty } from '@dxos/schema';
+import { type QueryRefOptions } from '../../hooks';
 import { type ComponentLookup } from './Form';
 import { type InputComponent } from './Input';
-import { type QueryRefOptions } from '../../hooks';
+import { type RefFieldProps } from './RefField';
 export type FormFieldProps = {
     property: SchemaProperty<any>;
     path?: (string | number)[];
-    readonly?: boolean;
     /** Used to indicate if input should be presented inline (e.g. for array items). */
     inline?: boolean;
-    onQueryRefOptions?: QueryRefOptions;
+    projection?: ProjectionModel;
     lookupComponent?: ComponentLookup;
     Custom?: Partial<Record<string, InputComponent>>;
-};
-export declare const FormField: ({ property, path, readonly, inline, onQueryRefOptions, lookupComponent, Custom, }: FormFieldProps) => React.JSX.Element | null;
+} & Pick<RefFieldProps, 'readonly' | 'onQueryRefOptions' | 'createOptionLabel' | 'createOptionIcon' | 'onCreateFromQuery'>;
+export declare const FormField: ({ property, path, readonly, inline, projection, onQueryRefOptions, createOptionLabel, createOptionIcon, onCreateFromQuery, lookupComponent, Custom, }: FormFieldProps) => React.JSX.Element | null;
 export type FormFieldsProps = ThemedClassName<{
     testId?: string;
-    readonly?: boolean;
     schema: Schema.Schema.All;
     /**
      * Path to the current object from the root. Used with nested forms.
@@ -26,6 +25,10 @@ export type FormFieldsProps = ThemedClassName<{
     path?: (string | number)[];
     filter?: (props: SchemaProperty<any>[]) => SchemaProperty<any>[];
     sort?: string[];
+    /**
+     * Optional projection for projection-based field management
+     */
+    projection?: ProjectionModel;
     lookupComponent?: ComponentLookup;
     /**
      * Map of custom renderers for specific properties.
@@ -33,10 +36,9 @@ export type FormFieldsProps = ThemedClassName<{
      */
     Custom?: Partial<Record<string, InputComponent>>;
     onQueryRefOptions?: QueryRefOptions;
-}>;
+} & Pick<FormFieldProps, 'readonly'> & Pick<RefFieldProps, 'onQueryRefOptions' | 'createOptionLabel' | 'createOptionIcon' | 'onCreateFromQuery'>>;
 export declare const FormFields: React.ForwardRefExoticComponent<Omit<{
     testId?: string;
-    readonly?: boolean;
     schema: Schema.Schema.All;
     /**
      * Path to the current object from the root. Used with nested forms.
@@ -44,6 +46,10 @@ export declare const FormFields: React.ForwardRefExoticComponent<Omit<{
     path?: (string | number)[];
     filter?: (props: SchemaProperty<any>[]) => SchemaProperty<any>[];
     sort?: string[];
+    /**
+     * Optional projection for projection-based field management
+     */
+    projection?: ProjectionModel;
     lookupComponent?: ComponentLookup;
     /**
      * Map of custom renderers for specific properties.
@@ -51,7 +57,7 @@ export declare const FormFields: React.ForwardRefExoticComponent<Omit<{
      */
     Custom?: Partial<Record<string, InputComponent>>;
     onQueryRefOptions?: QueryRefOptions;
-}, "className"> & {
+} & Pick<FormFieldProps, "readonly"> & Pick<RefFieldProps, "onQueryRefOptions" | "createOptionLabel" | "createOptionIcon" | "onCreateFromQuery">, "className"> & {
     classNames?: import("@dxos/react-ui-types").ClassNameValue;
 } & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=FormContent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/FormContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAmB,MAAM,QAAQ,CAAC;AAEjD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAKxE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAC;AAE9C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,mFAQvB,cAAc,6BA+IhB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,KAAK,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;IACjE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IACjD,iBAAiB,CAAC,EAAE,eAAe,CAAC;CACrC,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU;aAlBZ,MAAM;eACJ,OAAO;YACV,MAAM,CAAC,MAAM,CAAC,GAAG;IACzB;;OAEG;WACI,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE;aACjB,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,KAAK,cAAc,CAAC,GAAG,CAAC,EAAE;WACzD,MAAM,EAAE;sBACG,eAAe;IACjC;;;OAGG;aACM,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;wBAC5B,eAAe;;;wCAmCpC,CAAC"}
+{"version":3,"file":"FormContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/FormContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAmB,MAAM,QAAQ,CAAC;AAEjD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAuB,MAAM,cAAc,CAAC;AAG9F,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAMnD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAC;AAE9C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;IAC9B,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC3B,mFAAmF;IACnF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;CAClD,GAAG,IAAI,CACN,aAAa,EACb,UAAU,GAAG,mBAAmB,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,mBAAmB,CAClG,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,uJAYvB,cAAc,6BAsJhB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,eAAe,CAC3C;IACE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,KAAK,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;IACjE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;IACjD,iBAAiB,CAAC,EAAE,eAAe,CAAC;CACrC,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAClC,IAAI,CAAC,aAAa,EAAE,mBAAmB,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,mBAAmB,CAAC,CAC5G,CAAC;AAEF,eAAO,MAAM,UAAU;aAvBV,MAAM;YACP,MAAM,CAAC,MAAM,CAAC,GAAG;IACzB;;OAEG;WACI,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE;aACjB,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,KAAK,cAAc,CAAC,GAAG,CAAC,EAAE;WACzD,MAAM,EAAE;IACf;;OAEG;iBACU,eAAe;sBACV,eAAe;IACjC;;;OAGG;aACM,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;wBAC5B,eAAe;;;wCA+EtC,CAAC"}

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

@@ -1,4 +1,4 @@
-import React, { type RefObject, type FocusEvent, type PropsWithChildren } from 'react';
+import React, { type FocusEvent, type PropsWithChildren, type RefObject } from 'react';
 import { type BaseObject } from '@dxos/echo-schema';
 import { type SimpleType } from '@dxos/effect';
 import { type FormHandler, type FormOptions } from '../../hooks';

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

@@ -1 +1 @@
-{"version":3,"file":"FormContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/FormContext.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAEZ,KAAK,SAAS,EAId,KAAK,UAAU,EACf,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,UAAU,EAAY,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAW,MAAM,aAAa,CAAC;AAE1E,KAAK,gBAAgB,CAAC,CAAC,SAAS,UAAU,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;AAI7D,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,OAAK,gBAAgB,CAAC,CAAC,CAEzE,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAM,CAAC,MAAM,GAAG,MAAM,CAAC,EAAO,KAAG,GAI9D,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,MAAM;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtD,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IACjC,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACtD,MAAM,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAM,CAAC,MAAM,GAAG,MAAM,CAAC,EAAO,KAAG,mBAa9D,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,iDAK1B,iBAAiB,CAClB,WAAW,CAAC,GAAG,CAAC,GAAG;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CACF,sBA0CA,CAAC"}
+{"version":3,"file":"FormContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/FormContext.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,UAAU,EAAY,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,KAAK,UAAU,EAAkB,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAW,MAAM,aAAa,CAAC;AAE1E,KAAK,gBAAgB,CAAC,CAAC,SAAS,UAAU,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;AAI7D,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,UAAU,OAAK,gBAAgB,CAAC,CAAC,CAEzE,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAM,CAAC,MAAM,GAAG,MAAM,CAAC,EAAO,KAAG,GAI9D,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,MAAM;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtD,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IACjC,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACtD,MAAM,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,OAAM,CAAC,MAAM,GAAG,MAAM,CAAC,EAAO,KAAG,mBAa9D,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,iDAK1B,iBAAiB,CAClB,WAAW,CAAC,GAAG,CAAC,GAAG;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CACF,sBA0CA,CAAC"}

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

@@ -9,9 +9,12 @@ export type InputProps = {
     type: SimpleType;
     format?: FormatEnum;
     label: string;
-    disabled?: boolean;
     placeholder?: string;
     inputOnly?: boolean;
+    /**
+     * Specifies the readonly variant: either disabled inputs, elements indicating they are usually editable but currently are not; or `static`, a field’s representation as regular content without signifiers that it is ever editable.
+     */
+    readonly?: 'disabled-input' | 'static' | false;
 } & FormInputStateProps;
 /**
  * Form input component.

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,mBAAmB,CAAC;AAExB;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC;AAE5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,4BAA4B,gBAAgB,sBAavE,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,GAAG,QAAQ,GAAG,KAAK,CAAC;CAChD,GAAG,mBAAmB,CAAC;AAExB;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC;AAE5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,4BAA4B,gBAAgB,sBAavE,CAAC"}

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

@@ -1,12 +1,18 @@
 import { type SchemaAST } from 'effect';
 import React from 'react';
-import { type InputProps } from './Input';
+import { type TypeAnnotation } from '@dxos/echo-schema';
+import { type MaybePromise } from '@dxos/util';
 import { type QueryRefOptions } from '../../hooks';
-type RefFieldProps = InputProps & {
+import { type InputProps } from './Input';
+export type RefFieldProps = InputProps & {
     ast?: SchemaAST.AST;
     array?: boolean;
     onQueryRefOptions?: QueryRefOptions;
+    createOptionLabel?: [string, {
+        ns: string;
+    }];
+    createOptionIcon?: string;
+    onCreateFromQuery?: (type: TypeAnnotation, query: string) => MaybePromise<void>;
 };
-export declare const RefField: ({ type, label, disabled, placeholder, inputOnly, array, ast, getValue, onBlur, onQueryRefOptions, onValueChange, ...restInputProps }: RefFieldProps) => React.JSX.Element | null;
-export {};
+export declare const RefField: ({ type, label, readonly, placeholder, inputOnly, array, ast, getValue, onBlur, onQueryRefOptions, createOptionLabel, createOptionIcon, onCreateFromQuery, onValueChange, ...restInputProps }: RefFieldProps) => React.JSX.Element | null;
 //# sourceMappingURL=RefField.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RefField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/RefField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAgD,MAAM,OAAO,CAAC;AAkBrE,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,KAAK,eAAe,EAAsB,MAAM,aAAa,CAAC;AAGvE,KAAK,aAAa,GAAG,UAAU,GAAG;IAChC,GAAG,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,eAAe,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,sIAatB,aAAa,6BAuHf,CAAC"}
+{"version":3,"file":"RefField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/RefField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAKL,KAAK,cAAc,EAEpB,MAAM,mBAAmB,CAAC;AAS3B,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,YAAY,CAAC;AAE9D,OAAO,EAAE,KAAK,eAAe,EAAsB,MAAM,aAAa,CAAC;AAIvE,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG;IACvC,GAAG,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC,IAAI,CAAC,CAAC;CACjF,CAAC;AAOF,eAAO,MAAM,QAAQ,GAAI,8LAgBtB,aAAa,6BA8Lf,CAAC"}

package/dist/types/src/components/Form/custom/GeoPointInput.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type InputProps } from '../Input';
-export declare const GeoPointInput: ({ type, label, disabled, getStatus, getValue, onValueChange, onBlur }: InputProps) => React.JSX.Element;
+export declare const GeoPointInput: ({ type, label, readonly, getStatus, getValue, onValueChange, onBlur }: InputProps) => React.JSX.Element;
 //# sourceMappingURL=GeoPointInput.d.ts.map

package/dist/types/src/components/Form/custom/GeoPointInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GeoPointInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/custom/GeoPointInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAO3F,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAExD,eAAO,MAAM,aAAa,GAAI,uEAAuE,UAAU,sBA0D9G,CAAC"}
+{"version":3,"file":"GeoPointInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/custom/GeoPointInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAO3F,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAExD,eAAO,MAAM,aAAa,GAAI,uEAAuE,UAAU,sBAkE9G,CAAC"}

package/dist/types/src/components/Form/custom/SelectOptionsInput.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type InputProps } from '../Input';
-export declare const SelectOptionInput: ({ type, label, disabled, getStatus, getValue, onValueChange }: InputProps) => React.JSX.Element;
+export declare const SelectOptionInput: ({ type, label, readonly, getStatus, getValue, onValueChange }: InputProps) => React.JSX.Element;
 //# sourceMappingURL=SelectOptionsInput.d.ts.map

package/dist/types/src/components/Form/custom/SelectOptionsInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOptionsInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/custom/SelectOptionsInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAyF,MAAM,OAAO,CAAC;AAU9G,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGxD,eAAO,MAAM,iBAAiB,GAAI,+DAA+D,UAAU,sBA8K1G,CAAC"}
+{"version":3,"file":"SelectOptionsInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/custom/SelectOptionsInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAyF,MAAM,OAAO,CAAC;AAU9G,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAExD,eAAO,MAAM,iBAAiB,GAAI,+DAA+D,UAAU,sBA8K1G,CAAC"}

package/dist/types/src/components/Form/custom/SelectOptionsInput.stories.d.ts

@@ -1,7 +1,78 @@
 import '@dxos-theme';
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-declare const meta: Meta;
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: any;
+    render: () => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        translations: [{
+            readonly 'en-US': {
+                readonly "react-ui-form": {
+                    readonly 'fields label': "Fields";
+                    readonly 'hidden fields label': "Hidden Fields";
+                    readonly 'empty readonly ref field label': "(none)";
+                    readonly 'button add property': "Add property";
+                    readonly 'field property label': "Property";
+                    readonly 'field property placeholder': "Property name";
+                    readonly 'field format label': "Type";
+                    readonly 'field path label': "Field path";
+                    readonly 'add field': "Add field";
+                    readonly 'delete field': "Delete field";
+                    readonly 'field limit reached': "Maximum number of fields reached";
+                    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 'delete field label': "Delete field";
+                    readonly 'ref field placeholder_one': "Select…";
+                    readonly 'ref field placeholder_other': "Select items…";
+                    readonly 'button cancel': "Cancel";
+                    readonly 'button save': "Save";
+                    readonly 'format boolean': "Boolean";
+                    readonly 'format currency': "Currency";
+                    readonly 'format date': "Date";
+                    readonly 'format date-time': "DateTime";
+                    readonly 'format did': "DID";
+                    readonly 'format duration': "Duration";
+                    readonly 'format dxn': "DXN";
+                    readonly 'format email': "Email";
+                    readonly 'format formula': "Formula";
+                    readonly 'format hostname': "Hostname";
+                    readonly 'format integer': "Integer";
+                    readonly 'format json': "JSON";
+                    readonly 'format latlng': "Geopoint";
+                    readonly 'format markdown': "Markdown";
+                    readonly 'format percent': "Percent";
+                    readonly 'format ref': "Reference";
+                    readonly 'format regex': "RegExp";
+                    readonly 'format string': "String";
+                    readonly 'format single-select': "Select";
+                    readonly 'format multi-select': "Multi-select";
+                    readonly 'format text': "Long text";
+                    readonly 'format time': "Time";
+                    readonly 'format timestamp': "Timestamp";
+                    readonly 'format user': "User";
+                    readonly 'format number': "Number";
+                    readonly 'format uri': "URI";
+                    readonly 'format url': "URL";
+                    readonly 'format uuid': "UUID";
+                    readonly 'latitude label': "Latitude";
+                    readonly 'longitude label': "Longitude";
+                    readonly 'select option label': "Label";
+                    readonly 'select option label placeholder': "Option label";
+                    readonly 'select option color': "Color";
+                    readonly 'select option delete': "Delete";
+                    readonly 'select option add': "Add option";
+                    readonly 'system schema title': "System record type";
+                    readonly 'system schema description': "This is a system record type and cannot be modified, though the view can still be configured.";
+                };
+            };
+        }];
+    };
+};
 export default meta;
-type Story = StoryObj;
+type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 //# sourceMappingURL=SelectOptionsInput.stories.d.ts.map

package/dist/types/src/components/Form/custom/SelectOptionsInput.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOptionsInput.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/custom/SelectOptionsInput.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAwCjE,QAAA,MAAM,IAAI,EAAE,IAQX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
+{"version":3,"file":"SelectOptionsInput.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/custom/SelectOptionsInput.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAuCxC,QAAA,MAAM,IAAI;;eAEwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMA,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/components/Form/custom/TupleInput.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type InputProps } from '../Input';
-export declare const TupleInput: ({ binding, type, label, disabled, getStatus, getValue, onValueChange, onBlur, }: InputProps & {
+export declare const TupleInput: ({ binding, type, label, readonly, getStatus, getValue, onValueChange, onBlur, }: InputProps & {
     binding: string[];
 }) => React.JSX.Element;
 //# sourceMappingURL=TupleInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/factory.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,MAAM,UAAU,EAAE,SAAS,UAAU,GAAG,MAAM,KAAG,cAAc,GAAG,SAgBnG,CAAC"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/factory.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,MAAM,UAAU,EAAE,SAAS,UAAU,GAAG,MAAM,KAAG,cAAc,GAAG,SAgBnG,CAAC"}

package/dist/types/src/components/ViewEditor/ViewEditor.d.ts

@@ -7,14 +7,15 @@ import { type FormProps } from '../Form';
 export type ViewEditorProps = ThemedClassName<{
     schema: Schema.Schema.AnyNoContext;
     view: DataType.View;
+    kind?: 'basic' | 'advanced';
     registry?: SchemaRegistry;
     readonly?: boolean;
     showHeading?: boolean;
-    onTypenameChanged?: (typename: string) => void;
+    onQueryChanged?: (query: string) => void;
     onDelete?: (fieldId: string) => void;
 } & Pick<FormProps<any>, 'outerSpacing'>>;
 /**
  * Schema-based object form.
  */
-export declare const ViewEditor: ({ classNames, schema, view, registry, readonly: _readonly, showHeading, onTypenameChanged, onDelete, outerSpacing, }: ViewEditorProps) => React.JSX.Element;
+export declare const ViewEditor: ({ classNames, schema, view, kind, registry, readonly, showHeading, onQueryChanged, onDelete, outerSpacing, }: ViewEditorProps) => React.JSX.Element;
 //# sourceMappingURL=ViewEditor.d.ts.map

package/dist/types/src/components/ViewEditor/ViewEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/ViewEditor/ViewEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAuB,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAI3F,OAAO,EAAiD,KAAK,QAAQ,EAAmB,MAAM,cAAc,CAAC;AAI7G,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAY/C,MAAM,MAAM,eAAe,GAAG,eAAe,CAC3C;IACE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;IACnC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,CACzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,sHAUxB,eAAe,sBAsNjB,CAAC"}
+{"version":3,"file":"ViewEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/ViewEditor/ViewEditor.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAS,MAAM,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAIpD,OAAO,EAAuB,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAK3F,OAAO,EACL,KAAK,QAAQ,EAMd,MAAM,cAAc,CAAC;AAItB,OAAO,EAAQ,KAAK,SAAS,EAAwC,MAAM,SAAS,CAAC;AAKrF,MAAM,MAAM,eAAe,GAAG,eAAe,CAC3C;IACE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;IACnC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,CACzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,8GAWxB,eAAe,sBAqOjB,CAAC"}

package/dist/types/src/components/ViewEditor/ViewEditor.stories.d.ts

@@ -1,17 +1,88 @@
 import '@dxos-theme';
-import { type Meta, type StoryObj } from '@storybook/react-vite';
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
 import { type EchoSchema } from '@dxos/echo-schema';
-import { DataType, ProjectionModel } from '@dxos/schema';
+import { type DataType, ProjectionModel } from '@dxos/schema';
 import { type ViewEditorProps } from './ViewEditor';
 export type ViewEditorDebugObjects = {
     schema: EchoSchema;
     view: DataType.View;
     projection: ProjectionModel;
 };
-type StoryProps = Pick<ViewEditorProps, 'readonly'>;
-declare const meta: Meta<StoryProps>;
+type StoryProps = Pick<ViewEditorProps, 'readonly' | 'kind'>;
+declare const meta: {
+    title: string;
+    render: (props: StoryProps) => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        translations: [{
+            readonly 'en-US': {
+                readonly "react-ui-form": {
+                    readonly 'fields label': "Fields";
+                    readonly 'hidden fields label': "Hidden Fields";
+                    readonly 'empty readonly ref field label': "(none)";
+                    readonly 'button add property': "Add property";
+                    readonly 'field property label': "Property";
+                    readonly 'field property placeholder': "Property name";
+                    readonly 'field format label': "Type";
+                    readonly 'field path label': "Field path";
+                    readonly 'add field': "Add field";
+                    readonly 'delete field': "Delete field";
+                    readonly 'field limit reached': "Maximum number of fields reached";
+                    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 'delete field label': "Delete field";
+                    readonly 'ref field placeholder_one': "Select…";
+                    readonly 'ref field placeholder_other': "Select items…";
+                    readonly 'button cancel': "Cancel";
+                    readonly 'button save': "Save";
+                    readonly 'format boolean': "Boolean";
+                    readonly 'format currency': "Currency";
+                    readonly 'format date': "Date";
+                    readonly 'format date-time': "DateTime";
+                    readonly 'format did': "DID";
+                    readonly 'format duration': "Duration";
+                    readonly 'format dxn': "DXN";
+                    readonly 'format email': "Email";
+                    readonly 'format formula': "Formula";
+                    readonly 'format hostname': "Hostname";
+                    readonly 'format integer': "Integer";
+                    readonly 'format json': "JSON";
+                    readonly 'format latlng': "Geopoint";
+                    readonly 'format markdown': "Markdown";
+                    readonly 'format percent': "Percent";
+                    readonly 'format ref': "Reference";
+                    readonly 'format regex': "RegExp";
+                    readonly 'format string': "String";
+                    readonly 'format single-select': "Select";
+                    readonly 'format multi-select': "Multi-select";
+                    readonly 'format text': "Long text";
+                    readonly 'format time': "Time";
+                    readonly 'format timestamp': "Timestamp";
+                    readonly 'format user': "User";
+                    readonly 'format number': "Number";
+                    readonly 'format uri': "URI";
+                    readonly 'format url': "URL";
+                    readonly 'format uuid': "UUID";
+                    readonly 'latitude label': "Latitude";
+                    readonly 'longitude label': "Longitude";
+                    readonly 'select option label': "Label";
+                    readonly 'select option label placeholder': "Option label";
+                    readonly 'select option color': "Color";
+                    readonly 'select option delete': "Delete";
+                    readonly 'select option add': "Add option";
+                    readonly 'system schema title': "System record type";
+                    readonly 'system schema description': "This is a system record type and cannot be modified, though the view can still be configured.";
+                };
+            };
+        }];
+    };
+};
 export default meta;
-type Story = StoryObj<StoryProps>;
+type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Readonly: Story;
+export declare const Advanced: Story;
 //# sourceMappingURL=ViewEditor.stories.d.ts.map