@dxos/react-ui-form 0.8.4-main.f9ba587 → 0.8.4-main.fcfe5033a5

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"}

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

@@ -0,0 +1,9 @@
+import * as Schema from 'effect/Schema';
+import React from 'react';
+import { Obj } from '@dxos/echo';
+export type ObjectFormProps = {
+    schema: Schema.Schema.AnyNoContext;
+    object: Obj.Unknown;
+};
+export declare const ObjectForm: ({ object, schema }: ObjectFormProps) => React.JSX.Element;
+//# sourceMappingURL=ObjectForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/ObjectForm/ObjectForm.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAO,GAAG,EAAkB,MAAM,YAAY,CAAC;AAStD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;IACnC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC;CACrB,CAAC;AAeF,eAAO,MAAM,UAAU,GAAI,oBAAoB,eAAe,sBA8E7D,CAAC"}

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

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

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

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

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

@@ -0,0 +1,54 @@
+import type * as Schema from 'effect/Schema';
+import React from 'react';
+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: RefOption[];
+    selectedIds?: string[];
+    createOptionLabel?: [string, {
+        ns: string;
+    }];
+    createOptionIcon?: string;
+    createSchema?: Schema.Schema.AnyNoContext;
+    createInitialValuePath?: string;
+    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-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 & {
+            __scopePopover?: import("@radix-ui/react-context").Scope;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+    Content: React.ForwardRefExoticComponent<Omit<{
+        options: RefOption[];
+        selectedIds?: string[];
+        createOptionLabel?: [string, {
+            ns: string;
+        }];
+        createOptionIcon?: string;
+        createSchema?: Schema.Schema.AnyNoContext;
+        createInitialValuePath?: string;
+        createFieldMap?: FormFieldMap;
+        onCreate?: (values: any) => void;
+        onSelect: (id: string) => void;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=ObjectPicker.d.ts.map

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

@@ -0,0 +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,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;;;;;;;0BAgB0F,CAAC;;;;;iBA7D7F,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

@@ -0,0 +1,86 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    render: () => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+        controls: {
+            disable: boolean;
+        };
+        translations: [{
+            readonly 'en-US': {
+                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.label': "Add property";
+                    readonly 'field-property.label': "Property";
+                    readonly 'field-property.placeholder': "Property name";
+                    readonly 'field-format.label': "Type";
+                    readonly 'field-path.label': "Field path";
+                    readonly 'add-field.button': "Add field";
+                    readonly 'boolean-input-true.value': "Yes";
+                    readonly 'boolean-input-false.value': "No";
+                    readonly 'show-field.label': "Show field";
+                    readonly 'hide-field.label': "Hide field";
+                    readonly 'delete-field.label': "Delete field";
+                    readonly 'ref-field-combobox-input.placeholder': "Search…";
+                    readonly 'ref-field.placeholder': "Select…";
+                    readonly 'ref-field.placeholder_one': "Select…";
+                    readonly 'ref-field.placeholder_other': "Select items…";
+                    readonly 'create-option.label': "Create";
+                    readonly 'add-tag.label': "Add tag";
+                    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.label': "Boolean";
+                    readonly 'format.currency.label': "Currency";
+                    readonly 'format.date.label': "Date";
+                    readonly 'format.date-time.label': "DateTime";
+                    readonly 'format.did.label': "DID";
+                    readonly 'format.duration.label': "Duration";
+                    readonly 'format.dxn.label': "DXN";
+                    readonly 'format.email.label': "Email";
+                    readonly 'format.formula.label': "Formula";
+                    readonly 'format.hostname.label': "Hostname";
+                    readonly 'format.integer.label': "Integer";
+                    readonly 'format.json.label': "JSON";
+                    readonly 'format.lnglat.label': "Geopoint";
+                    readonly 'format.markdown.label': "Markdown";
+                    readonly 'format.percent.label': "Percent";
+                    readonly 'format.ref.label': "Reference";
+                    readonly 'format.regex.label': "RegExp";
+                    readonly 'format.string.label': "String";
+                    readonly 'format.single-select.label': "Select";
+                    readonly 'format.multi-select.label': "Multi-select";
+                    readonly 'format.text.label': "Long text";
+                    readonly 'format.time.label': "Time";
+                    readonly 'format.timestamp.label': "Timestamp";
+                    readonly 'format.user.label': "User";
+                    readonly 'format.number.label': "Number";
+                    readonly 'format.uri.label': "URI";
+                    readonly 'format.url.label': "URL";
+                    readonly 'format.uuid.label': "UUID";
+                    readonly 'latitude.label': "Latitude";
+                    readonly 'longitude.label': "Longitude";
+                    readonly 'select-option.label': "Label";
+                    readonly 'select-option-label.placeholder': "Option label";
+                    readonly 'select-option-delete.button': "Delete";
+                    readonly 'select-option-add.button': "Add option";
+                    readonly 'system-schema.title': "System type";
+                    readonly 'system-schema.description': "System type: cannot add or remove fields.";
+                    readonly 'remove.button': "Remove";
+                };
+            };
+        }];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithTest: Story;
+//# sourceMappingURL=ObjectPicker.stories.d.ts.map

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

@@ -0,0 +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,KAuFtB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,9 @@
+import React, { type PropsWithChildren } from 'react';
+import { Obj } from '@dxos/echo';
+export type ObjectPropertiesProps = PropsWithChildren<{
+    object: Obj.Unknown;
+}>;
+export declare const ObjectProperties: React.ForwardRefExoticComponent<Omit<ObjectPropertiesProps, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & Pick<React.HTMLAttributes<Element>, "style" | "children" | "className" | "role"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ObjectProperties.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectProperties.d.ts","sourceRoot":"","sources":["../../../../../src/components/ObjectProperties/ObjectProperties.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAO,GAAG,EAAkB,MAAM,YAAY,CAAC;AAUtD,MAAM,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;IAAE,MAAM,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,CAAC,CAAC;AAG/E,eAAO,MAAM,gBAAgB;;2HAwF5B,CAAC"}

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

@@ -0,0 +1,83 @@
+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 "@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.label': "Add property";
+                    readonly 'field-property.label': "Property";
+                    readonly 'field-property.placeholder': "Property name";
+                    readonly 'field-format.label': "Type";
+                    readonly 'field-path.label': "Field path";
+                    readonly 'add-field.button': "Add field";
+                    readonly 'boolean-input-true.value': "Yes";
+                    readonly 'boolean-input-false.value': "No";
+                    readonly 'show-field.label': "Show field";
+                    readonly 'hide-field.label': "Hide field";
+                    readonly 'delete-field.label': "Delete field";
+                    readonly 'ref-field-combobox-input.placeholder': "Search…";
+                    readonly 'ref-field.placeholder': "Select…";
+                    readonly 'ref-field.placeholder_one': "Select…";
+                    readonly 'ref-field.placeholder_other': "Select items…";
+                    readonly 'create-option.label': "Create";
+                    readonly 'add-tag.label': "Add tag";
+                    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.label': "Boolean";
+                    readonly 'format.currency.label': "Currency";
+                    readonly 'format.date.label': "Date";
+                    readonly 'format.date-time.label': "DateTime";
+                    readonly 'format.did.label': "DID";
+                    readonly 'format.duration.label': "Duration";
+                    readonly 'format.dxn.label': "DXN";
+                    readonly 'format.email.label': "Email";
+                    readonly 'format.formula.label': "Formula";
+                    readonly 'format.hostname.label': "Hostname";
+                    readonly 'format.integer.label': "Integer";
+                    readonly 'format.json.label': "JSON";
+                    readonly 'format.lnglat.label': "Geopoint";
+                    readonly 'format.markdown.label': "Markdown";
+                    readonly 'format.percent.label': "Percent";
+                    readonly 'format.ref.label': "Reference";
+                    readonly 'format.regex.label': "RegExp";
+                    readonly 'format.string.label': "String";
+                    readonly 'format.single-select.label': "Select";
+                    readonly 'format.multi-select.label': "Multi-select";
+                    readonly 'format.text.label': "Long text";
+                    readonly 'format.time.label': "Time";
+                    readonly 'format.timestamp.label': "Timestamp";
+                    readonly 'format.user.label': "User";
+                    readonly 'format.number.label': "Number";
+                    readonly 'format.uri.label': "URI";
+                    readonly 'format.url.label': "URL";
+                    readonly 'format.uuid.label': "UUID";
+                    readonly 'latitude.label': "Latitude";
+                    readonly 'longitude.label': "Longitude";
+                    readonly 'select-option.label': "Label";
+                    readonly 'select-option-label.placeholder': "Option label";
+                    readonly 'select-option-delete.button': "Delete";
+                    readonly 'select-option-add.button': "Add option";
+                    readonly 'system-schema.title': "System type";
+                    readonly 'system-schema.description': "System type: cannot add or remove fields.";
+                    readonly 'remove.button': "Remove";
+                };
+            };
+        }];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=ObjectProperties.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectProperties.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ObjectProperties/ObjectProperties.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AA4B1B,QAAA,MAAM,IAAI;;eAEuB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBC,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/ObjectProperties/index.d.ts

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

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

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

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

