@dxos/react-ui-form 0.8.4-main.72ec0f3 → 0.8.4-main.7996785055

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

@@ -1,21 +1,33 @@
 import type * as Schema from 'effect/Schema';
 import React from 'react';
-import { type ThemedClassName } from '@dxos/react-ui';
-import { type QueryTag } from '../../hooks';
+import { type Palette, type ThemedClassName } from '@dxos/react-ui';
+import { type FormFieldMap } from '../Form/FormFieldComponent';
+export type RefOption = {
+    id: string;
+    label: string;
+    hue?: Palette;
+};
 export type ObjectPickerContentProps = ThemedClassName<{
-    options: QueryTag[];
+    options: RefOption[];
     selectedIds?: string[];
-    createSchema?: Schema.Schema.AnyNoContext;
     createOptionLabel?: [string, {
         ns: string;
     }];
     createOptionIcon?: string;
+    createSchema?: Schema.Schema.AnyNoContext;
     createInitialValuePath?: string;
-    onSelect: (id: string) => void;
+    createFieldMap?: FormFieldMap;
     onCreate?: (values: any) => void;
+    onSelect: (id: string) => void;
 }>;
 export declare const ObjectPicker: {
-    Root: ({ modal, modalId: propsModalId, open: propsOpen, defaultOpen, onOpenChange: propsOnOpenChange, value: propsValue, defaultValue, onValueChange: propsOnValueChange, placeholder, children, }: import("@dxos/react-ui-searchlist").ComboboxRootProps) => React.JSX.Element;
+    Root: ({ modal, modalId: propsModalId, open: propsOpen, defaultOpen, onOpenChange: propsOnOpenChange, value: propsValue, defaultValue, onValueChange: propsOnValueChange, placeholder, children, }: import("@dxos/react-ui-search").ComboboxRootProps) => React.JSX.Element;
+    Portal: {
+        (props: import("@dxos/react-ui").PopoverPortalProps & {
+            __scopePopover?: import("@radix-ui/react-context").Scope;
+        }): React.JSX.Element;
+        displayName: string;
+    };
     Trigger: React.ForwardRefExoticComponent<Omit<import("@dxos/react-ui").ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     VirtualTrigger: {
         (props: import("@dxos/react-ui").PopoverVirtualTriggerProps & {
@@ -24,18 +36,19 @@ export declare const ObjectPicker: {
         displayName: string;
     };
     Content: React.ForwardRefExoticComponent<Omit<{
-        options: QueryTag[];
+        options: RefOption[];
         selectedIds?: string[];
-        createSchema?: Schema.Schema.AnyNoContext;
         createOptionLabel?: [string, {
             ns: string;
         }];
         createOptionIcon?: string;
+        createSchema?: Schema.Schema.AnyNoContext;
         createInitialValuePath?: string;
-        onSelect: (id: string) => void;
+        createFieldMap?: FormFieldMap;
         onCreate?: (values: any) => void;
+        onSelect: (id: string) => void;
     }, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
 };
 //# sourceMappingURL=ObjectPicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectPicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/ObjectPicker/ObjectPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;AAC7C,OAAO,KAA0F,MAAM,OAAO,CAAC;AAE/G,OAAO,EAAiB,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAGrF,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAI5C,MAAM,MAAM,wBAAwB,GAAG,eAAe,CAAC;IACrD,OAAO,EAAE,QAAQ,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;IAC1C,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC,CAAC,CAAC;AAoIH,eAAO,MAAM,YAAY;;;;;0BA/F+E,CAAC;;;;;iBA7C9F,QAAQ,EAAE;sBACL,MAAM,EAAE;uBACP,MAAM,CAAC,MAAM,CAAC,YAAY;4BACrB,CAAC,MAAM,EAAE;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC;2BACzB,MAAM;iCACA,MAAM;kBACrB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;mBACnB,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI;;;;CA0IjC,CAAC"}
+{"version":3,"file":"ObjectPicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/ObjectPicker/ObjectPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAgE,MAAM,OAAO,CAAC;AAErF,OAAO,EAAE,KAAK,OAAO,EAAW,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAK7F,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,eAAe,CAAC;IACrD,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;IAC1C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC,CAAC;AAqJH,eAAO,MAAM,YAAY;;;;0BAjHb,CAAC;;;;;;;0BAiBH,CAAV;;;;;iBA9DW,SAAS,EAAE;sBACN,MAAM,EAAE;4BACF,CAAC,MAAM,EAAE;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE,CAAC;2BACzB,MAAM;uBACV,MAAM,CAAC,MAAM,CAAC,YAAY;iCAChB,MAAM;yBACd,YAAY;mBAClB,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI;kBACtB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;;;;CA4J/B,CAAC"}

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

@@ -11,11 +11,11 @@ declare const meta: {
         };
         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 'add property button': "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";
@@ -31,7 +31,12 @@ declare const meta: {
                     readonly 'ref field combobox input placeholder': "Search…";
                     readonly 'ref field placeholder_one': "Select…";
                     readonly 'ref field placeholder_other': "Select items…";
-                    readonly 'save button': "Save";
+                    readonly 'create option label': "Create";
+                    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";
@@ -67,8 +72,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.";
                 };
             };
         }];

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectPicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ObjectPicker/ObjectPicker.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAoD,MAAM,OAAO,CAAC;AA2FzE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgB2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAqFtB,CAAC"}
+{"version":3,"file":"ObjectPicker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ObjectPicker/ObjectPicker.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAAoD,MAAM,OAAO,CAAC;AA4FzE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgB2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAuFtB,CAAC"}

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

