@dxos/react-ui-form 0.8.4-main.c4373fc → 0.8.4-main.c85a9c8dae

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

@@ -1,27 +1,64 @@
 import { type StoryObj } from '@storybook/react-vite';
 import * as Schema from 'effect/Schema';
 import React from 'react';
-import { type Type } from '@dxos/echo';
-import { type BaseObject, Expando, Ref } from '@dxos/echo/internal';
-import { type FormProps } from './Form';
-type StoryProps<T extends BaseObject> = {
+import { Type } from '@dxos/echo';
+import { type AnyProperties } from '@dxos/echo/internal';
+import { type ExcludeId, type FormRootProps } from './Form';
+declare const Organization: Type.Obj<{
+    readonly name: string;
+}, Schema.Struct.Fields>;
+export interface Organization extends Schema.Schema.Type<typeof Organization> {
+}
+declare const Person: Type.Obj<{
+    readonly name: string;
+    readonly address?: {
+        readonly state: string;
+        readonly street: string;
+        readonly city: string;
+        readonly zip: number;
+    } | undefined;
+    readonly status?: "active" | "inactive" | undefined;
+    readonly location?: readonly [number, number, (number | undefined)?] | undefined;
+    readonly tags?: readonly import("@dxos/echo/internal").Ref<import("@dxos/echo/Entity").OfKind<import("@dxos/echo/internal").EntityKind.Object> & {
+        readonly hue?: string | undefined;
+        readonly label: string;
+    }>[] | undefined;
+    readonly ignore?: string | undefined;
+    readonly active?: boolean | undefined;
+    readonly employer?: import("@dxos/echo/internal").Ref<import("@dxos/echo/Entity").OfKind<import("@dxos/echo/internal").EntityKind.Object> & {
+        readonly name: string;
+    }> | undefined;
+    readonly notes?: string | undefined;
+    readonly tasks?: readonly string[] | undefined;
+    readonly locations?: readonly (readonly [number, number, (number | undefined)?])[] | undefined;
+    readonly identities?: readonly {
+        readonly type: string;
+        readonly value: string;
+    }[] | undefined;
+}, Schema.Struct.Fields>;
+export interface Person extends Schema.Schema.Type<typeof Person> {
+}
+type StoryProps<T extends AnyProperties> = {
     debug?: boolean;
-    schema: Type.Obj.Any;
-} & FormProps<T>;
+    schema: Schema.Schema<T>;
+} & FormRootProps<T>;
 declare const meta: {
     title: string;
-    component: any;
-    render: <T extends BaseObject = any>({ debug, schema, values: initialValues, ...props }: StoryProps<T>) => React.JSX.Element;
+    component: {
+        <T extends AnyProperties = AnyProperties>({ children, schema, values, onSave, onCancel, ...props }: FormRootProps<T>): React.JSX.Element;
+        displayName: string;
+    };
+    render: <T extends AnyProperties = AnyProperties>({ debug, schema, values: valuesProp, ...props }: StoryProps<T>) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
         layout: string;
         translations: [{
             readonly 'en-US': {
-                readonly "react-ui-form": {
+                readonly "@dxos/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 'add property button label': "Add property";
                     readonly 'field property label': "Property";
                     readonly 'field property placeholder': "Property name";
                     readonly 'field format label': "Type";
@@ -37,8 +74,11 @@ declare const meta: {
                     readonly 'ref field combobox input placeholder': "Search…";
                     readonly 'ref field placeholder_one': "Select…";
                     readonly 'ref field placeholder_other': "Select items…";
-                    readonly 'button cancel': "Cancel";
-                    readonly 'button save': "Save";
+                    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 'format boolean': "Boolean";
                     readonly 'format currency': "Currency";
                     readonly 'format date': "Date";
@@ -74,82 +114,17 @@ declare const meta: {
                     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.";
+                    readonly 'system schema title': "System type";
+                    readonly 'system schema description': "System type: cannot add or remove fields.";
                 };
             };
         }];
     };
-    argTypes: {
-        readonly: {
-            control: "boolean";
-            description: string;
-        };
-    };
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
-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"]>;
-        radius: Schema.optional<Schema.SchemaClass<number, number, never>>;
-    }>, Schema.Struct<{
-        type: Schema.Literal<["square"]>;
-        size: Schema.optional<Schema.refine<number, typeof Schema.Number>>;
-    }>]>>;
-}>>;
-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.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 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<StoryProps<ColorType>>;
-declare const RefSchema: Schema.Struct<{
-    contact: Schema.SchemaClass<Ref<import("@dxos/echo/internal").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/internal").TypedObjectOptions>>, import("@dxos/echo-protocol").EncodedReference, never>;
-    optionalContact: Schema.optional<Schema.SchemaClass<Ref<import("@dxos/echo/internal").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/internal").TypedObjectOptions>>, import("@dxos/echo-protocol").EncodedReference, never>>;
-    refArray: Schema.optional<Schema.Array$<import("@dxos/echo/internal").Ref$<import("@dxos/echo/internal").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/internal").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>>;
+type Story<T extends AnyProperties> = StoryObj<StoryProps<T>>;
+export declare const Default: Story<ExcludeId<typeof Person>>;
+export declare const Readonly: Story<ExcludeId<typeof Person>>;
+export declare const Static: Story<ExcludeId<typeof Person>>;
+export declare const Empty: Story<ExcludeId<typeof Person>>;
 //# 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,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,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,qBAAqB,CAAC;AAU/G,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;AA6DjB,QAAA,MAAM,IAAI;;eAEW,GAAG;aA7DF,CAAC,SAAS,UAAU,4DAKvC,UAAU,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEiB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAYrB,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"}
+{"version":3,"file":"Form.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/Form.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAqC,IAAI,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAUzD,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,aAAa,EAAU,MAAM,QAAQ,CAAC;AAE1E,QAAA,MAAM,YAAY;;wBAOjB,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,YAAY,CAAC;CAAG;AAEhF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;wBAsCX,CAAC;AAEF,MAAM,WAAW,MAAO,SAAQ,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,MAAM,CAAC;CAAG;AAEpE,KAAK,UAAU,CAAC,CAAC,SAAS,aAAa,IAAI;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;CAC1B,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;AA8CrB,QAAA,MAAM,IAAI;;;;;;aA5CY,CAAC,SAAS,aAAa,mEAK1C,UAAU,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEiB,CAAC;AAElC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,CAAC,CAAC,SAAS,aAAa,IAAI,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AAQ9D,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,MAAM,CAAC,CAMnD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,MAAM,CAAC,CAMpD,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,MAAM,CAAC,CAMlD,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,MAAM,CAAC,CAajD,CAAC"}

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

@@ -0,0 +1,37 @@
+import * as SchemaAST from 'effect/SchemaAST';
+import React from 'react';
+import { type ProjectionModel } from '@dxos/schema';
+import { type RefFieldProps } from './fields';
+import { type FormFieldComponentProps, type FormFieldMap, type FormFieldProvider } from './FormFieldComponent';
+export type FormFieldProps = {
+    /**
+     * AST of the property to render.
+     */
+    type: SchemaAST.AST;
+    /**
+     * Name of the property.
+     */
+    name: string;
+    /**
+     * Path to the current object from the root. Used with nested forms.
+     */
+    path?: (string | number)[];
+    /**
+     * Optional projection for projection-based field management.
+     */
+    projection?: ProjectionModel;
+    /**
+     * Map of custom renderers for specific properties.
+     * Prefer fieldProvider for plugin specific input surfaces.
+     */
+    fieldMap?: FormFieldMap;
+    /**
+     * Function to lookup custom renderers for specific properties.
+     */
+    fieldProvider?: FormFieldProvider;
+} & Pick<FormFieldComponentProps, 'autoFocus' | 'readonly' | 'layout'> & Pick<RefFieldProps, 'createOptionLabel' | 'createOptionIcon' | 'createInitialValuePath' | 'db' | 'schemaHook' | 'getOptions' | 'onCreate'>;
+export declare const FormField: {
+    (props: FormFieldProps): React.JSX.Element | null;
+    displayName: string;
+};
+//# sourceMappingURL=FormField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/FormField.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,SAAS,MAAM,kBAAkB,CAAC;AAE9C,OAAO,KAAkB,MAAM,OAAO,CAAC;AAcvC,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAKpD,OAAO,EAOL,KAAK,aAAa,EAInB,MAAM,UAAU,CAAC;AAElB,OAAO,EAEL,KAAK,uBAAuB,EAC5B,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACvB,MAAM,sBAAsB,CAAC;AAG9B,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC;IAEpB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAC;CACnC,GAAG,IAAI,CAAC,uBAAuB,EAAE,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC,GACpE,IAAI,CACF,aAAa,EACX,mBAAmB,GACnB,kBAAkB,GAClB,wBAAwB,GACxB,IAAI,GACJ,YAAY,GACZ,YAAY,GACZ,UAAU,CACb,CAAC;AAEJ,eAAO,MAAM,SAAS;YAAW,cAAc;;CA4J9C,CAAC"}

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

@@ -0,0 +1,78 @@
+import type * as Schema from 'effect/Schema';
+import type * as SchemaAST from 'effect/SchemaAST';
+import React, { Component, type FC, type FocusEvent, type PropsWithChildren, type ReactElement, type ReactNode } from 'react';
+import { type Format } from '@dxos/echo/internal';
+import { type FormFieldStatus } from '../../hooks';
+/**
+ * Dynamic props passed to input components.
+ */
+export type FormFieldStateProps<T = any> = {
+    getStatus: () => FormFieldStatus;
+    getValue: () => T | undefined;
+    onBlur: (event: FocusEvent<HTMLElement>) => void;
+    onValueChange: (type: SchemaAST.AST, value: T) => void;
+};
+/**
+ * Presentation mode.
+ *
+ * - full: Show label, control, and status.
+ * - compact: Show label and control.
+ * - inline: Control only.
+ * - static: Plain DOM; omit all undefined values.
+ */
+export type Presentation = 'full' | 'compact' | 'inline' | 'static';
+/**
+ * Props passed to input components.
+ */
+export type FormFieldComponentProps<T = any> = {
+    type: SchemaAST.AST;
+    format?: Format.TypeFormat;
+    readonly?: boolean;
+    label: string;
+    placeholder?: string;
+    autoFocus?: boolean;
+    layout?: Presentation;
+} & FormFieldStateProps<T>;
+/**
+ * Form field component.
+ */
+export type FormFieldComponent = FC<FormFieldComponentProps>;
+export type FormFieldMap = Record<string, FormFieldComponent>;
+export type FormFieldProvider = (props: {
+    prop: string;
+    schema: Schema.Schema<any>;
+    fieldProps: FormFieldComponentProps;
+}) => ReactElement | undefined;
+export type FormFieldLabelProps = {
+    asChild?: boolean;
+    error?: string;
+} & Pick<FormFieldComponentProps, 'label' | 'readonly'>;
+export declare const FormFieldLabel: {
+    ({ label, error, readonly, asChild }: FormFieldLabelProps): React.JSX.Element;
+    displayName: string;
+};
+export type FormFieldWrapperProps<T = any> = Pick<FormFieldComponentProps, 'readonly' | 'label' | 'layout' | 'getStatus' | 'getValue'> & {
+    children?: (props: {
+        value: T;
+    }) => ReactNode;
+};
+export declare const FormFieldWrapper: <T>(props: FormFieldWrapperProps<T>) => React.JSX.Element | null;
+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 | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+    private resetError;
+}
+export {};
+//# sourceMappingURL=FormFieldComponent.d.ts.map

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

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

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

