@datatechsolutions/tympan 0.3.0 → 0.3.1

package/src/components/product-mark/marks.ts

@@ -0,0 +1,115 @@
+// Product marks of the Datatech family ("Instrumento" direction; Tympan keeps its plate mark), generated from the author’s artwork
+// (Datatech; generator script in the brand redesign folder, wordmark type converted to outlines, Archivo, OFL).
+// Ink paths draw in currentColor, the accent dot in var(--ty-mark-accent). Do not edit by hand.
+export type ProductMarkProduct = 'tympan' | 'fakhir' | 'astrlabe' | 'datatech'
+export type ProductMarkVariant = 'symbol' | 'horizontal'
+export interface MarkArt {
+  viewBox: string
+  paths: Array<{ tone: 'ink' | 'accent'; d: string }>
+}
+export const PRODUCT_MARKS: Record<ProductMarkProduct, Record<ProductMarkVariant, MarkArt>> = {
+  // Tympan's symbol is its astrolabe plate, drawn by ProductMark from plateGeometry; only the wordmark is here.
+  tympan: {
+    symbol: { viewBox: '0 0 400 400', paths: [] },
+    horizontal: {
+      viewBox: '0 0 111 52',
+      paths: [{ tone: 'ink', d: 'M84.96 31.89V24.62H85.98L86.1 25.48H86.17Q86.55 24.95 87.08 24.72Q87.62 24.5 88.28 24.5Q89.13 24.5 89.74 24.81Q90.35 25.12 90.68 25.74Q91.02 26.37 91.02 27.31Q91.02 28.26 90.69 28.88Q90.36 29.51 89.77 29.82Q89.18 30.12 88.37 30.12Q87.93 30.12 87.55 30.03Q87.16 29.94 86.84 29.76Q86.53 29.57 86.3 29.3H86.23V31.89ZM72.69 30V24.62H73.71L73.81 25.55H73.9Q74.19 25.14 74.56 24.92Q74.92 24.69 75.34 24.6Q75.75 24.5 76.14 24.5Q76.89 24.5 77.39 24.75Q77.88 25 78.11 25.55H78.2Q78.49 25.14 78.87 24.92Q79.25 24.69 79.66 24.6Q80.08 24.5 80.46 24.5Q81.17 24.5 81.65 24.73Q82.13 24.96 82.37 25.43Q82.62 25.9 82.62 26.64V30H81.33V26.87Q81.33 26.49 81.23 26.24Q81.14 25.99 80.96 25.84Q80.79 25.69 80.54 25.64Q80.3 25.58 80 25.58Q79.57 25.58 79.17 25.77Q78.78 25.96 78.53 26.3Q78.28 26.64 78.28 27.11V30H77.01V26.87Q77.01 26.49 76.92 26.24Q76.82 25.99 76.64 25.84Q76.46 25.69 76.22 25.64Q75.98 25.58 75.68 25.58Q75.24 25.58 74.85 25.77Q74.45 25.96 74.21 26.3Q73.96 26.64 73.96 27.11V30ZM95.21 30.12Q94.74 30.12 94.33 30.05Q93.93 29.97 93.62 29.79Q93.3 29.61 93.14 29.31Q92.97 29.01 92.97 28.56Q92.97 27.91 93.32 27.54Q93.68 27.17 94.34 27.01Q95 26.85 95.87 26.81Q96.74 26.77 97.75 26.77V26.51Q97.75 26.13 97.58 25.91Q97.42 25.68 97.05 25.59Q96.68 25.5 96.07 25.5Q95.58 25.5 95.22 25.57Q94.87 25.64 94.67 25.78Q94.48 25.92 94.48 26.12V26.26H93.2Q93.19 26.21 93.19 26.17Q93.18 26.13 93.18 26.08Q93.18 25.6 93.52 25.24Q93.86 24.89 94.52 24.69Q95.19 24.5 96.19 24.5Q97.12 24.5 97.75 24.67Q98.39 24.85 98.71 25.24Q99.03 25.64 99.03 26.33V28.72Q99.03 28.92 99.11 29.02Q99.18 29.12 99.39 29.12H99.9V29.96Q99.78 30 99.52 30.06Q99.26 30.12 98.97 30.12Q98.54 30.12 98.3 30.01Q98.07 29.89 97.97 29.69Q97.88 29.49 97.83 29.24H97.75Q97.48 29.52 97.07 29.72Q96.67 29.92 96.2 30.02Q95.72 30.12 95.21 30.12ZM59.12 30V24.23H56V22.99H63.66V24.23H60.54V30ZM65.91 32Q65.64 32 65.42 31.96Q65.2 31.92 64.99 31.84V31H65.66Q66.14 31 66.43 30.89Q66.71 30.78 66.88 30.56Q67.05 30.34 67.22 30L64.58 24.62H65.98L67.2 27.29Q67.29 27.47 67.41 27.74Q67.53 28.02 67.66 28.31Q67.79 28.59 67.88 28.81H67.96Q67.97 28.78 68.03 28.61Q68.09 28.44 68.19 28.19Q68.29 27.95 68.39 27.69Q68.49 27.44 68.57 27.24L69.63 24.62H70.98L68.78 29.59Q68.51 30.17 68.26 30.62Q68.01 31.07 67.7 31.38Q67.39 31.68 66.96 31.84Q66.52 32 65.91 32ZM101.55 30V24.62H102.57L102.67 25.55H102.77Q103.06 25.14 103.44 24.92Q103.82 24.69 104.24 24.6Q104.66 24.5 105.06 24.5Q105.81 24.5 106.31 24.73Q106.81 24.96 107.06 25.43Q107.31 25.9 107.31 26.64V30H106.03V26.87Q106.03 26.49 105.93 26.24Q105.83 25.99 105.64 25.84Q105.46 25.69 105.2 25.64Q104.94 25.58 104.62 25.58Q104.16 25.58 103.76 25.77Q103.35 25.96 103.09 26.3Q102.83 26.64 102.83 27.11V30ZM88.01 29.04Q88.53 29.04 88.91 28.85Q89.29 28.66 89.5 28.3Q89.71 27.93 89.71 27.39V27.23Q89.71 26.68 89.5 26.32Q89.29 25.95 88.9 25.77Q88.51 25.58 87.98 25.58Q87.44 25.58 87.05 25.77Q86.65 25.96 86.43 26.33Q86.22 26.7 86.22 27.26V27.36Q86.22 27.78 86.35 28.09Q86.48 28.41 86.71 28.62Q86.94 28.83 87.27 28.93Q87.6 29.04 88.01 29.04ZM95.51 29.12Q95.87 29.12 96.25 29.04Q96.64 28.96 96.98 28.81Q97.32 28.66 97.54 28.44Q97.75 28.21 97.75 27.92V27.6Q96.57 27.6 95.79 27.68Q95.02 27.76 94.63 27.95Q94.24 28.15 94.24 28.52Q94.24 28.77 94.43 28.89Q94.62 29.02 94.91 29.07Q95.2 29.12 95.51 29.12Z' }],
+    },
+  },
+  fakhir: {
+    symbol: {
+      viewBox: '0 0 48 52',
+      paths: [
+        {
+          tone: 'ink',
+          d: 'M28.82 8.6C37.26 10.74 43.5 18.39 43.5 27.5C43.5 38.27 34.77 47 24 47C13.23 47 4.5 38.27 4.5 27.5C4.5 18.39 10.74 10.74 19.18 8.6C20.03 7.39 20.44 5.49 21 5C21.7 4.35 22.4 4.2 24 4.2C25.6 4.2 26.3 4.35 27 5C27.56 5.49 27.97 7.39 28.82 8.6ZM24 11.3C15.05 11.3 7.8 18.55 7.8 27.5C7.8 28.77 7.95 30.01 8.22 31.2H39.78C40.05 30.01 40.2 28.77 40.2 27.5C40.2 18.55 32.95 11.3 24 11.3ZM33 40.97C35.73 39.14 37.88 36.5 39.09 33.4H33ZM8.91 33.4C10.12 36.5 12.27 39.14 15 40.97V33.4ZM24 34.7 18.62 39.7H29.38L24 34.7ZM16.02 41.6C18.37 42.94 21.1 43.7 24 43.7C26.9 43.7 29.63 42.94 31.98 41.6ZM31.1 33.4H25.4L31.1 38.7ZM22.6 33.4H16.9V38.7Z',
+        },
+        {
+          tone: 'accent',
+          d: 'M30 20.8C31.38 20.8 32.5 21.92 32.5 23.3C32.5 24.68 31.38 25.8 30 25.8C28.62 25.8 27.5 24.68 27.5 23.3C27.5 21.92 28.62 20.8 30 20.8Z',
+        },
+      ],
+    },
+    horizontal: {
+      viewBox: '0 0 99 52',
+      paths: [
+        {
+          tone: 'ink',
+          d: 'M28.82 8.6C37.26 10.74 43.5 18.39 43.5 27.5C43.5 38.27 34.77 47 24 47C13.23 47 4.5 38.27 4.5 27.5C4.5 18.39 10.74 10.74 19.18 8.6C20.03 7.39 20.44 5.49 21 5C21.7 4.35 22.4 4.2 24 4.2C25.6 4.2 26.3 4.35 27 5C27.56 5.49 27.97 7.39 28.82 8.6ZM24 11.3C15.05 11.3 7.8 18.55 7.8 27.5C7.8 28.77 7.95 30.01 8.22 31.2H39.78C40.05 30.01 40.2 28.77 40.2 27.5C40.2 18.55 32.95 11.3 24 11.3ZM33 40.97C35.73 39.14 37.88 36.5 39.09 33.4H33ZM8.91 33.4C10.12 36.5 12.27 39.14 15 40.97V33.4ZM24 34.7 18.62 39.7H29.38L24 34.7ZM16.02 41.6C18.37 42.94 21.1 43.7 24 43.7C26.9 43.7 29.63 42.94 31.98 41.6ZM31.1 33.4H25.4L31.1 38.7ZM22.6 33.4H16.9V38.7Z',
+        },
+        {
+          tone: 'accent',
+          d: 'M30 20.8C31.38 20.8 32.5 21.92 32.5 23.3C32.5 24.68 31.38 25.8 30 25.8C28.62 25.8 27.5 24.68 27.5 23.3C27.5 21.92 28.62 20.8 30 20.8Z',
+        },
+        {
+          tone: 'ink',
+          d: 'M66.25 30.12Q65.78 30.12 65.37 30.05Q64.96 29.97 64.65 29.79Q64.34 29.61 64.17 29.31Q64 29.01 64 28.56Q64 27.91 64.36 27.54Q64.72 27.17 65.37 27.01Q66.03 26.85 66.91 26.81Q67.78 26.77 68.79 26.77V26.51Q68.79 26.13 68.62 25.91Q68.45 25.68 68.08 25.59Q67.72 25.5 67.1 25.5Q66.61 25.5 66.26 25.57Q65.9 25.64 65.71 25.78Q65.51 25.92 65.51 26.12V26.26H64.24Q64.23 26.21 64.22 26.17Q64.22 26.13 64.22 26.08Q64.22 25.6 64.55 25.24Q64.89 24.89 65.56 24.69Q66.23 24.5 67.23 24.5Q68.16 24.5 68.79 24.67Q69.42 24.85 69.74 25.24Q70.06 25.64 70.06 26.33V28.72Q70.06 28.92 70.14 29.02Q70.22 29.12 70.42 29.12H70.93V29.96Q70.82 30 70.56 30.06Q70.3 30.12 70 30.12Q69.57 30.12 69.34 30.01Q69.1 29.89 69.01 29.69Q68.91 29.49 68.87 29.24H68.79Q68.51 29.52 68.11 29.72Q67.71 29.92 67.23 30.02Q66.76 30.12 66.25 30.12ZM56 30V22.99H62.61V24.17H57.42V26H62.14V27.18H57.42V30ZM80.35 30V22.61H81.63V25.4H81.7Q81.99 25.04 82.35 24.85Q82.71 24.65 83.1 24.58Q83.5 24.5 83.86 24.5Q84.61 24.5 85.11 24.73Q85.61 24.96 85.86 25.43Q86.11 25.9 86.11 26.64V30H84.83V26.87Q84.83 26.49 84.73 26.24Q84.63 25.99 84.44 25.84Q84.26 25.69 84 25.64Q83.74 25.58 83.42 25.58Q82.97 25.58 82.56 25.77Q82.15 25.96 81.89 26.3Q81.63 26.64 81.63 27.11V30ZM72.59 30V22.61H73.86V27.16L76.8 24.62H78.4L76.1 26.74L78.49 30H76.96L75.13 27.52L73.86 28.48V30ZM92.11 30V24.62H93.13L93.23 25.59H93.31Q93.41 25.32 93.62 25.07Q93.83 24.82 94.15 24.66Q94.47 24.5 94.89 24.5Q95.06 24.5 95.24 24.53Q95.42 24.55 95.56 24.6V25.71H94.91Q94.48 25.71 94.19 25.86Q93.9 26.01 93.72 26.26Q93.55 26.51 93.47 26.8Q93.39 27.09 93.39 27.4V30ZM88.45 30V24.62H89.72V30ZM66.54 29.12Q66.9 29.12 67.29 29.04Q67.68 28.96 68.02 28.81Q68.36 28.66 68.57 28.44Q68.79 28.21 68.79 27.92V27.6Q67.6 27.6 66.83 27.68Q66.05 27.76 65.67 27.95Q65.28 28.15 65.28 28.52Q65.28 28.77 65.47 28.89Q65.66 29.02 65.95 29.07Q66.24 29.12 66.54 29.12ZM88.45 23.69V22.61H89.72V23.69Z',
+        },
+      ],
+    },
+  },
+  astrlabe: {
+    symbol: {
+      viewBox: '0 0 48 52',
+      paths: [
+        {
+          tone: 'ink',
+          d: 'M28.82 8.6C37.26 10.74 43.5 18.39 43.5 27.5C43.5 38.27 34.77 47 24 47C13.23 47 4.5 38.27 4.5 27.5C4.5 18.39 10.74 10.74 19.18 8.6C20.03 7.39 20.44 5.49 21 5C21.7 4.35 22.4 4.2 24 4.2C25.6 4.2 26.3 4.35 27 5C27.56 5.49 27.97 7.39 28.82 8.6ZM24 11.3C15.05 11.3 7.8 18.55 7.8 27.5C7.8 28.77 7.95 30.01 8.22 31.2H18.53C17.31 29.55 16.6 27.51 16.6 25.3C16.6 19.78 21.08 15.3 26.6 15.3C32.12 15.3 36.6 19.78 36.6 25.3C36.6 27.51 35.89 29.55 34.67 31.2H39.78C40.05 30.01 40.2 28.77 40.2 27.5C40.2 18.55 32.95 11.3 24 11.3ZM8.91 33.4C11.27 39.43 17.13 43.7 24 43.7C30.87 43.7 36.73 39.43 39.09 33.4H32.47C30.82 34.6 28.79 35.3 26.6 35.3C24.41 35.3 22.38 34.6 20.73 33.4ZM26.6 17.4C22.24 17.4 18.7 20.94 18.7 25.3C18.7 27.65 19.72 29.75 21.35 31.2H31.85C33.48 29.75 34.5 27.65 34.5 25.3C34.5 20.94 30.96 17.4 26.6 17.4Z',
+        },
+        {
+          tone: 'accent',
+          d: 'M19.27 17.57C20.7 17.57 21.87 18.73 21.87 20.17C21.87 21.6 20.7 22.77 19.27 22.77C17.83 22.77 16.67 21.6 16.67 20.17C16.67 18.73 17.83 17.57 19.27 17.57Z',
+        },
+      ],
+    },
+    horizontal: {
+      viewBox: '0 0 113 52',
+      paths: [
+        {
+          tone: 'ink',
+          d: 'M28.82 8.6C37.26 10.74 43.5 18.39 43.5 27.5C43.5 38.27 34.77 47 24 47C13.23 47 4.5 38.27 4.5 27.5C4.5 18.39 10.74 10.74 19.18 8.6C20.03 7.39 20.44 5.49 21 5C21.7 4.35 22.4 4.2 24 4.2C25.6 4.2 26.3 4.35 27 5C27.56 5.49 27.97 7.39 28.82 8.6ZM24 11.3C15.05 11.3 7.8 18.55 7.8 27.5C7.8 28.77 7.95 30.01 8.22 31.2H18.53C17.31 29.55 16.6 27.51 16.6 25.3C16.6 19.78 21.08 15.3 26.6 15.3C32.12 15.3 36.6 19.78 36.6 25.3C36.6 27.51 35.89 29.55 34.67 31.2H39.78C40.05 30.01 40.2 28.77 40.2 27.5C40.2 18.55 32.95 11.3 24 11.3ZM8.91 33.4C11.27 39.43 17.13 43.7 24 43.7C30.87 43.7 36.73 39.43 39.09 33.4H32.47C30.82 34.6 28.79 35.3 26.6 35.3C24.41 35.3 22.38 34.6 20.73 33.4ZM26.6 17.4C22.24 17.4 18.7 20.94 18.7 25.3C18.7 27.65 19.72 29.75 21.35 31.2H31.85C33.48 29.75 34.5 27.65 34.5 25.3C34.5 20.94 30.96 17.4 26.6 17.4Z',
+        },
+        {
+          tone: 'accent',
+          d: 'M19.27 17.57C20.7 17.57 21.87 18.73 21.87 20.17C21.87 21.6 20.7 22.77 19.27 22.77C17.83 22.77 16.67 21.6 16.67 20.17C16.67 18.73 17.83 17.57 19.27 17.57Z',
+        },
+        {
+          tone: 'ink',
+          d: 'M98.09 30.12Q97.43 30.12 96.89 29.9Q96.36 29.67 95.98 29.15H95.91L95.79 30H94.77V22.61H96.04V25.33H96.11Q96.34 25.05 96.66 24.87Q96.97 24.69 97.36 24.6Q97.75 24.5 98.19 24.5Q98.99 24.5 99.58 24.81Q100.18 25.12 100.5 25.74Q100.83 26.37 100.83 27.32Q100.83 28.26 100.5 28.88Q100.17 29.51 99.55 29.82Q98.94 30.12 98.09 30.12ZM58.24 30.12Q57.78 30.12 57.37 30.05Q56.96 29.97 56.65 29.79Q56.34 29.61 56.17 29.31Q56 29.01 56 28.56Q56 27.91 56.36 27.54Q56.71 27.17 57.37 27.01Q58.03 26.85 58.9 26.81Q59.78 26.77 60.79 26.77V26.51Q60.79 26.13 60.62 25.91Q60.45 25.68 60.08 25.59Q59.71 25.5 59.1 25.5Q58.61 25.5 58.26 25.57Q57.9 25.64 57.7 25.78Q57.51 25.92 57.51 26.12V26.26H56.23Q56.22 26.21 56.22 26.17Q56.21 26.13 56.21 26.08Q56.21 25.6 56.55 25.24Q56.89 24.89 57.56 24.69Q58.22 24.5 59.22 24.5Q60.15 24.5 60.79 24.67Q61.42 24.85 61.74 25.24Q62.06 25.64 62.06 26.33V28.72Q62.06 28.92 62.14 29.02Q62.21 29.12 62.42 29.12H62.93V29.96Q62.82 30 62.56 30.06Q62.3 30.12 62 30.12Q61.57 30.12 61.34 30.01Q61.1 29.89 61.01 29.69Q60.91 29.49 60.87 29.24H60.79Q60.51 29.52 60.11 29.72Q59.7 29.92 59.23 30.02Q58.76 30.12 58.24 30.12ZM88.43 30.12Q87.96 30.12 87.55 30.05Q87.14 29.97 86.83 29.79Q86.52 29.61 86.35 29.31Q86.18 29.01 86.18 28.56Q86.18 27.91 86.54 27.54Q86.9 27.17 87.56 27.01Q88.21 26.85 89.09 26.81Q89.96 26.77 90.97 26.77V26.51Q90.97 26.13 90.8 25.91Q90.63 25.68 90.27 25.59Q89.9 25.5 89.29 25.5Q88.8 25.5 88.44 25.57Q88.08 25.64 87.89 25.78Q87.69 25.92 87.69 26.12V26.26H86.42Q86.41 26.21 86.4 26.17Q86.4 26.13 86.4 26.08Q86.4 25.6 86.73 25.24Q87.07 24.89 87.74 24.69Q88.41 24.5 89.41 24.5Q90.34 24.5 90.97 24.67Q91.6 24.85 91.92 25.24Q92.24 25.64 92.24 26.33V28.72Q92.24 28.92 92.32 29.02Q92.4 29.12 92.6 29.12H93.11V29.96Q93 30 92.74 30.06Q92.48 30.12 92.18 30.12Q91.76 30.12 91.52 30.01Q91.29 29.89 91.19 29.69Q91.09 29.49 91.05 29.24H90.97Q90.69 29.52 90.29 29.72Q89.89 29.92 89.41 30.02Q88.94 30.12 88.43 30.12ZM106.09 30.12Q105.07 30.12 104.33 29.82Q103.6 29.52 103.2 28.9Q102.8 28.28 102.8 27.32Q102.8 26.38 103.19 25.75Q103.58 25.12 104.31 24.81Q105.03 24.5 106.04 24.5Q107.1 24.5 107.81 24.82Q108.52 25.13 108.88 25.72Q109.23 26.32 109.23 27.14V27.63H104.15Q104.18 28.18 104.43 28.51Q104.68 28.84 105.12 28.98Q105.56 29.12 106.13 29.12Q106.41 29.12 106.71 29.06Q107 28.99 107.26 28.87Q107.52 28.74 107.69 28.57Q107.86 28.39 107.89 28.15H109.19Q109.19 28.54 108.99 28.9Q108.79 29.26 108.4 29.53Q108 29.81 107.42 29.96Q106.84 30.12 106.09 30.12ZM67.16 30.12Q66.56 30.12 66.03 30.03Q65.5 29.93 65.1 29.73Q64.71 29.54 64.48 29.23Q64.25 28.93 64.25 28.5Q64.25 28.45 64.25 28.4Q64.26 28.36 64.27 28.32H65.57Q65.57 28.34 65.57 28.37Q65.56 28.4 65.56 28.42Q65.56 28.71 65.79 28.88Q66.02 29.04 66.39 29.11Q66.76 29.18 67.17 29.18Q67.58 29.18 67.96 29.13Q68.33 29.07 68.56 28.93Q68.79 28.8 68.79 28.52Q68.79 28.22 68.55 28.09Q68.31 27.96 67.85 27.89Q67.39 27.82 66.74 27.72Q66.24 27.65 65.82 27.54Q65.4 27.43 65.09 27.25Q64.79 27.07 64.62 26.8Q64.45 26.52 64.45 26.11Q64.45 25.69 64.64 25.39Q64.83 25.09 65.19 24.89Q65.54 24.69 66.06 24.6Q66.58 24.5 67.25 24.5Q67.84 24.5 68.32 24.6Q68.81 24.7 69.17 24.9Q69.52 25.09 69.72 25.38Q69.91 25.66 69.91 26.02V26.09Q69.91 26.12 69.9 26.17H68.59V26.13Q68.59 25.87 68.41 25.72Q68.22 25.57 67.91 25.51Q67.6 25.44 67.25 25.44Q67.09 25.44 66.84 25.45Q66.58 25.47 66.33 25.52Q66.08 25.57 65.91 25.68Q65.74 25.8 65.74 25.99Q65.74 26.23 65.99 26.36Q66.25 26.48 66.66 26.55Q67.07 26.61 67.55 26.68Q68.06 26.76 68.52 26.85Q68.98 26.94 69.33 27.11Q69.68 27.28 69.87 27.58Q70.07 27.88 70.07 28.36Q70.07 28.85 69.88 29.18Q69.69 29.52 69.31 29.73Q68.94 29.94 68.4 30.03Q67.86 30.12 67.16 30.12ZM74.23 30.12Q73.68 30.12 73.33 29.97Q72.98 29.82 72.83 29.45Q72.67 29.09 72.67 28.48V25.62H71.65V24.62H72.7L72.96 23.06H73.94V24.62H75.39V25.62H73.94V28.36Q73.94 28.73 74.08 28.93Q74.21 29.12 74.68 29.12H75.39V29.95Q75.25 30 75.04 30.04Q74.83 30.08 74.61 30.1Q74.39 30.12 74.23 30.12ZM97.79 29.04Q98.32 29.04 98.71 28.86Q99.1 28.67 99.31 28.31Q99.52 27.94 99.52 27.39V27.23Q99.52 26.68 99.31 26.32Q99.1 25.96 98.72 25.77Q98.34 25.58 97.82 25.58Q97.41 25.58 97.08 25.69Q96.76 25.8 96.52 26.01Q96.29 26.21 96.16 26.53Q96.03 26.85 96.03 27.27V27.37Q96.03 27.92 96.25 28.29Q96.46 28.66 96.86 28.85Q97.26 29.04 97.79 29.04ZM82.75 30V22.61H84.03V30ZM77.5 30V24.62H78.52L78.62 25.59H78.69Q78.79 25.32 79 25.07Q79.21 24.82 79.53 24.66Q79.85 24.5 80.27 24.5Q80.44 24.5 80.62 24.53Q80.8 24.55 80.94 24.6V25.71H80.29Q79.86 25.71 79.57 25.86Q79.28 26.01 79.11 26.26Q78.93 26.51 78.85 26.8Q78.77 27.09 78.77 27.4V30ZM88.72 29.12Q89.08 29.12 89.47 29.04Q89.86 28.96 90.2 28.81Q90.54 28.66 90.76 28.44Q90.97 28.21 90.97 27.92V27.6Q89.79 27.6 89.01 27.68Q88.23 27.76 87.85 27.95Q87.46 28.15 87.46 28.52Q87.46 28.77 87.65 28.89Q87.84 29.02 88.13 29.07Q88.42 29.12 88.72 29.12ZM58.54 29.12Q58.9 29.12 59.29 29.04Q59.67 28.96 60.02 28.81Q60.36 28.66 60.57 28.44Q60.79 28.21 60.79 27.92V27.6Q59.6 27.6 58.83 27.68Q58.05 27.76 57.66 27.95Q57.28 28.15 57.28 28.52Q57.28 28.77 57.46 28.89Q57.65 29.02 57.94 29.07Q58.23 29.12 58.54 29.12ZM104.15 26.77H107.88Q107.88 26.43 107.73 26.18Q107.59 25.94 107.33 25.79Q107.08 25.64 106.74 25.57Q106.41 25.5 106.04 25.5Q105.51 25.5 105.1 25.64Q104.69 25.78 104.44 26.06Q104.2 26.35 104.15 26.77Z',
+        },
+      ],
+    },
+  },
+  datatech: {
+    symbol: {
+      viewBox: '0 0 48 52',
+      paths: [
+        {
+          tone: 'ink',
+          d: 'M28.82 8.6C37.26 10.74 43.5 18.39 43.5 27.5C43.5 38.27 34.77 47 24 47C13.23 47 4.5 38.27 4.5 27.5C4.5 18.39 10.74 10.74 19.18 8.6C20.03 7.39 20.44 5.49 21 5C21.7 4.35 22.4 4.2 24 4.2C25.6 4.2 26.3 4.35 27 5C27.56 5.49 27.97 7.39 28.82 8.6ZM24 11.3C15.05 11.3 7.8 18.55 7.8 27.5C7.8 36.45 15.05 43.7 24 43.7C32.95 43.7 40.2 36.45 40.2 27.5C40.2 18.55 32.95 11.3 24 11.3ZM24 12.85C30.85 12.85 36.4 18.4 36.4 25.25C36.4 26.97 36.05 28.61 35.42 30.1H33.2C33.97 28.65 34.4 27 34.4 25.25C34.4 19.51 29.74 14.85 24 14.85C18.26 14.85 13.6 19.51 13.6 25.25C13.6 27 14.03 28.65 14.8 30.1H12.58C11.95 28.61 11.6 26.97 11.6 25.25C11.6 18.4 17.15 12.85 24 12.85ZM24 16.1C28.64 16.1 32.4 19.86 32.4 24.5C32.4 26.65 31.59 28.61 30.26 30.1H27.1C29.07 29.01 30.4 26.91 30.4 24.5C30.4 20.97 27.53 18.1 24 18.1C20.47 18.1 17.6 20.97 17.6 24.5C17.6 26.91 18.93 29.01 20.9 30.1H17.74C16.41 28.61 15.6 26.65 15.6 24.5C15.6 19.86 19.36 16.1 24 16.1ZM24 19.15C26.54 19.15 28.6 21.21 28.6 23.75C28.6 26.29 26.54 28.35 24 28.35C21.46 28.35 19.4 26.29 19.4 23.75C19.4 21.21 21.46 19.15 24 19.15ZM24 21.15C22.56 21.15 21.4 22.31 21.4 23.75C21.4 25.19 22.56 26.35 24 26.35C25.44 26.35 26.6 25.19 26.6 23.75C26.6 22.31 25.44 21.15 24 21.15Z',
+        },
+        {
+          tone: 'accent',
+          d: 'M8.37 33.4C8.1 32.69 7.88 31.95 7.71 31.2H40.29C40.12 31.95 39.9 32.69 39.63 33.4H8.37Z',
+        },
+      ],
+    },
+    horizontal: {
+      viewBox: '0 0 119 52',
+      paths: [
+        {
+          tone: 'ink',
+          d: 'M28.82 8.6C37.26 10.74 43.5 18.39 43.5 27.5C43.5 38.27 34.77 47 24 47C13.23 47 4.5 38.27 4.5 27.5C4.5 18.39 10.74 10.74 19.18 8.6C20.03 7.39 20.44 5.49 21 5C21.7 4.35 22.4 4.2 24 4.2C25.6 4.2 26.3 4.35 27 5C27.56 5.49 27.97 7.39 28.82 8.6ZM24 11.3C15.05 11.3 7.8 18.55 7.8 27.5C7.8 36.45 15.05 43.7 24 43.7C32.95 43.7 40.2 36.45 40.2 27.5C40.2 18.55 32.95 11.3 24 11.3ZM24 12.85C30.85 12.85 36.4 18.4 36.4 25.25C36.4 26.97 36.05 28.61 35.42 30.1H33.2C33.97 28.65 34.4 27 34.4 25.25C34.4 19.51 29.74 14.85 24 14.85C18.26 14.85 13.6 19.51 13.6 25.25C13.6 27 14.03 28.65 14.8 30.1H12.58C11.95 28.61 11.6 26.97 11.6 25.25C11.6 18.4 17.15 12.85 24 12.85ZM24 16.1C28.64 16.1 32.4 19.86 32.4 24.5C32.4 26.65 31.59 28.61 30.26 30.1H27.1C29.07 29.01 30.4 26.91 30.4 24.5C30.4 20.97 27.53 18.1 24 18.1C20.47 18.1 17.6 20.97 17.6 24.5C17.6 26.91 18.93 29.01 20.9 30.1H17.74C16.41 28.61 15.6 26.65 15.6 24.5C15.6 19.86 19.36 16.1 24 16.1ZM24 19.15C26.54 19.15 28.6 21.21 28.6 23.75C28.6 26.29 26.54 28.35 24 28.35C21.46 28.35 19.4 26.29 19.4 23.75C19.4 21.21 21.46 19.15 24 19.15ZM24 21.15C22.56 21.15 21.4 22.31 21.4 23.75C21.4 25.19 22.56 26.35 24 26.35C25.44 26.35 26.6 25.19 26.6 23.75C26.6 22.31 25.44 21.15 24 21.15Z',
+        },
+        {
+          tone: 'accent',
+          d: 'M8.37 33.4C8.1 32.69 7.88 31.95 7.71 31.2H40.29C40.12 31.95 39.9 32.69 39.63 33.4H8.37Z',
+        },
+        {
+          tone: 'ink',
+          d: 'M56 30V22.99H59.68Q60.97 22.99 61.89 23.39Q62.81 23.8 63.3 24.58Q63.8 25.36 63.8 26.5Q63.8 27.63 63.3 28.41Q62.81 29.19 61.89 29.6Q60.97 30 59.68 30ZM81.85 30.12Q81.38 30.12 80.98 30.05Q80.57 29.97 80.26 29.79Q79.94 29.61 79.78 29.31Q79.61 29.01 79.61 28.56Q79.61 27.91 79.97 27.54Q80.32 27.17 80.98 27.01Q81.64 26.85 82.51 26.81Q83.38 26.77 84.39 26.77V26.51Q84.39 26.13 84.23 25.91Q84.06 25.68 83.69 25.59Q83.32 25.5 82.71 25.5Q82.22 25.5 81.86 25.57Q81.51 25.64 81.31 25.78Q81.12 25.92 81.12 26.12V26.26H79.84Q79.83 26.21 79.83 26.17Q79.82 26.13 79.82 26.08Q79.82 25.6 80.16 25.24Q80.5 24.89 81.16 24.69Q81.83 24.5 82.83 24.5Q83.76 24.5 84.39 24.67Q85.03 24.85 85.35 25.24Q85.67 25.64 85.67 26.33V28.72Q85.67 28.92 85.75 29.02Q85.82 29.12 86.03 29.12H86.54V29.96Q86.42 30 86.16 30.06Q85.9 30.12 85.61 30.12Q85.18 30.12 84.94 30.01Q84.71 29.89 84.61 29.69Q84.52 29.49 84.48 29.24H84.39Q84.12 29.52 83.72 29.72Q83.31 29.92 82.84 30.02Q82.36 30.12 81.85 30.12ZM68.17 30.12Q67.7 30.12 67.29 30.05Q66.88 29.97 66.57 29.79Q66.26 29.61 66.09 29.31Q65.92 29.01 65.92 28.56Q65.92 27.91 66.28 27.54Q66.63 27.17 67.29 27.01Q67.95 26.85 68.82 26.81Q69.7 26.77 70.71 26.77V26.51Q70.71 26.13 70.54 25.91Q70.37 25.68 70 25.59Q69.63 25.5 69.02 25.5Q68.53 25.5 68.18 25.57Q67.82 25.64 67.62 25.78Q67.43 25.92 67.43 26.12V26.26H66.16Q66.14 26.21 66.14 26.17Q66.13 26.13 66.13 26.08Q66.13 25.6 66.47 25.24Q66.81 24.89 67.48 24.69Q68.14 24.5 69.14 24.5Q70.07 24.5 70.71 24.67Q71.34 24.85 71.66 25.24Q71.98 25.64 71.98 26.33V28.72Q71.98 28.92 72.06 29.02Q72.13 29.12 72.34 29.12H72.85V29.96Q72.74 30 72.48 30.06Q72.22 30.12 71.92 30.12Q71.49 30.12 71.26 30.01Q71.02 29.89 70.93 29.69Q70.83 29.49 70.79 29.24H70.71Q70.43 29.52 70.03 29.72Q69.62 29.92 69.15 30.02Q68.68 30.12 68.17 30.12ZM96.6 30.12Q95.58 30.12 94.85 29.82Q94.11 29.52 93.71 28.9Q93.32 28.28 93.32 27.32Q93.32 26.38 93.7 25.75Q94.09 25.12 94.82 24.81Q95.55 24.5 96.56 24.5Q97.61 24.5 98.33 24.82Q99.04 25.13 99.39 25.72Q99.74 26.32 99.74 27.14V27.63H94.66Q94.69 28.18 94.94 28.51Q95.19 28.84 95.63 28.98Q96.07 29.12 96.64 29.12Q96.93 29.12 97.22 29.06Q97.52 28.99 97.78 28.87Q98.04 28.74 98.21 28.57Q98.38 28.39 98.41 28.15H99.7Q99.7 28.54 99.51 28.9Q99.31 29.26 98.91 29.53Q98.52 29.81 97.94 29.96Q97.36 30.12 96.6 30.12ZM57.42 28.82H59.62Q60.2 28.82 60.7 28.68Q61.19 28.55 61.56 28.28Q61.93 28 62.13 27.59Q62.34 27.17 62.34 26.61V26.38Q62.34 25.82 62.13 25.4Q61.93 24.99 61.56 24.72Q61.19 24.45 60.7 24.31Q60.2 24.17 59.62 24.17H57.42ZM110.12 30V22.61H111.39V25.4H111.46Q111.75 25.04 112.11 24.85Q112.47 24.65 112.87 24.58Q113.26 24.5 113.63 24.5Q114.37 24.5 114.87 24.73Q115.37 24.96 115.62 25.43Q115.87 25.9 115.87 26.64V30H114.6V26.87Q114.6 26.49 114.49 26.24Q114.39 25.99 114.21 25.84Q114.02 25.69 113.76 25.64Q113.5 25.58 113.19 25.58Q112.73 25.58 112.32 25.77Q111.91 25.96 111.65 26.3Q111.39 26.64 111.39 27.11V30ZM104.94 30.12Q103.91 30.12 103.19 29.81Q102.47 29.5 102.09 28.87Q101.72 28.24 101.72 27.31Q101.72 26.37 102.09 25.74Q102.47 25.12 103.19 24.81Q103.91 24.5 104.94 24.5Q105.57 24.5 106.12 24.64Q106.67 24.78 107.07 25.06Q107.48 25.34 107.71 25.74Q107.94 26.15 107.94 26.69H106.66Q106.66 26.3 106.42 26.03Q106.18 25.77 105.79 25.63Q105.4 25.5 104.94 25.5Q104.36 25.5 103.94 25.69Q103.51 25.88 103.28 26.26Q103.04 26.63 103.04 27.2V27.41Q103.04 27.98 103.28 28.36Q103.51 28.73 103.95 28.93Q104.39 29.12 104.99 29.12Q105.43 29.12 105.82 28.98Q106.21 28.84 106.45 28.57Q106.7 28.3 106.7 27.92H107.94Q107.94 28.47 107.71 28.88Q107.47 29.3 107.07 29.57Q106.67 29.85 106.12 29.98Q105.57 30.12 104.94 30.12ZM90.26 30.12Q89.71 30.12 89.37 29.97Q89.02 29.82 88.86 29.45Q88.7 29.09 88.7 28.48V25.62H87.68V24.62H88.73L89 23.06H89.98V24.62H91.43V25.62H89.98V28.36Q89.98 28.73 90.11 28.93Q90.24 29.12 90.71 29.12H91.43V29.95Q91.28 30 91.07 30.04Q90.87 30.08 90.65 30.1Q90.43 30.12 90.26 30.12ZM76.58 30.12Q76.02 30.12 75.68 29.97Q75.33 29.82 75.17 29.45Q75.01 29.09 75.01 28.48V25.62H73.99V24.62H75.04L75.31 23.06H76.29V24.62H77.74V25.62H76.29V28.36Q76.29 28.73 76.42 28.93Q76.56 29.12 77.02 29.12H77.74V29.95Q77.6 30 77.39 30.04Q77.18 30.08 76.96 30.1Q76.74 30.12 76.58 30.12ZM68.46 29.12Q68.82 29.12 69.21 29.04Q69.59 28.96 69.94 28.81Q70.28 28.66 70.49 28.44Q70.71 28.21 70.71 27.92V27.6Q69.52 27.6 68.75 27.68Q67.97 27.76 67.58 27.95Q67.2 28.15 67.2 28.52Q67.2 28.77 67.38 28.89Q67.57 29.02 67.86 29.07Q68.16 29.12 68.46 29.12ZM82.15 29.12Q82.51 29.12 82.89 29.04Q83.28 28.96 83.62 28.81Q83.97 28.66 84.18 28.44Q84.39 28.21 84.39 27.92V27.6Q83.21 27.6 82.43 27.68Q81.66 27.76 81.27 27.95Q80.88 28.15 80.88 28.52Q80.88 28.77 81.07 28.89Q81.26 29.02 81.55 29.07Q81.84 29.12 82.15 29.12ZM94.66 26.77H98.4Q98.4 26.43 98.25 26.18Q98.1 25.94 97.85 25.79Q97.59 25.64 97.26 25.57Q96.93 25.5 96.56 25.5Q96.03 25.5 95.62 25.64Q95.2 25.78 94.96 26.06Q94.71 26.35 94.66 26.77Z',
+        },
+      ],
+    },
+  },
+}

