npm - @exponential_app/eui - Versions diffs - 0.2.0 → 0.3.0 - Mend

@exponential_app/eui 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/catalog/a11y.json +15 -1
package/catalog/core.catalog.json +142 -0
package/catalog/core.schema.json +198 -1
package/catalog/host.json +10 -0
package/catalog/macros.json +541 -1
package/catalog/recipes.json +2 -2
package/catalog/strings.json +5 -0
package/catalog/theme.schema.json +2066 -212
package/conformance/manifest.json +5 -5
package/dist/chunks/{index-gtk2gwsb.js → index-4z7f2bp1.js} +160 -33
package/dist/chunks/{index-gtk2gwsb.js.map → index-4z7f2bp1.js.map} +6 -5
package/dist/chunks/{index-5fmaa0xq.js → index-abcjanhc.js} +629 -3
package/dist/chunks/{index-5fmaa0xq.js.map → index-abcjanhc.js.map} +2 -2
package/dist/chunks/{index-62yzr94z.js → index-dx45asrf.js} +99 -3
package/dist/chunks/{index-62yzr94z.js.map → index-dx45asrf.js.map} +2 -2
package/dist/chunks/{index-bg2jsgjq.js → index-h3zgfghf.js} +304 -6
package/dist/chunks/{index-bg2jsgjq.js.map → index-h3zgfghf.js.map} +2 -2
package/dist/conformance.js +7901 -614
package/dist/conformance.js.map +2 -2
package/dist/entries/prompt.js +2 -2
package/dist/entries/schema.js +2 -2
package/dist/host/index.js +20 -4
package/dist/host/index.js.map +1 -1
package/dist/index.js +46 -5
package/dist/index.js.map +4 -3
package/dist/types/src/catalog.generated.d.ts +23 -3
package/dist/types/src/host/contract.d.ts +17 -0
package/dist/types/src/host/exposes.d.ts +68 -0
package/dist/types/src/host/index.d.ts +1 -0
package/dist/types/src/host/package.d.ts +8 -0
package/dist/types/src/index.d.ts +1 -0
package/dist/types/src/text-clusters.d.ts +11 -0
package/dist/types/src/web/primitives/carousel.d.ts +17 -0
package/dist/types/src/web/primitives/index.d.ts +3 -0
package/dist/types/src/web/primitives/mosaic.d.ts +30 -0
package/dist/types/src/web/primitives/outline.d.ts +22 -0
package/dist/web/index.js +8 -2
package/dist/web/index.js.map +4 -4
package/dist/web/primitives/index.js +59 -1
package/dist/web/primitives/index.js.map +6 -3
package/docs/components.generated.json +150 -1
package/docs/package-format.md +56 -1
package/docs/round-6-contract.md +108 -0
package/docs/themes.generated.json +39 -2
package/fixtures/bind-time.json +1464 -0
package/fixtures/catalog-components.json +96 -0
package/fixtures/catalog-macros.json +1159 -48
package/fixtures/conformance-baseline.json +46073 -44448
package/fixtures/conformance-known.json +76 -64
package/fixtures/host-router.json +539 -1
package/fixtures/kitchen-sink.expanded.json +614 -1
package/fixtures/kitchen-sink.json +69 -1
package/fixtures/primitive-specimens.json +3 -0
package/fixtures/prompt-budget.json +14 -14
package/fixtures/specimens.json +122 -0
package/fixtures/text-clusters.json +65 -0
package/fixtures/theme-recipes.json +4617 -1691
package/fixtures/theme-resolved.json +1154 -2
package/generated/ExponentialUICatalog.generated.kt +13 -13
package/generated/ExponentialUICatalog.generated.swift +13 -13
package/generated/ExponentialUIThemes.generated.kt +7 -7
package/generated/ExponentialUIThemes.generated.swift +7 -7
package/generated/catalog.descriptions.generated.rs +1 -1
package/generated/catalog.generated.rs +18 -18
package/generated/catalog.themes.generated.rs +8 -8
package/generated/core.descriptions.json +96 -0
package/generated/core.runtime.json +86 -0
package/package.json +1 -1
package/themes/neutral.theme.json +288 -0

package/fixtures/theme-resolved.json CHANGED Viewed

@@ -3426,6 +3426,212 @@
                 "backgroundColor": "$color.primary"
               }
             }
