alinea 2.0.0-preview.13 → 2.0.0-preview.14

package/dist/components/Tree.js

@@ -5,11 +5,11 @@ import {
   $89d060d8eb451127$export$53d36ab85dc89436,
   $89d060d8eb451127$export$7fbedc92909ed28e,
   $942f06a693c162e2$export$cacbb3924155d68e
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
 import {
   $42ceafc619f9c3ba$export$fb8073518f34e6ec
-} from "../chunks/chunk-HOETF6HN.js";
+} from "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -25,44 +25,44 @@ import { useDragDrop } from "./internal/useDragDrop.js";
 
 // src/components/Tree.module.css
 var Tree_default = {
-  "Tree": "alinea-Tree",
-  "TreeItem-labelLink": "alinea-TreeItem-labelLink",
-  "TreeItemLabelLink": "alinea-TreeItem-labelLink",
+  "Tree-dropIndicator": "alinea-Tree-dropIndicator",
+  "TreeDropIndicator": "alinea-Tree-dropIndicator",
+  "TreeItem-chevron": "alinea-TreeItem-chevron",
+  "TreeItemChevron": "alinea-TreeItem-chevron",
+  "Tree-empty": "alinea-Tree-empty",
+  "TreeEmpty": "alinea-Tree-empty",
   "is-dropTarget": "alinea-is-dropTarget",
   "isDropTarget": "alinea-is-dropTarget",
-  "is-dragging": "alinea-is-dragging",
-  "isDragging": "alinea-is-dragging",
-  "TreeItem-controls": "alinea-TreeItem-controls",
-  "TreeItemControls": "alinea-TreeItem-controls",
-  "TreeItem-dragHandle": "alinea-TreeItem-dragHandle",
-  "TreeItemDragHandle": "alinea-TreeItem-dragHandle",
   "TreeItem-icon": "alinea-TreeItem-icon",
   "TreeItemIcon": "alinea-TreeItem-icon",
-  "is-invisible": "alinea-is-invisible",
-  "isInvisible": "alinea-is-invisible",
-  "Tree-empty": "alinea-Tree-empty",
-  "TreeEmpty": "alinea-Tree-empty",
-  "TreeItem-iconLink": "alinea-TreeItem-iconLink",
-  "TreeItemIconLink": "alinea-TreeItem-iconLink",
-  "TreeItem-label": "alinea-TreeItem-label",
-  "TreeItemLabel": "alinea-TreeItem-label",
-  "TreeItem-foldIcon": "alinea-TreeItem-foldIcon",
-  "TreeItemFoldIcon": "alinea-TreeItem-foldIcon",
+  "TreeItem-labelLink": "alinea-TreeItem-labelLink",
+  "TreeItemLabelLink": "alinea-TreeItem-labelLink",
   "is-expanded": "alinea-is-expanded",
   "isExpanded": "alinea-is-expanded",
   "is-allowsDragging": "alinea-is-allowsDragging",
   "isAllowsDragging": "alinea-is-allowsDragging",
-  "TreeItem-chevron": "alinea-TreeItem-chevron",
-  "TreeItemChevron": "alinea-TreeItem-chevron",
+  "TreeItem-iconLink": "alinea-TreeItem-iconLink",
+  "TreeItemIconLink": "alinea-TreeItem-iconLink",
+  "is-expandable": "alinea-is-expandable",
+  "isExpandable": "alinea-is-expandable",
+  "Tree": "alinea-Tree",
+  "TreeItem-controls": "alinea-TreeItem-controls",
+  "TreeItemControls": "alinea-TreeItem-controls",
   "TreeItem-suffix": "alinea-TreeItem-suffix",
   "TreeItemSuffix": "alinea-TreeItem-suffix",
-  "Tree-dropIndicator": "alinea-Tree-dropIndicator",
-  "TreeDropIndicator": "alinea-Tree-dropIndicator",
+  "is-invisible": "alinea-is-invisible",
+  "isInvisible": "alinea-is-invisible",
+  "is-dragging": "alinea-is-dragging",
+  "isDragging": "alinea-is-dragging",
   "is-active": "alinea-is-active",
   "isActive": "alinea-is-active",
+  "TreeItem-foldIcon": "alinea-TreeItem-foldIcon",
+  "TreeItemFoldIcon": "alinea-TreeItem-foldIcon",
   "TreeItem": "alinea-TreeItem",
-  "is-expandable": "alinea-is-expandable",
-  "isExpandable": "alinea-is-expandable"
+  "TreeItem-dragHandle": "alinea-TreeItem-dragHandle",
+  "TreeItemDragHandle": "alinea-TreeItem-dragHandle",
+  "TreeItem-label": "alinea-TreeItem-label",
+  "TreeItemLabel": "alinea-TreeItem-label"
 };
 
 // src/components/Tree.tsx

