@oxy.so/bloom 5.1.1 → 5.3.0

package/src/settings-modal/rows.ts

@@ -0,0 +1,21 @@
+/**
+ * Lightweight entry for settings rows drawn outside the dialog — a preference
+ * card on a screen or in a sheet. Same components as `settings-modal`, without
+ * linking `SettingsModal`, the storage/tools/plan pages or the date field's
+ * calendar in Metro, which does not tree-shake barrel exports.
+ */
+export {
+  SettingsCard,
+  SettingsRow,
+  SettingsSection,
+  SettingsSectionLabel,
+  SettingsValueField,
+} from './SettingsRows';
+export type {
+  SettingsCardProps,
+  SettingsIcon,
+  SettingsRowProps,
+  SettingsSectionLabelProps,
+  SettingsSectionProps,
+  SettingsValueFieldProps,
+} from './types';

package/src/shapes/message-helpers.ts

@@ -0,0 +1,28 @@
+/**
+ * Helpers the shapes catalog's strings share across languages.
+ * Kept apart from `messages.ts` so a language module can use them without
+ * linking the family's English strings (see `src/locale/translations`).
+ */
+import type { NamedShapeName } from './paths';
+import type { CookieShape, CloverShape } from './messages';
+
+/**
+ * One language's shape names. The cookies and clovers are one phrase each with
+ * the count in it, so each language says "a cookie with N sides" once.
+ */
+export function shapeNames(
+  names: Omit<Record<NamedShapeName, string>, CookieShape | CloverShape>,
+  cookie: (sides: number) => string,
+  clover: (leaves: number) => string,
+): Record<NamedShapeName, string> {
+  return {
+    ...names,
+    '4-sided-cookie': cookie(4),
+    '6-sided-cookie': cookie(6),
+    '7-sided-cookie': cookie(7),
+    '9-sided-cookie': cookie(9),
+    '12-sided-cookie': cookie(12),
+    '4-leaf-clover': clover(4),
+    '8-leaf-clover': clover(8),
+  };
+}

package/src/shapes/messages.ts

@@ -1,559 +1,47 @@
-import type { MessageCatalog } from '../locale/messages';
+import { defineMessages, type MessageCatalog } from '../locale/messages';
 import type { NamedShapeName } from './paths';
+import { shapeNames } from './message-helpers';
 
-type CookieShape = '4-sided-cookie' | '6-sided-cookie' | '7-sided-cookie' | '9-sided-cookie' | '12-sided-cookie';
-type CloverShape = '4-leaf-clover' | '8-leaf-clover';
+export type CookieShape = '4-sided-cookie' | '6-sided-cookie' | '7-sided-cookie' | '9-sided-cookie' | '12-sided-cookie';
+export type CloverShape = '4-leaf-clover' | '8-leaf-clover';
 
 /** Localized names for the shared shape picker. */
 export interface ShapeMessages {
   shapes: Record<NamedShapeName, string>;
 }
 