+          ],
+          "counter": [
+            {
+              "style": {
+                "height": 20,
+                "paddingHorizontal": "$spacing.sm",
+                "borderRadius": "$radius.full",
+                "backgroundColor": "#0000008c",
+                "color": "#ffffff",
+                "fontSize": "$type.size.xs",
+                "lineHeight": 20,
+                "fontWeight": "$type.weight.medium"
+              }
+            }
+          ],
+          "thumbnails": [
+            {
+              "style": {
+                "gap": "$spacing.sm"
+              }
+            }
+          ],
+          "thumbnail": [
+            {
+              "style": {
+                "width": 52,
+                "height": 52,
+                "borderRadius": "$radius.md",
+                "borderWidth": "$border.thick",
+                "borderColor": "#00000000",
+                "backgroundColor": "$color.muted",
+                "opacity": 0.7,
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 1
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            },
+            {
+              "when": {
+                "state": "selected"
+              },
+              "style": {
+                "borderColor": "$color.foreground",
+                "opacity": 1
+              }
+            }
+          ]
+        },
+        "Mosaic": {
+          "root": [
+            {
+              "style": {
+                "gap": 10
+              }
+            }
+          ],
+          "side": [
+            {
+              "style": {
+                "gap": 10
+              }
+            }
+          ],
+          "lead": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "pair": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "top": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "bottom": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "more": [
+            {
+              "style": {
+                "backgroundColor": "#0000008c"
+              }
+            }
+          ],
+          "moreLabel": [
+            {
+              "style": {
+                "color": "#ffffff",
+                "fontSize": "$type.size.xl",
+                "lineHeight": "$type.lineHeight.xl",
+                "fontWeight": "$type.weight.semibold"
+              }
+            }
           ]
         },
         "AudioPlayer": {
@@ -5684,6 +5890,88 @@
             }
           ]
         },