package/src/components/product-mark/plate.ts

@@ -0,0 +1,42 @@
+// Geometry of Tympan's plate: the tympan of an astrolabe for a latitude (default 23°32′ S), in a 400-unit
+// box. Almucantars (circles of equal altitude) are stereographic circles centred on the meridian. The
+// same function draws the home page's hero plate and the Tympan mark, so they stay in sync.
+
+export interface PlateCircle {
+  cy: number
+  r: number
+}
+
+export interface PlateGeometry {
+  /** Centre and radius of the plate rim. */
+  c: number
+  r: number
+  /** Radius of the equator circle. */
+  equator: number
+  /** Almucantar of altitude `deg` (0 = horizon). */
+  almucantar: (deg: number) => PlateCircle
+  /** y of the zenith. */
+  zenith: number
+  /** Tick marks on the outer ring every `stepDeg`, `long` every `longEvery` ticks. */
+  ticks: (stepDeg: number, longEvery?: number, ring?: number) => Array<{ x1: number; y1: number; x2: number; y2: number; long: boolean }>
+}
+
+export function plateGeometry(latitudeDeg = -23.53, c = 200, r = 180): PlateGeometry {
+  const phi = (latitudeDeg * Math.PI) / 180
+  const k = r * Math.tan(Math.PI / 4 - (23.44 * Math.PI) / 180 / 2)
+  const almucantar = (deg: number): PlateCircle => {
+    const h = (deg * Math.PI) / 180
+    const lat = Math.abs(phi)
+    const y1 = k * Math.tan((Math.PI / 2 - (lat + (Math.PI / 2 - h))) / 2)
+    const y2 = k * Math.tan((Math.PI / 2 - (lat - (Math.PI / 2 - h))) / 2)
+    return { cy: c + (-y2 - y1) / 2, r: Math.abs(y1 - y2) / 2 }
+  }
+  const ticks = (stepDeg: number, longEvery = 6, ring = 12) =>
+    Array.from({ length: Math.round(360 / stepDeg) }, (_, i) => {
+      const a = (i * stepDeg * Math.PI) / 180
+      const long = i % longEvery === 0
+      const l = long ? 10 : 5
+      return { x1: c + Math.cos(a) * (r + ring), y1: c + Math.sin(a) * (r + ring), x2: c + Math.cos(a) * (r + ring - l), y2: c + Math.sin(a) * (r + ring - l), long }
+    })
+  return { c, r, equator: k, almucantar, zenith: almucantar(89.9).cy, ticks }
+}