@@ -0,0 +1,9 @@
+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;
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldComponent.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/FormFieldComponent.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,uBAAuB,EAAoB,MAAM,sBAAsB,CAAC;AAEtF,QAAA,MAAM,YAAY,GAAI,kEAOnB,uBAAuB,CAAC,MAAM,CAAC,sBAsBjC,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { type AnyProperties } from '@dxos/echo/internal';
+import { type SchemaProperty } from '@dxos/effect';
+import { type FormHandlerProps } from '../../hooks';
+import { type FormFieldProps } from './FormField';
+export type FormFieldSetProps<T extends AnyProperties> = {
+    label?: string;
+    exclude?: (props: SchemaProperty[]) => SchemaProperty[];
+    sort?: string[];
+} & Pick<FormHandlerProps<T>, 'schema'> & Pick<FormFieldProps, 'path' | 'autoFocus' | 'readonly' | 'layout' | 'projection' | 'fieldMap' | 'fieldProvider' | 'createOptionLabel' | 'createOptionIcon' | 'createInitialValuePath' | 'db' | 'schemaHook' | 'getOptions' | 'onCreate'>;
+/**
+ * Renders a set of form fields derived from a schema object.
+ */
+export declare const FormFieldSet: React.ForwardRefExoticComponent<{
+    label?: string;
+    exclude?: (props: SchemaProperty[]) => SchemaProperty[];
+    sort?: string[];
+} & Pick<FormHandlerProps<any>, "schema"> & Pick<FormFieldProps, "path" | "readonly" | "autoFocus" | "layout" | "createOptionLabel" | "createOptionIcon" | "createInitialValuePath" | "onCreate" | "db" | "schemaHook" | "getOptions" | "fieldProvider" | "projection" | "fieldMap"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FormFieldSet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldSet.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/FormFieldSet.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAIpD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAK7D,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,aAAa,IAAI;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE,CAAC;IACxD,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,GACrC,IAAI,CACF,cAAc,EACZ,MAAM,GACN,WAAW,GACX,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,eAAe,GACf,mBAAmB,GACnB,kBAAkB,GAClB,wBAAwB,GACxB,IAAI,GACJ,YAAY,GACZ,YAAY,GACZ,UAAU,CACb,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,YAAY;YAzBf,MAAM;cACJ,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE;WAChD,MAAM,EAAE;2TAiGhB,CAAC"}

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

