@ecsplico/editor 3.1.0 → 3.2.0

package/dist/features/composites/react/SettingsEditingTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsEditingTab.js","names":[],"sources":["../../../../src/features/composites/react/SettingsEditingTab.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { Icon } from '../../../react/Icon'\nimport { useEditorSettings } from '../../../react/settings'\nimport { SettingsSection } from '../../../react/SettingsSection'\nimport { Label } from '../../../react/ui/label'\nimport { RadioGroup, RadioGroupItem } from '../../../react/ui/radio-group'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../react/ui/select'\nimport { DRAG_HANDLE_VISIBILITIES, HEADING_CONVERSION_SCOPES, KIND_ICON_VISIBILITIES, STRUCTURE_MODES, TREE_ROOTS } from '../../../settings'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { DRAG_HANDLE_KEYS, HEADING_SCOPE_KEYS, KIND_ICON_KEYS, optionItems } from '../editing-settings-keys'\nimport type { CompositeKind } from '../kinds'\nimport { STRUCTURE_MODE_KEYS } from '../structure-mode'\nimport { TREE_ROOT_KEYS } from '../tree-root'\n\n/** A group of radio options under a legend (the counterpart of Nuxt UI's `URadioGroup`), the options one above the other. */\nfunction RadioField<T extends string>({ legend, items, value, onChange }: {\n  legend: string\n  items: readonly { label: string, description: string, value: T }[]\n  value: T\n  onChange: (value: T) => void\n}) {\n  const legendId = useId()\n  return (\n    <div className=\"py-3\">\n      <p id={legendId} className=\"mb-2 text-sm font-medium text-foreground\">{legend}</p>\n      <RadioGroup\n        aria-labelledby={legendId}\n        className=\"flex flex-col gap-2\"\n        value={value}\n        onValueChange={(next) => {\n          const item = items.find(candidate => candidate.value === next)\n          if (item) onChange(item.value)\n        }}\n      >\n        {items.map(item => <RadioOption key={item.value} item={item} />)}\n      </RadioGroup>\n    </div>\n  )\n}\n\nfunction RadioOption({ item }: { item: { label: string, description: string, value: string } }) {\n  const id = useId()\n  return (\n    <div className=\"flex items-start gap-2\">\n      <RadioGroupItem id={id} value={item.value} className=\"mt-0.5\" />\n      <Label htmlFor={id} className=\"flex-col items-start gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{item.label}</span>\n        <span className=\"text-sm font-normal text-muted-foreground\">{item.description}</span>\n      </Label>\n    </div>\n  )\n}\n\n/** „Bearbeiten“: Gliederung (structure mode, conversion scope), Bausteine defaults and the visibility of the block handles. */\nexport function SettingsEditingTab({ kinds }: { kinds: readonly CompositeKind[] }) {\n  const { settings, update } = useEditorSettings()\n  const kindLabelId = useId()\n  const { t } = useEditorI18n()\n  const structureItems = optionItems(STRUCTURE_MODES, STRUCTURE_MODE_KEYS, t)\n  const scopeItems = optionItems(HEADING_CONVERSION_SCOPES, HEADING_SCOPE_KEYS, t)\n  const treeRootItems = optionItems(TREE_ROOTS, TREE_ROOT_KEYS, t)\n  const kindIconItems = optionItems(KIND_ICON_VISIBILITIES, KIND_ICON_KEYS, t)\n  const dragHandleItems = optionItems(DRAG_HANDLE_VISIBILITIES, DRAG_HANDLE_KEYS, t)\n\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <SettingsSection title={t('composites.settings.structure.title')}>\n        <RadioField\n          legend={t('composites.settings.structure.legend')}\n          items={structureItems}\n          value={settings.blocks.structure}\n          onChange={value => update((draft) => { draft.blocks.structure = value })}\n        />\n        <RadioField\n          legend={t('composites.settings.scope.legend')}\n          items={scopeItems}\n          value={settings.editing.headingConversionScope}\n          onChange={value => update((draft) => { draft.editing.headingConversionScope = value })}\n        />\n      </SettingsSection>\n\n      <SettingsSection title={t('composites.settings.sidebar.title')}>\n        <RadioField\n          legend={t('composites.settings.treeRoot.legend')}\n          items={treeRootItems}\n          value={settings.blocks.treeRoot}\n          onChange={value => update((draft) => { draft.blocks.treeRoot = value })}\n        />\n      </SettingsSection>\n\n      <SettingsSection title={t('composites.settings.composites.title')}>\n        <div className=\"flex items-start justify-between gap-4 py-3\">\n          <div className=\"min-w-0 flex-1\">\n            <Label id={kindLabelId} className=\"text-sm font-medium text-foreground\">{t('composites.settings.defaultKind.label')}</Label>\n            <p className=\"text-sm text-muted-foreground\">{t('composites.settings.defaultKind.description')}</p>\n          </div>\n          <Select value={settings.blocks.defaultKind} onValueChange={value => update((draft) => { draft.blocks.defaultKind = value })}>\n            <SelectTrigger aria-labelledby={kindLabelId} className=\"w-64\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {kinds.map(kind => (\n                <SelectItem key={kind.id} value={kind.id}>\n                  <Icon name={kind.icon} />\n                  {kind.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <RadioField\n          legend={t('composites.settings.kindIcon.legend')}\n          items={kindIconItems}\n          value={settings.blocks.kindIcon}\n          onChange={value => update((draft) => { draft.blocks.kindIcon = value })}\n        />\n        <RadioField\n          legend={t('composites.settings.dragHandle.legend')}\n          items={dragHandleItems}\n          value={settings.blocks.dragHandle}\n          onChange={value => update((draft) => { draft.blocks.dragHandle = value })}\n        />\n      </SettingsSection>\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SettingsEditingTab.js","names":[],"sources":["../../../../src/features/composites/react/SettingsEditingTab.tsx"],"sourcesContent":["import { useEffect, useId, useState } from 'react'\nimport { Icon } from '../../../react/Icon'\nimport { useEditorSettings } from '../../../react/settings'\nimport { SettingsSection } from '../../../react/SettingsSection'\nimport { Input } from '../../../react/ui/input'\nimport { Label } from '../../../react/ui/label'\nimport { RadioGroup, RadioGroupItem } from '../../../react/ui/radio-group'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../react/ui/select'\nimport { clampSplitTargetChars, DRAG_HANDLE_VISIBILITIES, HEADING_CONVERSION_SCOPES, KIND_ICON_VISIBILITIES, SPLIT_TARGET_CHARS_MAX, SPLIT_TARGET_CHARS_MIN, STRUCTURE_MODES, TREE_ROOTS } from '../../../settings'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { DRAG_HANDLE_KEYS, HEADING_SCOPE_KEYS, KIND_ICON_KEYS, optionItems } from '../editing-settings-keys'\nimport type { CompositeKind } from '../kinds'\nimport { STRUCTURE_MODE_KEYS } from '../structure-mode'\nimport { TREE_ROOT_KEYS } from '../tree-root'\n\n/** A group of radio options under a legend (the counterpart of Nuxt UI's `URadioGroup`), the options one above the other. */\nfunction RadioField<T extends string>({ legend, items, value, onChange }: {\n  legend: string\n  items: readonly { label: string, description: string, value: T }[]\n  value: T\n  onChange: (value: T) => void\n}) {\n  const legendId = useId()\n  return (\n    <div className=\"py-3\">\n      <p id={legendId} className=\"mb-2 text-sm font-medium text-foreground\">{legend}</p>\n      <RadioGroup\n        aria-labelledby={legendId}\n        className=\"flex flex-col gap-2\"\n        value={value}\n        onValueChange={(next) => {\n          const item = items.find(candidate => candidate.value === next)\n          if (item) onChange(item.value)\n        }}\n      >\n        {items.map(item => <RadioOption key={item.value} item={item} />)}\n      </RadioGroup>\n    </div>\n  )\n}\n\nfunction RadioOption({ item }: { item: { label: string, description: string, value: string } }) {\n  const id = useId()\n  return (\n    <div className=\"flex items-start gap-2\">\n      <RadioGroupItem id={id} value={item.value} className=\"mt-0.5\" />\n      <Label htmlFor={id} className=\"flex-col items-start gap-0.5\">\n        <span className=\"text-sm font-medium text-foreground\">{item.label}</span>\n        <span className=\"text-sm font-normal text-muted-foreground\">{item.description}</span>\n      </Label>\n    </div>\n  )\n}\n\n/** „Bearbeiten“: Gliederung (structure mode, conversion scope), Bausteine defaults and the visibility of the block handles. */\nexport function SettingsEditingTab({ kinds }: { kinds: readonly CompositeKind[] }) {\n  const { settings, update } = useEditorSettings()\n  const kindLabelId = useId()\n  const splitTargetId = useId()\n  // The target size is edited as text and written back clamped to its range when the field is left, so a half-typed number never reaches the settings.\n  const [splitTarget, setSplitTarget] = useState(String(settings.blocks.splitTargetChars))\n  useEffect(() => { setSplitTarget(String(settings.blocks.splitTargetChars)) }, [settings.blocks.splitTargetChars])\n  const commitSplitTarget = () => {\n    const next = clampSplitTargetChars(splitTarget, settings.blocks.splitTargetChars)\n    update((draft) => { draft.blocks.splitTargetChars = next })\n    setSplitTarget(String(next))\n  }\n  const { t } = useEditorI18n()\n  const structureItems = optionItems(STRUCTURE_MODES, STRUCTURE_MODE_KEYS, t)\n  const scopeItems = optionItems(HEADING_CONVERSION_SCOPES, HEADING_SCOPE_KEYS, t)\n  const treeRootItems = optionItems(TREE_ROOTS, TREE_ROOT_KEYS, t)\n  const kindIconItems = optionItems(KIND_ICON_VISIBILITIES, KIND_ICON_KEYS, t)\n  const dragHandleItems = optionItems(DRAG_HANDLE_VISIBILITIES, DRAG_HANDLE_KEYS, t)\n\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <SettingsSection title={t('composites.settings.structure.title')}>\n        <RadioField\n          legend={t('composites.settings.structure.legend')}\n          items={structureItems}\n          value={settings.blocks.structure}\n          onChange={value => update((draft) => { draft.blocks.structure = value })}\n        />\n        <RadioField\n          legend={t('composites.settings.scope.legend')}\n          items={scopeItems}\n          value={settings.editing.headingConversionScope}\n          onChange={value => update((draft) => { draft.editing.headingConversionScope = value })}\n        />\n      </SettingsSection>\n\n      <SettingsSection title={t('composites.settings.sidebar.title')}>\n        <RadioField\n          legend={t('composites.settings.treeRoot.legend')}\n          items={treeRootItems}\n          value={settings.blocks.treeRoot}\n          onChange={value => update((draft) => { draft.blocks.treeRoot = value })}\n        />\n      </SettingsSection>\n\n      <SettingsSection title={t('composites.settings.composites.title')}>\n        <div className=\"flex items-start justify-between gap-4 py-3\">\n          <div className=\"min-w-0 flex-1\">\n            <Label id={kindLabelId} className=\"text-sm font-medium text-foreground\">{t('composites.settings.defaultKind.label')}</Label>\n            <p className=\"text-sm text-muted-foreground\">{t('composites.settings.defaultKind.description')}</p>\n          </div>\n          <Select value={settings.blocks.defaultKind} onValueChange={value => update((draft) => { draft.blocks.defaultKind = value })}>\n            <SelectTrigger aria-labelledby={kindLabelId} className=\"w-64\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {kinds.map(kind => (\n                <SelectItem key={kind.id} value={kind.id}>\n                  <Icon name={kind.icon} />\n                  {kind.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex items-start justify-between gap-4 py-3\">\n          <Label htmlFor={splitTargetId} className=\"min-w-0 flex-1 text-sm font-medium text-foreground\">{t('settings.editing.splitTargetChars')}</Label>\n          <Input\n            id={splitTargetId}\n            type=\"number\"\n            min={SPLIT_TARGET_CHARS_MIN}\n            max={SPLIT_TARGET_CHARS_MAX}\n            step={100}\n            className=\"w-32\"\n            value={splitTarget}\n            onChange={event => setSplitTarget(event.target.value)}\n            onBlur={commitSplitTarget}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter') commitSplitTarget()\n            }}\n          />\n        </div>\n        <RadioField\n          legend={t('composites.settings.kindIcon.legend')}\n          items={kindIconItems}\n          value={settings.blocks.kindIcon}\n          onChange={value => update((draft) => { draft.blocks.kindIcon = value })}\n        />\n        <RadioField\n          legend={t('composites.settings.dragHandle.legend')}\n          items={dragHandleItems}\n          value={settings.blocks.dragHandle}\n          onChange={value => update((draft) => { draft.blocks.dragHandle = value })}\n        />\n      </SettingsSection>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/features/composites/react.d.ts

@@ -10,6 +10,7 @@ import { CompositeSummaryEditor } from "./react/CompositeSummaryEditor.js";
 import { CompositeTable } from "./react/CompositeTable.js";
 import { CompositeTagsEditor } from "./react/CompositeTagsEditor.js";
 import { CompositeView } from "./react/CompositeView.js";
+import { FocusChip } from "./react/FocusChip.js";
 import { ReferenceView } from "./react/ReferenceView.js";
 import { SettingsEditingTab } from "./react/SettingsEditingTab.js";
 import { useCompositeAnchors } from "./react/use-composite-anchors.js";
@@ -21,5 +22,5 @@ import { useCompositeRows } from "./react/use-composite-rows.js";
  */
 export declare function compositeFeature(options?: CompositeFeatureOptions): ReactFeature;
 //#endregion
-export { CompositeChrome, CompositeDetails, CompositeFieldEditor, CompositeInspector, CompositeStatusMenu, CompositeSummaryEditor, CompositeTable, CompositeTagsEditor, CompositeView, ReferenceView, SettingsEditingTab, useCompositeAnchors, useCompositeRows };
+export { CompositeChrome, CompositeDetails, CompositeFieldEditor, CompositeInspector, CompositeStatusMenu, CompositeSummaryEditor, CompositeTable, CompositeTagsEditor, CompositeView, FocusChip, ReferenceView, SettingsEditingTab, useCompositeAnchors, useCompositeRows };
 //# sourceMappingURL=react.d.ts.map

package/dist/features/composites/react.js

@@ -9,6 +9,7 @@ import { useCompositeAnchors } from "./react/use-composite-anchors.js";
 import { CompositeChrome } from "./react/CompositeChrome.js";
 import { ReferenceView } from "./react/ReferenceView.js";
 import { CompositeView } from "./react/CompositeView.js";
+import { FocusChip } from "./react/FocusChip.js";
 import { SettingsEditingTab } from "./react/SettingsEditingTab.js";
 import { CompositeInspector } from "./react/CompositeInspector.js";
 import { CompositeTable } from "./react/CompositeTable.js";
@@ -21,6 +22,7 @@ import { ReactNodeViewRenderer } from "@tiptap/react";
 function compositeFeature(options = {}) {
 	return compositeFeatureCore({
 		chrome: CompositeChrome,
+		focusChip: FocusChip,
 		settingsTab: SettingsEditingTab,
 		nodeViews: {
 			composite: ReactNodeViewRenderer(CompositeView),
@@ -29,6 +31,6 @@ function compositeFeature(options = {}) {
 	}, options);
 }
 //#endregion
-export { CompositeChrome, CompositeDetails, CompositeFieldEditor, CompositeInspector, CompositeStatusMenu, CompositeSummaryEditor, CompositeTable, CompositeTagsEditor, CompositeView, ReferenceView, SettingsEditingTab, compositeFeature, useCompositeAnchors, useCompositeRows };
+export { CompositeChrome, CompositeDetails, CompositeFieldEditor, CompositeInspector, CompositeStatusMenu, CompositeSummaryEditor, CompositeTable, CompositeTagsEditor, CompositeView, FocusChip, ReferenceView, SettingsEditingTab, compositeFeature, useCompositeAnchors, useCompositeRows };
 
 //# sourceMappingURL=react.js.map

package/dist/features/composites/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","names":[],"sources":["../../../src/features/composites/react.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { ReactNodeViewRenderer } from '@tiptap/react'\nimport type { ComponentType } from 'react'\nimport type { ReactFeature } from '../../react'\nimport { type CompositeFeatureOptions, compositeFeatureCore } from './feature'\nimport { CompositeChrome } from './react/CompositeChrome'\nimport { ReferenceView } from './react/ReferenceView'\nimport { CompositeView } from './react/CompositeView'\nimport { SettingsEditingTab } from './react/SettingsEditingTab'\n\nexport { CompositeChrome } from './react/CompositeChrome'\nexport { CompositeDetails } from './react/CompositeDetails'\nexport { CompositeFieldEditor } from './react/CompositeFieldEditor'\nexport { CompositeInspector } from './react/CompositeInspector'\nexport { CompositeStatusMenu } from './react/CompositeStatusMenu'\nexport { CompositeSummaryEditor } from './react/CompositeSummaryEditor'\nexport { CompositeTable } from './react/CompositeTable'\nexport { CompositeTagsEditor } from './react/CompositeTagsEditor'\nexport { CompositeView } from './react/CompositeView'\nexport { ReferenceView } from './react/ReferenceView'\nexport { SettingsEditingTab } from './react/SettingsEditingTab'\nexport { useCompositeAnchors } from './react/use-composite-anchors'\nexport { useCompositeRows } from './react/use-composite-rows'\n\n/**\n * The React composites feature (shadcn): see `compositeFeatureCore`. The host places `CompositeTable` and\n * `CompositeInspector` beside the editor.\n */\nexport function compositeFeature(options: CompositeFeatureOptions = {}): ReactFeature {\n  return compositeFeatureCore<ComponentType<{ editor: Editor }>>({\n    chrome: CompositeChrome,\n    // A settings tab receives only its descriptor's `props` (`{ kinds }`), not the toolbar's `{ editor }` (see `EditorSettingsPanel`).\n    settingsTab: SettingsEditingTab as unknown as ComponentType<{ editor: Editor }>,\n    nodeViews: { composite: ReactNodeViewRenderer(CompositeView), reference: ReactNodeViewRenderer(ReferenceView) },\n  }, options)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BA,SAAgB,iBAAiB,UAAmC,CAAC,GAAiB;CACpF,OAAO,qBAAwD;EAC7D,QAAQ;EAER,aAAa;EACb,WAAW;GAAE,WAAW,sBAAsB,aAAa;GAAG,WAAW,sBAAsB,aAAa;EAAE;CAChH,GAAG,OAAO;AACZ"}
+{"version":3,"file":"react.js","names":[],"sources":["../../../src/features/composites/react.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { ReactNodeViewRenderer } from '@tiptap/react'\nimport type { ComponentType } from 'react'\nimport type { ReactFeature } from '../../react'\nimport { type CompositeFeatureOptions, compositeFeatureCore } from './feature'\nimport { CompositeChrome } from './react/CompositeChrome'\nimport { ReferenceView } from './react/ReferenceView'\nimport { CompositeView } from './react/CompositeView'\nimport { FocusChip } from './react/FocusChip'\nimport { SettingsEditingTab } from './react/SettingsEditingTab'\n\nexport { CompositeChrome } from './react/CompositeChrome'\nexport { CompositeDetails } from './react/CompositeDetails'\nexport { CompositeFieldEditor } from './react/CompositeFieldEditor'\nexport { CompositeInspector } from './react/CompositeInspector'\nexport { CompositeStatusMenu } from './react/CompositeStatusMenu'\nexport { CompositeSummaryEditor } from './react/CompositeSummaryEditor'\nexport { CompositeTable } from './react/CompositeTable'\nexport { CompositeTagsEditor } from './react/CompositeTagsEditor'\nexport { CompositeView } from './react/CompositeView'\nexport { FocusChip } from './react/FocusChip'\nexport { ReferenceView } from './react/ReferenceView'\nexport { SettingsEditingTab } from './react/SettingsEditingTab'\nexport { useCompositeAnchors } from './react/use-composite-anchors'\nexport { useCompositeRows } from './react/use-composite-rows'\n\n/**\n * The React composites feature (shadcn): see `compositeFeatureCore`. The host places `CompositeTable` and\n * `CompositeInspector` beside the editor.\n */\nexport function compositeFeature(options: CompositeFeatureOptions = {}): ReactFeature {\n  return compositeFeatureCore<ComponentType<{ editor: Editor }>>({\n    chrome: CompositeChrome,\n    focusChip: FocusChip,\n    // A settings tab receives only its descriptor's `props` (`{ kinds }`), not the toolbar's `{ editor }` (see `EditorSettingsPanel`).\n    settingsTab: SettingsEditingTab as unknown as ComponentType<{ editor: Editor }>,\n    nodeViews: { composite: ReactNodeViewRenderer(CompositeView), reference: ReactNodeViewRenderer(ReferenceView) },\n  }, options)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,iBAAiB,UAAmC,CAAC,GAAiB;CACpF,OAAO,qBAAwD;EAC7D,QAAQ;EACR,WAAW;EAEX,aAAa;EACb,WAAW;GAAE,WAAW,sBAAsB,aAAa;GAAG,WAAW,sBAAsB,aAAa;EAAE;CAChH,GAAG,OAAO;AACZ"}

package/dist/features/composites/schema.d.ts

@@ -1,13 +1,14 @@
 import { CSL_TYPES, CslDate, CslItem, CslName, CslType } from "../../core/backend-types.js";
 import { CompositeAiBrief, compositeAiBrief } from "./ai-brief.js";
 import { CompositeKind, CompositeKindAi, CompositeMetaField, SOURCE_MEDIA_TYPES, compositeKind, defaultCompositeKinds, kindAccepts } from "./kinds.js";
-import { COMPOSITE_CHROME_COUNT, CompositeDescriptionNode, CompositeNode, CompositeOptions, CompositeStorage, CompositeTagsNode, CompositeTitleNode, compositeJSON, compositeKindsOf } from "./nodes.js";
+import { BASKET_IDS, Basket, basketById, basketOf, defaultBaskets, titleHiddenOf } from "./baskets.js";
+import { COMPOSITE_CHROME_COUNT, CompositeDescriptionNode, CompositeNode, CompositeOptions, CompositeStorage, CompositeTagsNode, CompositeTitleNode, compositeBasketsOf, compositeJSON, compositeKindsOf } from "./nodes.js";
 import { REFERENCE_NODE, ReferenceAttrs, ReferenceNode, ReferenceOptions, ReferenceSuggestionPluginKey, referenceMarkdown } from "./reference.js";
 import { compositeConversions, convertCompositeBlocks } from "./convert.js";
 import { CompositeFence, FenceSegment, splitCompositeFences } from "../../core/fences.js";
 import { blocksFromMarkdown, compositeFence, compositeFromMarkdown } from "./fences.js";
 import { compositeChromeBlocks, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, structureBlocks } from "./heading-composites.js";
-import { BIB_KEY, DERIVATION_KEY } from "./meta-keys.js";
+import { BASKET_KEY, BIB_KEY, DERIVATION_KEY, TITLE_HIDDEN_KEY } from "./meta-keys.js";
 import { bibOf, bibtexOf, citeFull, citeShort, cslOf, cslTypeOptions, yearOf } from "./bibliography.js";
 import { Derivation, DerivationMethod, DerivationSource, bodyMarkdown, derivationOf, derivationState, renditionsOf, sourceOf } from "./derivation.js";
 import { LEGACY_COMPOSITE_NODE, migrateLegacyContent } from "./legacy.js";
@@ -21,7 +22,8 @@ import { AnyExtension } from "@tiptap/core";
  */
 export declare function compositeSchemaExtensions(options?: {
   kinds?: readonly CompositeKind[];
+  baskets?: readonly Basket[];
 }): AnyExtension[];
 //#endregion
-export { BIB_KEY, COMPOSITE_CHROME_COUNT, CSL_TYPES, type CompositeAiBrief, CompositeDescriptionNode, type CompositeFence, type CompositeKind, type CompositeKindAi, type CompositeMetaField, CompositeNode, type CompositeOptions, type CompositeStorage, CompositeTagsNode, CompositeTitleNode, type CslDate, type CslItem, type CslName, type CslType, DERIVATION_KEY, type Derivation, type DerivationMethod, type DerivationSource, type FenceSegment, LEGACY_COMPOSITE_NODE, REFERENCE_NODE, type ReferenceAttrs, ReferenceNode, type ReferenceOptions, ReferenceSuggestionPluginKey, SOURCE_MEDIA_TYPES, bibOf, bibtexOf, blocksFromMarkdown, bodyMarkdown, citeFull, citeShort, collectCompositeIds, compositeAiBrief, compositeChromeBlocks, compositeConversions, compositeFence, compositeFromMarkdown, compositeIdsOf, compositeJSON, compositeKind, compositeKindsOf, convertCompositeBlocks, cslOf, cslTypeOptions, defaultCompositeKinds, derivationOf, derivationState, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, kindAccepts, migrateLegacyContent, normalizeReferences, referenceMarkdown, referencesFromText, renditionsOf, sourceOf, splitCompositeFences, structureBlocks, yearOf };
+export { BASKET_IDS, BASKET_KEY, BIB_KEY, type Basket, COMPOSITE_CHROME_COUNT, CSL_TYPES, type CompositeAiBrief, CompositeDescriptionNode, type CompositeFence, type CompositeKind, type CompositeKindAi, type CompositeMetaField, CompositeNode, type CompositeOptions, type CompositeStorage, CompositeTagsNode, CompositeTitleNode, type CslDate, type CslItem, type CslName, type CslType, DERIVATION_KEY, type Derivation, type DerivationMethod, type DerivationSource, type FenceSegment, LEGACY_COMPOSITE_NODE, REFERENCE_NODE, type ReferenceAttrs, ReferenceNode, type ReferenceOptions, ReferenceSuggestionPluginKey, SOURCE_MEDIA_TYPES, TITLE_HIDDEN_KEY, basketById, basketOf, bibOf, bibtexOf, blocksFromMarkdown, bodyMarkdown, citeFull, citeShort, collectCompositeIds, compositeAiBrief, compositeBasketsOf, compositeChromeBlocks, compositeConversions, compositeFence, compositeFromMarkdown, compositeIdsOf, compositeJSON, compositeKind, compositeKindsOf, convertCompositeBlocks, cslOf, cslTypeOptions, defaultBaskets, defaultCompositeKinds, derivationOf, derivationState, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, kindAccepts, migrateLegacyContent, normalizeReferences, referenceMarkdown, referencesFromText, renditionsOf, sourceOf, splitCompositeFences, structureBlocks, titleHiddenOf, yearOf };
 //# sourceMappingURL=schema.d.ts.map

package/dist/features/composites/schema.js

@@ -1,10 +1,11 @@
 import { splitCompositeFences } from "../../core/fences.js";
 import { SOURCE_MEDIA_TYPES, compositeKind, defaultCompositeKinds, kindAccepts } from "./kinds.js";
-import { BIB_KEY, DERIVATION_KEY } from "./meta-keys.js";
+import { BASKET_KEY, BIB_KEY, DERIVATION_KEY, TITLE_HIDDEN_KEY } from "./meta-keys.js";
 import { blocksFromMarkdown, compositeFence, compositeFromMarkdown } from "./fences.js";
+import { BASKET_IDS, basketById, basketOf, defaultBaskets, titleHiddenOf } from "./baskets.js";
 import { bodyMarkdown, derivationOf, derivationState, renditionsOf, sourceOf } from "./derivation.js";
 import { compositeChromeBlocks, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, structureBlocks } from "./heading-composites.js";
-import { COMPOSITE_CHROME_COUNT, CompositeDescriptionNode, CompositeNode, CompositeTagsNode, CompositeTitleNode, compositeJSON, compositeKindsOf } from "./nodes.js";
+import { COMPOSITE_CHROME_COUNT, CompositeDescriptionNode, CompositeNode, CompositeTagsNode, CompositeTitleNode, compositeBasketsOf, compositeJSON, compositeKindsOf } from "./nodes.js";
 import { REFERENCE_NODE, ReferenceNode, ReferenceSuggestionPluginKey, referenceMarkdown } from "./reference.js";
 import { CSL_TYPES } from "../../core/backend-types.js";
 import { bibOf, bibtexOf, citeFull, citeShort, cslOf, cslTypeOptions, yearOf } from "./bibliography.js";
@@ -20,7 +21,10 @@ import { collectCompositeIds, compositeIdsOf, normalizeReferences, referencesFro
 */
 function compositeSchemaExtensions(options = {}) {
 	return [
-		CompositeNode.configure(options.kinds ? { kinds: options.kinds } : {}),
+		CompositeNode.configure({
+			...options.kinds && { kinds: options.kinds },
+			...options.baskets && { baskets: options.baskets }
+		}),
 		CompositeTitleNode,
 		CompositeDescriptionNode,
 		CompositeTagsNode,
@@ -28,6 +32,6 @@ function compositeSchemaExtensions(options = {}) {
 	];
 }
 //#endregion
-export { BIB_KEY, COMPOSITE_CHROME_COUNT, CSL_TYPES, CompositeDescriptionNode, CompositeNode, CompositeTagsNode, CompositeTitleNode, DERIVATION_KEY, LEGACY_COMPOSITE_NODE, REFERENCE_NODE, ReferenceNode, ReferenceSuggestionPluginKey, SOURCE_MEDIA_TYPES, bibOf, bibtexOf, blocksFromMarkdown, bodyMarkdown, citeFull, citeShort, collectCompositeIds, compositeAiBrief, compositeChromeBlocks, compositeConversions, compositeFence, compositeFromMarkdown, compositeIdsOf, compositeJSON, compositeKind, compositeKindsOf, compositeSchemaExtensions, convertCompositeBlocks, cslOf, cslTypeOptions, defaultCompositeKinds, derivationOf, derivationState, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, kindAccepts, migrateLegacyContent, normalizeReferences, referenceMarkdown, referencesFromText, renditionsOf, sourceOf, splitCompositeFences, structureBlocks, yearOf };
+export { BASKET_IDS, BASKET_KEY, BIB_KEY, COMPOSITE_CHROME_COUNT, CSL_TYPES, CompositeDescriptionNode, CompositeNode, CompositeTagsNode, CompositeTitleNode, DERIVATION_KEY, LEGACY_COMPOSITE_NODE, REFERENCE_NODE, ReferenceNode, ReferenceSuggestionPluginKey, SOURCE_MEDIA_TYPES, TITLE_HIDDEN_KEY, basketById, basketOf, bibOf, bibtexOf, blocksFromMarkdown, bodyMarkdown, citeFull, citeShort, collectCompositeIds, compositeAiBrief, compositeBasketsOf, compositeChromeBlocks, compositeConversions, compositeFence, compositeFromMarkdown, compositeIdsOf, compositeJSON, compositeKind, compositeKindsOf, compositeSchemaExtensions, convertCompositeBlocks, cslOf, cslTypeOptions, defaultBaskets, defaultCompositeKinds, derivationOf, derivationState, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, kindAccepts, migrateLegacyContent, normalizeReferences, referenceMarkdown, referencesFromText, renditionsOf, sourceOf, splitCompositeFences, structureBlocks, titleHiddenOf, yearOf };
 
 //# sourceMappingURL=schema.js.map

package/dist/features/composites/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","names":[],"sources":["../../../src/features/composites/schema.ts"],"sourcesContent":["// Vue-free entry of the composite feature (`@ecsplico/editor/composites/schema`): the node family, kinds, Markdown\n// fences, legacy migration, heading↔composite transforms and conversions. Servers build their schema from it; it never\n// imports node views, components or the feature factory.\nimport type { AnyExtension } from '@tiptap/core'\nimport { type CompositeKind } from './kinds'\nimport { CompositeNode, CompositeDescriptionNode, CompositeTagsNode, CompositeTitleNode } from './nodes'\nimport { ReferenceNode } from './reference'\n\nexport { type CompositeAiBrief, compositeAiBrief } from './ai-brief'\nexport { compositeConversions, convertCompositeBlocks } from './convert'\nexport { blocksFromMarkdown, type CompositeFence, compositeFence, compositeFromMarkdown, type FenceSegment, splitCompositeFences } from './fences'\nexport { compositeChromeBlocks, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, structureBlocks } from './heading-composites'\nexport { BIB_KEY, bibOf, bibtexOf, citeFull, citeShort, type CslDate, type CslItem, type CslName, type CslType, CSL_TYPES, cslOf, cslTypeOptions, yearOf } from './bibliography'\nexport { bodyMarkdown, DERIVATION_KEY, type Derivation, derivationOf, derivationState, type DerivationMethod, type DerivationSource, renditionsOf, sourceOf } from './derivation'\nexport { type CompositeKind, type CompositeKindAi, type CompositeMetaField, compositeKind, defaultCompositeKinds, kindAccepts, SOURCE_MEDIA_TYPES } from './kinds'\nexport { LEGACY_COMPOSITE_NODE, migrateLegacyContent } from './legacy'\nexport { REFERENCE_NODE, type ReferenceAttrs, referenceMarkdown, ReferenceNode, type ReferenceOptions, ReferenceSuggestionPluginKey } from './reference'\nexport { compositeIdsOf, collectCompositeIds, normalizeReferences, referencesFromText } from './reference-text'\nexport {\n  COMPOSITE_CHROME_COUNT,\n  compositeJSON,\n  compositeKindsOf,\n  CompositeDescriptionNode,\n  CompositeNode,\n  type CompositeOptions,\n  type CompositeStorage,\n  CompositeTagsNode,\n  CompositeTitleNode,\n} from './nodes'\n\n/**\n * The schema-bearing composite family (composite, title, description, tags, and the inline `reference` chip) without node views, to append to\n * `coreSchemaExtensions()`: `getSchema([...coreSchemaExtensions(), ...compositeSchemaExtensions({ kinds })])`. `kinds`\n * is the host's kind list (default: the built-in kinds in German, `defaultCompositeKinds`); it is storage, not schema.\n */\nexport function compositeSchemaExtensions(options: { kinds?: readonly CompositeKind[] } = {}): AnyExtension[] {\n  return [CompositeNode.configure(options.kinds ? { kinds: options.kinds } : {}), CompositeTitleNode, CompositeDescriptionNode, CompositeTagsNode, ReferenceNode]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmCA,SAAgB,0BAA0B,UAAgD,CAAC,GAAmB;CAC5G,OAAO;EAAC,cAAc,UAAU,QAAQ,QAAQ,EAAE,OAAO,QAAQ,MAAM,IAAI,CAAC,CAAC;EAAG;EAAoB;EAA0B;EAAmB;CAAa;AAChK"}
+{"version":3,"file":"schema.js","names":[],"sources":["../../../src/features/composites/schema.ts"],"sourcesContent":["// Vue-free entry of the composite feature (`@ecsplico/editor/composites/schema`): the node family, kinds, Markdown\n// fences, legacy migration, heading↔composite transforms and conversions. Servers build their schema from it; it never\n// imports node views, components or the feature factory.\nimport type { AnyExtension } from '@tiptap/core'\nimport type { Basket } from './baskets'\nimport { type CompositeKind } from './kinds'\nimport { CompositeNode, CompositeDescriptionNode, CompositeTagsNode, CompositeTitleNode } from './nodes'\nimport { ReferenceNode } from './reference'\n\nexport { type CompositeAiBrief, compositeAiBrief } from './ai-brief'\nexport { type Basket, BASKET_IDS, basketById, basketOf, defaultBaskets, titleHiddenOf } from './baskets'\nexport { compositeConversions, convertCompositeBlocks } from './convert'\nexport { blocksFromMarkdown, type CompositeFence, compositeFence, compositeFromMarkdown, type FenceSegment, splitCompositeFences } from './fences'\nexport { compositeChromeBlocks, flattenCompositesToHeadings, groupHeadingsIntoComposites, headingGroupRange, structureBlocks } from './heading-composites'\nexport { BIB_KEY, bibOf, bibtexOf, citeFull, citeShort, type CslDate, type CslItem, type CslName, type CslType, CSL_TYPES, cslOf, cslTypeOptions, yearOf } from './bibliography'\nexport { bodyMarkdown, DERIVATION_KEY, type Derivation, derivationOf, derivationState, type DerivationMethod, type DerivationSource, renditionsOf, sourceOf } from './derivation'\nexport { type CompositeKind, type CompositeKindAi, type CompositeMetaField, compositeKind, defaultCompositeKinds, kindAccepts, SOURCE_MEDIA_TYPES } from './kinds'\nexport { BASKET_KEY, TITLE_HIDDEN_KEY } from './meta-keys'\nexport { LEGACY_COMPOSITE_NODE, migrateLegacyContent } from './legacy'\nexport { REFERENCE_NODE, type ReferenceAttrs, referenceMarkdown, ReferenceNode, type ReferenceOptions, ReferenceSuggestionPluginKey } from './reference'\nexport { compositeIdsOf, collectCompositeIds, normalizeReferences, referencesFromText } from './reference-text'\nexport {\n  COMPOSITE_CHROME_COUNT,\n  compositeJSON,\n  compositeBasketsOf,\n  compositeKindsOf,\n  CompositeDescriptionNode,\n  CompositeNode,\n  type CompositeOptions,\n  type CompositeStorage,\n  CompositeTagsNode,\n  CompositeTitleNode,\n} from './nodes'\n\n/**\n * The schema-bearing composite family (composite, title, description, tags, and the inline `reference` chip) without node views, to append to\n * `coreSchemaExtensions()`: `getSchema([...coreSchemaExtensions(), ...compositeSchemaExtensions({ kinds })])`. `kinds`\n * is the host's kind list (default: the built-in kinds in German, `defaultCompositeKinds`); it is storage, not schema.\n */\nexport function compositeSchemaExtensions(options: { kinds?: readonly CompositeKind[], baskets?: readonly Basket[] } = {}): AnyExtension[] {\n  return [CompositeNode.configure({ ...(options.kinds && { kinds: options.kinds }), ...(options.baskets && { baskets: options.baskets }) }), CompositeTitleNode, CompositeDescriptionNode, CompositeTagsNode, ReferenceNode]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuCA,SAAgB,0BAA0B,UAA6E,CAAC,GAAmB;CACzI,OAAO;EAAC,cAAc,UAAU;GAAE,GAAI,QAAQ,SAAS,EAAE,OAAO,QAAQ,MAAM;GAAI,GAAI,QAAQ,WAAW,EAAE,SAAS,QAAQ,QAAQ;EAAG,CAAC;EAAG;EAAoB;EAA0B;EAAmB;CAAa;AAC3N"}

package/dist/features/composites/split.d.ts

@@ -0,0 +1,62 @@
+import { CompositeKind } from "./kinds.js";
+import { Extension } from "@tiptap/core";
+import { Node as Node$1, Schema } from "@tiptap/pm/model";
+//#region src/features/composites/split.d.ts
+/** Where the parts of a split go: next to the split Baustein (`siblings`) or into it as sub-Bausteine (`children`). */
+export type SplitMode = 'siblings' | 'children';
+/**
+ * Groups `blocks` in order so that no group exceeds `targetChars` text characters, never splitting inside a block: a
+ * new group starts when adding the block would exceed the target and the group is not empty, so a single block longer
+ * than the target forms a group of its own.
+ */
+export declare function splitBodyByLength(blocks: readonly Node$1[], targetChars: number): Node$1[][];
+/**
+ * Title for a part holding `blocks`: the first sentence of its first textblock (up to the first `.`, `!` or `?` that
+ * is followed by white space or ends the text; the mark itself is left out), at most 60 characters, `…` appended when
+ * cut. '' when the blocks hold no text.
+ */
+export declare function generatedTitle(blocks: readonly Node$1[]): string;
+/**
+ * Kind of the sub-Bausteine a split of a `parentKind` Baustein creates: `defaultKind` when the parent accepts it, else
+ * the parent's own kind when it accepts itself, else null (the split is refused).
+ */
+export declare function childKindFor(kinds: readonly CompositeKind[], parentKind: string, defaultKind: string): string | null;
+/**
+ * The nodes that replace `composite` once its body is cut into `groups` (in order, each non-empty).
+ * - `children`: one node, `composite` with its own title, description, tags and meta whose body is one new Baustein of
+ *   `childKind` per group.
+ * - `siblings`: `composite` itself keeping the first group, then one new Baustein of the same kind per further group.
+ * New parts carry a generated title, hidden when `hideTitles`, and no block id.
+ */
+export declare function splitComposite(schema: Schema, composite: Node$1, groups: readonly (readonly Node$1[])[], mode: SplitMode, childKind: string, hideTitles: boolean): Node$1[];
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    compositeSplit: {
+      /**
+       * Split the caret's innermost Baustein in front of the body block holding the caret (refused when that is the first body block or the caret is not in a body): the part before and the part from the caret on become sibling Bausteine or sub-Bausteine (`children`, of the default kind or the parent's own; refused when neither is accepted). The caret moves into the new part.
+       */
+      splitCompositeAtCaret: (options: {
+        mode: SplitMode;
+      }) => ReturnType;
+      /**
+       * Split the Baustein at `pos` (default: the caret's innermost one) into parts of about `targetChars` characters (default: setting `blocks.splitTargetChars`) without cutting inside a block. Refused with fewer than two parts, or in `children` mode when no child kind is accepted. The generated titles are hidden.
+       */
+      splitCompositeByLength: (options: {
+        mode: SplitMode;
+        targetChars?: number;
+        pos?: number;
+      }) => ReturnType;
+    };
+  }
+}
+/** Options of `CompositeSplit`: read on every use, so a changed setting applies without recreating the editor. */
+export interface CompositeSplitOptions {
+  /** Kind of the sub-Bausteine a `children` split creates when the parent accepts it (setting `blocks.defaultKind`). */
+  defaultKind: () => string;
+  /** Target size in characters of a length split (setting `blocks.splitTargetChars`). */
+  targetChars: () => number;
+}
+/** Client-only, no schema: the split commands of Bausteine. */
+export declare const CompositeSplit: Extension<CompositeSplitOptions, any>;
+//#endregion
+//# sourceMappingURL=split.d.ts.map

package/dist/features/composites/split.js

@@ -0,0 +1,172 @@
+import { EDITOR_SETTINGS_DEFAULTS } from "../../settings/index.js";
+import { kindAccepts } from "./kinds.js";
+import { TITLE_HIDDEN_KEY } from "./meta-keys.js";
+import { compositeAround, compositeKindsOf } from "./nodes.js";
+import { Extension } from "@tiptap/core";
+import { TextSelection } from "@tiptap/pm/state";
+import { Fragment } from "@tiptap/pm/model";
+//#region src/features/composites/split.ts
+/** Longest generated title; a longer first sentence is cut and ends in `…`. */
+const TITLE_MAX_CHARS = 60;
+/**
+* Groups `blocks` in order so that no group exceeds `targetChars` text characters, never splitting inside a block: a
+* new group starts when adding the block would exceed the target and the group is not empty, so a single block longer
+* than the target forms a group of its own.
+*/
+function splitBodyByLength(blocks, targetChars) {
+	const groups = [];
+	let current = [];
+	let size = 0;
+	for (const block of blocks) {
+		const chars = block.textContent.length;
+		if (current.length && size + chars > targetChars) {
+			groups.push(current);
+			current = [];
+			size = 0;
+		}
+		current.push(block);
+		size += chars;
+	}
+	if (current.length) groups.push(current);
+	return groups;
+}
+/** Text of the first non-empty textblock in `blocks` (nested ones included), or ''. */
+function firstText(blocks) {
+	let found = "";
+	for (const block of blocks) {
+		if (block.isTextblock) found = block.textContent.trim();
+		else block.descendants((node) => {
+			if (found) return false;
+			if (node.isTextblock) found = node.textContent.trim();
+			return !node.isTextblock;
+		});
+		if (found) return found;
+	}
+	return "";
+}
+/**
+* Title for a part holding `blocks`: the first sentence of its first textblock (up to the first `.`, `!` or `?` that
+* is followed by white space or ends the text; the mark itself is left out), at most 60 characters, `…` appended when
+* cut. '' when the blocks hold no text.
+*/
+function generatedTitle(blocks) {
+	const text = firstText(blocks).replace(/\s+/g, " ");
+	const end = text.search(/[.!?](?=\s|$)/);
+	const sentence = (end === -1 ? text : text.slice(0, end)).trim();
+	return sentence.length > TITLE_MAX_CHARS ? `${sentence.slice(0, TITLE_MAX_CHARS).trimEnd()}…` : sentence;
+}
+/**
+* Kind of the sub-Bausteine a split of a `parentKind` Baustein creates: `defaultKind` when the parent accepts it, else
+* the parent's own kind when it accepts itself, else null (the split is refused).
+*/
+function childKindFor(kinds, parentKind, defaultKind) {
+	if (kindAccepts(kinds, parentKind, defaultKind)) return defaultKind;
+	if (kindAccepts(kinds, parentKind, parentKind)) return parentKind;
+	return null;
+}
+function chromeOf(composite) {
+	const chrome = [];
+	for (let i = 0; i < 3; i++) chrome.push(composite.child(i));
+	return chrome;
+}
+function bodyOf(composite) {
+	const body = [];
+	composite.forEach((child, _offset, index) => {
+		if (index >= 3) body.push(child);
+	});
+	return body;
+}
+/** A new Baustein of `kind` holding `group`, titled by `generatedTitle(group)`. */
+function newPart(schema, kind, group, hideTitle) {
+	const { nodes } = schema;
+	const title = generatedTitle(group);
+	return nodes.composite.create({
+		kind,
+		meta: hideTitle ? { [TITLE_HIDDEN_KEY]: true } : {}
+	}, [
+		nodes.compositeTitle.create(null, title ? schema.text(title) : null),
+		nodes.compositeDescription.create(),
+		nodes.compositeTags.create(),
+		...group.length ? group : [nodes.paragraph.create()]
+	]);
+}
+/**
+* The nodes that replace `composite` once its body is cut into `groups` (in order, each non-empty).
+* - `children`: one node, `composite` with its own title, description, tags and meta whose body is one new Baustein of
+*   `childKind` per group.
+* - `siblings`: `composite` itself keeping the first group, then one new Baustein of the same kind per further group.
+* New parts carry a generated title, hidden when `hideTitles`, and no block id.
+*/
+function splitComposite(schema, composite, groups, mode, childKind, hideTitles) {
+	const chrome = chromeOf(composite);
+	if (mode === "children") return [composite.copy(Fragment.from([...chrome, ...groups.map((group) => newPart(schema, childKind, group, hideTitles))]))];
+	const [first = [], ...rest] = groups;
+	return [composite.copy(Fragment.from([...chrome, ...first.length ? first : [schema.nodes.paragraph.create()]])), ...rest.map((group) => newPart(schema, composite.attrs.kind, group, hideTitles))];
+}
+/** The composite whose content starts at `pos` in `state`, or the caret's innermost one when `pos` is undefined. */
+function targetComposite(state, pos) {
+	if (pos === void 0) return compositeAround(state.selection.$head);
+	const node = state.doc.nodeAt(pos);
+	return node?.type.name === "composite" ? {
+		pos,
+		node
+	} : null;
+}
+/** Position right in front of the body of `composite`, which starts at `pos`. */
+function bodyStartOf(pos, composite) {
+	return pos + 1 + chromeOf(composite).reduce((size, child) => size + child.nodeSize, 0);
+}
+/** Position in front of the body of the last part among `nodes`, which replaced a composite starting at `pos`. */
+function lastPartBodyStart(pos, nodes, mode) {
+	if (mode === "children") {
+		const parent = nodes[0];
+		const last = parent.lastChild;
+		return bodyStartOf(pos + parent.nodeSize - 1 - last.nodeSize, last);
+	}
+	const last = nodes[nodes.length - 1];
+	return bodyStartOf(pos + nodes.reduce((size, node) => size + node.nodeSize, 0) - last.nodeSize, last);
+}
+/** Client-only, no schema: the split commands of Bausteine. */
+const CompositeSplit = Extension.create({
+	name: "compositeSplit",
+	addOptions: () => ({
+		defaultKind: () => EDITOR_SETTINGS_DEFAULTS.blocks.defaultKind,
+		targetChars: () => EDITOR_SETTINGS_DEFAULTS.blocks.splitTargetChars
+	}),
+	addCommands() {
+		/** The kind of the sub-Bausteine (`children`) or of the composite itself (`siblings`); null when a `children` split has no accepted kind. */
+		const partKind = (composite, mode) => mode === "siblings" ? composite.attrs.kind : childKindFor(compositeKindsOf(this.editor), composite.attrs.kind, this.options.defaultKind());
+		return {
+			splitCompositeAtCaret: ({ mode }) => ({ state, tr, dispatch }) => {
+				const { $head } = state.selection;
+				const found = compositeAround($head);
+				if (!found) return false;
+				const index = $head.index(found.depth) - 3;
+				if (index < 1) return false;
+				const kind = partKind(found.node, mode);
+				if (kind === null) return false;
+				if (dispatch) {
+					const body = bodyOf(found.node);
+					const nodes = splitComposite(state.schema, found.node, [body.slice(0, index), body.slice(index)], mode, kind, true);
+					tr.replaceWith(found.pos, found.pos + found.node.nodeSize, nodes);
+					tr.setSelection(TextSelection.near(tr.doc.resolve(lastPartBodyStart(found.pos, nodes, mode))));
+				}
+				return true;
+			},
+			splitCompositeByLength: ({ mode, targetChars, pos }) => ({ state, tr, dispatch }) => {
+				const found = targetComposite(state, pos);
+				if (!found) return false;
+				const groups = splitBodyByLength(bodyOf(found.node), targetChars ?? this.options.targetChars());
+				if (groups.length < 2) return false;
+				const kind = partKind(found.node, mode);
+				if (kind === null) return false;
+				if (dispatch) tr.replaceWith(found.pos, found.pos + found.node.nodeSize, splitComposite(state.schema, found.node, groups, mode, kind, true));
+				return true;
+			}
+		};
+	}
+});
+//#endregion
+export { CompositeSplit, childKindFor, generatedTitle, splitBodyByLength, splitComposite };
+
+//# sourceMappingURL=split.js.map

package/dist/features/composites/split.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split.js","names":[],"sources":["../../../src/features/composites/split.ts"],"sourcesContent":["// Splitting a Baustein: at the caret or by length, into sibling Bausteine or into sub-Bausteine. The pure parts\n// (`splitBodyByLength`, `generatedTitle`, `childKindFor`, `splitComposite`) know nothing about the editor; the\n// `CompositeSplit` extension wraps them into commands. Generated parts get a title from their first sentence and hide it.\nimport { Extension } from '@tiptap/core'\nimport { Fragment, type Node as PMNode, type Schema } from '@tiptap/pm/model'\nimport { type EditorState, TextSelection } from '@tiptap/pm/state'\nimport { EDITOR_SETTINGS_DEFAULTS } from '../../settings'\nimport { type CompositeKind, kindAccepts } from './kinds'\nimport { TITLE_HIDDEN_KEY } from './meta-keys'\nimport { COMPOSITE_CHROME_COUNT, compositeAround, compositeKindsOf } from './nodes'\n\n/** Where the parts of a split go: next to the split Baustein (`siblings`) or into it as sub-Bausteine (`children`). */\nexport type SplitMode = 'siblings' | 'children'\n\n/** Longest generated title; a longer first sentence is cut and ends in `…`. */\nconst TITLE_MAX_CHARS = 60\n\n/**\n * Groups `blocks` in order so that no group exceeds `targetChars` text characters, never splitting inside a block: a\n * new group starts when adding the block would exceed the target and the group is not empty, so a single block longer\n * than the target forms a group of its own.\n */\nexport function splitBodyByLength(blocks: readonly PMNode[], targetChars: number): PMNode[][] {\n  const groups: PMNode[][] = []\n  let current: PMNode[] = []\n  let size = 0\n  for (const block of blocks) {\n    const chars = block.textContent.length\n    if (current.length && size + chars > targetChars) {\n      groups.push(current)\n      current = []\n      size = 0\n    }\n    current.push(block)\n    size += chars\n  }\n  if (current.length) groups.push(current)\n  return groups\n}\n\n/** Text of the first non-empty textblock in `blocks` (nested ones included), or ''. */\nfunction firstText(blocks: readonly PMNode[]): string {\n  let found = ''\n  for (const block of blocks) {\n    if (block.isTextblock) found = block.textContent.trim()\n    else block.descendants((node) => {\n      if (found) return false\n      if (node.isTextblock) found = node.textContent.trim()\n      return !node.isTextblock\n    })\n    if (found) return found\n  }\n  return ''\n}\n\n/**\n * Title for a part holding `blocks`: the first sentence of its first textblock (up to the first `.`, `!` or `?` that\n * is followed by white space or ends the text; the mark itself is left out), at most 60 characters, `…` appended when\n * cut. '' when the blocks hold no text.\n */\nexport function generatedTitle(blocks: readonly PMNode[]): string {\n  const text = firstText(blocks).replace(/\\s+/g, ' ')\n  const end = text.search(/[.!?](?=\\s|$)/)\n  const sentence = (end === -1 ? text : text.slice(0, end)).trim()\n  return sentence.length > TITLE_MAX_CHARS ? `${sentence.slice(0, TITLE_MAX_CHARS).trimEnd()}…` : sentence\n}\n\n/**\n * Kind of the sub-Bausteine a split of a `parentKind` Baustein creates: `defaultKind` when the parent accepts it, else\n * the parent's own kind when it accepts itself, else null (the split is refused).\n */\nexport function childKindFor(kinds: readonly CompositeKind[], parentKind: string, defaultKind: string): string | null {\n  if (kindAccepts(kinds, parentKind, defaultKind)) return defaultKind\n  if (kindAccepts(kinds, parentKind, parentKind)) return parentKind\n  return null\n}\n\nfunction chromeOf(composite: PMNode): PMNode[] {\n  const chrome: PMNode[] = []\n  for (let i = 0; i < COMPOSITE_CHROME_COUNT; i++) chrome.push(composite.child(i))\n  return chrome\n}\n\nfunction bodyOf(composite: PMNode): PMNode[] {\n  const body: PMNode[] = []\n  composite.forEach((child, _offset, index) => {\n    if (index >= COMPOSITE_CHROME_COUNT) body.push(child)\n  })\n  return body\n}\n\n/** A new Baustein of `kind` holding `group`, titled by `generatedTitle(group)`. */\nfunction newPart(schema: Schema, kind: string, group: readonly PMNode[], hideTitle: boolean): PMNode {\n  const { nodes } = schema\n  const title = generatedTitle(group)\n  return nodes.composite!.create({ kind, meta: hideTitle ? { [TITLE_HIDDEN_KEY]: true } : {} }, [\n    nodes.compositeTitle!.create(null, title ? schema.text(title) : null),\n    nodes.compositeDescription!.create(),\n    nodes.compositeTags!.create(),\n    ...(group.length ? group : [nodes.paragraph!.create()]),\n  ])\n}\n\n/**\n * The nodes that replace `composite` once its body is cut into `groups` (in order, each non-empty).\n * - `children`: one node, `composite` with its own title, description, tags and meta whose body is one new Baustein of\n *   `childKind` per group.\n * - `siblings`: `composite` itself keeping the first group, then one new Baustein of the same kind per further group.\n * New parts carry a generated title, hidden when `hideTitles`, and no block id.\n */\nexport function splitComposite(schema: Schema, composite: PMNode, groups: readonly (readonly PMNode[])[], mode: SplitMode, childKind: string, hideTitles: boolean): PMNode[] {\n  const chrome = chromeOf(composite)\n  if (mode === 'children') return [composite.copy(Fragment.from([...chrome, ...groups.map(group => newPart(schema, childKind, group, hideTitles))]))]\n  const [first = [], ...rest] = groups\n  return [\n    composite.copy(Fragment.from([...chrome, ...(first.length ? first : [schema.nodes.paragraph!.create()])])),\n    ...rest.map(group => newPart(schema, composite.attrs.kind as string, group, hideTitles)),\n  ]\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    compositeSplit: {\n      /**\n       * Split the caret's innermost Baustein in front of the body block holding the caret (refused when that is the first body block or the caret is not in a body): the part before and the part from the caret on become sibling Bausteine or sub-Bausteine (`children`, of the default kind or the parent's own; refused when neither is accepted). The caret moves into the new part.\n       */\n      splitCompositeAtCaret: (options: { mode: SplitMode }) => ReturnType\n      /**\n       * Split the Baustein at `pos` (default: the caret's innermost one) into parts of about `targetChars` characters (default: setting `blocks.splitTargetChars`) without cutting inside a block. Refused with fewer than two parts, or in `children` mode when no child kind is accepted. The generated titles are hidden.\n       */\n      splitCompositeByLength: (options: { mode: SplitMode, targetChars?: number, pos?: number }) => ReturnType\n    }\n  }\n}\n\n/** Options of `CompositeSplit`: read on every use, so a changed setting applies without recreating the editor. */\nexport interface CompositeSplitOptions {\n  /** Kind of the sub-Bausteine a `children` split creates when the parent accepts it (setting `blocks.defaultKind`). */\n  defaultKind: () => string\n  /** Target size in characters of a length split (setting `blocks.splitTargetChars`). */\n  targetChars: () => number\n}\n\n/** The composite whose content starts at `pos` in `state`, or the caret's innermost one when `pos` is undefined. */\nfunction targetComposite(state: EditorState, pos: number | undefined): { pos: number, node: PMNode } | null {\n  if (pos === undefined) return compositeAround(state.selection.$head)\n  const node = state.doc.nodeAt(pos)\n  return node?.type.name === 'composite' ? { pos, node } : null\n}\n\n/** Position right in front of the body of `composite`, which starts at `pos`. */\nfunction bodyStartOf(pos: number, composite: PMNode): number {\n  return pos + 1 + chromeOf(composite).reduce((size, child) => size + child.nodeSize, 0)\n}\n\n/** Position in front of the body of the last part among `nodes`, which replaced a composite starting at `pos`. */\nfunction lastPartBodyStart(pos: number, nodes: readonly PMNode[], mode: SplitMode): number {\n  if (mode === 'children') {\n    const parent = nodes[0]!\n    const last = parent.lastChild!\n    return bodyStartOf(pos + parent.nodeSize - 1 - last.nodeSize, last)\n  }\n  const last = nodes[nodes.length - 1]!\n  return bodyStartOf(pos + nodes.reduce((size, node) => size + node.nodeSize, 0) - last.nodeSize, last)\n}\n\n/** Client-only, no schema: the split commands of Bausteine. */\nexport const CompositeSplit = Extension.create<CompositeSplitOptions>({\n  name: 'compositeSplit',\n  addOptions: () => ({\n    defaultKind: () => EDITOR_SETTINGS_DEFAULTS.blocks.defaultKind,\n    targetChars: () => EDITOR_SETTINGS_DEFAULTS.blocks.splitTargetChars,\n  }),\n  addCommands() {\n    /** The kind of the sub-Bausteine (`children`) or of the composite itself (`siblings`); null when a `children` split has no accepted kind. */\n    const partKind = (composite: PMNode, mode: SplitMode): string | null =>\n      mode === 'siblings' ? composite.attrs.kind as string : childKindFor(compositeKindsOf(this.editor), composite.attrs.kind as string, this.options.defaultKind())\n\n    return {\n      splitCompositeAtCaret: ({ mode }) => ({ state, tr, dispatch }) => {\n        const { $head } = state.selection\n        const found = compositeAround($head)\n        if (!found) return false\n        const index = $head.index(found.depth) - COMPOSITE_CHROME_COUNT\n        if (index < 1) return false\n        const kind = partKind(found.node, mode)\n        if (kind === null) return false\n        if (dispatch) {\n          const body = bodyOf(found.node)\n          const nodes = splitComposite(state.schema, found.node, [body.slice(0, index), body.slice(index)], mode, kind, true)\n          tr.replaceWith(found.pos, found.pos + found.node.nodeSize, nodes)\n          tr.setSelection(TextSelection.near(tr.doc.resolve(lastPartBodyStart(found.pos, nodes, mode))))\n        }\n        return true\n      },\n\n      splitCompositeByLength: ({ mode, targetChars, pos }) => ({ state, tr, dispatch }) => {\n        const found = targetComposite(state, pos)\n        if (!found) return false\n        const groups = splitBodyByLength(bodyOf(found.node), targetChars ?? this.options.targetChars())\n        if (groups.length < 2) return false\n        const kind = partKind(found.node, mode)\n        if (kind === null) return false\n        if (dispatch) tr.replaceWith(found.pos, found.pos + found.node.nodeSize, splitComposite(state.schema, found.node, groups, mode, kind, true))\n        return true\n      },\n    }\n  },\n})\n"],"mappings":"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"}

package/dist/features/composites/vue.d.ts

@@ -9,8 +9,9 @@ import _default$5 from "./components/CompositeSummaryEditor.vue.js";
 import _default$6 from "./components/CompositeTable.vue.js";
 import _default$7 from "./components/CompositeTagsEditor.vue.js";
 import _default$8 from "./components/CompositeView.vue.js";
-import _default$9 from "./components/ReferenceView.vue.js";
-import _default$10 from "./components/SettingsEditingTab.vue.js";
+import _default$9 from "./components/FocusChip.vue.js";
+import _default$10 from "./components/ReferenceView.vue.js";
+import _default$11 from "./components/SettingsEditingTab.vue.js";
 import { useCompositeAnchors } from "./use-composite-anchors.js";
 import { CompositeRowsModel, useCompositeRows } from "./use-composite-rows.js";
 //#region src/features/composites/vue.d.ts
@@ -20,5 +21,5 @@ import { CompositeRowsModel, useCompositeRows } from "./use-composite-rows.js";
  */
 export declare function compositeFeature(options?: CompositeFeatureOptions): VueFeature;
 //#endregion
-export { _default as CompositeChrome, _default$1 as CompositeDetails, _default$2 as CompositeFieldEditor, _default$3 as CompositeInspector, type CompositeRowsModel, _default$4 as CompositeStatusMenu, _default$5 as CompositeSummaryEditor, _default$6 as CompositeTable, _default$7 as CompositeTagsEditor, _default$8 as CompositeView, _default$9 as ReferenceView, _default$10 as SettingsEditingTab, useCompositeAnchors, useCompositeRows };
+export { _default as CompositeChrome, _default$1 as CompositeDetails, _default$2 as CompositeFieldEditor, _default$3 as CompositeInspector, type CompositeRowsModel, _default$4 as CompositeStatusMenu, _default$5 as CompositeSummaryEditor, _default$6 as CompositeTable, _default$7 as CompositeTagsEditor, _default$8 as CompositeView, _default$9 as FocusChip, _default$10 as ReferenceView, _default$11 as SettingsEditingTab, useCompositeAnchors, useCompositeRows };
 //# sourceMappingURL=vue.d.ts.map

package/dist/features/composites/vue.js

@@ -8,8 +8,9 @@ import _sfc_main$4 from "./components/CompositeStatusMenu.js";
 import _sfc_main$7 from "./components/CompositeTagsEditor.js";
 import _sfc_main from "./components/CompositeChrome.js";
 import _sfc_main$8 from "./components/CompositeView.js";
-import _sfc_main$9 from "./components/ReferenceView.js";
-import _sfc_main$10 from "./components/SettingsEditingTab.js";
+import _sfc_main$9 from "./components/FocusChip.js";
+import _sfc_main$10 from "./components/ReferenceView.js";
+import _sfc_main$11 from "./components/SettingsEditingTab.js";
 import _sfc_main$3 from "./components/CompositeInspector.js";
 import _sfc_main$6 from "./components/CompositeTable.js";
 import { VueNodeViewRenderer } from "@tiptap/vue-3";
@@ -21,14 +22,15 @@ import { VueNodeViewRenderer } from "@tiptap/vue-3";
 function compositeFeature(options = {}) {
 	return compositeFeatureCore({
 		chrome: _sfc_main,
-		settingsTab: _sfc_main$10,
+		focusChip: _sfc_main$9,
+		settingsTab: _sfc_main$11,
 		nodeViews: {
 			composite: VueNodeViewRenderer(_sfc_main$8),
-			reference: VueNodeViewRenderer(_sfc_main$9)
+			reference: VueNodeViewRenderer(_sfc_main$10)
 		}
 	}, options);
 }
 //#endregion
-export { _sfc_main as CompositeChrome, _sfc_main$1 as CompositeDetails, _sfc_main$2 as CompositeFieldEditor, _sfc_main$3 as CompositeInspector, _sfc_main$4 as CompositeStatusMenu, _sfc_main$5 as CompositeSummaryEditor, _sfc_main$6 as CompositeTable, _sfc_main$7 as CompositeTagsEditor, _sfc_main$8 as CompositeView, _sfc_main$9 as ReferenceView, _sfc_main$10 as SettingsEditingTab, compositeFeature, useCompositeAnchors, useCompositeRows };
+export { _sfc_main as CompositeChrome, _sfc_main$1 as CompositeDetails, _sfc_main$2 as CompositeFieldEditor, _sfc_main$3 as CompositeInspector, _sfc_main$4 as CompositeStatusMenu, _sfc_main$5 as CompositeSummaryEditor, _sfc_main$6 as CompositeTable, _sfc_main$7 as CompositeTagsEditor, _sfc_main$8 as CompositeView, _sfc_main$9 as FocusChip, _sfc_main$10 as ReferenceView, _sfc_main$11 as SettingsEditingTab, compositeFeature, useCompositeAnchors, useCompositeRows };
 
 //# sourceMappingURL=vue.js.map

package/dist/features/composites/vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue.js","names":["CompositeChrome","SettingsEditingTab","CompositeView","ReferenceView"],"sources":["../../../src/features/composites/vue.ts"],"sourcesContent":["import { VueNodeViewRenderer } from '@tiptap/vue-3'\nimport type { Component } from 'vue'\nimport type { VueFeature } from '../../vue'\nimport CompositeChrome from './components/CompositeChrome.vue'\nimport CompositeView from './components/CompositeView.vue'\nimport ReferenceView from './components/ReferenceView.vue'\nimport SettingsEditingTab from './components/SettingsEditingTab.vue'\nimport { type CompositeFeatureOptions, compositeFeatureCore } from './feature'\n\nexport { default as CompositeChrome } from './components/CompositeChrome.vue'\nexport { default as CompositeDetails } from './components/CompositeDetails.vue'\nexport { default as CompositeFieldEditor } from './components/CompositeFieldEditor.vue'\nexport { default as CompositeInspector } from './components/CompositeInspector.vue'\nexport { default as CompositeStatusMenu } from './components/CompositeStatusMenu.vue'\nexport { default as CompositeSummaryEditor } from './components/CompositeSummaryEditor.vue'\nexport { default as CompositeTable } from './components/CompositeTable.vue'\nexport { default as CompositeTagsEditor } from './components/CompositeTagsEditor.vue'\nexport { default as CompositeView } from './components/CompositeView.vue'\nexport { default as ReferenceView } from './components/ReferenceView.vue'\nexport { default as SettingsEditingTab } from './components/SettingsEditingTab.vue'\nexport { useCompositeAnchors } from './use-composite-anchors'\nexport { type CompositeRowsModel, useCompositeRows } from './use-composite-rows'\n\n/**\n * The Vue composites feature (Nuxt UI): see `compositeFeatureCore`. The host places `CompositeTable` and\n * `CompositeInspector` beside the editor.\n */\nexport function compositeFeature(options: CompositeFeatureOptions = {}): VueFeature {\n  return compositeFeatureCore<Component>({\n    chrome: CompositeChrome,\n    settingsTab: SettingsEditingTab,\n    nodeViews: { composite: VueNodeViewRenderer(CompositeView), reference: VueNodeViewRenderer(ReferenceView) },\n  }, options)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2BA,SAAgB,iBAAiB,UAAmC,CAAC,GAAe;CAClF,OAAO,qBAAgC;EACrC,QAAQA;EACR,aAAaC;EACb,WAAW;GAAE,WAAW,oBAAoBC,WAAa;GAAG,WAAW,oBAAoBC,WAAa;EAAE;CAC5G,GAAG,OAAO;AACZ"}
+{"version":3,"file":"vue.js","names":["CompositeChrome","FocusChip","SettingsEditingTab","CompositeView","ReferenceView"],"sources":["../../../src/features/composites/vue.ts"],"sourcesContent":["import { VueNodeViewRenderer } from '@tiptap/vue-3'\nimport type { Component } from 'vue'\nimport type { VueFeature } from '../../vue'\nimport CompositeChrome from './components/CompositeChrome.vue'\nimport CompositeView from './components/CompositeView.vue'\nimport FocusChip from './components/FocusChip.vue'\nimport ReferenceView from './components/ReferenceView.vue'\nimport SettingsEditingTab from './components/SettingsEditingTab.vue'\nimport { type CompositeFeatureOptions, compositeFeatureCore } from './feature'\n\nexport { default as CompositeChrome } from './components/CompositeChrome.vue'\nexport { default as CompositeDetails } from './components/CompositeDetails.vue'\nexport { default as CompositeFieldEditor } from './components/CompositeFieldEditor.vue'\nexport { default as CompositeInspector } from './components/CompositeInspector.vue'\nexport { default as CompositeStatusMenu } from './components/CompositeStatusMenu.vue'\nexport { default as CompositeSummaryEditor } from './components/CompositeSummaryEditor.vue'\nexport { default as CompositeTable } from './components/CompositeTable.vue'\nexport { default as CompositeTagsEditor } from './components/CompositeTagsEditor.vue'\nexport { default as CompositeView } from './components/CompositeView.vue'\nexport { default as FocusChip } from './components/FocusChip.vue'\nexport { default as ReferenceView } from './components/ReferenceView.vue'\nexport { default as SettingsEditingTab } from './components/SettingsEditingTab.vue'\nexport { useCompositeAnchors } from './use-composite-anchors'\nexport { type CompositeRowsModel, useCompositeRows } from './use-composite-rows'\n\n/**\n * The Vue composites feature (Nuxt UI): see `compositeFeatureCore`. The host places `CompositeTable` and\n * `CompositeInspector` beside the editor.\n */\nexport function compositeFeature(options: CompositeFeatureOptions = {}): VueFeature {\n  return compositeFeatureCore<Component>({\n    chrome: CompositeChrome,\n    focusChip: FocusChip,\n    settingsTab: SettingsEditingTab,\n    nodeViews: { composite: VueNodeViewRenderer(CompositeView), reference: VueNodeViewRenderer(ReferenceView) },\n  }, options)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,iBAAiB,UAAmC,CAAC,GAAe;CAClF,OAAO,qBAAgC;EACrC,QAAQA;EACR,WAAWC;EACX,aAAaC;EACb,WAAW;GAAE,WAAW,oBAAoBC,WAAa;GAAG,WAAW,oBAAoBC,YAAa;EAAE;CAC5G,GAAG,OAAO;AACZ"}

package/dist/features/media/index.js

@@ -1,7 +1,7 @@
 import { MAX_MEDIA_BYTES, MEDIA_TYPES, acceptFor, mediaKindOf, mediaMime } from "./schema.js";
+import { createAudioRecorder } from "./audio-recorder.js";
 import { AUDIO_RECORDER_OPEN, Media, fileNodeFor, formatBytes, mediaNodeFor, openAudioRecorder, pickFiles, uploadOf } from "./upload.js";
 import { MAX_TEXT_BYTES, fileImport, isTextFile } from "./file-import.js";
 import { mediaBlocks, playerOptions } from "./node-views.js";
 import { mediaFeatureCore } from "./feature.js";
-import { createAudioRecorder } from "./audio-recorder.js";
 export { AUDIO_RECORDER_OPEN, MAX_MEDIA_BYTES, MAX_TEXT_BYTES, MEDIA_TYPES, Media, acceptFor, createAudioRecorder, fileImport, fileNodeFor, formatBytes, isTextFile, mediaBlocks, mediaFeatureCore, mediaKindOf, mediaMime, mediaNodeFor, openAudioRecorder, pickFiles, playerOptions, uploadOf };

package/dist/features/media/react/AudioRecorderModal.js

@@ -5,8 +5,8 @@ import { cn } from "../../../react/ui/utils.js";
 import { Icon } from "../../../react/Icon.js";
 import { Button } from "../../../react/ui/button.js";
 import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "../../../react/ui/dialog.js";
-import { useNotifier } from "../../../react/use-notifier.js";
 import "../upload.js";
+import { useNotifier } from "../../../react/use-notifier.js";
 import { useAudioRecorder } from "./use-audio-recorder.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/media/react.js

@@ -1,8 +1,8 @@
 import { useEditorI18n } from "../../react/use-editor-i18n.js";
-import { useNotifier } from "../../react/use-notifier.js";
 import { fileImport } from "./file-import.js";
 import { playerOptions } from "./node-views.js";
 import { mediaFeatureCore } from "./feature.js";
+import { useNotifier } from "../../react/use-notifier.js";
 import { useAudioRecorder } from "./react/use-audio-recorder.js";
 import { AudioRecorderModal } from "./react/AudioRecorderModal.js";
 import { AudioView } from "./react/AudioView.js";