{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "border": "{border.default}",
    "rounded": "{rounded.none}",
    "typography": "{typography.small}",
    "display": "flex",
    "width": "full",
    "flexWrap": "wrap",
    "alignItems": "center",
    "focus": {
      "borderColor": "{colors.ring}",
      "outline": "{ring.wide}",
      "outlineColor": "{colors.ring}"
    }
  },
  "variants": {
    "variant": {
      "default": {
        "borderColor": "transparent"
      },
      "outline": {
        "borderColor": "{colors.border}"
      },
      "muted": {
        "backgroundColor": "{colors.muted/50}",
        "borderColor": "transparent"
      }
    },
    "size": {
      "md": {
        "gap": "{spacing.3.5}",
        "paddingX": "{spacing.4}",
        "paddingY": "{spacing.3.5}"
      },
      "sm": {
        "gap": "{spacing.3.5}",
        "paddingX": "{spacing.3.5}",
        "paddingY": "{spacing.3}"
      },
      "xs": {
        "gap": "{spacing.2.5}",
        "paddingX": "{spacing.3}",
        "paddingY": "{spacing.2.5}"
      }
    }
  },
  "defaults": {
    "variant": "default",
    "size": "md"
  }
}