@@ -0,0 +1,58 @@
+import React, { type PropsWithChildren } from 'react';
+import { type ButtonProps, type Label, type ThemedClassName } from '@dxos/react-ui';
+type SettingsSectionProps = PropsWithChildren<{
+    title: Label;
+    description?: Label;
+}>;
+type SettingsGroupProps = ThemedClassName<PropsWithChildren>;
+type SettingsItemProps = PropsWithChildren<{
+    title: Label;
+    description?: Label;
+}>;
+export declare const Settings: {
+    Root: React.ForwardRefExoticComponent<Omit<{}, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        className?: string;
+        children?: React.ReactNode;
+        role?: string;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Section: {
+        ({ title, description, children }: SettingsSectionProps): React.JSX.Element;
+        displayName: string;
+    };
+    SectionHeading: {
+        ({ title, description }: Omit<SettingsSectionProps, "children">): React.JSX.Element;
+        displayName: string;
+    };
+    Group: {
+        ({ children, classNames }: SettingsGroupProps): React.JSX.Element;
+        displayName: string;
+    };
+    GroupButton: {
+        ({ classNames, ...props }: ButtonProps): React.JSX.Element;
+        displayName: string;
+    };
+    Container: {
+        ({ classNames, children }: ThemedClassName<PropsWithChildren>): React.JSX.Element;
+        displayName: string;
+    };
+    Frame: {
+        ({ children }: SettingsGroupProps): React.JSX.Element;
+        displayName: string;
+    };
+    FrameItem: {
+        ({ title, description, children }: SettingsItemProps): React.JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ title, description, children }: SettingsItemProps): React.JSX.Element;
+        displayName: string;
+    };
+    ItemInput: {
+        ({ title, description, children }: SettingsItemProps): React.JSX.Element;
+        displayName: string;
+    };
+};
+export {};
+//# sourceMappingURL=Settings.d.ts.map

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

@@ -0,0 +1 @@
+{"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,EAEL,KAAK,WAAW,EAEhB,KAAK,KAAK,EAEV,KAAK,eAAe,EAGrB,MAAM,gBAAgB,CAAC;AA+CxB,KAAK,oBAAoB,GAAG,iBAAiB,CAAC;IAC5C,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC,CAAC;AA2CH,KAAK,kBAAkB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAkE7D,KAAK,iBAAiB,GAAG,iBAAiB,CAAC;IACzC,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC,CAAC;AA8CH,eAAO,MAAM,QAAQ;;;;;;;;;2CA5JsC,oBAAoB;;;;iCAevB,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;;;;mCA4B7C,kBAAkB;;;;mCAZZ,WAAW;;;;mCAsDb,eAAe,CAAC,iBAAiB,CAAC;;;;uBA9BlD,kBAAkB;;;;2CAYM,iBAAiB;;;;2CA6CjB,iBAAiB;;;;2CAoBZ,iBAAiB;;;CAmClF,CAAC"}

package/dist/types/src/components/{Form/custom/SelectOptionsInput.stories.d.ts → Settings/Settings.stories.d.ts}

