@exponential_app/eui 0.2.0 → 0.3.0

package/fixtures/kitchen-sink.json

@@ -77,6 +77,37 @@
               }
             }
           }
+        },
+        {
+          "id": "outline",
+          "component": "Outline",
+          "props": {
+            "caption": "Outline",
+            "value": "part-a",
+            "items": [
+              {
+                "id": "current",
+                "title": "Current state"
+              },
+              {
+                "id": "part-a",
+                "title": "Part A: editor-first creation",
+                "count": 5
+              },
+              {
+                "id": "part-b",
+                "title": "Part B: MCP for eApps",
+                "count": 2
+              }
+            ]
+          },
+          "on": {
+            "select": {
+              "event": {
+                "name": "outlineSelect"
+              }
+            }
+          }
         }
       ]
     },
@@ -1676,7 +1707,12 @@
           "component": "Carousel",
           "props": {
             "page": 0,
-            "indicators": true
+            "indicators": true,
+            "counter": true,
+            "thumbnails": [
+              "https://example.com/1.jpg",
+              "https://example.com/2.jpg"
+            ]
           },
           "children": [
             {
@@ -1699,6 +1735,38 @@
             }
           ]
         },
+        {
+          "id": "mosaic",
+          "component": "Mosaic",
+          "props": {
+            "label": "Screens",
+            "pictures": [
+              {
+                "src": "https://example.com/1.jpg",
+                "alt": "One"
+              },
+              {
+                "src": "https://example.com/2.jpg",
+                "alt": "Two"
+              },
+              {
+                "src": "https://example.com/3.jpg",
+                "alt": "Three"
+              },
+              {
+                "src": "https://example.com/4.jpg",
+                "alt": "Four"
+              }
+            ]
+          },
+          "on": {
+            "select": {
+              "event": {
+                "name": "mosaicSelect"
+              }
+            }
+          }
+        },
         {
           "id": "video",
           "component": "Video",

package/fixtures/primitive-specimens.json

@@ -20,6 +20,9 @@
     { "id": "plain/progress", "primitive": "plain", "viewport": { "width": 900, "height": 200 }, "open": false, "interact": null },
     { "id": "plain/rings", "primitive": "plain", "viewport": { "width": 900, "height": 200 }, "open": false, "interact": null },
     { "id": "plain/voice-wave", "primitive": "plain", "viewport": { "width": 900, "height": 300 }, "open": false, "interact": null },
+    { "id": "plain/outline", "primitive": "plain", "viewport": { "width": 900, "height": 300 }, "open": false, "interact": null },
+    { "id": "plain/mosaic", "primitive": "plain", "viewport": { "width": 900, "height": 1400 }, "open": false, "interact": null },
+    { "id": "plain/carousel-extras", "primitive": "plain", "viewport": { "width": 900, "height": 400 }, "open": false, "interact": null },
     { "id": "plain/disclosure-header", "primitive": "plain", "viewport": { "width": 900, "height": 300 }, "open": false, "interact": "hover" },
     { "id": "plain/choice-tiles", "primitive": "plain", "viewport": { "width": 900, "height": 500 }, "open": false, "interact": null },
     { "id": "plain/code-block", "primitive": "plain", "viewport": { "width": 900, "height": 700 }, "open": false, "interact": null },

package/fixtures/prompt-budget.json

@@ -1,32 +1,32 @@
 {
   "$comment": "AUTO-GENERATED by packages/exponential-ui/scripts/generate.ts — do not edit.\nSource of truth: packages/exponential-ui/catalog/core.catalog.json (+ tokens.json, style.json, basic-map.json, strings.json, locale.json, code.json, a11y.json, layout.json). The size of catalogPrompt() on record: prompt.test.ts fails when the full prompt passes budgetTokens (cut descriptions before components) or when these numbers drift from the catalog without being regenerated. tokens = chars / 4, an estimate. VAPP-108: `index` = sections rules + index + functions + style (the components then come one at a time through componentPrompt, `perComponent`), `rules` = the rules alone.",
-  "budgetTokens": 7900,
+  "budgetTokens": 8034,
   "full": {
-    "components": 87,
-    "chars": 31599,
-    "tokens": 7900
+    "components": 89,
+    "chars": 32133,
+    "tokens": 8034
   },
   "lite": {
-    "components": 61,
-    "chars": 22948,
-    "tokens": 5737
+    "components": 62,
+    "chars": 23193,
+    "tokens": 5799
   },
   "terse": {
-    "components": 87,
-    "chars": 23419,
-    "tokens": 5855
+    "components": 89,
+    "chars": 23849,
+    "tokens": 5963
   },
   "index": {
-    "components": 87,
-    "chars": 11639,
-    "tokens": 2910
+    "components": 89,
+    "chars": 11812,
+    "tokens": 2953
   },
   "rules": {
     "chars": 2060,
     "tokens": 515
   },
   "perComponent": {
-    "mean": 320,
+    "mean": 319,
     "max": 1097,
     "meanTokens": 80
   }

package/fixtures/specimens.json

@@ -3232,6 +3232,67 @@
         ]
       }
     },
