@oxy.so/bloom 3.5.0 → 4.0.0

package/lib/module/note-card/shared.js

@@ -0,0 +1,123 @@
+"use strict";
+
+/**
+ * What a note card is painted with, and how big it is.
+ *
+ * Split out of the component for one reason: the tint is the part that can be
+ * wrong INVISIBLY. A note's colour is a subtle accent tint, which is a
+ * TRANSLUCENT token — so the quiet metadata line under it is not sitting on the
+ * page any more, it is sitting on the page WITH the tint over it, and a quiet
+ * rung measured against the page reads a contrast the reader never gets. So the
+ * tint is composited here first and every text rung is measured against the
+ * composite. `NoteCard.test.tsx` pins the composite and the rungs over both
+ * modes; nothing about it is visible in a render tree.
+ */
+
+import { RADIUS } from "../design-tokens/scales.js";
+import { resolveAccentColors } from "../theme/accent-colors.js";
+import { parseRgba } from "../theme/color-utils.js";
+import { mixColors } from "../styles/color-contrast.js";
+import { hairlineOn, surfaceFillOn, surfaceTextOn } from "../styles/surface-levels.js";
+
+/**
+ * The two arrangements, as numbers.
+ *
+ *                       grid   row
+ *   padding             16     12
+ *   gap (title→body)    8      4
+ *   radius              12     8
+ *   excerpt lines       4      1
+ *   title lines         2      1
+ *   tags drawn          3      2
+ *   min height          —      72
+ */
+
+export const NOTE_CARD_GEOMETRY = {
+  grid: {
+    padding: 16,
+    gap: 8,
+    radius: 'radius-12',
+    excerptLines: 4,
+    titleLines: 2,
+    maxTags: 3,
+    checklistRows: 4
+  },
+  row: {
+    padding: 12,
+    gap: 4,
+    radius: 'radius-8',
+    excerptLines: 1,
+    titleLines: 1,
+    maxTags: 2,
+    minHeight: 72,
+    checklistRows: 2
+  }
+};
+/**
+ * Composite a possibly-translucent colour over an opaque one.
+ *
+ * `resolveAccentColors(..., 'subtle')` hands back `rgba(r g b / a)`, which is
+ * correct for a chip on a page and useless as the input to a contrast
+ * measurement — `relativeLuminance` reads the channels and ignores the alpha, so
+ * a 13%-alpha tint measures as if it were fully saturated. Flattening it first
+ * is what makes every rung below honest.
+ */
+export function flattenOver(base, over) {
+  const parsed = parseRgba(over);
+  if (!parsed) return base;
+  if (parsed.a >= 1) return `rgb(${parsed.r} ${parsed.g} ${parsed.b})`;
+  return mixColors(base, `rgb(${parsed.r} ${parsed.g} ${parsed.b})`, parsed.a);
+}
+
+/**
+ * Everything one card paints, given the surface it lands on and its tone.
+ *
+ * Pure, so the test can walk it over every preset and mode without rendering.
+ * `tone` `undefined` is the untinted note: the card is its parent's own next
+ * rung, which is what an untinted card on a page has always been.
+ */
+export function resolveNoteCardPaint(theme, parent, tone) {
+  const accentTone = tone ?? 'default';
+  const accent = resolveAccentColors(theme.colors, accentTone, 'subtle');
+  const background = tone === undefined ? theme.colors.card : flattenOver(parent, accent.background);
+  const border = hairlineOn(theme, background);
+  // The selected card is ONE SURFACE STEP off its own resting fill, not the tone
+  // laid on twice. Laying the tint on again was the obvious move and it is
+  // silently a no-op for any tone whose tint is OPAQUE — `default`'s is
+  // (`contrast50`), so a selected neutral note painted itself exactly the colour
+  // it already was and only the border moved. A step always moves.
+  const selectedBackground = surfaceFillOn(theme, background);
+  return {
+    background,
+    border,
+    selectedBorder: tone === undefined ? theme.colors.primary : accent.foreground,
+    selectedBackground,
+    accent: accent.foreground,
+    ...surfaceTextOn(theme, background)
+  };
+}
+
+/**
+ * How the tag pills are painted on a card of this tone.
+ *
+ * `subtle` everywhere except the NEUTRAL tone, where the pill's own tint
+ * (`contrast50`) is byte-for-byte the wash the neutral card already painted —
+ * so a `subtle` pill on a `tone="default"` card is a label floating on nothing,
+ * with a background style present and a contrast of 1.00. It is the same trap as
+ * `selectedBackground`, one component down: an OPAQUE tint laid over itself.
+ * `outlined` draws the edge the fill cannot.
+ */
+export function noteTagVariant(tone) {
+  return tone === 'default' ? 'outlined' : 'subtle';
+}
+
+/** The focus ring hugs the card, so it needs the rung in pixels. */
+export function noteCardRadiusPx(density) {
+  return RADIUS[NOTE_CARD_GEOMETRY[density].radius];
+}
+
+/** The metadata trail as one string, for the card's composed accessible name. */
+export function composeNoteName(parts) {
+  return parts.filter(part => part !== undefined && part !== false && part !== '').join(', ');
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/note-card/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RADIUS","resolveAccentColors","parseRgba","mixColors","hairlineOn","surfaceFillOn","surfaceTextOn","NOTE_CARD_GEOMETRY","grid","padding","gap","radius","excerptLines","titleLines","maxTags","checklistRows","row","minHeight","flattenOver","base","over","parsed","a","r","g","b","resolveNoteCardPaint","theme","parent","tone","accentTone","accent","colors","background","undefined","card","border","selectedBackground","selectedBorder","primary","foreground","noteTagVariant","noteCardRadiusPx","density","composeNoteName","parts","filter","part","join"],"sourceRoot":"../../../src","sources":["note-card/shared.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/note-card/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/note-card/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["note-card/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/note-editor/NoteEditorHeader.js

@@ -0,0 +1,229 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { Platform, TextInput, View } from 'react-native';
+import { RiAlertLine } from "../icons/remix/RiAlertLine.js";
+import { RiCheckLine } from "../icons/remix/RiCheckLine.js";
+import { RiErrorWarningLine } from "../icons/remix/RiErrorWarningLine.js";
+import { RiLoader4Line } from "../icons/remix/RiLoader4Line.js";
+import { useSurfaceFill } from "../styles/surface-levels.js";
+import { SANS_FONT_FAMILY } from "../text-field/shared.js";
+import { DISABLED_OPACITY } from "../styles/tokens.js";
+import { typeScale } from "../typography/scale.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { resolveNoteStatusPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The chrome above a writing surface: the document's title, and the quiet line
+ * that says where it stands.
+ *
+ *   title        title-1-semibold, borderless, grows to two lines then scrolls
+ *   status line  caption-1-regular, 6px under the title
+ *   separators   a middle dot between the three readings
+ *
+ * **The title is not a `TextField`.** A form field is a box you fill in; a
+ * document title is the document, so it draws no chrome at all — the words sit
+ * at the top of the page at their real size and the caret is the only thing that
+ * says they are editable. Bloom has no borderless large input for this, which is
+ * why the `TextInput` is here rather than composed.
+ *
+ * **The status line is three readings, not one string.** State, last edit, word
+ * count — each drawn only if the app gave it, so a header with nothing to say
+ * about saving is one line shorter rather than one empty line taller.
+ *
+ * **What this component does NOT do:** it does not own the body, it does not
+ * stick, and it does not read the scroll. Sticky chrome that follows a scroller
+ * is `ScrollOffsetProvider`'s contract (`docs/composition.mdx`) and the app
+ * mounts it — a header that measured scroll itself would follow the wrong
+ * scroller in a split view, silently.
+ */
+
+const DEFAULT_LABELS = {
+  saved: 'Saved',
+  saving: 'Saving…',
+  offline: 'Offline — changes are held',
+  error: 'Not saved',
+  words: count => `${count} ${count === 1 ? 'word' : 'words'}`,
+  title: 'Title'
+};
+const STATE_ICON = {
+  saved: RiCheckLine,
+  saving: RiLoader4Line,
+  offline: RiAlertLine,
+  error: RiErrorWarningLine
+};
+const IS_WEB = Platform.OS === 'web';
+
+/**
+ * One reading of the status line, with its own leading separator.
+ *
+ * The dot travels WITH the reading after it rather than as a sibling between
+ * two, because the line wraps: a free-standing separator ends up as the last
+ * thing on a wrapped line, pointing at nothing. Bound to its reading, the pair
+ * wraps together.
+ */
+function Reading({
+  first,
+  color,
+  children
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 6,
+      minWidth: 0
+    },
+    children: [first ? null : /*#__PURE__*/_jsx(Text, {
+      "aria-hidden": true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      variant: "caption-1-regular",
+      style: {
+        color
+      },
+      children: "\xB7"
+    }), children]
+  });
+}
+export function NoteEditorHeader({
+  title,
+  onTitleChange,
+  placeholder = 'Untitled',
+  saveState,
+  edited,
+  wordCount,
+  disabled = false,
+  readOnly = false,
+  actions,
+  accessibilityLabel = 'Note',
+  labels: labelsProp,
+  style,
+  titleStyle,
+  testID
+}) {
+  const theme = useTheme();
+  const surface = useSurfaceFill();
+  const labels = {
+    ...DEFAULT_LABELS,
+    ...labelsProp
+  };
+  const paint = useMemo(() => resolveNoteStatusPaint(theme, surface, saveState), [theme, surface, saveState]);
+  const titleType = typeScale('title-1-semibold');
+  const StateIcon = saveState ? STATE_ICON[saveState] : undefined;
+  const readings = [];
+  if (saveState !== undefined && StateIcon) {
+    readings.push(/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 4
+      },
+      testID: testID ? `${testID}-state` : undefined,
+      children: [/*#__PURE__*/_jsx(StateIcon, {
+        width: 13,
+        height: 13,
+        fill: paint.color
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "caption-1-regular",
+        numberOfLines: 1,
+        style: {
+          color: paint.color
+        },
+        children: labels[saveState]
+      })]
+    }, "state"));
+  }
+  if (edited !== undefined) {
+    readings.push(/*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 1,
+      style: {
+        color: paint.quiet
+      },
+      children: edited
+    }, "edited"));
+  }
+  if (wordCount !== undefined) {
+    readings.push(/*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 1,
+      style: {
+        color: paint.quiet
+      },
+      testID: testID ? `${testID}-words` : undefined,
+      children: labels.words(wordCount)
+    }, "words"));
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    role: "group",
+    accessibilityLabel: accessibilityLabel,
+    style: [{
+      gap: 6
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: 12
+      },
+      children: [/*#__PURE__*/_jsx(TextInput, {
+        value: title,
+        onChangeText: onTitleChange,
+        placeholder: placeholder,
+        placeholderTextColor: paint.quiet,
+        editable: !disabled && !readOnly,
+        multiline: true,
+        accessibilityLabel: labels.title,
+        "aria-disabled": disabled || undefined,
+        accessibilityState: {
+          disabled
+        },
+        style: [{
+          flex: 1,
+          minWidth: 0,
+          color: theme.colors.text,
+          fontFamily: SANS_FONT_FAMILY,
+          fontSize: titleType.fontSize,
+          lineHeight: titleType.lineHeight,
+          fontWeight: titleType.fontWeight,
+          // A document title draws no box: no border, no fill, no inset.
+          padding: 0,
+          // It GROWS instead of scrolling: a title cut off at one line is
+          // the one thing a document header must not do. One line is the
+          // floor; `field-sizing: content` takes it from there on web, and
+          // a multiline `TextInput` grows on its own on native. A browser
+          // without `field-sizing` keeps the floor and scrolls, which is
+          // the same trade-off `Textarea` takes.
+          minHeight: titleType.lineHeight,
+          textAlignVertical: 'top',
+          opacity: disabled ? DISABLED_OPACITY : 1
+        }, IS_WEB ? {
+          outlineWidth: 0,
+          outlineStyle: 'none',
+          resize: 'none',
+          fieldSizing: 'content'
+        } : undefined, titleStyle],
+        testID: testID ? `${testID}-title` : undefined
+      }), actions]
+    }), readings.length > 0 ? /*#__PURE__*/_jsx(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        flexWrap: 'wrap',
+        gap: 6,
+        minWidth: 0
+      },
+      testID: testID ? `${testID}-status` : undefined,
+      children: readings.map((reading, index) => /*#__PURE__*/_jsx(Reading, {
+        first: index === 0,
+        color: paint.quiet,
+        children: reading
+      }, index))
+    }) : null]
+  });
+}
+NoteEditorHeader.displayName = 'NoteEditorHeader';
+//# sourceMappingURL=NoteEditorHeader.js.map