@@ -2,18 +2,17 @@ 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: {
         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 'add property button': "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";
@@ -29,7 +28,12 @@ declare const meta: {
                     readonly 'ref field combobox input placeholder': "Search…";
                     readonly 'ref field placeholder_one': "Select…";
                     readonly 'ref field placeholder_other': "Select items…";
-                    readonly 'save button': "Save";
+                    readonly 'create option label': "Create";
+                    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";
@@ -65,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.";
                 };
             };
         }];
@@ -75,4 +79,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-//# sourceMappingURL=SelectOptionsInput.stories.d.ts.map
+//# sourceMappingURL=Settings.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"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;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAoC1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQM,CAAC;AAEjB,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/Settings/index.d.ts

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

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

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

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

@@ -1,34 +1,32 @@
 import * as Schema from 'effect/Schema';
 import React from 'react';
-import { QueryAST } from '@dxos/echo';
-import { type SchemaRegistry } from '@dxos/echo-db';
+import { QueryAST, type SchemaRegistry } from '@dxos/echo';
+import { View } from '@dxos/echo';
 import { type ThemedClassName } from '@dxos/react-ui';
 import { type QueryFormProps } from '@dxos/react-ui-components';
-import { ProjectionModel, type View } from '@dxos/schema';
-import { type FormProps } from '../Form';
+import { ProjectionModel } from '@dxos/schema';
+import { type FormRootProps } from '../Form';
 export type ViewEditorProps = ThemedClassName<{
     schema: Schema.Schema.AnyNoContext;
     view: View.View;
-    mode?: 'schema' | 'query' | 'named-query';
-    registry?: SchemaRegistry;
-    readonly?: boolean;
+    mode?: 'schema' | 'tag';
+    registry?: SchemaRegistry.SchemaRegistry;
     showHeading?: boolean;
     onQueryChanged?: (query: QueryAST.Query, target?: string) => void;
     onDelete?: (fieldId: string) => void;
-} & Pick<FormProps<any>, 'outerSpacing'> & Pick<QueryFormProps, 'types' | 'tags'>>;
+} & Pick<QueryFormProps, 'types' | 'tags'> & Pick<FormRootProps<any>, 'readonly' | 'db'>>;
 /**
  * Schema-based object form.
  */
 export declare const ViewEditor: React.ForwardRefExoticComponent<Omit<{
     schema: Schema.Schema.AnyNoContext;
     view: View.View;
-    mode?: "schema" | "query" | "named-query";
-    registry?: SchemaRegistry;
-    readonly?: boolean;
+    mode?: "schema" | "tag";
+    registry?: SchemaRegistry.SchemaRegistry;
     showHeading?: boolean;
     onQueryChanged?: (query: QueryAST.Query, target?: string) => void;
     onDelete?: (fieldId: string) => void;
-} & Pick<FormProps<any>, "outerSpacing"> & Pick<QueryFormProps, "types" | "tags">, "className"> & {
-    classNames?: import("@dxos/react-ui-types").ClassNameValue;
+} & Pick<QueryFormProps, "types" | "tags"> & Pick<FormRootProps<any>, "readonly" | "db">, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
 } & React.RefAttributes<ProjectionModel>>;
 //# 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":"AAOA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAO,KAA0E,MAAM,OAAO,CAAC;AAE/F,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAO,EAA8B,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAClG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAI3E,OAAO,EAGL,eAAe,EAEf,KAAK,IAAI,EAEV,MAAM,cAAc,CAAC;AAItB,OAAO,EAAQ,KAAK,SAAS,EAAqD,MAAM,SAAS,CAAC;AAKlG,MAAM,MAAM,eAAe,GAAG,eAAe,CAC3C;IACE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;IACnC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;IAC1C,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,GACtC,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC,CACzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU;YAfX,MAAM,CAAC,MAAM,CAAC,YAAY;UAC5B,IAAI,CAAC,IAAI;WACR,QAAQ,GAAG,OAAO,GAAG,aAAa;eAC9B,cAAc;eACd,OAAO;kBACJ,OAAO;qBACJ,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI;eACtD,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI;;;yCAgRvC,CAAC"}
