@exponential-at/ui 0.0.0-stage → 0.1.0

package/fixtures/control-geometry.json

@@ -0,0 +1,4200 @@
+{
+  "$comment": "AUTO-GENERATED by packages/exponential-ui/scripts/generate.ts — do not edit.\nSource of truth: packages/exponential-ui/themes/*.theme.json, themes/exponential.recipes.json, catalog/recipes.json, catalog/tokens.json (+ packages/design-tokens/tokens.json and packages/ui/src/styles.css for the exponential theme). The measure contract: per built-in theme and control, the box the recipe of its sizing part fixes (px). A painter — built in or a host's override (VAPP-91) — must produce exactly this box; src/geometry.ts checkGeometry is the check the conformance suite runs.",
+  "parts": {
+    "Button": "root",
+    "Toggle": "root",
+    "Segmented": "item",
+    "Input": "field",
+    "Textarea": "field",
+    "Select": "trigger",
+    "DatePicker": "trigger",
+    "Checkbox": "box",
+    "Radio": "item",
+    "Switch": "track",
+    "Slider": "thumb",
+    "Avatar": "root",
+    "Icon": "root",
+    "Spinner": "root",
+    "Ring": "root",
+    "Tabs": "tab",
+    "NumberField": "field",
+    "ChipInput": "field",
+    "TimePicker": "trigger",
+    "DateRangePicker": "trigger"
+  },
+  "themes": {
+    "neutral": {
+      "Button": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 8
+            }
+          },
+          "variant=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 8
+            }
+          },
+          "variant=secondary": {
+            "props": {
+              "variant": "secondary",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 8
+            }
+          },
+          "variant=outline": {
+            "props": {
+              "variant": "outline",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          },
+          "variant=ghost": {
+            "props": {
+              "variant": "ghost",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 8
+            }
+          },
+          "variant=destructive": {
+            "props": {
+              "variant": "destructive",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 8
+            }
+          },
+          "variant=link": {
+            "props": {
+              "variant": "link",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 0,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 8
+            }
+          },
+          "size=sm": {
+            "props": {
+              "variant": "default",
+              "size": "sm",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "gap": 4,
+              "borderWidth": 0,
+              "borderRadius": 8
+            }
+          },
+          "size=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 8
+            }
+          },
+          "size=lg": {
+            "props": {
+              "variant": "default",
+              "size": "lg",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 24,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 8
+            }
+          },
+          "size=icon": {
+            "props": {
+              "variant": "default",
+              "size": "icon",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "width": 36,
+              "height": 36,
+              "paddingHorizontal": 0,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 8
+            }
+          }
+        }
+      },
+      "Toggle": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderRadius": 8
+            }
+          },
+          "variant=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderRadius": 8
+            }
+          },
+          "variant=outline": {
+            "props": {
+              "variant": "outline",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          },
+          "size=sm": {
+            "props": {
+              "variant": "default",
+              "size": "sm",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 8,
+              "gap": 8,
+              "borderRadius": 8
+            }
+          },
+          "size=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderRadius": 8
+            }
+          },
+          "size=lg": {
+            "props": {
+              "variant": "default",
+              "size": "lg",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderRadius": 8
+            }
+          }
+        }
+      },
+      "Segmented": {
+        "part": "item",
+        "cases": {
+          "default": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 6
+            }
+          },
+          "type=single": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 6
+            }
+          },
+          "type=multiple": {
+            "props": {
+              "type": "multiple",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 6
+            }
+          },
+          "variant=segmented": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 6
+            }
+          },
+          "variant=toggles": {
+            "props": {
+              "type": "single",
+              "variant": "toggles",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "variant=outline": {
+            "props": {
+              "type": "single",
+              "variant": "outline",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          },
+          "variant=bar": {
+            "props": {
+              "type": "single",
+              "variant": "bar",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {}
+          },
+          "size=sm": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "sm",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 8,
+              "borderRadius": 6
+            }
+          },
+          "size=default": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 6
+            }
+          },
+          "size=lg": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "lg",
+              "fill": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 16,
+              "borderRadius": 6
+            }
+          }
+        }
+      },
+      "Input": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "type": "email",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          },
+          "type=text": {
+            "props": {
+              "type": "text",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          },
+          "type=email": {
+            "props": {
+              "type": "email",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          },
+          "type=password": {
+            "props": {
+              "type": "password",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          },
+          "type=number": {
+            "props": {
+              "type": "number",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          },
+          "type=search": {
+            "props": {
+              "type": "search",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          },
+          "type=url": {
+            "props": {
+              "type": "url",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          },
+          "type=tel": {
+            "props": {
+              "type": "tel",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          }
+        }
+      },
+      "Textarea": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "minHeight": 64,
+              "paddingHorizontal": 12,
+              "paddingVertical": 8,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          }
+        }
+      },
+      "Select": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {
+              "multiple": false,
+              "searchable": false,
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          }
+        }
+      },
+      "DatePicker": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {},
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          }
+        }
+      },
+      "Checkbox": {
+        "part": "box",
+        "cases": {
+          "default": {
+            "props": {
+              "checked": false,
+              "disabled": false
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 1,
+              "borderRadius": 4
+            }
+          }
+        }
+      },
+      "Radio": {
+        "part": "item",
+        "cases": {
+          "default": {
+            "props": {
+              "orientation": "vertical"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 1,
+              "borderRadius": 9999
+            }
+          },
+          "orientation=horizontal": {
+            "props": {
+              "orientation": "horizontal"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 1,
+              "borderRadius": 9999
+            }
+          },
+          "orientation=vertical": {
+            "props": {
+              "orientation": "vertical"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 1,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Switch": {
+        "part": "track",
+        "cases": {
+          "default": {
+            "props": {
+              "checked": true,
+              "disabled": false
+            },
+            "geometry": {
+              "width": 32,
+              "height": 20,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Slider": {
+        "part": "thumb",
+        "cases": {
+          "default": {
+            "props": {},
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 1,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Avatar": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32,
+              "borderRadius": 9999
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24,
+              "borderRadius": 9999
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32,
+              "borderRadius": 9999
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg"
+            },
+            "geometry": {
+              "width": 40,
+              "height": 40,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Icon": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24
+            }
+          },
+          "tone=neutral": {
+            "props": {
+              "size": "default",
+              "tone": "neutral"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=primary": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=success": {
+            "props": {
+              "size": "default",
+              "tone": "success"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=warning": {
+            "props": {
+              "size": "default",
+              "tone": "warning"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=danger": {
+            "props": {
+              "size": "default",
+              "tone": "danger"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=info": {
+            "props": {
+              "size": "default",
+              "tone": "info"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          }
+        }
+      },
+      "Spinner": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=xs": {
+            "props": {
+              "size": "xs"
+            },
+            "geometry": {
+              "width": 10,
+              "height": 10
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24
+            }
+          }
+        }
+      },
+      "Ring": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 40,
+              "height": 40
+            }
+          },
+          "tone=neutral": {
+            "props": {
+              "size": "default",
+              "tone": "neutral"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=primary": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=success": {
+            "props": {
+              "size": "default",
+              "tone": "success"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=warning": {
+            "props": {
+              "size": "default",
+              "tone": "warning"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=danger": {
+            "props": {
+              "size": "default",
+              "tone": "danger"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=info": {
+            "props": {
+              "size": "default",
+              "tone": "info"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          }
+        }
+      },
+      "Tabs": {
+        "part": "tab",
+        "cases": {
+          "default": {
+            "props": {
+              "fill": false,
+              "closable": "none",
+              "addable": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 6
+            }
+          },
+          "closable=none": {
+            "props": {
+              "fill": false,
+              "closable": "none",
+              "addable": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 6
+            }
+          },
+          "closable=hover": {
+            "props": {
+              "fill": false,
+              "closable": "hover",
+              "addable": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 6
+            }
+          },
+          "closable=always": {
+            "props": {
+              "fill": false,
+              "closable": "always",
+              "addable": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 6
+            }
+          }
+        }
+      },
+      "NumberField": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          }
+        }
+      },
+      "ChipInput": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "minHeight": 36,
+              "paddingHorizontal": 4,
+              "paddingVertical": 2,
+              "gap": 4,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          }
+        }
+      },
+      "TimePicker": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          }
+        }
+      },
+      "DateRangePicker": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {},
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 8
+            }
+          }
+        }
+      }
+    },
+    "exponential": {
+      "Button": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "variant=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "variant=secondary": {
+            "props": {
+              "variant": "secondary",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "variant=outline": {
+            "props": {
+              "variant": "outline",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "variant=ghost": {
+            "props": {
+              "variant": "ghost",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "variant=destructive": {
+            "props": {
+              "variant": "destructive",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "variant=link": {
+            "props": {
+              "variant": "link",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 0,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "size=sm": {
+            "props": {
+              "variant": "default",
+              "size": "sm",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "gap": 4,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "size=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "size=lg": {
+            "props": {
+              "variant": "default",
+              "size": "lg",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 24,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "size=icon": {
+            "props": {
+              "variant": "default",
+              "size": "icon",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32,
+              "paddingHorizontal": 0,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "Toggle": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderRadius": 10
+            }
+          },
+          "variant=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderRadius": 10
+            }
+          },
+          "variant=outline": {
+            "props": {
+              "variant": "outline",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "size=sm": {
+            "props": {
+              "variant": "default",
+              "size": "sm",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 8,
+              "gap": 8,
+              "borderRadius": 10
+            }
+          },
+          "size=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderRadius": 10
+            }
+          },
+          "size=lg": {
+            "props": {
+              "variant": "default",
+              "size": "lg",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "Segmented": {
+        "part": "item",
+        "cases": {
+          "default": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "type=single": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "type=multiple": {
+            "props": {
+              "type": "multiple",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "variant=segmented": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "variant=toggles": {
+            "props": {
+              "type": "single",
+              "variant": "toggles",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 10
+            }
+          },
+          "variant=outline": {
+            "props": {
+              "type": "single",
+              "variant": "outline",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "variant=bar": {
+            "props": {
+              "type": "single",
+              "variant": "bar",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {}
+          },
+          "size=sm": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "sm",
+              "fill": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 8,
+              "borderRadius": 8
+            }
+          },
+          "size=default": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "size=lg": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "lg",
+              "fill": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 16,
+              "borderRadius": 8
+            }
+          }
+        }
+      },
+      "Input": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "type": "email",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "type=text": {
+            "props": {
+              "type": "text",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "type=email": {
+            "props": {
+              "type": "email",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "type=password": {
+            "props": {
+              "type": "password",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "type=number": {
+            "props": {
+              "type": "number",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "type=search": {
+            "props": {
+              "type": "search",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "type=url": {
+            "props": {
+              "type": "url",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "type=tel": {
+            "props": {
+              "type": "tel",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "Textarea": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "minHeight": 64,
+              "paddingHorizontal": 12,
+              "paddingVertical": 8,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "Select": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {
+              "multiple": false,
+              "searchable": false,
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "DatePicker": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {},
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "Checkbox": {
+        "part": "box",
+        "cases": {
+          "default": {
+            "props": {
+              "checked": false,
+              "disabled": false
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 1,
+              "borderRadius": 4
+            }
+          }
+        }
+      },
+      "Radio": {
+        "part": "item",
+        "cases": {
+          "default": {
+            "props": {
+              "orientation": "vertical"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 1,
+              "borderRadius": 9999
+            }
+          },
+          "orientation=horizontal": {
+            "props": {
+              "orientation": "horizontal"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 1,
+              "borderRadius": 9999
+            }
+          },
+          "orientation=vertical": {
+            "props": {
+              "orientation": "vertical"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 1,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Switch": {
+        "part": "track",
+        "cases": {
+          "default": {
+            "props": {
+              "checked": true,
+              "disabled": false
+            },
+            "geometry": {
+              "width": 32,
+              "height": 20,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Slider": {
+        "part": "thumb",
+        "cases": {
+          "default": {
+            "props": {},
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 1,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Avatar": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32,
+              "borderRadius": 9999
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24,
+              "borderRadius": 9999
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32,
+              "borderRadius": 9999
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg"
+            },
+            "geometry": {
+              "width": 40,
+              "height": 40,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Icon": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24
+            }
+          },
+          "tone=neutral": {
+            "props": {
+              "size": "default",
+              "tone": "neutral"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=primary": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=success": {
+            "props": {
+              "size": "default",
+              "tone": "success"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=warning": {
+            "props": {
+              "size": "default",
+              "tone": "warning"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=danger": {
+            "props": {
+              "size": "default",
+              "tone": "danger"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=info": {
+            "props": {
+              "size": "default",
+              "tone": "info"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          }
+        }
+      },
+      "Spinner": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=xs": {
+            "props": {
+              "size": "xs"
+            },
+            "geometry": {
+              "width": 10,
+              "height": 10
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24
+            }
+          }
+        }
+      },
+      "Ring": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 40,
+              "height": 40
+            }
+          },
+          "tone=neutral": {
+            "props": {
+              "size": "default",
+              "tone": "neutral"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=primary": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=success": {
+            "props": {
+              "size": "default",
+              "tone": "success"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=warning": {
+            "props": {
+              "size": "default",
+              "tone": "warning"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=danger": {
+            "props": {
+              "size": "default",
+              "tone": "danger"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=info": {
+            "props": {
+              "size": "default",
+              "tone": "info"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          }
+        }
+      },
+      "Tabs": {
+        "part": "tab",
+        "cases": {
+          "default": {
+            "props": {
+              "fill": false,
+              "closable": "none",
+              "addable": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "closable=none": {
+            "props": {
+              "fill": false,
+              "closable": "none",
+              "addable": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "closable=hover": {
+            "props": {
+              "fill": false,
+              "closable": "hover",
+              "addable": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "closable=always": {
+            "props": {
+              "fill": false,
+              "closable": "always",
+              "addable": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          }
+        }
+      },
+      "NumberField": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "ChipInput": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "minHeight": 36,
+              "paddingHorizontal": 4,
+              "paddingVertical": 2,
+              "gap": 4,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "TimePicker": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "DateRangePicker": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {},
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      }
+    },
+    "playful": {
+      "Button": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 24,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 9999
+            }
+          },
+          "variant=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 24,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 9999
+            }
+          },
+          "variant=secondary": {
+            "props": {
+              "variant": "secondary",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 24,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 9999
+            }
+          },
+          "variant=outline": {
+            "props": {
+              "variant": "outline",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 24,
+              "gap": 8,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          },
+          "variant=ghost": {
+            "props": {
+              "variant": "ghost",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 24,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 9999
+            }
+          },
+          "variant=destructive": {
+            "props": {
+              "variant": "destructive",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 24,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 9999
+            }
+          },
+          "variant=link": {
+            "props": {
+              "variant": "link",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 0,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 9999
+            }
+          },
+          "size=sm": {
+            "props": {
+              "variant": "default",
+              "size": "sm",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 16,
+              "gap": 4,
+              "borderWidth": 0,
+              "borderRadius": 9999
+            }
+          },
+          "size=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 24,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 9999
+            }
+          },
+          "size=lg": {
+            "props": {
+              "variant": "default",
+              "size": "lg",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 48,
+              "paddingHorizontal": 24,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 9999
+            }
+          },
+          "size=icon": {
+            "props": {
+              "variant": "default",
+              "size": "icon",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "width": 40,
+              "height": 40,
+              "paddingHorizontal": 0,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Toggle": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderRadius": 9999
+            }
+          },
+          "variant=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderRadius": 9999
+            }
+          },
+          "variant=outline": {
+            "props": {
+              "variant": "outline",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderWidth": 2,
+              "borderRadius": 9999
+            }
+          },
+          "size=sm": {
+            "props": {
+              "variant": "default",
+              "size": "sm",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 8,
+              "gap": 8,
+              "borderRadius": 9999
+            }
+          },
+          "size=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderRadius": 9999
+            }
+          },
+          "size=lg": {
+            "props": {
+              "variant": "default",
+              "size": "lg",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 48,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Segmented": {
+        "part": "item",
+        "cases": {
+          "default": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 10
+            }
+          },
+          "type=single": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 10
+            }
+          },
+          "type=multiple": {
+            "props": {
+              "type": "multiple",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 10
+            }
+          },
+          "variant=segmented": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 10
+            }
+          },
+          "variant=toggles": {
+            "props": {
+              "type": "single",
+              "variant": "toggles",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 12,
+              "borderRadius": 9999
+            }
+          },
+          "variant=outline": {
+            "props": {
+              "type": "single",
+              "variant": "outline",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 40,
+              "paddingHorizontal": 12,
+              "borderWidth": 2,
+              "borderRadius": 9999
+            }
+          },
+          "variant=bar": {
+            "props": {
+              "type": "single",
+              "variant": "bar",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {}
+          },
+          "size=sm": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "sm",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 8,
+              "borderRadius": 10
+            }
+          },
+          "size=default": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 10
+            }
+          },
+          "size=lg": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "lg",
+              "fill": false
+            },
+            "geometry": {
+              "height": 48,
+              "paddingHorizontal": 16,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "Input": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "type": "email",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 44,
+              "paddingHorizontal": 16,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          },
+          "type=text": {
+            "props": {
+              "type": "text",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 44,
+              "paddingHorizontal": 16,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          },
+          "type=email": {
+            "props": {
+              "type": "email",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 44,
+              "paddingHorizontal": 16,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          },
+          "type=password": {
+            "props": {
+              "type": "password",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 44,
+              "paddingHorizontal": 16,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          },
+          "type=number": {
+            "props": {
+              "type": "number",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 44,
+              "paddingHorizontal": 16,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          },
+          "type=search": {
+            "props": {
+              "type": "search",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 44,
+              "paddingHorizontal": 16,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          },
+          "type=url": {
+            "props": {
+              "type": "url",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 44,
+              "paddingHorizontal": 16,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          },
+          "type=tel": {
+            "props": {
+              "type": "tel",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 44,
+              "paddingHorizontal": 16,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Textarea": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "height": 44,
+              "minHeight": 64,
+              "paddingHorizontal": 12,
+              "paddingVertical": 8,
+              "borderWidth": 3,
+              "borderRadius": 24
+            }
+          }
+        }
+      },
+      "Select": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {
+              "multiple": false,
+              "searchable": false,
+              "disabled": false
+            },
+            "geometry": {
+              "height": 44,
+              "paddingHorizontal": 16,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "DatePicker": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {},
+            "geometry": {
+              "height": 44,
+              "paddingHorizontal": 12,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Checkbox": {
+        "part": "box",
+        "cases": {
+          "default": {
+            "props": {
+              "checked": false,
+              "disabled": false
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Radio": {
+        "part": "item",
+        "cases": {
+          "default": {
+            "props": {
+              "orientation": "vertical"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          },
+          "orientation=horizontal": {
+            "props": {
+              "orientation": "horizontal"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          },
+          "orientation=vertical": {
+            "props": {
+              "orientation": "vertical"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Switch": {
+        "part": "track",
+        "cases": {
+          "default": {
+            "props": {
+              "checked": true,
+              "disabled": false
+            },
+            "geometry": {
+              "width": 44,
+              "height": 24,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Slider": {
+        "part": "thumb",
+        "cases": {
+          "default": {
+            "props": {},
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Avatar": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32,
+              "borderRadius": 18
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24,
+              "borderRadius": 18
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32,
+              "borderRadius": 18
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg"
+            },
+            "geometry": {
+              "width": 40,
+              "height": 40,
+              "borderRadius": 18
+            }
+          }
+        }
+      },
+      "Icon": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24
+            }
+          },
+          "tone=neutral": {
+            "props": {
+              "size": "default",
+              "tone": "neutral"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=primary": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=success": {
+            "props": {
+              "size": "default",
+              "tone": "success"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=warning": {
+            "props": {
+              "size": "default",
+              "tone": "warning"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=danger": {
+            "props": {
+              "size": "default",
+              "tone": "danger"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=info": {
+            "props": {
+              "size": "default",
+              "tone": "info"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          }
+        }
+      },
+      "Spinner": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=xs": {
+            "props": {
+              "size": "xs"
+            },
+            "geometry": {
+              "width": 10,
+              "height": 10
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24
+            }
+          }
+        }
+      },
+      "Ring": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 40,
+              "height": 40
+            }
+          },
+          "tone=neutral": {
+            "props": {
+              "size": "default",
+              "tone": "neutral"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=primary": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=success": {
+            "props": {
+              "size": "default",
+              "tone": "success"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=warning": {
+            "props": {
+              "size": "default",
+              "tone": "warning"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=danger": {
+            "props": {
+              "size": "default",
+              "tone": "danger"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=info": {
+            "props": {
+              "size": "default",
+              "tone": "info"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          }
+        }
+      },
+      "Tabs": {
+        "part": "tab",
+        "cases": {
+          "default": {
+            "props": {
+              "fill": false,
+              "closable": "none",
+              "addable": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 0,
+              "borderRadius": 0
+            }
+          },
+          "closable=none": {
+            "props": {
+              "fill": false,
+              "closable": "none",
+              "addable": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 0,
+              "borderRadius": 0
+            }
+          },
+          "closable=hover": {
+            "props": {
+              "fill": false,
+              "closable": "hover",
+              "addable": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 0,
+              "borderRadius": 0
+            }
+          },
+          "closable=always": {
+            "props": {
+              "fill": false,
+              "closable": "always",
+              "addable": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 0,
+              "borderRadius": 0
+            }
+          }
+        }
+      },
+      "NumberField": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "height": 44,
+              "paddingHorizontal": 16,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "ChipInput": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "minHeight": 44,
+              "paddingHorizontal": 4,
+              "paddingVertical": 2,
+              "gap": 4,
+              "borderWidth": 3,
+              "borderRadius": 24
+            }
+          }
+        }
+      },
+      "TimePicker": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "height": 44,
+              "paddingHorizontal": 12,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "DateRangePicker": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {},
+            "geometry": {
+              "height": 44,
+              "paddingHorizontal": 12,
+              "borderWidth": 3,
+              "borderRadius": 9999
+            }
+          }
+        }
+      }
+    },
+    "orange": {
+      "Button": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "variant=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "variant=secondary": {
+            "props": {
+              "variant": "secondary",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "variant=outline": {
+            "props": {
+              "variant": "outline",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "variant=ghost": {
+            "props": {
+              "variant": "ghost",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "variant=destructive": {
+            "props": {
+              "variant": "destructive",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "variant=link": {
+            "props": {
+              "variant": "link",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 0,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "size=sm": {
+            "props": {
+              "variant": "default",
+              "size": "sm",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "gap": 4,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "size=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "size=lg": {
+            "props": {
+              "variant": "default",
+              "size": "lg",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 24,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          },
+          "size=icon": {
+            "props": {
+              "variant": "default",
+              "size": "icon",
+              "disabled": false,
+              "loading": false
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32,
+              "paddingHorizontal": 0,
+              "gap": 8,
+              "borderWidth": 0,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "Toggle": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderRadius": 10
+            }
+          },
+          "variant=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderRadius": 10
+            }
+          },
+          "variant=outline": {
+            "props": {
+              "variant": "outline",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "size=sm": {
+            "props": {
+              "variant": "default",
+              "size": "sm",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 8,
+              "gap": 8,
+              "borderRadius": 10
+            }
+          },
+          "size=default": {
+            "props": {
+              "variant": "default",
+              "size": "default",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "gap": 8,
+              "borderRadius": 10
+            }
+          },
+          "size=lg": {
+            "props": {
+              "variant": "default",
+              "size": "lg",
+              "pressed": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 16,
+              "gap": 8,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "Segmented": {
+        "part": "item",
+        "cases": {
+          "default": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "type=single": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "type=multiple": {
+            "props": {
+              "type": "multiple",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "variant=segmented": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "variant=toggles": {
+            "props": {
+              "type": "single",
+              "variant": "toggles",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderRadius": 10
+            }
+          },
+          "variant=outline": {
+            "props": {
+              "type": "single",
+              "variant": "outline",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 32,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "variant=bar": {
+            "props": {
+              "type": "single",
+              "variant": "bar",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {}
+          },
+          "size=sm": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "sm",
+              "fill": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 8,
+              "borderRadius": 8
+            }
+          },
+          "size=default": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "default",
+              "fill": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "size=lg": {
+            "props": {
+              "type": "single",
+              "variant": "segmented",
+              "size": "lg",
+              "fill": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 16,
+              "borderRadius": 8
+            }
+          }
+        }
+      },
+      "Input": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "type": "email",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "type=text": {
+            "props": {
+              "type": "text",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "type=email": {
+            "props": {
+              "type": "email",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "type=password": {
+            "props": {
+              "type": "password",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "type=number": {
+            "props": {
+              "type": "number",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "type=search": {
+            "props": {
+              "type": "search",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "type=url": {
+            "props": {
+              "type": "url",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          },
+          "type=tel": {
+            "props": {
+              "type": "tel",
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "Textarea": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "minHeight": 64,
+              "paddingHorizontal": 12,
+              "paddingVertical": 8,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "Select": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {
+              "multiple": false,
+              "searchable": false,
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "DatePicker": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {},
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "Checkbox": {
+        "part": "box",
+        "cases": {
+          "default": {
+            "props": {
+              "checked": false,
+              "disabled": false
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 1,
+              "borderRadius": 4
+            }
+          }
+        }
+      },
+      "Radio": {
+        "part": "item",
+        "cases": {
+          "default": {
+            "props": {
+              "orientation": "vertical"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 1,
+              "borderRadius": 9999
+            }
+          },
+          "orientation=horizontal": {
+            "props": {
+              "orientation": "horizontal"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 1,
+              "borderRadius": 9999
+            }
+          },
+          "orientation=vertical": {
+            "props": {
+              "orientation": "vertical"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 1,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Switch": {
+        "part": "track",
+        "cases": {
+          "default": {
+            "props": {
+              "checked": true,
+              "disabled": false
+            },
+            "geometry": {
+              "width": 32,
+              "height": 20,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Slider": {
+        "part": "thumb",
+        "cases": {
+          "default": {
+            "props": {},
+            "geometry": {
+              "width": 16,
+              "height": 16,
+              "borderWidth": 1,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Avatar": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32,
+              "borderRadius": 9999
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24,
+              "borderRadius": 9999
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32,
+              "borderRadius": 9999
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg"
+            },
+            "geometry": {
+              "width": 40,
+              "height": 40,
+              "borderRadius": 9999
+            }
+          }
+        }
+      },
+      "Icon": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24
+            }
+          },
+          "tone=neutral": {
+            "props": {
+              "size": "default",
+              "tone": "neutral"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=primary": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=success": {
+            "props": {
+              "size": "default",
+              "tone": "success"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=warning": {
+            "props": {
+              "size": "default",
+              "tone": "warning"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=danger": {
+            "props": {
+              "size": "default",
+              "tone": "danger"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "tone=info": {
+            "props": {
+              "size": "default",
+              "tone": "info"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          }
+        }
+      },
+      "Spinner": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=xs": {
+            "props": {
+              "size": "xs"
+            },
+            "geometry": {
+              "width": 10,
+              "height": 10
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm"
+            },
+            "geometry": {
+              "width": 16,
+              "height": 16
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default"
+            },
+            "geometry": {
+              "width": 20,
+              "height": 20
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24
+            }
+          }
+        }
+      },
+      "Ring": {
+        "part": "root",
+        "cases": {
+          "default": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "size=sm": {
+            "props": {
+              "size": "sm",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 24,
+              "height": 24
+            }
+          },
+          "size=default": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "size=lg": {
+            "props": {
+              "size": "lg",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 40,
+              "height": 40
+            }
+          },
+          "tone=neutral": {
+            "props": {
+              "size": "default",
+              "tone": "neutral"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=primary": {
+            "props": {
+              "size": "default",
+              "tone": "primary"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=success": {
+            "props": {
+              "size": "default",
+              "tone": "success"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=warning": {
+            "props": {
+              "size": "default",
+              "tone": "warning"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=danger": {
+            "props": {
+              "size": "default",
+              "tone": "danger"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          },
+          "tone=info": {
+            "props": {
+              "size": "default",
+              "tone": "info"
+            },
+            "geometry": {
+              "width": 32,
+              "height": 32
+            }
+          }
+        }
+      },
+      "Tabs": {
+        "part": "tab",
+        "cases": {
+          "default": {
+            "props": {
+              "fill": false,
+              "closable": "none",
+              "addable": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "closable=none": {
+            "props": {
+              "fill": false,
+              "closable": "none",
+              "addable": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "closable=hover": {
+            "props": {
+              "fill": false,
+              "closable": "hover",
+              "addable": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          },
+          "closable=always": {
+            "props": {
+              "fill": false,
+              "closable": "always",
+              "addable": false
+            },
+            "geometry": {
+              "height": 24,
+              "paddingHorizontal": 12,
+              "borderRadius": 8
+            }
+          }
+        }
+      },
+      "NumberField": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "ChipInput": {
+        "part": "field",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "minHeight": 36,
+              "paddingHorizontal": 4,
+              "paddingVertical": 2,
+              "gap": 4,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "TimePicker": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {
+              "disabled": false
+            },
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      },
+      "DateRangePicker": {
+        "part": "trigger",
+        "cases": {
+          "default": {
+            "props": {},
+            "geometry": {
+              "height": 36,
+              "paddingHorizontal": 12,
+              "borderWidth": 1,
+              "borderRadius": 10
+            }
+          }
+        }
+      }
+    }
+  }
+}