package/lib/module/note-editor/NoteEditorHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Platform","TextInput","View","RiAlertLine","RiCheckLine","RiErrorWarningLine","RiLoader4Line","useSurfaceFill","SANS_FONT_FAMILY","DISABLED_OPACITY","typeScale","useTheme","Text","resolveNoteStatusPaint","jsx","_jsx","jsxs","_jsxs","DEFAULT_LABELS","saved","saving","offline","error","words","count","title","STATE_ICON","IS_WEB","OS","Reading","first","color","children","style","flexDirection","alignItems","gap","minWidth","accessibilityElementsHidden","importantForAccessibility","variant","NoteEditorHeader","onTitleChange","placeholder","saveState","edited","wordCount","disabled","readOnly","actions","accessibilityLabel","labels","labelsProp","titleStyle","testID","theme","surface","paint","titleType","StateIcon","undefined","readings","push","width","height","fill","numberOfLines","quiet","role","value","onChangeText","placeholderTextColor","editable","multiline","accessibilityState","flex","colors","text","fontFamily","fontSize","lineHeight","fontWeight","padding","minHeight","textAlignVertical","opacity","outlineWidth","outlineStyle","resize","fieldSizing","length","flexWrap","map","reading","index","displayName"],"sourceRoot":"../../../src","sources":["note-editor/NoteEditorHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/note-editor/NoteEditorToolbar.js