package/src/components/profile-avatar/ProfileAvatar.css

@@ -0,0 +1,51 @@
+/* ProfileAvatar (spec: wave-2/profile-avatar.md; design direction §2.11). */
+@layer tympan.components {
+  .ty-profile-avatar {
+    --ty-profile-avatar-size: 100%;
+    container-type: inline-size;
+    position: relative;
+    display: inline-grid;
+    flex: none;
+    place-items: center;
+    box-sizing: border-box;
+    inline-size: var(--ty-profile-avatar-size);
+    aspect-ratio: 1;
+    overflow: hidden;
+    border-radius: 50%;
+    background: var(--ty-accent-soft);
+    color: var(--ty-ink);
+    font-family: var(--ty-font-sans);
+    font-weight: var(--ty-font-weight-semibold);
+    line-height: 1;
+  }
+  .ty-profile-avatar[data-size='sm'] {
+    --ty-profile-avatar-size: calc(var(--ty-space-6) - var(--ty-space-1));
+  }
+  .ty-profile-avatar[data-size='md'] {
+    --ty-profile-avatar-size: var(--ty-control-height);
+  }
+  .ty-profile-avatar[data-size='lg'] {
+    --ty-profile-avatar-size: var(--ty-space-8);
+  }
+  .ty-profile-avatar__picture {
+    inline-size: 100%;
+    block-size: 100%;
+    object-fit: cover;
+  }
+  /* The initial scales with the disc at any size. */
+  .ty-profile-avatar__letter {
+    font-size: 45cqi;
+    user-select: none;
+  }
+  .ty-profile-avatar__glyph {
+    inline-size: 55%;
+    block-size: 55%;
+    color: var(--ty-ink-2);
+  }
+
+  @media (forced-colors: active) {
+    .ty-profile-avatar {
+      border: 1px solid CanvasText;
+    }
+  }
+}

