{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "extends": "control-box",
    "backgroundColor": "{colors.background}",
    "height": "{spacing.10}",
    "paddingX": "{spacing.3}",
    "gap": "{spacing.2}",
    "display": "flex",
    "minWidth": "{spacing.0}",
    "flex": "1",
    "alignItems": "center",
    "icon": {
      "size": "{spacing.4}"
    },
    "focusWithin": {
      "borderColor": "{colors.ring}",
      "outline": "{ring.wide}",
      "outlineColor": "{colors.ring}"
    }
  },
  "variants": {},
  "defaults": {}
}