@@ -0,0 +1,125 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { View } from 'react-native';
+import { ButtonGroup, ButtonGroupItem } from "../button-group/index.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../dropdown-menu';
+import { useContainerWidth } from "../hooks/use-container-width.js";
+import { RiMore2Line } from "../icons/remix/RiMore2Line.js";
+import { splitToolbarActions, toolbarCapacity } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The formatting row around someone else's writing surface.
+ *
+ * One `ButtonGroup` of icon-only items, and — the moment they stop fitting —
+ * a `…` item fused onto its end that opens the rest as a `DropdownMenu`. The
+ * overflow is not a second control beside the group: it is the group's last
+ * item, so the row stays one object at every width.
+ *
+ * **It measures ITSELF, not the window.** `useContainerWidth` on the row, so a
+ * toolbar in a 420px side panel on a 1440px desktop collapses exactly as it
+ * would on a phone. A window-width breakpoint would leave that panel with a row
+ * that overflows and no error.
+ *
+ * **The first frame is un-measured**, and it draws everything inline. That is
+ * one frame wide at 360px, so the row CLIPS rather than pushing the page — the
+ * alternative (start collapsed, expand) flashes a menu button on every desktop
+ * mount, which is the more visible wrong. `splitToolbarActions(actions, null)`
+ * is that state, spelled out.
+ *
+ * **A toggle is `active`, a one-shot action is not.** Setting `active` (even to
+ * `false`) makes the item announce BOTH spellings of pressed — web reads only
+ * `aria-pressed`, native only `accessibilityState` — and makes its overflow row
+ * a checkable one. Leaving it `undefined` keeps a plain action plain.
+ *
+ * Sticky behaviour is the app's: the toolbar has no opinion about scroll, and
+ * chrome that follows a scroller does it through `ScrollOffsetProvider`
+ * (`docs/composition.mdx`).
+ */
+
+const DEFAULT_LABELS = {
+  more: 'More formatting',
+  moreMenu: 'More formatting'
+};
+export function NoteEditorToolbar({
+  actions,
+  size = 'medium',
+  disabled = false,
+  accessibilityLabel,
+  labels: labelsProp,
+  style,
+  testID
+}) {
+  const {
+    width,
+    onLayout
+  } = useContainerWidth();
+  const labels = {
+    ...DEFAULT_LABELS,
+    ...labelsProp
+  };
+  const {
+    inline,
+    overflow
+  } = useMemo(() => splitToolbarActions(actions, width === null ? null : toolbarCapacity(width, size)), [actions, width, size]);
+  return /*#__PURE__*/_jsx(View, {
+    onLayout: onLayout
+    // The row is as wide as it is given and clips rather than pushing the
+    // page during the one un-measured frame. `ButtonGroup` clips its own
+    // items already, so this adds no new clipping to a settled layout.
+    ,
+    style: [{
+      width: '100%',
+      flexDirection: 'row',
+      alignItems: 'center',
+      overflow: 'hidden'
+    }, style],
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(ButtonGroup, {
+      size: size,
+      accessibilityLabel: accessibilityLabel,
+      testID: testID ? `${testID}-group` : undefined,
+      children: [inline.map(action => /*#__PURE__*/_jsx(ButtonGroupItem, {
+        iconOnly: true,
+        leadingIcon: action.icon,
+        accessibilityLabel: action.label,
+        selected: action.active === true,
+        disabled: disabled || action.disabled === true,
+        onPress: action.onPress,
+        testID: testID ? `${testID}-${action.key}` : undefined
+      }, action.key)), overflow.length > 0 ? /*#__PURE__*/_jsxs(DropdownMenu, {
+        children: [/*#__PURE__*/_jsx(DropdownMenuTrigger, {
+          asChild: true,
+          label: labels.more,
+          children: /*#__PURE__*/_jsx(ButtonGroupItem, {
+            iconOnly: true,
+            leadingIcon: RiMore2Line,
+            accessibilityLabel: labels.more,
+            disabled: disabled,
+            testID: testID ? `${testID}-more` : undefined
+          })
+        }), /*#__PURE__*/_jsx(DropdownMenuContent, {
+          label: labels.moreMenu,
+          children: overflow.map(action => action.active === undefined ? /*#__PURE__*/_jsx(DropdownMenuItem, {
+            onPress: action.onPress,
+            disabled: disabled || action.disabled === true,
+            leading: /*#__PURE__*/_jsx(action.icon, {
+              width: 18,
+              height: 18
+            }),
+            accessibilityLabel: action.label,
+            children: action.label
+          }, action.key) : /*#__PURE__*/_jsx(DropdownMenuCheckboxItem, {
+            checked: action.active,
+            onCheckedChange: action.onPress,
+            disabled: disabled || action.disabled === true,
+            accessibilityLabel: action.label,
+            children: action.label
+          }, action.key))
+        })]
+      }, "__overflow") : null]
+    })
+  });
+}
+NoteEditorToolbar.displayName = 'NoteEditorToolbar';
+//# sourceMappingURL=NoteEditorToolbar.js.map