+        "Outline": {
+          "caption": [
+            {
+              "style": {
+                "paddingHorizontal": "$spacing.sm",
+                "paddingVertical": "$spacing.xs",
+                "fontSize": 11,
+                "lineHeight": 16,
+                "fontWeight": "$type.weight.medium",
+                "letterSpacing": 0.5,
+                "textTransform": "uppercase",
+                "color": "$color.mutedForeground"
+              }
+            }
+          ],
+          "row": [
+            {
+              "style": {
+                "borderRadius": "$radius.sm",
+                "backgroundColor": "#00000000",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "backgroundColor": "$color.accent"
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            },
+            {
+              "when": {
+                "active": true
+              },
+              "style": {
+                "backgroundColor": "$color.accent"
+              }
+            }
+          ],
+          "bar": [
+            {
+              "style": {
+                "backgroundColor": "$color.foreground"
+              }
+            }
+          ],
+          "title": [
+            {
+              "style": {
+                "fontSize": "$type.size.sm",
+                "lineHeight": "$type.lineHeight.sm",
+                "color": "$color.mutedForeground"
+              }
+            },
+            {
+              "when": {
+                "active": true
+              },
+              "style": {
+                "color": "$color.foreground",
+                "fontWeight": "$type.weight.medium"
+              }
+            }
+          ],
+          "count": [
+            {
+              "style": {
+                "color": "$color.mutedForeground"
+              }
+            }
+          ]
+        },
         "AppBar": {
           "root": [
             {
@@ -9763,6 +10051,212 @@
                 "backgroundColor": "$color.primary"
               }
             }
+          ],
+          "counter": [
+            {
+              "style": {
+                "height": 20,
+                "paddingHorizontal": "$spacing.sm",
+                "borderRadius": "$radius.full",
+                "backgroundColor": "#0000008c",
+                "color": "#ffffff",
+                "fontSize": "$type.size.xs",
+                "lineHeight": 20,
+                "fontWeight": "$type.weight.medium"
+              }
+            }
+          ],
+          "thumbnails": [
+            {
+              "style": {
+                "gap": "$spacing.sm"
+              }
+            }
+          ],
+          "thumbnail": [
+            {
+              "style": {
+                "width": 52,
+                "height": 52,
+                "borderRadius": "$radius.md",
+                "borderWidth": "$border.thick",
+                "borderColor": "#00000000",
+                "backgroundColor": "$color.muted",
+                "opacity": 0.7,
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 1
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            },
+            {
+              "when": {
+                "state": "selected"
+              },
+              "style": {
+                "borderColor": "$color.foreground",
+                "opacity": 1
+              }
+            }
+          ]
+        },
+        "Mosaic": {
+          "root": [
+            {
+              "style": {
+                "gap": 10
+              }
+            }
+          ],
+          "side": [
+            {
+              "style": {
+                "gap": 10
+              }
+            }
+          ],
+          "lead": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "pair": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "top": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "bottom": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "more": [
+            {
+              "style": {
+                "backgroundColor": "#0000008c"
+              }
+            }
+          ],
+          "moreLabel": [
+            {
+              "style": {
+                "color": "#ffffff",
+                "fontSize": "$type.size.xl",
+                "lineHeight": "$type.lineHeight.xl",
+                "fontWeight": "$type.weight.semibold"
+              }
+            }
           ]
         },
         "AudioPlayer": {
@@ -12160,7 +12654,89 @@
           "current": [
             {
               "style": {
-                "color": "$color.foreground"
+                "color": "$color.foreground"
+              }
+            }
+          ]
+        },
+        "Outline": {
+          "caption": [
+            {
+              "style": {
+                "paddingHorizontal": "$spacing.sm",
+                "paddingVertical": "$spacing.xs",
+                "fontSize": 11,
+                "lineHeight": 16,
+                "fontWeight": "$type.weight.medium",
+                "letterSpacing": 0.5,
+                "textTransform": "uppercase",
+                "color": "$color.mutedForeground"
+              }
+            }
+          ],
+          "row": [
+            {
+              "style": {
+                "borderRadius": "$radius.sm",
+                "backgroundColor": "#00000000",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "backgroundColor": "$color.accent"
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            },
+            {
+              "when": {
+                "active": true
+              },
+              "style": {
+                "backgroundColor": "$color.accent"
+              }
+            }
+          ],
+          "bar": [
+            {
+              "style": {
+                "backgroundColor": "$color.foreground"
+              }
+            }
+          ],
+          "title": [
+            {
+              "style": {
+                "fontSize": "$type.size.sm",
+                "lineHeight": "$type.lineHeight.sm",
+                "color": "$color.mutedForeground"
+              }
+            },
+            {
+              "when": {
+                "active": true
+              },
+              "style": {
+                "color": "$color.foreground",
+                "fontWeight": "$type.weight.medium"
+              }
+            }
+          ],
+          "count": [
+            {
+              "style": {
+                "color": "$color.mutedForeground"
               }
             }
           ]
@@ -16416,6 +16992,212 @@
                 "backgroundColor": "$color.primary"
               }
             }
+          ],
+          "counter": [
+            {
+              "style": {
+                "height": 20,
+                "paddingHorizontal": "$spacing.sm",
+                "borderRadius": "$radius.full",
+                "backgroundColor": "#0000008c",
+                "color": "#ffffff",
+                "fontSize": "$type.size.xs",
+                "lineHeight": 20,
+                "fontWeight": "$type.weight.medium"
+              }
+            }
+          ],
+          "thumbnails": [
+            {
+              "style": {
+                "gap": "$spacing.sm"
+              }
+            }
+          ],
+          "thumbnail": [
+            {
+              "style": {
+                "width": 52,
+                "height": 52,
+                "borderRadius": "$radius.md",
+                "borderWidth": "$border.thick",
+                "borderColor": "#00000000",
+                "backgroundColor": "$color.muted",
+                "opacity": 0.7,
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 1
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            },
+            {
+              "when": {
+                "state": "selected"
+              },
+              "style": {
+                "borderColor": "$color.foreground",
+                "opacity": 1
+              }
+            }
+          ]
+        },
+        "Mosaic": {
+          "root": [
+            {
+              "style": {
+                "gap": 10
+              }
+            }
+          ],
+          "side": [
+            {
+              "style": {
+                "gap": 10
+              }
+            }
+          ],
+          "lead": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "pair": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "top": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "bottom": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "more": [
+            {
+              "style": {
+                "backgroundColor": "#0000008c"
+              }
+            }
+          ],
+          "moreLabel": [
+            {
+              "style": {
+                "color": "#ffffff",
+                "fontSize": "$type.size.xl",
+                "lineHeight": "$type.lineHeight.xl",
+                "fontWeight": "$type.weight.semibold"
+              }
+            }
           ]
         },
         "AudioPlayer": {
@@ -18945,7 +19727,89 @@
           "current": [
             {
               "style": {
-                "color": "$color.foreground"
+                "color": "$color.foreground"
+              }
+            }
+          ]
+        },
+        "Outline": {
+          "caption": [
+            {
+              "style": {
+                "paddingHorizontal": "$spacing.sm",
+                "paddingVertical": "$spacing.xs",
+                "fontSize": 11,
+                "lineHeight": 16,
+                "fontWeight": "$type.weight.medium",
+                "letterSpacing": 0.5,
+                "textTransform": "uppercase",
+                "color": "$color.mutedForeground"
+              }
+            }
+          ],
+          "row": [
+            {
+              "style": {
+                "borderRadius": "$radius.sm",
+                "backgroundColor": "#00000000",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "backgroundColor": "$color.accent"
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            },
+            {
+              "when": {
+                "active": true
+              },
+              "style": {
+                "backgroundColor": "$color.accent"
+              }
+            }
+          ],
+          "bar": [
+            {
+              "style": {
+                "backgroundColor": "$color.foreground"
+              }
+            }
+          ],
+          "title": [
+            {
+              "style": {
+                "fontSize": "$type.size.sm",
+                "lineHeight": "$type.lineHeight.sm",
+                "color": "$color.mutedForeground"
+              }
+            },
+            {
+              "when": {
+                "active": true
+              },
+              "style": {
+                "color": "$color.foreground",
+                "fontWeight": "$type.weight.medium"
+              }
+            }
+          ],
+          "count": [
+            {
+              "style": {
+                "color": "$color.mutedForeground"
               }
             }
           ]
@@ -23059,6 +23923,212 @@
                 "backgroundColor": "$color.primary"
               }
             }