@@ -0,0 +1,18 @@
+import * as SchemaAST from 'effect/SchemaAST';
+import React from 'react';
+import { type FormFieldProps } from '../FormField';
+import { type FormFieldStateProps } from '../FormFieldComponent';
+export type ArrayFieldProps = {
+    label: string;
+    fieldProps: FormFieldStateProps;
+} & FormFieldProps;
+export declare const ArrayField: {
+    ({ type, path, label, readonly, layout, fieldProps: inputProps, ...props }: ArrayFieldProps): React.JSX.Element | null;
+    displayName: string;
+};
+/**
+ * Returns the default empty value for a given AST.
+ * Used for initializing new array values etc.
+ */
+export declare const getDefaultValue: (ast?: SchemaAST.AST) => any;
+//# sourceMappingURL=ArrayField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/fields/ArrayField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,SAAS,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAgC,MAAM,OAAO,CAAC;AAQrD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,mBAAmB,CAAC;CACjC,GAAG,cAAc,CAAC;AAEnB,eAAO,MAAM,UAAU;gFAQpB,eAAe;;CAuFjB,CAAC;AAIF;;;GAGG;AAEH,eAAO,MAAM,eAAe,GAAI,MAAM,SAAS,CAAC,GAAG,KAAG,GAsBrD,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/fields/BooleanField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,KAAK,uBAAuB,EAAoB,MAAM,uBAAuB,CAAC;AAEvF,eAAO,MAAM,YAAY,GAAI,6CAA6C,uBAAuB,CAAC,OAAO,CAAC,sBAWzG,CAAC"}