-/**
- * One language's shape names. The cookies and clovers are one phrase each with
- * the count in it, so each language says "a cookie with N sides" once.
- */
-function shapeNames(
-  names: Omit<Record<NamedShapeName, string>, CookieShape | CloverShape>,
-  cookie: (sides: number) => string,
-  clover: (leaves: number) => string,
-): Record<NamedShapeName, string> {
-  return {
-    ...names,
-    '4-sided-cookie': cookie(4),
-    '6-sided-cookie': cookie(6),
-    '7-sided-cookie': cookie(7),
-    '9-sided-cookie': cookie(9),
-    '12-sided-cookie': cookie(12),
-    '4-leaf-clover': clover(4),
-    '8-leaf-clover': clover(8),
-  };
-}
-
-export const SHAPE_MESSAGES: MessageCatalog<ShapeMessages> = {
-  en: {
-    shapes: shapeNames(
-      {
-        square: 'Square',
-        slanted: 'Slanted',
-        arch: 'Arch',
-        semicircle: 'Semicircle',
-        oval: 'Oval',
-        pill: 'Pill',
-        triangle: 'Triangle',
-        arrow: 'Arrow',
-        fan: 'Fan',
-        diamond: 'Diamond',
-        clamshell: 'Clamshell',
-        pentagon: 'Pentagon',
-        gem: 'Gem',
-        'very-sunny': 'Very Sunny',
-        sunny: 'Sunny',
-        burst: 'Burst',
-        'soft-burst': 'Soft Burst',
-        boom: 'Boom',
-        'soft-boom': 'Soft Boom',
-        flower: 'Flower',
-        puffy: 'Puffy',
-        'puffy-diamond': 'Puffy Diamond',
-        'ghost-ish': 'Ghost-ish',
-        'pixel-circle': 'Pixel Circle',
-        'pixel-triangle': 'Pixel Triangle',
-        bun: 'Bun',
-        heart: 'Heart',
-      },
-      (n) => `${n}-Sided Cookie`,
-      (n) => `${n}-Leaf Clover`,
-    ),
-  },
-  es: {
-    shapes: shapeNames(
-      {
-        square: 'Cuadrado',
-        slanted: 'Inclinado',
-        arch: 'Arco',
-        semicircle: 'Semicírculo',
-        oval: 'Óvalo',
-        pill: 'Píldora',
-        triangle: 'Triángulo',
-        arrow: 'Flecha',
-        fan: 'Abanico',
-        diamond: 'Rombo',
-        clamshell: 'Concha',
-        pentagon: 'Pentágono',
-        gem: 'Gema',
-        'very-sunny': 'Muy soleado',
-        sunny: 'Soleado',
-        burst: 'Estallido',
-        'soft-burst': 'Estallido suave',
-        boom: 'Explosión',
-        'soft-boom': 'Explosión suave',
-        flower: 'Flor',
-        puffy: 'Esponjoso',
-        'puffy-diamond': 'Rombo esponjoso',
-        'ghost-ish': 'Casi fantasma',
-        'pixel-circle': 'Círculo pixelado',
-        'pixel-triangle': 'Triángulo pixelado',
-        bun: 'Bollo',
-        heart: 'Corazón',
-      },
-      (n) => `Galleta de ${n} lados`,
-      (n) => `Trébol de ${n} hojas`,
-    ),
-  },
-  ca: {
-    shapes: shapeNames(
-      {
-        square: 'Quadrat',
-        slanted: 'Inclinat',
-        arch: 'Arc',
-        semicircle: 'Semicercle',
-        oval: 'Oval',
-        pill: 'Píndola',
-        triangle: 'Triangle',
-        arrow: 'Fletxa',
-        fan: 'Ventall',
-        diamond: 'Rombe',
-        clamshell: 'Petxina',
-        pentagon: 'Pentàgon',
-        gem: 'Gemma',
-        'very-sunny': 'Molt assolellat',
-        sunny: 'Assolellat',
-        burst: 'Esclat',
-        'soft-burst': 'Esclat suau',
-        boom: 'Explosió',
-        'soft-boom': 'Explosió suau',
-        flower: 'Flor',
-        puffy: 'Esponjós',
-        'puffy-diamond': 'Rombe esponjós',
-        'ghost-ish': 'Gairebé fantasma',
-        'pixel-circle': 'Cercle pixelat',
-        'pixel-triangle': 'Triangle pixelat',
-        bun: 'Brioix',
-        heart: 'Cor',
-      },
-      (n) => `Galeta de ${n} costats`,
-      (n) => `Trèvol de ${n} fulles`,
-    ),
-  },
-  de: {
-    shapes: shapeNames(
-      {
-        square: 'Quadrat',
-        slanted: 'Schräg',
-        arch: 'Bogen',
-        semicircle: 'Halbkreis',
-        oval: 'Oval',
-        pill: 'Pille',
-        triangle: 'Dreieck',
-        arrow: 'Pfeil',
-        fan: 'Fächer',
-        diamond: 'Raute',
-        clamshell: 'Muschel',
-        pentagon: 'Fünfeck',
-        gem: 'Edelstein',
-        'very-sunny': 'Sehr sonnig',
-        sunny: 'Sonnig',
-        burst: 'Zacken',
-        'soft-burst': 'Weiche Zacken',
-        boom: 'Explosion',
-        'soft-boom': 'Weiche Explosion',
-        flower: 'Blume',
-        puffy: 'Bauschig',
-        'puffy-diamond': 'Bauschige Raute',
-        'ghost-ish': 'Gespenstisch',
-        'pixel-circle': 'Pixelkreis',
-        'pixel-triangle': 'Pixeldreieck',
-        bun: 'Brötchen',
-        heart: 'Herz',
-      },
-      (n) => `Keks mit ${n} Seiten`,
-      (n) => `${n}-blättriges Kleeblatt`,
-    ),
-  },
-  fr: {
-    shapes: shapeNames(
-      {
-        square: 'Carré',
-        slanted: 'Incliné',
-        arch: 'Arche',
-        semicircle: 'Demi-cercle',
-        oval: 'Ovale',
-        pill: 'Pilule',
-        triangle: 'Triangle',
-        arrow: 'Flèche',
-        fan: 'Éventail',
-        diamond: 'Losange',
-        clamshell: 'Coquillage',
-        pentagon: 'Pentagone',
-        gem: 'Gemme',
-        'very-sunny': 'Très ensoleillé',
-        sunny: 'Ensoleillé',
-        burst: 'Éclat',
-        'soft-burst': 'Éclat doux',
-        boom: 'Explosion',
-        'soft-boom': 'Explosion douce',
-        flower: 'Fleur',
-        puffy: 'Gonflé',
-        'puffy-diamond': 'Losange gonflé',
-        'ghost-ish': 'Presque fantôme',
-        'pixel-circle': 'Cercle pixelisé',
-        'pixel-triangle': 'Triangle pixelisé',
-        bun: 'Brioche',
-        heart: 'Cœur',
-      },
-      (n) => `Biscuit à ${n} côtés`,
-      (n) => `Trèfle à ${n} feuilles`,
-    ),
-  },
-  it: {
-    shapes: shapeNames(
-      {
-        square: 'Quadrato',
-        slanted: 'Inclinato',
-        arch: 'Arco',
-        semicircle: 'Semicerchio',
-        oval: 'Ovale',
-        pill: 'Pillola',
-        triangle: 'Triangolo',
-        arrow: 'Freccia',
-        fan: 'Ventaglio',
-        diamond: 'Rombo',
-        clamshell: 'Conchiglia',
-        pentagon: 'Pentagono',
-        gem: 'Gemma',
-        'very-sunny': 'Molto soleggiato',
-        sunny: 'Soleggiato',
-        burst: 'Scoppio',
-        'soft-burst': 'Scoppio morbido',
-        boom: 'Esplosione',
-        'soft-boom': 'Esplosione morbida',
-        flower: 'Fiore',
-        puffy: 'Soffice',
-        'puffy-diamond': 'Rombo soffice',
-        'ghost-ish': 'Quasi fantasma',
-        'pixel-circle': 'Cerchio pixelato',
-        'pixel-triangle': 'Triangolo pixelato',
-        bun: 'Panino',
-        heart: 'Cuore',
-      },
-      (n) => `Biscotto a ${n} lati`,
-      (n) => `Trifoglio a ${n} foglie`,
-    ),
-  },
-  pt: {
-    shapes: shapeNames(
-      {
-        square: 'Quadrado',
-        slanted: 'Inclinado',
-        arch: 'Arco',
-        semicircle: 'Semicírculo',
-        oval: 'Oval',
-        pill: 'Pílula',
-        triangle: 'Triângulo',
-        arrow: 'Seta',
-        fan: 'Leque',
-        diamond: 'Losango',
-        clamshell: 'Concha',
-        pentagon: 'Pentágono',
-        gem: 'Gema',
-        'very-sunny': 'Muito ensolarado',
-        sunny: 'Ensolarado',
-        burst: 'Explosão',
-        'soft-burst': 'Explosão suave',
-        boom: 'Estouro',
-        'soft-boom': 'Estouro suave',
-        flower: 'Flor',
-        puffy: 'Fofo',
-        'puffy-diamond': 'Losango fofo',
-        'ghost-ish': 'Quase fantasma',
-        'pixel-circle': 'Círculo pixelado',
-        'pixel-triangle': 'Triângulo pixelado',
-        bun: 'Pãozinho',
-        heart: 'Coração',
-      },
-      (n) => `Biscoito de ${n} lados`,
-      (n) => `Trevo de ${n} folhas`,
-    ),
-  },
-  ru: {
-    shapes: shapeNames(
-      {
-        square: 'Квадрат',
-        slanted: 'Наклонный',
-        arch: 'Арка',
-        semicircle: 'Полукруг',
-        oval: 'Овал',
-        pill: 'Таблетка',
-        triangle: 'Треугольник',
-        arrow: 'Стрелка',
-        fan: 'Веер',
-        diamond: 'Ромб',
-        clamshell: 'Ракушка',
-        pentagon: 'Пятиугольник',
-        gem: 'Самоцвет',
-        'very-sunny': 'Очень солнечный',
-        sunny: 'Солнечный',
-        burst: 'Вспышка',
-        'soft-burst': 'Мягкая вспышка',
-        boom: 'Взрыв',
-        'soft-boom': 'Мягкий взрыв',
-        flower: 'Цветок',
-        puffy: 'Пышный',
-        'puffy-diamond': 'Пышный ромб',
-        'ghost-ish': 'Почти призрак',
-        'pixel-circle': 'Пиксельный круг',
-        'pixel-triangle': 'Пиксельный треугольник',
-        bun: 'Булочка',
-        heart: 'Сердце',
-      },
-      (n) => `Печенье с ${n} сторонами`,
-      (n) => `Клевер с ${n} листьями`,
-    ),
-  },
-  tr: {
-    shapes: shapeNames(
-      {
-        square: 'Kare',
-        slanted: 'Eğik',
-        arch: 'Kemer',
-        semicircle: 'Yarım daire',
-        oval: 'Oval',
-        pill: 'Hap',
-        triangle: 'Üçgen',
-        arrow: 'Ok',
-        fan: 'Yelpaze',
-        diamond: 'Baklava',
-        clamshell: 'İstiridye',
-        pentagon: 'Beşgen',
-        gem: 'Mücevher',
-        'very-sunny': 'Çok güneşli',
-        sunny: 'Güneşli',
-        burst: 'Patlama',
-        'soft-burst': 'Yumuşak patlama',
-        boom: 'Bum',
-        'soft-boom': 'Yumuşak bum',
-        flower: 'Çiçek',
-        puffy: 'Kabarık',
-        'puffy-diamond': 'Kabarık baklava',
-        'ghost-ish': 'Hayaletimsi',
-        'pixel-circle': 'Piksel daire',
-        'pixel-triangle': 'Piksel üçgen',
-        bun: 'Çörek',
-        heart: 'Kalp',
-      },
-      (n) => `${n} kenarlı kurabiye`,
-      (n) => `${n} yapraklı yonca`,
-    ),
-  },
-  ja: {
-    shapes: shapeNames(
-      {
-        square: '正方形',
-        slanted: '斜め',
-        arch: 'アーチ',
-        semicircle: '半円',
-        oval: '楕円',
-        pill: 'ピル',
-        triangle: '三角形',
-        arrow: '矢印',
-        fan: '扇形',
-        diamond: 'ひし形',
-        clamshell: '貝殻',
-        pentagon: '五角形',
-        gem: '宝石',
-        'very-sunny': 'とても晴れ',
-        sunny: '晴れ',
-        burst: 'バースト',
-        'soft-burst': 'ソフトバースト',
-        boom: 'ブーム',
-        'soft-boom': 'ソフトブーム',
-        flower: '花',
-        puffy: 'ふんわり',
-        'puffy-diamond': 'ふんわりひし形',
-        'ghost-ish': 'おばけ風',
-        'pixel-circle': 'ピクセル円',
-        'pixel-triangle': 'ピクセル三角形',
-        bun: 'パン',
-        heart: 'ハート',
-      },
-      (n) => `${n}辺のクッキー`,
-      (n) => `${n}つ葉のクローバー`,
-    ),
-  },
-  zh: {
-    shapes: shapeNames(
-      {
-        square: '正方形',
-        slanted: '倾斜',
-        arch: '拱形',
-        semicircle: '半圆',
-        oval: '椭圆',
-        pill: '胶囊',
-        triangle: '三角形',
-        arrow: '箭头',
-        fan: '扇形',
-        diamond: '菱形',
-        clamshell: '贝壳',
-        pentagon: '五边形',
-        gem: '宝石',
-        'very-sunny': '烈日',
-        sunny: '晴日',
-        burst: '爆发',
-        'soft-burst': '柔和爆发',
-        boom: '爆炸',
-        'soft-boom': '柔和爆炸',
-        flower: '花朵',
-        puffy: '蓬松',
-        'puffy-diamond': '蓬松菱形',
-        'ghost-ish': '幽灵形',
-        'pixel-circle': '像素圆',
-        'pixel-triangle': '像素三角形',
-        bun: '圆面包',
-        heart: '爱心',
-      },
-      (n) => `${n} 边饼干`,
-      (n) => `${n} 叶草`,
-    ),
-  },
-  ar: {
-    shapes: shapeNames(
-      {
-        square: 'مربع',
-        slanted: 'مائل',
-        arch: 'قوس',
-        semicircle: 'نصف دائرة',
-        oval: 'بيضاوي',
-        pill: 'كبسولة',
-        triangle: 'مثلث',
-        arrow: 'سهم',
-        fan: 'مروحة',
-        diamond: 'معيّن',
-        clamshell: 'صدفة',
-        pentagon: 'خماسي',
-        gem: 'جوهرة',
-        'very-sunny': 'مشمس جدًا',
-        sunny: 'مشمس',
-        burst: 'انفجار',
-        'soft-burst': 'انفجار ناعم',
-        boom: 'دويّ',
-        'soft-boom': 'دويّ ناعم',
-        flower: 'زهرة',
-        puffy: 'منتفخ',
-        'puffy-diamond': 'معيّن منتفخ',
-        'ghost-ish': 'شبه شبح',
-        'pixel-circle': 'دائرة بكسلية',
-        'pixel-triangle': 'مثلث بكسلي',
-        bun: 'كعكة مستديرة',
-        heart: 'قلب',
-      },
-      (n) => `كعكة بـ${n} جوانب`,
-      (n) => `برسيم بـ${n} أوراق`,
-    ),
-  },
-  hi: {
-    shapes: shapeNames(
-      {
-        square: 'वर्ग',
-        slanted: 'तिरछा',
-        arch: 'मेहराब',
-        semicircle: 'अर्धवृत्त',
-        oval: 'अंडाकार',
-        pill: 'गोली',
-        triangle: 'त्रिभुज',
-        arrow: 'तीर',
-        fan: 'पंखा',
-        diamond: 'हीरा',
-        clamshell: 'सीप',
-        pentagon: 'पंचभुज',
-        gem: 'रत्न',
-        'very-sunny': 'बहुत धूप',
-        sunny: 'धूप',
-        burst: 'विस्फोट',
-        'soft-burst': 'नरम विस्फोट',
-        boom: 'धमाका',
-        'soft-boom': 'नरम धमाका',
-        flower: 'फूल',
-        puffy: 'फूला हुआ',
-        'puffy-diamond': 'फूला हुआ हीरा',
-        'ghost-ish': 'भूत जैसा',
-        'pixel-circle': 'पिक्सेल वृत्त',
-        'pixel-triangle': 'पिक्सेल त्रिभुज',
-        bun: 'बन',
-        heart: 'दिल',
-      },
-      (n) => `${n} भुजाओं वाली कुकी`,
-      (n) => `${n} पत्तियों वाला क्लोवर`,
-    ),
-  },
-  bn: {
-    shapes: shapeNames(
-      {
-        square: 'বর্গ',
-        slanted: 'হেলানো',
-        arch: 'খিলান',
-        semicircle: 'অর্ধবৃত্ত',
-        oval: 'ডিম্বাকার',
-        pill: 'পিল',
-        triangle: 'ত্রিভুজ',
-        arrow: 'তীর',
-        fan: 'পাখা',
-        diamond: 'হীরা',
-        clamshell: 'ঝিনুক',
-        pentagon: 'পঞ্চভুজ',
-        gem: 'রত্ন',
-        'very-sunny': 'খুব রোদেলা',
-        sunny: 'রোদেলা',
-        burst: 'বিস্ফোরণ',
-        'soft-burst': 'নরম বিস্ফোরণ',
-        boom: 'বুম',
-        'soft-boom': 'নরম বুম',
-        flower: 'ফুল',
-        puffy: 'ফোলা',
-        'puffy-diamond': 'ফোলা হীরা',
-        'ghost-ish': 'ভূতের মতো',
-        'pixel-circle': 'পিক্সেল বৃত্ত',
-        'pixel-triangle': 'পিক্সেল ত্রিভুজ',
-        bun: 'বান',
-        heart: 'হৃদয়',
-      },
-      (n) => `${n} বাহুর কুকি`,
-      (n) => `${n} পাতার ক্লোভার`,
-    ),
-  },
-  id: {
-    shapes: shapeNames(
-      {
-        square: 'Persegi',
-        slanted: 'Miring',
-        arch: 'Lengkung',
-        semicircle: 'Setengah lingkaran',
-        oval: 'Oval',
-        pill: 'Pil',
-        triangle: 'Segitiga',
-        arrow: 'Panah',
-        fan: 'Kipas',
-        diamond: 'Belah ketupat',
-        clamshell: 'Kerang',
-        pentagon: 'Segi lima',
-        gem: 'Permata',
-        'very-sunny': 'Sangat cerah',
-        sunny: 'Cerah',
-        burst: 'Ledakan',
-        'soft-burst': 'Ledakan lembut',
-        boom: 'Bum',
-        'soft-boom': 'Bum lembut',
-        flower: 'Bunga',
-        puffy: 'Mengembang',
-        'puffy-diamond': 'Belah ketupat mengembang',
-        'ghost-ish': 'Mirip hantu',
-        'pixel-circle': 'Lingkaran piksel',
-        'pixel-triangle': 'Segitiga piksel',
-        bun: 'Roti bundar',
-        heart: 'Hati',
-      },
-      (n) => `Kue ${n} sisi`,
-      (n) => `Semanggi ${n} daun`,
-    ),
-  },
-};
+export const SHAPE_MESSAGES: MessageCatalog<ShapeMessages> = defineMessages<ShapeMessages>('SHAPE_MESSAGES', {
+  shapes: shapeNames(
+    {
+      square: 'Square',
+      slanted: 'Slanted',
+      arch: 'Arch',
+      semicircle: 'Semicircle',
+      oval: 'Oval',
+      pill: 'Pill',
+      triangle: 'Triangle',
+      arrow: 'Arrow',
+      fan: 'Fan',
+      diamond: 'Diamond',
+      clamshell: 'Clamshell',
+      pentagon: 'Pentagon',
+      gem: 'Gem',
+      'very-sunny': 'Very Sunny',
+      sunny: 'Sunny',
+      burst: 'Burst',
+      'soft-burst': 'Soft Burst',
+      boom: 'Boom',
+      'soft-boom': 'Soft Boom',
+      flower: 'Flower',
+      puffy: 'Puffy',
+      'puffy-diamond': 'Puffy Diamond',
+      'ghost-ish': 'Ghost-ish',
+      'pixel-circle': 'Pixel Circle',
+      'pixel-triangle': 'Pixel Triangle',
+      bun: 'Bun',
+      heart: 'Heart',
+    },
+    (n) => `${n}-Sided Cookie`,
+    (n) => `${n}-Leaf Clover`,
+  ),
+});