package/src/components/profile-avatar/ProfileAvatar.test.tsx

@@ -0,0 +1,78 @@
+import { fireEvent, render, screen } from '@testing-library/react'
+import { describe, expect, it } from 'vitest'
+import { expectNoAxeViolations } from '../../../test/axe'
+import { cssOf, mediaBlock } from '../../../test/css'
+import { ThemeScope } from '../../internal/ThemeScope'
+import { ProfileAvatar } from './ProfileAvatar'
+import { expectNoAxeViolations as axeRtl } from '../../../test/axe'
+import { renderRtl } from '../../../test/rtl'
+
+describe('ProfileAvatar', () => {
+  it('shows the picture with the name as alternative text', () => {
+    render(<ProfileAvatar name="Maria Souza" pictureUrl="/maria.png" />)
+    expect(screen.getByRole('img', { name: 'Maria Souza' })).toHaveAttribute('src', '/maria.png')
+  })
+
+  it('shows the initial of the name and is announced by the name', () => {
+    render(<ProfileAvatar name="maria" />)
+    const img = screen.getByRole('img', { name: 'maria' })
+    expect(img).toHaveTextContent('M')
+  })
+
+  it('falls back to the e-mail initial', () => {
+    render(<ProfileAvatar email="joao@x.org" />)
+    expect(screen.getByRole('img', { name: 'joao@x.org' })).toHaveTextContent('J')
+  })
+
+  it('shows a neutral glyph labelled "Profile" when nothing is known', () => {
+    const { container } = render(<ProfileAvatar />)
+    expect(screen.getByRole('img', { name: 'Profile' })).toBeInTheDocument()
+    expect(container.querySelector('svg')).not.toBeNull()
+    expect(container.textContent).toBe('')
+  })
+
+  it('falls back to the initial when the picture fails to load', () => {
+    const { container } = render(<ProfileAvatar name="Ana" pictureUrl="/broken.png" />)
+    fireEvent.error(container.querySelector('img')!)
+    expect(container.querySelector('img')).toBeNull()
+    expect(screen.getByRole('img', { name: 'Ana' })).toHaveTextContent('A')
+  })
+
+  it('exposes nothing when decorative', () => {
+    const { container } = render(<ProfileAvatar name="Ana" decorative />)
+    expect(screen.queryByRole('img')).toBeNull()
+    expect(container.firstElementChild).toHaveAttribute('aria-hidden', 'true')
+  })
+
+  it('scales the initial with the disc and keeps a border in forced colours', () => {
+    const css = cssOf('components/profile-avatar/ProfileAvatar.css')
+    expect(css).toMatch(/font-size:\s*\d+cqi/)
+    expect(mediaBlock(css, /\(forced-colors:\s*active\)/)).toMatch(/CanvasText/)
+  })
+
+  it('has no axe violations, light and dark', async () => {
+    const { container } = render(
+      <>
+        {(['light', 'dark'] as const).map((scheme) => (
+          <ThemeScope key={scheme} scheme={scheme}>
+            <ProfileAvatar name="Maria" size="md" />
+            <ProfileAvatar email="joao@x.org" size="sm" />
+            <ProfileAvatar size="lg" />
+            <ProfileAvatar name="Ana" pictureUrl="/ana.png" size="lg" />
+          </ThemeScope>
+        ))}
+      </>,
+    )
+    await expectNoAxeViolations(container)
+  })
+})
+
+describe('ProfileAvatar in right-to-left (ar)', () => {
+  it('renders mirrored where directional and passes axe', async () => {
+    const { container } = renderRtl(<><ProfileAvatar name="نور" size="sm" /><ProfileAvatar name={'e\u0301mile'} size="sm" /></>)
+    // Initials are whole grapheme clusters.
+    expect(container.textContent).toContain('ن')
+    expect(container.textContent).toContain('E\u0301')
+    await axeRtl(container)
+  })
+})