package/dist/components/internal/DateControl.js

@@ -4,9 +4,9 @@ import {
   $5400c097f4765e59$export$7edc06cf1783b30f,
   $7705c033048f6da7$export$353f5b6fc5456de1,
   $f2ff30fde7b014be$export$3ddf2d174ce01153
-} from "../../chunks/chunk-QHHMKJUO.js";
+} from "../../chunks/chunk-7DDPSWRY.js";
 import "../../chunks/chunk-NUFRM6SI.js";
-import "../../chunks/chunk-HOETF6HN.js";
+import "../../chunks/chunk-PMGIIYDD.js";
 import "../../chunks/chunk-RKDPDEF7.js";
 import "../../chunks/chunk-PSSMQKAH.js";
 import {
@@ -20,21 +20,21 @@ import { Icon } from "../Icon.js";
 
 // src/components/internal/DateControl.module.css
 var DateControl_default = {
+  "is-framed": "alinea-is-framed",
+  "isFramed": "alinea-is-framed",
+  "DateControl-trigger": "alinea-DateControl-trigger",
+  "DateControlTrigger": "alinea-DateControl-trigger",
   "DateControl-segment": "alinea-DateControl-segment",
   "DateControlSegment": "alinea-DateControl-segment",
-  "DateControl-dialog": "alinea-DateControl-dialog",
-  "DateControlDialog": "alinea-DateControl-dialog",
-  "DateControl-input": "alinea-DateControl-input",
-  "DateControlInput": "alinea-DateControl-input",
   "is-placeholder": "alinea-is-placeholder",
   "isPlaceholder": "alinea-is-placeholder",
-  "is-framed": "alinea-is-framed",
-  "isFramed": "alinea-is-framed",
   "DateControl-icon": "alinea-DateControl-icon",
   "DateControlIcon": "alinea-DateControl-icon",
-  "DateControl": "alinea-DateControl",
-  "DateControl-trigger": "alinea-DateControl-trigger",
-  "DateControlTrigger": "alinea-DateControl-trigger"
+  "DateControl-dialog": "alinea-DateControl-dialog",
+  "DateControlDialog": "alinea-DateControl-dialog",
+  "DateControl-input": "alinea-DateControl-input",
+  "DateControlInput": "alinea-DateControl-input",
+  "DateControl": "alinea-DateControl"
 };
 
 // src/components/internal/DateControl.tsx

package/dist/components/internal/FormScope.d.ts

@@ -0,0 +1,2 @@
+/** Set inside a Form, where fields show the validation errors of react-aria */
+export declare const FormScope: import("react").Context<boolean>;

package/dist/components/internal/FormScope.js

@@ -0,0 +1,8 @@
+import "../../chunks/chunk-CQ52GEHY.js";
+
+// src/components/internal/FormScope.ts
+import { createContext } from "react";
+var FormScope = createContext(false);
+export {
+  FormScope
+};

package/dist/components/internal/ListBoxGroup.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import type { AriaProps } from '../types.js';
+export interface ListBoxGroupProps extends AriaProps {
+    /** data-slot of the group, eg. "select-group" */
+    slot: string;
+    /** data-slot of its label */
+    labelSlot: string;
+    label?: ReactNode;
+    children: ReactNode;
+}
+/** A labelled group of options in the listbox of a Select or ComboBox */
+export declare function ListBoxGroup({ slot, labelSlot, label, children, ...props }: ListBoxGroupProps): import("react").JSX.Element;

package/dist/components/internal/ListBoxGroup.js

@@ -0,0 +1,46 @@
+import {
+  $53e61d82d8b8611d$export$8b251419efc915eb,
+  $928221da08ecbc62$export$dca12b0bb56e4fc
+} from "../../chunks/chunk-7DDPSWRY.js";
+import "../../chunks/chunk-NUFRM6SI.js";
+import "../../chunks/chunk-PMGIIYDD.js";
+import "../../chunks/chunk-RKDPDEF7.js";
+import "../../chunks/chunk-PSSMQKAH.js";
+import {
+  dist_default
+} from "../../chunks/chunk-I4OYYAX5.js";
+import "../../chunks/chunk-CQ52GEHY.js";
+
+// src/components/internal/ListBoxGroup.module.css
+var ListBoxGroup_default = {
+  "ListBoxGroup": "alinea-ListBoxGroup",
+  "ListBoxGroup-label": "alinea-ListBoxGroup-label",
+  "ListBoxGroupLabel": "alinea-ListBoxGroup-label"
+};
+
+// src/components/internal/ListBoxGroup.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var styles = dist_default(ListBoxGroup_default);
+function ListBoxGroup({
+  slot,
+  labelSlot,
+  label,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    $928221da08ecbc62$export$dca12b0bb56e4fc,
+    {
+      "data-slot": slot,
+      ...props,
+      className: styles.ListBoxGroup(),
+      children: [
+        label && /* @__PURE__ */ jsx($53e61d82d8b8611d$export$8b251419efc915eb, { "data-slot": labelSlot, className: styles.ListBoxGroup.label(), children: label }),
+        children
+      ]
+    }
+  );
+}
+export {
+  ListBoxGroup
+};

package/dist/components/internal/ListBoxOption.d.ts

@@ -1,9 +1,9 @@
 import type { CSSProperties, ReactElement, ReactNode } from 'react';
-import type { IconType } from '../types.js';
+import type { IconType, Key } from '../types.js';
 export interface ListBoxOptionProps {
     /** Prefix for the data-slot attributes, eg. "select-item" */
     slot: string;
-    value: string;
+    value: Key;
     textValue?: string;
     disabled?: boolean;
     icon?: IconType | ReactElement;

package/dist/components/internal/ListBoxOption.js

@@ -1,9 +1,9 @@
 import {
   $928221da08ecbc62$export$a11e76429ed99b4,
   $efe09c6d1c304b50$export$5f1af8db9871e1d6
-} from "../../chunks/chunk-QHHMKJUO.js";
+} from "../../chunks/chunk-7DDPSWRY.js";
 import "../../chunks/chunk-NUFRM6SI.js";
-import "../../chunks/chunk-HOETF6HN.js";
+import "../../chunks/chunk-PMGIIYDD.js";
 import "../../chunks/chunk-RKDPDEF7.js";
 import "../../chunks/chunk-PSSMQKAH.js";
 import {
@@ -17,19 +17,19 @@ import { Icon } from "../Icon.js";
 
 // src/components/internal/ListBoxOption.module.css
 var ListBoxOption_default = {
+  "is-highlighted": "alinea-is-highlighted",
+  "isHighlighted": "alinea-is-highlighted",
   "ListBoxOption-icon": "alinea-ListBoxOption-icon",
   "ListBoxOptionIcon": "alinea-ListBoxOption-icon",
   "ListBoxOption-indicator": "alinea-ListBoxOption-indicator",
   "ListBoxOptionIndicator": "alinea-ListBoxOption-indicator",
   "is-focusVisible": "alinea-is-focusVisible",
   "isFocusVisible": "alinea-is-focusVisible",
-  "is-highlighted": "alinea-is-highlighted",
-  "isHighlighted": "alinea-is-highlighted",
+  "ListBoxOption": "alinea-ListBoxOption",
   "ListBoxOption-content": "alinea-ListBoxOption-content",
   "ListBoxOptionContent": "alinea-ListBoxOption-content",
   "ListBoxOption-label": "alinea-ListBoxOption-label",
   "ListBoxOptionLabel": "alinea-ListBoxOption-label",
-  "ListBoxOption": "alinea-ListBoxOption",
   "ListBoxOption-description": "alinea-ListBoxOption-description",
   "ListBoxOptionDescription": "alinea-ListBoxOption-description"
 };

package/dist/components/internal/Locale.js

@@ -1,8 +1,8 @@
-import "../../chunks/chunk-QHHMKJUO.js";
+import "../../chunks/chunk-7DDPSWRY.js";
 import "../../chunks/chunk-NUFRM6SI.js";
 import {
   $2eb8e6d23f3d0cb0$export$a54013f0d02a8f82
-} from "../../chunks/chunk-HOETF6HN.js";
+} from "../../chunks/chunk-PMGIIYDD.js";
 import "../../chunks/chunk-RKDPDEF7.js";
 import "../../chunks/chunk-PSSMQKAH.js";
 import "../../chunks/chunk-CQ52GEHY.js";

package/dist/components/internal/PopoverSurface.js

@@ -1,8 +1,8 @@
 import {
   $542a13ca2fa5b484$export$5b6b19405a83ff9d
-} from "../../chunks/chunk-QHHMKJUO.js";
+} from "../../chunks/chunk-7DDPSWRY.js";
 import "../../chunks/chunk-NUFRM6SI.js";