package/dist/types/src/components/Form/fields/GeoPointField.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type GeoPoint } from '@dxos/echo/internal';
+import { type FormFieldComponentProps } from '../FormFieldComponent';
+export declare const GeoPointField: ({ type, label, readonly, layout, getStatus, getValue, onValueChange, onBlur, }: FormFieldComponentProps<GeoPoint>) => React.JSX.Element | null;
+//# sourceMappingURL=GeoPointField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GeoPointField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/fields/GeoPointField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAE3F,OAAO,EAAe,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAKjE,OAAO,EAAE,KAAK,uBAAuB,EAAkB,MAAM,uBAAuB,CAAC;AAErF,eAAO,MAAM,aAAa,GAAI,gFAS3B,uBAAuB,CAAC,QAAQ,CAAC,6BA+EnC,CAAC"}

package/dist/types/src/components/Form/fields/MarkdownField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type FormFieldComponentProps } from '../FormFieldComponent';
+export declare const MarkdownField: ({ type, readonly, label, placeholder, layout, getStatus, getValue, onValueChange, onBlur, }: FormFieldComponentProps) => React.JSX.Element | null;
+//# sourceMappingURL=MarkdownField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/fields/MarkdownField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,KAAK,uBAAuB,EAAkB,MAAM,uBAAuB,CAAC;AAErF,eAAO,MAAM,aAAa,GAAI,6FAU3B,uBAAuB,6BAyDzB,CAAC"}

