alinea 1.7.0 → 2.0.0-preview.0

package/dist/field/richtext/extensions/Link.js

@@ -1,8 +1,8 @@
 import {
   Mark,
   mergeAttributes
-} from "../../../chunks/chunk-FKWEJTSK.js";
-import "../../../chunks/chunk-NZLE2WMY.js";
+} from "../../../chunks/chunk-TL7ZW6BX.js";
+import "../../../chunks/chunk-CQ52GEHY.js";
 
 // src/field/richtext/extensions/Link.ts
 var Link = Mark.create({
@@ -10,32 +10,18 @@ var Link = Mark.create({
   priority: 1e3,
   keepOnSplit: false,
   addOptions() {
-    return {
-      HTMLAttributes: {
-        rel: "noopener noreferrer nofollow"
-      }
-    };
+    return { HTMLAttributes: { rel: "noopener noreferrer nofollow" } };
   },
   addAttributes() {
     return {
-      "data-id": {
-        default: null
-      },
-      "data-entry": {
-        default: null
-      },
-      "data-link": {
-        default: null
-      },
-      href: {
-        default: null
-      },
-      target: {
-        default: this.options.HTMLAttributes.target
-      },
-      title: {
-        default: null
-      }
+      "data-id": { default: null },
+      "data-entry": { default: null },
+      "data-anchor": { default: null },
+      "data-link": { default: null },
+      "data-suffix": { default: null },
+      href: { default: null },
+      target: { default: this.options.HTMLAttributes.target },
+      title: { default: null }
     };
   },
   parseHTML() {
@@ -49,21 +35,13 @@ var Link = Mark.create({
     ];
   },
   addKeyboardShortcuts() {
-    return {
-      "Mod-k": () => this.editor.commands.setLink({})
-    };
+    return { "Mod-k": () => this.editor.commands.setLink({}) };
   },
   addCommands() {
     return {
-      setLink: (attributes) => ({ chain }) => {
-        return chain().setMark(this.name, attributes).run();
-      },
-      toggleLink: (attributes) => ({ chain }) => {
-        return chain().toggleMark(this.name, attributes, { extendEmptyMarkRange: true }).run();
-      },
-      unsetLink: () => ({ chain }) => {
-        return chain().unsetMark(this.name, { extendEmptyMarkRange: true }).run();
-      }
+      setLink: (attributes) => ({ chain }) => chain().setMark(this.name, attributes).run(),
+      toggleLink: (attributes) => ({ chain }) => chain().toggleMark(this.name, attributes, { extendEmptyMarkRange: true }).run(),
+      unsetLink: () => ({ chain }) => chain().unsetMark(this.name, { extendEmptyMarkRange: true }).run()
     };
   }
 });

package/dist/field/richtext/extensions/Small.d.ts

@@ -1,21 +1,12 @@
 import { Mark } from '@tiptap/core';
 export interface SmallOptions {
-    HTMLAttributes: Record<string, any>;
+    HTMLAttributes: Record<string, unknown>;
 }
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         small: {
-            /**
-             * Set a small mark
-             */
             setSmall: () => ReturnType;
-            /**
-             * Toggle a small mark
-             */
             toggleSmall: () => ReturnType;
-            /**
-             * Unset a small mark
-             */
             unsetSmall: () => ReturnType;
         };
     }

package/dist/field/richtext/extensions/Small.js

@@ -1,23 +1,17 @@
 import {
   Mark,
   mergeAttributes
-} from "../../../chunks/chunk-FKWEJTSK.js";
-import "../../../chunks/chunk-NZLE2WMY.js";
+} from "../../../chunks/chunk-TL7ZW6BX.js";
+import "../../../chunks/chunk-CQ52GEHY.js";
 
 // src/field/richtext/extensions/Small.ts
 var Small = Mark.create({
   name: "small",
   addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
+    return { HTMLAttributes: {} };
   },
   parseHTML() {
-    return [
-      {
-        tag: "small"
-      }
-    ];
+    return [{ tag: "small" }];
   },
   renderHTML({ HTMLAttributes }) {
     return [
@@ -28,15 +22,9 @@ var Small = Mark.create({
   },
   addCommands() {
     return {
-      setSmall: () => ({ commands }) => {
-        return commands.setMark(this.name);
-      },
-      toggleSmall: () => ({ commands }) => {
-        return commands.toggleMark(this.name);
-      },
-      unsetSmall: () => ({ commands }) => {
-        return commands.unsetMark(this.name);
-      }
+      setSmall: () => ({ commands }) => commands.setMark(this.name),
+      toggleSmall: () => ({ commands }) => commands.toggleMark(this.name),
+      unsetSmall: () => ({ commands }) => commands.unsetMark(this.name)
     };
   }
 });

package/dist/field/select/SelectField.d.ts

@@ -4,7 +4,7 @@ import type { ReactNode } from 'react';
 /** A string record with option labels */
 export type SelectItems<T extends string> = Record<T, string>;
 /** Optional settings to configure a select field */
-export interface SelectConfig<Key> extends FieldOptions<Key> {
+export interface SelectConfig<Value> extends FieldOptions<Value> {
     /** Width of the field in the dashboard UI (0-1) */
     width?: number;
     /** Add instructional text to a field */
@@ -14,15 +14,26 @@ export interface SelectConfig<Key> extends FieldOptions<Key> {
     /** Choose a custom placeholder (eg. 'Select an option')  */
     placeholder?: string;
 }
-export interface SelectOptions<Key extends string> extends SelectConfig<Key> {
+export interface SelectOptions<Key extends string, Value = Key> extends SelectConfig<Value> {
     options: Record<Key, string>;
 }
-export declare class SelectField<Key extends string | null> extends ScalarField<Key, SelectOptions<NonNullable<Key>>> {
+export type SingleSelectValue = string | null;
+export type MultipleSelectValue = Array<string>;
+export type SelectValue = SingleSelectValue | MultipleSelectValue;
+export type SingleSelectOptions<Key extends string> = SelectOptions<Key, Key | null>;
+export type MultipleSelectOptions<Key extends string> = SelectOptions<Key, Array<Key>>;
+type SelectKey<Value extends SelectValue> = Value extends Array<infer Key> ? Extract<Key, string> : Extract<NonNullable<Value>, string>;
+export declare class SelectField<Value extends SelectValue, Key extends string = SelectKey<Value>> extends ScalarField<Value, SelectOptions<Key, Value>> {
 }
 type AddNullable<Keys, Initial> = Initial extends undefined ? Keys | null : Keys;
 export declare function select<const Items extends Record<string, string>, Initial extends keyof Items | undefined = undefined>(label: string, options: WithoutLabel<{
     options: Items;
 } & SelectConfig<Extract<keyof Items, string>>> & {
     initialValue?: Initial;
-}): SelectField<AddNullable<Extract<keyof Items, string>, Initial>>;
+}): SelectField<AddNullable<Extract<keyof Items, string>, Initial>, Extract<keyof Items, string>>;
+export declare namespace select {
+    function multiple<const Items extends Record<string, string>>(label: string, options: WithoutLabel<{
+        options: Items;
+    } & SelectConfig<Array<Extract<keyof Items, string>>>>): SelectField<Array<Extract<keyof Items, string>>, Extract<keyof Items, string>>;
+}
 export {};

package/dist/field/select/SelectField.js

@@ -1,19 +1,34 @@
-import "../../chunks/chunk-NZLE2WMY.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/field/select/SelectField.ts
 import { ScalarField } from "alinea/core/field/ScalarField";
-import { viewKeys } from "alinea/dashboard/editor/ViewKeys";
+import { viewKeys } from "alinea/dashboard/ViewKeys";
 var SelectField = class extends ScalarField {
 };
 function select(label, options) {
   return new SelectField({
     options: {
       label,
+      overview: true,
       ...options
     },
     view: viewKeys.SelectInput
   });
 }
+((select2) => {
+  function multiple(label, options) {
+    return new SelectField({
+      options: {
+        label,
+        overview: true,
+        initialValue: [],
+        ...options
+      },
+      view: viewKeys.MultipleSelectInput
+    });
+  }
+  select2.multiple = multiple;
+})(select || (select = {}));
 export {
   SelectField,
   select

package/dist/field/select/SelectField.view.d.ts

@@ -1,5 +1,9 @@
 import type { SelectField } from './SelectField.js';
-export interface SelectInputProps<Key extends string> {
-    field: SelectField<Key>;
+export interface SelectFieldViewProps<Value extends KeyType | null, KeyType extends string> {
+    field: SelectField<Value, KeyType>;
 }
-export declare function SelectInput<Key extends string>({ field }: SelectInputProps<Key>): import("react/jsx-runtime").JSX.Element;
+export declare function SelectFieldView<Value extends KeyType | null, KeyType extends string>({ field }: SelectFieldViewProps<Value, KeyType>): import("react").JSX.Element;
+export interface MultipleSelectFieldViewProps<KeyType extends string> {
+    field: SelectField<Array<KeyType>, KeyType>;
+}
+export declare function MultipleSelectFieldView<KeyType extends string>({ field }: MultipleSelectFieldViewProps<KeyType>): import("react").JSX.Element;

package/dist/field/select/SelectField.view.js

@@ -1,165 +1,122 @@
+import "../../chunks/chunk-NUFRM6SI.js";
 import {
-  autoUpdate,
-  flip,
-  offset,
-  size,
-  useFloating
-} from "../../chunks/chunk-JL5K3F7X.js";
-import {
-  Mo
-} from "../../chunks/chunk-I26ZIF6Q.js";
-import "../../chunks/chunk-2STBQ2Y4.js";
-import "../../chunks/chunk-WLKPH7JA.js";
-import "../../chunks/chunk-HSIHEWFC.js";
-import "../../chunks/chunk-ORDS5C6Z.js";
-import "../../chunks/chunk-AICQFCVN.js";
-import "../../chunks/chunk-SOTBYUJY.js";
-import "../../chunks/chunk-2NTSADJL.js";
-import "../../chunks/chunk-VUACWPFC.js";
-import {
-  dist_default
-} from "../../chunks/chunk-A5O3N2GS.js";
-import "../../chunks/chunk-NZLE2WMY.js";
-
-// src/field/select/SelectField.view.tsx
-import { useField } from "alinea/dashboard/editor/UseField";
-import { IconButton } from "alinea/dashboard/view/IconButton";
-import { InputLabel } from "alinea/dashboard/view/InputLabel";
-import { HStack, Icon, TextLabel } from "alinea/ui";
-import { Ellipsis } from "alinea/ui/Ellipsis";
-import { IcRoundArrowDropDownCircle } from "alinea/ui/icons/IcRoundArrowDropDownCircle";
-import { IcRoundCheck } from "alinea/ui/icons/IcRoundCheck";
-import { IcRoundClose } from "alinea/ui/icons/IcRoundClose";
-import { IcRoundUnfoldMore } from "alinea/ui/icons/IcRoundUnfoldMore";
-
-// src/field/select/SelectField.module.scss
-var SelectField_module_default = {
-  "root": "alinea-SelectField",
-  "is-open": "alinea-SelectField-is-open",
-  "isOpen": "alinea-SelectField-is-open",
-  "root-input": "alinea-SelectField-input",
-  "rootInput": "alinea-SelectField-input",
-  "root-input-button": "alinea-SelectField-input-button",
-  "rootInputButton": "alinea-SelectField-input-button",
-  "root-input-label": "alinea-SelectField-input-label",
-  "rootInputLabel": "alinea-SelectField-input-label",
-  "is-placeholder": "alinea-SelectField-is-placeholder",
-  "isPlaceholder": "alinea-SelectField-is-placeholder",
-  "root-input-icon": "alinea-SelectField-input-icon",
-  "rootInputIcon": "alinea-SelectField-input-icon",
-  "root-input-delete": "alinea-SelectField-input-delete",
-  "rootInputDelete": "alinea-SelectField-input-delete",
-  "root-dropdown": "alinea-SelectField-dropdown",
-  "rootDropdown": "alinea-SelectField-dropdown",
-  "root-dropdown-inner": "alinea-SelectField-dropdown-inner",
-  "rootDropdownInner": "alinea-SelectField-dropdown-inner",
-  "root-dropdown-option": "alinea-SelectField-dropdown-option",
-  "rootDropdownOption": "alinea-SelectField-dropdown-option",
-  "is-active": "alinea-SelectField-is-active",
-  "isActive": "alinea-SelectField-is-active",
-  "is-selected": "alinea-SelectField-is-selected",
-  "isSelected": "alinea-SelectField-is-selected",
-  "root-dropdown-option-icon": "alinea-SelectField-dropdown-option-icon",
-  "rootDropdownOptionIcon": "alinea-SelectField-dropdown-option-icon"
-};
+  $232f8dea1b0a4f2f$export$762f73dccccd255d
+} from "../../chunks/chunk-JFROOUG6.js";
+import "../../chunks/chunk-SJBZFMQ2.js";
+import "../../chunks/chunk-IYAQC63Y.js";
+import "../../chunks/chunk-AC4U3IMS.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/field/select/SelectField.view.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var styles = dist_default(SelectField_module_default);
-function SelectInput({
+import {
+  MultipleSelect,
+  MultipleSelectItem,
+  Select,
+  SelectItem,
+  Tag
+} from "alinea/components";
+import { useField, useFieldError, useFieldOptions } from "alinea/dashboard/hooks";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+function SelectFieldView({ field }) {
+  const [value, setValue] = useField(field);
+  const options = useFieldOptions(field);
+  const error = useFieldError(field);
+  const items = useMemo(() => {
+    return Object.entries(options.options).map(
+      ([id, label]) => ({
+        id,
+        name: label,
+        label
+      })
+    );
+  }, [options.options]);
+  function handleSelectionChange(key) {
+    setValue(key === null ? null : String(key));
+  }
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      description: options.help,
+      errorMessage: error,
+      isDisabled: options.readOnly,
+      isRequired: options.required,
+      items,
+      label: options.label,
+      shared: options.shared,
+      onSelectionChange: handleSelectionChange,
+      placeholder: options.placeholder,
+      selectedKey: value,
+      children: (item) => /* @__PURE__ */ jsx(SelectItem, { id: item.id, children: item.label })
+    }
+  );
+}
+function MultipleSelectFieldView({
   field
 }) {
-  const { value = null, mutator, label, options, error } = useField(field);
-  const { readOnly } = options;
-  const items = options.options;
-  const { x, y, reference, floating, refs, strategy } = useFloating({
-    whileElementsMounted: autoUpdate,
-    strategy: "fixed",
-    placement: "bottom-start",
-    middleware: [
-      offset(4),
-      flip(),
-      size({
-        apply({ rects }) {
-          if (refs.floating.current)
-            Object.assign(refs.floating.current.style, {
-              width: `${rects.reference.width}px`
-            });
-        }
+  const [value, setValue] = useField(field);
+  const options = useFieldOptions(field);
+  const error = useFieldError(field);
+  const items = useMemo(() => {
+    return Object.entries(options.options).map(
+      ([id, label]) => ({
+        id,
+        name: label,
+        label
       })
-    ]
+    );
+  }, [options.options]);
+  function handleItemInserted(key) {
+    const itemKey = String(key);
+    setValue((current) => {
+      if (current.includes(itemKey)) return current;
+      return [...current, itemKey];
+    });
+  }
+  function handleItemCleared(key) {
+    const itemKey = String(key);
+    setValue((current) => {
+      return current.filter((key2) => key2 !== itemKey);
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    SelectFieldMultipleInput,
+    {
+      description: options.help,
+      errorMessage: error,
+      isDisabled: options.readOnly,
+      isRequired: options.required,
+      items,
+      label: options.label,
+      shared: options.shared,
+      onItemCleared: handleItemCleared,
+      onItemInserted: handleItemInserted,
+      placeholder: options.placeholder,
+      selectedKeys: value
+    },
+    value.join("\0")
+  );
+}
+function SelectFieldMultipleInput({
+  items,
+  selectedKeys,
+  ...props
+}) {
+  const selectedItems = $232f8dea1b0a4f2f$export$762f73dccccd255d({
+    initialItems: selectedKeys.map((key) => items.find((item) => item.id === key)).filter((item) => Boolean(item))
   });
-  return /* @__PURE__ */ jsx(InputLabel, { ...options, error, icon: IcRoundArrowDropDownCircle, children: /* @__PURE__ */ jsx("div", { className: styles.root({ readOnly }), children: /* @__PURE__ */ jsx(Mo, { value, onChange: mutator, disabled: options.readOnly, children: ({ open }) => /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs("div", { className: styles.root.input({ open }), children: [
-      /* @__PURE__ */ jsxs(
-        Mo.Button,
-        {
-          ref: reference,
-          className: styles.root.input.button(),
-          children: [
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: styles.root.input.label({ placeholder: !value }),
-                children: /* @__PURE__ */ jsx(
-                  TextLabel,
-                  {
-                    label: (value ? items[value] : options.placeholder) || label,
-                    title: value ? items[value] : void 0
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Icon,
-              {
-                icon: IcRoundUnfoldMore,
-                className: styles.root.input.icon(),
-                title: open ? "Close options" : "Open options"
-              }
-            )
-          ]
-        }
-      ),
-      value && !options.required && /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          icon: IcRoundClose,
-          onClick: () => mutator(null),
-          className: styles.root.input.delete(),
-          title: "Clear selection"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      Mo.Options,
-      {
-        ref: floating,
-        style: {
-          position: strategy,
-          top: `${y || 0}px`,
-          left: `${x || 0}px`
-        },
-        className: styles.root.dropdown(),
-        children: /* @__PURE__ */ jsx("div", { className: styles.root.dropdown.inner(), children: Object.entries(items).map(([key, label2]) => /* @__PURE__ */ jsx(Mo.Option, { value: key, children: ({ active, selected }) => /* @__PURE__ */ jsxs(
-          HStack,
-          {
-            center: true,
-            gap: 4,
-            className: styles.root.dropdown.option({
-              active,
-              selected
-            }),
-            children: [
-              /* @__PURE__ */ jsx(Ellipsis, { children: /* @__PURE__ */ jsx(TextLabel, { label: label2, title: label2 }) }),
-              /* @__PURE__ */ jsx("div", { className: styles.root.dropdown.option.icon(), children: selected && /* @__PURE__ */ jsx(Icon, { size: 18, icon: IcRoundCheck }) })
-            ]
-          }
-        ) }, key)) })
-      }
-    )
-  ] }) }) }) });
+  return /* @__PURE__ */ jsx(
+    MultipleSelect,
+    {
+      ...props,
+      items,
+      selectedItems,
+      tag: (item) => /* @__PURE__ */ jsx(Tag, { "data-shape": "circle", children: item.label }),
+      children: (item) => /* @__PURE__ */ jsx(MultipleSelectItem, { id: item.id, textValue: item.label, children: item.label })
+    }
+  );
 }
 export {
-  SelectInput
+  MultipleSelectFieldView,
+  SelectFieldView
 };

package/dist/field/tabs/Tabs.js

@@ -1,4 +1,4 @@
-import "../../chunks/chunk-NZLE2WMY.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/field/tabs/Tabs.ts
 import { Field } from "alinea/core/Field";
@@ -7,7 +7,7 @@ import {
 } from "alinea/core/Section";
 import { Type, type } from "alinea/core/Type";
 import { entries, fromEntries } from "alinea/core/util/Objects";
-import { viewKeys } from "alinea/dashboard/editor/ViewKeys";
+import { viewKeys } from "alinea/dashboard/ViewKeys";
 var TabsSection = class {
   constructor(types) {
     this.types = types;
@@ -17,6 +17,7 @@ var TabsSection = class {
     );
     this.sections = types.flatMap(Type.sections);
   }
+  types;
   view = viewKeys.TabsView;
   definition;
   fields;

package/dist/field/tabs/Tabs.view.d.ts

@@ -2,10 +2,5 @@ import { Section } from 'alinea/core/Section';
 interface TabsViewProps {
     section: Section;
 }
-export interface TabsHeaderProps {
-    section: Section;
-    backdrop?: boolean;
-}
-export declare function TabsHeader({ section, backdrop }: TabsHeaderProps): import("react/jsx-runtime").JSX.Element | null;
-export declare function TabsView({ section }: TabsViewProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function TabsView({ section }: TabsViewProps): import("react").JSX.Element | null;
 export {};

package/dist/field/tabs/Tabs.view.js

@@ -1,43 +1,36 @@
-import "../../chunks/chunk-NZLE2WMY.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/field/tabs/Tabs.view.tsx
+import {
+  Icon,
+  Surface,
+  SurfaceContent,
+  SurfaceHeader,
+  Tab,
+  TabList,
+  TabPanel,
+  Tabs
+} from "alinea/components";
 import { getType } from "alinea/core/Internal";
 import { Section } from "alinea/core/Section";
 import { Type } from "alinea/core/Type";
-import { InputForm } from "alinea/dashboard/editor/InputForm";
-import { InputLabel } from "alinea/dashboard/view/InputLabel";
-import { HStack, TextLabel } from "alinea/ui";
-import { Lift } from "alinea/ui/Lift";
-import { Sink } from "alinea/ui/Sink";
-import { Tabs } from "alinea/ui/Tabs";
-import { useElevation } from "alinea/ui/util/Elevation";
+import { EditFields } from "alinea/dashboard/app/EntryFields";
 import { jsx, jsxs } from "react/jsx-runtime";
-function TabsHeader({ section, backdrop }) {
-  const tabs = section[Section.Data];
-  const visibleTypes = tabs.types.filter((type) => !Type.isHidden(type));
-  if (!visibleTypes.length) return null;
-  return /* @__PURE__ */ jsx(Tabs.List, { backdrop, children: visibleTypes.map((type, i) => {
-    const { icon: Icon } = getType(type);
-    return /* @__PURE__ */ jsx(Tabs.Trigger, { children: /* @__PURE__ */ jsxs(HStack, { center: true, gap: 8, children: [
-      Icon && /* @__PURE__ */ jsx(Icon, {}),
-      /* @__PURE__ */ jsx(TextLabel, { label: Type.label(type) })
-    ] }) }, i);
-  }) });
-}
 function TabsView({ section }) {
-  const { parent } = useElevation();
   const tabs = section[Section.Data];
   const visibleTypes = tabs.types.filter((type) => !Type.isHidden(type));
   if (!visibleTypes.length) return null;
-  const inner = /* @__PURE__ */ jsxs(Tabs.Root, { children: [
-    /* @__PURE__ */ jsx(TabsHeader, { section }),
-    /* @__PURE__ */ jsx(Lift, { children: /* @__PURE__ */ jsx(Tabs.Panels, { children: visibleTypes.map((type, i) => {
-      return /* @__PURE__ */ jsx(Tabs.Panel, { unmount: false, tabIndex: i, children: /* @__PURE__ */ jsx(InputForm, { type, border: false }) }, i);
-    }) }) })
-  ] });
-  return /* @__PURE__ */ jsx("div", { children: parent === "lift" ? /* @__PURE__ */ jsx(InputLabel, { inline: true, children: /* @__PURE__ */ jsx(Sink.Root, { children: /* @__PURE__ */ jsx(Sink.Content, { children: inner }) }) }) : inner });
+  return /* @__PURE__ */ jsx(Tabs, { children: /* @__PURE__ */ jsxs(Surface, { children: [
+    /* @__PURE__ */ jsx(SurfaceHeader, { children: /* @__PURE__ */ jsx(TabList, { children: visibleTypes.map((type, i) => {
+      const { icon } = getType(type);
+      return /* @__PURE__ */ jsxs(Tab, { id: i, children: [
+        icon && /* @__PURE__ */ jsx(Icon, { icon }),
+        Type.label(type)
+      ] }, i);
+    }) }) }),
+    /* @__PURE__ */ jsx(SurfaceContent, { children: visibleTypes.map((type, i) => /* @__PURE__ */ jsx(TabPanel, { id: i, children: /* @__PURE__ */ jsx(EditFields, { fields: getType(type).fields }) }, i)) })
+  ] }) });
 }
 export {
-  TabsHeader,
   TabsView
 };

package/dist/field/text/TextField.js

@@ -1,13 +1,18 @@
-import "../../chunks/chunk-NZLE2WMY.js";
+import "../../chunks/chunk-CQ52GEHY.js";
 
 // src/field/text/TextField.ts
 import { ScalarField } from "alinea/core/field/ScalarField";
-import { viewKeys } from "alinea/dashboard/editor/ViewKeys";
+import { viewKeys } from "alinea/dashboard/ViewKeys";
 var TextField = class extends ScalarField {
 };
 function text(label, options = {}) {
   return new TextField({
-    options: { label, ...options, initialValue: options.initialValue ?? "" },
+    options: {
+      label,
+      overview: !options.multiline,
+      ...options,
+      initialValue: options.initialValue ?? ""
+    },
     view: viewKeys.TextInput
   });
 }

package/dist/field/text/TextField.view.d.ts

@@ -1,5 +1,5 @@
-import type { TextField } from './TextField.js';
+import { TextField } from 'alinea/field/text';
 export interface TextInputProps {
     field: TextField;
 }
-export declare function TextInput({ field }: TextInputProps): import("react/jsx-runtime").JSX.Element;
+export declare const TextFieldView: import("react").MemoExoticComponent<({ field }: TextInputProps) => import("react").JSX.Element>;