@exponential_app/eui 0.3.0 → 0.4.0

package/dist/chunks/{index-dx45asrf.js → index-5sjj5p84.js}

@@ -1,6 +1,6 @@
 import {
   coreCatalog2
-} from "./index-abcjanhc.js";
+} from "./index-f9wkb6aq.js";
 // packages/exponential-ui/generated/core.descriptions.json
 var core_descriptions_default = {
   components: {
@@ -494,6 +494,44 @@ var core_descriptions_default = {
         aspectRatio: 1.7777778
       }
     },
+    ZoomableImage: {
+      props: {
+        src: {
+          description: "The image URL."
+        },
+        alt: {
+          description: "The accessibility description."
+        },
+        naturalWidth: {
+          description: "Pixel width."
+        },
+        naturalHeight: {
+          description: "Pixel height."
+        },
+        initial: {
+          description: "auto = fitWidth when tall."
+        },
+        maxScale: {
+          description: "Largest zoom."
+        },
+        controls: {
+          description: "The zoom pill."
+        },
+        scale: {
+          description: "1 = 100%."
+        },
+        style: {
+          description: "Extra Box styles for the viewport."
+        }
+      },
+      description: "A picture that zooms (pinch, ⌘-wheel, double-tap) and pans.",
+      example: {
+        src: "https://example.com/screenshot.png",
+        alt: "Screenshot",
+        naturalWidth: 1440,
+        naturalHeight: 900
+      }
+    },
     Icon: {
       props: {
         name: {
@@ -683,8 +721,8 @@ var core_descriptions_default = {
             value: "issue"
           },
           {
-            label: "Run",
-            value: "run"
+            label: "Session",
+            value: "session"
           }
         ],
         value: "issue"
@@ -1496,10 +1534,10 @@ var core_descriptions_default = {
           description: "Row height class."
         },
         stickyHeader: {
-          description: "Keeps the header visible while the rows scroll."
+          description: "Pins the header while rows scroll."
         }
       },
-      description: "A data table of typed columns: sorting, selection, widths, alignment, windowed; `slot` columns render components.",
+      description: "A table of typed columns: sorting, selection, widths, alignment, windowed; `slot` columns render components.",
       example: {
         columns: [
           {
@@ -2509,6 +2547,131 @@ var core_descriptions_default = {
       example: {
         component: "Gauge"
       }
+    },
+    Motion: {
+      props: {
+        layers: {
+          description: "The animation, top layer first, in the composition's px (origin top-left). Layer: {type: shape|solid|null|precomp|text, id?, parent?: id, in?/out? ms, transform?: {anchor, position [x,y], scale [100,100] %, rotation deg clockwise, opacity 0–100}, shapes: […], matte?: {source: id, mode: alpha|luma}, masks?: [{path, mode: add|subtract|intersect}]}. Shapes draw top first; a style paints every shape before it in its group: rect {position (centre), size, radius}, ellipse {position, size}, star|polygon {points, outerRadius, innerRadius}, path {d: SVG path data}; fill {color}, stroke {color, width, cap, join, dash: [len, gap]}, gradient-fill {kind: linear|radial, start, end, stops: [[0, colour], [1, colour]]}; trim {start, end, offset} (percent, draw-on lines), repeater {copies, transform}, round-corners {radius}; group {shapes, transform}. Colours: $color.* tokens (follow light/dark), #hex, or {light, dark}. Animate any value: {keys: [{t: ms, v: value, ease: linear|ease-in|ease-out|ease-in-out|hold|[x1,y1,x2,y2]}, …]}; tokens cannot animate. Keep it small; loops end on their first pose. No expressions."
+        },
+        size: {
+          description: "The composition [width, height] px (with layers)."
+        },
+        duration: {
+          description: "Length in ms (with layers)."
+        },
+        fps: {
+          description: "Frames per second."
+        },
+        assets: {
+          description: "Precomps {id: {layers}}."
+        },
+        markers: {
+          description: "Named segments [{name, time, duration}] ms."
+        },
+        lottie: {
+          description: "Lottie JSON instead of layers (no expressions)."
+        },
+        src: {
+          description: "An attached .json or .lottie instead of layers."
+        },
+        autoplay: {
+          description: "Plays when visible; false shows the poster."
+        },
+        loop: {
+          description: "Repeats; false plays once and holds."
+        },
+        plays: {
+          description: "Plays this many times (overrides loop)."
+        },
+        direction: {
+          description: "Forward, reverse, or back and forth."
+        },
+        speed: {
+          description: "Speed multiplier."
+        },
+        segment: {
+          description: "Plays only [from, to] ms."
+        },
+        marker: {
+          description: "Plays only this marker."
+        },
+        progress: {
+          description: "Scrubs (0–1) instead of playing."
+        },
+        play: {
+          description: "Pauses while false."
+        },
+        poster: {
+          description: "The still frame (ms) for reduced motion and before play."
+        },
+        fit: {
+          description: "How it fills the box."
+        },
+        slots: {
+          description: "Lottie slot overrides {slotId: value}."
+        },
+        stateMachine: {
+          description: "A dotLottie state machine driving playback (a .lottie src brings its own)."
+        },
+        inputs: {
+          description: "State-machine inputs {name: value}; bind to drive states from data."
+        },
+        label: {
+          description: "What it shows, for screen readers."
+        },
+        style: {
+          description: "Extra Box styles for the box."
+        }
+      },
+      description: "A vector animation (Lottie-compatible) drawn identically everywhere: loaders, success states, illustrated empty states, small explainers.",
+      example: {
+        size: [
+          48,
+          48
+        ],
+        duration: 1000,
+        layers: [
+          {
+            type: "shape",
+            transform: {
+              position: [
+                24,
+                24
+              ],
+              rotation: {
+                keys: [
+                  {
+                    t: 0,
+                    v: 0
+                  },
+                  {
+                    t: 1000,
+                    v: 360
+                  }
+                ]
+              }
+            },
+            shapes: [
+              {
+                type: "ellipse",
+                size: [
+                  36,
+                  36
+                ]
+              },
+              {
+                type: "trim",
+                end: 70
+              },
+              {
+                type: "stroke",
+                color: "$color.primary",
+                width: 4
+              }
+            ]
+          }
+        ]
+      }
     }
   },
   defs: {
@@ -2700,7 +2863,7 @@ var core_descriptions_default = {
           description: "For `type: slot`: the Table slot whose component renders each cell with the row as its data scope."
         },
         width: {
-          description: "A fixed width in px; otherwise columns share the width."
+          description: "A fixed width in px; otherwise columns share the width, never under 120 (a wider table scrolls)."
         },
         align: {
           description: "Cell alignment (numbers read best at `end`)."
@@ -2713,6 +2876,9 @@ var core_descriptions_default = {
         },
         decimals: {
           description: "Fixed fraction digits of a number, currency or percent column."
+        },
+        truncate: {
+          description: "One line with an ellipsis; cells wrap otherwise."
         }
       },
       description: "One table column."
@@ -2876,5 +3042,5 @@ function describeCatalog2() {
 
 export { describeCatalog2 };
 
-//# debugId=9E9E8979695368A164756E2164756E21
-//# sourceMappingURL=index-dx45asrf.js.map
+//# debugId=EAFB7655444BBC6964756E2164756E21
+//# sourceMappingURL=index-5sjj5p84.js.map

package/dist/chunks/{index-dx45asrf.js.map → index-5sjj5p84.js.map}

@@ -4,7 +4,7 @@
   "sourcesContent": [
     "// VAPP-106: the model-facing text of the catalog (every component and prop\n// description, every example, the functions' descriptions) lives OUTSIDE the\n// runtime catalog. `generated/core.runtime.json` is what the reducer, the\n// validator and every renderer read (and what the Rust core embeds);\n// `generated/core.descriptions.json` is the rest, keyed like the catalog.\n// `describeCatalog()` puts the two back together IN PLACE on `coreCatalog`\n// (once; later calls return at the first check): the `./prompt` and\n// `./schema` entries call it before they read a description, so a browser\n// that only renders never downloads a word of it. The generator\n// (scripts/generate.ts) makes the split from catalog/core.catalog.json, the\n// source, with `splitDescriptions`; `catalog.described.test.ts` proves the\n// round trip.\n\nimport descriptionsJson from \"../generated/core.descriptions.json\" with { type: \"json\" }\nimport { coreCatalog } from \"./catalog\"\nimport type { CatalogSource, ComponentDef, DefSchema, PropSchema } from \"./types\"\n\n/** The text a prop schema carries (recursing into `items`). */\nexport interface PropDescription {\n  description?: string\n  items?: PropDescription\n}\n\n/** The text of the catalog, keyed like the catalog itself. */\nexport interface CatalogDescriptions {\n  components: Record<string, { description?: string; example?: Record<string, unknown>; props: Record<string, PropDescription> }>\n  defs: Record<string, { description?: string; properties: Record<string, PropDescription> }>\n  functions: { core: Record<string, string>; basic: Record<string, string> }\n}\n\n/** The runtime view of a schema object: its text may be absent (src/types.ts keeps it typed present). */\ntype Mutable<T> = { -readonly [K in keyof T as K extends `description` | `example` ? never : K]: T[K] } & { description?: string; example?: Record<string, unknown> }\n\nfunction takeProp(schema: Mutable<PropSchema>): PropDescription {\n  const out: PropDescription = {}\n  if (schema.description !== undefined) {\n    out.description = schema.description\n    delete schema.description\n  }\n  if (schema.items) {\n    const items = takeProp(schema.items as Mutable<PropSchema>)\n    if (Object.keys(items).length) out.items = items\n  }\n  return out\n}\n\nfunction giveProp(schema: Mutable<PropSchema>, text: PropDescription | undefined): void {\n  if (!text) return\n  if (text.description !== undefined) schema.description = text.description\n  if (text.items && schema.items) giveProp(schema.items as Mutable<PropSchema>, text.items)\n}\n\n/** Every `$comment` dropped, recursively (the source carries them for people). */\nfunction withoutComments<T>(value: T): T {\n  if (Array.isArray(value)) return value.map(withoutComments) as T\n  if (typeof value === `object` && value !== null)\n    return Object.fromEntries(\n      Object.entries(value as Record<string, unknown>)\n        .filter(([k]) => k !== `$comment`)\n        .map(([k, v]) => [k, withoutComments(v)])\n    ) as T\n  return value\n}\n\n/** The source catalog split into what the runtime needs and the text only\n *  the prompt, the schema and the docs read. Pure: the source stays as it is. */\nexport function splitDescriptions(source: CatalogSource): { runtime: CatalogSource; descriptions: CatalogDescriptions } {\n  const runtime = withoutComments(structuredClone(source)) as Mutable<CatalogSource>\n  const descriptions: CatalogDescriptions = { components: {}, defs: {}, functions: { core: {}, basic: {} } }\n  for (const [name, def] of Object.entries(runtime.components) as [string, Mutable<ComponentDef>][]) {\n    const entry: CatalogDescriptions[`components`][string] = { props: {} }\n    if (def.description !== undefined) {\n      entry.description = def.description\n      delete def.description\n    }\n    if (def.example !== undefined) {\n      entry.example = def.example\n      delete def.example\n    }\n    for (const [prop, schema] of Object.entries(def.props)) {\n      const text = takeProp(schema as Mutable<PropSchema>)\n      if (Object.keys(text).length) entry.props[prop] = text\n    }\n    descriptions.components[name] = entry\n  }\n  for (const [name, def] of Object.entries(runtime.defs) as [string, Mutable<DefSchema>][]) {\n    const entry: CatalogDescriptions[`defs`][string] = { properties: {} }\n    if (def.description !== undefined) {\n      entry.description = def.description\n      delete def.description\n    }\n    for (const [prop, schema] of Object.entries(def.properties)) {\n      const text = takeProp(schema as Mutable<PropSchema>)\n      if (Object.keys(text).length) entry.properties[prop] = text\n    }\n    descriptions.defs[name] = entry\n  }\n  for (const group of [`core`, `basic`] as const)\n    for (const [name, fn] of Object.entries(runtime.functions[group]) as [string, { description?: string }][]) {\n      if (fn.description === undefined) continue\n      descriptions.functions[group][name] = fn.description\n      delete fn.description\n    }\n  return { runtime, descriptions }\n}\n\n/** Puts the text back onto a runtime catalog, in place. */\nexport function applyDescriptions(target: CatalogSource, descriptions: CatalogDescriptions): void {\n  for (const [name, text] of Object.entries(descriptions.components)) {\n    const def = target.components[name] as Mutable<ComponentDef> | undefined\n    if (!def) continue\n    if (text.description !== undefined) def.description = text.description\n    if (text.example !== undefined) def.example = text.example\n    for (const [prop, propText] of Object.entries(text.props)) giveProp(def.props[prop] as Mutable<PropSchema>, propText)\n  }\n  for (const [name, text] of Object.entries(descriptions.defs)) {\n    const def = target.defs[name] as Mutable<DefSchema> | undefined\n    if (!def) continue\n    if (text.description !== undefined) def.description = text.description\n    for (const [prop, propText] of Object.entries(text.properties)) giveProp(def.properties[prop] as Mutable<PropSchema>, propText)\n  }\n  for (const group of [`core`, `basic`] as const)\n    for (const [name, description] of Object.entries(descriptions.functions[group])) {\n      const fn = target.functions[group][name] as { description?: string } | undefined\n      if (fn) fn.description = description\n    }\n}\n\nlet described = false\n\n/** `coreCatalog` with its descriptions and examples attached (once per\n *  process); what the prompt, the schema emitter and the docs read. */\nexport function describeCatalog(): CatalogSource {\n  if (!described) {\n    applyDescriptions(coreCatalog, descriptionsJson as unknown as CatalogDescriptions)\n    described = true\n  }\n  return coreCatalog\n}\n"
   ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,SAAS,QAAQ,CAAC,QAA6B,MAAyC;AAAA,EACtF,IAAI,CAAC;AAAA,IAAM;AAAA,EACX,IAAI,KAAK,gBAAgB;AAAA,IAAW,OAAO,cAAc,KAAK;AAAA,EAC9D,IAAI,KAAK,SAAS,OAAO;AAAA,IAAO,SAAS,OAAO,OAA8B,KAAK,KAAK;AAAA;AA0DnF,SAAS,iBAAiB,CAAC,QAAuB,cAAyC;AAAA,EAChG,YAAY,MAAM,SAAS,OAAO,QAAQ,aAAa,UAAU,GAAG;AAAA,IAClE,MAAM,MAAM,OAAO,WAAW;AAAA,IAC9B,IAAI,CAAC;AAAA,MAAK;AAAA,IACV,IAAI,KAAK,gBAAgB;AAAA,MAAW,IAAI,cAAc,KAAK;AAAA,IAC3D,IAAI,KAAK,YAAY;AAAA,MAAW,IAAI,UAAU,KAAK;AAAA,IACnD,YAAY,MAAM,aAAa,OAAO,QAAQ,KAAK,KAAK;AAAA,MAAG,SAAS,IAAI,MAAM,OAA8B,QAAQ;AAAA,EACtH;AAAA,EACA,YAAY,MAAM,SAAS,OAAO,QAAQ,aAAa,IAAI,GAAG;AAAA,IAC5D,MAAM,MAAM,OAAO,KAAK;AAAA,IACxB,IAAI,CAAC;AAAA,MAAK;AAAA,IACV,IAAI,KAAK,gBAAgB;AAAA,MAAW,IAAI,cAAc,KAAK;AAAA,IAC3D,YAAY,MAAM,aAAa,OAAO,QAAQ,KAAK,UAAU;AAAA,MAAG,SAAS,IAAI,WAAW,OAA8B,QAAQ;AAAA,EAChI;AAAA,EACA,WAAW,SAAS,CAAC,QAAQ,OAAO;AAAA,IAClC,YAAY,MAAM,gBAAgB,OAAO,QAAQ,aAAa,UAAU,MAAM,GAAG;AAAA,MAC/E,MAAM,KAAK,OAAO,UAAU,OAAO;AAAA,MACnC,IAAI;AAAA,QAAI,GAAG,cAAc;AAAA,IAC3B;AAAA;AAGJ,IAAI,YAAY;AAIT,SAAS,gBAAe,GAAkB;AAAA,EAC/C,IAAI,CAAC,WAAW;AAAA,IACd,kBAAkB,cAAa,yBAAkD;AAAA,IACjF,YAAY;AAAA,EACd;AAAA,EACA,OAAO;AAAA;",
-  "debugId": "9E9E8979695368A164756E2164756E21",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,SAAS,QAAQ,CAAC,QAA6B,MAAyC;AAAA,EACtF,IAAI,CAAC;AAAA,IAAM;AAAA,EACX,IAAI,KAAK,gBAAgB;AAAA,IAAW,OAAO,cAAc,KAAK;AAAA,EAC9D,IAAI,KAAK,SAAS,OAAO;AAAA,IAAO,SAAS,OAAO,OAA8B,KAAK,KAAK;AAAA;AA0DnF,SAAS,iBAAiB,CAAC,QAAuB,cAAyC;AAAA,EAChG,YAAY,MAAM,SAAS,OAAO,QAAQ,aAAa,UAAU,GAAG;AAAA,IAClE,MAAM,MAAM,OAAO,WAAW;AAAA,IAC9B,IAAI,CAAC;AAAA,MAAK;AAAA,IACV,IAAI,KAAK,gBAAgB;AAAA,MAAW,IAAI,cAAc,KAAK;AAAA,IAC3D,IAAI,KAAK,YAAY;AAAA,MAAW,IAAI,UAAU,KAAK;AAAA,IACnD,YAAY,MAAM,aAAa,OAAO,QAAQ,KAAK,KAAK;AAAA,MAAG,SAAS,IAAI,MAAM,OAA8B,QAAQ;AAAA,EACtH;AAAA,EACA,YAAY,MAAM,SAAS,OAAO,QAAQ,aAAa,IAAI,GAAG;AAAA,IAC5D,MAAM,MAAM,OAAO,KAAK;AAAA,IACxB,IAAI,CAAC;AAAA,MAAK;AAAA,IACV,IAAI,KAAK,gBAAgB;AAAA,MAAW,IAAI,cAAc,KAAK;AAAA,IAC3D,YAAY,MAAM,aAAa,OAAO,QAAQ,KAAK,UAAU;AAAA,MAAG,SAAS,IAAI,WAAW,OAA8B,QAAQ;AAAA,EAChI;AAAA,EACA,WAAW,SAAS,CAAC,QAAQ,OAAO;AAAA,IAClC,YAAY,MAAM,gBAAgB,OAAO,QAAQ,aAAa,UAAU,MAAM,GAAG;AAAA,MAC/E,MAAM,KAAK,OAAO,UAAU,OAAO;AAAA,MACnC,IAAI;AAAA,QAAI,GAAG,cAAc;AAAA,IAC3B;AAAA;AAGJ,IAAI,YAAY;AAIT,SAAS,gBAAe,GAAkB;AAAA,EAC/C,IAAI,CAAC,WAAW;AAAA,IACd,kBAAkB,cAAa,yBAAkD;AAAA,IACjF,YAAY;AAAA,EACd;AAAA,EACA,OAAO;AAAA;",
+  "debugId": "EAFB7655444BBC6964756E2164756E21",
   "names": []
 }

package/dist/chunks/{index-fy7y2nz8.js → index-cvf7bbs5.js}

@@ -177,10 +177,31 @@ var style_default = {
     hintGap: 12,
     placeholderIcon: "ui-scan",
     placeholderIconSize: 32
+  },
+  zoomableImage: {
+    $comment: "EXP-1586: the ZoomableImage native. THE MATHS COMES FROM THE CORE: src/zoom.ts (the Rust core's `zoom` ports it; fixtures/zoom.json locks it). THE BOX: as wide as its parent; its height = the style height, else width × naturalHeight / naturalWidth (capped at the width for a TALL picture, so a full-page capture opens as a landscape window onto its top), else 16:9; the picture clips to it. A view = {scale, x, y}: scale = displayed px per image px (1 = 100%: one image pixel per point), x/y = the picture's top-left in the viewport. FIT = min(1, vw/iw, vh/ih) (never upscales) = the minimum scale; the maximum = max(fit, maxScale). REST = the scale it opens at: `fit`, `fitWidth` = min(1, vw/iw), `actual` = 1, `auto` = fitWidth when the picture is TALL (w/h < tallAspect) else fit. An axis where the scaled picture is no larger than the viewport is CENTRED; otherwise x is clamped to [vw − sw, 0] (no letterbox shows); rest views of a tall picture start at the top. Zoom keeps the anchor point fixed (the cursor, the fingers' midpoint, the double-tap point, the viewport centre for keys and the pill). Wheel with ⌘/ctrl (or a trackpad pinch) = factor exp(−deltaY × wheelRate) (lines × wheelLinePx first); a plain wheel PANS. Steps (+ / − / the pill) = the next `presets` entry strictly above / below the current scale (fit joins the ladder), clamped. Double tap / click: at rest → max(1, 2 × rest) capped at the max, about the point; otherwise → the rest view. Keys: + = step up, − = step down, 0 = the rest view, 1 = 100% about the centre. Drag past an edge = the overshoot through rubberBand(o, d) = (1 − 1 / (o × rubber / d + 1)) × d (d = the viewport's extent on that axis), released = the clamped view (sprung with motion.standard; reduced motion snaps). A pinch past the min/max rubber-bands the scale the same way (d = the limit). Mouse-drag momentum: v(t) = v0 × e^(−t/momentumTauMs), travel = v0 × τ × (1 − e^(−t/τ)), stopping at the edges; touch and trackpads use the platform's own inertia. Pan ROOM = an axis whose scaled picture is larger than the viewport: a horizontal swipe with no x room belongs to the host (paging); with room the picture pans. A new src = the rest view; a resize at rest = the new rest view, zoomed = the same scale about the viewport centre, clamped. THE PILL (controls auto/always): one glass capsule bottom-centre `pill.inset` above the picture's bottom edge: Button ghost icon-sm `ui-minus`, the percent (round(scale × 100) + '%', tabular, a ghost button opening THE Menu of `menuPresets` (0 = Fit, the rest view; outside [min, max] dropped)), Button ghost icon-sm `ui-add`, a hairline divider, Button ghost icon-sm `ui-fullscreen` (pressed = the rest view; drawn ACTIVE while at rest). − is disabled at the min, + at the max. `auto` shows it on appear and hides it autoHideMs after the last pointer move / zoom / focus inside (kept while hovered or focused; a touch tap on the picture toggles it); `none` never draws it.",
+    tallAspect: 0.3333333333333333,
+    maxScale: 8,
+    presets: [0.25, 0.33, 0.5, 0.67, 1, 1.5, 2, 3, 4, 6, 8],
+    menuPresets: [0, 0.5, 1, 2, 4],
+    doubleTapFactor: 2,
+    wheelRate: 0.002,
+    wheelLinePx: 16,
+    rubber: 0.55,
+    momentumTauMs: 325,
+    autoHideMs: 2000,
+    pill: {
+      height: 36,
+      inset: 16,
+      padding: 4,
+      gap: 2,
+      percentMinWidth: 56,
+      dividerHeight: 16
+    }
   }
 };
 
 export { style_default };
 
-//# debugId=05E1BDCCE234C4F864756E2164756E21
-//# sourceMappingURL=index-fy7y2nz8.js.map
+//# debugId=DC33EA0718B17E1B64756E2164756E21
+//# sourceMappingURL=index-cvf7bbs5.js.map

package/dist/chunks/{index-fy7y2nz8.js.map → index-cvf7bbs5.js.map}

@@ -4,6 +4,6 @@
   "sourcesContent": [
   ],
   "mappings": "",
-  "debugId": "05E1BDCCE234C4F864756E2164756E21",
+  "debugId": "DC33EA0718B17E1B64756E2164756E21",
   "names": []
 }

package/dist/chunks/index-dgkf6yw5.js

@@ -0,0 +1,48 @@
+// packages/exponential-ui/catalog/layout.json
+var layout_default = {
+  $comment: "Round 2 (docs/round-2-contract.md §7): the layout NUMBERS every painter shares where no theme token decides (px unless noted). `windowThreshold` = items past which List and Table window; `windowOverscan` = items rendered beyond each viewport edge; `resizeStep` = percentage points per arrow key on a Resizable handle; `panelMin` = a panel's min (percent) when unset; `resizeHandleHit` = a handle's hit area across its hairline; `fieldIntrinsicWidth` = the max-content width of a text field (Input, Textarea, NumberField, ChipInput: never the browser's `size` default) — picker triggers (Select, DatePicker, DateRangePicker, TimePicker) size to their content; `mediaIntrinsicWidth` = the max-content width of an Image/Video without a width (its min-content is 0); `mediaAspectRatio` = width/height of an Image without `aspectRatio` or a height (Video: its `aspectRatio` default); `treeGuideColumn` = one TreeGuides gutter column (the recipe's `line` width is the STROKE; round 3: 14, the ×4 app indent, the elbow lands on the parent's lead glyph); `treeGuideRadius` = the elbow's corner radius; `treeGuideBridge` = how far the guide verticals overshoot the row's TOP edge (paint only) so a Section's hairline divider never breaks the line. EXP-1259 (packages/domain-contract/fixtures/feedback-states.json + search-list.json): `pendingDelayMs` = how long a `loading` Button waits before it shows the spinner and its `pendingLabel` (a fast action never flashes; presses are refused at once); `skeletonPulseMs` / `skeletonOpacityLow` / `skeletonOpacityHigh` = the placeholder's ONE opacity pulse (low → high → low, ease-in-out), `skeletonReducedOpacity` = its static opacity under reduce motion; `searchListFade` = the bottom fade over a SearchList (or a searchable submenu) while more rows sit below. EXP-1548: `tableColumnMin` = the narrowest a Table column without a `width` gets; a table whose columns need more than its box scrolls horizontally. Generated into every target; src/layout.ts reads it.",
+  windowThreshold: 50,
+  windowOverscan: 5,
+  resizeStep: 10,
+  panelMin: 10,
+  resizeHandleHit: 8,
+  fieldIntrinsicWidth: 160,
+  mediaIntrinsicWidth: 320,
+  mediaAspectRatio: 1.7777778,
+  treeGuideColumn: 14,
+  treeGuideRadius: 3,
+  treeGuideBridge: 1,
+  pendingDelayMs: 150,
+  skeletonPulseMs: 1600,
+  skeletonOpacityLow: 0.45,
+  skeletonOpacityHigh: 0.9,
+  skeletonReducedOpacity: 0.6,
+  searchListFade: 24,
+  tableColumnMin: 120
+};
+
+// packages/exponential-ui/src/layout.ts
+var LAYOUT_CONSTANTS2 = Object.fromEntries(Object.entries(layout_default).filter(([k]) => !k.startsWith(`$`)));
+var WINDOW_THRESHOLD2 = layout_default.windowThreshold;
+var WINDOW_OVERSCAN2 = layout_default.windowOverscan;
+var RESIZE_STEP2 = layout_default.resizeStep;
+var PANEL_MIN2 = layout_default.panelMin;
+var RESIZE_HANDLE_HIT2 = layout_default.resizeHandleHit;
+var FIELD_INTRINSIC_WIDTH2 = layout_default.fieldIntrinsicWidth;
+var MEDIA_INTRINSIC_WIDTH2 = layout_default.mediaIntrinsicWidth;
+var MEDIA_ASPECT_RATIO2 = layout_default.mediaAspectRatio;
+var TREE_GUIDE_COLUMN2 = layout_default.treeGuideColumn;
+var TREE_GUIDE_RADIUS2 = layout_default.treeGuideRadius;
+var TREE_GUIDE_BRIDGE2 = layout_default.treeGuideBridge;
+var PENDING_DELAY_MS2 = layout_default.pendingDelayMs;
+var SKELETON_PULSE_MS2 = layout_default.skeletonPulseMs;
+var SKELETON_OPACITY_LOW2 = layout_default.skeletonOpacityLow;
+var SKELETON_OPACITY_HIGH2 = layout_default.skeletonOpacityHigh;
+var SKELETON_REDUCED_OPACITY2 = layout_default.skeletonReducedOpacity;
+var SEARCH_LIST_FADE2 = layout_default.searchListFade;
+var TABLE_COLUMN_MIN = layout_default.tableColumnMin;
+
+export { LAYOUT_CONSTANTS2, WINDOW_THRESHOLD2, WINDOW_OVERSCAN2, RESIZE_STEP2, PANEL_MIN2, RESIZE_HANDLE_HIT2, FIELD_INTRINSIC_WIDTH2, MEDIA_INTRINSIC_WIDTH2, MEDIA_ASPECT_RATIO2, TREE_GUIDE_COLUMN2, TREE_GUIDE_RADIUS2, TREE_GUIDE_BRIDGE2, PENDING_DELAY_MS2, SKELETON_PULSE_MS2, SKELETON_OPACITY_LOW2, SKELETON_OPACITY_HIGH2, SKELETON_REDUCED_OPACITY2, SEARCH_LIST_FADE2, TABLE_COLUMN_MIN };
+
+//# debugId=51506351DA828E8764756E2164756E21
+//# sourceMappingURL=index-dgkf6yw5.js.map

package/dist/chunks/index-dgkf6yw5.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/layout.ts"],
+  "sourcesContent": [
+    "// Round 2 (docs/round-2-contract.md §7): the shared layout numbers\n// (catalog/layout.json), one place for the TS reference and the generated\n// constants of every target.\n\nimport layoutJson from \"../catalog/layout.json\" with { type: \"json\" }\n\nexport const LAYOUT_CONSTANTS: Readonly<Record<string, number>> = Object.fromEntries(Object.entries(layoutJson).filter(([k]) => !k.startsWith(`$`))) as Record<string, number>\nexport const WINDOW_THRESHOLD: number = layoutJson.windowThreshold\nexport const WINDOW_OVERSCAN: number = layoutJson.windowOverscan\nexport const RESIZE_STEP: number = layoutJson.resizeStep\nexport const PANEL_MIN: number = layoutJson.panelMin\nexport const RESIZE_HANDLE_HIT: number = layoutJson.resizeHandleHit\nexport const FIELD_INTRINSIC_WIDTH: number = layoutJson.fieldIntrinsicWidth\nexport const MEDIA_INTRINSIC_WIDTH: number = layoutJson.mediaIntrinsicWidth\nexport const MEDIA_ASPECT_RATIO: number = layoutJson.mediaAspectRatio\nexport const TREE_GUIDE_COLUMN: number = layoutJson.treeGuideColumn\n/** Round 3: the elbow's corner radius and how far the guide verticals overshoot a row's top edge (paint only). */\nexport const TREE_GUIDE_RADIUS: number = layoutJson.treeGuideRadius\nexport const TREE_GUIDE_BRIDGE: number = layoutJson.treeGuideBridge\n/** EXP-1259: the pending Button's delay, the Skeleton's pulse and the SearchList's bottom fade (feedback-states.json, search-list.json). */\nexport const PENDING_DELAY_MS: number = layoutJson.pendingDelayMs\nexport const SKELETON_PULSE_MS: number = layoutJson.skeletonPulseMs\nexport const SKELETON_OPACITY_LOW: number = layoutJson.skeletonOpacityLow\nexport const SKELETON_OPACITY_HIGH: number = layoutJson.skeletonOpacityHigh\nexport const SKELETON_REDUCED_OPACITY: number = layoutJson.skeletonReducedOpacity\nexport const SEARCH_LIST_FADE: number = layoutJson.searchListFade\n/** EXP-1548: the narrowest a Table column without a `width` gets; a wider table scrolls. */\nexport const TABLE_COLUMN_MIN: number = layoutJson.tableColumnMin\n"
+  ],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAM,oBAAqD,OAAO,YAAY,OAAO,QAAQ,cAAU,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC;AAC5I,IAAM,oBAA2B,eAAW;AAC5C,IAAM,mBAA0B,eAAW;AAC3C,IAAM,eAAsB,eAAW;AACvC,IAAM,aAAoB,eAAW;AACrC,IAAM,qBAA4B,eAAW;AAC7C,IAAM,yBAAgC,eAAW;AACjD,IAAM,yBAAgC,eAAW;AACjD,IAAM,sBAA6B,eAAW;AAC9C,IAAM,qBAA4B,eAAW;AAE7C,IAAM,qBAA4B,eAAW;AAC7C,IAAM,qBAA4B,eAAW;AAE7C,IAAM,oBAA2B,eAAW;AAC5C,IAAM,qBAA4B,eAAW;AAC7C,IAAM,wBAA+B,eAAW;AAChD,IAAM,yBAAgC,eAAW;AACjD,IAAM,4BAAmC,eAAW;AACpD,IAAM,oBAA2B,eAAW;AAE5C,IAAM,mBAA2B,eAAW;",
+  "debugId": "51506351DA828E8764756E2164756E21",
+  "names": []
+}

package/dist/chunks/{index-abcjanhc.js → index-f9wkb6aq.js}

@@ -319,6 +319,27 @@ var core_runtime_default = {
       "running",
       "done",
       "declined"
+    ],
+    zoomInitial: [
+      "auto",
+      "fit",
+      "fitWidth",
+      "actual"
+    ],
+    zoomControls: [
+      "auto",
+      "always",
+      "none"
+    ],
+    motionDirection: [
+      "forward",
+      "reverse",
+      "alternate"
+    ],
+    motionFit: [
+      "contain",
+      "cover",
+      "fill"
     ]
   },
   defs: {
@@ -557,6 +578,10 @@ var core_runtime_default = {
         },
         decimals: {
           type: "number"
+        },
+        truncate: {
+          type: "boolean",
+          default: false
         }
       }
     },
@@ -966,7 +991,10 @@ var core_runtime_default = {
     "Toast.icon.success": "ui-success",
     "Toast.icon.warning": "ui-warning",
     "Toast.icon.error": "ui-error",
-    "Unknown.root": "ui-warning"
+    "Unknown.root": "ui-warning",
+    "ZoomableImage.zoomOut": "ui-minus",
+    "ZoomableImage.zoomIn": "ui-add",
+    "ZoomableImage.fit": "ui-fullscreen"
   },
   components: {
     Box: {
@@ -1594,6 +1622,55 @@ var core_runtime_default = {
         }
       }
     },
+    ZoomableImage: {
+      kind: "native",
+      group: "media",
+      lite: false,
+      children: "none",
+      props: {
+        src: {
+          type: "url",
+          required: true,
+          bindable: true
+        },
+        alt: {
+          type: "string",
+          required: true,
+          bindable: true
+        },
+        naturalWidth: {
+          type: "number"
+        },
+        naturalHeight: {
+          type: "number"
+        },
+        initial: {
+          type: "enum",
+          enum: "zoomInitial",
+          default: "auto"
+        },
+        maxScale: {
+          type: "number",
+          default: 8
+        },
+        controls: {
+          type: "enum",
+          enum: "zoomControls",
+          default: "auto"
+        },
+        scale: {
+          type: "number",
+          bindable: true
+        },
+        style: {
+          type: "style"
+        }
+      },
+      events: [
+        "zoom",
+        "tap"
+      ]
+    },
     Icon: {
       kind: "native",
       group: "media",
@@ -4026,6 +4103,117 @@ var core_runtime_default = {
           type: "string"
         }
       }
+    },
+    Motion: {
+      kind: "native",
+      group: "media",
+      lite: true,
+      children: "none",
+      props: {
+        layers: {
+          type: "array",
+          items: {
+            type: "object"
+          }
+        },
+        size: {
+          type: "array",
+          items: {
+            type: "number"
+          }
+        },
+        duration: {
+          type: "number"
+        },
+        fps: {
+          type: "number",
+          default: 60
+        },
+        assets: {
+          type: "object"
+        },
+        markers: {
+          type: "array",
+          items: {
+            type: "object"
+          }
+        },
+        lottie: {
+          type: "object"
+        },
+        src: {
+          type: "url"
+        },
+        autoplay: {
+          type: "boolean",
+          default: true
+        },
+        loop: {
+          type: "boolean",
+          default: true
+        },
+        plays: {
+          type: "number"
+        },
+        direction: {
+          type: "enum",
+          enum: "motionDirection",
+          default: "forward"
+        },
+        speed: {
+          type: "number",
+          default: 1
+        },
+        segment: {
+          type: "array",
+          items: {
+            type: "number"
+          }
+        },
+        marker: {
+          type: "string"
+        },
+        progress: {
+          type: "number",
+          bindable: true
+        },
+        play: {
+          type: "boolean",
+          bindable: true,
+          default: true
+        },
+        poster: {
+          type: "number"
+        },
+        fit: {
+          type: "enum",
+          enum: "motionFit",
+          default: "contain"
+        },
+        slots: {
+          type: "object"
+        },
+        stateMachine: {
+          type: "object"
+        },
+        inputs: {
+          type: "object",
+          bindable: true
+        },
+        label: {
+          type: "string"
+        },
+        style: {
+          type: "style"
+        }
+      },
+      events: [
+        "press",
+        "hover",
+        "visible",
+        "complete",
+        "state"
+      ]
     }
   }
 };
@@ -6258,6 +6446,7 @@ var macros_default = {
             }
           },
           alignItems: "stretch",
+          gap: "$spacing.lg",
           width: "100%",
           minHeight: 0
         },
@@ -9006,5 +9195,5 @@ function coreLite2() {
 
 export { basic_map_default, coreCatalog2, CORE_CATALOG_ID2, CORE_LITE_CATALOG_ID2, A2UI_BASIC_CATALOG_ID2, A2UI_VERSION2, SUPPORTED_CATALOG_IDS2, UNKNOWN_COMPONENT2, coreMacros2, TOKEN_GROUPS2, parseTokenRef2, isKnownToken2, catalogView2, sharedCatalogView2, componentDef2, isOffered2, componentNames2, coreLite2 };
 
-//# debugId=A1A315F6C68A2DA064756E2164756E21
-//# sourceMappingURL=index-abcjanhc.js.map
+//# debugId=BADB7DDAF7A42C8A64756E2164756E21
+//# sourceMappingURL=index-f9wkb6aq.js.map