package/dist/types/src/components/Form/fields/NumberField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type FormFieldComponentProps } from '../FormFieldComponent';
+export declare const NumberField: ({ type, readonly, placeholder, onValueChange, onBlur, ...props }: FormFieldComponentProps<number>) => React.JSX.Element;
+//# sourceMappingURL=NumberField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/fields/NumberField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,OAAO,EAAE,KAAK,uBAAuB,EAAoB,MAAM,uBAAuB,CAAC;AAEvF,eAAO,MAAM,WAAW,GAAI,kEAOzB,uBAAuB,CAAC,MAAM,CAAC,sBAoBjC,CAAC"}

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

@@ -0,0 +1,14 @@
+import '@dxos/lit-ui/dx-tag-picker.pcss';
+import React from 'react';
+import { type Database, Entity, Type } from '@dxos/echo';
+import { type ObjectPickerContentProps, type RefOption } from '../../ObjectPicker';
+import { type FormFieldComponentProps } from '../FormFieldComponent';
+export type RefFieldProps = FormFieldComponentProps & Pick<ObjectPickerContentProps, 'createOptionLabel' | 'createOptionIcon' | 'createInitialValuePath'> & {
+    db?: Database.Database;
+    resultsHook?: (db?: Database.Database, typename?: string) => Entity.Any[];
+    schemaHook?: (db?: Database.Database, typename?: string) => Type.AnyEntity;
+    getOptions?: (objects: Entity.Any[]) => RefOption[];
+    onCreate?: (schema: Type.AnyEntity, values: any) => void;
+};
+export declare const RefField: (props: RefFieldProps) => React.JSX.Element | null;
+//# sourceMappingURL=RefField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RefField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/fields/RefField.tsx"],"names":[],"mappings":"AAIA,OAAO,iCAAiC,CAAC;AAEzC,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,EAAoB,IAAI,EAAE,MAAM,YAAY,CAAC;AAU3E,OAAO,EAAgB,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEjG,OAAO,EAAE,KAAK,uBAAuB,EAAkB,MAAM,uBAAuB,CAAC;AAyBrF,MAAM,MAAM,aAAa,GAAG,uBAAuB,GACjD,IAAI,CAAC,wBAAwB,EAAE,mBAAmB,GAAG,kBAAkB,GAAG,wBAAwB,CAAC,GAAG;IACpG,EAAE,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,EAAE,CAAC;IAC1E,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,SAAS,CAAC;IAC3E,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,EAAE,KAAK,SAAS,EAAE,CAAC;IACpD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEJ,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,6BAsI5C,CAAC"}

package/dist/types/src/components/Form/fields/SelectField.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type FormFieldComponentProps } from '../FormFieldComponent';
+export type SelectFieldOptions = FormFieldComponentProps & {
+    options?: Array<{
+        value: string | number;
+        label?: string;
+    }>;
+};
+export declare const SelectField: ({ type, readonly, label, layout, placeholder, options, getStatus, getValue, onValueChange, }: SelectFieldOptions) => React.JSX.Element | null;
+//# sourceMappingURL=SelectField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/fields/SelectField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,KAAK,uBAAuB,EAAkB,MAAM,uBAAuB,CAAC;AAErF,MAAM,MAAM,kBAAkB,GAAG,uBAAuB,GAAG;IACzD,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,8FAUzB,kBAAkB,6BAwCpB,CAAC"}

package/dist/types/src/components/Form/fields/SelectOptionField.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type SelectOption } from '@dxos/echo/internal';
+import { type FormFieldComponentProps } from '../FormFieldComponent';
+export declare const SelectOptionField: ({ type, readonly, label, getStatus, getValue, onValueChange, }: FormFieldComponentProps<SelectOption[] | undefined>) => React.JSX.Element;
+//# sourceMappingURL=SelectOptionField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOptionField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/fields/SelectOptionField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAyF,MAAM,OAAO,CAAC;AAE9G,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAQxD,OAAO,EAAE,KAAK,uBAAuB,EAAkB,MAAM,uBAAuB,CAAC;AAErF,eAAO,MAAM,iBAAiB,GAAI,gEAO/B,uBAAuB,CAAC,YAAY,EAAE,GAAG,SAAS,CAAC,sBA6KrD,CAAC"}