package/src/components/profile-avatar/ProfileAvatar.tsx

@@ -0,0 +1,58 @@
+import { UserRound } from 'lucide-react'
+import { useEffect, useState } from 'react'
+import { useLocale } from 'react-aria-components'
+import { cx } from '../../internal/cx'
+import { useMessages } from '../../internal/provider'
+
+export type ProfileAvatarSize = 'sm' | 'md' | 'lg' | 'fill'
+
+export interface ProfileAvatarProps {
+  name?: string | null
+  email?: string | null
+  pictureUrl?: string | null
+  /** Accessible name; defaults to name, then e-mail, then "Profile". */
+  label?: string
+  size?: ProfileAvatarSize
+  /** Hide from assistive technology when the name is already visible beside it. */
+  decorative?: boolean
+  className?: string
+}
+
+type Face = { kind: 'picture'; url: string } | { kind: 'letter'; letter: string } | { kind: 'glyph' }
+
+/** Chooses what the disc shows, in order: picture, initial, neutral glyph. */
+function pickFace(name: string | null | undefined, email: string | null | undefined, url: string | null | undefined, broken: boolean, locale?: string): Face {
+  if (url && !broken) return { kind: 'picture', url }
+  const source = [name, email].map((s) => s?.trim()).find(Boolean)
+  // The first grapheme cluster (so marks and emoji stay whole), upper-cased with the locale's rules.
+  const Seg = (Intl as { Segmenter?: typeof Intl.Segmenter }).Segmenter
+  const first = source ? (Seg ? new Seg(locale, { granularity: 'grapheme' }).segment(source)[Symbol.iterator]().next().value?.segment : Array.from(source)[0]) : undefined
+  return first ? { kind: 'letter', letter: first.toLocaleUpperCase(locale) } : { kind: 'glyph' }
+}
+
+/** The signed-in person as picture or initial on a disc (spec: wave-2/profile-avatar.md). */
+export function ProfileAvatar(props: ProfileAvatarProps) {
+  const fallbackLabel = useMessages().profileAvatar.profile
+  const [broken, setBroken] = useState(false)
+  useEffect(() => setBroken(false), [props.pictureUrl])
+
+  const { locale } = useLocale()
+  const face = pickFace(props.name, props.email, props.pictureUrl, broken, locale)
+  const label = props.label ?? (props.name?.trim() || props.email?.trim() || fallbackLabel)
+  const hidden = props.decorative === true
+  const a11y = hidden ? { 'aria-hidden': true as const } : face.kind === 'picture' ? {} : { role: 'img', 'aria-label': label }
+
+  return (
+    <span className={cx('ty-profile-avatar', props.className)} data-size={props.size ?? 'fill'} data-face={face.kind} {...a11y}>
+      {face.kind === 'picture' ? (
+        <img className="ty-profile-avatar__picture" src={face.url} alt={hidden ? '' : label} onError={() => setBroken(true)} />
+      ) : face.kind === 'letter' ? (
+        <span className="ty-profile-avatar__letter" aria-hidden="true">
+          {face.letter}
+        </span>
+      ) : (
+        <UserRound className="ty-profile-avatar__glyph" aria-hidden="true" focusable="false" />
+      )}
+    </span>
+  )
+}