+          ],
+          "counter": [
+            {
+              "style": {
+                "height": 20,
+                "paddingHorizontal": "$spacing.sm",
+                "borderRadius": "$radius.full",
+                "backgroundColor": "#0000008c",
+                "color": "#ffffff",
+                "fontSize": "$type.size.xs",
+                "lineHeight": 20,
+                "fontWeight": "$type.weight.medium"
+              }
+            }
+          ],
+          "thumbnails": [
+            {
+              "style": {
+                "gap": "$spacing.sm"
+              }
+            }
+          ],
+          "thumbnail": [
+            {
+              "style": {
+                "width": 52,
+                "height": 52,
+                "borderRadius": "$radius.md",
+                "borderWidth": "$border.thick",
+                "borderColor": "#00000000",
+                "backgroundColor": "$color.muted",
+                "opacity": 0.7,
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 1
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            },
+            {
+              "when": {
+                "state": "selected"
+              },
+              "style": {
+                "borderColor": "$color.foreground",
+                "opacity": 1
+              }
+            }
+          ]
+        },
+        "Mosaic": {
+          "root": [
+            {
+              "style": {
+                "gap": 10
+              }
+            }
+          ],
+          "side": [
+            {
+              "style": {
+                "gap": 10
+              }
+            }
+          ],
+          "lead": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "pair": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "top": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "bottom": [
+            {
+              "style": {
+                "borderRadius": "$radius.lg",
+                "borderWidth": "$border.hairline",
+                "borderColor": "$color.border",
+                "backgroundColor": "$color.muted",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "opacity": 0.92
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            }
+          ],
+          "more": [
+            {
+              "style": {
+                "backgroundColor": "#0000008c"
+              }
+            }
+          ],
+          "moreLabel": [
+            {
+              "style": {
+                "color": "#ffffff",
+                "fontSize": "$type.size.xl",
+                "lineHeight": "$type.lineHeight.xl",
+                "fontWeight": "$type.weight.semibold"
+              }
+            }
           ]
         },
         "AudioPlayer": {
@@ -25461,6 +26531,88 @@
             }
           ]
         },
+        "Outline": {
+          "caption": [
+            {
+              "style": {
+                "paddingHorizontal": "$spacing.sm",
+                "paddingVertical": "$spacing.xs",
+                "fontSize": 11,
+                "lineHeight": 16,
+                "fontWeight": "$type.weight.medium",
+                "letterSpacing": 0.5,
+                "textTransform": "uppercase",
+                "color": "$color.mutedForeground"
+              }
+            }
+          ],
+          "row": [
+            {
+              "style": {
+                "borderRadius": "$radius.sm",
+                "backgroundColor": "#00000000",
+                "transition": "$motion.fast",
+                "transitionEasing": "$ease.standard"
+              }
+            },
+            {
+              "when": {
+                "state": "hover"
+              },
+              "style": {
+                "backgroundColor": "$color.accent"
+              }
+            },
+            {
+              "when": {
+                "state": "focus"
+              },
+              "style": {
+                "borderColor": "$color.ring"
+              }
+            },
+            {
+              "when": {
+                "active": true
+              },
+              "style": {
+                "backgroundColor": "$color.accent"
+              }
+            }
+          ],
+          "bar": [
+            {
+              "style": {
+                "backgroundColor": "$color.foreground"
+              }
+            }
+          ],
+          "title": [
+            {
+              "style": {
+                "fontSize": "$type.size.sm",
+                "lineHeight": "$type.lineHeight.sm",
+                "color": "$color.mutedForeground"
+              }
+            },
+            {
+              "when": {
+                "active": true
+              },
+              "style": {
+                "color": "$color.foreground",
+                "fontWeight": "$type.weight.medium"
+              }
+            }
+          ],
+          "count": [
+            {
+              "style": {
+                "color": "$color.mutedForeground"
+              }
+            }
+          ]
+        },
         "AppBar": {
           "root": [
             {