package/lib/module/note-editor/NoteEditorToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","ButtonGroup","ButtonGroupItem","DropdownMenu","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","useContainerWidth","RiMore2Line","splitToolbarActions","toolbarCapacity","jsx","_jsx","jsxs","_jsxs","DEFAULT_LABELS","more","moreMenu","NoteEditorToolbar","actions","size","disabled","accessibilityLabel","labels","labelsProp","style","testID","width","onLayout","inline","overflow","flexDirection","alignItems","children","undefined","map","action","iconOnly","leadingIcon","icon","label","selected","active","onPress","key","length","asChild","leading","height","checked","onCheckedChange","displayName"],"sourceRoot":"../../../src","sources":["note-editor/NoteEditorToolbar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/note-editor/constants.js

@@ -0,0 +1,23 @@
+"use strict";
+
+/**
+ * `ButtonGroup`'s own item heights, restated.
+ *
+ * The toolbar has to know how wide one item is BEFORE it renders it, because
+ * that is what decides how many fit — and `button-group`'s `GEOMETRY` table is
+ * private to that family. Restating two numbers is the smaller evil than
+ * measuring every item and reflowing, but it is a copy: if `ButtonGroup`'s rungs
+ * move, `NoteEditorToolbar.test.tsx`'s capacity assertions are what goes red,
+ * and the fix is to export the table rather than to edit these.
+ */
+export const TOOLBAR_ITEM_SIZE = {
+  medium: 34,
+  small: 30
+};
+
+/** The group's own 1px border, both sides. */
+export const TOOLBAR_GROUP_BORDER = 2;
+
+/** The 1px hairline `ButtonGroup` draws BETWEEN items (never at the ends). */
+export const TOOLBAR_DIVIDER = 1;
+//# sourceMappingURL=constants.js.map