+    {
+      "id": "exponential-ui-mosaic",
+      "component": "Mosaic",
+      "title": "Mosaic",
+      "node": {
+        "id": "specimen-mosaic",
+        "component": "Box",
+        "style": {
+          "display": "flex",
+          "flexDirection": "column",
+          "gap": "$spacing.lg",
+          "padding": "$spacing.xl",
+          "maxWidth": 720
+        },
+        "children": [
+          {
+            "id": "specimen-mosaic-case-0",
+            "component": "Stack",
+            "props": {
+              "direction": "vertical",
+              "gap": "xs",
+              "align": "stretch"
+            },
+            "children": [
+              {
+                "id": "specimen-mosaic-case-0-label",
+                "component": "Text",
+                "props": {
+                  "text": "example",
+                  "variant": "caption"
+                }
+              },
+              {
+                "id": "c0-mosaic",
+                "component": "Mosaic",
+                "props": {
+                  "pictures": [
+                    {
+                      "src": "https://example.com/editor.png",
+                      "alt": "Editor"
+                    },
+                    {
+                      "src": "https://example.com/preview.png",
+                      "alt": "Preview"
+                    },
+                    {
+                      "src": "https://example.com/data.png",
+                      "alt": "Data"
+                    },
+                    {
+                      "src": "https://example.com/versions.png",
+                      "alt": "Versions"
+                    }
+                  ]
+                }
+              }
+            ]
+          }
+        ]
+      }
+    },
     {
       "id": "exponential-ui-tabs",
       "component": "Tabs",
@@ -4495,6 +4556,67 @@
         ]
       }
     },
+    {
+      "id": "exponential-ui-outline",
+      "component": "Outline",
+      "title": "Outline",
+      "node": {
+        "id": "specimen-outline",
+        "component": "Box",
+        "style": {
+          "display": "flex",
+          "flexDirection": "column",
+          "gap": "$spacing.lg",
+          "padding": "$spacing.xl",
+          "maxWidth": 720
+        },
+        "children": [
+          {
+            "id": "specimen-outline-case-0",
+            "component": "Stack",
+            "props": {
+              "direction": "vertical",
+              "gap": "xs",
+              "align": "stretch"
+            },
+            "children": [
+              {
+                "id": "specimen-outline-case-0-label",
+                "component": "Text",
+                "props": {
+                  "text": "example",
+                  "variant": "caption"
+                }
+              },
+              {
+                "id": "c0-outline",
+                "component": "Outline",
+                "props": {
+                  "caption": "Outline",
+                  "value": "part-a",
+                  "items": [
+                    {
+                      "id": "current",
+                      "title": "Current state"
+                    },
+                    {
+                      "id": "part-a",
+                      "title": "Part A: editor-first creation",
+                      "count": 5
+                    },
+                    {
+                      "id": "part-b",
+                      "title": "Part B: MCP for eApps",
+                      "count": 2
+                    }
+                  ]
+                }
+              }
+            ]
+          }
+        ]
+      }
+    },
     {
       "id": "exponential-ui-stepper",
       "component": "Stepper",

package/fixtures/text-clusters.json

@@ -0,0 +1,65 @@
+{
+  "$comment": "YO-30: text is laid out per grapheme CLUSTER (UAX #29 extended), never per code point. (1) Font fallback: a cluster the primary face cannot shape whole (Nunito has no U+0329 COMBINING VERTICAL LINE BELOW) shapes whole in the first fallback face that covers every character of it, so a combining mark attaches to its base (browsers, CoreText, minikin do this; gpui falls back per character and eui-gpui cuts its runs per cluster, crates/eui-gpui/src/fallback.rs). `attach` = the clusters whose marks must paint ON their base: same face as the base, inside the base's advance (never a free-standing glyph after it). (2) CSS `letter-spacing` follows clusters: `tracked` = how many times `letterSpacing` is added (a mark adds none; bidi controls none). Hand-written; src/text-clusters.ts is the reference, every renderer replays it (eui-gpui tests/text_clusters.rs with the conformance fonts, SwiftUI Round2Suites, Compose Round2Suites).",
+  "family": "Nunito",
+  "cases": [
+    {
+      "name": "IPA Spätzle (the Spezl sense line)",
+      "text": "/ˈʃpɛtsl̩/",
+      "clusters": [
+        "/",
+        "ˈ",
+        "ʃ",
+        "p",
+        "ɛ",
+        "t",
+        "s",
+        "l̩",
+        "/"
+      ],
+      "tracked": 9,
+      "attach": [
+        7
+      ]
+    },
+    {
+      "name": "decomposed accents Nunito covers",
+      "text": "Spätzle",
+      "clusters": [
+        "S",
+        "p",
+        "ä",
+        "t",
+        "z",
+        "l",
+        "e"
+      ],
+      "tracked": 7,
+      "attach": [
+        2
+      ]
+    },
+    {
+      "name": "two marks on one base",
+      "text": "ń̩",
+      "clusters": [
+        "ń̩"
+      ],
+      "tracked": 1,
+      "attach": [
+        0
+      ]
+    },
+    {
+      "name": "a bidi mark takes no letter-spacing",
+      "text": "‎abc",
+      "clusters": [
+        "‎",
+        "a",
+        "b",
+        "c"
+      ],
+      "tracked": 3,
+      "attach": []
+    }
+  ]
+}