@eightyfourthousand/lib-editing 2026.3.0 → 2026.4.0

package/src/lib/components/shared/titles/FramedCard.tsx

@@ -37,9 +37,9 @@ export const FramedCard = ({
   children: ReactNode;
   className?: string;
 }) => {
-  const borderColor = `border-navy-50`;
-  const bgColor = `bg-navy-25/40`;
-  const ornamentTint = `fill-navy-50`;
+  const borderColor = `border-navy/50`;
+  const bgColor = `bg-navy/10`;
+  const ornamentTint = `fill-navy/20`;
   const ornamentBgTint = `fill-white/75`;
 
   const cornerSize = 2;

package/src/lib/components/shared/titles/Titles.tsx

@@ -16,7 +16,7 @@ import {
 import { TitlesCard } from './TitlesCard';
 import { TitleForm } from './TitleForm';
 
-export type TitlesVariant = 'english' | 'tibetan' | 'comparison' | 'other';
+export type TitlesVariant = 'english' | 'tibetan' | 'comparison' | 'front' | 'other';
 
 export const Titles = ({
   titles,
@@ -50,15 +50,14 @@ export const Titles = ({
 
   const footer =
     imprint?.mainTitles?.['Sa-Ltn'] ||
-    mainTitles.find((t) => t.language === 'Sa-Ltn')?.title ||
-    '...';
+    mainTitles.find((t) => t.language === 'Sa-Ltn')?.title;
 
   switch (variant) {
     case 'tibetan': {
       const boMain =
         imprint?.mainTitles?.bo ||
         mainTitles.find((t) => t.language === 'bo')?.title;
-      header = `${BO_TITLE_PREFIX}${boMain || '...'}`;
+      header = boMain ? `${BO_TITLE_PREFIX}${boMain || ''}` : '';
       break;
     }
     case 'comparison': {
@@ -68,11 +67,23 @@ export const Titles = ({
       const enMain =
         imprint?.mainTitles?.en ||
         mainTitles.find((t) => t.language === 'en')?.title ||
-        '...';
-      header = `${BO_TITLE_PREFIX}${boMain || '...'}`;
+        '';
+      header = boMain ? `${BO_TITLE_PREFIX}${boMain || ''}` : '';
       main = enMain;
       break;
     }
+    case 'front': {
+      const boMain =
+        imprint?.mainTitles?.bo ||
+        mainTitles.find((t) => t.language === 'bo')?.title;
+      header = boMain ? `${BO_TITLE_PREFIX}${boMain || ''}` : '';
+      main =
+        imprint?.mainTitles?.en ||
+        mainTitles.find((t) => t.language === 'en')?.title ||
+        mainTitles[0]?.title ||
+        '';
+      break;
+    }
     case 'english':
     default:
       main =

package/src/lib/components/shared/titles/TitlesCard.tsx

@@ -28,10 +28,10 @@ export const TitlesCard = ({
   onEdit?(): void;
 }) => {
   const radial =
-    'bg-radial-[at_50%_50%] from-ochre-25 from-35% to-navy-25';
+    'bg-radial-[at_50%_50%] from-ochre/10 from-35% to-navy/10';
 
   return (
-    <div className="mx-auto flex w-full max-w-7xl gap-1.5 rounded-lg border bg-background p-1.5">
+    <div className="mx-auto flex w-full max-w-7xl gap-1.5 rounded-lg border bg-[#fff] p-1.5">
       {(toh || section) && (
         <div
           className={cn(
@@ -39,17 +39,17 @@ export const TitlesCard = ({
             radial,
           )}
         >
-          <span className="text-sm leading-4 font-light text-ochre-700">
+          <span className="text-sm leading-4 font-light text-primary">
             {section}
           </span>
           <span className="text-xs uppercase text-muted-foreground">{toh}</span>
         </div>
       )}
-      <div className="grow min-w-0 flex flex-col justify-center gap-3 rounded-lg border px-2 py-4 text-center md:rounded-s-none md:rounded-e-lg lg:rounded-none">
+      <div className="bg-[#fff] grow min-w-0 flex flex-col justify-center gap-3 rounded-lg border px-2 py-4 text-center md:rounded-s-none md:rounded-e-lg lg:rounded-none">
         {header && (
           <div
             className={cn(
-              'font-tibetan text-navy-500 px-2',
+              'font-tibetan text-primary px-2',
               main ? 'text-2xl' : 'text-3xl',
               'leading-relaxed break-all xs:break-normal',
             )}
@@ -58,7 +58,7 @@ export const TitlesCard = ({
           </div>
         )}
         {main && (
-          <div className="title-main break-all px-2 font-serif text-3xl text-navy-500 xs:break-normal">
+          <div className="title-main break-all px-2 font-serif text-3xl text-primary xs:break-normal">
             {main}
           </div>
         )}

package/src/lib/transformers/has-abbreviation.ts

@@ -5,7 +5,7 @@ import { Transformer } from './transformer';
 
 export const hasAbbreviation: Transformer = (ctx) => {
   const { annotation } = ctx;
-  const { abbreviation, uuid } = annotation as HasAbbreviationAnnotation;
+  const { abbreviation, uuid, start, end } = annotation as HasAbbreviationAnnotation;
 
   recurse({
     until: ['text'],
@@ -21,7 +21,12 @@ export const hasAbbreviation: Transformer = (ctx) => {
             uuid,
           };
           block.content = [
-            { type: 'text', text: block.text, marks: block.marks },
+            {
+              type: 'text',
+              text: block.text,
+              marks: block.marks,
+              attrs: { start, end }
+            },
           ];
         },
       });