package/src/components/profile-summary/ProfileSummary.css

@@ -0,0 +1,43 @@
+/* ProfileSummary (spec: wave-2/profile-summary.md; design direction §2.2, §2.11). */
+@layer tympan.components {
+  .ty-profile-summary {
+    display: flex;
+    align-items: center;
+    gap: var(--ty-space-3);
+    min-inline-size: 0;
+  }
+  .ty-profile-summary > .ty-avatar {
+    flex: none;
+  }
+  .ty-profile-summary__text {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 2px;
+    min-inline-size: 0;
+  }
+  .ty-profile-summary__line {
+    max-inline-size: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .ty-profile-summary__line[data-line='name'] {
+    color: var(--ty-ink);
+    font-family: var(--ty-font-sans);
+    font-size: var(--ty-font-size-body);
+    font-weight: var(--ty-font-weight-semibold);
+    line-height: var(--ty-font-line-height-body);
+  }
+  .ty-profile-summary__line[data-line='email'] {
+    color: var(--ty-ink-3);
+    font-size: var(--ty-font-size-meta);
+    line-height: var(--ty-font-line-height-meta);
+  }
+
+  @media (forced-colors: active) {
+    .ty-profile-summary > .ty-avatar {
+      border: 1px solid CanvasText;
+    }
+  }
+}

package/src/components/profile-summary/ProfileSummary.rtl.test.tsx

@@ -0,0 +1,12 @@
+import { describe, expect, it } from 'vitest'
+import { expectNoAxeViolations } from '../../../test/axe'
+import { inRtl } from '../../../test/rtl-b'
+import { ProfileSummary } from './ProfileSummary'
+
+describe('ProfileSummary in right-to-left locales', () => {
+  it('shows a Hebrew name and passes axe', async () => {
+    const { container } = inRtl(<ProfileSummary name="נטליה מסקיטה" role="בעלים" />, 'he')
+    expect(container.textContent).toContain('נטליה מסקיטה')
+    await expectNoAxeViolations(container)
+  })
+})

package/src/components/profile-summary/ProfileSummary.test.tsx

@@ -0,0 +1,52 @@
+import { fireEvent, render, screen } from '@testing-library/react'
+import { describe, expect, it } from 'vitest'
+import { expectNoAxeViolations } from '../../../test/axe'
+import { cssOf, mediaBlock } from '../../../test/css'
+import { ThemeScope } from '../../internal/ThemeScope'
+import { ProfileSummary } from './ProfileSummary'
+
+describe('ProfileSummary', () => {
+  it('falls back to the initials when the picture fails', () => {
+    const { container } = render(<ProfileSummary name="Júlia Andrade" pictureUrl="/missing.png" />)
+    fireEvent.error(container.querySelector('img')!)
+    expect(container.querySelector('.ty-avatar')).toHaveTextContent('JA')
+  })
+
+  it('leaves the e-mail out of the document unless showEmail is true', () => {
+    const { rerender } = render(<ProfileSummary name="Ana Souza" email="ana@example.org" />)
+    expect(screen.queryByText('ana@example.org')).toBeNull()
+    rerender(<ProfileSummary name="Ana Souza" email="ana@example.org" showEmail />)
+    expect(screen.getByText('ana@example.org')).toBeInTheDocument()
+  })
+
+  it('exposes the name once to assistive technology', () => {
+    const { container } = render(<ProfileSummary name="Ana Souza" pictureUrl="/a.png" />)
+    expect(container.querySelector('img')).toHaveAttribute('alt', '')
+    expect(container.querySelector('.ty-avatar')).toHaveAttribute('aria-hidden', 'true')
+    expect(screen.getAllByText('Ana Souza')).toHaveLength(1)
+  })
+
+  it('shows the role as text', () => {
+    render(<ProfileSummary name="Ana Souza" role="Owner" />)
+    expect(screen.getByText('Owner')).toBeInTheDocument()
+  })
+
+  it('truncates with the full value as a title and keeps the avatar border in forced colours', () => {
+    render(<ProfileSummary name="A very long name that will not fit" />)
+    expect(screen.getByText('A very long name that will not fit')).toHaveAttribute('title', 'A very long name that will not fit')
+    expect(mediaBlock(cssOf('components/profile-summary/ProfileSummary.css'), /\(forced-colors:\s*active\)/)).toMatch(/CanvasText/)
+  })
+
+  it('has no axe violations, light and dark', async () => {
+    const { container } = render(
+      <>
+        {(['light', 'dark'] as const).map((s) => (
+          <ThemeScope key={s} scheme={s}>
+            <ProfileSummary name="Júlia Andrade" email="n@example.org" showEmail role="Owner" />
+          </ThemeScope>
+        ))}
+      </>,
+    )
+    await expectNoAxeViolations(container)
+  })
+})

package/src/components/profile-summary/ProfileSummary.tsx

@@ -0,0 +1,52 @@
+import { cx } from '../../internal/cx'
+import { Avatar } from '../avatar/Avatar'
+import { Tag } from '../tag/Tag'
+
+export interface ProfileSummaryProps {
+  name: string
+  /** Avatar fallback; derived from the name when omitted. */
+  initials?: string
+  pictureUrl?: string
+  email?: string
+  /** Privacy switch: the e-mail is rendered only when true. */
+  showEmail?: boolean
+  role?: string
+  className?: string
+}
+
+/** First grapheme (not code unit) of a word, so combining marks and surrogate pairs stay whole. */
+function firstGrapheme(word: string): string {
+  const Segmenter = (Intl as { Segmenter?: new (l?: string, o?: { granularity: 'grapheme' }) => { segment: (s: string) => Iterable<{ segment: string }> } }).Segmenter
+  if (Segmenter) for (const piece of new Segmenter(undefined, { granularity: 'grapheme' }).segment(word)) return piece.segment
+  return Array.from(word)[0] ?? ''
+}
+
+/** First letter of the first and last words (by space; names in scripts without spaces keep their first grapheme). */
+function deriveInitials(name: string): string {
+  const parts = name.split(/\s+/).filter((w) => w.length > 0)
+  const picked = parts.length > 1 ? [parts[0]!, parts[parts.length - 1]!] : parts
+  return picked.map((w) => firstGrapheme(w).toLocaleUpperCase()).join('')
+}
+
+/** Identity block of the signed-in person (spec: wave-2/profile-summary.md). */
+export function ProfileSummary({ role, email, showEmail = false, pictureUrl, initials, name, className }: ProfileSummaryProps) {
+  const lines: Array<[string, string]> = [['name', name]]
+  if (showEmail && email) lines.push(['email', email])
+  return (
+    <div className={cx('ty-profile-summary', className)}>
+      <Avatar decorative src={pictureUrl} fallbackText={initials ?? deriveInitials(name)} size="regular" />
+      <div className="ty-profile-summary__text">
+        {role ? (
+          <span className="ty-profile-summary__role">
+            <Tag size="small">{role}</Tag>
+          </span>
+        ) : null}
+        {lines.map(([kind, text]) => (
+          <span key={kind} className="ty-profile-summary__line" data-line={kind} title={text}>
+            {text}
+          </span>
+        ))}
+      </div>
+    </div>
+  )
+}

package/src/components/progress-bar/ProgressBar.css

@@ -0,0 +1,100 @@
+/* ProgressBar (spec: wave-1/progress-bar.md; design direction §2.3, §2.4, §2.7). */
+@layer tympan.components {
+  .ty-progress {
+    --ty-progress-fill: var(--ty-accent);
+    --ty-progress-thickness: var(--ty-space-2);
+    display: flex;
+    flex-direction: column;
+    gap: var(--ty-space-1);
+    inline-size: 100%;
+  }
+  .ty-progress[data-size='thin'] {
+    --ty-progress-thickness: var(--ty-space-1);
+  }
+  .ty-progress[data-tone='success'] {
+    --ty-progress-fill: var(--ty-success);
+  }
+  .ty-progress[data-tone='warning'] {
+    --ty-progress-fill: var(--ty-warning);
+  }
+  .ty-progress[data-tone='danger'] {
+    --ty-progress-fill: var(--ty-danger);
+  }
+
+  .ty-progress__header {
+    display: flex;
+    justify-content: space-between;
+    gap: var(--ty-space-3);
+    font-size: var(--ty-font-size-label);
+    line-height: var(--ty-font-line-height-label);
+  }
+  .ty-progress__label {
+    color: var(--ty-ink);
+    font-weight: var(--ty-font-weight-semibold);
+  }
+  .ty-progress__value {
+    color: var(--ty-ink-3);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .ty-progress__track {
+    position: relative;
+    overflow: hidden;
+    block-size: var(--ty-progress-thickness);
+    border-radius: var(--ty-radius-pill);
+    background: var(--ty-surface-sunken);
+  }
+  .ty-progress__fill {
+    block-size: 100%;
+    border-radius: inherit;
+    background: var(--ty-progress-fill);
+    transition: inline-size var(--ty-dur-quick) var(--ty-ease);
+  }
+  .ty-progress[data-indeterminate] .ty-progress__fill {
+    inline-size: 35%;
+    animation: ty-progress-slide 1400ms var(--ty-ease) infinite;
+  }
+
+  [dir='rtl'] .ty-progress[data-indeterminate] .ty-progress__fill,
+  .ty-progress[data-indeterminate]:dir(rtl) .ty-progress__fill {
+    animation-name: ty-progress-slide-rtl;
+  }
+  @keyframes ty-progress-slide-rtl {
+    from {
+      transform: translateX(100%);
+    }
+    to {
+      transform: translateX(-300%);
+    }
+  }
+
+  @keyframes ty-progress-slide {
+    from {
+      transform: translateX(-100%);
+    }
+    to {
+      transform: translateX(300%);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .ty-progress__fill {
+      transition: none;
+    }
+    /* Static partial fill; the header still says "in progress". */
+    .ty-progress[data-indeterminate] .ty-progress__fill {
+      animation: none;
+      inline-size: 50%;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .ty-progress__track {
+      border: 1px solid CanvasText;
+    }
+    .ty-progress__fill {
+      background: Highlight;
+      forced-color-adjust: none;
+    }
+  }
+}