@oxy.so/bloom 3.6.0 → 4.1.0

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

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NOTE_CARD_GEOMETRY = void 0;
+exports.composeNoteName = composeNoteName;
+exports.flattenOver = flattenOver;
+exports.noteCardRadiusPx = noteCardRadiusPx;
+exports.noteTagVariant = noteTagVariant;
+exports.resolveNoteCardPaint = resolveNoteCardPaint;
+var _scales = require("../design-tokens/scales.js");
+var _accentColors = require("../theme/accent-colors.js");
+var _colorUtils = require("../theme/color-utils.js");
+var _colorContrast = require("../styles/color-contrast.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+/**
+ * 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.
+ */
+
+/**
+ * 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
+ */
+
+const NOTE_CARD_GEOMETRY = exports.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.
+ */
+function flattenOver(base, over) {
+  const parsed = (0, _colorUtils.parseRgba)(over);
+  if (!parsed) return base;
+  if (parsed.a >= 1) return `rgb(${parsed.r} ${parsed.g} ${parsed.b})`;
+  return (0, _colorContrast.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.
+ */
+function resolveNoteCardPaint(theme, parent, tone) {
+  const accentTone = tone ?? 'default';
+  const accent = (0, _accentColors.resolveAccentColors)(theme.colors, accentTone, 'subtle');
+  const background = tone === undefined ? theme.colors.card : flattenOver(parent, accent.background);
+  const border = (0, _surfaceLevels.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 = (0, _surfaceLevels.surfaceFillOn)(theme, background);
+  return {
+    background,
+    border,
+    selectedBorder: tone === undefined ? theme.colors.primary : accent.foreground,
+    selectedBackground,
+    accent: accent.foreground,
+    ...(0, _surfaceLevels.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.
+ */
+function noteTagVariant(tone) {
+  return tone === 'default' ? 'outlined' : 'subtle';
+}
+
+/** The focus ring hugs the card, so it needs the rung in pixels. */
+function noteCardRadiusPx(density) {
+  return _scales.RADIUS[NOTE_CARD_GEOMETRY[density].radius];
+}
+
+/** The metadata trail as one string, for the card's composed accessible name. */
+function composeNoteName(parts) {
+  return parts.filter(part => part !== undefined && part !== false && part !== '').join(', ');
+}
+//# sourceMappingURL=shared.js.map

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,234 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoteEditorHeader = NoteEditorHeader;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _RiAlertLine = require("../icons/remix/RiAlertLine.js");
+var _RiCheckLine = require("../icons/remix/RiCheckLine.js");
+var _RiErrorWarningLine = require("../icons/remix/RiErrorWarningLine.js");
+var _RiLoader4Line = require("../icons/remix/RiLoader4Line.js");
+var _surfaceLevels = require("../styles/surface-levels.js");
+var _shared = require("../text-field/shared.js");
+var _tokens = require("../styles/tokens.js");
+var _scale = require("../typography/scale.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index = require("../typography/index.js");
+var _shared2 = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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.RiCheckLine,
+  saving: _RiLoader4Line.RiLoader4Line,
+  offline: _RiAlertLine.RiAlertLine,
+  error: _RiErrorWarningLine.RiErrorWarningLine
+};
+const IS_WEB = _reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 6,
+      minWidth: 0
+    },
+    children: [first ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      "aria-hidden": true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      variant: "caption-1-regular",
+      style: {
+        color
+      },
+      children: "\xB7"
+    }), children]
+  });
+}
+function NoteEditorHeader({
+  title,
+  onTitleChange,
+  placeholder = 'Untitled',
+  saveState,
+  edited,
+  wordCount,
+  disabled = false,
+  readOnly = false,
+  actions,
+  accessibilityLabel = 'Note',
+  labels: labelsProp,
+  style,
+  titleStyle,
+  testID
+}) {
+  const theme = (0, _useTheme.useTheme)();
+  const surface = (0, _surfaceLevels.useSurfaceFill)();
+  const labels = {
+    ...DEFAULT_LABELS,
+    ...labelsProp
+  };
+  const paint = (0, _react.useMemo)(() => (0, _shared2.resolveNoteStatusPaint)(theme, surface, saveState), [theme, surface, saveState]);
+  const titleType = (0, _scale.typeScale)('title-1-semibold');
+  const StateIcon = saveState ? STATE_ICON[saveState] : undefined;
+  const readings = [];
+  if (saveState !== undefined && StateIcon) {
+    readings.push(/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 4
+      },
+      testID: testID ? `${testID}-state` : undefined,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StateIcon, {
+        width: 13,
+        height: 13,
+        fill: paint.color
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        variant: "caption-1-regular",
+        numberOfLines: 1,
+        style: {
+          color: paint.color
+        },
+        children: labels[saveState]
+      })]
+    }, "state"));
+  }
+  if (edited !== undefined) {
+    readings.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 1,
+      style: {
+        color: paint.quiet
+      },
+      children: edited
+    }, "edited"));
+  }
+  if (wordCount !== undefined) {
+    readings.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 1,
+      style: {
+        color: paint.quiet
+      },
+      testID: testID ? `${testID}-words` : undefined,
+      children: labels.words(wordCount)
+    }, "words"));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    role: "group",
+    accessibilityLabel: accessibilityLabel,
+    style: [{
+      gap: 6
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: 12
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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: _shared.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 ? _tokens.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        flexWrap: 'wrap',
+        gap: 6,
+        minWidth: 0
+      },
+      testID: testID ? `${testID}-status` : undefined,
+      children: readings.map((reading, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Reading, {
+        first: index === 0,
+        color: paint.quiet,
+        children: reading
+      }, index))
+    }) : null]
+  });
+}
+NoteEditorHeader.displayName = 'NoteEditorHeader';
+//# sourceMappingURL=NoteEditorHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_RiAlertLine","_RiCheckLine","_RiErrorWarningLine","_RiLoader4Line","_surfaceLevels","_shared","_tokens","_scale","_useTheme","_index","_shared2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_LABELS","saved","saving","offline","error","words","count","title","STATE_ICON","RiCheckLine","RiLoader4Line","RiAlertLine","RiErrorWarningLine","IS_WEB","Platform","OS","Reading","first","color","children","jsxs","View","style","flexDirection","alignItems","gap","minWidth","jsx","Text","accessibilityElementsHidden","importantForAccessibility","variant","NoteEditorHeader","onTitleChange","placeholder","saveState","edited","wordCount","disabled","readOnly","actions","accessibilityLabel","labels","labelsProp","titleStyle","testID","theme","useTheme","surface","useSurfaceFill","paint","useMemo","resolveNoteStatusPaint","titleType","typeScale","StateIcon","undefined","readings","push","width","height","fill","numberOfLines","quiet","role","TextInput","value","onChangeText","placeholderTextColor","editable","multiline","accessibilityState","flex","colors","text","fontFamily","SANS_FONT_FAMILY","fontSize","lineHeight","fontWeight","padding","minHeight","textAlignVertical","opacity","DISABLED_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/commonjs/note-editor/NoteEditorToolbar.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoteEditorToolbar = NoteEditorToolbar;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../button-group/index.js");
+var _dropdownMenu = require("../dropdown-menu");
+var _useContainerWidth = require("../hooks/use-container-width.js");
+var _RiMore2Line = require("../icons/remix/RiMore2Line.js");
+var _shared = require("./shared.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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'
+};
+function NoteEditorToolbar({
+  actions,
+  size = 'medium',
+  disabled = false,
+  accessibilityLabel,
+  labels: labelsProp,
+  style,
+  testID
+}) {
+  const {
+    width,
+    onLayout
+  } = (0, _useContainerWidth.useContainerWidth)();
+  const labels = {
+    ...DEFAULT_LABELS,
+    ...labelsProp
+  };
+  const {
+    inline,
+    overflow
+  } = (0, _react.useMemo)(() => (0, _shared.splitToolbarActions)(actions, width === null ? null : (0, _shared.toolbarCapacity)(width, size)), [actions, width, size]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_index.ButtonGroup, {
+      size: size,
+      accessibilityLabel: accessibilityLabel,
+      testID: testID ? `${testID}-group` : undefined,
+      children: [inline.map(action => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.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__*/(0, _jsxRuntime.jsxs)(_dropdownMenu.DropdownMenu, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuTrigger, {
+          asChild: true,
+          label: labels.more,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ButtonGroupItem, {
+            iconOnly: true,
+            leadingIcon: _RiMore2Line.RiMore2Line,
+            accessibilityLabel: labels.more,
+            disabled: disabled,
+            testID: testID ? `${testID}-more` : undefined
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuContent, {
+          label: labels.moreMenu,
+          children: overflow.map(action => action.active === undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.DropdownMenuItem, {
+            onPress: action.onPress,
+            disabled: disabled || action.disabled === true,
+            leading: /*#__PURE__*/(0, _jsxRuntime.jsx)(action.icon, {
+              width: 18,
+              height: 18
+            }),
+            accessibilityLabel: action.label,
+            children: action.label
+          }, action.key) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.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/commonjs/note-editor/NoteEditorToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_dropdownMenu","_useContainerWidth","_RiMore2Line","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_LABELS","more","moreMenu","NoteEditorToolbar","actions","size","disabled","accessibilityLabel","labels","labelsProp","style","testID","width","onLayout","useContainerWidth","inline","overflow","useMemo","splitToolbarActions","toolbarCapacity","jsx","View","flexDirection","alignItems","children","jsxs","ButtonGroup","undefined","map","action","ButtonGroupItem","iconOnly","leadingIcon","icon","label","selected","active","onPress","key","length","DropdownMenu","DropdownMenuTrigger","asChild","RiMore2Line","DropdownMenuContent","DropdownMenuItem","leading","height","DropdownMenuCheckboxItem","checked","onCheckedChange","displayName"],"sourceRoot":"../../../src","sources":["note-editor/NoteEditorToolbar.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TOOLBAR_ITEM_SIZE = exports.TOOLBAR_GROUP_BORDER = exports.TOOLBAR_DIVIDER = void 0;
+/**
+ * `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.
+ */
+const TOOLBAR_ITEM_SIZE = exports.TOOLBAR_ITEM_SIZE = {
+  medium: 34,
+  small: 30
+};
+
+/** The group's own 1px border, both sides. */
+const TOOLBAR_GROUP_BORDER = exports.TOOLBAR_GROUP_BORDER = 2;
+
+/** The 1px hairline `ButtonGroup` draws BETWEEN items (never at the ends). */
+const TOOLBAR_DIVIDER = exports.TOOLBAR_DIVIDER = 1;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["TOOLBAR_ITEM_SIZE","exports","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;AACO,MAAMA,iBAA8E,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC5FE,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE;AACT,CAAC;;AAED;AACO,MAAMC,oBAAoB,GAAAH,OAAA,CAAAG,oBAAA,GAAG,CAAC;;AAErC;AACO,MAAMC,eAAe,GAAAJ,OAAA,CAAAI,eAAA,GAAG,CAAC","ignoreList":[]}

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

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NoteEditorHeader", {
+  enumerable: true,
+  get: function () {
+    return _NoteEditorHeader.NoteEditorHeader;
+  }
+});
+Object.defineProperty(exports, "NoteEditorToolbar", {
+  enumerable: true,
+  get: function () {
+    return _NoteEditorToolbar.NoteEditorToolbar;
+  }
+});
+Object.defineProperty(exports, "TOOLBAR_DIVIDER", {
+  enumerable: true,
+  get: function () {
+    return _constants.TOOLBAR_DIVIDER;
+  }
+});
+Object.defineProperty(exports, "TOOLBAR_GROUP_BORDER", {
+  enumerable: true,
+  get: function () {
+    return _constants.TOOLBAR_GROUP_BORDER;
+  }
+});
+Object.defineProperty(exports, "TOOLBAR_ITEM_SIZE", {
+  enumerable: true,
+  get: function () {
+    return _constants.TOOLBAR_ITEM_SIZE;
+  }
+});
+Object.defineProperty(exports, "resolveNoteStatusPaint", {
+  enumerable: true,
+  get: function () {
+    return _shared.resolveNoteStatusPaint;
+  }
+});
+Object.defineProperty(exports, "splitToolbarActions", {
+  enumerable: true,
+  get: function () {
+    return _shared.splitToolbarActions;
+  }
+});
+Object.defineProperty(exports, "toolbarCapacity", {
+  enumerable: true,
+  get: function () {
+    return _shared.toolbarCapacity;
+  }
+});
+var _NoteEditorHeader = require("./NoteEditorHeader.js");
+var _NoteEditorToolbar = require("./NoteEditorToolbar.js");
+var _constants = require("./constants.js");
+var _shared = require("./shared.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_NoteEditorHeader","require","_NoteEditorToolbar","_constants","_shared"],"sourceRoot":"../../../src","sources":["note-editor/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA","ignoreList":[]}