package/dist/types/src/components/{ControlSection/ControlSection.stories.d.ts → Form/fields/SelectOptionField.stories.d.ts}

@@ -2,23 +2,18 @@ import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
 declare const meta: {
     title: string;
-    component: ({ title, description, children }: import("./ControlSection").ControlSectionProps) => React.JSX.Element;
-    render: (args: {
-        title: import("@dxos/react-ui").Label;
-        description?: import("@dxos/react-ui").Label;
-    } & {
-        children?: React.ReactNode | undefined;
-    }) => React.JSX.Element;
+    component: any;
+    render: () => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
         layout: string;
         translations: [{
             readonly 'en-US': {
-                readonly "react-ui-form": {
+                readonly "@dxos/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 'add property button label': "Add property";
                     readonly 'field property label': "Property";
                     readonly 'field property placeholder': "Property name";
                     readonly 'field format label': "Type";
@@ -34,8 +29,11 @@ declare const meta: {
                     readonly 'ref field combobox input placeholder': "Search…";
                     readonly 'ref field placeholder_one': "Select…";
                     readonly 'ref field placeholder_other': "Select items…";
-                    readonly 'button cancel': "Cancel";
-                    readonly 'button save': "Save";
+                    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 'format boolean': "Boolean";
                     readonly 'format currency': "Currency";
                     readonly 'format date': "Date";
@@ -71,8 +69,8 @@ declare const meta: {
                     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.";
+                    readonly 'system schema title': "System type";
+                    readonly 'system schema description': "System type: cannot add or remove fields.";
                 };
             };
         }];
@@ -81,4 +79,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-//# sourceMappingURL=ControlSection.stories.d.ts.map
+//# sourceMappingURL=SelectOptionField.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOptionField.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/fields/SelectOptionField.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AA0CxC,QAAA,MAAM,IAAI;;eAEwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOA,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/fields/TextAreaField.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/fields/TextAreaField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,KAAK,uBAAuB,EAAoB,MAAM,uBAAuB,CAAC;AAEvF,eAAO,MAAM,aAAa,GAAI,kEAO3B,uBAAuB,CAAC,MAAM,CAAC,sBAoBjC,CAAC"}

package/dist/types/src/components/Form/fields/TextField.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/fields/TextField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,KAAK,uBAAuB,EAAoB,MAAM,uBAAuB,CAAC;AAEvF,eAAO,MAAM,SAAS,GAAI,kEAOvB,uBAAuB,CAAC,MAAM,CAAC,sBAoBjC,CAAC"}

package/dist/types/src/components/Form/fields/TupleField.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type FormFieldComponentProps } from '../FormFieldComponent';
+export declare const TupleField: ({ binding, type, readonly, label, getStatus, getValue, onValueChange, onBlur, }: FormFieldComponentProps<Record<string, number>> & {
+    binding: string[];
+}) => React.JSX.Element;
+//# sourceMappingURL=TupleField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TupleField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/fields/TupleField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,KAAK,uBAAuB,EAAkB,MAAM,uBAAuB,CAAC;AAIrF,eAAO,MAAM,UAAU,GAAI,iFASxB,uBAAuB,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG;IACnD,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,sBA4BA,CAAC"}

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

@@ -0,0 +1,12 @@
+export * from './ArrayField';
+export * from './BooleanField';
+export * from './GeoPointField';
+export * from './MarkdownField';
+export * from './NumberField';
+export * from './RefField';
+export * from './SelectField';
+export * from './SelectOptionField';
+export * from './TextField';
+export * from './TextAreaField';
+export * from './TupleField';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/fields/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC"}

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

@@ -1,6 +1,4 @@
-export * from './custom';
-export * from './Defaults';
+export * from './fields';
 export * from './Form';
-export * from './FormContext';
-export * from './Input';
+export * from './FormFieldComponent';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Form/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AAEzB,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC"}