@@ -0,0 +1,43 @@
+import React, { type PropsWithChildren } from 'react';
+import { type Label, type ThemedClassName } from '@dxos/react-ui';
+type SettingsRootProps = ThemedClassName<PropsWithChildren>;
+type SettingsSectionProps = PropsWithChildren<{
+    title: Label;
+    description?: Label;
+}>;
+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>, "style" | "children" | "className" | "role"> & 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, }: 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

@@ -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,EAAE,KAAK,KAAK,EAAc,KAAK,eAAe,EAAqC,MAAM,gBAAgB,CAAC;AAejH,KAAK,iBAAiB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAAC;AA8B5D,KAAK,oBAAoB,GAAG,iBAAiB,CAAC;IAC5C,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC,CAAC;AAmBH,eAAO,MAAM,QAAQ;;mCAlD2B,iBAAiB;;;;;;;2CAiCN,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;CAwB9E,CAAC"}

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

@@ -0,0 +1,83 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    render: () => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+        translations: [{
+            readonly 'en-US': {
+                readonly "@dxos/react-ui-form": {
+                    readonly 'fields.label': "Fields";
+                    readonly 'hidden-fields.label': "Hidden Fields";
+                    readonly 'empty-readonly-ref-field.label': "(none)";
+                    readonly 'add-property-button.label': "Add property";
+                    readonly 'field-property.label': "Property";
+                    readonly 'field-property.placeholder': "Property name";
+                    readonly 'field-format.label': "Type";
+                    readonly 'field-path.label': "Field path";
+                    readonly 'add-field.button': "Add field";
+                    readonly 'boolean-input-true.value': "Yes";
+                    readonly 'boolean-input-false.value': "No";
+                    readonly 'show-field.label': "Show field";
+                    readonly 'hide-field.label': "Hide field";
+                    readonly 'delete-field.label': "Delete field";
+                    readonly 'ref-field-combobox-input.placeholder': "Search…";
+                    readonly 'ref-field.placeholder': "Select…";
+                    readonly 'ref-field.placeholder_one': "Select…";
+                    readonly 'ref-field.placeholder_other': "Select items…";
+                    readonly 'create-option.label': "Create";
+                    readonly 'add-tag.label': "Add tag";
+                    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.label': "Boolean";
+                    readonly 'format.currency.label': "Currency";
+                    readonly 'format.date.label': "Date";
+                    readonly 'format.date-time.label': "DateTime";
+                    readonly 'format.did.label': "DID";
+                    readonly 'format.duration.label': "Duration";
+                    readonly 'format.dxn.label': "DXN";
+                    readonly 'format.email.label': "Email";
+                    readonly 'format.formula.label': "Formula";
+                    readonly 'format.hostname.label': "Hostname";
+                    readonly 'format.integer.label': "Integer";
+                    readonly 'format.json.label': "JSON";
+                    readonly 'format.lnglat.label': "Geopoint";
+                    readonly 'format.markdown.label': "Markdown";
+                    readonly 'format.percent.label': "Percent";
+                    readonly 'format.ref.label': "Reference";
+                    readonly 'format.regex.label': "RegExp";
+                    readonly 'format.string.label': "String";
+                    readonly 'format.single-select.label': "Select";
+                    readonly 'format.multi-select.label': "Multi-select";
+                    readonly 'format.text.label': "Long text";
+                    readonly 'format.time.label': "Time";
+                    readonly 'format.timestamp.label': "Timestamp";
+                    readonly 'format.user.label': "User";
+                    readonly 'format.number.label': "Number";
+                    readonly 'format.uri.label': "URI";
+                    readonly 'format.url.label': "URL";
+                    readonly 'format.uuid.label': "UUID";
+                    readonly 'latitude.label': "Latitude";
+                    readonly 'longitude.label': "Longitude";
+                    readonly 'select-option.label': "Label";
+                    readonly 'select-option-label.placeholder': "Option label";
+                    readonly 'select-option-delete.button': "Delete";
+                    readonly 'select-option-add.button': "Add option";
+                    readonly 'system-schema.title': "System type";
+                    readonly 'system-schema.description': "System type: cannot add or remove fields.";
+                    readonly 'remove.button': "Remove";
+                };
+            };
+        }];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const FieldSet: Story;
+//# 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;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAmC1B,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;AA6CjC,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}

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

