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

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

@@ -1,34 +0,0 @@
-import React from 'react';
-import '@dxos/lit-ui/dx-tag-picker.pcss';
-import { type Database, Entity, Obj, Type } from '@dxos/echo';
-import { URI } from '@dxos/keys';
-import { type ObjectPickerContentProps, type RefOption } from '../../ObjectPicker';
-import { type FormFieldComponentProps } from '../FormFieldComponent';
-/**
- * Find the option a ref-like form value points at. Matches on the local (entity-id) form so a bare local EID
- * (`echo:/<id>`, produced by `Ref.make`) still resolves against an option keyed by the entity's qualified
- * self URI (`echo://<space>/<id>`). Returns `undefined` when the value is not a ref or no option matches.
- *
- * Comparing by entity id is only sound within one space (ids are unique there, not globally). Two EIDs that
- * both carry a space authority must therefore agree on it: a qualified value and a qualified option from
- * different spaces never match, even when their entity ids coincide.
- */
-export declare const findRefOption: (value: unknown, options: RefOption[]) => RefOption | undefined;
-export type RefFieldProps = FormFieldComponentProps & Pick<ObjectPickerContentProps, 'createOptionLabel' | 'createOptionIcon' | 'createInitialValuePath' | 'createFieldMap'> & {
-    db?: Database.Database;
-    useType?: (db?: Database.Database, typeUri?: URI.URI) => Type.AnyEntity;
-    useResults?: (db?: Database.Database, typename?: string) => Entity.Any[];
-    getOptions?: (objects: Entity.Any[], options?: {
-        parentLabel?: boolean;
-        getTypePlaceholder?: (typename: string) => string;
-    }) => RefOption[];
-    /**
-     * Persist a newly-created object. Called after the user fills out the
-     * inline create form and clicks Save. Should add the object to the
-     * database and return it (sync or async). The returned object is then
-     * wired into this slot's form value as a Ref.
-     */
-    onCreate?: (schema: Type.AnyEntity, values: any) => Obj.Unknown | Promise<Obj.Unknown> | undefined | 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

@@ -1 +0,0 @@
-{"version":3,"file":"RefField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/fields/RefField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,iCAAiC,CAAC;AACzC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,EAAU,GAAG,EAAqB,IAAI,EAAE,MAAM,YAAY,CAAC;AAIzF,OAAO,EAAY,GAAG,EAAE,MAAM,YAAY,CAAC;AAO3C,OAAO,EAAgB,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEjG,OAAO,EAAE,KAAK,uBAAuB,EAAkB,MAAM,uBAAuB,CAAC;AAOrF;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,UAAW,OAAO,WAAW,SAAS,EAAE,KAAG,SAAS,GAAG,SAsBhF,CAAC;AAiCF,MAAM,MAAM,aAAa,GAAG,uBAAuB,GACjD,IAAI,CACF,wBAAwB,EACxB,mBAAmB,GAAG,kBAAkB,GAAG,wBAAwB,GAAG,gBAAgB,CACvF,GAAG;IACF,EAAE,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAEvB,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,IAAI,CAAC,SAAS,CAAC;IACxE,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,EAAE,CAAC;IACzE,UAAU,CAAC,EAAE,CACX,OAAO,EAAE,MAAM,CAAC,GAAG,EAAE,EACrB,OAAO,CAAC,EAAE;QAAE,WAAW,CAAC,EAAE,OAAO,CAAC;QAAC,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;KAAE,KACnF,SAAS,EAAE,CAAC;IACjB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;CAC3G,CAAC;AAEJ,eAAO,MAAM,QAAQ,UAAW,aAAa,6BAwJ5C,CAAC"}

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

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

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import { type FormFieldComponentProps } from '../FormFieldComponent';
-export type SelectFieldOptions = FormFieldComponentProps & {
-    options?: Array<{
-        value: string | number;
-        label?: string;
-        secondaryLabel?: string;
-        icon?: string;
-        iconHue?: string;
-    }>;
-};
-export declare const SelectField: ({ type, readonly, label, jsonPath, 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

@@ -1 +0,0 @@
-{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/fields/SelectField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,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,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACvH,CAAC;AAEF,eAAO,MAAM,WAAW,2GAWrB,kBAAkB,6BA4CpB,CAAC"}

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { type SelectOption } from '@dxos/echo/Format';
-import { type FormFieldComponentProps } from '../FormFieldComponent';
-export declare const SelectOptionField: ({ type, readonly, label, jsonPath, 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

@@ -1 +0,0 @@
-{"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,mBAAmB,CAAC;AAStD,OAAO,EAAE,KAAK,uBAAuB,EAAkB,MAAM,uBAAuB,CAAC;AAErF,eAAO,MAAM,iBAAiB,6EAQ3B,uBAAuB,CAAC,YAAY,EAAE,GAAG,SAAS,CAAC,sBA4KrD,CAAC"}

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

@@ -1 +0,0 @@
-{"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;AA4CxC,QAAA,MAAM,IAAI;;eAEwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOA,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/fields/TextAreaField.d.ts

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

@@ -1 +0,0 @@
-{"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,qEAOvB,uBAAuB,CAAC,MAAM,CAAC,sBAoBjC,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"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,qEAOnB,uBAAuB,CAAC,MAAM,CAAC,sBAoBjC,CAAC"}

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

@@ -1 +0,0 @@
-{"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,8FAUpB,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.map

@@ -1 +0,0 @@
-{"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,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,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/Settings/Settings.d.ts

@@ -1,51 +0,0 @@
-import React, { type PropsWithChildren } from 'react';
-import { type Label, type ThemedClassName } from '@dxos/react-ui';
-type SettingsRootProps = ThemedClassName<PropsWithChildren>;
-declare function SettingsRoot({ children, classNames }: SettingsRootProps): React.JSX.Element;
-declare namespace SettingsRoot {
-    var displayName: string;
-}
-type SettingsSectionProps = PropsWithChildren<{
-    title: Label;
-    description?: Label;
-}>;
-declare function SettingsSection({ title, description, children }: SettingsSectionProps): React.JSX.Element;
-declare namespace SettingsSection {
-    var displayName: string;
-}
-export declare const Settings: {
-    Root: {
-        ({ children, classNames }: SettingsRootProps): React.JSX.Element;
-        displayName: string;
-    };
-    Viewport: React.ForwardRefExoticComponent<Omit<{}, "className"> & {
-        classNames?: import("@dxos/ui-types").ClassNameValue;
-    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
-    Section: {
-        ({ title, description, children }: SettingsSectionProps): React.JSX.Element;
-        displayName: string;
-    };
-    Panel: {
-        ({ classNames, children }: Omit<{
-            children?: React.ReactNode | undefined;
-        }, "className"> & {
-            classNames?: import("@dxos/ui-types").ClassNameValue;
-        }): React.JSX.Element;
-        displayName: string;
-    };
-    Item: {
-        ({ title, description, children }: {
-            title: Label;
-            description?: Label;
-        } & {
-            children?: React.ReactNode | undefined;
-        }): React.JSX.Element;
-        displayName: string;
-    };
-    FieldSet: {
-        <T extends Record<string, any>>({ schema, values, onValuesChanged, readonly, fieldMap, visible, sort, pathPrefix, }: import("./SettingsFieldSet").SettingsFieldSetProps<T>): React.JSX.Element;
-        displayName: string;
-    };
-};
-export {};
-//# sourceMappingURL=Settings.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Settings.d.ts","sourceRoot":"","sources":["../../../../../src/components/Settings/Settings.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,KAAK,KAAK,EAAc,KAAK,eAAe,EAAqC,MAAM,gBAAgB,CAAC;AAiBjH,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;8BAEtC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,iBAAiB;;;;AA0BjE,KAAK,oBAAoB,GAAG,iBAAiB,CAAC;IAC5C,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC,CAAC;iCAEsB,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,oBAAoB;;;;AAiB/E,eAAO,MAAM,QAAQ;IACnB,IAAI;mCAjD0C,iBAAiB;;;IAkD/D,QAAQ;;;IACR,OAAO;2CApBkD,oBAAoB;;;IAqB7E,KAAK;;;;;;;;IACL,IAAI;;;;;;;;;IACJ,QAAQ;;;;CACT,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Settings.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Settings/Settings.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAoC1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQM,CAAC;eAEF,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AA6CjC,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}

package/dist/types/src/components/Settings/SettingsFieldSet.d.ts

@@ -1,43 +0,0 @@
-import * as SchemaAST from 'effect/SchemaAST';
-import React from 'react';
-/**
- * Props for a custom field renderer.
- * The renderer provides the control only; SettingsItem wrapper is handled by FieldSet.
- */
-export type SettingsFieldProps<T = any> = {
-    value: T;
-    onChange: (value: T) => void;
-    readonly?: boolean;
-};
-/**
- * Map of property names to either a custom field renderer or a nested field map for struct fields.
- * When a value type `T` is provided, the map shape is checked against the schema's value type.
- */
-export type SettingsFieldMap<T extends Record<string, any> = Record<string, any>> = {
-    [K in keyof T]?: NonNullable<T[K]> extends Record<string, any> ? SettingsFieldMap<NonNullable<T[K]>> : React.FC<SettingsFieldProps<T[K]>>;
-};
-export type SettingsFieldSetProps<T extends Record<string, any> = Record<string, any>> = {
-    /** Effect Schema for the settings object. */
-    schema: {
-        ast: SchemaAST.AST;
-    };
-    /** Current settings values. */
-    values: T;
-    /** Callback when any value changes. Receives a new complete object. */
-    onValuesChanged?: (values: T) => void;
-    /** When true, all controls are disabled. */
-    readonly?: boolean;
-    /** Map of property names to custom field renderers. Nested objects map to struct sub-fields. */
-    fieldMap?: SettingsFieldMap<T>;
-    /** Control field visibility. Receives the dotted path (e.g. `'modelDefaults.edge'`) at every level. */
-    visible?: (path: string, values: T) => boolean;
-    /** Override the order of fields. Fields not listed are appended in schema order. Applied per scope. */
-    sort?: string[];
-    /** Internal: dot-path prefix used by recursive struct rendering. */
-    pathPrefix?: string;
-};
-export declare function SettingsFieldSet<T extends Record<string, any>>({ schema, values, onValuesChanged, readonly, fieldMap, visible, sort, pathPrefix }: SettingsFieldSetProps<T>): React.JSX.Element;
-export declare namespace SettingsFieldSet {
-    var displayName: string;
-}
-//# sourceMappingURL=SettingsFieldSet.d.ts.map

package/dist/types/src/components/Settings/SettingsFieldSet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingsFieldSet.d.ts","sourceRoot":"","sources":["../../../../../src/components/Settings/SettingsFieldSet.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,SAAS,MAAM,kBAAkB,CAAC;AAE9C,OAAO,KAA+B,MAAM,OAAO,CAAC;AAYpD;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,GAAG,GAAG,IAAI;IACxC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;KACjF,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC1D,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACnC,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IACvF,6CAA6C;IAC7C,MAAM,EAAE;QAAE,GAAG,EAAE,SAAS,CAAC,GAAG,CAAA;KAAE,CAAC;IAE/B,+BAA+B;IAC/B,MAAM,EAAE,CAAC,CAAC;IAEV,uEAAuE;IACvE,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;IAEtC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAE/B,uGAAuG;IACvG,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC;IAE/C,uGAAuG;IACvG,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAEhB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;yCAM+B,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EAC9D,MAAM,EACN,MAAM,EACN,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,UAAe,EAChB,EAAE,qBAAqB,CAAC,CAAC,CAAC"}

package/dist/types/src/components/Settings/SettingsItem.d.ts

@@ -1,16 +0,0 @@
-import React, { type PropsWithChildren } from 'react';
-import { type Label, type ThemedClassName } from '@dxos/react-ui';
-type SettingsPanelProps = ThemedClassName<PropsWithChildren>;
-export declare function SettingsPanel({ classNames, children }: SettingsPanelProps): React.JSX.Element;
-export declare namespace SettingsPanel {
-    var displayName: string;
-}
-type SettingsItemProps = PropsWithChildren<{
-    title: Label;
-    description?: Label;
-}>;
-export declare function SettingsItem({ title, description, children }: SettingsItemProps): React.JSX.Element;
-export declare namespace SettingsItem {
-    var displayName: string;
-}
-//# sourceMappingURL=SettingsItem.d.ts.map

package/dist/types/src/components/Settings/SettingsItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingsItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Settings/SettingsItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAS,KAAK,KAAK,EAAE,KAAK,eAAe,EAAqC,MAAM,gBAAgB,CAAC;AAY5G,KAAK,kBAAkB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;sCAE/B,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,kBAAkB;;;;AAY1E,KAAK,iBAAiB,GAAG,iBAAiB,CAAC;IACzC,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC,CAAC;qCAE0B,EAAE,KAAK,EAAE,WAAgB,EAAE,QAAQ,EAAE,EAAE,iBAAiB"}

package/dist/types/src/components/Settings/SettingsSelectField.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { type SettingsFieldProps } from './SettingsFieldSet';
-export type SelectFieldOption = {
-    value: string;
-    label?: string;
-};
-export type CreateSelectFieldOptions = {
-    /** Options to display. Strings are used as both value and label. */
-    options: ReadonlyArray<string | SelectFieldOption>;
-    /** Label for the sentinel option that maps to `undefined`. Defaults to `'Default'`. Pass `null` to omit. */
-    defaultLabel?: string | null;
-};
-/**
- * Factory for a `SettingsFieldSet` `fieldMap` entry that renders a Select control
- * over a fixed list of options, with an optional sentinel for `undefined`.
- */
-export declare const createSelectField: ({ options, defaultLabel, }: CreateSelectFieldOptions) => React.FC<SettingsFieldProps<string | undefined>>;
-//# sourceMappingURL=SettingsSelectField.d.ts.map

package/dist/types/src/components/Settings/SettingsSelectField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingsSelectField.d.ts","sourceRoot":"","sources":["../../../../../src/components/Settings/SettingsSelectField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,oEAAoE;IACpE,OAAO,EAAE,aAAa,CAAC,MAAM,GAAG,iBAAiB,CAAC,CAAC;IACnD,4GAA4G;IAC5G,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,+BAG3B,wBAAwB,KAAG,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,MAAM,GAAG,SAAS,CAAC,CA6B5E,CAAC"}

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

@@ -1,4 +0,0 @@
-export * from './Settings';
-export { type SettingsFieldMap, type SettingsFieldProps, type SettingsFieldSetProps } from './SettingsFieldSet';
-export { createSelectField, type CreateSelectFieldOptions, type SelectFieldOption } from './SettingsSelectField';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Settings/index.ts"],"names":[],"mappings":"AAIA,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,kBAAkB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChH,OAAO,EAAE,iBAAiB,EAAE,KAAK,wBAAwB,EAAE,KAAK,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../../src/components/testing.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMtD,KAAK,eAAe,GAAG,iBAAiB,CAAC;IAAE,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,CAAC;AAEzD,eAAO,MAAM,UAAU,uBAAwB,eAAe,sBAgB7D,CAAC;AAIF,eAAO,MAAM,SAAS;;;;;;;;2HAMpB,CAAC;AAGH,eAAO,MAAM,wBAAwB,eAA4B,CAAC;AAClE,eAAO,MAAM,yBAAyB,eAA6B,CAAC;AACpE,eAAO,MAAM,8BAA8B,eAAkC,CAAC"}

package/dist/types/src/util/field-type.d.ts

@@ -1,19 +0,0 @@
-import * as SchemaAST from 'effect/SchemaAST';
-/**
- * Detected field type for a schema property.
- */
-export type SettingsFieldType = 'boolean' | 'string' | 'number' | 'select' | 'struct';
-export type SelectOption = {
-    value: string | number;
-    label?: string;
-};
-/**
- * Detect the field type from an Effect Schema AST node.
- */
-export declare const detectFieldType: (ast: SchemaAST.AST) => SettingsFieldType | undefined;
-/**
- * Extract select options from a literal union AST node.
- * Reads title annotations from individual literals for labels.
- */
-export declare const getSelectOptionsFromAst: (ast: SchemaAST.AST) => SelectOption[] | undefined;
-//# sourceMappingURL=field-type.d.ts.map

package/dist/types/src/util/field-type.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-type.d.ts","sourceRoot":"","sources":["../../../../src/util/field-type.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,SAAS,MAAM,kBAAkB,CAAC;AAI9C;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,QAAS,SAAS,CAAC,GAAG,KAAG,iBAAiB,GAAG,SAkBxE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,QAAS,SAAS,CAAC,GAAG,KAAG,YAAY,EAAE,GAAG,SAc7E,CAAC"}

package/src/components/Form/AUDIT.md

@@ -1,17 +0,0 @@
-# Form
-
-## New features/polish
-
-- [x] Unify readonly/inline modes.
-- [x] Refs
-  - [x] Single-select (fix popover)
-  - [x] Multi-select (array)
-- [ ] auto save doesn't work for combobox + select due to only firing on blur (workaround is to use onValuesChanged).
-- [ ] Don't call save/autoSave if value hasn't changed.
-- [ ] Fix onCancel (restore values).
-- [ ] Fix useSchema Type.AnyObj cast.
-- [ ] TableCellEditor (handleEnter/ModalController).
-- [ ] Use FormFieldWrapper uniformly
-- [ ] Inline tables.
-- [ ] Defer query until popover.
-- [ ] Omit id from sub properties (tune Omit)

package/src/components/Form/FormFieldComponent.stories.tsx

@@ -1,65 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import React, { type ChangeEvent, useCallback } from 'react';
-
-import { Input } from '@dxos/react-ui';
-import { withLayout, withTheme } from '@dxos/react-ui/testing';
-
-import { type FormFieldComponentProps, FormFieldWrapper } from './FormFieldComponent';
-
-const DefaultStory = ({
-  type,
-  placeholder,
-  readonly,
-  onBlur,
-  onValueChange,
-  ...props
-}: FormFieldComponentProps<string>) => {
-  const handleChange = useCallback(
-    (event: ChangeEvent<HTMLInputElement>) => onValueChange(type, event.target.value),
-    [type, onValueChange],
-  );
-
-  return (
-    <div className='p-form-padding'>
-      <FormFieldWrapper<string> {...props}>
-        {({ value = '' }) => (
-          <Input.TextInput
-            disabled={!!readonly}
-            placeholder={placeholder}
-            noAutoFill
-            value={value}
-            onChange={handleChange}
-            onBlur={onBlur}
-          />
-        )}
-      </FormFieldWrapper>
-    </div>
-  );
-};
-
-const meta: Meta<typeof DefaultStory> = {
-  title: 'ui/react-ui-form/FormFieldComponent',
-  component: DefaultStory,
-  decorators: [withTheme(), withLayout({ layout: 'column' })],
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    label: 'Label',
-    getStatus: () => ({ status: 'error', error: 'Required field' }),
-    getValue: () => 'DXOS',
-    onBlur: () => {},
-    onValueChange: () => {},
-  },
-};

package/src/components/Form/FormFieldComponent.tsx

@@ -1,253 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { format as formatDate } from 'date-fns';
-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 Database, Format } from '@dxos/echo';
-import { Icon, Input, ThemedClassName, Tooltip } from '@dxos/react-ui';
-import { inputTextLabel } from '@dxos/react-ui';
-import { mx } from '@dxos/ui-theme';
-
-import { type FormFieldStatus } from '../../hooks';
-import { useFormTooltips } from './FormTooltipsContext';
-
-/**
- * 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.
- */
-// TODO(burdon): 'inline' should be orthogonal to the layout (e.g., array of inline static).
-export type Presentation = 'full' | 'compact' | 'inline' | 'static';
-
-/**
- * Props passed to input components.
- */
-export type FormFieldComponentProps<T = any> = {
-  /** Database the form is editing against; populated for fields whose value is an ECHO object/Ref. */
-  db?: Database.Database;
-  type: SchemaAST.AST;
-  format?: Format.TypeFormat;
-  readonly?: boolean;
-  label: string;
-  /**
-   * Dotted JSON path of this field within the form values (e.g.
-   * `runtime.client.storage.persistent`). Forwarded to `FormFieldLabel` so
-   * that it can render the path as a debug hint when the enclosing
-   * `Form.Root` has `debug` enabled.
-   */
-  jsonPath?: string;
-  placeholder?: string;
-  autoFocus?: boolean;
-  layout?: Presentation;
-} & FormFieldStateProps<T>;
-
-export type FormFieldComponent = FC<FormFieldComponentProps>;
-
-export type FormFieldMap = Record<string, FormFieldComponent>;
-
-export type FormFieldProvider = (props: {
-  prop: string;
-  schema: Schema.Schema<any>;
-  fieldProps: FormFieldComponentProps;
-}) => ReactElement | null | undefined;
-
-//
-// FormFieldLabel
-//
-
-export type FormFieldLabelProps = ThemedClassName<
-  {
-    asChild?: boolean;
-    error?: string;
-    /**
-     * JSON path of the field this label describes (e.g. `runtime.client.storage.persistent`).
-     * Surfaced as a hover tooltip on the label when the enclosing `Form.Root`
-     * has `tooltips` enabled (the default) -- useful for spotting which field
-     * maps to which path when authoring schemas or filing bugs against a form.
-     * Callers can supply the path unconditionally; the label suppresses the
-     * tooltip when `Form.Root tooltips={false}`.
-     */
-    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<FormFieldComponentProps, 'label' | 'readonly'>
->;
-
-export const FormFieldLabel = ({
-  classNames,
-  label,
-  error,
-  readonly,
-  asChild,
-  path,
-  button,
-  onClick,
-}: FormFieldLabelProps) => {
-  const tooltips = useFormTooltips();
-  const Label = readonly || asChild ? 'span' : Input.Label;
-  const labelNode = <Label className={mx(inputTextLabel, 'text-sm')}>{label}</Label>;
-
-  return (
-    <div
-      className={mx('grid grid-cols-[1fr_auto_auto] items-center select-none', onClick && 'cursor-pointer', classNames)}
-      onClick={onClick}
-    >
-      {tooltips && path ? (
-        <Tooltip.Trigger asChild content={path} side='bottom'>
-          {labelNode}
-        </Tooltip.Trigger>
-      ) : (
-        labelNode
-      )}
-      {error ? (
-        <Tooltip.Trigger asChild content={error} side='bottom'>
-          <Icon icon='ph--warning--regular' size={4} classNames='text-error-text' />
-        </Tooltip.Trigger>
-      ) : (
-        <span />
-      )}
-      {button}
-    </div>
-  );
-};
-
-FormFieldLabel.displayName = 'Form.FieldLabel';
-
-//
-// FormFieldWrapper
-//
-
-export type FormFieldWrapperProps<T = any> = Pick<
-  FormFieldComponentProps,
-  'readonly' | 'label' | 'layout' | 'getStatus' | 'getValue' | 'jsonPath' | 'format'
-> & {
-  children?: (props: { value: T }) => ReactNode;
-};
-
-/**
- * Formats a value for `static` (read-only, plain-DOM) presentation based on its
- * type `format`. Dates/times are rendered human-readable; everything else falls
- * back to `String(value)`.
- */
-const formatStaticValue = (value: unknown, format?: Format.TypeFormat): string => {
-  if (value == null) {
-    return '';
-  }
-
-  switch (format) {
-    case Format.TypeFormat.DateTime:
-    case Format.TypeFormat.Date:
-    case Format.TypeFormat.Time: {
-      const date = new Date(value as string);
-      if (Number.isNaN(date.getTime())) {
-        return String(value);
-      }
-      const pattern = format === Format.TypeFormat.DateTime ? 'PPp' : format === Format.TypeFormat.Date ? 'PP' : 'p';
-      return formatDate(date, pattern);
-    }
-    default:
-      return String(value);
-  }
-};
-
-export const FormFieldWrapper = <T,>(props: FormFieldWrapperProps<T>) => {
-  const { children, readonly, layout, label, jsonPath, format, getStatus, getValue } = props;
-  const { status, error } = getStatus();
-
-  const value = getValue();
-  if (layout === 'static' && value == null) {
-    return null;
-  }
-
-  const str = formatStaticValue(value, format);
-
-  return (
-    <div className='contents'>
-      <Input.Root validationValence={status}>
-        {layout !== 'inline' && <FormFieldLabel error={error} readonly={readonly} label={label} path={jsonPath} />}
-        {layout === 'static' ? (
-          <p className='truncate min-w-0' title={str}>
-            {str}
-          </p>
-        ) : children ? (
-          children({ value })
-        ) : null}
-        {layout === 'full' && error && (
-          <Input.DescriptionAndValidation>
-            <Input.Validation>{error}</Input.Validation>
-          </Input.DescriptionAndValidation>
-        )}
-      </Input.Root>
-    </div>
-  );
-};
-
-//
-// FormFieldErrorBoundary
-//
-
-type FormFieldErrorState = {
-  error: Error | undefined;
-};
-
-type FormFieldErrorBoundaryProps = PropsWithChildren<{
-  path?: (string | number)[];
-}>;
-
-export class FormFieldErrorBoundary extends Component<FormFieldErrorBoundaryProps, FormFieldErrorState> {
-  static getDerivedStateFromError(error: Error): { error: Error } {
-    return { error };
-  }
-
-  override state = { error: undefined };
-
-  override componentDidUpdate(prevProps: FormFieldErrorBoundaryProps) {
-    if (prevProps.path !== this.props.path) {
-      this.resetError();
-    }
-  }
-
-  override render() {
-    if (this.state.error) {
-      return (
-        <div className='flex gap-2 border border-rose-bg font-mono text-sm'>
-          <span className='bg-rose-bg text-base-fg px-1 font-thin'>ERROR</span>
-          {String(this.props.path?.join('.'))}
-        </div>
-      );
-    }
-
-    return this.props.children;
-  }
-
-  private resetError() {
-    this.setState({ error: undefined });
-  }
-}