@oxy.so/bloom 3.6.0 → 4.1.0

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

@@ -0,0 +1,418 @@
+"use strict";
+
+import React, { memo, useMemo } from 'react';
+import { Pressable, View } from 'react-native';
+import { Card } from "../card/index.js";
+import { CHECKBOX_GLYPH_CSS, CHECKBOX_GLYPH_STYLE_ID, CheckboxGlyph, resolveCheckboxPaint } from "../checkbox/shared.js";
+import { Chip } from "../chip/index.js";
+import { RiAttachment2 } from "../icons/remix/RiAttachment2.js";
+import { RiFolderLine } from "../icons/remix/RiFolderLine.js";
+import { RiLockLine } from "../icons/remix/RiLockLine.js";
+import { RiPushpinFill } from "../icons/remix/RiPushpinFill.js";
+import { RiTimeLine } from "../icons/remix/RiTimeLine.js";
+import { useInteractionState } from "../hooks/use-interaction-state.js";
+import { interactiveWebCss, useInteractiveWebCss } from "../styles/interactive-web-css.js";
+import { SurfaceLevelProvider, surfaceFillVars, useRingOffsetStyle, useSurfaceFill } from "../styles/surface-levels.js";
+import { webDataSet } from "../styles/web-data.js";
+import { useTheme } from "../theme/use-theme.js";
+import { Text } from "../typography/index.js";
+import { NoteCardSkeleton } from "./NoteCardSkeleton.js";
+import { composeNoteName, NOTE_CARD_GEOMETRY, noteCardRadiusPx, noteTagVariant, resolveNoteCardPaint } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * One note, previewed.
+ *
+ *                       grid                      row
+ *   padding             16                        12
+ *   radius              12                        8
+ *   title               body-medium, 2 lines      body-medium, 1 line
+ *   excerpt             body-2-regular, 4 lines   body-2-regular, 1 line
+ *   tags                their own row             folded into the meta line
+ *   metadata            last line                 inline after the excerpt
+ *   min height          —                         72
+ *
+ * The two are one component (`density`), not two: everything but the
+ * arrangement — which fields show, how the tone is composited, what selection
+ * looks like — is the same decision, and a second component is where those
+ * drift apart.
+ *
+ * **A checklist note previews as a checklist.** Flattened to text it reads as a
+ * paragraph of fragments, so `checklist` replaces `excerpt` and draws the first
+ * few items in `Checkbox`'s own box (`checkbox/shared`, so there is exactly one
+ * drawing of a tick in the library). It is READ-ONLY — nothing in a preview
+ * takes a press — and each row announces its state, because a tick with no name
+ * is a decoration.
+ *
+ * **The tone is composited, not appended.** `tone` resolves through
+ * `resolveAccentColors(..., 'subtle')`, whose tint is translucent; the card
+ * flattens it over the surface it landed on and re-measures every quiet rung
+ * against the RESULT (`shared.ts`). A rung measured against the page is a
+ * contrast the reader never gets.
+ *
+ * **Selection has two spellings because it is two things.** `selected` alone is
+ * "this is the note you are reading" — `aria-current`. With `selectable` the
+ * card IS a checkbox: `role="checkbox"`, both spellings of `checked`, a real
+ * `Checkbox` in the leading slot, and a press toggles instead of opening. A
+ * notes app lives in that second mode whenever it is tidying up.
+ *
+ * Colour change only on hover and press — no scale. One focus ring, through the
+ * shared recipe.
+ */
+
+const STYLE_ID = 'bloom-note-card-web-css';
+const CARD = '[data-bloom-note-card]';
+const NOTE_CARD_CSS = interactiveWebCss({
+  selector: CARD,
+  varPrefix: 'bloom-note-card',
+  // A react-native-web `View` lays out with `display: flex`; the button reset's
+  // `inline-flex` would change how the card sits in a grid cell.
+  reset: 'none',
+  transition: 'background-color 120ms ease, border-color 120ms ease',
+  outlineOffset: 2
+});
+const DEFAULT_LABELS = {
+  pinned: 'Pinned',
+  locked: 'Protected',
+  attachments: count => `${count} ${count === 1 ? 'attachment' : 'attachments'}`,
+  select: 'Select note',
+  checklistDone: 'Done',
+  checklistTodo: 'To do',
+  more: count => `${count} more`
+};
+
+/** One entry of the metadata trail: a 14px glyph and its pre-formatted words. */
+function MetaEntry({
+  icon: Icon,
+  label,
+  color,
+  accessibilityLabel
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      minWidth: 0
+    },
+    children: [/*#__PURE__*/_jsx(Icon, {
+      width: 14,
+      height: 14,
+      fill: color
+    }), /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      numberOfLines: 1,
+      accessibilityLabel: accessibilityLabel,
+      style: {
+        color,
+        marginLeft: 4,
+        flexShrink: 1
+      },
+      children: label
+    })]
+  });
+}
+const NoteCardComponent = ({
+  title,
+  excerpt,
+  checklist,
+  checklistTotal,
+  tags,
+  maxTags,
+  meta,
+  pinned = false,
+  tone,
+  density = 'grid',
+  selected = false,
+  selectable = false,
+  onSelectedChange,
+  onPress,
+  onLongPress,
+  loading = false,
+  accessibilityLabel,
+  labels: labelsProp,
+  style,
+  testID
+}) => {
+  const theme = useTheme();
+  const parent = useSurfaceFill();
+  useInteractiveWebCss(STYLE_ID, NOTE_CARD_CSS);
+  useInteractiveWebCss(CHECKBOX_GLYPH_STYLE_ID, CHECKBOX_GLYPH_CSS);
+  const paint = useMemo(() => resolveNoteCardPaint(theme, parent, tone), [theme, parent, tone]);
+  const checkboxPaint = useMemo(() => resolveCheckboxPaint(theme), [theme]);
+  const ringOffset = useRingOffsetStyle();
+  const {
+    state: hovered,
+    onIn: onHoverIn,
+    onOut: onHoverOut
+  } = useInteractionState();
+  const labels = {
+    ...DEFAULT_LABELS,
+    ...labelsProp
+  };
+  const geo = NOTE_CARD_GEOMETRY[density];
+  const row = density === 'row';
+  if (loading) {
+    return /*#__PURE__*/_jsx(NoteCardSkeleton, {
+      density: density,
+      style: style,
+      testID: testID
+    });
+  }
+  const shownTags = tags?.slice(0, maxTags ?? geo.maxTags) ?? [];
+  const hiddenTags = (tags?.length ?? 0) - shownTags.length;
+  const shownItems = checklist?.slice(0, geo.checklistRows) ?? [];
+  const totalItems = checklistTotal ?? checklist?.length ?? 0;
+  const hiddenItems = totalItems - shownItems.length;
+  const name = accessibilityLabel ?? composeNoteName([title, pinned && labels.pinned, meta?.locked === true && labels.locked, checklist ? `${checklist.filter(item => item.done).length}/${totalItems}` : excerpt, meta?.notebook, meta?.attachments ? labels.attachments(meta.attachments) : undefined, meta?.edited]);
+
+  // The card is a checkbox while the list is in selection mode, and the note
+  // itself otherwise. Both spellings of the state: web reads only `aria-*`,
+  // native only `accessibilityState`.
+  const toggle = () => onSelectedChange?.(!selected);
+  const press = selectable ? toggle : onPress;
+  // A card with no handler and no selection mode is a PREVIEW, not a control:
+  // giving it `role="button"` would put a focusable node that does nothing in
+  // the tab order, which is worse than no semantics at all.
+  const interactive = selectable || onPress !== undefined || onLongPress !== undefined;
+  const semantics = selectable ? {
+    role: 'checkbox',
+    'aria-checked': selected,
+    accessibilityState: {
+      checked: selected
+    }
+  } : {
+    role: 'button',
+    'aria-current': selected ? 'true' : undefined,
+    accessibilityState: {
+      selected
+    }
+  };
+  const background = selected ? paint.selectedBackground : paint.background;
+  const cardStyle = {
+    backgroundColor: hovered && !selected ? paint.selectedBackground : background,
+    borderColor: selected ? paint.selectedBorder : paint.border,
+    borderWidth: selected ? 2 : 1,
+    // A 2px selected border must not move the content — the padding gives the
+    // pixel back rather than a negative margin taking it.
+    padding: selected ? geo.padding - 1 : geo.padding,
+    minHeight: geo.minHeight,
+    flexDirection: row ? 'row' : 'column',
+    alignItems: row ? 'flex-start' : 'stretch',
+    ...surfaceFillVars(background)
+  };
+  const pin = pinned ? /*#__PURE__*/_jsx(View, {
+    role: "img",
+    accessibilityLabel: labels.pinned,
+    style: {
+      marginLeft: 8,
+      marginTop: 1
+    },
+    testID: testID ? `${testID}-pin` : undefined,
+    children: /*#__PURE__*/_jsx(RiPushpinFill, {
+      width: 14,
+      height: 14,
+      fill: paint.accent
+    })
+  }) : null;
+  const checkbox = selectable ? /*#__PURE__*/_jsx(View
+  // The card carries the checkbox role and the press; the box inside it is
+  // the drawing of that state, not a second control to tab to.
+  , {
+    "aria-hidden": true,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    pointerEvents: "none",
+    style: {
+      marginRight: 10,
+      marginTop: row ? 2 : 1
+    },
+    testID: testID ? `${testID}-checkbox` : undefined,
+    children: /*#__PURE__*/_jsx(CheckboxGlyph, {
+      size: "medium",
+      checked: selected,
+      indeterminate: false,
+      disabled: false,
+      highlighted: hovered,
+      paint: checkboxPaint
+    })
+  }) : null;
+  const excerptBlock = checklist === undefined ? excerpt ? /*#__PURE__*/_jsx(Text, {
+    variant: "body-2-regular",
+    numberOfLines: geo.excerptLines,
+    style: {
+      color: paint.textSecondary,
+      marginTop: geo.gap,
+      flexShrink: 1
+    },
+    testID: testID ? `${testID}-excerpt` : undefined,
+    children: excerpt
+  }) : null : /*#__PURE__*/_jsxs(View, {
+    style: {
+      marginTop: geo.gap,
+      gap: row ? 2 : 6
+    },
+    testID: testID ? `${testID}-checklist` : undefined,
+    children: [shownItems.map(item => /*#__PURE__*/_jsxs(View, {
+      role: "checkbox",
+      "aria-checked": item.done === true,
+      "aria-disabled": true,
+      accessibilityState: {
+        checked: item.done === true,
+        disabled: true
+      },
+      accessibilityLabel: `${item.done === true ? labels.checklistDone : labels.checklistTodo}, ${item.label}`,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        minWidth: 0
+      },
+      children: [/*#__PURE__*/_jsx(CheckboxGlyph, {
+        size: "small",
+        checked: item.done === true,
+        indeterminate: false,
+        disabled: false,
+        highlighted: false,
+        paint: checkboxPaint,
+        marginTop: 2
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-regular",
+        numberOfLines: 1,
+        style: {
+          color: item.done === true ? paint.textTertiary : paint.textSecondary,
+          marginLeft: 8,
+          flexShrink: 1,
+          textDecorationLine: item.done === true ? 'line-through' : 'none'
+        },
+        children: item.label
+      })]
+    }, item.id)), hiddenItems > 0 ? /*#__PURE__*/_jsx(Text, {
+      variant: "caption-1-regular",
+      style: {
+        color: paint.textTertiary,
+        marginLeft: 22
+      },
+      children: labels.more(hiddenItems)
+    }) : null]
+  });
+  const tagVariant = noteTagVariant(tone);
+  const tagChips = shownTags.length > 0 || hiddenTags > 0 ? /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      flexWrap: row ? 'nowrap' : 'wrap',
+      gap: 6,
+      minWidth: 0,
+      marginTop: row ? 0 : geo.gap
+    },
+    testID: testID ? `${testID}-tags` : undefined,
+    children: [shownTags.map(tag => /*#__PURE__*/_jsx(Chip, {
+      size: "small",
+      variant: tagVariant,
+      color: tone ?? 'default',
+      surface: background,
+      children: tag
+    }, tag)), hiddenTags > 0 ? /*#__PURE__*/_jsx(Chip, {
+      size: "small",
+      variant: tagVariant,
+      color: "default",
+      surface: background,
+      children: `+${hiddenTags}`
+    }) : null]
+  }) : null;
+  const metaEntries = [meta?.edited !== undefined ? /*#__PURE__*/_jsx(MetaEntry, {
+    icon: RiTimeLine,
+    label: meta.edited,
+    color: paint.textTertiary
+  }, "edited") : null, meta?.notebook !== undefined ? /*#__PURE__*/_jsx(MetaEntry, {
+    icon: RiFolderLine,
+    label: meta.notebook,
+    color: paint.textTertiary
+  }, "notebook") : null, meta?.attachments ? /*#__PURE__*/_jsx(MetaEntry, {
+    icon: RiAttachment2,
+    label: String(meta.attachments),
+    accessibilityLabel: labels.attachments(meta.attachments),
+    color: paint.textTertiary
+  }, "attachments") : null, meta?.locked === true ? /*#__PURE__*/_jsx(MetaEntry, {
+    icon: RiLockLine,
+    label: labels.locked,
+    color: paint.textTertiary
+  }, "locked") : null].filter(Boolean);
+  const metaRow = metaEntries.length > 0 || row && tagChips !== null ? /*#__PURE__*/_jsxs(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      flexWrap: 'wrap',
+      gap: 10,
+      marginTop: geo.gap,
+      minWidth: 0
+    },
+    testID: testID ? `${testID}-meta` : undefined,
+    children: [metaEntries, row ? tagChips : null]
+  }) : null;
+  const body = /*#__PURE__*/_jsx(Card, {
+    variant: "outlined",
+    radius: geo.radius,
+    style: cardStyle,
+    children: /*#__PURE__*/_jsxs(SurfaceLevelProvider, {
+      level: 1,
+      fill: background,
+      children: [checkbox, /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1,
+          minWidth: 0
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: {
+            flexDirection: 'row',
+            alignItems: 'flex-start',
+            minWidth: 0
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "body-medium",
+            numberOfLines: geo.titleLines,
+            style: {
+              color: paint.text,
+              flex: 1,
+              minWidth: 0
+            },
+            testID: testID ? `${testID}-title` : undefined,
+            children: title
+          }), pin]
+        }), excerptBlock, row ? null : tagChips, metaRow]
+      })]
+    })
+  });
+  const rootStyle = [{
+    borderRadius: noteCardRadiusPx(density)
+  }, ringOffset, {
+    '--bloom-note-card-ring': theme.colors.primary
+  }, style];
+
+  // A preview is a `View`, not a `Pressable` with its handlers left off: a
+  // pressable with no press still lands in the tab order and still announces a
+  // role, and neither is true of the thing on screen.
+  if (!interactive) {
+    return /*#__PURE__*/_jsx(View, {
+      accessibilityLabel: name,
+      style: rootStyle,
+      testID: testID,
+      children: body
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    ...webDataSet({
+      bloomNoteCard: ''
+    }),
+    ...semantics,
+    accessibilityLabel: name,
+    onPress: press,
+    onLongPress: onLongPress,
+    onHoverIn: onHoverIn,
+    onHoverOut: onHoverOut,
+    style: rootStyle,
+    testID: testID,
+    children: body
+  });
+};
+export const NoteCard = /*#__PURE__*/memo(NoteCardComponent);
+NoteCard.displayName = 'NoteCard';
+//# sourceMappingURL=NoteCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","Pressable","View","Card","CHECKBOX_GLYPH_CSS","CHECKBOX_GLYPH_STYLE_ID","CheckboxGlyph","resolveCheckboxPaint","Chip","RiAttachment2","RiFolderLine","RiLockLine","RiPushpinFill","RiTimeLine","useInteractionState","interactiveWebCss","useInteractiveWebCss","SurfaceLevelProvider","surfaceFillVars","useRingOffsetStyle","useSurfaceFill","webDataSet","useTheme","Text","NoteCardSkeleton","composeNoteName","NOTE_CARD_GEOMETRY","noteCardRadiusPx","noteTagVariant","resolveNoteCardPaint","jsx","_jsx","jsxs","_jsxs","STYLE_ID","CARD","NOTE_CARD_CSS","selector","varPrefix","reset","transition","outlineOffset","DEFAULT_LABELS","pinned","locked","attachments","count","select","checklistDone","checklistTodo","more","MetaEntry","icon","Icon","label","color","accessibilityLabel","style","flexDirection","alignItems","minWidth","children","width","height","fill","variant","numberOfLines","marginLeft","flexShrink","NoteCardComponent","title","excerpt","checklist","checklistTotal","tags","maxTags","meta","tone","density","selected","selectable","onSelectedChange","onPress","onLongPress","loading","labels","labelsProp","testID","theme","parent","paint","checkboxPaint","ringOffset","state","hovered","onIn","onHoverIn","onOut","onHoverOut","geo","row","shownTags","slice","hiddenTags","length","shownItems","checklistRows","totalItems","hiddenItems","name","filter","item","done","notebook","undefined","edited","toggle","press","interactive","semantics","role","accessibilityState","checked","background","selectedBackground","cardStyle","backgroundColor","borderColor","selectedBorder","border","borderWidth","padding","minHeight","pin","marginTop","accent","checkbox","accessibilityElementsHidden","importantForAccessibility","pointerEvents","marginRight","size","indeterminate","disabled","highlighted","excerptBlock","excerptLines","textSecondary","gap","map","textTertiary","textDecorationLine","id","tagVariant","tagChips","flexWrap","tag","surface","metaEntries","String","Boolean","metaRow","body","radius","level","flex","titleLines","text","rootStyle","borderRadius","colors","primary","bloomNoteCard","NoteCard","displayName"],"sourceRoot":"../../../src","sources":["note-card/NoteCard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+import React from 'react';
+import { View } from 'react-native';
+import { Card } from "../card/index.js";
+import * as Skeleton from "../skeleton/index.js";
+import { NOTE_CARD_GEOMETRY } from "./shared.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The card's placeholder, in the card's own geometry — same padding, same
+ * radius, same rhythm — so a board does not reflow when the notes arrive.
+ *
+ * It is a separate export as well as `NoteCard`'s `loading` branch: a list that
+ * knows it is fetching ten notes renders ten of these and never constructs ten
+ * empty note objects to satisfy a required `title`.
+ */
+export function NoteCardSkeleton({
+  density = 'grid',
+  lines,
+  style,
+  testID
+}) {
+  const geo = NOTE_CARD_GEOMETRY[density];
+  const row = density === 'row';
+  const count = lines ?? (row ? 1 : 3);
+  return /*#__PURE__*/_jsx(Card, {
+    variant: "outlined",
+    radius: geo.radius,
+    style: {
+      padding: geo.padding,
+      minHeight: geo.minHeight
+    },
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(View, {
+      "aria-hidden": true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      children: [/*#__PURE__*/_jsx(Skeleton.Box, {
+        width: "62%",
+        height: 16,
+        borderRadius: 6
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          marginTop: geo.gap + 2,
+          gap: 6
+        },
+        children: Array.from({
+          length: count
+        }, (_, index) => /*#__PURE__*/_jsx(Skeleton.Box, {
+          width: index === count - 1 ? '58%' : '100%',
+          height: 11,
+          borderRadius: 5,
+          blend: true
+        }, index))
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          marginTop: geo.gap + 4,
+          flexDirection: 'row',
+          gap: 8
+        },
+        children: [/*#__PURE__*/_jsx(Skeleton.Box, {
+          width: 56,
+          height: 12,
+          borderRadius: 6,
+          blend: true
+        }), /*#__PURE__*/_jsx(Skeleton.Box, {
+          width: 72,
+          height: 12,
+          borderRadius: 6,
+          blend: true
+        })]
+      })]
+    })
+  });
+}
+NoteCardSkeleton.displayName = 'NoteCardSkeleton';
+//# sourceMappingURL=NoteCardSkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Card","Skeleton","NOTE_CARD_GEOMETRY","jsx","_jsx","jsxs","_jsxs","NoteCardSkeleton","density","lines","style","testID","geo","row","count","variant","radius","padding","minHeight","children","accessibilityElementsHidden","importantForAccessibility","Box","width","height","borderRadius","marginTop","gap","Array","from","length","_","index","blend","flexDirection","displayName"],"sourceRoot":"../../../src","sources":["note-card/NoteCardSkeleton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,IAAI,QAAQ,kBAAS;AAC9B,OAAO,KAAKC,QAAQ,MAAM,sBAAa;AACvC,SAASC,kBAAkB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAC;EAAEC,OAAO,GAAG,MAAM;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAA8B,CAAC,EAAE;EAClG,MAAMC,GAAG,GAAGV,kBAAkB,CAACM,OAAO,CAAC;EACvC,MAAMK,GAAG,GAAGL,OAAO,KAAK,KAAK;EAC7B,MAAMM,KAAK,GAAGL,KAAK,KAAKI,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;EAEpC,oBACET,IAAA,CAACJ,IAAI;IACHe,OAAO,EAAC,UAAU;IAClBC,MAAM,EAAEJ,GAAG,CAACI,MAAO;IACnBN,KAAK,EAAE;MAAEO,OAAO,EAAEL,GAAG,CAACK,OAAO;MAAEC,SAAS,EAAEN,GAAG,CAACM;IAAU,CAAE;IAC1DP,MAAM,EAAEA,MAAO;IAAAQ,QAAA,eAEfb,KAAA,CAACP,IAAI;MACH,mBAAW;MACXqB,2BAA2B;MAC3BC,yBAAyB,EAAC,qBAAqB;MAAAF,QAAA,gBAE/Cf,IAAA,CAACH,QAAQ,CAACqB,GAAG;QAACC,KAAK,EAAC,KAAK;QAACC,MAAM,EAAE,EAAG;QAACC,YAAY,EAAE;MAAE,CAAE,CAAC,eACzDrB,IAAA,CAACL,IAAI;QAACW,KAAK,EAAE;UAAEgB,SAAS,EAAEd,GAAG,CAACe,GAAG,GAAG,CAAC;UAAEA,GAAG,EAAE;QAAE,CAAE;QAAAR,QAAA,EAC7CS,KAAK,CAACC,IAAI,CAAC;UAAEC,MAAM,EAAEhB;QAAM,CAAC,EAAE,CAACiB,CAAC,EAAEC,KAAK,kBACtC5B,IAAA,CAACH,QAAQ,CAACqB,GAAG;UAEXC,KAAK,EAAES,KAAK,KAAKlB,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,MAAO;UAC5CU,MAAM,EAAE,EAAG;UACXC,YAAY,EAAE,CAAE;UAChBQ,KAAK;QAAA,GAJAD,KAKN,CACF;MAAC,CACE,CAAC,eACP1B,KAAA,CAACP,IAAI;QAACW,KAAK,EAAE;UAAEgB,SAAS,EAAEd,GAAG,CAACe,GAAG,GAAG,CAAC;UAAEO,aAAa,EAAE,KAAK;UAAEP,GAAG,EAAE;QAAE,CAAE;QAAAR,QAAA,gBACpEf,IAAA,CAACH,QAAQ,CAACqB,GAAG;UAACC,KAAK,EAAE,EAAG;UAACC,MAAM,EAAE,EAAG;UAACC,YAAY,EAAE,CAAE;UAACQ,KAAK;QAAA,CAAE,CAAC,eAC9D7B,IAAA,CAACH,QAAQ,CAACqB,GAAG;UAACC,KAAK,EAAE,EAAG;UAACC,MAAM,EAAE,EAAG;UAACC,YAAY,EAAE,CAAE;UAACQ,KAAK;QAAA,CAAE,CAAC;MAAA,CAC1D,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAEX;AACA1B,gBAAgB,CAAC4B,WAAW,GAAG,kBAAkB","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+export { NoteCard } from "./NoteCard.js";
+export { NoteCardSkeleton } from "./NoteCardSkeleton.js";
+export { NOTE_CARD_GEOMETRY, composeNoteName, flattenOver, noteCardRadiusPx, noteTagVariant, resolveNoteCardPaint } from "./shared.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NoteCard","NoteCardSkeleton","NOTE_CARD_GEOMETRY","composeNoteName","flattenOver","noteCardRadiusPx","noteTagVariant","resolveNoteCardPaint"],"sourceRoot":"../../../src","sources":["note-card/index.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,eAAY;AACrC,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SACEC,kBAAkB,EAClBC,eAAe,EACfC,WAAW,EACXC,gBAAgB,EAChBC,cAAc,EACdC,oBAAoB,QACf,aAAU","ignoreList":[]}

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":[]}