@@ -0,0 +1,38 @@
+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 custom field renderers.
+ */
+export type SettingsFieldMap = Record<string, React.FC<SettingsFieldProps>>;
+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. */
+    fieldMap?: SettingsFieldMap;
+    /** Control field visibility. Return false to hide a field. */
+    visible?: (path: string, values: T) => boolean;
+    /** Override the order of fields. Fields not listed are appended in schema order. */
+    sort?: string[];
+};
+export declare const SettingsFieldSet: {
+    <T extends Record<string, any>>({ schema, values, onValuesChanged, readonly, fieldMap, visible, sort, }: SettingsFieldSetProps<T>): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=SettingsFieldSet.d.ts.map

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

@@ -0,0 +1 @@
+{"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;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAE5E,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,uDAAuD;IACvD,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAE5B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC;IAE/C,oFAAoF;IACpF,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB,CAAC;AAMF,eAAO,MAAM,gBAAgB;KAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,2EAQ3D,qBAAqB,CAAC,CAAC,CAAC;;CAyC1B,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"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;AAE7D,eAAO,MAAM,aAAa;+BAA8B,kBAAkB;;CAMzE,CAAC;AAQF,KAAK,iBAAiB,GAAG,iBAAiB,CAAC;IACzC,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY;uCAA2C,iBAAiB;;CAoBpF,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './Settings';
+export { type SettingsFieldMap, type SettingsFieldProps, type SettingsFieldSetProps } from './SettingsFieldSet';
+//# 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;AAC3B,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,kBAAkB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -1,20 +1,32 @@
-import { Schema } from 'effect';
+import * as Schema from 'effect/Schema';
 import React from 'react';
-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 ViewType } from '@dxos/schema';
-import { type FormProps } from '../Form';
+import { type QueryFormProps } from '@dxos/react-ui-components';
+import { ProjectionModel } from '@dxos/schema';
+import { type FormRootProps } from '../Form';
 export type ViewEditorProps = ThemedClassName<{
     schema: Schema.Schema.AnyNoContext;
-    view: ViewType;
-    registry?: SchemaRegistry;
-    readonly?: boolean;
+    view: View.View;
+    mode?: 'schema' | 'tag';
+    registry?: SchemaRegistry.SchemaRegistry;
     showHeading?: boolean;
-    onTypenameChanged?: (typename: string) => void;
+    onQueryChanged?: (query: QueryAST.Query, target?: string) => void;
     onDelete?: (fieldId: string) => void;
-} & Pick<FormProps<any>, 'outerSpacing'>>;
+} & Pick<QueryFormProps, 'types' | 'tags'> & Pick<FormRootProps<any>, 'readonly' | 'db'>>;
 /**
  * Schema-based object form.
  */
-export declare const ViewEditor: ({ classNames, schema, view, registry, readonly: _readonly, showHeading, onTypenameChanged, onDelete, outerSpacing, }: ViewEditorProps) => React.JSX.Element;
+export declare const ViewEditor: React.ForwardRefExoticComponent<Omit<{
+    schema: Schema.Schema.AnyNoContext;
+    view: View.View;
+    mode?: "schema" | "tag";
+    registry?: SchemaRegistry.SchemaRegistry;
+    showHeading?: boolean;
+    onQueryChanged?: (query: QueryAST.Query, target?: string) => void;
+    onDelete?: (fieldId: string) => void;
+} & Pick<QueryFormProps, "tags" | "types"> & 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":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,OAAO,EAAuB,KAAK,eAAe,EAAkB,MAAM,gBAAgB,CAAC;AAI3F,OAAO,EAA+B,KAAK,QAAQ,EAAoC,MAAM,cAAc,CAAC;AAI5G,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAe/C,MAAM,MAAM,eAAe,GAAG,eAAe,CAC3C;IACE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;IACnC,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,CACzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,sHAUxB,eAAe,sBAkOjB,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"}