+{"version":3,"file":"ViewEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/ViewEditor/ViewEditor.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAO,KAAsF,MAAM,OAAO,CAAC;AAE3G,OAAO,EAA4C,QAAQ,EAAO,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC1G,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAIlC,OAAO,EAA8B,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAClG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3E,OAAO,EAEL,eAAe,EAIhB,MAAM,cAAc,CAAC;AAKtB,OAAO,EAML,KAAK,aAAa,EACnB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,eAAe,GAAG,eAAe,CAC3C;IACE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;IACnC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACxB,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC,GACxC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAC9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU;YAdX,MAAM,CAAC,MAAM,CAAC,YAAY;UAC5B,IAAI,CAAC,IAAI;WACR,QAAQ,GAAG,KAAK;eACZ,cAAc,CAAC,cAAc;kBAC1B,OAAO;qBACJ,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI;eACtD,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI;;;yCAyKvC,CAAC"}

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

@@ -1,27 +1,28 @@
 import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
+import { type View } from '@dxos/echo';
 import { type EchoSchema } from '@dxos/echo/internal';
-import { type ProjectionModel, View } from '@dxos/schema';
+import { type ProjectionModel } from '@dxos/schema';
 import { type ViewEditorProps } from './ViewEditor';
 export type ViewEditorDebugObjects = {
     schema: EchoSchema;
     view: View.View;
     projection: ProjectionModel;
 };
-type StoryProps = Pick<ViewEditorProps, 'readonly' | 'mode'>;
+type DefaultStoryProps = Pick<ViewEditorProps, 'readonly' | 'mode'>;
 declare const meta: {
     title: string;
-    render: (props: StoryProps) => React.JSX.Element;
+    render: (props: DefaultStoryProps) => 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 'add property button': "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,7 +38,12 @@ declare const meta: {
                     readonly 'ref field combobox input placeholder': "Search…";
                     readonly 'ref field placeholder_one': "Select…";
                     readonly 'ref field placeholder_other': "Select items…";
-                    readonly 'save button': "Save";
+                    readonly 'create option label': "Create";
+                    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";
@@ -73,8 +79,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.";
                 };
             };
         }];
@@ -84,5 +90,5 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Readonly: Story;
-export declare const QueryMode: Story;
+export declare const TagQueryMode: Story;
 //# sourceMappingURL=ViewEditor.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ViewEditor.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ViewEditor/ViewEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,OAAO,EAAE,KAAK,UAAU,EAAU,MAAM,qBAAqB,CAAC;AAK9D,OAAO,EAAE,KAAK,eAAe,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AAMhF,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAWhE,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;IAChB,UAAU,EAAE,eAAe,CAAC;CAC7B,CAAC;AAEF,KAAK,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;AA8H7D,QAAA,MAAM,IAAI;;oBA5HmB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+IF,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}
+{"version":3,"file":"ViewEditor.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ViewEditor/ViewEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,KAAK,UAAU,EAAwB,MAAM,qBAAqB,CAAC;AAK5E,OAAO,EAAE,KAAK,eAAe,EAAmC,MAAM,cAAc,CAAC;AAMrF,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAWhE,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;IAChB,UAAU,EAAE,eAAe,CAAC;CAC7B,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;AA+HpE,QAAA,MAAM,IAAI;;oBA7HmB,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiJT,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC"}

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

@@ -1,6 +1,6 @@
-export * from './ControlSection';
 export * from './FieldEditor';
 export * from './Form';
 export * from './ObjectPicker';
+export * from './Settings';
 export * from './ViewEditor';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"}

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

@@ -4,8 +4,6 @@ type TestLayoutProps = ThemedClassName<PropsWithChildren<{
     json?: any;
 }>>;
 export declare const TestLayout: ({ classNames, children, json }: TestLayoutProps) => React.JSX.Element;
-type TestPanelProps = ThemedClassName<PropsWithChildren>;
-export declare const TestPanel: ({ classNames, children }: TestPanelProps) => React.JSX.Element;
 export declare const VIEW_EDITOR_DEBUG_SYMBOL: unique symbol;
 export declare const FIELD_EDITOR_DEBUG_SYMBOL: unique symbol;
 export {};

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

@@ -1 +1 @@
-{"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;AAEtD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,KAAK,eAAe,GAAG,eAAe,CAAC,iBAAiB,CAAC;IAAE,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,CAAC,CAAC;AAE1E,eAAO,MAAM,UAAU,GAAI,gCAAgC,eAAe,sBAOzE,CAAC;AAEF,KAAK,cAAc,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAEzD,eAAO,MAAM,SAAS,GAAI,0BAA0B,cAAc,sBAEjE,CAAC;AAGF,eAAO,MAAM,wBAAwB,eAA4B,CAAC;AAClE,eAAO,MAAM,yBAAyB,eAA6B,CAAC"}
+{"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;AAEtD,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAI9D,KAAK,eAAe,GAAG,eAAe,CAAC,iBAAiB,CAAC;IAAE,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,CAAC,CAAC;AAE1E,eAAO,MAAM,UAAU,GAAI,gCAAgC,eAAe,sBAazE,CAAC;AAaF,eAAO,MAAM,wBAAwB,eAA4B,CAAC;AAClE,eAAO,MAAM,yBAAyB,eAA6B,CAAC"}