package/lib/module/note-editor/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TOOLBAR_ITEM_SIZE","medium","small","TOOLBAR_GROUP_BORDER","TOOLBAR_DIVIDER"],"sourceRoot":"../../../src","sources":["note-editor/constants.ts"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,iBAA8E,GAAG;EAC5FC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE;AACT,CAAC;;AAED;AACA,OAAO,MAAMC,oBAAoB,GAAG,CAAC;;AAErC;AACA,OAAO,MAAMC,eAAe,GAAG,CAAC","ignoreList":[]}

package/lib/module/note-editor/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+export { NoteEditorHeader } from "./NoteEditorHeader.js";
+export { NoteEditorToolbar } from "./NoteEditorToolbar.js";
+export { TOOLBAR_DIVIDER, TOOLBAR_GROUP_BORDER, TOOLBAR_ITEM_SIZE } from "./constants.js";
+export { resolveNoteStatusPaint, splitToolbarActions, toolbarCapacity } from "./shared.js";
+//# sourceMappingURL=index.js.map

package/lib/module/note-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NoteEditorHeader","NoteEditorToolbar","TOOLBAR_DIVIDER","TOOLBAR_GROUP_BORDER","TOOLBAR_ITEM_SIZE","resolveNoteStatusPaint","splitToolbarActions","toolbarCapacity"],"sourceRoot":"../../../src","sources":["note-editor/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,eAAe,EAAEC,oBAAoB,EAAEC,iBAAiB,QAAQ,gBAAa;AACtF,SAASC,sBAAsB,EAAEC,mBAAmB,EAAEC,eAAe,QAAQ,aAAU","ignoreList":[]}

