@exponential_app/eui 0.2.1 → 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",