package/dist/types/src/hooks/index.d.ts

@@ -1,4 +1,3 @@
-export * from './useForm';
-export * from './useRefQueryLookupHandler';
-export * from './useQueryRefOptions';
+export * from './useFormHandler';
+export * from './useKeyHandler';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC;AAC1B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC"}

package/dist/types/src/hooks/useFormHandler.d.ts

@@ -0,0 +1,82 @@
+import type * as Schema from 'effect/Schema';
+import type * as SchemaAST from 'effect/SchemaAST';
+import { type AnyProperties } from '@dxos/echo/internal';
+import { type JsonPath } from '@dxos/effect';
+import { type ValidationError } from '@dxos/schema';
+import { type MaybePromise } from '@dxos/util';
+export type FormFieldStatus = {
+    status?: 'error';
+    error?: string;
+};
+/**
+ * Form properties.
+ */
+export interface FormHandlerProps<T extends AnyProperties> {
+    /**
+     * Effect schema (Type literal).
+     */
+    schema?: Schema.Schema<T, any>;
+    /**
+     * Values for the form if controlled.
+     */
+    values?: Partial<T>;
+    /**
+     * Default values for the form which will be used if values is not provided.
+     */
+    defaultValues?: Partial<T>;
+    /**
+     * Auto-save the form when the values change.
+     */
+    autoSave?: boolean;
+    /**
+     * Callback for value changes. Note: This is called even when values are invalid.
+     * Sometimes the parent component may want to know about changes even if the form is
+     * in an invalid state.
+     */
+    onValuesChanged?: (values: Partial<T>, meta: FormUpdateMeta<T>) => void;
+    /**
+     * Custom validation function that runs only after schema validation passes.
+     * Use this for complex validation logic that can't be expressed in the schema.
+     * @returns Array of validation errors, or undefined if validation passes
+     */
+    onValidate?: (values: T) => ValidationError[] | undefined;
+    /**
+     * Called when the form is submitted and passes validation.
+     */
+    onSave?: (values: T, meta: FormUpdateMeta<T>) => MaybePromise<void>;
+    /**
+     * Called when the form is canceled.
+     */
+    onCancel?: () => void;
+}
+export type FormUpdateMeta<T extends AnyProperties> = {
+    changed: FormHandler<T>['changed'];
+    isValid: boolean;
+};
+/**
+ * Form handler properties and methods.
+ */
+export type FormHandler<T extends AnyProperties> = Pick<FormHandlerProps<T>, 'schema' | 'autoSave'> & {
+    /** Initial values (which may not pass validation). */
+    values: Partial<T>;
+    /** Map of changed fields. */
+    changed: Record<JsonPath, boolean>;
+    touched: Record<JsonPath, boolean>;
+    /** Map of error strings. */
+    errors: Record<JsonPath, string>;
+    /** Whether the form can be saved (i.e., data is valid). */
+    isValid: boolean;
+    canSave: boolean;
+    onSave: () => void;
+    onCancel: () => void;
+    getStatus: (path: string | (string | number)[]) => FormFieldStatus;
+    getValue: <V>(path: (string | number)[]) => V | undefined;
+    onBlur: (path: (string | number)[]) => void;
+    onValueChange: <V>(path: (string | number)[], type: SchemaAST.AST, value: V) => void;
+};
+/**
+ * Creates a hook for managing form state, including values, validation, and submission.
+ * Deeply integrated with `@dxos/schema` for schema-based validation.
+ */
+export declare const useFormHandler: <T extends AnyProperties>({ schema, autoSave, values: valuesProp, defaultValues: defaultValuesProp, onValuesChanged, onValidate, onSave, onCancel, ...props }: FormHandlerProps<T>) => FormHandler<T>;
+//# sourceMappingURL=useFormHandler.d.ts.map

package/dist/types/src/hooks/useFormHandler.d.ts.map

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

package/dist/types/src/hooks/useKeyHandler.d.ts