package/lib/module/note-editor/shared.js

@@ -0,0 +1,95 @@
+"use strict";
+
+/**
+ * The toolbar's collapse arithmetic, and the header's status paint — both pure,
+ * so the suite can walk them without rendering and without a browser.
+ */
+import { resolveAccentColors } from "../theme/accent-colors.js";
+import { surfaceTextOn } from "../styles/surface-levels.js";
+import { TOOLBAR_DIVIDER, TOOLBAR_GROUP_BORDER, TOOLBAR_ITEM_SIZE } from "./constants.js";
+/**
+ * How many `ButtonGroup` items fit in `width`.
+ *
+ * A solid group is `1px border + n items + (n-1) hairlines + 1px border`, so
+ * every item after the first costs `item + 1` and the first costs `item + 2`.
+ * Solved for `n` and floored — a fractional item is not an item.
+ *
+ * Returns 0 for a width that cannot hold one, which is a real case at the
+ * bottom of a split pane and not something to clamp away.
+ */
+export function toolbarCapacity(width, size = 'medium') {
+  const item = TOOLBAR_ITEM_SIZE[size];
+  const usable = width - TOOLBAR_GROUP_BORDER + TOOLBAR_DIVIDER;
+  return Math.max(0, Math.floor(usable / (item + TOOLBAR_DIVIDER)));
+}
+/**
+ * Split the actions into what the row draws and what the menu gets.
+ *
+ * Two rules, and they are the whole design:
+ *
+ *  - **`alwaysVisible` never collapses.** Those actions are drawn first and are
+ *    not candidates for the menu, so a toolbar whose author pinned six of them
+ *    at 360px overflows rather than quietly hiding one. The toolbar cannot
+ *    collapse what it was told to keep, and pretending otherwise is worse.
+ *  - **The overflow button costs a slot.** As soon as anything moves to the
+ *    menu, one item's worth of width goes to the `…` — so the capacity the
+ *    remaining actions are measured against is one lower. Forgetting that is
+ *    how an adaptive row ends up one item too wide at exactly the width where
+ *    it starts collapsing.
+ *
+ * `capacity` of `null` means "not measured yet": everything is inline, which is
+ * the state the first frame renders in.
+ */
+export function splitToolbarActions(actions, capacity) {
+  if (capacity === null) return {
+    inline: actions,
+    overflow: []
+  };
+  const pinned = actions.filter(action => action.alwaysVisible === true);
+  const rest = actions.filter(action => action.alwaysVisible !== true);
+  if (pinned.length + rest.length <= capacity) return {
+    inline: actions,
+    overflow: []
+  };
+  const room = Math.max(0, capacity - 1 - pinned.length);
+  const kept = rest.slice(0, room);
+  const dropped = rest.slice(room);
+  // Drawing order is the caller's order, not pinned-then-rest: an author who
+  // wrote bold, italic, list expects to read bold, italic, list.
+  const keptKeys = new Set([...pinned, ...kept].map(action => action.key));
+  return {
+    inline: actions.filter(action => keptKeys.has(action.key)),
+    overflow: dropped
+  };
+}
+/**
+ * The status line's two colours, measured against the surface the header
+ * actually sits on.
+ *
+ * `saved` and `saving` are quiet — a document that is doing what it is supposed
+ * to should not shout — and they take the AA text rung off the real surface
+ * rather than a ramp stop. `offline` and `error` take the TONE's text member
+ * (`resolveAccentColors(..., 'outlined').foreground`), never the fill token: a
+ * fill is sized to carry white, and using it as a label is how a warning line
+ * ends up at 3.6:1 in dark mode.
+ */
+export function resolveNoteStatusPaint(theme, surface, state) {
+  const quiet = surfaceTextOn(theme, surface).textTertiary;
+  if (state === 'offline') {
+    return {
+      color: resolveAccentColors(theme.colors, 'warning', 'outlined').foreground,
+      quiet
+    };
+  }
+  if (state === 'error') {
+    return {
+      color: resolveAccentColors(theme.colors, 'error', 'outlined').foreground,
+      quiet
+    };
+  }
+  return {
+    color: quiet,
+    quiet
+  };
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/note-editor/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveAccentColors","surfaceTextOn","TOOLBAR_DIVIDER","TOOLBAR_GROUP_BORDER","TOOLBAR_ITEM_SIZE","toolbarCapacity","width","size","item","usable","Math","max","floor","splitToolbarActions","actions","capacity","inline","overflow","pinned","filter","action","alwaysVisible","rest","length","room","kept","slice","dropped","keptKeys","Set","map","key","has","resolveNoteStatusPaint","theme","surface","state","quiet","textTertiary","color","colors","foreground"],"sourceRoot":"../../../src","sources":["note-editor/shared.ts"],"mappings":"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","ignoreList":[]}