waybetter 0.1.1 → 0.7.0

package/theme.schema.json

@@ -0,0 +1,4668 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://unpkg.com/waybetter/theme.schema.json",
+  "title": "wayBetter theme",
+  "description": "A wayBetter theme document (data, not a stylesheet). Only `name` is required. Apps sanitize every field before use: values out of range are clamped and unknown values fall back to the default, so this schema describes what is kept unchanged.",
+  "type": "object",
+  "required": [
+    "name"
+  ],
+  "additionalProperties": false,
+  "properties": {
+    "$schema": {
+      "type": "string"
+    },
+    "id": {
+      "type": "string",
+      "pattern": "^[a-z0-9-]{1,40}$",
+      "description": "Derived from the name when missing."
+    },
+    "name": {
+      "type": "string",
+      "minLength": 1,
+      "maxLength": 60,
+      "pattern": "\\S"
+    },
+    "description": {
+      "type": "string",
+      "maxLength": 200
+    },
+    "author": {
+      "type": "string",
+      "maxLength": 60
+    },
+    "version": {
+      "const": 1
+    },
+    "mode": {
+      "enum": [
+        "light",
+        "dark",
+        "auto"
+      ],
+      "default": "auto",
+      "description": "Which way scrollbars and form controls lean."
+    },
+    "colors": {
+      "description": "bg, text and accent are required; every other role is derived from them when missing. null keeps the site's own colors.",
+      "oneOf": [
+        {
+          "type": "null"
+        },
+        {
+          "type": "object",
+          "required": [
+            "bg",
+            "text",
+            "accent"
+          ],
+          "additionalProperties": false,
+          "properties": {
+            "bg": {
+              "$ref": "#/$defs/hex",
+              "description": "Column background."
+            },
+            "surface": {
+              "$ref": "#/$defs/hex",
+              "description": "Raised surface (cards, inputs)."
+            },
+            "elevated": {
+              "$ref": "#/$defs/hex",
+              "description": "Hover / selected surface."
+            },
+            "border": {
+              "$ref": "#/$defs/hex"
+            },
+            "text": {
+              "$ref": "#/$defs/hex"
+            },
+            "muted": {
+              "$ref": "#/$defs/hex",
+              "description": "Secondary text."
+            },
+            "accent": {
+              "$ref": "#/$defs/hex",
+              "description": "Links, focus, selected tabs."
+            },
+            "inverse": {
+              "$ref": "#/$defs/hex",
+              "description": "The filled primary button."
+            },
+            "onInverse": {
+              "$ref": "#/$defs/hex",
+              "description": "The filled primary button's label."
+            },
+            "page": {
+              "$ref": "#/$defs/hex",
+              "description": "The canvas behind the columns (defaults to bg)."
+            },
+            "actions": {
+              "description": "Colors of a set action (liked, reposted, bookmarked) and of the reply hover. Absent: the site's own.",
+              "type": "object",
+              "additionalProperties": false,
+              "properties": {
+                "reply": {
+                  "$ref": "#/$defs/hex"
+                },
+                "repost": {
+                  "$ref": "#/$defs/hex"
+                },
+                "like": {
+                  "$ref": "#/$defs/hex"
+                },
+                "bookmark": {
+                  "$ref": "#/$defs/hex"
+                }
+              }
+            }
+          }
+        }
+      ]
+    },
+    "font": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "family": {
+          "$ref": "#/$defs/fontStack",
+          "description": "Interface font stack; empty keeps the site's font. Shorthand of roles.interface.family (kept for older apps); when roles.interface is present it wins."
+        },
+        "tweet": {
+          "$ref": "#/$defs/fontStack",
+          "description": "Post text stack; shorthand of roles.post.family (roles.post wins)."
+        },
+        "roles": {
+          "type": "object",
+          "additionalProperties": false,
+          "description": "Which font goes where. A role is \"inherit\" (the interface font; an inheriting mono role keeps a monospaced face) or its own stack with optional settings.",
+          "properties": {
+            "interface": {
+              "$ref": "#/$defs/interfaceRole",
+              "description": "The site's whole UI; every other role inherits it."
+            },
+            "post": {
+              "$ref": "#/$defs/fontRole",
+              "description": "Post text."
+            },
+            "heading": {
+              "$ref": "#/$defs/fontRole",
+              "description": "Display names and headings."
+            },
+            "numbers": {
+              "$ref": "#/$defs/fontRole",
+              "description": "Counts (likes, reposts, followers)."
+            },
+            "mono": {
+              "$ref": "#/$defs/fontRole",
+              "description": "Code."
+            },
+            "chrome": {
+              "$ref": "#/$defs/fontRole",
+              "description": "The app's own window: tabs, address bar, titlebar, panel."
+            },
+            "dialog": {
+              "$ref": "#/$defs/fontRole",
+              "description": "Plugin dialogs and toasts (the UI kit)."
+            }
+          }
+        },
+        "scale": {
+          "type": "number",
+          "minimum": 0.85,
+          "maximum": 1.2,
+          "default": 1
+        },
+        "weight": {
+          "type": "integer",
+          "minimum": 300,
+          "maximum": 500,
+          "default": 400
+        },
+        "bold": {
+          "type": "integer",
+          "minimum": 500,
+          "maximum": 800,
+          "default": 700
+        },
+        "tracking": {
+          "type": "number",
+          "minimum": -0.03,
+          "maximum": 0.06,
+          "default": 0,
+          "description": "Letter spacing in em."
+        },
+        "leading": {
+          "description": "Post line height; 0 keeps the site's.",
+          "anyOf": [
+            {
+              "const": 0
+            },
+            {
+              "type": "number",
+              "minimum": 1.2,
+              "maximum": 1.8
+            }
+          ],
+          "default": 0
+        }
+      }
+    },
+    "shape": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "radius": {
+          "type": "integer",
+          "minimum": 0,
+          "maximum": 28,
+          "default": 16,
+          "description": "Card radius in px."
+        },
+        "button": {
+          "type": "integer",
+          "minimum": 0,
+          "maximum": 9999,
+          "default": 9999,
+          "description": "Button radius in px (9999 = pill)."
+        },
+        "avatar": {
+          "enum": [
+            "circle",
+            "rounded",
+            "square"
+          ],
+          "default": "circle"
+        }
+      }
+    },
+    "layout": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "column": {
+          "type": "integer",
+          "minimum": 520,
+          "maximum": 820,
+          "default": 600
+        },
+        "sidebar": {
+          "type": "integer",
+          "minimum": 290,
+          "maximum": 400,
+          "default": 350
+        },
+        "density": {
+          "enum": [
+            "compact",
+            "default",
+            "comfortable"
+          ],
+          "default": "default"
+        },
+        "cards": {
+          "type": "boolean",
+          "default": false
+        },
+        "frame": {
+          "type": "boolean",
+          "default": false
+        }
+      }
+    },
+    "background": {
+      "oneOf": [
+        {
+          "type": "object",
+          "required": [
+            "kind"
+          ],
+          "additionalProperties": false,
+          "properties": {
+            "kind": {
+              "const": "none"
+            }
+          }
+        },
+        {
+          "type": "object",
+          "required": [
+            "kind",
+            "from",
+            "to"
+          ],
+          "additionalProperties": false,
+          "properties": {
+            "kind": {
+              "const": "gradient"
+            },
+            "from": {
+              "$ref": "#/$defs/hex"
+            },
+            "to": {
+              "$ref": "#/$defs/hex"
+            },
+            "angle": {
+              "type": "integer",
+              "minimum": 0,
+              "maximum": 360,
+              "default": 180
+            },
+            "glow": {
+              "$ref": "#/$defs/hex"
+            }
+          }
+        },
+        {
+          "type": "object",
+          "required": [
+            "kind",
+            "ink"
+          ],
+          "additionalProperties": false,
+          "properties": {
+            "kind": {
+              "const": "pattern"
+            },
+            "pattern": {
+              "enum": [
+                "dots",
+                "grid",
+                "diagonal",
+                "scanlines",
+                "paper",
+                "clouds"
+              ],
+              "default": "dots"
+            },
+            "ink": {
+              "$ref": "#/$defs/hex"
+            },
+            "opacity": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 0.6,
+              "default": 0.1
+            },
+            "size": {
+              "type": "integer",
+              "minimum": 2,
+              "maximum": 400,
+              "default": 24
+            }
+          }
+        },
+        {
+          "type": "object",
+          "required": [
+            "kind",
+            "url"
+          ],
+          "additionalProperties": false,
+          "properties": {
+            "kind": {
+              "const": "image"
+            },
+            "url": {
+              "type": "string",
+              "maxLength": 1100000,
+              "pattern": "^data:image/(png|jpeg|webp|gif|avif);base64,[A-Za-z0-9+/]+={0,2}$",
+              "description": "An embedded image (about 800 KB at most). Remote URLs are never loaded."
+            },
+            "fit": {
+              "enum": [
+                "cover",
+                "tile"
+              ],
+              "default": "cover"
+            },
+            "dim": {
+              "type": "number",
+              "minimum": 0.35,
+              "maximum": 0.95,
+              "default": 0.6
+            }
+          }
+        }
+      ]
+    },
+    "effects": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "motion": {
+          "type": "integer",
+          "minimum": 0,
+          "maximum": 400,
+          "default": 0,
+          "description": "Transition length in ms."
+        },
+        "hover": {
+          "enum": [
+            "none",
+            "tint",
+            "lift",
+            "glow"
+          ],
+          "default": "none"
+        },
+        "shadow": {
+          "enum": [
+            "none",
+            "soft",
+            "deep"
+          ],
+          "default": "none"
+        },
+        "crt": {
+          "type": "boolean",
+          "default": false
+        }
+      }
+    },
+    "css": {
+      "type": "string",
+      "maxLength": 60000,
+      "description": "Free-form CSS appended last. Same trust level as the owner's own Custom CSS; import dialogs say so."
+    },
+    "components": {
+      "description": "How each piece of the site is built. Every token is optional; a missing token changes nothing.",
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "nav": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fillGlassGradient"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/stateGlassGradient"
+            },
+            "active": {
+              "$ref": "#/$defs/stateGlassGradient"
+            },
+            "focus": {
+              "$ref": "#/$defs/stateGlassGradient"
+            },
+            "width": {
+              "type": "number",
+              "minimum": 56,
+              "maximum": 320
+            }
+          }
+        },
+        "navItem": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "height": {
+              "type": "number",
+              "minimum": 36,
+              "maximum": 64
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 12,
+              "maximum": 20
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            }
+          }
+        },
+        "topBar": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fillGlassGradient"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/stateGlassGradient"
+            },
+            "active": {
+              "$ref": "#/$defs/stateGlassGradient"
+            },
+            "focus": {
+              "$ref": "#/$defs/stateGlassGradient"
+            },
+            "height": {
+              "type": "number",
+              "minimum": 40,
+              "maximum": 64
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 12,
+              "maximum": 20
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            }
+          }
+        },
+        "tabs": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fillGradient"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/stateGradient"
+            },
+            "active": {
+              "$ref": "#/$defs/stateGradient"
+            },
+            "focus": {
+              "$ref": "#/$defs/stateGradient"
+            },
+            "preset": {
+              "enum": [
+                "underline",
+                "pills",
+                "folder",
+                "blocks"
+              ]
+            }
+          }
+        },
+        "tab": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "preset": {
+              "enum": [
+                "underline",
+                "pills",
+                "folder",
+                "blocks"
+              ]
+            },
+            "height": {
+              "type": "number",
+              "minimum": 32,
+              "maximum": 56
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 12,
+              "maximum": 20
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            }
+          }
+        },
+        "post": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "preset": {
+              "enum": [
+                "flat",
+                "card",
+                "bubble",
+                "window",
+                "ruled"
+              ]
+            },
+            "corner": {
+              "enum": [
+                "round",
+                "cut"
+              ]
+            }
+          }
+        },
+        "avatar": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "size": {
+              "type": "number",
+              "minimum": 20,
+              "maximum": 64
+            },
+            "shape": {
+              "enum": [
+                "circle",
+                "rounded",
+                "square",
+                "squircle",
+                "hexagon",
+                "octagon",
+                "diamond"
+              ]
+            },
+            "visible": {
+              "type": "boolean"
+            }
+          }
+        },
+        "displayName": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 12,
+              "maximum": 20
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            },
+            "visible": {
+              "type": "boolean"
+            }
+          }
+        },
+        "handle": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 11,
+              "maximum": 18
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            },
+            "visible": {
+              "type": "boolean"
+            }
+          }
+        },
+        "postText": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 13,
+              "maximum": 24
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            }
+          }
+        },
+        "meta": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 11,
+              "maximum": 18
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            }
+          }
+        },
+        "actionBar": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            }
+          }
+        },
+        "action": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "size": {
+              "type": "number",
+              "minimum": 28,
+              "maximum": 44
+            }
+          }
+        },
+        "count": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 11,
+              "maximum": 18
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            },
+            "visible": {
+              "type": "boolean"
+            }
+          }
+        },
+        "media": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "maxHeight": {
+              "type": "number",
+              "minimum": 200,
+              "maximum": 700
+            },
+            "corner": {
+              "enum": [
+                "round",
+                "cut"
+              ]
+            }
+          }
+        },
+        "linkCard": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "corner": {
+              "enum": [
+                "round",
+                "cut"
+              ]
+            }
+          }
+        },
+        "quote": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            }
+          }
+        },
+        "button": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fillGradient"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/stateGradient"
+            },
+            "active": {
+              "$ref": "#/$defs/stateGradient"
+            },
+            "focus": {
+              "$ref": "#/$defs/stateGradient"
+            },
+            "preset": {
+              "enum": [
+                "pill",
+                "soft",
+                "square",
+                "outline",
+                "bevel",
+                "gloss",
+                "flat-link"
+              ]
+            },
+            "height": {
+              "type": "number",
+              "minimum": 24,
+              "maximum": 56
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 12,
+              "maximum": 20
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            }
+          }
+        },
+        "buttonPrimary": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fillGradient"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/stateGradient"
+            },
+            "active": {
+              "$ref": "#/$defs/stateGradient"
+            },
+            "focus": {
+              "$ref": "#/$defs/stateGradient"
+            },
+            "preset": {
+              "enum": [
+                "pill",
+                "soft",
+                "square",
+                "outline",
+                "bevel",
+                "gloss",
+                "flat-link"
+              ]
+            },
+            "height": {
+              "type": "number",
+              "minimum": 24,
+              "maximum": 56
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 12,
+              "maximum": 20
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            }
+          }
+        },
+        "buttonSecondary": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fillGradient"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/stateGradient"
+            },
+            "active": {
+              "$ref": "#/$defs/stateGradient"
+            },
+            "focus": {
+              "$ref": "#/$defs/stateGradient"
+            },
+            "preset": {
+              "enum": [
+                "pill",
+                "soft",
+                "square",
+                "outline",
+                "bevel",
+                "gloss",
+                "flat-link"
+              ]
+            },
+            "height": {
+              "type": "number",
+              "minimum": 24,
+              "maximum": 56
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 12,
+              "maximum": 20
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            }
+          }
+        },
+        "buttonGhost": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fillGradient"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/stateGradient"
+            },
+            "active": {
+              "$ref": "#/$defs/stateGradient"
+            },
+            "focus": {
+              "$ref": "#/$defs/stateGradient"
+            },
+            "preset": {
+              "enum": [
+                "pill",
+                "soft",
+                "square",
+                "outline",
+                "bevel",
+                "gloss",
+                "flat-link"
+              ]
+            },
+            "height": {
+              "type": "number",
+              "minimum": 24,
+              "maximum": 56
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 12,
+              "maximum": 20
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            }
+          }
+        },
+        "input": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "preset": {
+              "enum": [
+                "pill",
+                "underline",
+                "sunken",
+                "boxed"
+              ]
+            },
+            "height": {
+              "type": "number",
+              "minimum": 32,
+              "maximum": 56
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 12,
+              "maximum": 20
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            }
+          }
+        },
+        "search": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "preset": {
+              "enum": [
+                "pill",
+                "underline",
+                "sunken",
+                "boxed"
+              ]
+            },
+            "height": {
+              "type": "number",
+              "minimum": 32,
+              "maximum": 56
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 12,
+              "maximum": 20
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            }
+          }
+        },
+        "composer": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 13,
+              "maximum": 24
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            }
+          }
+        },
+        "composerTool": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "size": {
+              "type": "number",
+              "minimum": 28,
+              "maximum": 44
+            }
+          }
+        },
+        "panel": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fillGlass"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "active": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "focus": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "preset": {
+              "enum": [
+                "sheet",
+                "window",
+                "glass"
+              ]
+            }
+          }
+        },
+        "menu": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fillGlass"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "active": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "focus": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "preset": {
+              "enum": [
+                "sheet",
+                "window",
+                "glass"
+              ]
+            }
+          }
+        },
+        "dialog": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fillGlass"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "active": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "focus": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "preset": {
+              "enum": [
+                "sheet",
+                "window",
+                "glass"
+              ]
+            }
+          }
+        },
+        "toast": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fillGlass"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "active": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "focus": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "preset": {
+              "enum": [
+                "sheet",
+                "window",
+                "glass"
+              ]
+            }
+          }
+        },
+        "hoverCard": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fillGlass"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "active": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "focus": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "preset": {
+              "enum": [
+                "sheet",
+                "window",
+                "glass"
+              ]
+            }
+          }
+        },
+        "sidebarCard": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fillGlass"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "active": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "focus": {
+              "$ref": "#/$defs/stateGlass"
+            },
+            "preset": {
+              "enum": [
+                "sheet",
+                "window",
+                "glass"
+              ]
+            },
+            "corner": {
+              "enum": [
+                "round",
+                "cut"
+              ]
+            }
+          }
+        },
+        "badge": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "size": {
+              "type": "number",
+              "minimum": 14,
+              "maximum": 24
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 11,
+              "maximum": 18
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            },
+            "corner": {
+              "enum": [
+                "round",
+                "cut"
+              ]
+            }
+          }
+        },
+        "pill": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            },
+            "fontSize": {
+              "type": "number",
+              "minimum": 11,
+              "maximum": 18
+            },
+            "font": {
+              "$ref": "#/$defs/fontRoleName"
+            },
+            "weight": {
+              "type": "number",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "case": {
+              "enum": [
+                "none",
+                "upper",
+                "lower",
+                "capitalize",
+                "small-caps"
+              ]
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.2
+            },
+            "leading": {
+              "type": "number",
+              "minimum": 1.1,
+              "maximum": 2
+            }
+          }
+        },
+        "divider": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            }
+          }
+        },
+        "scrollbar": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            }
+          }
+        },
+        "profileHeader": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "radius": {
+              "oneOf": [
+                {
+                  "type": "number",
+                  "minimum": 0,
+                  "maximum": 32
+                },
+                {
+                  "const": "pill"
+                }
+              ]
+            },
+            "borderWidth": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            },
+            "borderStyle": {
+              "enum": [
+                "none",
+                "solid",
+                "dashed",
+                "dotted",
+                "double",
+                "bevel-out",
+                "bevel-in"
+              ]
+            },
+            "borderColor": {
+              "$ref": "#/$defs/role"
+            },
+            "fill": {
+              "$ref": "#/$defs/fill"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            },
+            "padX": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "padY": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 32
+            },
+            "gap": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 24
+            },
+            "shadow": {
+              "$ref": "#/$defs/shadow"
+            },
+            "hover": {
+              "$ref": "#/$defs/state"
+            },
+            "active": {
+              "$ref": "#/$defs/state"
+            },
+            "focus": {
+              "$ref": "#/$defs/state"
+            }
+          }
+        }
+      }
+    },
+    "variants": {
+      "description": "Structural choices. The first option of each axis is the site's own layout.",
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "nav": {
+          "enum": [
+            "labels",
+            "icons",
+            "top",
+            "bottom"
+          ]
+        },
+        "post": {
+          "enum": [
+            "default",
+            "cards",
+            "bubbles",
+            "compact",
+            "broadsheet"
+          ]
+        },
+        "actions": {
+          "enum": [
+            "icons",
+            "labels",
+            "quiet"
+          ]
+        },
+        "header": {
+          "enum": [
+            "default",
+            "solid",
+            "bar"
+          ]
+        },
+        "sidebar": {
+          "enum": [
+            "default",
+            "narrow",
+            "hidden"
+          ]
+        },
+        "width": {
+          "enum": [
+            "default",
+            "full"
+          ]
+        }
+      }
+    },
+    "decor": {
+      "description": "Lines, bars, focus ring, selection, scrollbars, link underlines, motion.",
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "dividers": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "style": {
+              "enum": [
+                "none",
+                "hairline",
+                "solid",
+                "dashed",
+                "dotted",
+                "double"
+              ]
+            },
+            "color": {
+              "$ref": "#/$defs/role"
+            },
+            "width": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 3
+            }
+          },
+          "required": [
+            "style"
+          ]
+        },
+        "chrome": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "kind": {
+              "enum": [
+                "none",
+                "titlebar",
+                "masthead",
+                "prompt"
+              ]
+            },
+            "title": {
+              "type": "string",
+              "maxLength": 24
+            }
+          },
+          "required": [
+            "kind"
+          ]
+        },
+        "focusRing": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "width": {
+              "type": "number",
+              "minimum": 2,
+              "maximum": 4
+            },
+            "style": {
+              "enum": [
+                "solid",
+                "dashed",
+                "dotted",
+                "double"
+              ]
+            },
+            "color": {
+              "$ref": "#/$defs/role"
+            },
+            "offset": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 4
+            }
+          }
+        },
+        "selection": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "fill": {
+              "$ref": "#/$defs/role"
+            },
+            "text": {
+              "$ref": "#/$defs/role"
+            }
+          },
+          "required": [
+            "fill",
+            "text"
+          ]
+        },
+        "scrollbar": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "width": {
+              "enum": [
+                "auto",
+                "thin"
+              ]
+            },
+            "thumb": {
+              "$ref": "#/$defs/role"
+            },
+            "track": {
+              "$ref": "#/$defs/role"
+            },
+            "style": {
+              "enum": [
+                "flat",
+                "classic"
+              ]
+            }
+          }
+        },
+        "links": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "underline": {
+              "enum": [
+                "always",
+                "hover",
+                "never"
+              ]
+            }
+          },
+          "required": [
+            "underline"
+          ]
+        },
+        "motion": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "duration": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 400
+            },
+            "curve": {
+              "enum": [
+                "standard",
+                "snappy",
+                "spring",
+                "linear",
+                "steps"
+              ]
+            },
+            "press": {
+              "type": "number",
+              "minimum": 0.96,
+              "maximum": 1
+            }
+          }
+        }
+      }
+    },
+    "icons": {
+      "description": "The icon pack this theme suggests (by id), with small adjustments. A whole pack is its own document (icons.schema.json).",
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "pack": {
+          "type": "string",
+          "pattern": "^[a-z0-9-]{1,40}$"
+        },
+        "style": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "stroke": {
+              "type": "number",
+              "minimum": 1,
+              "maximum": 2.5
+            },
+            "cap": {
+              "enum": [
+                "round",
+                "square",
+                "butt"
+              ]
+            },
+            "join": {
+              "enum": [
+                "round",
+                "miter",
+                "bevel"
+              ]
+            },
+            "scale": {
+              "type": "number",
+              "minimum": 0.8,
+              "maximum": 1.25
+            }
+          }
+        },
+        "overrides": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "home": {
+              "$ref": "#/$defs/glyph"
+            },
+            "home.active": {
+              "$ref": "#/$defs/glyph"
+            },
+            "explore": {
+              "$ref": "#/$defs/glyph"
+            },
+            "explore.active": {
+              "$ref": "#/$defs/glyph"
+            },
+            "notifications": {
+              "$ref": "#/$defs/glyph"
+            },
+            "notifications.active": {
+              "$ref": "#/$defs/glyph"
+            },
+            "messages": {
+              "$ref": "#/$defs/glyph"
+            },
+            "messages.active": {
+              "$ref": "#/$defs/glyph"
+            },
+            "grok": {
+              "$ref": "#/$defs/glyph"
+            },
+            "bookmarks": {
+              "$ref": "#/$defs/glyph"
+            },
+            "bookmarks.active": {
+              "$ref": "#/$defs/glyph"
+            },
+            "lists": {
+              "$ref": "#/$defs/glyph"
+            },
+            "communities": {
+              "$ref": "#/$defs/glyph"
+            },
+            "premium": {
+              "$ref": "#/$defs/glyph"
+            },
+            "profile": {
+              "$ref": "#/$defs/glyph"
+            },
+            "profile.active": {
+              "$ref": "#/$defs/glyph"
+            },
+            "more": {
+              "$ref": "#/$defs/glyph"
+            },
+            "compose": {
+              "$ref": "#/$defs/glyph"
+            },
+            "reply": {
+              "$ref": "#/$defs/glyph"
+            },
+            "repost": {
+              "$ref": "#/$defs/glyph"
+            },
+            "repost.on": {
+              "$ref": "#/$defs/glyph"
+            },
+            "like": {
+              "$ref": "#/$defs/glyph"
+            },
+            "like.on": {
+              "$ref": "#/$defs/glyph"
+            },
+            "views": {
+              "$ref": "#/$defs/glyph"
+            },
+            "bookmark": {
+              "$ref": "#/$defs/glyph"
+            },
+            "bookmark.on": {
+              "$ref": "#/$defs/glyph"
+            },
+            "share": {
+              "$ref": "#/$defs/glyph"
+            },
+            "verified": {
+              "$ref": "#/$defs/glyph"
+            },
+            "logo": {
+              "$ref": "#/$defs/glyph"
+            },
+            "caret": {
+              "$ref": "#/$defs/glyph"
+            },
+            "back": {
+              "$ref": "#/$defs/glyph"
+            },
+            "close": {
+              "$ref": "#/$defs/glyph"
+            },
+            "search": {
+              "$ref": "#/$defs/glyph"
+            },
+            "settings": {
+              "$ref": "#/$defs/glyph"
+            },
+            "media": {
+              "$ref": "#/$defs/glyph"
+            },
+            "gif": {
+              "$ref": "#/$defs/glyph"
+            },
+            "poll": {
+              "$ref": "#/$defs/glyph"
+            },
+            "emoji": {
+              "$ref": "#/$defs/glyph"
+            },
+            "schedule": {
+              "$ref": "#/$defs/glyph"
+            },
+            "location": {
+              "$ref": "#/$defs/glyph"
+            },
+            "pinned": {
+              "$ref": "#/$defs/glyph"
+            },
+            "repostContext": {
+              "$ref": "#/$defs/glyph"
+            },
+            "lock": {
+              "$ref": "#/$defs/glyph"
+            },
+            "history": {
+              "$ref": "#/$defs/glyph"
+            },
+            "studio": {
+              "$ref": "#/$defs/glyph"
+            },
+            "articles": {
+              "$ref": "#/$defs/glyph"
+            }
+          },
+          "maxProperties": 8
+        },
+        "symbols": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "like": {
+              "enum": [
+                "heart",
+                "star",
+                "custom"
+              ]
+            },
+            "separator": {
+              "enum": [
+                "dot",
+                "bullet",
+                "slash",
+                "dash",
+                "pipe",
+                "none"
+              ]
+            }
+          }
+        },
+        "labels": {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "reply": {
+              "type": "string",
+              "minLength": 1,
+              "maxLength": 12,
+              "pattern": "^[^\\u0000-\\u001f\"\\\\<>&{};'`]+$"
+            },
+            "repost": {
+              "type": "string",
+              "minLength": 1,
+              "maxLength": 12,
+              "pattern": "^[^\\u0000-\\u001f\"\\\\<>&{};'`]+$"
+            },
+            "like": {
+              "type": "string",
+              "minLength": 1,
+              "maxLength": 12,
+              "pattern": "^[^\\u0000-\\u001f\"\\\\<>&{};'`]+$"
+            },
+            "views": {
+              "type": "string",
+              "minLength": 1,
+              "maxLength": 12,
+              "pattern": "^[^\\u0000-\\u001f\"\\\\<>&{};'`]+$"
+            },
+            "bookmark": {
+              "type": "string",
+              "minLength": 1,
+              "maxLength": 12,
+              "pattern": "^[^\\u0000-\\u001f\"\\\\<>&{};'`]+$"
+            },
+            "share": {
+              "type": "string",
+              "minLength": 1,
+              "maxLength": 12,
+              "pattern": "^[^\\u0000-\\u001f\"\\\\<>&{};'`]+$"
+            }
+          }
+        }
+      }
+    }
+  },
+  "$defs": {
+    "hex": {
+      "type": "string",
+      "pattern": "^#[0-9a-fA-F]{6}$"
+    },
+    "source": {
+      "const": "google",
+      "description": "The first family is a Google Fonts family: apps download it (asking first for an imported theme) and load it from bytes."
+    },
+    "interfaceRole": {
+      "oneOf": [
+        {
+          "const": "inherit"
+        },
+        {
+          "type": "object",
+          "required": [
+            "family"
+          ],
+          "additionalProperties": false,
+          "properties": {
+            "family": {
+              "$ref": "#/$defs/fontStack"
+            },
+            "source": {
+              "$ref": "#/$defs/source"
+            }
+          }
+        }
+      ]
+    },
+    "fontRole": {
+      "oneOf": [
+        {
+          "const": "inherit"
+        },
+        {
+          "type": "object",
+          "required": [
+            "family"
+          ],
+          "additionalProperties": false,
+          "properties": {
+            "family": {
+              "$ref": "#/$defs/fontStack",
+              "description": "Empty keeps the inherited family and changes only the settings below."
+            },
+            "source": {
+              "$ref": "#/$defs/source"
+            },
+            "weight": {
+              "type": "integer",
+              "minimum": 100,
+              "maximum": 900
+            },
+            "size": {
+              "type": "number",
+              "minimum": 0.75,
+              "maximum": 1.5,
+              "description": "Relative to the site's size."
+            },
+            "tracking": {
+              "type": "number",
+              "minimum": -0.05,
+              "maximum": 0.1,
+              "description": "Letter spacing in em."
+            },
+            "tabular": {
+              "type": "boolean",
+              "description": "Tabular (fixed-width) figures."
+            }
+          }
+        }
+      ]
+    },
+    "fontStack": {
+      "type": "array",
+      "maxItems": 8,
+      "items": {
+        "anyOf": [
+          {
+            "enum": [
+              "system-ui",
+              "sans-serif",
+              "serif",
+              "monospace",
+              "cursive",
+              "ui-sans-serif",
+              "ui-serif",
+              "ui-monospace",
+              "ui-rounded",
+              "-apple-system",
+              "BlinkMacSystemFont"
+            ]
+          },
+          {
+            "type": "string",
+            "pattern": "^[A-Za-z0-9][A-Za-z0-9 .\\-]{0,47}$"
+          }
+        ]
+      }
+    },
+    "role": {
+      "description": "A color role of the theme. Components never carry a color literal.",
+      "enum": [
+        "bg",
+        "surface",
+        "elevated",
+        "page",
+        "border",
+        "text",
+        "muted",
+        "accent",
+        "onAccent",
+        "inverse",
+        "onInverse"
+      ]
+    },
+    "fontRoleName": {
+      "enum": [
+        "interface",
+        "post",
+        "heading",
+        "numbers",
+        "mono",
+        "chrome",
+        "dialog"
+      ]
+    },
+    "pathData": {
+      "type": "string",
+      "minLength": 1,
+      "maxLength": 4000,
+      "pattern": "^[MmLlHhVvCcSsQqTtAaZz0-9eE\\s,.+-]+$"
+    },
+    "glyph": {
+      "oneOf": [
+        {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "d": {
+              "$ref": "#/$defs/pathData"
+            },
+            "rule": {
+              "const": "evenodd"
+            },
+            "stroke": {
+              "type": "boolean"
+            }
+          },
+          "required": [
+            "d"
+          ]
+        },
+        {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "layers": {
+              "type": "array",
+              "minItems": 1,
+              "maxItems": 6,
+              "items": {
+                "type": "object",
+                "additionalProperties": false,
+                "properties": {
+                  "d": {
+                    "$ref": "#/$defs/pathData"
+                  },
+                  "fill": {
+                    "oneOf": [
+                      {
+                        "$ref": "#/$defs/role"
+                      },
+                      {
+                        "$ref": "#/$defs/hex"
+                      },
+                      {
+                        "type": "object",
+                        "additionalProperties": false,
+                        "properties": {
+                          "from": {
+                            "$ref": "#/$defs/hex"
+                          },
+                          "to": {
+                            "$ref": "#/$defs/hex"
+                          }
+                        },
+                        "required": [
+                          "from",
+                          "to"
+                        ]
+                      }
+                    ]
+                  },
+                  "opacity": {
+                    "type": "number",
+                    "minimum": 0,
+                    "maximum": 1
+                  },
+                  "rule": {
+                    "const": "evenodd"
+                  }
+                },
+                "required": [
+                  "d",
+                  "fill"
+                ]
+              }
+            }
+          },
+          "required": [
+            "layers"
+          ]
+        },
+        {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "png": {
+              "type": "string",
+              "maxLength": 6022,
+              "pattern": "^data:image/png;base64,[A-Za-z0-9+/]+={0,2}$"
+            },
+            "pixel": {
+              "type": "boolean"
+            }
+          },
+          "required": [
+            "png"
+          ]
+        }
+      ]
+    },
+    "shadow": {
+      "enum": [
+        "none",
+        "soft",
+        "deep",
+        "hard",
+        "inset",
+        "glow"
+      ]
+    },
+    "fill": {
+      "oneOf": [
+        {
+          "$ref": "#/$defs/role"
+        },
+        {
+          "const": "transparent"
+        }
+      ]
+    },
+    "state": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "fill": {
+          "$ref": "#/$defs/fill"
+        },
+        "text": {
+          "$ref": "#/$defs/role"
+        },
+        "borderColor": {
+          "$ref": "#/$defs/role"
+        },
+        "shadow": {
+          "$ref": "#/$defs/shadow"
+        },
+        "lift": {
+          "type": "number",
+          "minimum": 0,
+          "maximum": 4
+        },
+        "scale": {
+          "type": "number",
+          "minimum": 0.96,
+          "maximum": 1.04
+        },
+        "underline": {
+          "type": "boolean"
+        }
+      }
+    },
+    "fillGlass": {
+      "oneOf": [
+        {
+          "$ref": "#/$defs/role"
+        },
+        {
+          "const": "transparent"
+        },
+        {
+          "const": "glass"
+        }
+      ]
+    },
+    "stateGlass": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "fill": {
+          "$ref": "#/$defs/fillGlass"
+        },
+        "text": {
+          "$ref": "#/$defs/role"
+        },
+        "borderColor": {
+          "$ref": "#/$defs/role"
+        },
+        "shadow": {
+          "$ref": "#/$defs/shadow"
+        },
+        "lift": {
+          "type": "number",
+          "minimum": 0,
+          "maximum": 4
+        },
+        "scale": {
+          "type": "number",
+          "minimum": 0.96,
+          "maximum": 1.04
+        },
+        "underline": {
+          "type": "boolean"
+        }
+      }
+    },
+    "fillGradient": {
+      "oneOf": [
+        {
+          "$ref": "#/$defs/role"
+        },
+        {
+          "const": "transparent"
+        },
+        {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "from": {
+              "$ref": "#/$defs/role"
+            },
+            "to": {
+              "$ref": "#/$defs/role"
+            },
+            "angle": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 360
+            }
+          },
+          "required": [
+            "from",
+            "to"
+          ]
+        }
+      ]
+    },
+    "stateGradient": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "fill": {
+          "$ref": "#/$defs/fillGradient"
+        },
+        "text": {
+          "$ref": "#/$defs/role"
+        },
+        "borderColor": {
+          "$ref": "#/$defs/role"
+        },
+        "shadow": {
+          "$ref": "#/$defs/shadow"
+        },
+        "lift": {
+          "type": "number",
+          "minimum": 0,
+          "maximum": 4
+        },
+        "scale": {
+          "type": "number",
+          "minimum": 0.96,
+          "maximum": 1.04
+        },
+        "underline": {
+          "type": "boolean"
+        }
+      }
+    },
+    "fillGlassGradient": {
+      "oneOf": [
+        {
+          "$ref": "#/$defs/role"
+        },
+        {
+          "const": "transparent"
+        },
+        {
+          "const": "glass"
+        },
+        {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "from": {
+              "$ref": "#/$defs/role"
+            },
+            "to": {
+              "$ref": "#/$defs/role"
+            },
+            "angle": {
+              "type": "number",
+              "minimum": 0,
+              "maximum": 360
+            }
+          },
+          "required": [
+            "from",
+            "to"
+          ]
+        }
+      ]
+    },
+    "stateGlassGradient": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "fill": {
+          "$ref": "#/$defs/fillGlassGradient"
+        },
+        "text": {
+          "$ref": "#/$defs/role"
+        },
+        "borderColor": {
+          "$ref": "#/$defs/role"
+        },
+        "shadow": {
+          "$ref": "#/$defs/shadow"
+        },
+        "lift": {
+          "type": "number",
+          "minimum": 0,
+          "maximum": 4
+        },
+        "scale": {
+          "type": "number",
+          "minimum": 0.96,
+          "maximum": 1.04
+        },
+        "underline": {
+          "type": "boolean"
+        }
+      }
+    }
+  }
+}