@@ -0,0 +1,6 @@
+import { type FormHandler } from './useFormHandler';
+/**
+ * Key handler.
+ */
+export declare const useKeyHandler: (formElement: HTMLDivElement | null, form: FormHandler<any>) => void;
+//# sourceMappingURL=useKeyHandler.d.ts.map

package/dist/types/src/hooks/useKeyHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyHandler.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useKeyHandler.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,aAAa,cAAc,GAAG,IAAI,EAAE,MAAM,WAAW,CAAC,GAAG,CAAC,SAuBvF,CAAC"}

package/dist/types/src/translations.d.ts

@@ -1,11 +1,11 @@
-export declare const translationKey = "react-ui-form";
+export declare const translationKey = "@dxos/react-ui-form";
 export declare const 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 'add property button': "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";
@@ -21,7 +21,12 @@ export declare const translations: [{
             readonly 'ref field combobox input placeholder': "Search…";
             readonly 'ref field placeholder_one': "Select…";
             readonly 'ref field placeholder_other': "Select items…";
-            readonly 'save button': "Save";
+            readonly 'create option label': "Create";
+            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";
@@ -57,8 +62,8 @@ export declare const translations: [{
             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.";
         };
     };
 }];

package/dist/types/src/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,kBAAkB,CAAC;AAE9C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6EM,CAAC"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,wBAAwB,CAAC;AAEpD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFM,CAAC"}

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

@@ -1,4 +1,4 @@
-import { FormatEnum, TypeEnum } from '@dxos/echo/internal';
+import { Format, TypeEnum } from '@dxos/echo/internal';
 import { type ValidationError } from '@dxos/schema';
 /**
  * Parse value by field value type.
@@ -8,13 +8,13 @@ import { type ValidationError } from '@dxos/schema';
  */
 export type ParseProps = {
     type?: TypeEnum;
-    format?: FormatEnum;
+    format?: Format.TypeFormat;
     value: any;
 };
 export declare const parseValue: ({ type, format, value }: ParseProps) => any;
 export type CellClassesForFieldTypeProps = {
     type?: TypeEnum;
-    format?: FormatEnum;
+    format?: Format.TypeFormat;
 };
 export declare const cellClassesForFieldType: ({ type, format }: CellClassesForFieldTypeProps) => string[] | undefined;
 export declare const pathNotUniqueError: (path: string) => ValidationError;

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

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../../src/util/field.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAe,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,yBAAyB,UAAU,QAsF7D,CAAC;AAGF,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,kBAAkB,4BAA4B,KAAG,MAAM,EAAE,GAAG,SAyBnG,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,MAAM,MAAM,KAAG,eAGhD,CAAC"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../../src/util/field.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAe,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC;IAC3B,KAAK,EAAE,GAAG,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,yBAAyB,UAAU,QAsF7D,CAAC;AAGF,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,kBAAkB,4BAA4B,KAAG,MAAM,EAAE,GAAG,SAyBnG,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,MAAM,MAAM,KAAG,eAGhD,CAAC"}

package/dist/types/src/util/formatting.d.ts

@@ -1,7 +1,7 @@
-import { FormatEnum, TypeEnum } from '@dxos/echo/internal';
+import { Format, TypeEnum } from '@dxos/echo/internal';
 type ValueFormatProps = {
     type: TypeEnum;
-    format?: FormatEnum | undefined;
+    format?: Format.TypeFormat | undefined;
     value: any;
     locale?: string | undefined;
 };

package/dist/types/src/util/formatting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatting.d.ts","sourceRoot":"","sources":["../../../../src/util/formatting.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAe,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAExE,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B,CAAC;AAEF;;;GAGG;AAGH,eAAO,MAAM,gBAAgB,GAAI,iCAA6C,gBAAgB,KAAG,MAqFhG,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,iCAA6C,gBAAgB,KAAG,MA8DhG,CAAC"}
+{"version":3,"file":"formatting.d.ts","sourceRoot":"","sources":["../../../../src/util/formatting.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,MAAM,EAAe,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpE,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC,UAAU,GAAG,SAAS,CAAC;IACvC,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B,CAAC;AAEF;;;GAGG;AAGH,eAAO,MAAM,gBAAgB,GAAI,iCAA6C,gBAAgB,KAAG,MAqFhG,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,iCAA6C,gBAAgB,KAAG,MA8DhG,CAAC"}