-import "../../chunks/chunk-HOETF6HN.js";
+import "../../chunks/chunk-PMGIIYDD.js";
 import "../../chunks/chunk-RKDPDEF7.js";
 import "../../chunks/chunk-PSSMQKAH.js";
 import {
@@ -18,9 +18,9 @@ import {
 
 // src/components/internal/PopoverSurface.module.css
 var PopoverSurface_default = {
+  "PopoverSurface": "alinea-PopoverSurface",
   "is-matchTriggerWidth": "alinea-is-matchTriggerWidth",
-  "isMatchTriggerWidth": "alinea-is-matchTriggerWidth",
-  "PopoverSurface": "alinea-PopoverSurface"
+  "isMatchTriggerWidth": "alinea-is-matchTriggerWidth"
 };
 
 // src/components/internal/PopoverSurface.tsx
@@ -39,6 +39,7 @@ function PopoverSurface({
   return /* @__PURE__ */ jsx(
     $542a13ca2fa5b484$export$5b6b19405a83ff9d,
     {
+      "data-alinea-theme": "",
       ...props,
       style: { ...style, ...widthStyle },
       className: styles.PopoverSurface(

package/dist/components/internal/SelectionCheckbox.js

@@ -1,8 +1,8 @@
 import {
   $ed8ccb2e23e76301$export$48513f6b9f8ce62d
-} from "../../chunks/chunk-QHHMKJUO.js";
+} from "../../chunks/chunk-7DDPSWRY.js";
 import "../../chunks/chunk-NUFRM6SI.js";
-import "../../chunks/chunk-HOETF6HN.js";
+import "../../chunks/chunk-PMGIIYDD.js";
 import "../../chunks/chunk-RKDPDEF7.js";
 import "../../chunks/chunk-PSSMQKAH.js";
 import {
@@ -12,11 +12,11 @@ import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/components/internal/SelectionCheckbox.module.css
 var SelectionCheckbox_default = {
-  "SelectionCheckbox-box": "alinea-SelectionCheckbox-box",
-  "SelectionCheckboxBox": "alinea-SelectionCheckbox-box",
+  "SelectionCheckbox": "alinea-SelectionCheckbox",
   "is-focusVisible": "alinea-is-focusVisible",
   "isFocusVisible": "alinea-is-focusVisible",
-  "SelectionCheckbox": "alinea-SelectionCheckbox",
+  "SelectionCheckbox-box": "alinea-SelectionCheckbox-box",
+  "SelectionCheckboxBox": "alinea-SelectionCheckbox-box",
   "SelectionCheckbox-mark": "alinea-SelectionCheckbox-mark",
   "SelectionCheckboxMark": "alinea-SelectionCheckbox-mark"
 };

package/dist/components/internal/Slot.js

@@ -3,7 +3,7 @@ import "../../chunks/chunk-NUFRM6SI.js";
 import {
   $4064df0d6f9620e1$export$c9058316764c140e,
   $bbaa08b3cd72f041$export$9d1611c77c2fe928
-} from "../../chunks/chunk-HOETF6HN.js";
+} from "../../chunks/chunk-PMGIIYDD.js";
 import "../../chunks/chunk-RKDPDEF7.js";
 import "../../chunks/chunk-PSSMQKAH.js";
 import "../../chunks/chunk-CQ52GEHY.js";

package/dist/components/internal/ToggleButton.js

@@ -1,8 +1,8 @@
 import {
   $75afe627ae0cc0fa$export$d2b052e7b4be1756
-} from "../../chunks/chunk-QHHMKJUO.js";
+} from "../../chunks/chunk-7DDPSWRY.js";
 import "../../chunks/chunk-NUFRM6SI.js";
-import "../../chunks/chunk-HOETF6HN.js";
+import "../../chunks/chunk-PMGIIYDD.js";
 import "../../chunks/chunk-RKDPDEF7.js";
 import "../../chunks/chunk-PSSMQKAH.js";
 import {
@@ -15,11 +15,11 @@ import { Icon } from "../Icon.js";
 
 // src/components/internal/ToggleButton.module.css
 var ToggleButton_default = {
-  "ToggleButton": "alinea-ToggleButton",
   "is-grouped": "alinea-is-grouped",
   "isGrouped": "alinea-is-grouped",
   "ToggleButton-icon": "alinea-ToggleButton-icon",
-  "ToggleButtonIcon": "alinea-ToggleButton-icon"
+  "ToggleButtonIcon": "alinea-ToggleButton-icon",
+  "ToggleButton": "alinea-ToggleButton"
 };
 
 // src/components/internal/ToggleButton.tsx

package/dist/components/internal/Trigger.js

@@ -1,10 +1,10 @@
 import "../../chunks/chunk-NUFRM6SI.js";
-import "../../chunks/chunk-QHHMKJUO.js";
+import "../../chunks/chunk-7DDPSWRY.js";
 import "../../chunks/chunk-NUFRM6SI.js";
 import {
   $15e7830bf6471d45$export$27c701ed9e449e99,
   $d27d541f9569d26d$export$45712eceda6fad21
-} from "../../chunks/chunk-HOETF6HN.js";
+} from "../../chunks/chunk-PMGIIYDD.js";
 import "../../chunks/chunk-RKDPDEF7.js";
 import "../../chunks/chunk-PSSMQKAH.js";
 import "../../chunks/chunk-CQ52GEHY.js";

package/dist/components/internal/useDragDrop.js

@@ -1,9 +1,9 @@
 import {
   $32ef394310635fd5$export$2cfc5be7a55829f6,
   $f9554a667e4f0374$export$62ed72bc21f6b8a6
-} from "../../chunks/chunk-QHHMKJUO.js";
+} from "../../chunks/chunk-7DDPSWRY.js";
 import "../../chunks/chunk-NUFRM6SI.js";
-import "../../chunks/chunk-HOETF6HN.js";
+import "../../chunks/chunk-PMGIIYDD.js";
 import "../../chunks/chunk-RKDPDEF7.js";
 import "../../chunks/chunk-PSSMQKAH.js";
 import "../../chunks/chunk-CQ52GEHY.js";

package/dist/components/types.d.ts

@@ -104,3 +104,7 @@ export interface DragDropProps {
     renderDragPreview?: (items: Array<Record<string, string>>) => ReactNode;
 }
 export type ContentStatus = 'published' | 'draft' | 'unpublished' | 'archived' | 'untranslated';
+/** Error messages keyed by the `name` of a form field */
+export interface ValidationErrors {
+    [name: string]: string | Array<string>;
+}

package/dist/components.d.ts

@@ -1,5 +1,6 @@
 export * from './components/Alert.js';
 export * from './components/AppShell.js';
+export * from './components/AsyncList.js';
 export * from './components/Badge.js';
 export * from './components/Blockquote.js';
 export * from './components/Breadcrumbs.js';
@@ -26,6 +27,7 @@ export * from './components/Empty.js';
 export * from './components/Field.js';
 export * from './components/FileTrigger.js';
 export * from './components/FoldIcon.js';
+export * from './components/Form.js';
 export * from './components/Heading.js';
 export * from './components/Icon.js';
 export * from './components/Kbd.js';
@@ -46,6 +48,7 @@ export * from './components/Sheet.js';
 export * from './components/Sidebar.js';
 export * from './components/SortableList.js';
 export * from './components/Spinner.js';
+export * from './components/Stack.js';
 export * from './components/Surface.js';
 export * from './components/Switch.js';
 export * from './components/Table.js';

package/dist/components.js

@@ -1,6 +1,7 @@
 // src/components.ts
 export * from "./components/Alert.js";
 export * from "./components/AppShell.js";
+export * from "./components/AsyncList.js";
 export * from "./components/Badge.js";
 export * from "./components/Blockquote.js";
 export * from "./components/Breadcrumbs.js";
@@ -27,6 +28,7 @@ export * from "./components/Empty.js";
 export * from "./components/Field.js";
 export * from "./components/FileTrigger.js";
 export * from "./components/FoldIcon.js";
+export * from "./components/Form.js";
 export * from "./components/Heading.js";
 export * from "./components/Icon.js";
 export * from "./components/Kbd.js";
@@ -47,6 +49,7 @@ export * from "./components/Sheet.js";
 export * from "./components/Sidebar.js";
 export * from "./components/SortableList.js";
 export * from "./components/Spinner.js";
+export * from "./components/Stack.js";
 export * from "./components/Surface.js";
 export * from "./components/Switch.js";
 export * from "./components/Table.js";

package/dist/core/Client.js

@@ -13,6 +13,13 @@ import { getScope } from "./Scope.js";
 import { ReadonlyTree } from "./source/Tree.js";
 import { base64 } from "./util/Encoding.js";
 import { isRecord } from "./util/Objects.js";
+var readTimeout = 6e4;
+var reads = /* @__PURE__ */ new Set([
+  HandleAction.Tree,
+  HandleAction.Sha,
+  HandleAction.Blob,
+  HandleAction.Resolve
+]);
 var Client = class _Client {
   #options;
   constructor(options) {
@@ -180,10 +187,14 @@ var Client = class _Client {
     const controller = new AbortController();
     const signal = controller.signal;
     const location = `${url}?${new URLSearchParams(params).toString()}`;
+    const timer = reads.has(params.action) ? setTimeout(() => {
+      const seconds = readTimeout / 1e3;
+      controller.abort(new Error(`No response within ${seconds}s`));
+    }, readTimeout) : void 0;
     const promise = fetch(location, {
       ...applyAuth(init),
       signal
-    }).catch((err) => {
+    }).finally(() => clearTimeout(timer)).catch((err) => {
       throw new HttpError(
         500,
         `${err} @ ${init?.method || "GET"} action ${params.action}`

package/dist/core/Config.d.ts

@@ -57,6 +57,12 @@ export interface Config {
 export declare namespace Config {
     function baseUrl(config: Config, env?: string): string | undefined;
     function handlerUrl(config: Config): string;
+    /**
+     * The handler as reached from server renders. There is no request to take
+     * an origin from in static renders, and reading one would make every route
+     * dynamic, so a relative handlerUrl needs a baseUrl.
+     */
+    function serverHandlerUrl(config: Config, env?: string): URL;
     function adminPath(config: Config): string;
     function filePathname(config: Config, file: string): string;
     function dashboardFile(config: Config): string;

package/dist/core/Config.js

@@ -27,6 +27,18 @@ var Config;
     return config.handlerUrl;
   }
   Config2.handlerUrl = handlerUrl;
+  function serverHandlerUrl(config, env = process.env.NODE_ENV ?? "production") {
+    const handlerUrl2 = Config2.handlerUrl(config);
+    const absolute = URL.parse(handlerUrl2);
+    if (absolute) return absolute;
+    const base = Config2.baseUrl(config, env);
+    if (!base)
+      throw new Error(
+        `Missing baseUrl in Alinea config: set baseUrl.${env} to the url of your site, server renders reach the handler at ${handlerUrl2} through it`
+      );
+    return new URL(handlerUrl2, base);
+  }
+  Config2.serverHandlerUrl = serverHandlerUrl;
   function adminPath(config) {
     if (config.adminPath) return normalizeUrlPath(config.adminPath);
     const file = config.dashboardFile ?? "admin.html";

package/dist/core/DashboardEntry.d.ts

@@ -0,0 +1,19 @@
+import type { OverviewEntry } from './Overview.js';
+/** The entry a dashboard view renders for, eg. the entry being edited */
+export interface DashboardEntry<Data = Record<string, unknown>> extends OverviewEntry {
+    /**
+     * The field values of the selected version as saved. Unsaved edits are not
+     * included: read the live value of a field with `useFieldValue(field)`.
+     */
+    data: Data;
+}
+/** Props of an entry `actions` view, rendered in the entry header */
+export interface EntryActionProps {
+    /** The entry being edited, in the selected version */
+    entry: DashboardEntry;
+    /**
+     * The locale the entry is edited in, which differs from `entry.locale`
+     * while a translation is not saved yet
+     */
+    locale: string | null;
+}

package/dist/core/Document.d.ts

@@ -7,12 +7,12 @@ export type Document = {
     path: PathField;
     metadata: MetadataField;
 };
-export type DocumentConfig<Fields, Seo, Details> = (TypeConfig<Fields> | ContainerTypeConfig<Fields>) & {
+export type DocumentConfig<Fields, Seo, Details, Settings = {}> = (TypeConfig<Fields, Settings> | ContainerTypeConfig<Fields, Settings>) & {
     /** Fields shown in the SEO tab, above the previews */
     seo?: Seo;
     /** Fields shown in the Details tab, above the created and updated details */
     details?: Details;
 };
-export declare function document<Fields extends FieldsDefinition = {}, Seo extends FieldsDefinition = {}, Details extends FieldsDefinition = {}>(label: string, { fields, seo, details, ...config }: DocumentConfig<Fields, Seo, Details>): Type<Document & Fields & Seo & Details>;
+export declare function document<Fields extends FieldsDefinition = {}, Seo extends FieldsDefinition = {}, Details extends FieldsDefinition = {}, Settings extends FieldsDefinition = {}>(label: string, { fields, seo, details, settings, ...config }: DocumentConfig<Fields, Seo, Details, Settings>): Type<Document & Fields & Seo & Details & Settings>;
 /** Whether `type` was created with `Config.document` */
 export declare function isDocument(type: Type): boolean;

package/dist/core/Document.js

@@ -4,7 +4,8 @@ import "../chunks/chunk-CQ52GEHY.js";
 import {
   IcRoundBolt,
   IcRoundDescription,
-  IcRoundInfo
+  IcRoundInfo,
+  IcOutlineSettings
 } from "alinea/dashboard/icons";
 import {
   metadata as createMetadata,
@@ -31,6 +32,7 @@ function document(label, {
   fields = {},
   seo = {},
   details = {},
+  settings = {},
   ...config
 }) {
   const { title, path, metadata } = documentFields();
@@ -38,7 +40,11 @@ function document(label, {
     ...keys({ title, path, metadata }),
     ...fieldNames(fields)
   ]);
-  for (const name of [...fieldNames(seo), ...fieldNames(details)]) {
+  for (const name of [
+    ...fieldNames(seo),
+    ...fieldNames(details),
+    ...fieldNames(settings)
+  ]) {
     if (taken.has(name)) throw new Error(`Field "${name}" is defined twice`);
     taken.add(name);
   }
@@ -54,7 +60,8 @@ function document(label, {
     tab("Details", {
       icon: IcRoundInfo,
       fields: { ...details, ...metadataDetails(metadata) }
-    })
+    }),
+    ...keys(settings).length > 0 ? [tab("Settings", { icon: IcOutlineSettings, fields: settings })] : []
   );
   const result = type(label, {
     ...config,

package/dist/core/EntryFields.d.ts

@@ -1,4 +1,5 @@
 import type { EntryStatus } from './Entry.js';
+import type { Related } from './Filter.js';
 export interface EntryFields {
     _id: string;
     _type: string;
@@ -16,8 +17,13 @@ export interface EntryFields {
 }
 /** The fields filters can match, next to those of the entry */
 export interface EntryFilterFields extends EntryFields {
-    /** Whether another entry links to the entry */
-    _referenced: boolean;
+    /**
+     * Whether another entry links to the entry, or an entry that matches a
+     * query, eg. `{_referenced: Query.referencedBy({type: Product})}`
+     */
+    _referenced: Related<{
+        edge: 'referencedBy';
+    }>;
 }
 export declare const EntryFields: {
     _id: import("./Expr.js").Expr<string>;

package/dist/core/Field.d.ts

@@ -26,6 +26,11 @@ export interface FieldOptions<StoredValue> {
     required?: boolean;
     /** Validate the given value */
     validate?(value: StoredValue): boolean | string | undefined;
+    /**
+     * The width of the field in the entry form, a fraction between 0 and 1.
+     * Fields that fit next to each other share a row.
+     */
+    width?: number;
 }
 export interface EntryAnchorTarget {
     id: string;